From 97eba003a9d0adcb0cab9190f566327b1417c7d3 Mon Sep 17 00:00:00 2001
From: Chocobozzz <me@florianbigard.com>
Date: Wed, 17 Aug 2022 11:55:29 +0200
Subject: Add sync link to import page

---
 .../video-add-components/video-go-live.component.scss          |  8 --------
 .../video-add-components/video-import-url.component.html       |  4 ++++
 .../video-add-components/video-import-url.component.ts         |  4 ++++
 .../+videos/+video-edit/video-add-components/video-send.scss   | 10 ++++++++--
 4 files changed, 16 insertions(+), 10 deletions(-)

(limited to 'client/src/app')

diff --git a/client/src/app/+videos/+video-edit/video-add-components/video-go-live.component.scss b/client/src/app/+videos/+video-edit/video-add-components/video-go-live.component.scss
index 09b71018f..42d74725e 100644
--- a/client/src/app/+videos/+video-edit/video-add-components/video-go-live.component.scss
+++ b/client/src/app/+videos/+video-edit/video-add-components/video-go-live.component.scss
@@ -2,11 +2,3 @@
   margin-top: 15px;
 }
 
-.peertube-radio-container {
-  width: 250px;
-
-  .form-group-description {
-    white-space: nowrap;
-  }
-}
-
diff --git a/client/src/app/+videos/+video-edit/video-add-components/video-import-url.component.html b/client/src/app/+videos/+video-edit/video-add-components/video-import-url.component.html
index 67e1cb418..a80d31aaf 100644
--- a/client/src/app/+videos/+video-edit/video-add-components/video-import-url.component.html
+++ b/client/src/app/+videos/+video-edit/video-add-components/video-import-url.component.html
@@ -16,6 +16,10 @@
       </my-help>
 
       <input type="text" id="targetUrl" [(ngModel)]="targetUrl" class="form-control" />
+
+      <div *ngIf="isChannelSyncEnabled()" class="form-group-description" i18n>
+        You can also synchronize a remote channel in <a routerLink="/my-library/video-channel-syncs">your library</a>
+      </div>
     </div>
 
     <div class="form-group">
diff --git a/client/src/app/+videos/+video-edit/video-add-components/video-import-url.component.ts b/client/src/app/+videos/+video-edit/video-add-components/video-import-url.component.ts
index 4ef7d1321..422f0c643 100644
--- a/client/src/app/+videos/+video-edit/video-add-components/video-import-url.component.ts
+++ b/client/src/app/+videos/+video-edit/video-add-components/video-import-url.component.ts
@@ -64,6 +64,10 @@ export class VideoImportUrlComponent extends VideoSend implements OnInit, AfterV
     return this.targetUrl?.match(/https?:\/\//)
   }
 
+  isChannelSyncEnabled () {
+    return this.serverConfig.import.videoChannelSynchronization.enabled
+  }
+
   importVideo () {
     this.isImportingVideo = true
 
diff --git a/client/src/app/+videos/+video-edit/video-add-components/video-send.scss b/client/src/app/+videos/+video-edit/video-add-components/video-send.scss
index ed46fefb0..684ab23cc 100644
--- a/client/src/app/+videos/+video-edit/video-add-components/video-send.scss
+++ b/client/src/app/+videos/+video-edit/video-add-components/video-send.scss
@@ -1,7 +1,7 @@
 @use '_variables' as *;
 @use '_mixins' as *;
 
-$width-size: 250px;
+$width-size: 275px;
 
 .alert.alert-danger {
   text-align: center;
@@ -27,7 +27,9 @@ $width-size: 250px;
     @include peertube-select-container($width-size);
   }
   my-select-options ::ng-deep ng-select,
-  my-select-channel ::ng-deep ng-select {
+  my-select-channel ::ng-deep ng-select,
+  .peertube-radio-container,
+  .form-group-description {
     width: $width-size;
 
     @media screen and (max-width: $width-size) {
@@ -35,6 +37,10 @@ $width-size: 250px;
     }
   }
 
+  .form-group-description {
+    white-space: nowrap;
+  }
+
   input[type=text] {
     @include peertube-input-text($width-size);
     display: block;
-- 
cgit v1.2.3