From 4503cb2a894d9fb2b838cab0a9af8b3923e18a56 Mon Sep 17 00:00:00 2001
From: DeeJayBro <maricrafterminecraft@gmail.com>
Date: Thu, 12 Jul 2018 12:43:42 -0500
Subject: QR Code (#802)

Adding QR-Code to the Share modal.

fixes #683
---
 client/src/app/videos/+video-watch/modal/video-share.component.html | 5 +++++
 client/src/app/videos/+video-watch/modal/video-share.component.scss | 4 ++++
 2 files changed, 9 insertions(+)

(limited to 'client/src/app/videos/+video-watch/modal')

diff --git a/client/src/app/videos/+video-watch/modal/video-share.component.html b/client/src/app/videos/+video-watch/modal/video-share.component.html
index 26ab5144a..74a3a57d4 100644
--- a/client/src/app/videos/+video-watch/modal/video-share.component.html
+++ b/client/src/app/videos/+video-watch/modal/video-share.component.html
@@ -36,6 +36,11 @@
           The url is not secured (no HTTPS), so the embed video won't work on HTTPS websites (web browsers block non secured HTTP requests on HTTPS websites).
         </div>
 
+        <div class="form-group qr-code-group">
+          <label i18n>QR-Code</label>
+          <ngx-qrcode qrc-element-type="url" [qrc-value]="getVideoUrl()" qrc-errorCorrectionLevel="Q"></ngx-qrcode>
+        </div>
+
         <div class="form-group inputs">
           <span i18n class="action-button action-button-cancel" (click)="hide()">
             Cancel
diff --git a/client/src/app/videos/+video-watch/modal/video-share.component.scss b/client/src/app/videos/+video-watch/modal/video-share.component.scss
index 184e09027..c7f30bec5 100644
--- a/client/src/app/videos/+video-watch/modal/video-share.component.scss
+++ b/client/src/app/videos/+video-watch/modal/video-share.component.scss
@@ -1,3 +1,7 @@
 .action-button-cancel {
   margin-right: 0 !important;
 }
+
+.qr-code-group {
+  text-align: center;
+}
-- 
cgit v1.2.3