added missing translations

Author: marcio199226

frontend/src/app/app.module.ts

@@ -9,6 +9,7 @@ import { AppComponent } from './app.component';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { HomeComponent, OfflinePlaylistComponent } from './pages';
 import { FlexLayoutModule } from '@angular/flex-layout';
+import { ClipboardModule } from '@angular/cdk/clipboard';
 import { MatButtonModule } from '@angular/material/button';
 import { MatBadgeModule } from '@angular/material/badge';
 import { MatCardModule } from '@angular/material/card';
@@ -84,6 +85,7 @@ export function HttpLoaderFactory(http: HttpClient) {
     }),
     FlexLayoutModule,
     QrCodeModule,
+    ClipboardModule,
     MatBadgeModule,
     MatButtonModule,
     MatCardModule,

frontend/src/app/components/settings/settings.component.html

@@ -101,7 +101,6 @@
             <div fxLayout="row" fxLayoutAlign="start start" fxLayoutGap="12px" [style.width.%]="100" *ngIf="model.PublicServer.Enabled">
               <div class="qrcode">
                 <qr-code [value]="publicServerQrcode" size="300" errorCorrectionLevel="M"></qr-code>
-                {{ publicServerQrcode }}
               </div>
               <div class="form" fxLayout="column" fxLayoutAlign="start start" fxLayoutGap="16px">
                 <mat-form-field appearance="fill" [style.width.%]="100">
@@ -147,13 +146,20 @@
               </div>
             </div>
 
-            <div class="mobile-app box info" *ngIf="isNgrokAvailable && model.PublicServer.Enabled">
+            <div class="mobile-app box info" *ngIf="false && isNgrokAvailable && model.PublicServer.Enabled">
               <span>{{ 'SETTINGS.TABS.PUBLIC_SERVER.NGROK.MOBILE_APP' | translate }}</span>
               <button mat-flat-button color="secondary" (click)="openUrl('https://github.com/marcio199226/ytd-mobile/releases')">
                 {{ 'SETTINGS.TABS.PUBLIC_SERVER.NGROK.MOBILE_APP_BTN' | translate }}
               </button>
             </div>
 
+            <div class="share-url box info" *ngIf="isNgrokAvailable && model.PublicServer.Enabled">
+              <span>{{ 'SETTINGS.TABS.PUBLIC_SERVER.NGROK.SHARE_URL' | translate }}</span>
+              <button mat-icon-button [title]="'SETTINGS.TABS.PUBLIC_SERVER.NGROK.COPY_URL' | translate" (click)="copyUrlToClipboard()">
+                <mat-icon>content_copy</mat-icon>
+              </button>
+            </div>
+
           </div>
         </ng-template>
       </mat-tab>

frontend/src/app/components/settings/settings.component.scss

@@ -75,7 +75,7 @@ settings {
         width: 100%;
       }
 
