-
+
+
diff --git a/client/src/app/videos/video-watch/video-watch.component.scss b/client/src/app/videos/video-watch/video-watch.component.scss
index 9d335c3ba..fe23b849f 100644
--- a/client/src/app/videos/video-watch/video-watch.component.scss
+++ b/client/src/app/videos/video-watch/video-watch.component.scss
@@ -39,7 +39,7 @@
top: 2px;
}
- #magnet-uri {
+ #magnet-uri, #share {
font-weight: bold;
opacity: 0.85;
}
@@ -75,3 +75,10 @@
}
}
}
+
+.modal-content {
+ input {
+ /* Force blank on readonly inputs */
+ background-color: #fff;
+ }
+}
diff --git a/client/src/app/videos/video-watch/video-watch.component.ts b/client/src/app/videos/video-watch/video-watch.component.ts
index 6012daa5c..0ae323c9f 100644
--- a/client/src/app/videos/video-watch/video-watch.component.ts
+++ b/client/src/app/videos/video-watch/video-watch.component.ts
@@ -18,6 +18,7 @@ export class VideoWatchComponent implements OnInit, OnDestroy {
private static LOADTIME_TOO_LONG: number = 30000;
@ViewChild('magnetUriModal') magnetUriModal: ModalDirective;
+ @ViewChild('shareModal') shareModal: ModalDirective;
downloadSpeed: number;
error: boolean = false;
@@ -74,8 +75,6 @@ export class VideoWatchComponent implements OnInit, OnDestroy {
}
loadVideo() {
- console.log('
');
-
// Reset the error
this.error = false;
// We are loading the video
@@ -116,6 +115,25 @@ export class VideoWatchComponent implements OnInit, OnDestroy {
this.magnetUriModal.hide();
}
+ showShareModal() {
+ this.shareModal.show();
+ }
+
+ hideShareModal() {
+ this.shareModal.hide();
+ }
+
+ getVideoIframeCode() {
+ return '
';
+ }
+
+ getVideoUrl() {
+ return window.location.href;
+ }
+
private loadTooLong() {
this.error = true;
console.error('The video load seems to be abnormally long.');