-      .mobile-app {
+      .mobile-app, .share-url {
         margin-top: 6px;
         width: 100%;
         box-sizing: border-box;

frontend/src/app/components/settings/settings.component.ts

@@ -11,6 +11,8 @@ import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
 import to from 'await-to-js';
 import { AppConfig, getQrcodeData, NgrokState } from '@models';
 import { MatTabGroup } from '@angular/material/tabs';
+import { Clipboard } from '@angular/cdk/clipboard';
+import { SnackbarService } from 'app/services/snackbar.service';
 
 @Component({
   selector: 'settings',
@@ -64,6 +66,8 @@ export class SettingsComponent implements OnInit {
   constructor(
     private _cdr: ChangeDetectorRef,
     private _dialogRef: MatDialogRef<SettingsComponent>,
+    private _clipboard: Clipboard,
+    private _snackbar: SnackbarService,
     @Inject(MAT_DIALOG_DATA) public data: { tab?: string, config: AppConfig, isNgrokRunning: boolean, ngrok: NgrokState },
   ) {
   }
@@ -117,6 +121,11 @@ export class SettingsComponent implements OnInit {
     this._cdr.detectChanges();
   }
 
+  copyUrlToClipboard(): void {
+    this._clipboard.copy(this.publicServerQrcode);
+    this._snackbar.openSuccess("SETTINGS.TABS.PUBLIC_SERVER.NGROK.URL_COPIED");
+  }
+
   private _getQrCodeData(): string {
     const pwa = window.APP_STATE.pwaUrl;
     if(this.data.isNgrokRunning) {

frontend/src/assets/i18n/en.json

@@ -112,7 +112,10 @@
           "APIKEY_DESC_ENABLED": "Disable api key verification",
           "APIKEY_DESC_DISABLED": "Enable api key verification",
           "APP_KEY": "Verify api key (more secure)",
-          "APP_KEY_HINT": "Your local server will verify api key too"
+          "APP_KEY_HINT": "Your local server will verify api key too",
+          "SHARE_URL": "Share url with your fiends",
+          "COPY_URL": "Copy to clipboard",
+          "URL_COPIED": "Url has been copied to your clipboard"
         }
       }
     },

frontend/src/assets/i18n/it.json

@@ -114,6 +114,36 @@
       "UNSUPPORTED_URL": "Url non supportato",
       "TRACK_ADDED": "Brano aggiunto al download",
       "TRACK_ADD_KO": "Impossibile aggiungere il brano al download"
+    },
+    "TABS": {
+      "GENERAL": "Generali",
+      "PUBLIC_SERVER": {
+        "LABEL": "Condivisione",
+        "DESC": "Condividi i tuoi brani e le tue playlist con i tuoi amici",
+        "ENABLED": "Attiva",
+        "DISABLED": "Spenta",
+        "NGROK": {
+          "NOT_INSTALLED": "Devi prima installare ngrok per abilitare questa funzionalita",
+          "INSTALL_BTN": "Installa ngrok",
+          "MOBILE_APP": "Scarica l'app mobile e scanerizza il qrcode",
+          "MOBILE_APP_BTN": "Scarica l'app",
+          "AUTH_TOKEN": "Authtoken di ngrok",
+          "AUTH_TOKEN_HINT": "",
+          "AUTH_DESC_ENABLED": "L'autenticazione è abilitata",
+          "AUTH_DESC_DISABLED": "Abilita l'autenticazione (maggiore sicurezza)",
+          "USERNAME": "Username",
+          "USERNAME_HINT": "Username usata per l'autenticazione",
+          "PASSWORD": "Password",
+          "PASSWORD_HINT": "Password usata per l'autenticazione",
+          "APIKEY_DESC_ENABLED": "Disabilita la verifica della api key",
+          "APIKEY_DESC_DISABLED": "Abilita la verifica della api key",
+          "APP_KEY": "Verifica api key (maggiore sicurezza)",
+          "APP_KEY_HINT": "Verra' verificata la api key per la connessione",
+          "SHARE_URL": "Condividi l'url con i tuoi amici per accedere alle tue playlist",
+          "COPY_URL": "Copia nella clipboard",
+          "URL_COPIED": "L'url è stato copiato nei tuoi appunti"
+        }
+      }
     }
   },
   "UPDATER": {

frontend/src/assets/i18n/pl.json

@@ -114,6 +114,36 @@
       "UNSUPPORTED_URL": "Nieobsługiwany adres URL",
       "TRACK_ADDED": "Utwór dodany do pobrania",
       "TRACK_ADD_KO": "Bład przy dodawaniu utworu do listy pobierania"
+    },
+    "TABS": {
+      "GENERAL": "Ogólne",
+      "PUBLIC_SERVER": {
+        "LABEL": "Tunelowanie",
+        "DESC": "Udostepniaj twoim znajomym twoje utwory i listy odtwarzania",
+        "ENABLED": "Aktywne",
+        "DISABLED": "Nieaktywne",
+        "NGROK": {
+          "NOT_INSTALLED": "Musisz najpierw zainstalować ngrok, aby włączyć tę funkcję",
+          "INSTALL_BTN": "Zainstaluj ngrok",
+          "MOBILE_APP": "Ściągnij aplikacje i zeskanuj qrcode",
+          "MOBILE_APP_BTN": "Ściągnij aplikacje",
+          "AUTH_TOKEN": "Token ngrok",
+          "AUTH_TOKEN_HINT": "",
+          "AUTH_DESC_ENABLED": "Autentykacja włączona",
+          "AUTH_DESC_DISABLED": "Włącz uwierzytelnianie (zwiększone bezpieczeństwo)",
+          "USERNAME": "Użytkownik",
+          "USERNAME_HINT": "Nazwa użytkownik potrzebna do autentykacji",
+          "PASSWORD": "Hasło",
+          "PASSWORD_HINT": "Hasło użytkownika potrzebne do autentykacji",
+          "APIKEY_DESC_ENABLED": "Wyłącz weryfikację klucza API",
+          "APIKEY_DESC_DISABLED": "Włącz weryfikację klucza API",
+          "APP_KEY": "Zweryfikuj klucz API (większe bezpieczeństwo)",
+          "APP_KEY_HINT": "Aby połączyc sie trzeba bedzie podac klucz API",
+          "SHARE_URL": "Udostępnij adres URL znajomym, aby uzyskać dostęp do twoich list odtwarzania",
+          "COPY_URL": "Skopiuj do schowka",
+          "URL_COPIED": "Adres URL został skopiowany do schowka"
+        }
+      }
     }
   },
   "UPDATER": {