Merge branch 'master' into id3-tagging

.gitignore

@@ -56,3 +56,4 @@ backend/subscriptions/channels/*
 backend/subscriptions/playlists/*
 backend/subscriptions/archives/*
 src/assets/default.json
+package-lock.json

README.md

@@ -1,6 +1,6 @@
 # YoutubeDL-Material
 
-YoutubeDL-Material is a Material Design frontend for [youtube-dl](https://rg3.github.io/youtube-dl/). It's coded using [Angular 8](https://angular.io/) for the frontend, and [Node.js](https://nodejs.org/) on the backend.
+YoutubeDL-Material is a Material Design frontend for [youtube-dl](https://rg3.github.io/youtube-dl/). It's coded using [Angular 9](https://angular.io/) for the frontend, and [Node.js](https://nodejs.org/) on the backend.
 
 Now with [Docker](#Docker) support!
 

angular.json

@@ -7,10 +7,17 @@
       "root": "",
       "sourceRoot": "src",
       "projectType": "application",
+      "i18n": {
+        "sourceLocale": "en-US",
+        "locales": {
+          "es": "src/locale/messages.es.xlf"
+        }
+      },
       "architect": {
         "build": {
           "builder": "@angular-devkit/build-angular:browser",
           "options": {
+            "aot": true,
             "outputPath": "dist",
             "index": "src/index.html",
             "main": "src/main.ts",
@@ -30,6 +37,12 @@
           },
           "configurations": {
             "production": {
+              "budgets": [
+                {
+                  "type": "anyComponentStyle",
+                  "maximumWarning": "6kb"
+                }
+              ],
               "optimization": true,
               "outputHashing": "all",
               "sourceMap": false,
@@ -45,6 +58,9 @@
                   "with": "src/environments/environment.prod.ts"
                 }
               ]
+            },
+            "es": {
+              "localize": ["es"]
             }
           }
         },
@@ -56,6 +72,9 @@
           "configurations": {
             "production": {
               "browserTarget": "youtube-dl-material:build:production"
+            },
+            "es": {
+              "browserTarget": "youtube-dl-material:build:es"
             }
           }
         },
@@ -176,7 +195,7 @@
   "schematics": {
     "@schematics/angular:component": {
       "prefix": "app",
-      "styleext": "scss"
+      "style": "scss"
     },
     "@schematics/angular:directive": {
       "prefix": "app"

backend/app.js

@@ -8,8 +8,11 @@ var https = require('https');
 var express = require("express");
 var bodyParser = require("body-parser");
 var archiver = require('archiver');
+var mergeFiles = require('merge-files');
 const low = require('lowdb')
 const NodeID3 = require('node-id3')
+const downloader = require('youtube-dl/lib/downloader')
+const fetch = require('node-fetch');
 var URL = require('url').URL;
 const shortid = require('shortid')
 const url_api = require('url');
@@ -19,7 +22,7 @@ var subscriptions_api = require('./subscriptions')
 var app = express();
 
 const FileSync = require('lowdb/adapters/FileSync')
-const adapter = new FileSync('db.json');
+const adapter = new FileSync('./appdata/db.json');
 const db = low(adapter)
 
 // Set some defaults
@@ -56,8 +59,17 @@ let debugMode = process.env.YTDL_MODE === 'debug';
 
 if (debugMode) console.log('YTDL-Material in debug mode!');
 
+// updates & starts youtubedl
+startYoutubeDL();
+
 var validDownloadingAgents = [
-    'aria2c'
+    'aria2c',
+    'avconv',
+    'axel',
+    'curl',
+    'ffmpeg',
+    'httpie',
+    'wget'
 ]
 
 // don't overwrite config if it already happened.. NOT
@@ -78,12 +90,17 @@ app.use(bodyParser.json());
 
 // objects
 
-function File(id, title, thumbnailURL, isAudio, duration) {
+function File(id, title, thumbnailURL, isAudio, duration, url, uploader, size, path, upload_date) {
     this.id = id;
     this.title = title;
     this.thumbnailURL = thumbnailURL;
     this.isAudio = isAudio;
     this.duration = duration;
+    this.url = url;
+    this.uploader = uploader;
+    this.size = size;
+    this.path = path;
+    this.upload_date = upload_date;
 }
 
 // actual functions
@@ -141,6 +158,8 @@ async function loadConfig() {
 
         if (!useDefaultDownloadingAgent && validDownloadingAgents.indexOf(customDownloadingAgent) !== -1 ) {
             console.log(`INFO: Using non-default downloading agent \'${customDownloadingAgent}\'`)
+        } else {
+            customDownloadingAgent = null;
         }
 
         if (usingEncryption)
@@ -345,10 +364,16 @@ function getVideoFormatID(name)
     }
 }
 
-async function createPlaylistZipFile(fileNames, type, outputName) {
+async function createPlaylistZipFile(fileNames, type, outputName, fullPathProvided = null) {
     return new Promise(async resolve => {
-        let zipFolderPath = path.join(__dirname, (type === 'audio') ? audioFolderPath : videoFolderPath);
-        // let name = fileNames[0].split(' ')[0] + fileNames[1].split(' ')[0];
+        let zipFolderPath = null;
+
+        if (!fullPathProvided) {
+            zipFolderPath = path.join(__dirname, (type === 'audio') ? audioFolderPath : videoFolderPath);
+        } else {
+            zipFolderPath = path.join(__dirname, config_api.getConfigItem('ytdl_subscriptions_base_path'));
+        }
+
         let ext = (type === 'audio') ? '.mp3' : '.mp4';
 
         let output = fs.createWriteStream(path.join(zipFolderPath, outputName + '.zip'));
@@ -368,7 +393,8 @@ async function createPlaylistZipFile(fileNames, type, outputName) {
 
         for (let i = 0; i < fileNames.length; i++) {
             let fileName = fileNames[i];
-            archive.file(zipFolderPath + fileName + ext, {name: fileName + ext})
+            let file_path = !fullPathProvided ? zipFolderPath + fileName + ext : fileName;
+            archive.file(file_path, {name: fileName + ext})
         }
 
         await archive.finalize();
@@ -383,7 +409,7 @@ async function createPlaylistZipFile(fileNames, type, outputName) {
 
 }
 
-function deleteAudioFile(name) {
+async function deleteAudioFile(name, blacklistMode = false) {
     return new Promise(resolve => {
         // TODO: split descriptors into audio and video descriptors, as deleting an audio file will close all video file streams
         var jsonPath = path.join(audioFolderPath,name+'.mp3.info.json');
@@ -404,7 +430,25 @@ function deleteAudioFile(name) {
             }
         } 
 
+        let useYoutubeDLArchive = config_api.getConfigItem('ytdl_use_youtubedl_archive');
+        if (useYoutubeDLArchive) {
+            const archive_path = audioFolderPath + 'archive.txt';
 
+            // get ID from JSON
+
+            var jsonobj = getJSONMp3(name);
+            let id = null;
+            if (jsonobj) id = jsonobj.id;
+
+            // use subscriptions API to remove video from the archive file, and write it to the blacklist
+            if (fs.existsSync(archive_path)) {
+                const line = id ? subscriptions_api.removeIDFromArchive(archive_path, id) : null;
+                if (blacklistMode && line) writeToBlacklist('audio', line);
+            } else {
+                console.log('Could not find archive file for audio files. Creating...');
+                fs.closeSync(fs.openSync(archive_path, 'w'));
+            }
+        }
 
         if (jsonExists) fs.unlinkSync(jsonPath);
         if (audioFileExists) {
@@ -423,7 +467,7 @@ function deleteAudioFile(name) {
     });
 }
 
-async function deleteVideoFile(name, customPath = null) {
+async function deleteVideoFile(name, customPath = null, blacklistMode = false) {
     return new Promise(resolve => {
         let filePath = customPath ? customPath : videoFolderPath;
         var jsonPath = path.join(filePath,name+'.info.json');
@@ -444,7 +488,25 @@ async function deleteVideoFile(name, customPath = null) {
             }
         } 
 
+        let useYoutubeDLArchive = config_api.getConfigItem('ytdl_use_youtubedl_archive');
+        if (useYoutubeDLArchive) {
+            const archive_path = videoFolderPath + 'archive.txt';
+
+            // get ID from JSON
 
+            var jsonobj = getJSONMp4(name);
+            let id = null;
+            if (jsonobj) id = jsonobj.id;
+
+            // use subscriptions API to remove video from the archive file, and write it to the blacklist
+            if (fs.existsSync(archive_path)) {
+                const line = id ? subscriptions_api.removeIDFromArchive(archive_path, id) : null;
+                if (blacklistMode && line) writeToBlacklist('video', line);
+            } else {
+                console.log('Could not find archive file for videos. Creating...');
+                fs.closeSync(fs.openSync(archive_path, 'w'));
+            }
+        }
 
         if (jsonExists) fs.unlinkSync(jsonPath);
         if (videoFileExists) {
@@ -550,6 +612,88 @@ async function getUrlInfos(urls) {
     });
 }
 
+function writeToBlacklist(type, line) {
+    let blacklistBasePath = (type === 'audio') ? audioFolderPath : videoFolderPath;
+    // adds newline to the beginning of the line
+    line = '\n' + line;
+    fs.appendFileSync(blacklistBasePath + 'blacklist.txt', line);
+}
+
+async function startYoutubeDL() {
+    // auto update youtube-dl
+    await autoUpdateYoutubeDL();
+}
+
+// auto updates the underlying youtube-dl binary, not YoutubeDL-Material
+async function autoUpdateYoutubeDL() {
+    return new Promise(resolve => {
+        // get current version
+        let current_app_details_path = 'node_modules/youtube-dl/bin/details';
+        let current_app_details_exists = fs.existsSync(current_app_details_path);
+        if (!current_app_details_exists) {
+            console.log(`Failed to get youtube-dl binary details at location: ${current_app_details_path}. Cancelling update check.`);
+            resolve(false);
+            return;
+        }
+        let current_app_details = JSON.parse(fs.readFileSync(current_app_details_path));
+        let current_version = current_app_details['version'];
+        let stored_binary_path = current_app_details['path'];
+
+        // got version, now let's check the latest version from the youtube-dl API
+        let youtubedl_api_path = 'https://api.github.com/repos/ytdl-org/youtube-dl/tags';
+        fetch(youtubedl_api_path, {method: 'Get'})
+        .then(async res => res.json())
+        .then(async (json) => {
+            // check if the versions are different
+            const latest_update_version = json[0]['name'];    
+            if (current_version !== latest_update_version) {
+                let binary_path = 'node_modules/youtube-dl/bin';
+                // versions different, download new update
+                console.log('INFO: Found new update for youtube-dl. Updating binary...');
+                await checkExistsWithTimeout(stored_binary_path, 10000);
+                downloader(binary_path, function error(err, done) {
+                    'use strict'
+                    if (err) {
+                        resolve(false);
+                        throw err;
+                    }
+                    console.log(`INFO: Binary successfully updated: ${current_version} -> ${latest_update_version}`);
+                    resolve(true);
+                });
+            }
+        
+        });
+    });
+}
+
+async function checkExistsWithTimeout(filePath, timeout) {
+    return new Promise(function (resolve, reject) {
+
+        var timer = setTimeout(function () {
+            watcher.close();
+            reject(new Error('File did not exists and was not created during the timeout.'));
+        }, timeout);
+
+        fs.access(filePath, fs.constants.R_OK, function (err) {
+            if (!err) {
+                clearTimeout(timer);
+                watcher.close();
+                resolve();
+            }
+        });
+
+        var dir = path.dirname(filePath);
+        var basename = path.basename(filePath);
+        var watcher = fs.watch(dir, function (eventType, filename) {
+            if (eventType === 'rename' && filename === basename) {
+                clearTimeout(timer);
+                watcher.close();
+                resolve();
+            }
+        });
+    });
+}
+
 app.use(function(req, res, next) {
     res.header("Access-Control-Allow-Origin", getOrigin());
     res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
@@ -584,7 +728,7 @@ app.get('/api/using-encryption', function(req, res) {
     res.send(usingEncryption);
 });
 
-app.post('/api/tomp3', function(req, res) {
+app.post('/api/tomp3', async function(req, res) {
     var url = req.body.url;
     var date = Date.now();
     var audiopath = '%(title)s';
@@ -597,10 +741,11 @@ app.post('/api/tomp3', function(req, res) {
     var youtubeUsername = req.body.youtubeUsername;
     var youtubePassword = req.body.youtubePassword;
 
-
     let downloadConfig = null;
     let qualityPath = '-f bestaudio';
 
+    let merged_string = null;
+
     if (customArgs) {
         downloadConfig = customArgs.split(' ');
     } else {
@@ -625,8 +770,32 @@ app.post('/api/tomp3', function(req, res) {
             downloadConfig.splice(3, 0, qualityPath);
         }
     
-        if (!useDefaultDownloadingAgent && customDownloadingAgent === 'aria2c') {
-            downloadConfig.splice(0, 0, '--external-downloader', 'aria2c');
+        if (!useDefaultDownloadingAgent && customDownloadingAgent) {
+            downloadConfig.splice(0, 0, '--external-downloader', customDownloadingAgent);
+        }
+
+        let useYoutubeDLArchive = config_api.getConfigItem('ytdl_use_youtubedl_archive');
+        if (useYoutubeDLArchive) {
+            let archive_path = audioFolderPath + 'archive.txt';
+            // create archive file if it doesn't exist
+            if (!fs.existsSync(archive_path)) {
+                fs.closeSync(fs.openSync(archive_path, 'w'));
+            }
+
+            let blacklist_path = audioFolderPath + 'blacklist.txt';
+            // create blacklist file if it doesn't exist
+            if (!fs.existsSync(blacklist_path)) {
+                fs.closeSync(fs.openSync(blacklist_path, 'w'));
+            }
+
+            let merged_path = audioFolderPath + 'merged.txt';
+            // merges blacklist and regular archive
+            let inputPathList = [archive_path, blacklist_path];
+            let status = await mergeFiles(inputPathList, merged_path);
+
+            merged_string = fs.readFileSync(merged_path, "utf8");
+
+            downloadConfig.push('--download-archive', merged_path);
         }
 
         if (globalArgs && globalArgs !== '') {
@@ -648,6 +817,10 @@ app.post('/api/tomp3', function(req, res) {
             throw err;
         } else if (output) {  
             var file_names = [];
+            if (output.length === 0 || output[0].length === 0) {
+                res.sendStatus(500);
+                return;
+            }
             for (let i = 0; i < output.length; i++) {
                 let output_json = null;
                 try {
@@ -680,7 +853,12 @@ app.post('/api/tomp3', function(req, res) {
             }
 
             let is_playlist = file_names.length > 1;
-            // if (!is_playlist) audiopath = file_names[0];
+
+            if (merged_string !== null) {
+                let current_merged_archive = fs.readFileSync(audioFolderPath + 'merged.txt', 'utf8');
+                let diff = current_merged_archive.replace(merged_string, '');
+                fs.appendFileSync(audioFolderPath + 'archive.txt', diff);
+            }
 
             var audiopathEncoded = encodeURIComponent(file_names[0]);
             res.send({
@@ -691,7 +869,7 @@ app.post('/api/tomp3', function(req, res) {
     });
 });
 
-app.post('/api/tomp4', function(req, res) {
+app.post('/api/tomp4', async function(req, res) {
     var url = req.body.url;
     var date = Date.now();
     var path = videoFolderPath;
@@ -705,6 +883,8 @@ app.post('/api/tomp4', function(req, res) {
     var youtubeUsername = req.body.youtubeUsername;
     var youtubePassword = req.body.youtubePassword;
 
+    let merged_string = null;
+
     let downloadConfig = null;
     let qualityPath = 'bestvideo[ext=mp4]+bestaudio[ext=m4a]/mp4';
 
@@ -727,14 +907,39 @@ app.post('/api/tomp4', function(req, res) {
             downloadConfig.push('--username', youtubeUsername, '--password', youtubePassword);
         }
     
-        if (!useDefaultDownloadingAgent && customDownloadingAgent === 'aria2c') {
-            downloadConfig.splice(0, 0, '--external-downloader', 'aria2c');
+        if (!useDefaultDownloadingAgent && customDownloadingAgent) {
+            downloadConfig.splice(0, 0, '--external-downloader', customDownloadingAgent);
+        }
+
+        let useYoutubeDLArchive = config_api.getConfigItem('ytdl_use_youtubedl_archive');
+        if (useYoutubeDLArchive) {
+            let archive_path = videoFolderPath + 'archive.txt';
+            // create archive file if it doesn't exist
+            if (!fs.existsSync(archive_path)) {
+                fs.closeSync(fs.openSync(archive_path, 'w'));
+            }
+
+            let blacklist_path = videoFolderPath + 'blacklist.txt';
+            // create blacklist file if it doesn't exist
+            if (!fs.existsSync(blacklist_path)) {
+                fs.closeSync(fs.openSync(blacklist_path, 'w'));
+            }
+
+            let merged_path = videoFolderPath + 'merged.txt';
+            // merges blacklist and regular archive
+            let inputPathList = [archive_path, blacklist_path];
+            let status = await mergeFiles(inputPathList, merged_path);
+
+            merged_string = fs.readFileSync(merged_path, "utf8");
+
+            downloadConfig.push('--download-archive', merged_path);
         }
 
         if (globalArgs && globalArgs !== '') {
             // adds global args
             downloadConfig = downloadConfig.concat(globalArgs.split(' '));
         }
+
     }
 
     youtubedl.exec(url, downloadConfig, {}, function(err, output) {
@@ -749,7 +954,11 @@ app.post('/api/tomp4', function(req, res) {
             res.sendStatus(500);
             throw err;
         } else if (output) {
-            var file_names = [];
+            if (output.length === 0 || output[0].length === 0) {
+                res.sendStatus(500);
+                return;
+            }
+             var file_names = [];
             for (let i = 0; i < output.length; i++) {
                 let output_json = null;
                 try {
@@ -773,13 +982,20 @@ app.post('/api/tomp4', function(req, res) {
                 }
                 var alternate_file_name = file_name.substring(0, file_name.length-4);
                 var file_path = output_json['_filename'].substring(audioFolderPath.length, output_json['_filename'].length);
-                var alternate_file_path = file_path.substring(0, file_path.length-4);
+                // remove extension from file path
+                var alternate_file_path = file_path.replace(/\.[^/.]+$/, "")
                 if (alternate_file_name) file_names.push(alternate_file_path);
             }
 
             let is_playlist = file_names.length > 1;
             if (!is_playlist) audiopath = file_names[0];
 
+            if (merged_string !== null) {
+                let current_merged_archive = fs.readFileSync(videoFolderPath + 'merged.txt', 'utf8');
+                let diff = current_merged_archive.replace(merged_string, '');
+                fs.appendFileSync(videoFolderPath + 'archive.txt', diff);
+            }
+            
             var videopathEncoded = encodeURIComponent(file_names[0]);
             res.send({
                 videopathEncoded: videopathEncoded,
@@ -840,20 +1056,24 @@ app.post('/api/getMp3s', function(req, res) {
     for (let i = 0; i < files.length; i++) {
         let file = files[i];
         var file_path = file.substring(audioFolderPath.length, file.length);
+
+        var stats = fs.statSync(file);
+
         var id = file_path.substring(0, file_path.length-4);
         var jsonobj = getJSONMp3(id);
         if (!jsonobj) continue;
         var title = jsonobj.title;
+        var url = jsonobj.webpage_url;
+        var uploader = jsonobj.uploader;
+        var upload_date = jsonobj.upload_date;
+        upload_date = `${upload_date.substring(0, 4)}-${upload_date.substring(4, 6)}-${upload_date.substring(6, 8)}`;
 
-        if (title.length > 14) // edits title if it's too long
-        {
-            title = title.substring(0,12) + "...";
-        }
+        var size = stats.size;
 
         var thumbnail = jsonobj.thumbnail;
         var duration = jsonobj.duration;
         var isaudio = true;
-        var file_obj = new File(id, title, thumbnail, isaudio, duration);
+        var file_obj = new File(id, title, thumbnail, isaudio, duration, url, uploader, size, file, upload_date);
         mp3s.push(file_obj);
     }
 
@@ -873,20 +1093,24 @@ app.post('/api/getMp4s', function(req, res) {
     for (let i = 0; i < files.length; i++) {
         let file = files[i];
         var file_path = file.substring(videoFolderPath.length, file.length);
+
+        var stats = fs.statSync(file);
+        
         var id = file_path.substring(0, file_path.length-4);
         var jsonobj = getJSONMp4(id);
         if (!jsonobj) continue;
         var title = jsonobj.title;
-
-        if (title.length > 14) // edits title if it's too long
-        {
-            title = title.substring(0,12) + "...";
-        }
-
+        var url = jsonobj.webpage_url;
+        var uploader = jsonobj.uploader;
+        var upload_date = jsonobj.upload_date;
+        upload_date = `${upload_date.substring(0, 4)}-${upload_date.substring(4, 6)}-${upload_date.substring(6, 8)}`;
         var thumbnail = jsonobj.thumbnail;
         var duration = jsonobj.duration;
+
+        var size = stats.size;
+
         var isaudio = false;
-        var file_obj = new File(id, title, thumbnail, isaudio, duration);
+        var file_obj = new File(id, title, thumbnail, isaudio, duration, url, uploader, size, file, upload_date);
         mp4s.push(file_obj);
     }
 
@@ -990,6 +1214,8 @@ app.post('/api/getSubscription', async (req, res) => {
         for (let i = 0; i < files.length; i++) {
             let file = files[i];
             var file_path = file.substring(appended_base_path.length, file.length);
+            var stats = fs.statSync(file);
+
             var id = file_path.substring(0, file_path.length-4);
             var jsonobj = getJSONMp4(id, appended_base_path);
             if (!jsonobj) continue;
@@ -997,8 +1223,14 @@ app.post('/api/getSubscription', async (req, res) => {
 
             var thumbnail = jsonobj.thumbnail;
             var duration = jsonobj.duration;
+            var url = jsonobj.webpage_url;
+            var uploader = jsonobj.uploader;
+            var upload_date = jsonobj.upload_date;
+            upload_date = `${upload_date.substring(0, 4)}-${upload_date.substring(4, 6)}-${upload_date.substring(6, 8)}`;
+            var size = stats.size;
+
             var isaudio = false;
-            var file_obj = new File(id, title, thumbnail, isaudio, duration);
+            var file_obj = new File(id, title, thumbnail, isaudio, duration, url, uploader, size, file, upload_date);
             parsed_files.push(file_obj);
         }
 
@@ -1009,9 +1241,6 @@ app.post('/api/getSubscription', async (req, res) => {
     } else {
         res.sendStatus(500);
     }
-    
-
-    
 });
 
 app.post('/api/downloadVideosForSubscription', async (req, res) => {
@@ -1105,11 +1334,12 @@ app.post('/api/deletePlaylist', async (req, res) => {
 // deletes mp3 file
 app.post('/api/deleteMp3', async (req, res) => {
     var name = req.body.name;
+    var blacklistMode = req.body.blacklistMode;
     var fullpath = audioFolderPath + name + ".mp3";
     var wasDeleted = false;
     if (fs.existsSync(fullpath))
     {
-        deleteAudioFile(name);
+        deleteAudioFile(name, blacklistMode);
         wasDeleted = true;
         res.send(wasDeleted);
         res.end("yes");
@@ -1125,11 +1355,12 @@ app.post('/api/deleteMp3', async (req, res) => {
 // deletes mp4 file
 app.post('/api/deleteMp4', async (req, res) => {
     var name = req.body.name;
+    var blacklistMode = req.body.blacklistMode;
     var fullpath = videoFolderPath + name + ".mp4";
     var wasDeleted = false;
     if (fs.existsSync(fullpath))
     {
-        wasDeleted = await deleteVideoFile(name);
+        wasDeleted = await deleteVideoFile(name, null, blacklistMode);
         // wasDeleted = true;
         res.send(wasDeleted);
         res.end("yes");
@@ -1144,11 +1375,12 @@ app.post('/api/deleteMp4', async (req, res) => {
 
 app.post('/api/downloadFile', async (req, res) => {
     let fileNames = req.body.fileNames;
-    let is_playlist = req.body.is_playlist;
+    let zip_mode = req.body.zip_mode;
     let type = req.body.type;
     let outputName = req.body.outputName;
+    let fullPathProvided = req.body.fullPathProvided;
     let file = null;
-    if (!is_playlist) {
+    if (!zip_mode) {
         fileNames = decodeURIComponent(fileNames);
         if (type === 'audio') {
             file = __dirname + '/' + audioFolderPath + fileNames + '.mp3';
@@ -1159,10 +1391,20 @@ app.post('/api/downloadFile', async (req, res) => {
         for (let i = 0; i < fileNames.length; i++) {
             fileNames[i] = decodeURIComponent(fileNames[i]);
         }
-        file = await createPlaylistZipFile(fileNames, type, outputName);
+        file = await createPlaylistZipFile(fileNames, type, outputName, fullPathProvided);
     }
 
-    res.sendFile(file);
+    res.sendFile(file, function (err) {
+        if (err) {
+          next(err);
+        } else if (fullPathProvided) {
+          try {
+            fs.unlinkSync(file); 
+          } catch(e) {
+            console.log("ERROR: Failed to remove file", file); 
+          }
+        }
+    });
 });
 
 app.post('/api/deleteFile', async (req, res) => {
@@ -1194,7 +1436,7 @@ app.get('/api/video/:id', function(req , res){
     var head;
     let optionalParams = url_api.parse(req.url,true).query;
     let id = decodeURIComponent(req.params.id);
-    let path = "video/" + id + '.mp4';
+    let path = videoFolderPath + id + '.mp4';
     if (optionalParams['subName']) {
         let basePath = config_api.getConfigItem('ytdl_subscriptions_base_path');
         const isPlaylist = optionalParams['subPlaylist'];

backend/appdata/default.json

@@ -12,6 +12,7 @@
       "Downloader": {
         "path-audio": "audio/",
         "path-video": "video/",
+        "use_youtubedl_archive": false,
         "custom_args": ""
       },
       "Extra": {

backend/appdata/encrypted.json

@@ -12,6 +12,7 @@
       "Downloader": {
         "path-audio": "audio/",
         "path-video": "video/",
+        "use_youtubedl_archive": false,
         "custom_args": ""
       },
       "Extra": {

backend/config.js

@@ -3,7 +3,7 @@ const fs = require('fs');
 let CONFIG_ITEMS = require('./consts.js')['CONFIG_ITEMS'];
 const debugMode = process.env.YTDL_MODE === 'debug';
 
-let configPath = debugMode ? '../src/assets/default.json' : 'config/default.json';
+let configPath = debugMode ? '../src/assets/default.json' : 'appdata/default.json';
 
 // https://stackoverflow.com/questions/6491463/accessing-nested-javascript-objects-with-string-key
 Object.byString = function(o, s) {

backend/consts.js

@@ -1,5 +1,3 @@
-var config = require('config');
-
 let CONFIG_ITEMS = {
     // Host
     'ytdl_url': {
@@ -34,6 +32,10 @@ let CONFIG_ITEMS = {
         'key': 'ytdl_video_folder_path',
         'path': 'YoutubeDLMaterial.Downloader.path-video'
     },
+    'ytdl_use_youtubedl_archive': {
+        'key': 'ytdl_use_youtubedl_archive',
+        'path': 'YoutubeDLMaterial.Downloader.use_youtubedl_archive'
+    },
     'ytdl_custom_args': {
         'key': 'ytdl_custom_args',
         'path': 'YoutubeDLMaterial.Downloader.custom_args'

backend/package.json

@@ -26,6 +26,8 @@
     "express": "^4.17.1",
     "lowdb": "^1.0.0",
     "node-id3": "^0.1.14",
+    "merge-files": "^0.1.2",
+    "node-fetch": "^2.6.0",
     "shortid": "^2.2.15",
     "uuidv4": "^6.0.6",
     "youtube-dl": "^3.0.2"

backend/subscriptions.js

@@ -8,7 +8,7 @@ var path = require('path');
 var youtubedl = require('youtube-dl');
 const config_api = require('./config');
 
-const adapter = new FileSync('db.json');
+const adapter = new FileSync('./appdata/db.json');
 const db = low(adapter)
 
 const debugMode = process.env.YTDL_MODE === 'debug';
@@ -279,30 +279,30 @@ const deleteFolderRecursive = function(folder_to_delete) {
   };
 
 function removeIDFromArchive(archive_path, id) {
-    fs.readFile(archive_path, {encoding: 'utf-8'}, function(err, data) {
-        if (err) throw error;
+    let data = fs.readFileSync(archive_path, {encoding: 'utf-8'});
+    if (!data) {
+        console.log('Archive could not be found.');
+        return;
+    }
 
-        let dataArray = data.split('\n'); // convert file data in an array
-        const searchKeyword = id; // we are looking for a line, contains, key word id in the file
-        let lastIndex = -1; // let say, we have not found the keyword
+    let dataArray = data.split('\n'); // convert file data in an array
+    const searchKeyword = id; // we are looking for a line, contains, key word id in the file
+    let lastIndex = -1; // let say, we have not found the keyword
 
-        for (let index=0; index<dataArray.length; index++) {
-            if (dataArray[index].includes(searchKeyword)) { // check if a line contains the id keyword
-                lastIndex = index; // found a line includes a id keyword
-                break; 
-            }
+    for (let index=0; index<dataArray.length; index++) {
+        if (dataArray[index].includes(searchKeyword)) { // check if a line contains the id keyword
+            lastIndex = index; // found a line includes a id keyword
+            break; 
         }
+    }
 
-        dataArray.splice(lastIndex, 1); // remove the keyword id from the data Array
-    
-        // UPDATE FILE WITH NEW DATA
-        const updatedData = dataArray.join('\n');
-        fs.writeFile(archive_path, updatedData, (err) => {
-            if (err) throw err;
-            // console.log ('Successfully updated the file data');
-        });
+    const line = dataArray.splice(lastIndex, 1); // remove the keyword id from the data Array
 
-    });
+    // UPDATE FILE WITH NEW DATA
+    const updatedData = dataArray.join('\n');
+    fs.writeFileSync(archive_path, updatedData);
+    if (line) return line;
+    if (err) throw err;
 }
 
 module.exports = {
@@ -311,5 +311,6 @@ module.exports = {
     subscribe              : subscribe,
     unsubscribe            : unsubscribe,
     deleteSubscriptionFile : deleteSubscriptionFile,
-    getVideosForSub        : getVideosForSub
+    getVideosForSub        : getVideosForSub,
+    removeIDFromArchive    : removeIDFromArchive
 }

chrome-extension/manifest.json

@@ -1,7 +1,7 @@
 {
     "manifest_version": 2,
     "name": "YoutubeDL-Material",
-    "version": "0.2",
+    "version": "0.3",
     "description": "The Official Firefox & Chrome Extension of YoutubeDL-Material, an open-source and self-hosted YouTube downloader.",
     "background": {
         "scripts": ["background.js"]

chrome-extension/options.html

@@ -1,28 +1,41 @@
 <!DOCTYPE html>
 <html>
-<head><title>YoutubeDL-Material Extension Options</title></head>
+<head>
+    <title>YoutubeDL-Material Extension Options</title>
+    <!-- Scripts -->
+    <script src="js/jquery-3.4.1.min.js"></script>
+    <script src="js/popper.min.js"></script>
+    <script src="js/bootstrap.min.js"></script>
+    
+    <!-- Cascading Style Sheets -->
+    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
+</head>
 <body>
 
 <h2>Settings</h2>
 
-<div>
-    <h4>Frontend URL</h4>
-  <input placeholder="Frontend URL" type="text" id="frontend_url">
-</div>
+<div style="width: 95%; margin: 0 auto;">
+    <div class="form-group">
+    <label for="frontend_url">Frontend URL:</label>
+    <input class="form-control" type="text" id="frontend_url">
+    </div>
 
-<br/>
+    <div class="checkbox">
+        <label>
+            <input type="checkbox" id="audio_only">
+            Audio only
+        </label>
+    </div>
 
-<div>
-    <label>
-        <input type="checkbox" id="audio_only">
-        Audio only
-    </label>
-</div>
+    <div id="status"></div>
+    <button style="margin-bottom: 10px;" class="btn btn-primary" data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample" id="save">Save</button>
 
-<br/>
-
-<div id="status"></div>
-<button id="save">Save</button>
+    <div class="collapse" id="collapseExample">
+        <div class="card card-body">
+        Settings successfully saved!
+        </div>
+    </div>
+</div>
 
 <script src="options.js"></script>
 </body>

chrome-extension/options.js

@@ -7,11 +7,10 @@ function save_options() {
         audio_only: audio_only
     }, function() {
       // Update status to let user know options were saved.
-      var status = document.getElementById('status');
-      status.textContent = 'Options saved.';
+      $('#collapseExample').collapse('show');
       setTimeout(function() {
-        status.textContent = '';
-      }, 750);
+        $('#collapseExample').collapse('hide');
+      }, 2000);
     });
   }
   

docker-compose.yml

@@ -4,35 +4,14 @@ services:
     ytdl_material:
         build: .
         environment: 
-            # config items
-            ytdl_url: http://localhost:8998
-            ytdl_port: '17442'
-            ytdl_use_encryption: 'false'
-            ytdl_cert_file_path: /etc/letsencrypt/live/example.com/fullchain.pem
-            ytdl_key_file_path: /etc/letsencrypt/live/example.com/privkey.pem
-            ytdl_audio_folder_path: audio/
-            ytdl_video_folder_path: video/
-            ytdl_custom_args: ''
-            ytdl_title_top: Youtube Downloader
-            ytdl_file_manager_enabled: 'true'
-            ytdl_allow_quality_select: 'true'
-            ytdl_download_only_mode: 'false'
-            ytdl_allow_multi_download_mode: 'true'
-            ytdl_use_youtube_api: 'false'
-            ytdl_youtube_api_key: 'false'
-            ytdl_default_theme: default
-            ytdl_allow_theme_change: 'true'
-            ytdl_allow_subscriptions: 'true'
-            ytdl_subscriptions_base_path: subscriptions/
-            ytdl_subscriptions_check_interval: '300'
-            ytdl_subscriptions_use_youtubedl_archive: 'true'
-            ytdl_use_default_downloading_agent: 'true'
-            ytdl_custom_downloading_agent: 'false'
-            ytdl_allow_advanced_download: 'false'
-            # do not touch this
             write_ytdl_config: 'true'
             ALLOW_CONFIG_MUTATIONS: 'true'
         restart: always
+        volumes:
+            - ./appdata:/app/appdata
+            - ./audio:/app/audio
+            - ./video:/app/video
+            - ./subscriptions:/app/subscriptions
         ports:
             - "8998:17442"
-        image: tzahi12345/youtubedl-material:3.4
+        image: tzahi12345/youtubedl-material:experimental

package.json

@@ -17,42 +17,45 @@
   },
   "private": true,
   "dependencies": {
-    "@angular-devkit/core": "^8.3.12",
-    "@angular/animations": "^8.2.11",
-    "@angular/cdk": "^8.2.3",
-    "@angular/common": "^8.2.11",
-    "@angular/compiler": "^8.2.11",
-    "@angular/core": "^8.2.11",
-    "@angular/forms": "^8.2.11",
+    "@angular-devkit/core": "^9.0.6",
+    "@angular/animations": "^9.0.6",
+    "@angular/cdk": "^9.1.2",
+    "@angular/common": "^9.0.6",
+    "@angular/compiler": "^9.0.6",
+    "@angular/core": "^9.0.6",
+    "@angular/forms": "^9.0.6",
     "@angular/http": "^7.2.15",
-    "@angular/material": "^8.2.3",
-    "@angular/platform-browser": "^8.2.11",
-    "@angular/platform-browser-dynamic": "^8.2.11",
-    "@angular/router": "^8.2.11",
+    "@angular/localize": "^9.0.6",
+    "@angular/material": "^9.1.2",
+    "@angular/platform-browser": "^9.0.6",
+    "@angular/platform-browser-dynamic": "^9.0.6",
+    "@angular/router": "^9.0.6",
+    "@locl/core": "0.0.1-beta.2",
     "core-js": "^2.4.1",
     "file-saver": "^2.0.2",
-    "hammerjs": "^2.0.8",
+    "filesize": "^6.1.0",
     "ng-lazyload-image": "^7.0.1",
     "ng4-configure": "^0.1.7",
     "ngx-content-loading": "^0.1.3",
+    "ngx-videogular": "^9.0.1",
     "rxjs": "^6.5.3",
     "rxjs-compat": "^6.0.0-rc.0",
     "tslib": "^1.10.0",
-    "typescript": "~3.5.3",
-    "videogular2": "^7.0.1",
+    "typescript": "~3.7.5",
     "web-animations-js": "^2.3.2",
-    "zone.js": "~0.9.1"
+    "zone.js": "~0.10.2"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^0.803.24",
-    "@angular/cli": "^8.3.12",
-    "@angular/compiler-cli": "^8.2.11",
-    "@angular/language-service": "^8.2.11",
+    "@angular-devkit/build-angular": "~0.900.6",
+    "@angular/cli": "^9.0.6",
+    "@angular/compiler-cli": "^9.0.6",
+    "@angular/language-service": "^9.0.6",
+    "@locl/cli": "0.0.1-beta.6",
     "@types/core-js": "^2.5.2",
     "@types/file-saver": "^2.0.1",
     "@types/jasmine": "2.5.45",
-    "@types/node": "~6.0.60",
-    "codelyzer": "^5.0.1",
+    "@types/node": "^12.11.1",
+    "codelyzer": "^5.1.2",
     "electron": "^8.0.1",
     "jasmine-core": "~2.6.2",
     "jasmine-spec-reporter": "~4.1.0",
@@ -64,7 +67,6 @@
     "karma-jasmine-html-reporter": "^0.2.2",
     "protractor": "~5.1.2",
     "ts-node": "~3.0.4",
-    "tslint": "~5.3.2",
-    "typescript": "~3.5.3"
+    "tslint": "~5.3.2"
   }
 }

src/app/app.component.html

@@ -14,12 +14,16 @@
                     <mat-menu #menuSettings="matMenu">
                         <button (click)="themeMenuItemClicked($event)" *ngIf="allowThemeChange" mat-menu-item>
                           <mat-icon>{{(postsService.theme.key === 'default') ? 'brightness_5' : 'brightness_2'}}</mat-icon>
-                          <span>Dark</span>
+                          <span i18n="Dark mode toggle label">Dark</span>
                           <mat-slide-toggle class="theme-slide-toggle" [checked]="postsService.theme.key === 'dark'"></mat-slide-toggle>
                         </button>
                         <button (click)="openSettingsDialog()" mat-menu-item>
                           <mat-icon>settings</mat-icon>
-                          <span>Settings</span>
+                          <span i18n="Settings menu label">Settings</span>
+                        </button>
+                        <button (click)="openAboutDialog()" mat-menu-item>
+                            <mat-icon>info</mat-icon>
+                            <span i18n="About menu label">About</span>
                         </button>
                     </mat-menu>
                 </div>
@@ -30,8 +34,8 @@
         <mat-sidenav-container style="height: 100%">
             <mat-sidenav #sidenav>
                 <mat-nav-list>
-                    <a mat-list-item (click)="sidenav.close()" routerLink='/home'>Home</a>
-                    <a mat-list-item (click)="sidenav.close()" routerLink='/subscriptions'>Subscriptions</a>
+                    <a mat-list-item (click)="sidenav.close()" routerLink='/home'><ng-container i18n="Navigation menu Home Page title">Home</ng-container></a>
+                    <a mat-list-item (click)="sidenav.close()" routerLink='/subscriptions'><ng-container i18n="Navigation menu Subscriptions Page title">Subscriptions</ng-container></a>
                 </mat-nav-list>
             </mat-sidenav>
             <mat-sidenav-content [style.background]="postsService.theme ? postsService.theme.background_color : null">

src/app/app.component.ts

@@ -4,7 +4,9 @@ import {FileCardComponent} from './file-card/file-card.component';
 import { Observable } from 'rxjs/Observable';
 import {FormControl, Validators} from '@angular/forms';
 import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
-import {MatSnackBar, MatDialog, MatSidenav} from '@angular/material';
+import { MatDialog } from '@angular/material/dialog';
+import { MatSidenav } from '@angular/material/sidenav';
+import { MatSnackBar } from '@angular/material/snack-bar';
 import { saveAs } from 'file-saver';
 import 'rxjs/add/observable/of';
 import 'rxjs/add/operator/mapTo';
@@ -19,6 +21,7 @@ import { Router, NavigationStart, NavigationEnd } from '@angular/router';
 import { OverlayContainer } from '@angular/cdk/overlay';
 import { THEMES_CONFIG } from '../themes';
 import { SettingsComponent } from './settings/settings.component';
+import { AboutDialogComponent } from './dialogs/about-dialog/about-dialog.component';
 
 @Component({
   selector: 'app-root',
@@ -36,8 +39,8 @@ export class AppComponent implements OnInit {
   allowThemeChange = null;
   allowSubscriptions = false;
 
-  @ViewChild('sidenav', {static: false}) sidenav: MatSidenav;
-  @ViewChild('hamburgerMenu', {static: false, read: ElementRef}) hamburgerMenuButton: ElementRef;
+  @ViewChild('sidenav') sidenav: MatSidenav;
+  @ViewChild('hamburgerMenu', { read: ElementRef }) hamburgerMenuButton: ElementRef;
   navigator: string = null;
 
   constructor(public postsService: PostsService, public snackBar: MatSnackBar, private dialog: MatDialog,
@@ -163,5 +166,11 @@ onSetTheme(theme, old_theme) {
     });
   }
 
+  openAboutDialog() {
+    const dialogRef = this.dialog.open(AboutDialogComponent, {
+      width: '80vw'
+    });
+  }
+
 }
 

src/app/app.module.ts

@@ -1,14 +1,26 @@
 import { BrowserModule } from '@angular/platform-browser';
-import { NgModule } from '@angular/core';
-import {MatNativeDateModule, MatRadioModule, MatInputModule, MatButtonModule, MatSidenavModule, MatIconModule, MatListModule,
-  MatSnackBarModule, MatCardModule, MatSelectModule, MatToolbarModule, MatCheckboxModule, MatGridListModule,
-  MatProgressBarModule, MatExpansionModule,
-  MatProgressSpinnerModule,
-  MatButtonToggleModule,
-  MatDialogModule,
-  MatRippleModule,
-  MatSlideToggleModule,
-  MatMenuModule} from '@angular/material';
+import { NgModule, LOCALE_ID } from '@angular/core';
+import { registerLocaleData } from '@angular/common';
+import { MatButtonModule } from '@angular/material/button';
+import { MatButtonToggleModule } from '@angular/material/button-toggle';
+import { MatCardModule } from '@angular/material/card';
+import { MatCheckboxModule } from '@angular/material/checkbox';
+import { MatNativeDateModule, MatRippleModule } from '@angular/material/core';
+import { MatDialogModule } from '@angular/material/dialog';
+import { MatExpansionModule } from '@angular/material/expansion';
+import { MatGridListModule } from '@angular/material/grid-list';
+import { MatIconModule } from '@angular/material/icon';
+import { MatInputModule } from '@angular/material/input';
+import { MatListModule } from '@angular/material/list';
+import { MatMenuModule } from '@angular/material/menu';
+import { MatProgressBarModule } from '@angular/material/progress-bar';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+import { MatRadioModule } from '@angular/material/radio';
+import { MatSelectModule } from '@angular/material/select';
+import { MatSidenavModule } from '@angular/material/sidenav';
+import { MatSlideToggleModule } from '@angular/material/slide-toggle';
+import { MatSnackBarModule } from '@angular/material/snack-bar';
+import { MatToolbarModule } from '@angular/material/toolbar';
   import {DragDropModule} from '@angular/cdk/drag-drop';
   import {FormsModule, ReactiveFormsModule} from '@angular/forms';
 import { AppComponent } from './app.component';
@@ -21,10 +33,7 @@ import {RouterModule} from '@angular/router';
 import { AppRoutingModule } from './app-routing.module';
 import { MainComponent } from './main/main.component';
 import { PlayerComponent } from './player/player.component';
-import {VgCoreModule} from 'videogular2/compiled/core';
-import {VgControlsModule} from 'videogular2/compiled/controls';
-import {VgOverlayPlayModule} from 'videogular2/compiled/overlay-play';
-import {VgBufferingModule} from 'videogular2/compiled/buffering';
+import {VgCoreModule, VgControlsModule, VgOverlayPlayModule, VgBufferingModule} from 'ngx-videogular';
 import { InputDialogComponent } from './input-dialog/input-dialog.component';
 import { LazyLoadImageModule, IsVisibleProps } from 'ng-lazyload-image';
 import { NgxContentLoadingModule } from 'ngx-content-loading';
@@ -38,6 +47,11 @@ import { SubscriptionFileCardComponent } from './subscription/subscription-file-
 import { SubscriptionInfoDialogComponent } from './dialogs/subscription-info-dialog/subscription-info-dialog.component';
 import { SettingsComponent } from './settings/settings.component';
 
+import es from '@angular/common/locales/es';
+import { AboutDialogComponent } from './dialogs/about-dialog/about-dialog.component';
+import { VideoInfoDialogComponent } from './dialogs/video-info-dialog/video-info-dialog.component';
+registerLocaleData(es, 'es');
+
 export function isVisible({ event, element, scrollContainer, offset }: IsVisibleProps<any>) {
   return (element.id === 'video' ? videoFilesMouseHovering || videoFilesOpened : audioFilesMouseHovering || audioFilesOpened);
 }
@@ -56,7 +70,9 @@ export function isVisible({ event, element, scrollContainer, offset }: IsVisible
     SubscriptionComponent,
     SubscriptionFileCardComponent,
     SubscriptionInfoDialogComponent,
-    SettingsComponent
+    SettingsComponent,
+    AboutDialogComponent,
+    VideoInfoDialogComponent
   ],
   imports: [
     BrowserModule,
@@ -97,14 +113,9 @@ export function isVisible({ event, element, scrollContainer, offset }: IsVisible
     RouterModule,
     AppRoutingModule,
   ],
-  entryComponents: [
-    InputDialogComponent,
-    CreatePlaylistComponent,
-    SubscribeDialogComponent,
-    SubscriptionInfoDialogComponent,
-    SettingsComponent
+  providers: [
+    PostsService
   ],
-  providers: [PostsService],
   bootstrap: [AppComponent]
 })
 export class AppModule { }

src/app/create-playlist/create-playlist.component.html

@@ -1,13 +1,14 @@
-<h4 mat-dialog-title>Create a playlist</h4>
+<h4 mat-dialog-title i18n="Create a playlist dialog title">Create a playlist</h4>
 <form>
     <div>
         <mat-form-field color="accent">
-            <input [(ngModel)]="name" matInput placeholder="Name" type="text" required aria-required [ngModelOptions]="{standalone: true}">
+            <input [(ngModel)]="name" matInput placeholder="Name" i18n-placeholder="Playlist name placeholder" type="text" required aria-required [ngModelOptions]="{standalone: true}">
         </mat-form-field>
     </div>
     <div>
         <mat-form-field color="accent">
-            <mat-label>{{(type === 'audio') ? 'Audio files' : 'Videos'}}</mat-label>
+            <mat-label *ngIf="type === 'audio'"><ng-container i18n="Audio files title">Audio files</ng-container></mat-label>
+            <mat-label *ngIf="type === 'video'"><ng-container i18n="Videos title">Videos</ng-container></mat-label>
             <mat-select [formControl]="filesSelect" multiple required aria-required>
             <mat-option *ngFor="let file of filesToSelectFrom" [value]="file.id">{{file.id}}</mat-option>
             </mat-select>

src/app/create-playlist/create-playlist.component.ts

@@ -1,5 +1,5 @@
 import { Component, OnInit, Inject } from '@angular/core';
-import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material';
+import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
 import { FormControl } from '@angular/forms';
 import { PostsService } from 'app/posts.services';
 

src/app/dialogs/about-dialog/about-dialog.component.html

@@ -0,0 +1,23 @@
+<h4 mat-dialog-title i18n="About dialog title">About YoutubeDL-Material</h4>
+
+<mat-dialog-content>
+    <div style="margin-bottom: 5px;">
+        <p>
+            <i>YoutubeDL-Material</i>&nbsp;<ng-container i18n="About first paragraph">is an open-source YouTube downloader built under Google's Material Design specifications. You can seamlessly download your favorite videos as video or audio files, and even subscribe to your favorite channels and playlists to keep updated with their new videos.</ng-container>
+        </p>
+        <p>
+            <i>YoutubeDL-Material</i>&nbsp;<ng-container i18n="About second paragraph">has some awesome features included! An extensive API, Docker support, and localization (translation) support. Read up on all the supported features by clicking on the GitHub icon below.</ng-container>
+        </p>
+        <p>
+            <ng-container i18n="About bug prefix">Found a bug or have a suggestion?</ng-container>&nbsp;<a [href]="issuesLink" target="_blank"><ng-container i18n="About bug click here">Click here</ng-container></a>&nbsp;<ng-container i18n="About bug suffix">to create an issue!</ng-container>
+        </p>
+        <a [href]="projectLink" target="_blank">
+            <img style="width: 32px; margin-bottom: 10px;" src="assets/images/GitHub-64px.png">
+        </a>
+        <p><ng-container i18n="Version label">Installed version:</ng-container>&nbsp;{{version}} - <a [href]="latestUpdateLink" target="_blank"><ng-container i18n="View latest update">View latest update</ng-container></a></p>
+    </div>
+</mat-dialog-content>
+
+<mat-dialog-actions>
+    <button mat-button mat-dialog-close>Close</button>
+</mat-dialog-actions>

src/app/dialogs/about-dialog/about-dialog.component.scss

@@ -0,0 +1,3 @@
+i {
+    margin-right: 1px;
+}

src/app/dialogs/about-dialog/about-dialog.component.spec.ts

@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { AboutDialogComponent } from './about-dialog.component';
+
+describe('AboutDialogComponent', () => {
+  let component: AboutDialogComponent;
+  let fixture: ComponentFixture<AboutDialogComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ AboutDialogComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(AboutDialogComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/dialogs/about-dialog/about-dialog.component.ts

@@ -0,0 +1,21 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-about-dialog',
+  templateUrl: './about-dialog.component.html',
+  styleUrls: ['./about-dialog.component.scss']
+})
+export class AboutDialogComponent implements OnInit {
+
+  projectLink = 'https://github.com/Tzahi12345/YoutubeDL-Material';
+  issuesLink = 'https://github.com/Tzahi12345/YoutubeDL-Material/issues';
+  latestUpdateLink = 'https://github.com/Tzahi12345/YoutubeDL-Material/releases/latest'
+
+  version = 'v3.5';
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}

src/app/dialogs/subscribe-dialog/subscribe-dialog.component.html

@@ -1,25 +1,25 @@
-<h4 mat-dialog-title>Subscribe to playlist or channel</h4>
+<h4 mat-dialog-title i18n="Subscribe dialog title">Subscribe to playlist or channel</h4>
 
 <mat-dialog-content>
     <div class="container-fluid">
         <div class="row">
             <div class="col-12">
                 <mat-form-field color="accent">
-                    <input [(ngModel)]="url" matInput placeholder="URL" required aria-required="true">
-                    <mat-hint>The playlist or channel URL</mat-hint>
+                    <input [(ngModel)]="url" matInput placeholder="URL" i18n-placeholder="Subscription URL input placeholder" required aria-required="true">
+                    <mat-hint><ng-container i18n="Subscription URL input hint">The playlist or channel URL</ng-container></mat-hint>
                 </mat-form-field>
             </div>
             <div class="col-12">
                 <mat-form-field color="accent">
-                    <input [(ngModel)]="name" matInput placeholder="Custom name">
-                    <mat-hint>This is optional</mat-hint>
+                    <input [(ngModel)]="name" matInput placeholder="Custom name" i18n-placeholder="Subscription custom name placeholder">
+                    <mat-hint><ng-container i18n="Custom name input hint">This is optional</ng-container></mat-hint>
                 </mat-form-field>
             </div>
             <div class="col-12 mt-3">
-                <mat-checkbox [(ngModel)]="download_all">Download all uploads</mat-checkbox>
+                <mat-checkbox [(ngModel)]="download_all"><ng-container i18n="Download all uploads subscription setting">Download all uploads</ng-container></mat-checkbox>
             </div>
             <div class="col-12" *ngIf="!download_all">
-                Download videos uploaded in the last
+                <ng-container i18n="Download time range prefix">Download videos uploaded in the last</ng-container>
                 <mat-form-field color="accent" style="width: 50px; text-align: center">
                     <input type="number" matInput [(ngModel)]="timerange_amount">
                 </mat-form-field>
@@ -34,7 +34,7 @@
 </mat-dialog-content>
 
 <mat-dialog-actions>
-    <button mat-button mat-dialog-close>Cancel</button>
+    <button mat-button mat-dialog-close><ng-container i18n="Subscribe cancel button">Cancel</ng-container></button>
     <!-- The mat-dialog-close directive optionally accepts a value as a result for the dialog. -->
     <button mat-button [disabled]="!url" type="submit" (click)="subscribeClicked()">Subscribe</button>
     <div class="mat-spinner" *ngIf="subscribing">

src/app/dialogs/subscribe-dialog/subscribe-dialog.component.ts

@@ -1,5 +1,6 @@
 import { Component, OnInit } from '@angular/core';
-import { MatSnackBar, MatDialogRef } from '@angular/material';
+import { MatDialogRef } from '@angular/material/dialog';
+import { MatSnackBar } from '@angular/material/snack-bar';
 import { PostsService } from 'app/posts.services';
 
 @Component({

src/app/dialogs/subscription-info-dialog/subscription-info-dialog.component.html

@@ -2,26 +2,26 @@
 
 <mat-dialog-content>
     <div class="info-item">
-        <strong>Type: </strong>
+        <strong><ng-container i18n="Subscription type property">Type:</ng-container>&nbsp;</strong>
         <span class="info-item-value">{{(sub.isPlaylist ? 'Playlist' : 'Channel')}}</span>
     </div>
     <div class="info-item">
-        <strong>URL: </strong>
+        <strong><ng-container i18n="Subscription URL property">URL:</ng-container>&nbsp;</strong>
         <span class="info-item-value">{{sub.url}}</span>
     </div>
     <div class="info-item">
-        <strong>ID: </strong>
+        <strong><ng-container i18n="Subscription ID property">ID:</ng-container>&nbsp;</strong>
         <span class="info-item-value">{{sub.id}}</span>
     </div>
     <div class="info-item" *ngIf="sub.archive">
-        <strong>Archive: </strong>
+        <strong><ng-container i18n="Subscription ID property">Archive:</ng-container>&nbsp;</strong>
         <span class="info-item-value">{{sub.archive}}</span>
     </div>
 </mat-dialog-content>
 
 <mat-dialog-actions>
-    <button mat-button mat-dialog-close>Close</button>
-    <button mat-stroked-button (click)="downloadArchive()" color="accent">Export Archive</button>
+    <button mat-button mat-dialog-close><ng-container i18n="Close subscription info button">Close</ng-container></button>
+    <button mat-stroked-button (click)="downloadArchive()" color="accent"><ng-container i18n="Export Archive button">Export Archive</ng-container></button>
     <span class="spacer"></span>
-    <button mat-button (click)="unsubscribe()" color="warn">Unsubscribe</button>
+    <button mat-button (click)="unsubscribe()" color="warn"><ng-container i18n="Unsubscribe button">Unsubscribe</ng-container></button>
 </mat-dialog-actions>

src/app/dialogs/subscription-info-dialog/subscription-info-dialog.component.ts

@@ -1,5 +1,5 @@
 import { Component, OnInit, Inject } from '@angular/core';
-import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material';
+import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
 import { PostsService } from 'app/posts.services';
 
 @Component({

src/app/dialogs/video-info-dialog/video-info-dialog.component.html

@@ -0,0 +1,32 @@
+<h4 mat-dialog-title>{{file.title}}</h4>
+
+<mat-dialog-content>
+    <div class="info-item">
+        <div class="info-item-label"><strong><ng-container i18n="Video name property">Name:</ng-container>&nbsp;</strong></div>
+        <div class="info-item-value">{{file.title}}</div>
+    </div>
+    <div class="info-item">
+        <div class="info-item-label"><strong><ng-container i18n="Video URL property">URL:</ng-container>&nbsp;</strong></div>
+        <div class="info-item-value"><a target="_blank" [href]="file.url">{{file.url}}</a></div>
+    </div>
+    <div class="info-item">
+        <div class="info-item-label"><strong><ng-container i18n="Video ID property">Uploader:</ng-container>&nbsp;</strong></div>
+        <div class="info-item-value">{{file.uploader ? file.uploader : 'N/A'}}</div>
+    </div>
+    <div class="info-item">
+        <div class="info-item-label"><strong><ng-container i18n="Video file size property">File size:</ng-container>&nbsp;</strong></div>
+        <div class="info-item-value">{{filesize(file.size)}}</div>
+    </div>
+    <div class="info-item">
+        <div class="info-item-label"><strong><ng-container i18n="Video path property">Path:</ng-container>&nbsp;</strong></div>
+        <div class="info-item-value">{{file.path}}</div>
+    </div>
+    <div class="info-item">
+        <div class="info-item-label"><strong><ng-container i18n="Video upload date property">Upload Date:</ng-container>&nbsp;</strong></div>
+        <div class="info-item-value">{{file.upload_date}}</div>
+    </div>
+</mat-dialog-content>
+
+<mat-dialog-actions>
+    <button mat-button mat-dialog-close><ng-container i18n="Close subscription info button">Close</ng-container></button>
+</mat-dialog-actions>

src/app/dialogs/video-info-dialog/video-info-dialog.component.scss

@@ -0,0 +1,18 @@
+.info-item {
+    margin-bottom: 12px;
+    width: 100%;
+}
+
+.info-item-value {
+    font-size: 13px;
+    display: inline-block;
+    width: 70%;
+}
+
+.spacer {flex: 1 1 auto;}
+
+.info-item-label {
+    display: inline-block;
+    width: 30%;
+    vertical-align: top;
+}

src/app/dialogs/video-info-dialog/video-info-dialog.component.spec.ts

@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { VideoInfoDialogComponent } from './video-info-dialog.component';
+
+describe('VideoInfoDialogComponent', () => {
+  let component: VideoInfoDialogComponent;
+  let fixture: ComponentFixture<VideoInfoDialogComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ VideoInfoDialogComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(VideoInfoDialogComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/dialogs/video-info-dialog/video-info-dialog.component.ts

@@ -0,0 +1,22 @@
+import { Component, OnInit, Inject } from '@angular/core';
+import filesize from 'filesize';
+import { MAT_DIALOG_DATA } from '@angular/material/dialog';
+
+@Component({
+  selector: 'app-video-info-dialog',
+  templateUrl: './video-info-dialog.component.html',
+  styleUrls: ['./video-info-dialog.component.scss']
+})
+export class VideoInfoDialogComponent implements OnInit {
+  file: any;
+  filesize;
+  constructor(@Inject(MAT_DIALOG_DATA) public data: any) { }
+
+  ngOnInit(): void {
+    this.filesize = filesize;
+    if (this.data) {
+      this.file = this.data.file;
+    }
+  }
+
+}

src/app/download-item/download-item.component.html

@@ -4,7 +4,7 @@
             <h5 style="display: inline-block; margin-right: 5px; position: relative; top: 5px;">{{queueNumber}}.</h5>
         </mat-grid-tile>
         <mat-grid-tile [colspan]="6">
-            <div style="display: inline-block; text-align: center;">ID: {{url_id}}</div>
+            <div style="display: inline-block; text-align: center;"><ng-container i18n="Download ID">ID:</ng-container>&nbsp;{{url_id}}</div>
         </mat-grid-tile>
         <mat-grid-tile [colspan]="13">
                 <mat-progress-bar style="width: 80%" [value]="download.percent_complete" [mode]="(download.percent_complete === 0) ? 'indeterminate' : 'determinate'"></mat-progress-bar>

src/app/file-card/file-card.component.css

@@ -17,8 +17,7 @@
 }
 
 .image {
-  max-width:100%;
-  max-height:100%;
+  width: 100%;
 }
 
 .example-full-width-height {
@@ -37,6 +36,8 @@
   padding: 0px;
   margin: 8px 0px 0px -5px;
   width: calc(100% + 5px + 5px);
+  overflow: hidden;
+  border-radius: 0px 0px 4px 4px;
 }
 
 .max-two-lines {
@@ -50,6 +51,14 @@
   -webkit-line-clamp: 2;
 }
 
+.file-link {
+  width: 80%;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: block;
+}
+
 @media (max-width: 576px){
  
   .example-card {

src/app/file-card/file-card.component.html

@@ -1,10 +1,11 @@
 <mat-card class="example-card mat-elevation-z6">
   <div style="padding:5px">
     <div style="height: 52px;">
-      <b><a href="javascript:void(0)" (click)="!isPlaylist ? mainComponent.goToFile(name, isAudio) : mainComponent.goToPlaylist(name, type)">{{title}}</a></b>
-      <br/>
-      <span class="max-two-lines">ID: {{name}}</span>
-      <div *ngIf="isPlaylist">Count: {{count}}</div>
+      <div>
+        <b><a class="file-link" href="javascript:void(0)" (click)="!isPlaylist ? mainComponent.goToFile(name, isAudio) : mainComponent.goToPlaylist(name, type)">{{title}}</a></b>
+      </div>
+      <span class="max-two-lines"><ng-container i18n="File or playlist ID">ID:</ng-container>&nbsp;{{name}}</span>
+      <div *ngIf="isPlaylist"><ng-container i18n="Playlist video count">Count:</ng-container>&nbsp;{{count}}</div>
     </div>
     <div *ngIf="!image_errored && thumbnailURL" class="img-div">
       <img class="image" (error) ="onImgError($event)" [id]="type" [lazyLoad]="thumbnailURL" [customObservable]="scrollAndLoad" (onLoad)="imageLoaded($event)" alt="Thumbnail">
@@ -15,5 +16,11 @@
       </span>
     </div>
   </div>
-  <button (click)="deleteFile()" class="deleteButton" mat-icon-button><mat-icon>delete_forever</mat-icon></button>
+  <button *ngIf="isPlaylist" (click)="deleteFile()" class="deleteButton" mat-icon-button><mat-icon>delete_forever</mat-icon></button>
+  <button [matMenuTriggerFor]="action_menu" *ngIf="!isPlaylist" class="deleteButton" mat-icon-button><mat-icon>more_vert</mat-icon></button>
+  <mat-menu #action_menu="matMenu">
+    <button (click)="openVideoInfoDialog()" mat-menu-item><mat-icon>info</mat-icon><ng-container i18n="Video info button">Info</ng-container></button>
+    <button (click)="deleteFile()" mat-menu-item><mat-icon>delete</mat-icon><ng-container i18n="Delete video button">Delete</ng-container></button>
+    <button *ngIf="use_youtubedl_archive" (click)="deleteFile(true)" mat-menu-item><mat-icon>delete_forever</mat-icon><ng-container i18n="Delete and blacklist video button">Delete and blacklist</ng-container></button>
+  </mat-menu>
 </mat-card>

src/app/file-card/file-card.component.ts

@@ -1,10 +1,12 @@
 import { Component, OnInit, Input, Output } from '@angular/core';
 import {PostsService} from '../posts.services';
-import {MatSnackBar} from '@angular/material';
+import { MatSnackBar } from '@angular/material/snack-bar';
 import {EventEmitter} from '@angular/core';
 import { MainComponent } from 'app/main/main.component';
 import { Subject, Observable } from 'rxjs';
 import 'rxjs/add/observable/merge';
+import { MatDialog } from '@angular/material/dialog';
+import { VideoInfoDialogComponent } from 'app/dialogs/video-info-dialog/video-info-dialog.component';
 
 @Component({
   selector: 'app-file-card',
@@ -12,7 +14,7 @@ import 'rxjs/add/observable/merge';
   styleUrls: ['./file-card.component.css']
 })
 export class FileCardComponent implements OnInit {
-
+  @Input() file: any;
   @Input() title: string;
   @Input() length: string;
   @Input() name: string;
@@ -21,6 +23,7 @@ export class FileCardComponent implements OnInit {
   @Output() removeFile: EventEmitter<string> = new EventEmitter<string>();
   @Input() isPlaylist = false;
   @Input() count = null;
+  @Input() use_youtubedl_archive = false;
   type;
   image_loaded = false;
   image_errored = false;
@@ -28,8 +31,10 @@ export class FileCardComponent implements OnInit {
   scrollSubject;
   scrollAndLoad;
 
-  constructor(private postsService: PostsService, public snackBar: MatSnackBar, public mainComponent: MainComponent) {
-    this.scrollSubject = new Subject();
+  constructor(private postsService: PostsService, public snackBar: MatSnackBar, public mainComponent: MainComponent, 
+    private dialog: MatDialog) {
+
+      this.scrollSubject = new Subject();
     this.scrollAndLoad = Observable.merge(
       Observable.fromEvent(window, 'scroll'),
       this.scrollSubject
@@ -40,9 +45,9 @@ export class FileCardComponent implements OnInit {
     this.type = this.isAudio ? 'audio' : 'video';
   }
 
-  deleteFile() {
+  deleteFile(blacklistMode = false) {
     if (!this.isPlaylist) {
-      this.postsService.deleteFile(this.name, this.isAudio).subscribe(result => {
+      this.postsService.deleteFile(this.name, this.isAudio, blacklistMode).subscribe(result => {
         if (result === true) {
           this.openSnackBar('Delete success!', 'OK.');
           this.removeFile.emit(this.name);
@@ -56,6 +61,15 @@ export class FileCardComponent implements OnInit {
 
   }
 
+  openVideoInfoDialog() {
+    const dialogRef = this.dialog.open(VideoInfoDialogComponent, {
+      data: {
+        file: this.file,
+      },
+      minWidth: '50vw'
+    });
+  }
+
   onImgError(event) {
     this.image_errored = true;
   }

src/app/input-dialog/input-dialog.component.html

@@ -7,6 +7,7 @@
   </div>
 </mat-dialog-content>
 <mat-dialog-actions>
+  <!-- TODO: Internationalize these buttons -->
   <button mat-button mat-dialog-close>Cancel</button>
   <!-- The mat-dialog-close directive optionally accepts a value as a result for the dialog. -->
   <button mat-button [disabled]="!inputText" type="submit" (click)="enterPressed()">{{submitText}}</button>

src/app/input-dialog/input-dialog.component.ts

@@ -1,5 +1,5 @@
 import { Component, OnInit, Input, Inject, EventEmitter } from '@angular/core';
-import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material';
+import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
 
 @Component({
   selector: 'app-input-dialog',

src/app/main/main.component.html

@@ -2,7 +2,7 @@
 <div class="big demo-basic">
     <mat-card id="card" style="margin-right: 20px; margin-left: 20px;">
         <mat-card-title>
-            Youtube Downloader
+            <ng-container i18n="Youtube downloader home page label">Youtube Downloader</ng-container>
         </mat-card-title>
         <mat-card-content>
             <div style="position: relative;">
@@ -12,13 +12,19 @@
                             <div [ngClass]="allowQualitySelect ? 'col-sm-9' : null" class="col-12">
                                 <mat-form-field color="accent" class="example-full-width">
                                     <input style="padding-right: 25px;" matInput  (ngModelChange)="inputChanged($event)" [(ngModel)]="url" [placeholder]="'URL' + (youtubeSearchEnabled ? ' or search' : '')" type="url" name="url" [formControl]="urlForm" required #urlinput>
-                                    <mat-error *ngIf="urlError || urlForm.invalid">Please enter a valid URL!</mat-error>
+                                    <mat-error *ngIf="urlError || urlForm.invalid">
+                                        <ng-container i18n="Enter valid URL error">Please enter a valid URL!</ng-container>
+                                    </mat-error>
                                     <button class="input-clear-button" mat-icon-button (click)="clearInput()"><mat-icon>clear</mat-icon></button>
                                 </mat-form-field>
                             </div>
                             <div *ngIf="allowQualitySelect" class="col-7 col-sm-3">
                                 <mat-form-field color="accent" style="display: inline-block; width: inherit; min-width: 120px;">
-                                    <mat-label>Quality</mat-label>
+                                    <mat-label>
+                                        <ng-container i18n="Quality select label">
+                                            Quality
+                                        </ng-container>
+                                    </mat-label>
                                     <mat-select [ngModelOptions]="{standalone: true}" [(ngModel)]="selectedQuality">
                                       <ng-container *ngFor="let option of qualityOptions[(audioOnly) ? 'audio' : 'video']">
                                         <mat-option *ngIf="option.value === '' || url && cachedAvailableFormats[url] && cachedAvailableFormats[url]['formats'] && cachedAvailableFormats[url]['formats'][(audioOnly) ? 'audio' : 'video'][option.value]" [value]="option.value">
@@ -42,22 +48,43 @@
                                 <div style="font-size: 12px; margin-bottom: 10px;">
                                     {{result.uploaded}}
                                 </div>
-                                <button mat-flat-button color="primary" style="float: left;" (click)="useURL(result.videoUrl)">Use URL</button>
-                                <button mat-stroked-button color="primary" (click)="visitURL(result.videoUrl)" style="float: right">View</button>
+                                <button mat-flat-button color="primary" style="float: left;" (click)="useURL(result.videoUrl)">
+                                    <ng-container i18n="YT search Use URL button for searched video">Use URL</ng-container>
+                                </button>
+                                <button mat-stroked-button color="primary" (click)="visitURL(result.videoUrl)" style="float: right">
+                                    <ng-container i18n="YT search View button for searched video">
+                                        View
+                                    </ng-container>
+                                </button>
                             </mat-card>
                         </span>
                     </div>
                 </form>
                 <br/>
-                <mat-checkbox [disabled]="current_download" (change)="videoModeChanged($event)" [(ngModel)]="audioOnly" style="float: left; margin-top: -12px">Only Audio</mat-checkbox>
-                <mat-checkbox *ngIf="allowMultiDownloadMode" [disabled]="current_download" (change)="multiDownloadModeChanged($event)" [(ngModel)]="multiDownloadMode" style="float: right; margin-top: -12px">Multi-download mode</mat-checkbox>
+                <mat-checkbox [disabled]="current_download" (change)="videoModeChanged($event)" [(ngModel)]="audioOnly" style="float: left; margin-top: -12px">
+                    <ng-container i18n="Only Audio checkbox">
+                        Only Audio
+                    </ng-container>
+                </mat-checkbox>
+                <mat-checkbox *ngIf="allowMultiDownloadMode" [disabled]="current_download" (change)="multiDownloadModeChanged($event)" [(ngModel)]="multiDownloadMode" style="float: right; margin-top: -12px">
+                    <ng-container i18n="Multi-download Mode checkbox">
+                        Multi-download Mode
+                    </ng-container>
+                </mat-checkbox>
                 
             </div>
         </mat-card-content>
         <mat-card-actions>
-            <button style="margin-left: 8px; margin-bottom: 8px" (click)="downloadClicked()" [disabled]="downloadingfile" type="submit" mat-stroked-button
-                color="accent">Download</button>
-                <button (click)="cancelDownload()" style="float: right" *ngIf="!!current_download" mat-stroked-button color="warn">Cancel</button>
+            <button style="margin-left: 8px; margin-bottom: 8px" (click)="downloadClicked()" [disabled]="downloadingfile" type="submit" mat-stroked-button color="accent">
+                <ng-container i18n="Main download button">
+                    Download
+                </ng-container>
+            </button>
+            <button (click)="cancelDownload()" style="float: right" *ngIf="!!current_download" mat-stroked-button color="warn">
+                <ng-container i18n="Cancel download button">
+                    Cancel
+                </ng-container>
+            </button>
         </mat-card-actions>
     </mat-card>
 </div>
@@ -66,35 +93,60 @@
         <mat-expansion-panel class="big">
             <mat-expansion-panel-header>
                 <mat-panel-title>
-                    Advanced
+                    <ng-container i18n="Advanced download mode panel">
+                        Advanced
+                    </ng-container>
                 </mat-panel-title>
             </mat-expansion-panel-header>
-            <p *ngIf="this.simulatedOutput">Simulated command: <i>{{this.simulatedOutput}}</i></p>
+            <p *ngIf="this.simulatedOutput">
+                <ng-container i18n="Simulated command label">
+                    Simulated command:
+                </ng-container>
+                &nbsp;<i>{{this.simulatedOutput}}</i></p>
             <div class="container" style="padding-bottom: 20px;">
                 <div class="row">
                     <div class="col-12 col-sm-6">
-                        <mat-checkbox color="accent" [disabled]="current_download" (change)="customArgsEnabledChanged($event)" [(ngModel)]="customArgsEnabled" style="z-index: 999" [ngModelOptions]="{standalone: true}">Use custom args</mat-checkbox>
+                        <mat-checkbox color="accent" [disabled]="current_download" (change)="customArgsEnabledChanged($event)" [(ngModel)]="customArgsEnabled" style="z-index: 999" [ngModelOptions]="{standalone: true}">
+                            <ng-container i18n="Use custom args checkbox">
+                                Use custom args
+                            </ng-container>
+                        </mat-checkbox>
                         <mat-form-field color="accent" style="margin-bottom: 42px;" class="advanced-input">
-                            <input [(ngModel)]="customArgs" [ngModelOptions]="{standalone: true}" [disabled]="!customArgsEnabled" matInput placeholder="Custom args">
-                            <mat-hint>No need to include URL, just everything after.</mat-hint>
+                            <input [(ngModel)]="customArgs" [ngModelOptions]="{standalone: true}" [disabled]="!customArgsEnabled" matInput placeholder="Custom args" i18n-placeholder="Custom args placeholder">
+                            <mat-hint>
+                                <ng-container i18n="Custom Args input hint">
+                                    No need to include URL, just everything after.
+                                </ng-container>
+                            </mat-hint>
                         </mat-form-field>
                     </div>
                     <div class="col-12 col-sm-6">
-                        <mat-checkbox color="accent" [disabled]="current_download" (change)="customOutputEnabledChanged($event)" [(ngModel)]="customOutputEnabled" style="z-index: 999" [ngModelOptions]="{standalone: true}">Use custom output</mat-checkbox>
+                        <mat-checkbox color="accent" [disabled]="current_download" (change)="customOutputEnabledChanged($event)" [(ngModel)]="customOutputEnabled" style="z-index: 999" [ngModelOptions]="{standalone: true}">
+                            <ng-container i18n="Use custom output checkbox">
+                                Use custom output
+                            </ng-container>
+                        </mat-checkbox>
                         <mat-form-field style="margin-bottom: 42px;" color="accent" class="advanced-input">
-                            <input [(ngModel)]="customOutput" [ngModelOptions]="{standalone: true}" [disabled]="!customOutputEnabled" matInput placeholder="Custom output">
-                            <mat-hint><a target="_blank" href="https://github.com/ytdl-org/youtube-dl/blob/master/README.md#output-template">Documentation</a>. Path is relative to the config download path. Don't include extension.</mat-hint>
+                            <input [(ngModel)]="customOutput" [ngModelOptions]="{standalone: true}" [disabled]="!customOutputEnabled" matInput placeholder="Custom output" i18n-placeholder="Custom output placeholder">
+                            <mat-hint><a target="_blank" href="https://github.com/ytdl-org/youtube-dl/blob/master/README.md#output-template">
+                                <ng-container i18n="Youtube-dl output template documentation link">Documentation</ng-container></a>.
+                                <ng-container i18n="Custom Output input hint">Path is relative to the config download path. Don't include extension.</ng-container>
+                            </mat-hint>
                         </mat-form-field>
                     </div>
                     <div *ngIf="!youtubeAuthDisabledOverride" class="col-12 col-sm-6 mt-2">
-                        <mat-checkbox color="accent" [disabled]="current_download" (change)="youtubeAuthEnabledChanged($event)" [(ngModel)]="youtubeAuthEnabled" style="z-index: 999" [ngModelOptions]="{standalone: true}">Use authentication</mat-checkbox>
+                        <mat-checkbox color="accent" [disabled]="current_download" (change)="youtubeAuthEnabledChanged($event)" [(ngModel)]="youtubeAuthEnabled" style="z-index: 999" [ngModelOptions]="{standalone: true}">
+                            <ng-container i18n="Use authentication checkbox">
+                                Use authentication
+                            </ng-container>
+                        </mat-checkbox>
                         <mat-form-field color="accent" class="advanced-input">
-                            <input [(ngModel)]="youtubeUsername" [ngModelOptions]="{standalone: true}" [disabled]="!youtubeAuthEnabled" matInput placeholder="Username">
+                            <input [(ngModel)]="youtubeUsername" [ngModelOptions]="{standalone: true}" [disabled]="!youtubeAuthEnabled" matInput placeholder="Username" i18n-placeholder="YT Username placeholder">
                         </mat-form-field>
                     </div>
                     <div *ngIf="!youtubeAuthDisabledOverride" class="col-12 col-sm-6 mt-2">
                         <mat-form-field style="margin-top: 31px;" color="accent" class="advanced-input">
-                            <input [(ngModel)]="youtubePassword" type="password" [ngModelOptions]="{standalone: true}" [disabled]="!youtubeAuthEnabled" matInput placeholder="Password">
+                            <input [(ngModel)]="youtubePassword" type="password" [ngModelOptions]="{standalone: true}" [disabled]="!youtubeAuthEnabled" matInput placeholder="Password" i18n-placeholder="YT Password placeholder">
                         </mat-form-field>
                     </div>
                 </div>
@@ -138,34 +190,40 @@
         <mat-expansion-panel (opened)="accordionOpened('audio')" (closed)="accordionClosed('audio')" (mouseleave)="accordionLeft('audio')" (mouseenter)="accordionEntered('audio')" class="big">
             <mat-expansion-panel-header>
                 <mat-panel-title>
-                    Audio
+                    <ng-container i18n="Audio files title">
+                        Audio
+                    </ng-container>
                 </mat-panel-title>
                 <mat-panel-description>
-                    Your audio files are here
+                    <ng-container i18n="Audio files description">
+                        Your audio files are here
+                    </ng-container>
                 </mat-panel-description>
             </mat-expansion-panel-header>
             <div *ngIf="mp3s.length > 0;else nomp3s">
                 <mat-grid-list style="margin-bottom: 15px;" (window:resize)="onResize($event)" [cols]="files_cols" rowHeight="150px">
                     <mat-grid-tile *ngFor="let file of mp3s; index as i;">
-                        <app-file-card #audiofilecard (removeFile)="removeFromMp3($event)" [title]="file.title" [name]="file.id" [thumbnailURL]="file.thumbnailURL"
-                                [length]="file.duration" [isAudio]="true"></app-file-card>
+                        <app-file-card #audiofilecard (removeFile)="removeFromMp3($event)" [file]="file" [title]="file.title" [name]="file.id" [thumbnailURL]="file.thumbnailURL"
+                                [length]="file.duration" [isAudio]="true" [use_youtubedl_archive]="use_youtubedl_archive"></app-file-card>
                         <mat-progress-bar *ngIf="downloading_content['audio'][file.id]" class="download-progress-bar" mode="indeterminate"></mat-progress-bar>
                     </mat-grid-tile>
                 </mat-grid-list>
                 <mat-divider></mat-divider>
                 <div style="width: 100%; text-align: center; margin-top: 10px;">
-                    <h6>Playlists</h6>
+                    <h6 i18n="Playlists title">Playlists</h6>
                 </div>
                 <mat-grid-list *ngIf="playlists.audio.length > 0" (window:resize)="onResize($event)" [cols]="files_cols" rowHeight="150px">
                     <mat-grid-tile *ngFor="let playlist of playlists.audio; let i = index;">
                         <app-file-card #audiofilecard (removeFile)="removePlaylistMp3(playlist.id, i)" [title]="playlist.name" [name]="playlist.id" [thumbnailURL]="playlist_thumbnails[playlist.id]"
-                            [length]="null" [isAudio]="true" [isPlaylist]="true" [count]="playlist.fileNames.length"></app-file-card>
+                            [length]="null" [isAudio]="true" [isPlaylist]="true" [count]="playlist.fileNames.length" [use_youtubedl_archive]="use_youtubedl_archive"></app-file-card>
                         <mat-progress-bar *ngIf="downloading_content['audio'][playlist.id]" class="download-progress-bar" mode="indeterminate"></mat-progress-bar>
                     </mat-grid-tile>
                 </mat-grid-list>
                 <div class="add-playlist-button"><button (click)="openCreatePlaylistDialog('audio')" mat-fab><mat-icon>add</mat-icon></button></div>
                 <div *ngIf="playlists.audio.length === 0">
-                    No playlists available. Create one from your downloading audio files by clicking the blue plus button.
+                    <ng-container i18n="No video playlists available text">
+                        No playlists available. Create one from your downloading audio files by clicking the blue plus button.
+                    </ng-container>
                 </div>
             </div>
 
@@ -173,29 +231,33 @@
         <mat-expansion-panel (opened)="accordionOpened('video')" (closed)="accordionClosed('video')" (mouseleave)="accordionLeft('video')" (mouseenter)="accordionEntered('video')" class="big">
             <mat-expansion-panel-header>
                 <mat-panel-title>
-                    Video
+                    <ng-container i18n="Video files title">
+                        Video
+                    </ng-container>
                 </mat-panel-title>
                 <mat-panel-description>
-                    Your video files are here
+                    <ng-container i18n="Video files description">
+                        Your video files are here
+                    </ng-container>
                 </mat-panel-description>
             </mat-expansion-panel-header>
             <div *ngIf="mp4s.length > 0;else nomp4s">
                 <mat-grid-list style="margin-bottom: 15px;" (window:resize)="onResize($event)" [cols]="files_cols" rowHeight="150px">
                     <mat-grid-tile *ngFor="let file of mp4s; index as i;">
-                        <app-file-card #videofilecard (removeFile)="removeFromMp4($event)" [title]="file.title" [name]="file.id" [thumbnailURL]="file.thumbnailURL"
-                            [length]="file.duration" [isAudio]="false"></app-file-card>
+                        <app-file-card #videofilecard (removeFile)="removeFromMp4($event)" [file]="file" [title]="file.title" [name]="file.id" [thumbnailURL]="file.thumbnailURL"
+                            [length]="file.duration" [isAudio]="false" [use_youtubedl_archive]="use_youtubedl_archive"></app-file-card>
                         <mat-progress-bar *ngIf="downloading_content['video'][file.id]" class="download-progress-bar" mode="indeterminate"></mat-progress-bar>
                     </mat-grid-tile>
                 </mat-grid-list>
                 <mat-divider></mat-divider>
 
                 <div style="width: 100%; text-align: center; margin-top: 10px;">
-                    <h6>Playlists</h6>
+                    <h6 i18n="Playlists title">Playlists</h6>
                 </div>
                 <mat-grid-list *ngIf="playlists.video.length > 0" (window:resize)="onResize($event)" [cols]="files_cols" rowHeight="150px">
                     <mat-grid-tile *ngFor="let playlist of playlists.video; let i = index;">
                         <app-file-card #videofilecard (removeFile)="removePlaylistMp4(playlist.id, i)" [title]="playlist.name" [name]="playlist.id" [thumbnailURL]="playlist_thumbnails[playlist.id]"
-                            [length]="null" [isAudio]="false" [isPlaylist]="true" [count]="playlist.fileNames.length"></app-file-card>
+                            [length]="null" [isAudio]="false" [isPlaylist]="true" [count]="playlist.fileNames.length" [use_youtubedl_archive]="use_youtubedl_archive"></app-file-card>
                         <mat-progress-bar *ngIf="downloading_content['video'][playlist.id]" class="download-progress-bar" mode="indeterminate"></mat-progress-bar>
                     </mat-grid-tile>
                 </mat-grid-list>
@@ -203,7 +265,9 @@
                 <!-- Add video playlist button -->
                 <div class="add-playlist-button"><button (click)="openCreatePlaylistDialog('video')" mat-fab><mat-icon>add</mat-icon></button></div>
                 <div *ngIf="playlists.video.length === 0">
-                    No playlists available. Create one from your downloading video files by clicking the blue plus button.
+                    <ng-container i18n="No video playlists available text">
+                        No playlists available. Create one from your downloading video files by clicking the blue plus button.
+                    </ng-container>
                 </div>
             </div>
         </mat-expansion-panel>

src/app/main/main.component.ts

@@ -4,7 +4,8 @@ import {FileCardComponent} from '../file-card/file-card.component';
 import { Observable } from 'rxjs/Observable';
 import {FormControl, Validators} from '@angular/forms';
 import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
-import {MatSnackBar, MatDialog} from '@angular/material';
+import { MatDialog } from '@angular/material/dialog';
+import { MatSnackBar } from '@angular/material/snack-bar';
 import { saveAs } from 'file-saver';
 import 'rxjs/add/observable/of';
 import 'rxjs/add/operator/mapTo';
@@ -71,6 +72,7 @@ export class MainComponent implements OnInit {
   allowMultiDownloadMode = false;
   audioFolderPath;
   videoFolderPath;
+  use_youtubedl_archive = false;
   globalCustomArgs = null;
   allowAdvancedDownload = false;
   useDefaultDownloadingAgent = true;
@@ -192,7 +194,7 @@ export class MainComponent implements OnInit {
   selectedQuality = '';
   formats_loading = false;
 
-  @ViewChild('urlinput', { read: ElementRef, static: false }) urlInput: ElementRef;
+  @ViewChild('urlinput', { read: ElementRef }) urlInput: ElementRef;
   @ViewChildren('audiofilecard') audioFileCards: QueryList<FileCardComponent>;
   @ViewChildren('videofilecard') videoFileCards: QueryList<FileCardComponent>;
   last_valid_url = '';
@@ -212,14 +214,6 @@ export class MainComponent implements OnInit {
   constructor(private postsService: PostsService, private youtubeSearch: YoutubeSearchService, public snackBar: MatSnackBar,
     private router: Router, public dialog: MatDialog, private platform: Platform, private route: ActivatedRoute) {
     this.audioOnly = false;
-
-    this.configLoad();
-
-    this.postsService.settings_changed.subscribe(changed => {
-      if (changed) {
-        this.loadConfig();
-      }
-    });
   }
 
   async configLoad() {
@@ -240,6 +234,7 @@ export class MainComponent implements OnInit {
       this.allowMultiDownloadMode = result['YoutubeDLMaterial']['Extra']['allow_multi_download_mode'];
       this.audioFolderPath = result['YoutubeDLMaterial']['Downloader']['path-audio'];
       this.videoFolderPath = result['YoutubeDLMaterial']['Downloader']['path-video'];
+      this.use_youtubedl_archive = result['YoutubeDLMaterial']['Downloader']['use_youtubedl_archive'];
       this.globalCustomArgs = result['YoutubeDLMaterial']['Downloader']['custom_args'];
       this.youtubeSearchEnabled = result['YoutubeDLMaterial']['API'] && result['YoutubeDLMaterial']['API']['use_youtube_API'] &&
           result['YoutubeDLMaterial']['API']['youtube_API_key'];
@@ -296,6 +291,14 @@ export class MainComponent implements OnInit {
 
   // app initialization.
   ngOnInit() {
+    this.configLoad();
+
+    this.postsService.settings_changed.subscribe(changed => {
+      if (changed) {
+        this.loadConfig();
+      }
+    });
+
     this.iOS = this.platform.IOS;
 
     // get checkboxes
@@ -474,7 +477,7 @@ export class MainComponent implements OnInit {
           this.downloadAudioFile(decodeURI(name));
         }
       } else {
-        localStorage.setItem('player_navigator', this.router.url);
+        localStorage.setItem('player_navigator', this.router.url.split(';')[0]);
         if (is_playlist) {
           this.router.navigate(['/player', {fileNames: name.join('|nvr|'), type: 'audio'}]);
         } else {
@@ -512,7 +515,7 @@ export class MainComponent implements OnInit {
           this.downloadVideoFile(decodeURI(name));
         }
       } else {
-        localStorage.setItem('player_navigator', this.router.url);
+        localStorage.setItem('player_navigator', this.router.url.split(';')[0]);
         if (is_playlist) {
           this.router.navigate(['/player', {fileNames: name.join('|nvr|'), type: 'video'}]);
         } else {
@@ -593,6 +596,8 @@ export class MainComponent implements OnInit {
           }
         }, error => { // can't access server
           this.downloadingfile = false;
+          this.current_download = null;
+          new_download['downloading'] = false;
           this.openSnackBar('Download failed!', 'OK.');
         });
       } else {
@@ -625,6 +630,8 @@ export class MainComponent implements OnInit {
           }
         }, error => { // can't access server
           this.downloadingfile = false;
+          this.current_download = null;
+          new_download['downloading'] = false;
           this.openSnackBar('Download failed!', 'OK.');
       });
       }
@@ -878,6 +885,10 @@ export class MainComponent implements OnInit {
       full_string_array.push(...additional_params);
     }
 
+    if (this.use_youtubedl_archive) {
+      full_string_array.push('--download-archive', 'archive.txt');
+    }
+
     if (globalArgsExists) {
       full_string_array = full_string_array.concat(this.globalCustomArgs.split(' '));
     }

src/app/player/player.component.html

@@ -19,7 +19,7 @@
         <div class="spinner-div">
             <mat-spinner *ngIf="playlist_updating" [diameter]="25"></mat-spinner>
         </div>
-        <button color="primary" [disabled]="playlist_updating" (click)="updatePlaylist()" mat-raised-button>Save changes <mat-icon>update</mat-icon></button>
+        <button color="primary" [disabled]="playlist_updating" (click)="updatePlaylist()" mat-raised-button><ng-container i18n="Playlist save changes button">Save changes</ng-container>&nbsp;<mat-icon>update</mat-icon></button>
         
     </div>
 

src/app/player/player.component.ts

@@ -1,8 +1,9 @@
 import { Component, OnInit, HostListener, EventEmitter } from '@angular/core';
-import { VgAPI } from 'videogular2/compiled/core';
+import { VgAPI } from 'ngx-videogular';
 import { PostsService } from 'app/posts.services';
 import { ActivatedRoute, Router } from '@angular/router';
-import { MatDialog, MatSnackBar } from '@angular/material';
+import { MatDialog } from '@angular/material/dialog';
+import { MatSnackBar } from '@angular/material/snack-bar';
 import { InputDialogComponent } from 'app/input-dialog/input-dialog.component';
 import { CdkDragDrop, moveItemInArray } from '@angular/cdk/drag-drop';
 

src/app/posts.services.ts

@@ -98,11 +98,11 @@ export class PostsService {
         return this.http.post(this.path + 'setConfig', {new_config_file: config});
     }
 
-    deleteFile(name: string, isAudio: boolean) {
+    deleteFile(name: string, isAudio: boolean, blacklistMode = false) {
         if (isAudio) {
-            return this.http.post(this.path + 'deleteMp3', {name: name});
+            return this.http.post(this.path + 'deleteMp3', {name: name, blacklistMode: blacklistMode});
         } else {
-            return this.http.post(this.path + 'deleteMp4', {name: name});
+            return this.http.post(this.path + 'deleteMp4', {name: name, blacklistMode: blacklistMode});
         }
     }
 
@@ -114,11 +114,12 @@ export class PostsService {
         return this.http.post(this.path + 'getMp4s', {});
     }
 
-    downloadFileFromServer(fileName, type, outputName = null) {
+    downloadFileFromServer(fileName, type, outputName = null, fullPathProvided = null) {
         return this.http.post(this.path + 'downloadFile', {fileNames: fileName,
                                                             type: type,
-                                                            is_playlist: Array.isArray(fileName),
-                                                            outputName: outputName},
+                                                            zip_mode: Array.isArray(fileName),
+                                                            outputName: outputName,
+                                                            fullPathProvided: fullPathProvided},
                                                           {responseType: 'blob'});
     }
 

src/app/settings/locales_list.ts

@@ -0,0 +1,735 @@
+/**
+* @author Phil Teare
+* using wikipedia data
+* Link: https://stackoverflow.com/a/4900304
+*/
+export const isoLangs = {
+   'ab': {
+       'name': 'Abkhaz',
+       'nativeName': 'аҧсуа'
+   },
+   'aa': {
+       'name': 'Afar',
+       'nativeName': 'Afaraf'
+   },
+   'af': {
+       'name': 'Afrikaans',
+       'nativeName': 'Afrikaans'
+   },
+   'ak': {
+       'name': 'Akan',
+       'nativeName': 'Akan'
+   },
+   'sq': {
+       'name': 'Albanian',
+       'nativeName': 'Shqip'
+   },
+   'am': {
+       'name': 'Amharic',
+       'nativeName': 'አማርኛ'
+   },
+   'ar': {
+       'name': 'Arabic',
+       'nativeName': 'العربية'
+   },
+   'an': {
+       'name': 'Aragonese',
+       'nativeName': 'Aragonés'
+   },
+   'hy': {
+       'name': 'Armenian',
+       'nativeName': 'Հայերեն'
+   },
+   'as': {
+       'name': 'Assamese',
+       'nativeName': 'অসমীয়া'
+   },
+   'av': {
+       'name': 'Avaric',
+       'nativeName': 'авар мацӀ, магӀарул мацӀ'
+   },
+   'ae': {
+       'name': 'Avestan',
+       'nativeName': 'avesta'
+   },
+   'ay': {
+       'name': 'Aymara',
+       'nativeName': 'aymar aru'
+   },
+   'az': {
+       'name': 'Azerbaijani',
+       'nativeName': 'azərbaycan dili'
+   },
+   'bm': {
+       'name': 'Bambara',
+       'nativeName': 'bamanankan'
+   },
+   'ba': {
+       'name': 'Bashkir',
+       'nativeName': 'башҡорт теле'
+   },
+   'eu': {
+       'name': 'Basque',
+       'nativeName': 'euskara, euskera'
+   },
+   'be': {
+       'name': 'Belarusian',
+       'nativeName': 'Беларуская'
+   },
+   'bn': {
+       'name': 'Bengali',
+       'nativeName': 'বাংলা'
+   },
+   'bh': {
+       'name': 'Bihari',
+       'nativeName': 'भोजपुरी'
+   },
+   'bi': {
+       'name': 'Bislama',
+       'nativeName': 'Bislama'
+   },
+   'bs': {
+       'name': 'Bosnian',
+       'nativeName': 'bosanski jezik'
+   },
+   'br': {
+       'name': 'Breton',
+       'nativeName': 'brezhoneg'
+   },
+   'bg': {
+       'name': 'Bulgarian',
+       'nativeName': 'български език'
+   },
+   'my': {
+       'name': 'Burmese',
+       'nativeName': 'ဗမာစာ'
+   },
+   'ca': {
+       'name': 'Catalan; Valencian',
+       'nativeName': 'Català'
+   },
+   'ch': {
+       'name': 'Chamorro',
+       'nativeName': 'Chamoru'
+   },
+   'ce': {
+       'name': 'Chechen',
+       'nativeName': 'нохчийн мотт'
+   },
+   'ny': {
+       'name': 'Chichewa; Chewa; Nyanja',
+       'nativeName': 'chiCheŵa, chinyanja'
+   },
+   'zh': {
+       'name': 'Chinese',
+       'nativeName': '中文 (Zhōngwén), 汉语, 漢語'
+   },
+   'cv': {
+       'name': 'Chuvash',
+       'nativeName': 'чӑваш чӗлхи'
+   },
+   'kw': {
+       'name': 'Cornish',
+       'nativeName': 'Kernewek'
+   },
+   'co': {
+       'name': 'Corsican',
+       'nativeName': 'corsu, lingua corsa'
+   },
+   'cr': {
+       'name': 'Cree',
+       'nativeName': 'ᓀᐦᐃᔭᐍᐏᐣ'
+   },
+   'hr': {
+       'name': 'Croatian',
+       'nativeName': 'hrvatski'
+   },
+   'cs': {
+       'name': 'Czech',
+       'nativeName': 'česky, čeština'
+   },
+   'da': {
+       'name': 'Danish',
+       'nativeName': 'dansk'
+   },
+   'dv': {
+       'name': 'Divehi; Dhivehi; Maldivian;',
+       'nativeName': 'ދިވެހި'
+   },
+   'nl': {
+       'name': 'Dutch',
+       'nativeName': 'Nederlands, Vlaams'
+   },
+   'en': {
+       'name': 'English',
+       'nativeName': 'English'
+   },
+   'eo': {
+       'name': 'Esperanto',
+       'nativeName': 'Esperanto'
+   },
+   'et': {
+       'name': 'Estonian',
+       'nativeName': 'eesti, eesti keel'
+   },
+   'ee': {
+       'name': 'Ewe',
+       'nativeName': 'Eʋegbe'
+   },
+   'fo': {
+       'name': 'Faroese',
+       'nativeName': 'føroyskt'
+   },
+   'fj': {
+       'name': 'Fijian',
+       'nativeName': 'vosa Vakaviti'
+   },
+   'fi': {
+       'name': 'Finnish',
+       'nativeName': 'suomi, suomen kieli'
+   },
+   'fr': {
+       'name': 'French',
+       'nativeName': 'français, langue française'
+   },
+   'ff': {
+       'name': 'Fula; Fulah; Pulaar; Pular',
+       'nativeName': 'Fulfulde, Pulaar, Pular'
+   },
+   'gl': {
+       'name': 'Galician',
+       'nativeName': 'Galego'
+   },
+   'ka': {
+       'name': 'Georgian',
+       'nativeName': 'ქართული'
+   },
+   'de': {
+       'name': 'German',
+       'nativeName': 'Deutsch'
+   },
+   'el': {
+       'name': 'Greek, Modern',
+       'nativeName': 'Ελληνικά'
+   },
+   'gn': {
+       'name': 'Guaraní',
+       'nativeName': 'Avañeẽ'
+   },
+   'gu': {
+       'name': 'Gujarati',
+       'nativeName': 'ગુજરાતી'
+   },
+   'ht': {
+       'name': 'Haitian; Haitian Creole',
+       'nativeName': 'Kreyòl ayisyen'
+   },
+   'ha': {
+       'name': 'Hausa',
+       'nativeName': 'Hausa, هَوُسَ'
+   },
+   'he': {
+       'name': 'Hebrew (modern)',
+       'nativeName': 'עברית'
+   },
+   'hz': {
+       'name': 'Herero',
+       'nativeName': 'Otjiherero'
+   },
+   'hi': {
+       'name': 'Hindi',
+       'nativeName': 'हिन्दी, हिंदी'
+   },
+   'ho': {
+       'name': 'Hiri Motu',
+       'nativeName': 'Hiri Motu'
+   },
+   'hu': {
+       'name': 'Hungarian',
+       'nativeName': 'Magyar'
+   },
+   'ia': {
+       'name': 'Interlingua',
+       'nativeName': 'Interlingua'
+   },
+   'id': {
+       'name': 'Indonesian',
+       'nativeName': 'Bahasa Indonesia'
+   },
+   'ie': {
+       'name': 'Interlingue',
+       'nativeName': 'Originally called Occidental; then Interlingue after WWII'
+   },
+   'ga': {
+       'name': 'Irish',
+       'nativeName': 'Gaeilge'
+   },
+   'ig': {
+       'name': 'Igbo',
+       'nativeName': 'Asụsụ Igbo'
+   },
+   'ik': {
+       'name': 'Inupiaq',
+       'nativeName': 'Iñupiaq, Iñupiatun'
+   },
+   'io': {
+       'name': 'Ido',
+       'nativeName': 'Ido'
+   },
+   'is': {
+       'name': 'Icelandic',
+       'nativeName': 'Íslenska'
+   },
+   'it': {
+       'name': 'Italian',
+       'nativeName': 'Italiano'
+   },
+   'iu': {
+       'name': 'Inuktitut',
+       'nativeName': 'ᐃᓄᒃᑎᑐᑦ'
+   },
+   'ja': {
+       'name': 'Japanese',
+       'nativeName': '日本語 (にほんご／にっぽんご)'
+   },
+   'jv': {
+       'name': 'Javanese',
+       'nativeName': 'basa Jawa'
+   },
+   'kl': {
+       'name': 'Kalaallisut, Greenlandic',
+       'nativeName': 'kalaallisut, kalaallit oqaasii'
+   },
+   'kn': {
+       'name': 'Kannada',
+       'nativeName': 'ಕನ್ನಡ'
+   },
+   'kr': {
+       'name': 'Kanuri',
+       'nativeName': 'Kanuri'
+   },
+   'ks': {
+       'name': 'Kashmiri',
+       'nativeName': 'कश्मीरी, كشميري‎'
+   },
+   'kk': {
+       'name': 'Kazakh',
+       'nativeName': 'Қазақ тілі'
+   },
+   'km': {
+       'name': 'Khmer',
+       'nativeName': 'ភាសាខ្មែរ'
+   },
+   'ki': {
+       'name': 'Kikuyu, Gikuyu',
+       'nativeName': 'Gĩkũyũ'
+   },
+   'rw': {
+       'name': 'Kinyarwanda',
+       'nativeName': 'Ikinyarwanda'
+   },
+   'ky': {
+       'name': 'Kirghiz, Kyrgyz',
+       'nativeName': 'кыргыз тили'
+   },
+   'kv': {
+       'name': 'Komi',
+       'nativeName': 'коми кыв'
+   },
+   'kg': {
+       'name': 'Kongo',
+       'nativeName': 'KiKongo'
+   },
+   'ko': {
+       'name': 'Korean',
+       'nativeName': '한국어 (韓國語), 조선말 (朝鮮語)'
+   },
+   'ku': {
+       'name': 'Kurdish',
+       'nativeName': 'Kurdî, كوردی‎'
+   },
+   'kj': {
+       'name': 'Kwanyama, Kuanyama',
+       'nativeName': 'Kuanyama'
+   },
+   'la': {
+       'name': 'Latin',
+       'nativeName': 'latine, lingua latina'
+   },
+   'lb': {
+       'name': 'Luxembourgish, Letzeburgesch',
+       'nativeName': 'Lëtzebuergesch'
+   },
+   'lg': {
+       'name': 'Luganda',
+       'nativeName': 'Luganda'
+   },
+   'li': {
+       'name': 'Limburgish, Limburgan, Limburger',
+       'nativeName': 'Limburgs'
+   },
+   'ln': {
+       'name': 'Lingala',
+       'nativeName': 'Lingála'
+   },
+   'lo': {
+       'name': 'Lao',
+       'nativeName': 'ພາສາລາວ'
+   },
+   'lt': {
+       'name': 'Lithuanian',
+       'nativeName': 'lietuvių kalba'
+   },
+   'lu': {
+       'name': 'Luba-Katanga',
+       'nativeName': ''
+   },
+   'lv': {
+       'name': 'Latvian',
+       'nativeName': 'latviešu valoda'
+   },
+   'gv': {
+       'name': 'Manx',
+       'nativeName': 'Gaelg, Gailck'
+   },
+   'mk': {
+       'name': 'Macedonian',
+       'nativeName': 'македонски јазик'
+   },
+   'mg': {
+       'name': 'Malagasy',
+       'nativeName': 'Malagasy fiteny'
+   },
+   'ms': {
+       'name': 'Malay',
+       'nativeName': 'bahasa Melayu, بهاس ملايو‎'
+   },
+   'ml': {
+       'name': 'Malayalam',
+       'nativeName': 'മലയാളം'
+   },
+   'mt': {
+       'name': 'Maltese',
+       'nativeName': 'Malti'
+   },
+   'mi': {
+       'name': 'Māori',
+       'nativeName': 'te reo Māori'
+   },
+   'mr': {
+       'name': 'Marathi (Marāṭhī)',
+       'nativeName': 'मराठी'
+   },
+   'mh': {
+       'name': 'Marshallese',
+       'nativeName': 'Kajin M̧ajeļ'
+   },
+   'mn': {
+       'name': 'Mongolian',
+       'nativeName': 'монгол'
+   },
+   'na': {
+       'name': 'Nauru',
+       'nativeName': 'Ekakairũ Naoero'
+   },
+   'nv': {
+       'name': 'Navajo, Navaho',
+       'nativeName': 'Diné bizaad, Dinékʼehǰí'
+   },
+   'nb': {
+       'name': 'Norwegian Bokmål',
+       'nativeName': 'Norsk bokmål'
+   },
+   'nd': {
+       'name': 'North Ndebele',
+       'nativeName': 'isiNdebele'
+   },
+   'ne': {
+       'name': 'Nepali',
+       'nativeName': 'नेपाली'
+   },
+   'ng': {
+       'name': 'Ndonga',
+       'nativeName': 'Owambo'
+   },
+   'nn': {
+       'name': 'Norwegian Nynorsk',
+       'nativeName': 'Norsk nynorsk'
+   },
+   'no': {
+       'name': 'Norwegian',
+       'nativeName': 'Norsk'
+   },
+   'ii': {
+       'name': 'Nuosu',
+       'nativeName': 'ꆈꌠ꒿ Nuosuhxop'
+   },
+   'nr': {
+       'name': 'South Ndebele',
+       'nativeName': 'isiNdebele'
+   },
+   'oc': {
+       'name': 'Occitan',
+       'nativeName': 'Occitan'
+   },
+   'oj': {
+       'name': 'Ojibwe, Ojibwa',
+       'nativeName': 'ᐊᓂᔑᓈᐯᒧᐎᓐ'
+   },
+   'cu': {
+       'name': 'Old Church Slavonic, Church Slavic, Church Slavonic, Old Bulgarian, Old Slavonic',
+       'nativeName': 'ѩзыкъ словѣньскъ'
+   },
+   'om': {
+       'name': 'Oromo',
+       'nativeName': 'Afaan Oromoo'
+   },
+   'or': {
+       'name': 'Oriya',
+       'nativeName': 'ଓଡ଼ିଆ'
+   },
+   'os': {
+       'name': 'Ossetian, Ossetic',
+       'nativeName': 'ирон æвзаг'
+   },
+   'pa': {
+       'name': 'Panjabi, Punjabi',
+       'nativeName': 'ਪੰਜਾਬੀ, پنجابی‎'
+   },
+   'pi': {
+       'name': 'Pāli',
+       'nativeName': 'पाऴि'
+   },
+   'fa': {
+       'name': 'Persian',
+       'nativeName': 'فارسی'
+   },
+   'pl': {
+       'name': 'Polish',
+       'nativeName': 'polski'
+   },
+   'ps': {
+       'name': 'Pashto, Pushto',
+       'nativeName': 'پښتو'
+   },
+   'pt': {
+       'name': 'Portuguese',
+       'nativeName': 'Português'
+   },
+   'qu': {
+       'name': 'Quechua',
+       'nativeName': 'Runa Simi, Kichwa'
+   },
+   'rm': {
+       'name': 'Romansh',
+       'nativeName': 'rumantsch grischun'
+   },
+   'rn': {
+       'name': 'Kirundi',
+       'nativeName': 'kiRundi'
+   },
+   'ro': {
+       'name': 'Romanian, Moldavian, Moldovan',
+       'nativeName': 'română'
+   },
+   'ru': {
+       'name': 'Russian',
+       'nativeName': 'русский язык'
+   },
+   'sa': {
+       'name': 'Sanskrit (Saṁskṛta)',
+       'nativeName': 'संस्कृतम्'
+   },
+   'sc': {
+       'name': 'Sardinian',
+       'nativeName': 'sardu'
+   },
+   'sd': {
+       'name': 'Sindhi',
+       'nativeName': 'सिन्धी, سنڌي، سندھی‎'
+   },
+   'se': {
+       'name': 'Northern Sami',
+       'nativeName': 'Davvisámegiella'
+   },
+   'sm': {
+       'name': 'Samoan',
+       'nativeName': 'gagana faa Samoa'
+   },
+   'sg': {
+       'name': 'Sango',
+       'nativeName': 'yângâ tî sängö'
+   },
+   'sr': {
+       'name': 'Serbian',
+       'nativeName': 'српски језик'
+   },
+   'gd': {
+       'name': 'Scottish Gaelic; Gaelic',
+       'nativeName': 'Gàidhlig'
+   },
+   'sn': {
+       'name': 'Shona',
+       'nativeName': 'chiShona'
+   },
+   'si': {
+       'name': 'Sinhala, Sinhalese',
+       'nativeName': 'සිංහල'
+   },
+   'sk': {
+       'name': 'Slovak',
+       'nativeName': 'slovenčina'
+   },
+   'sl': {
+       'name': 'Slovene',
+       'nativeName': 'slovenščina'
+   },
+   'so': {
+       'name': 'Somali',
+       'nativeName': 'Soomaaliga, af Soomaali'
+   },
+   'st': {
+       'name': 'Southern Sotho',
+       'nativeName': 'Sesotho'
+   },
+   'es': {
+       'name': 'Spanish; Castilian',
+       'nativeName': 'español, castellano'
+   },
+   'su': {
+       'name': 'Sundanese',
+       'nativeName': 'Basa Sunda'
+   },
+   'sw': {
+       'name': 'Swahili',
+       'nativeName': 'Kiswahili'
+   },
+   'ss': {
+       'name': 'Swati',
+       'nativeName': 'SiSwati'
+   },
+   'sv': {
+       'name': 'Swedish',
+       'nativeName': 'svenska'
+   },
+   'ta': {
+       'name': 'Tamil',
+       'nativeName': 'தமிழ்'
+   },
+   'te': {
+       'name': 'Telugu',
+       'nativeName': 'తెలుగు'
+   },
+   'tg': {
+       'name': 'Tajik',
+       'nativeName': 'тоҷикӣ, toğikī, تاجیکی‎'
+   },
+   'th': {
+       'name': 'Thai',
+       'nativeName': 'ไทย'
+   },
+   'ti': {
+       'name': 'Tigrinya',
+       'nativeName': 'ትግርኛ'
+   },
+   'bo': {
+       'name': 'Tibetan Standard, Tibetan, Central',
+       'nativeName': 'བོད་ཡིག'
+   },
+   'tk': {
+       'name': 'Turkmen',
+       'nativeName': 'Türkmen, Түркмен'
+   },
+   'tl': {
+       'name': 'Tagalog',
+       'nativeName': 'Wikang Tagalog, ᜏᜒᜃᜅ᜔ ᜆᜄᜎᜓᜄ᜔'
+   },
+   'tn': {
+       'name': 'Tswana',
+       'nativeName': 'Setswana'
+   },
+   'to': {
+       'name': 'Tonga (Tonga Islands)',
+       'nativeName': 'faka Tonga'
+   },
+   'tr': {
+       'name': 'Turkish',
+       'nativeName': 'Türkçe'
+   },
+   'ts': {
+       'name': 'Tsonga',
+       'nativeName': 'Xitsonga'
+   },
+   'tt': {
+       'name': 'Tatar',
+       'nativeName': 'татарча, tatarça, تاتارچا‎'
+   },
+   'tw': {
+       'name': 'Twi',
+       'nativeName': 'Twi'
+   },
+   'ty': {
+       'name': 'Tahitian',
+       'nativeName': 'Reo Tahiti'
+   },
+   'ug': {
+       'name': 'Uighur, Uyghur',
+       'nativeName': 'Uyƣurqə, ئۇيغۇرچە‎'
+   },
+   'uk': {
+       'name': 'Ukrainian',
+       'nativeName': 'українська'
+   },
+   'ur': {
+       'name': 'Urdu',
+       'nativeName': 'اردو'
+   },
+   'uz': {
+       'name': 'Uzbek',
+       'nativeName': 'zbek, Ўзбек, أۇزبېك‎'
+   },
+   've': {
+       'name': 'Venda',
+       'nativeName': 'Tshivenḓa'
+   },
+   'vi': {
+       'name': 'Vietnamese',
+       'nativeName': 'Tiếng Việt'
+   },
+   'vo': {
+       'name': 'Volapük',
+       'nativeName': 'Volapük'
+   },
+   'wa': {
+       'name': 'Walloon',
+       'nativeName': 'Walon'
+   },
+   'cy': {
+       'name': 'Welsh',
+       'nativeName': 'Cymraeg'
+   },
+   'wo': {
+       'name': 'Wolof',
+       'nativeName': 'Wollof'
+   },
+   'fy': {
+       'name': 'Western Frisian',
+       'nativeName': 'Frysk'
+   },
+   'xh': {
+       'name': 'Xhosa',
+       'nativeName': 'isiXhosa'
+   },
+   'yi': {
+       'name': 'Yiddish',
+       'nativeName': 'ייִדיש'
+   },
+   'yo': {
+       'name': 'Yoruba',
+       'nativeName': 'Yorùbá'
+   },
+   'za': {
+       'name': 'Zhuang, Chuang',
+       'nativeName': 'Saɯ cueŋƅ, Saw cuengh'
+   }
+};

src/app/settings/settings.component.html

@@ -1,25 +1,34 @@
-<h4 mat-dialog-title>Settings</h4>
-
+<h4 i18n="Settings title" mat-dialog-title>Settings</h4>
+<!-- <ng-container i18n="Allow subscriptions setting"></ng-container> -->
 <mat-dialog-content>
+<!-- Language -->
+<div>
+    Language:&nbsp;&nbsp;&nbsp;<mat-select class="locale-select" (selectionChange)="localeSelectChanged($event.value)" [(value)]="initialLocale">
+        <mat-option *ngFor="let locale of supported_locales" [value]="locale">
+            {{all_locales[locale]['nativeName']}}
+        </mat-option>
+    </mat-select>
+</div>
+
 <!-- Host -->
 <mat-expansion-panel class="settings-expansion-panel">
     <mat-expansion-panel-header>
         <mat-panel-title>
-            Host
+            <ng-container i18n="Host settings title">Host</ng-container>
         </mat-panel-title>
     </mat-expansion-panel-header>
     <div *ngIf="new_config" class="container-fluid">
         <div class="row">
             <div class="col-12">
                 <mat-form-field color="accent">
-                    <input [(ngModel)]="new_config['Host']['url']" matInput placeholder="URL" required>
-                    <mat-hint>Base URL this app will be accessed from, without the port.</mat-hint>
+                    <input [(ngModel)]="new_config['Host']['url']" matInput placeholder="URL" i18n-placeholder="URL input placeholder" required>
+                    <mat-hint><ng-container i18n="URL setting input hint">URL this app will be accessed from, without the port.</ng-container></mat-hint>
                 </mat-form-field>
             </div>
             <div class="col-12 mt-4">
                 <mat-form-field color="accent">
-                    <input [(ngModel)]="new_config['Host']['port']" matInput placeholder="Port" required>
-                    <mat-hint>The desired port. Default is 17442.</mat-hint>
+                    <input [(ngModel)]="new_config['Host']['port']" matInput placeholder="Port" i18n-placeholder="Port input placeholder" required>
+                    <mat-hint><ng-container i18n="Port setting input hint">The desired port. Default is 17442.</ng-container></mat-hint>
                 </mat-form-field>
             </div>
             
@@ -31,24 +40,24 @@
 <mat-expansion-panel class="settings-expansion-panel">
     <mat-expansion-panel-header>
         <mat-panel-title>
-            Encryption
+            <ng-container i18n="Encryption settings title">Encryption</ng-container>
         </mat-panel-title>
     </mat-expansion-panel-header>
     <div *ngIf="new_config" class="container-fluid">
         <div class="row">
             <div class="col-12">
-                <mat-checkbox color="accent" [(ngModel)]="new_config['Encryption']['use-encryption']">Use encryption</mat-checkbox>
+                <mat-checkbox color="accent" [(ngModel)]="new_config['Encryption']['use-encryption']"><ng-container i18n="Use encryption setting">Use encryption</ng-container></mat-checkbox>
             </div>
             
             <div class="col-12">
                 <mat-form-field color="accent">
-                    <input [disabled]="!new_config['Encryption']['use-encryption']" [(ngModel)]="new_config['Encryption']['cert-file-path']" matInput placeholder="Cert file path">
+                    <input [disabled]="!new_config['Encryption']['use-encryption']" [(ngModel)]="new_config['Encryption']['cert-file-path']" matInput placeholder="Cert file path" i18n-placeholder="Cert file path input placeholder">
                 </mat-form-field>
             </div>
             
             <div class="col-12">
                 <mat-form-field color="accent">
-                    <input [disabled]="!new_config['Encryption']['use-encryption']" [(ngModel)]="new_config['Encryption']['key-file-path']" matInput placeholder="Key file path">
+                    <input [disabled]="!new_config['Encryption']['use-encryption']" [(ngModel)]="new_config['Encryption']['key-file-path']" matInput placeholder="Key file path" i18n-placeholder="Key file path input placeholder">
                 </mat-form-field>
             </div>
         </div>
@@ -59,31 +68,36 @@
 <mat-expansion-panel class="settings-expansion-panel">
     <mat-expansion-panel-header>
         <mat-panel-title>
-            Downloader
+            <ng-container i18n="Downloader settings title">Downloader</ng-container>
         </mat-panel-title>
     </mat-expansion-panel-header>
     <div *ngIf="new_config" class="container-fluid">
         <div class="row">
             <div class="col-12">
                 <mat-form-field color="accent">
-                    <input matInput [(ngModel)]="new_config['Downloader']['path-audio']" placeholder="Audio folder path" required>
-                    <mat-hint>Path for audio only downloads. It is relative to YTDL-Material's root folder.</mat-hint>
+                    <input matInput [(ngModel)]="new_config['Downloader']['path-audio']" placeholder="Audio folder path" i18n-placeholder="Audio folder path input placeholder" required>
+                    <mat-hint><ng-container i18n="Aduio path setting input hint">Path for audio only downloads. It is relative to YTDL-Material's root folder.</ng-container></mat-hint>
                 </mat-form-field>
             </div>
             
             <div class="col-12 mt-4">
                 <mat-form-field color="accent">
-                    <input matInput [(ngModel)]="new_config['Downloader']['path-video']" placeholder="Video folder path" required>
-                    <mat-hint>Path for video downloads. It is relative to YTDL-Material's root folder.</mat-hint>
+                    <input matInput [(ngModel)]="new_config['Downloader']['path-video']" placeholder="Video folder path" i18n-placeholder="Video folder path input placeholder" required>
+                    <mat-hint><ng-container i18n="Video path setting input hint">Path for video downloads. It is relative to YTDL-Material's root folder.</ng-container></mat-hint>
                 </mat-form-field>
             </div>
 
             <div class="col-12 mt-4">
                 <mat-form-field color="accent">
-                    <textarea matInput [(ngModel)]="new_config['Downloader']['custom_args']" placeholder="Custom args"></textarea>
-                    <mat-hint>Global custom args for downloads on the home page.</mat-hint>
+                    <textarea matInput [(ngModel)]="new_config['Downloader']['custom_args']" placeholder="Custom args" i18n-placeholder="Custom args input placeholder"></textarea>
+                    <mat-hint><ng-container i18n="Custom args setting input hint">Global custom args for downloads on the home page.</ng-container></mat-hint>
                 </mat-form-field>
             </div>
+
+            <div class="col-12 mt-4">
+                <mat-checkbox color="accent" [(ngModel)]="new_config['Downloader']['use_youtubedl_archive']"><ng-container i18n="Use youtubedl archive setting">Use youtube-dl archive</ng-container></mat-checkbox>
+                <p>Note: This setting only applies to downloads on the Home page. If you would like to use youtube-dl archive functionality in subscriptions, head down to the Subscriptions section.</p>
+            </div>
         </div>
     </div>
 </mat-expansion-panel>
@@ -92,28 +106,28 @@
 <mat-expansion-panel class="settings-expansion-panel">
     <mat-expansion-panel-header>
         <mat-panel-title>
-            Extra
+            <ng-container i18n="Extra settings title">Extra</ng-container>
         </mat-panel-title>
     </mat-expansion-panel-header>
     <div *ngIf="new_config" class="container-fluid">
         <div class="row">
             <div class="col-12">
                 <mat-form-field color="accent">
-                    <input [(ngModel)]="new_config['Extra']['title_top']" matInput placeholder="Top title" required>
+                    <input [(ngModel)]="new_config['Extra']['title_top']" matInput placeholder="Top title" i18n-placeholder="Top title input placeholder" required>
                     <mat-hint></mat-hint>
                 </mat-form-field>
             </div>
             <div class="col-12">
-                <mat-checkbox color="accent" [(ngModel)]="new_config['Extra']['file_manager_enabled']">File manager enabled</mat-checkbox>
+                <mat-checkbox color="accent" [(ngModel)]="new_config['Extra']['file_manager_enabled']"><ng-container i18n="File manager enabled setting">File manager enabled</ng-container></mat-checkbox>
             </div>
             <div class="col-12">
-                <mat-checkbox color="accent" [(ngModel)]="new_config['Extra']['allow_quality_select']">Allow quality select</mat-checkbox>
+                <mat-checkbox color="accent" [(ngModel)]="new_config['Extra']['allow_quality_select']"><ng-container i18n="Allow quality seelct setting">Allow quality select</ng-container></mat-checkbox>
             </div>
             <div class="col-12">
-                <mat-checkbox color="accent" [(ngModel)]="new_config['Extra']['download_only_mode']">Download only mode</mat-checkbox>
+                <mat-checkbox color="accent" [(ngModel)]="new_config['Extra']['download_only_mode']"><ng-container i18n="Download only mode setting">Download only mode</ng-container></mat-checkbox>
             </div>
             <div class="col-12">
-                <mat-checkbox color="accent" [(ngModel)]="new_config['Extra']['allow_multi_download_mode']">Allow multi-download mode</mat-checkbox>
+                <mat-checkbox color="accent" [(ngModel)]="new_config['Extra']['allow_multi_download_mode']"><ng-container i18n="Allow multi-downloade mode setting">Allow multi-download mode</ng-container></mat-checkbox>
             </div>
         </div>
     </div>
@@ -123,18 +137,18 @@
 <mat-expansion-panel class="settings-expansion-panel">
     <mat-expansion-panel-header>
         <mat-panel-title>
-            API
+            <ng-container i18n="API settings title">API</ng-container>
         </mat-panel-title>
     </mat-expansion-panel-header>
     <div *ngIf="new_config" class="container-fluid">
         <div class="row">
             <div class="col-12">
-                <mat-checkbox color="accent" [(ngModel)]="new_config['API']['use_youtube_api']">Use YouTube API</mat-checkbox>
+                <mat-checkbox color="accent" [(ngModel)]="new_config['API']['use_youtube_API']"><ng-container i18n="Use YouTube API setting">Use YouTube API</ng-container></mat-checkbox>
             </div>
             <div class="col-12">
                 <mat-form-field color="accent">
-                    <input [disabled]="!new_config['API']['use_youtube_api']" [(ngModel)]="new_config['API']['youtube_API_key']" matInput placeholder="Youtube API Key" required>
-                    <mat-hint><a target="_blank" href="https://developers.google.com/youtube/v3/getting-started">Generating a key</a> is easy!</mat-hint>
+                    <input [disabled]="!new_config['API']['use_youtube_API']" [(ngModel)]="new_config['API']['youtube_API_key']" matInput placeholder="Youtube API Key" i18n-placeholder="Youtube API Key setting placeholder" required>
+                    <mat-hint><a target="_blank" href="https://developers.google.com/youtube/v3/getting-started"><ng-container i18n="Youtube API Key setting hint">Generating a key is easy!</ng-container></a></mat-hint>
                 </mat-form-field>
             </div>
         </div>
@@ -145,20 +159,20 @@
 <mat-expansion-panel class="settings-expansion-panel">
     <mat-expansion-panel-header>
         <mat-panel-title>
-            Themes
+            <ng-container i18n="Themes settings title">Themes</ng-container>
         </mat-panel-title>
     </mat-expansion-panel-header>
     <div *ngIf="new_config" class="container-fluid">
         <div class="row">
             <div class="col-12">
                 <mat-select color="accent" style="width: 100px" [(ngModel)]="new_config['Themes']['default_theme']">
-                    <mat-option value="default">Default</mat-option>
-                    <mat-option value="dark">Dark</mat-option>
+                    <mat-option value="default"><ng-container i18n="Default theme label">Default</ng-container></mat-option>
+                    <mat-option value="dark"><ng-container i18n="Dark theme label">Dark</ng-container></mat-option>
                 </mat-select>
             </div>
             
             <div class="col-12 mt-4">
-                <mat-checkbox color="accent" [(ngModel)]="new_config['Themes']['allow_theme_change']">Allow theme change</mat-checkbox>
+                <mat-checkbox color="accent" [(ngModel)]="new_config['Themes']['allow_theme_change']"><ng-container i18n="Allow theme change setting">Allow theme change</ng-container></mat-checkbox>
             </div>
         </div>
     </div>
@@ -168,30 +182,30 @@
 <mat-expansion-panel class="settings-expansion-panel">
     <mat-expansion-panel-header>
         <mat-panel-title>
-            Subscriptions
+            <ng-container i18n="Subscriptions settings title">Subscriptions</ng-container>
         </mat-panel-title>
     </mat-expansion-panel-header>
     <div *ngIf="new_config" class="container-fluid">
         <div class="row">
             <div class="col-12">
-                <mat-checkbox color="accent" [(ngModel)]="new_config['Subscriptions']['allow_subscriptions']">Allow subscriptions</mat-checkbox>
+                <mat-checkbox color="accent" [(ngModel)]="new_config['Subscriptions']['allow_subscriptions']"><ng-container i18n="Allow subscriptions setting">Allow subscriptions</ng-container></mat-checkbox>
             </div>
             <div class="col-12">
                 <mat-form-field color="accent">
-                    <input [disabled]="!new_config['Subscriptions']['allow_subscriptions']" [(ngModel)]="new_config['Subscriptions']['subscriptions_base_path']" matInput placeholder="Subscriptions base path">
-                    <mat-hint>Base path for videos from your subscribed channels and playlists. It is relative to YTDL-Material's root folder.</mat-hint>
+                    <input [disabled]="!new_config['Subscriptions']['allow_subscriptions']" [(ngModel)]="new_config['Subscriptions']['subscriptions_base_path']" matInput placeholder="Subscriptions base path" i18n-placeholder="Subscriptions base path input setting placeholder">
+                    <mat-hint><ng-container i18n="Subscriptions base path setting input hint">Base path for videos from your subscribed channels and playlists. It is relative to YTDL-Material's root folder.</ng-container></mat-hint>
                 </mat-form-field>
             </div>
             <div class="col-12 mt-5">
                 <mat-form-field color="accent">
-                    <input [disabled]="!new_config['Subscriptions']['allow_subscriptions']" [(ngModel)]="new_config['Subscriptions']['subscriptions_check_interval']" matInput placeholder="Check interval">
-                    <mat-hint>Unit is seconds, only include numbers.</mat-hint>
+                    <input [disabled]="!new_config['Subscriptions']['allow_subscriptions']" [(ngModel)]="new_config['Subscriptions']['subscriptions_check_interval']" matInput placeholder="Check interval" i18n-placeholder="Check interval input setting placeholder">
+                    <mat-hint><ng-container i18n="Check interval setting input hint">Unit is seconds, only include numbers.</ng-container></mat-hint>
                 </mat-form-field>
             </div>
             <div class="col-12 mt-4">
-                <mat-checkbox color="accent" [disabled]="!new_config['Subscriptions']['allow_subscriptions']" [(ngModel)]="new_config['Subscriptions']['subscriptions_use_youtubedl_archive']">Use youtube-dl archive</mat-checkbox>
-                <p>With youtube-dl's <a target="_blank" href="https://github.com/ytdl-org/youtube-dl/blob/master/README.md#how-do-i-download-only-new-videos-from-a-playlist">archive</a> feature, downloaded videos from your subscriptions get recorded in a text file in the subscriptions <i>archive</i> sub-directory.</p>
-                <p>This enables the ability to permanently delete videos from your subscriptions without unsubscribing, and allows you to record which videos you downloaded in case of data loss.</p>
+                <mat-checkbox color="accent" [disabled]="!new_config['Subscriptions']['allow_subscriptions']" [(ngModel)]="new_config['Subscriptions']['subscriptions_use_youtubedl_archive']"><ng-container i18n="Use youtube-dl archive setting">Use youtube-dl archive</ng-container></mat-checkbox>
+                <p><a target="_blank" href="https://github.com/ytdl-org/youtube-dl/blob/master/README.md#how-do-i-download-only-new-videos-from-a-playlist"><ng-container i18n="youtube-dl archive explanation prefix link">With youtube-dl's archive</ng-container></a>&nbsp;<ng-container i18n="youtube-dl archive explanation middle">feature, downloaded videos from your subscriptions get recorded in a text file in the subscriptions archive sub-directory.</ng-container></p>
+                <p><ng-container i18n="youtube-dl archive explanation suffix">This enables the ability to permanently delete videos from your subscriptions without unsubscribing, and allows you to record which videos you downloaded in case of data loss.</ng-container></p>
             </div>
         </div>
     </div>
@@ -201,22 +215,28 @@
 <mat-expansion-panel class="settings-expansion-panel">
     <mat-expansion-panel-header>
         <mat-panel-title>
-            Advanced
+            <ng-container i18n="Advanced settings title">Advanced</ng-container>
         </mat-panel-title>
     </mat-expansion-panel-header>
     <div *ngIf="new_config" class="container-fluid">
         <div class="row">
             <div class="col-12">
-                <mat-checkbox color="accent" [(ngModel)]="new_config['Advanced']['use_default_downloading_agent']">Use default downloading agent</mat-checkbox>
-            </div>
-            <div class="col-12">
-                <mat-form-field color="accent">
-                    <input [disabled]="new_config['Advanced']['use_default_downloading_agent']" [(ngModel)]="new_config['Advanced']['custom_downloading_agent']" matInput placeholder="Custom agent" required>
-                    <mat-hint></mat-hint>
-                </mat-form-field>
+                <mat-checkbox color="accent" [(ngModel)]="new_config['Advanced']['use_default_downloading_agent']"><ng-container i18n="Use default downloading agent setting">Use default downloading agent</ng-container></mat-checkbox>
+            </div>
+            <div class="col-12 my-2">
+                <mat-select [disabled]="new_config['Advanced']['use_default_downloading_agent']" color="accent" style="width: 200px" [(ngModel)]="new_config['Advanced']['custom_downloading_agent']">
+                    <mat-option value="">Select a downloader</mat-option>
+                    <mat-option value="aria2c">aria2c</mat-option>
+                    <mat-option value="avconv">avconv</mat-option>
+                    <mat-option value="axel">axel</mat-option>
+                    <mat-option value="curl">curl</mat-option>
+                    <mat-option value="ffmpeg">ffmpeg</mat-option>
+                    <mat-option value="httpie">httpie</mat-option>
+                    <mat-option value="wget">wget</mat-option>
+                </mat-select>
             </div>
-            <div class="col-12">
-                <mat-checkbox color="accent" [(ngModel)]="new_config['Advanced']['allow_advanced_download']">Allow advanced download</mat-checkbox>
+            <div class="col-12 mt-2">
+                <mat-checkbox color="accent" [(ngModel)]="new_config['Advanced']['allow_advanced_download']"><ng-container i18n="Allow advanced downloading setting">Allow advanced download</ng-container></mat-checkbox>
             </div>
         </div>
     </div>
@@ -225,7 +245,11 @@
 
 <mat-dialog-actions>
     <div style="margin-bottom: 10px;">
-        <button color="accent" (click)="saveSettings()" [disabled]="settingsSame()" mat-raised-button><mat-icon>done</mat-icon>&nbsp;&nbsp;Save</button>
-        <button mat-flat-button [mat-dialog-close]="false"><mat-icon>cancel</mat-icon>&nbsp;&nbsp;Cancel</button>
+        <button color="accent" (click)="saveSettings()" [disabled]="settingsSame()" mat-raised-button><mat-icon>done</mat-icon>&nbsp;&nbsp;
+            <ng-container i18n="Settings save button">Save</ng-container>
+        </button>
+        <button mat-flat-button [mat-dialog-close]="false"><mat-icon>cancel</mat-icon>&nbsp;&nbsp;
+            <ng-container i18n="Settings cancel button">Cancel</ng-container>
+        </button>
     </div>
 </mat-dialog-actions>

src/app/settings/settings.component.scss

@@ -1,3 +1,8 @@
 .settings-expansion-panel {
     margin-bottom: 20px;
 }
+
+.locale-select {
+    margin-bottom: 10px;
+    width: 175px;
+}

src/app/settings/settings.component.ts

@@ -1,5 +1,7 @@
 import { Component, OnInit } from '@angular/core';
 import { PostsService } from 'app/posts.services';
+import { isoLangs } from './locales_list';
+import { MatSnackBar } from '@angular/material/snack-bar';
 
 @Component({
   selector: 'app-settings',
@@ -7,12 +9,15 @@ import { PostsService } from 'app/posts.services';
   styleUrls: ['./settings.component.scss']
 })
 export class SettingsComponent implements OnInit {
+  all_locales = isoLangs;
+  supported_locales = ['en', 'es'];
+  initialLocale = localStorage.getItem('locale');
 
   initial_config = null;
   new_config = null
   loading_config = false;
 
-  constructor(private postsService: PostsService) { }
+  constructor(private postsService: PostsService, private snackBar: MatSnackBar) { }
 
   ngOnInit() {
     this.getConfig();
@@ -46,4 +51,16 @@ export class SettingsComponent implements OnInit {
     })
   }
 
+  localeSelectChanged(new_val) {
+    localStorage.setItem('locale', new_val);
+    this.openSnackBar('Language successfully changed! Reload to update the page.')
+  }
+
+  // snackbar helper
+  public openSnackBar(message: string, action: string = '') {
+    this.snackBar.open(message, action, {
+      duration: 2000,
+    });
+  }
+
 }

src/app/subscription/subscription-file-card/subscription-file-card.component.html

@@ -1,11 +1,12 @@
 <div style="position: relative; width: fit-content;">
     <div class="duration-time">
-        Length: {{formattedDuration}}
+        <ng-container i18n="Video duration label">Length:</ng-container>&nbsp;{{formattedDuration}}
     </div>
     <button [matMenuTriggerFor]="action_menu" class="menuButton" mat-icon-button><mat-icon>more_vert</mat-icon></button>
-        <mat-menu #action_menu="matMenu">
-        <button (click)="deleteAndRedownload()" mat-menu-item><mat-icon>restore</mat-icon>Delete and redownload</button>
-        <button (click)="deleteForever()" mat-menu-item *ngIf="sub.archive && use_youtubedl_archive"><mat-icon>delete_forever</mat-icon>Delete forever</button>
+    <mat-menu #action_menu="matMenu">
+        <button (click)="openSubscriptionInfoDialog()" mat-menu-item><mat-icon>info</mat-icon><ng-container i18n="Subscription video info button">Info</ng-container></button>
+        <button (click)="deleteAndRedownload()" mat-menu-item><mat-icon>restore</mat-icon><ng-container i18n="Delete and redownload subscription video button">Delete and redownload</ng-container></button>
+        <button (click)="deleteForever()" mat-menu-item *ngIf="sub.archive && use_youtubedl_archive"><mat-icon>delete_forever</mat-icon><ng-container i18n="Delete forever subscription video button">Delete forever</ng-container></button>
     </mat-menu>
     <mat-card (click)="goToFile()" matRipple class="example-card mat-elevation-z6">
         <div style="padding:5px">

src/app/subscription/subscription-file-card/subscription-file-card.component.ts

@@ -1,8 +1,10 @@
 import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';
 import { Observable, Subject } from 'rxjs';
-import { MatSnackBar } from '@angular/material';
+import { MatSnackBar } from '@angular/material/snack-bar';
 import { Router } from '@angular/router';
 import { PostsService } from 'app/posts.services';
+import { MatDialog } from '@angular/material/dialog';
+import { VideoInfoDialogComponent } from 'app/dialogs/video-info-dialog/video-info-dialog.component';
 
 @Component({
   selector: 'app-subscription-file-card',
@@ -25,7 +27,7 @@ export class SubscriptionFileCardComponent implements OnInit {
   @Output() goToFileEmit = new EventEmitter<any>();
   @Output() reloadSubscription = new EventEmitter<boolean>();
 
-  constructor(private snackBar: MatSnackBar, private postsService: PostsService) {
+  constructor(private snackBar: MatSnackBar, private postsService: PostsService, private dialog: MatDialog) {
     this.scrollSubject = new Subject();
     this.scrollAndLoad = Observable.merge(
       Observable.fromEvent(window, 'scroll'),
@@ -55,6 +57,15 @@ export class SubscriptionFileCardComponent implements OnInit {
     this.goToFileEmit.emit(this.file.id);
   }
 
+  openSubscriptionInfoDialog() {
+    const dialogRef = this.dialog.open(VideoInfoDialogComponent, {
+      data: {
+        file: this.file,
+      },
+      minWidth: '50vw'
+    });
+  }
+
   deleteAndRedownload() {
     this.postsService.deleteSubscriptionFile(this.sub, this.file.id, false).subscribe(res => {
       this.reloadSubscription.emit(true);
@@ -77,8 +88,7 @@ export class SubscriptionFileCardComponent implements OnInit {
 
 }
 
-function fancyTimeFormat(time)
-{
+function fancyTimeFormat(time) {
     // Hours, minutes and seconds
     const hrs = ~~(time / 3600);
     const mins = ~~((time % 3600) / 60);

src/app/subscription/subscription/subscription.component.html

@@ -1,31 +1,46 @@
-<br/>
-<button class="back-button" (click)="goBack()" mat-icon-button><mat-icon>arrow_back</mat-icon></button>
-<div style="margin-bottom: 15px;">
-    <h2 style="text-align: center;" *ngIf="subscription">
-        {{subscription.name}}
-    </h2>
-</div>
-<mat-divider style="width: 80%; margin: 0 auto"></mat-divider>
-<br/>
+<div style="margin-top: 14px;">
+    <button class="back-button" (click)="goBack()" mat-icon-button><mat-icon>arrow_back</mat-icon></button>
+    <div style="margin-bottom: 15px;">
+        <h2 style="text-align: center;" *ngIf="subscription">
+            {{subscription.name}}
+        </h2>
+    </div>
+    <mat-divider style="width: 80%; margin: 0 auto"></mat-divider>
+    <br/>
 
-<div *ngIf="subscription">
-    <div class="flex-grid">
-        <div class="col"></div>
-        <div class="col">
-            <h4 style="text-align: center; margin-bottom: 20px;">Videos</h4>
-        </div>
-        <div class="col">
-            <mat-form-field [ngClass]="searchIsFocused ? 'search-bar-focused' : 'search-bar-unfocused'" class="search-bar" color="accent">
-                <input (focus)="searchIsFocused = true" (blur)="searchIsFocused = false" class="search-input" type="text" placeholder="Search" [(ngModel)]="search_text" (ngModelChange)="onSearchInputChanged($event)" matInput>
-                <mat-icon matSuffix>search</mat-icon>
-            </mat-form-field>
+    <div *ngIf="subscription">
+        <div class="flex-grid">
+            <div class="filter-select-parent">
+                <div style="display: inline-block;">
+                    <mat-select style="width: 110px;" [(ngModel)]="this.filterProperty" (selectionChange)="filterOptionChanged($event.value)">
+                        <mat-option *ngFor="let filterOption of filterProperties | keyvalue" [value]="filterOption.value">
+                            {{filterOption['value']['label']}}
+                        </mat-option>
+                    </mat-select>
+                </div>
+                <div style="display: inline-block;">
+                    <button (click)="toggleModeChange()" mat-icon-button><mat-icon>{{descendingMode ? 'arrow_downward' : 'arrow_upward'}}</mat-icon></button>
+                </div>
+            </div>
+            <div class="col">
+            </div>
+            <div class="col">
+                <h4 i18n="Subscription videos title" style="text-align: center; margin-bottom: 20px;">Videos</h4>
+            </div>
+            <div style="top: -12px;" class="col">
+                <mat-form-field [ngClass]="searchIsFocused ? 'search-bar-focused' : 'search-bar-unfocused'" class="search-bar" color="accent">
+                    <input (focus)="searchIsFocused = true" (blur)="searchIsFocused = false" class="search-input" type="text" placeholder="Search" i18n-placeholder="Subscription videos search placeholder" [(ngModel)]="search_text" (ngModelChange)="onSearchInputChanged($event)" matInput>
+                    <mat-icon matSuffix>search</mat-icon>
+                </mat-form-field>
+            </div>
         </div>
-    </div>
-    <div class="container">
-        <div class="row">
-            <div *ngFor="let file of filtered_files" class="col-6 col-lg-4 mb-2 mt-2 sub-file-col">
-                <app-subscription-file-card (reloadSubscription)="getSubscription()" (goToFileEmit)="goToFile($event)" [file]="file" [sub]="subscription" [use_youtubedl_archive]="use_youtubedl_archive"></app-subscription-file-card>
+        <div class="container">
+            <div class="row justify-content-center">
+                <div *ngFor="let file of filtered_files" class="col-6 col-lg-4 mb-2 mt-2 sub-file-col">
+                    <app-subscription-file-card (reloadSubscription)="getSubscription()" (goToFileEmit)="goToFile($event)" [file]="file" [sub]="subscription" [use_youtubedl_archive]="use_youtubedl_archive"></app-subscription-file-card>
+                </div>
             </div>
         </div>
     </div>
+    <button class="save-button" color="primary" (click)="downloadContent()" [disabled]="downloading" mat-fab><mat-icon class="save-icon">save</mat-icon><mat-spinner *ngIf="downloading" class="spinner" [diameter]="50"></mat-spinner></button>
 </div>

src/app/subscription/subscription/subscription.component.scss

@@ -8,6 +8,13 @@
     left: 15px;
 }
 
+.filter-select-parent {
+    position: absolute;
+    top: 0px;
+    left: 20px;
+    display: block;
+}
+
 .search-bar {
     transition: all .5s ease;
     position: relative;
@@ -29,8 +36,29 @@
 .flex-grid {
     width: 100%;
     display: block;
+    position: relative;
 }
+
 .col {
     width: 33%;
     display: inline-block;
 }
+
+.spinner {
+    width: 50px;
+    height: 50px;
+    bottom: 3px;
+    left: 3px;
+    position: absolute;
+}
+
+.save-button {
+    right: 25px;
+    position: absolute;
+    bottom: 25px;
+}
+
+.save-icon {
+    bottom: 1px;
+    position: relative;
+}

src/app/subscription/subscription/subscription.component.ts

@@ -17,6 +17,31 @@ export class SubscriptionComponent implements OnInit {
   search_mode = false;
   search_text = '';
   searchIsFocused = false;
+  descendingMode = true;
+  filterProperties = {
+    'upload_date': {
+      'key': 'upload_date',
+      'label': 'Upload Date',
+      'property': 'upload_date'
+    },
+    'name': {
+      'key': 'name',
+      'label': 'Name',
+      'property': 'title'
+    },
+    'file_size': {
+      'key': 'file_size',
+      'label': 'File Size',
+      'property': 'size'
+    },
+    'duration': {
+      'key': 'duration',
+      'label': 'Duration',
+      'property': 'duration'
+    }
+  };
+  filterProperty = this.filterProperties['upload_date'];
+  downloading = false;
 
   constructor(private postsService: PostsService, private route: ActivatedRoute, private router: Router) { }
 
@@ -27,6 +52,12 @@ export class SubscriptionComponent implements OnInit {
       this.getSubscription();
       this.getConfig();
     }
+
+    // set filter property to cached
+    const cached_filter_property = localStorage.getItem('filter_property');
+    if (cached_filter_property && this.filterProperties[cached_filter_property]) {
+      this.filterProperty = this.filterProperties[cached_filter_property];
+    }
   }
 
   goBack() {
@@ -42,6 +73,7 @@ export class SubscriptionComponent implements OnInit {
       } else {
         this.filtered_files = this.files;
       }
+      this.filterByProperty(this.filterProperty['property']);
     });
   }
 
@@ -72,4 +104,40 @@ export class SubscriptionComponent implements OnInit {
     this.filtered_files = this.files.filter(option => option.id.toLowerCase().includes(filterValue));
   }
 
+  filterByProperty(prop) {
+    if (this.descendingMode) {
+      this.filtered_files = this.filtered_files.sort((a, b) => (a[prop] > b[prop] ? -1 : 1));
+    } else {
+      this.filtered_files = this.filtered_files.sort((a, b) => (a[prop] > b[prop] ? 1 : -1));
+    }
+  }
+
+  filterOptionChanged(value) {
+    // this.filterProperty = value;
+    this.filterByProperty(value['property']);
+    localStorage.setItem('filter_property', value['key']);
+  }
+
+  toggleModeChange() {
+    this.descendingMode = !this.descendingMode;
+    this.filterByProperty(this.filterProperty['property']);
+  }
+
+  downloadContent() {
+    const fileNames = [];
+    for (let i = 0; i < this.files.length; i++) {
+      fileNames.push(this.files[i].path);
+    }
+
+    this.downloading = true;
+    this.postsService.downloadFileFromServer(fileNames, 'video', this.subscription.name, true).subscribe(res => {
+      this.downloading = false;
+      const blob: Blob = res;
+      saveAs(blob, this.subscription.name + '.zip');
+    }, err => {
+      console.log(err);
+      this.downloading = false;
+    });
+  }
+
 }

src/app/subscriptions/subscriptions.component.html

@@ -1,20 +1,17 @@
 <br/>
 
-<h2 style="text-align: center; margin-bottom: 15px;">Your subscriptions</h2>
+<h2 i18n="Subscriptions title" style="text-align: center; margin-bottom: 15px;">Your subscriptions</h2>
 
 <mat-divider style="width: 80%; margin: 0 auto"></mat-divider>
 <br/>
 
-<h4 style="text-align: center;">Channels</h4>
+<h4 i18n="Subscriptions channels title" style="text-align: center;">Channels</h4>
 <mat-nav-list class="sub-nav-list">
     <mat-list-item *ngFor="let sub of channel_subscriptions">
         <a class="a-list-item" matLine (click)="goToSubscription(sub)" href="javascript:void(0)">
             <strong *ngIf="sub.name">{{ sub.name }}</strong>
             <div *ngIf="!sub.name">
-                Name not available. Channel retrieval in progress.
-                <ngx-content-loading *ngIf="false" [width]="200" [height]="20">
-                    <svg:g ngx-rect width="200" height="20" y="0" x="0" rx="4" ry="4"></svg:g>
-                </ngx-content-loading>
+                <ng-container i18n="Subscription playlist not available text">Name not available. Channel retrieval in progress.</ng-container>
             </div>
         </a>
         <button mat-icon-button (click)="showSubInfo(sub)">
@@ -24,19 +21,16 @@
  </mat-nav-list>
 
 <div style="width: 80%; margin: 0 auto; padding-left: 15px;" *ngIf="channel_subscriptions.length === 0 && subscriptions">
-    <p>You have no channel subscriptions.</p>
+    <p i18n="No channel subscriptions text">You have no channel subscriptions.</p>
 </div>
 
-<h4 style="text-align: center; margin-top: 10px;">Playlists</h4>
+<h4 i18n="Subscriptions playlists title" style="text-align: center; margin-top: 10px;">Playlists</h4>
 <mat-nav-list class="sub-nav-list">
     <mat-list-item *ngFor="let sub of playlist_subscriptions">
         <a class="a-list-item" matLine (click)="goToSubscription(sub)" href="javascript:void(0)">
             <strong>{{ sub.name }}</strong>
             <div class="content-loading-div" *ngIf="!sub.name">
-                Name not available. Playlist retrieval in progress.
-                <ngx-content-loading *ngIf="false" [primaryColor]="postsService.theme.background_color" [secondaryColor]="postsService.theme.alternate_color" [width]="200" [height]="20">
-                    <svg:g ngx-rect width="200" height="20" y="0" x="0" rx="4" ry="4"></svg:g>
-                </ngx-content-loading>
+                <ng-container i18n="Subscription playlist not available text">Name not available. Playlist retrieval in progress.</ng-container>
             </div>
         </a>
         <button mat-icon-button (click)="showSubInfo(sub)">
@@ -46,7 +40,7 @@
 </mat-nav-list>
 
 <div style="width: 80%; margin: 0 auto; padding-left: 15px;" *ngIf="playlist_subscriptions.length === 0 && subscriptions">
-    <p>You have no playlist subscriptions.</p>
+    <p i18n="No playlist subscriptions text">You have no playlist subscriptions.</p>
 </div>
 
 <div style="margin: 0 auto; width: 80%" *ngIf="subscriptions_loading">

src/app/subscriptions/subscriptions.component.ts

@@ -1,5 +1,6 @@
 import { Component, OnInit, EventEmitter } from '@angular/core';
-import { MatDialog, MatSnackBar } from '@angular/material';
+import { MatDialog } from '@angular/material/dialog';
+import { MatSnackBar } from '@angular/material/snack-bar';
 import { SubscribeDialogComponent } from 'app/dialogs/subscribe-dialog/subscribe-dialog.component';
 import { PostsService } from 'app/posts.services';
 import { Router } from '@angular/router';
@@ -32,6 +33,9 @@ export class SubscriptionsComponent implements OnInit {
     this.postsService.getAllSubscriptions().subscribe(res => {
     this.subscriptions_loading = false;
       this.subscriptions = res['subscriptions'];
+      if (!this.subscriptions) {
+        return;
+      }
 
       for (let i = 0; i < this.subscriptions.length; i++) {
         const sub = this.subscriptions[i];

src/assets/default.json

@@ -1,44 +1,45 @@
 {
-    "YoutubeDLMaterial": {
-      "Host": {
-        "url": "http://localhost",
-        "port": "17442"
-      },
-      "Encryption": {
-        "use-encryption": false,
-        "cert-file-path": "/etc/letsencrypt/live/example.com/fullchain.pem",
-        "key-file-path": "/etc/letsencrypt/live/example.com/privkey.pem"
-      },
-      "Downloader": {
-        "path-audio": "audio/",
-        "path-video": "video/",
-        "custom_args": ""
-      },
-      "Extra": {
-        "title_top": "Youtube Downloader",
-        "file_manager_enabled": true,
-        "allow_quality_select": true,
-        "download_only_mode": false,
-        "allow_multi_download_mode": true
-      },
-      "API": {
-        "use_youtube_API": false,
-        "youtube_API_key": ""
-      },
-      "Themes": {
-        "default_theme": "default",
-        "allow_theme_change": true
-      },
-      "Subscriptions": {
-        "allow_subscriptions": true,
-        "subscriptions_base_path": "subscriptions/",
-        "subscriptions_check_interval": "300",
-        "subscriptions_use_youtubedl_archive": true
-      },
-      "Advanced": {
-        "use_default_downloading_agent": true,
-        "custom_downloading_agent": "",
-        "allow_advanced_download": true
-      }
+  "YoutubeDLMaterial": {
+    "Host": {
+      "url": "http://localhost",
+      "port": "17442"
+    },
+    "Encryption": {
+      "use-encryption": false,
+      "cert-file-path": "/etc/letsencrypt/live/example.com/fullchain.pem",
+      "key-file-path": "/etc/letsencrypt/live/example.com/privkey.pem"
+    },
+    "Downloader": {
+      "path-audio": "audio/",
+      "path-video": "video/",
+      "use_youtubedl_archive": false,
+      "custom_args": ""
+    },
+    "Extra": {
+      "title_top": "Youtube Downloader",
+      "file_manager_enabled": true,
+      "allow_quality_select": true,
+      "download_only_mode": false,
+      "allow_multi_download_mode": true
+    },
+    "API": {
+      "use_youtube_API": false,
+      "youtube_API_key": ""
+    },
+    "Themes": {
+      "default_theme": "default",
+      "allow_theme_change": true
+    },
+    "Subscriptions": {
+      "allow_subscriptions": true,
+      "subscriptions_base_path": "subscriptions/",
+      "subscriptions_check_interval": "300",
+      "subscriptions_use_youtubedl_archive": true
+    },
+    "Advanced": {
+      "use_default_downloading_agent": true,
+      "custom_downloading_agent": "",
+      "allow_advanced_download": true
     }
   }
+}

src/assets/i18n/messages.en.xlf

@@ -0,0 +1,919 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<xliff version="1.2" xmlns="urn:oasis:names:tc:xliff:document:1.2">
+  <file source-language="en" datatype="plaintext" original="ng2.template">
+    <body>
+      <trans-unit id="17f0ea5d2d7a262b0e875acc70475f102aee84e6" datatype="html">
+        <source>Create a playlist</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/create-playlist/create-playlist.component.html</context>
+          <context context-type="linenumber">1</context>
+        </context-group>
+        <note priority="1" from="description">Create a playlist dialog title</note>
+      </trans-unit>
+      <trans-unit id="cff1428d10d59d14e45edec3c735a27b5482db59" datatype="html">
+        <source>Name</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/create-playlist/create-playlist.component.html</context>
+          <context context-type="linenumber">5</context>
+        </context-group>
+        <note priority="1" from="description">Playlist name placeholder</note>
+      </trans-unit>
+      <trans-unit id="f47e2d56dd8a145b2e9599da9730c049d52962a2" datatype="html">
+        <source>Audio files</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/create-playlist/create-playlist.component.html</context>
+          <context context-type="linenumber">10</context>
+        </context-group>
+        <note priority="1" from="description">Audio files title</note>
+      </trans-unit>
+      <trans-unit id="a52dae09be10ca3a65da918533ced3d3f4992238" datatype="html">
+        <source>Videos</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/create-playlist/create-playlist.component.html</context>
+          <context context-type="linenumber">11</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/subscription/subscription/subscription.component.html</context>
+          <context context-type="linenumber">15</context>
+        </context-group>
+        <note priority="1" from="description">Videos title</note>
+      </trans-unit>
+      <trans-unit id="038ebcb2a89155d90c24fa1c17bfe83dbadc3c20" datatype="html">
+        <source>Youtube Downloader</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/main/main.component.html</context>
+          <context context-type="linenumber">5</context>
+        </context-group>
+        <note priority="1" from="description">Youtube downloader home page label</note>
+      </trans-unit>
+      <trans-unit id="6d2ec8898344c8955542b0542c942038ef28bb80" datatype="html">
+        <source>Please enter a valid URL!</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/main/main.component.html</context>
+          <context context-type="linenumber">16</context>
+        </context-group>
+        <note priority="1" from="description">Enter valid URL error</note>
+      </trans-unit>
+      <trans-unit id="a38ae1082fec79ba1f379978337385a539a28e73" datatype="html">
+        <source>
+                                            Quality
+                                        </source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/main/main.component.html</context>
+          <context context-type="linenumber">24</context>
+        </context-group>
+        <note priority="1" from="description">Quality select label</note>
+      </trans-unit>
+      <trans-unit id="4be966a9dcfbc9b54dfcc604b831c0289f847fa4" datatype="html">
+        <source>Use URL</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/main/main.component.html</context>
+          <context context-type="linenumber">52</context>
+        </context-group>
+        <note priority="1" from="description">YT search Use URL button for searched video</note>
+      </trans-unit>
+      <trans-unit id="d3f02f845e62cebd75fde451ab8479d2a8ad784d" datatype="html">
+        <source>
+                                        View
+                                    </source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/main/main.component.html</context>
+          <context context-type="linenumber">55</context>
+        </context-group>
+        <note priority="1" from="description">YT search View button for searched video</note>
+      </trans-unit>
+      <trans-unit id="4a9889d36910edc8323d7bab60858ab3da6d91df" datatype="html">
+        <source>
+                        Only Audio
+                    </source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/main/main.component.html</context>
+          <context context-type="linenumber">65</context>
+        </context-group>
+        <note priority="1" from="description">Only Audio checkbox</note>
+      </trans-unit>
+      <trans-unit id="96a01fafe135afc58b0f8071a4ab00234495ce18" datatype="html">
+        <source>
+                        Multi-download Mode
+                    </source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/main/main.component.html</context>
+          <context context-type="linenumber">70</context>
+        </context-group>
+        <note priority="1" from="description">Multi-download Mode checkbox</note>
+      </trans-unit>
+      <trans-unit id="6a21ba5fb0ac804a525bf9ab168038c3ee88e661" datatype="html">
+        <source>
+                    Download
+                </source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/main/main.component.html</context>
+          <context context-type="linenumber">79</context>
+        </context-group>
+        <note priority="1" from="description">Main download button</note>
+      </trans-unit>
+      <trans-unit id="6a3777f913cf3f288664f0632b9f24794fdcc24e" datatype="html">
+        <source>
+                    Cancel
+                </source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/main/main.component.html</context>
+          <context context-type="linenumber">84</context>
+        </context-group>
+        <note priority="1" from="description">Cancel download button</note>
+      </trans-unit>
+      <trans-unit id="322ed150e02666fe2259c5b4614eac7066f4ffa0" datatype="html">
+        <source>
+                        Advanced
+                    </source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/main/main.component.html</context>
+          <context context-type="linenumber">96</context>
+        </context-group>
+        <note priority="1" from="description">Advanced download mode panel</note>
+      </trans-unit>
+      <trans-unit id="b7ffe7c6586d6f3f18a9246806a7c7d5538ab43e" datatype="html">
+        <source>
+                    Simulated command:
+                </source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/main/main.component.html</context>
+          <context context-type="linenumber">102</context>
+        </context-group>
+        <note priority="1" from="description">Simulated command label</note>
+      </trans-unit>
+      <trans-unit id="4e4c721129466be9c3862294dc40241b64045998" datatype="html">
+        <source>
+                                Use custom args
+                            </source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/main/main.component.html</context>
+          <context context-type="linenumber">110</context>
+        </context-group>
+        <note priority="1" from="description">Use custom args checkbox</note>
+      </trans-unit>
+      <trans-unit id="ad2f8ac8b7de7945b80c8e424484da94e597125f" datatype="html">
+        <source>Custom args</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/main/main.component.html</context>
+          <context context-type="linenumber">115</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/settings/settings.component.html</context>
+          <context context-type="linenumber">83</context>
+        </context-group>
+        <note priority="1" from="description">Custom args placeholder</note>
+      </trans-unit>
+      <trans-unit id="ccc7e92cbdd35e901acf9ad80941abee07bd8f60" datatype="html">
+        <source>
+                                    No need to include URL, just everything after.
+                                </source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/main/main.component.html</context>
+          <context context-type="linenumber">117</context>
+        </context-group>
+        <note priority="1" from="description">Custom Args input hint</note>
+      </trans-unit>
+      <trans-unit id="3a92a3443c65a52f37ca7efb8f453b35dbefbf29" datatype="html">
+        <source>
+                                Use custom output
+                            </source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/main/main.component.html</context>
+          <context context-type="linenumber">125</context>
+        </context-group>
+        <note priority="1" from="description">Use custom output checkbox</note>
+      </trans-unit>
+      <trans-unit id="d9c02face477f2f9cdaae318ccee5f89856851fb" datatype="html">
+        <source>Custom output</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/main/main.component.html</context>
+          <context context-type="linenumber">130</context>
+        </context-group>
+        <note priority="1" from="description">Custom output placeholder</note>
+      </trans-unit>
+      <trans-unit id="fcfd4675b4c90f08d18d3abede9a9a4dff4cfdc7" datatype="html">
+        <source>Documentation</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/main/main.component.html</context>
+          <context context-type="linenumber">132</context>
+        </context-group>
+        <note priority="1" from="description">Youtube-dl output template documentation link</note>
+      </trans-unit>
+      <trans-unit id="19d1ae64d94d28a29b2c57ae8671aace906b5401" datatype="html">
+        <source>Path is relative to the config download path. Don&apos;t include extension.</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/main/main.component.html</context>
+          <context context-type="linenumber">133</context>
+        </context-group>
+        <note priority="1" from="description">Custom Output input hint</note>
+      </trans-unit>
+      <trans-unit id="8fad10737d3e3735a6699a4d89cbf6c20f6bb55f" datatype="html">
+        <source>
+                                Use authentication
+                            </source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/main/main.component.html</context>
+          <context context-type="linenumber">139</context>
+        </context-group>
+        <note priority="1" from="description">Use authentication checkbox</note>
+      </trans-unit>
+      <trans-unit id="08c74dc9762957593b91f6eb5d65efdfc975bf48" datatype="html">
+        <source>Username</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/main/main.component.html</context>
+          <context context-type="linenumber">144</context>
+        </context-group>
+        <note priority="1" from="description">YT Username placeholder</note>
+      </trans-unit>
+      <trans-unit id="c32ef07f8803a223a83ed17024b38e8d82292407" datatype="html">
+        <source>Password</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/main/main.component.html</context>
+          <context context-type="linenumber">149</context>
+        </context-group>
+        <note priority="1" from="description">YT Password placeholder</note>
+      </trans-unit>
+      <trans-unit id="4a0dada6e841a425de3e5006e6a04df26c644fa5" datatype="html">
+        <source>
+                        Audio
+                    </source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/main/main.component.html</context>
+          <context context-type="linenumber">193</context>
+        </context-group>
+        <note priority="1" from="description">Audio files title</note>
+      </trans-unit>
+      <trans-unit id="9779715ac05308973d8f1c8658b29b986e92450f" datatype="html">
+        <source>
+                        Your audio files are here
+                    </source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/main/main.component.html</context>
+          <context context-type="linenumber">198</context>
+        </context-group>
+        <note priority="1" from="description">Audio files description</note>
+      </trans-unit>
+      <trans-unit id="47546e45bbb476baaaad38244db444c427ddc502" datatype="html">
+        <source>Playlists</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/main/main.component.html</context>
+          <context context-type="linenumber">213</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/main/main.component.html</context>
+          <context context-type="linenumber">255</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/subscriptions/subscriptions.component.html</context>
+          <context context-type="linenumber">27</context>
+        </context-group>
+        <note priority="1" from="description">Playlists title</note>
+      </trans-unit>
+      <trans-unit id="78bd81adb4609b68cfa4c589222bdc233ba1faaa" datatype="html">
+        <source>
+                        No playlists available. Create one from your downloading audio files by clicking the blue plus button.
+                    </source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/main/main.component.html</context>
+          <context context-type="linenumber">224</context>
+        </context-group>
+        <note priority="1" from="description">No video playlists available text</note>
+      </trans-unit>
+      <trans-unit id="9d2b62bb0b91e2e17fb4177a7e3d6756a2e6ee33" datatype="html">
+        <source>
+                        Video
+                    </source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/main/main.component.html</context>
+          <context context-type="linenumber">234</context>
+        </context-group>
+        <note priority="1" from="description">Video files title</note>
+      </trans-unit>
+      <trans-unit id="960582a8b9d7942716866ecfb7718309728f2916" datatype="html">
+        <source>
+                        Your video files are here
+                    </source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/main/main.component.html</context>
+          <context context-type="linenumber">239</context>
+        </context-group>
+        <note priority="1" from="description">Video files description</note>
+      </trans-unit>
+      <trans-unit id="0f59c46ca29e9725898093c9ea6b586730d0624e" datatype="html">
+        <source>
+                        No playlists available. Create one from your downloading video files by clicking the blue plus button.
+                    </source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/main/main.component.html</context>
+          <context context-type="linenumber">268</context>
+        </context-group>
+        <note priority="1" from="description">No video playlists available text</note>
+      </trans-unit>
+      <trans-unit id="ca3dbbc7f3e011bffe32a10a3ea45cc84f30ecf1" datatype="html">
+        <source>ID:</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/file-card/file-card.component.html</context>
+          <context context-type="linenumber">6</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/download-item/download-item.component.html</context>
+          <context context-type="linenumber">7</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/dialogs/subscription-info-dialog/subscription-info-dialog.component.html</context>
+          <context context-type="linenumber">13</context>
+        </context-group>
+        <note priority="1" from="description">File or playlist ID</note>
+      </trans-unit>
+      <trans-unit id="e684046d73bcee88e82f7ff01e2852789a05fc32" datatype="html">
+        <source>Count:</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/file-card/file-card.component.html</context>
+          <context context-type="linenumber">7</context>
+        </context-group>
+        <note priority="1" from="description">Playlist video count</note>
+      </trans-unit>
+      <trans-unit id="121cc5391cd2a5115bc2b3160379ee5b36cd7716" datatype="html">
+        <source>Settings</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/settings/settings.component.html</context>
+          <context context-type="linenumber">1</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/app.component.html</context>
+          <context context-type="linenumber">22</context>
+        </context-group>
+        <note priority="1" from="description">Settings title</note>
+      </trans-unit>
+      <trans-unit id="fe22ca53e651df951dac25b67c17894b0980f767" datatype="html">
+        <source>Host</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/settings/settings.component.html</context>
+          <context context-type="linenumber">8</context>
+        </context-group>
+        <note priority="1" from="description">Host settings title</note>
+      </trans-unit>
+      <trans-unit id="801b98c6f02fe3b32f6afa3ee854c99ed83474e6" datatype="html">
+        <source>URL</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/settings/settings.component.html</context>
+          <context context-type="linenumber">15</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/dialogs/subscribe-dialog/subscribe-dialog.component.html</context>
+          <context context-type="linenumber">8</context>
+        </context-group>
+        <note priority="1" from="description">URL input placeholder</note>
+      </trans-unit>
+      <trans-unit id="54c512cca1923ab72faf1a0bd98d3d172469629a" datatype="html">
+        <source>URL this app will be accessed from, without the port.</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/settings/settings.component.html</context>
+          <context context-type="linenumber">16</context>
+        </context-group>
+        <note priority="1" from="description">URL setting input hint</note>
+      </trans-unit>
+      <trans-unit id="cb2741a46e3560f6bc6dfd99d385e86b08b26d72" datatype="html">
+        <source>Port</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/settings/settings.component.html</context>
+          <context context-type="linenumber">21</context>
+        </context-group>
+        <note priority="1" from="description">Port input placeholder</note>
+      </trans-unit>
+      <trans-unit id="22e8f1d0423a3b784fe40fab187b92c06541b577" datatype="html">
+        <source>The desired port. Default is 17442.</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/settings/settings.component.html</context>
+          <context context-type="linenumber">22</context>
+        </context-group>
+        <note priority="1" from="description">Port setting input hint</note>
+      </trans-unit>
+      <trans-unit id="948758e1412bb2ecdb98e3a4f1cbb6d7458456f2" datatype="html">
+        <source>Encryption</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/settings/settings.component.html</context>
+          <context context-type="linenumber">34</context>
+        </context-group>
+        <note priority="1" from="description">Encryption settings title</note>
+      </trans-unit>
+      <trans-unit id="cbe16a57be414e84b6a68309d08fad894df797d6" datatype="html">
+        <source>Use encryption</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/settings/settings.component.html</context>
+          <context context-type="linenumber">40</context>
+        </context-group>
+        <note priority="1" from="description">Use encryption setting</note>
+      </trans-unit>
+      <trans-unit id="0c1875a79b7ecc792cc1bebca3e063e40b5764f9" datatype="html">
+        <source>Cert file path</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/settings/settings.component.html</context>
+          <context context-type="linenumber">45</context>
+        </context-group>
+        <note priority="1" from="description">Cert file path input placeholder</note>
+      </trans-unit>
+      <trans-unit id="736551b93461d2de64b118cf4043eee1d1c2cb2c" datatype="html">
+        <source>Key file path</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/settings/settings.component.html</context>
+          <context context-type="linenumber">51</context>
+        </context-group>
+        <note priority="1" from="description">Key file path input placeholder</note>
+      </trans-unit>
+      <trans-unit id="0ba25ad86a240576c4f20a2fada4722ebba77b1e" datatype="html">
+        <source>Downloader</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/settings/settings.component.html</context>
+          <context context-type="linenumber">62</context>
+        </context-group>
+        <note priority="1" from="description">Downloader settings title</note>
+      </trans-unit>
+      <trans-unit id="ab2756805742e84ad0cc0468f4be2d8aa9f855a5" datatype="html">
+        <source>Audio folder path</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/settings/settings.component.html</context>
+          <context context-type="linenumber">69</context>
+        </context-group>
+        <note priority="1" from="description">Audio folder path input placeholder</note>
+      </trans-unit>
+      <trans-unit id="c2c89cdf45d46ea64d2ed2f9ac15dfa4d77e26ca" datatype="html">
+        <source>Path for audio only downloads. It is relative to YTDL-Material&apos;s root folder.</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/settings/settings.component.html</context>
+          <context context-type="linenumber">70</context>
+        </context-group>
+        <note priority="1" from="description">Aduio path setting input hint</note>
+      </trans-unit>
+      <trans-unit id="46826331da1949bd6fb74624447057099c9d20cd" datatype="html">
+        <source>Video folder path</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/settings/settings.component.html</context>
+          <context context-type="linenumber">76</context>
+        </context-group>
+        <note priority="1" from="description">Video folder path input placeholder</note>
+      </trans-unit>
+      <trans-unit id="17c92e6d47a213fa95b5aa344b3f258147123f93" datatype="html">
+        <source>Path for video downloads. It is relative to YTDL-Material&apos;s root folder.</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/settings/settings.component.html</context>
+          <context context-type="linenumber">77</context>
+        </context-group>
+        <note priority="1" from="description">Video path setting input hint</note>
+      </trans-unit>
+      <trans-unit id="f41145afc02fd47ef0576ac79acd2c47ebbf4901" datatype="html">
+        <source>Global custom args for downloads on the home page.</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/settings/settings.component.html</context>
+          <context context-type="linenumber">84</context>
+        </context-group>
+        <note priority="1" from="description">Custom args setting input hint</note>
+      </trans-unit>
+      <trans-unit id="d5f69691f9f05711633128b5a3db696783266b58" datatype="html">
+        <source>Extra</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/settings/settings.component.html</context>
+          <context context-type="linenumber">95</context>
+        </context-group>
+        <note priority="1" from="description">Extra settings title</note>
+      </trans-unit>
+      <trans-unit id="61f8fd90b5f8cb20c70371feb2ee5e1fac5a9095" datatype="html">
+        <source>Top title</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/settings/settings.component.html</context>
+          <context context-type="linenumber">102</context>
+        </context-group>
+        <note priority="1" from="description">Top title input placeholder</note>
+      </trans-unit>
+      <trans-unit id="78d3531417c0d4ba4c90f0d4ae741edc261ec8df" datatype="html">
+        <source>File manager enabled</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/settings/settings.component.html</context>
+          <context context-type="linenumber">107</context>
+        </context-group>
+        <note priority="1" from="description">File manager enabled setting</note>
+      </trans-unit>
+      <trans-unit id="c33bd5392b39dbed36b8e5a1145163a15d45835f" datatype="html">
+        <source>Allow quality select</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/settings/settings.component.html</context>
+          <context context-type="linenumber">110</context>
+        </context-group>
+        <note priority="1" from="description">Allow quality seelct setting</note>
+      </trans-unit>
+      <trans-unit id="bda5508e24e0d77debb28bcd9194d8fefb1cfb92" datatype="html">
+        <source>Download only mode</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/settings/settings.component.html</context>
+          <context context-type="linenumber">113</context>
+        </context-group>
+        <note priority="1" from="description">Download only mode setting</note>
+      </trans-unit>
+      <trans-unit id="09d31c803a7252658694e1e3176b97f5655a3fe3" datatype="html">
+        <source>Allow multi-download mode</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/settings/settings.component.html</context>
+          <context context-type="linenumber">116</context>
+        </context-group>
+        <note priority="1" from="description">Allow multi-downloade mode setting</note>
+      </trans-unit>
+      <trans-unit id="e351b40b3869a5c7d19c3d4918cb1ac7aaab95c4" datatype="html">
+        <source>API</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/settings/settings.component.html</context>
+          <context context-type="linenumber">126</context>
+        </context-group>
+        <note priority="1" from="description">API settings title</note>
+      </trans-unit>
+      <trans-unit id="d5d7c61349f3b0859336066e6d453fc35d334fe5" datatype="html">
+        <source>Use YouTube API</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/settings/settings.component.html</context>
+          <context context-type="linenumber">132</context>
+        </context-group>
+        <note priority="1" from="description">Use YouTube API setting</note>
+      </trans-unit>
+      <trans-unit id="ce10d31febb3d9d60c160750570310f303a22c22" datatype="html">
+        <source>Youtube API Key</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/settings/settings.component.html</context>
+          <context context-type="linenumber">136</context>
+        </context-group>
+        <note priority="1" from="description">Youtube API Key setting placeholder</note>
+      </trans-unit>
+      <trans-unit id="8602e313cdfa7c4cc475ccbe86459fce3c3fd986" datatype="html">
+        <source>Generating a key is easy!</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/settings/settings.component.html</context>
+          <context context-type="linenumber">137</context>
+        </context-group>
+        <note priority="1" from="description">Youtube API Key setting hint</note>
+      </trans-unit>
+      <trans-unit id="60c855c323706a04ccd2ff22d634bde9b6233bbf" datatype="html">
+        <source>Themes</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/settings/settings.component.html</context>
+          <context context-type="linenumber">148</context>
+        </context-group>
+        <note priority="1" from="description">Themes settings title</note>
+      </trans-unit>
+      <trans-unit id="ff7cee38a2259526c519f878e71b964f41db4348" datatype="html">
+        <source>Default</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/settings/settings.component.html</context>
+          <context context-type="linenumber">155</context>
+        </context-group>
+        <note priority="1" from="description">Default theme label</note>
+      </trans-unit>
+      <trans-unit id="adb4562d2dbd3584370e44496969d58c511ecb63" datatype="html">
+        <source>Dark</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/settings/settings.component.html</context>
+          <context context-type="linenumber">156</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/app.component.html</context>
+          <context context-type="linenumber">17</context>
+        </context-group>
+        <note priority="1" from="description">Dark theme label</note>
+      </trans-unit>
+      <trans-unit id="7a6bacee4c31cb5c0ac2d24274fb4610d8858602" datatype="html">
+        <source>Allow theme change</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/settings/settings.component.html</context>
+          <context context-type="linenumber">161</context>
+        </context-group>
+        <note priority="1" from="description">Allow theme change setting</note>
+      </trans-unit>
+      <trans-unit id="357064ca9d9ac859eb618e28e8126fa32be049e2" datatype="html">
+        <source>Subscriptions</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/settings/settings.component.html</context>
+          <context context-type="linenumber">171</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/app.component.html</context>
+          <context context-type="linenumber">34</context>
+        </context-group>
+        <note priority="1" from="description">Subscriptions settings title</note>
+      </trans-unit>
+      <trans-unit id="4e3120311801c4acd18de7146add2ee4a4417773" datatype="html">
+        <source>Allow subscriptions</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/settings/settings.component.html</context>
+          <context context-type="linenumber">177</context>
+        </context-group>
+        <note priority="1" from="description">Allow subscriptions setting</note>
+      </trans-unit>
+      <trans-unit id="4bee2a4bef2d26d37c9b353c278e24e5cd309ce3" datatype="html">
+        <source>Subscriptions base path</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/settings/settings.component.html</context>
+          <context context-type="linenumber">181</context>
+        </context-group>
+        <note priority="1" from="description">Subscriptions base path input setting placeholder</note>
+      </trans-unit>
+      <trans-unit id="bc9892814ee2d119ae94378c905ea440a249b84a" datatype="html">
+        <source>Base path for videos from your subscribed channels and playlists. It is relative to YTDL-Material&apos;s root folder.</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/settings/settings.component.html</context>
+          <context context-type="linenumber">182</context>
+        </context-group>
+        <note priority="1" from="description">Subscriptions base path setting input hint</note>
+      </trans-unit>
+      <trans-unit id="5bef4b25ba680da7fff06b86a91b1fc7e6a926e3" datatype="html">
+        <source>Check interval</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/settings/settings.component.html</context>
+          <context context-type="linenumber">187</context>
+        </context-group>
+        <note priority="1" from="description">Check interval input setting placeholder</note>
+      </trans-unit>
+      <trans-unit id="0f56a7449b77630c114615395bbda4cab398efd8" datatype="html">
+        <source>Unit is seconds, only include numbers.</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/settings/settings.component.html</context>
+          <context context-type="linenumber">188</context>
+        </context-group>
+        <note priority="1" from="description">Check interval setting input hint</note>
+      </trans-unit>
+      <trans-unit id="78e49b7339b4fa7184dd21bcaae107ce9b7076f6" datatype="html">
+        <source>Use youtube-dl archive</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/settings/settings.component.html</context>
+          <context context-type="linenumber">192</context>
+        </context-group>
+        <note priority="1" from="description">Use youtube-dl archive setting</note>
+      </trans-unit>
+      <trans-unit id="fa9fe4255231dd1cc6b29d3d254a25cb7c764f0f" datatype="html">
+        <source>With youtube-dl&apos;s archive</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/settings/settings.component.html</context>
+          <context context-type="linenumber">193</context>
+        </context-group>
+        <note priority="1" from="description">youtube-dl archive explanation prefix link</note>
+      </trans-unit>
+      <trans-unit id="09006404cccc24b7a8f8d1ce0b39f2761ab841d8" datatype="html">
+        <source>feature, downloaded videos from your subscriptions get recorded in a text file in the subscriptions archive sub-directory.</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/settings/settings.component.html</context>
+          <context context-type="linenumber">193</context>
+        </context-group>
+        <note priority="1" from="description">youtube-dl archive explanation middle</note>
+      </trans-unit>
+      <trans-unit id="29ed79a98fc01e7f9537777598e31dbde3aa7981" datatype="html">
+        <source>This enables the ability to permanently delete videos from your subscriptions without unsubscribing, and allows you to record which videos you downloaded in case of data loss.</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/settings/settings.component.html</context>
+          <context context-type="linenumber">194</context>
+        </context-group>
+        <note priority="1" from="description">youtube-dl archive explanation suffix</note>
+      </trans-unit>
+      <trans-unit id="bc2e854e111ecf2bd7db170da5e3c2ed08181d88" datatype="html">
+        <source>Advanced</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/settings/settings.component.html</context>
+          <context context-type="linenumber">204</context>
+        </context-group>
+        <note priority="1" from="description">Advanced settings title</note>
+      </trans-unit>
+      <trans-unit id="5fab47f146b0a4b809dcebf3db9da94df6299ea1" datatype="html">
+        <source>Use default downloading agent</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/settings/settings.component.html</context>
+          <context context-type="linenumber">210</context>
+        </context-group>
+        <note priority="1" from="description">Use default downloading agent setting</note>
+      </trans-unit>
+      <trans-unit id="cdf75b1bdda80487e2ce1ff264ae171cbc5dc3b1" datatype="html">
+        <source>Custom agent</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/settings/settings.component.html</context>
+          <context context-type="linenumber">214</context>
+        </context-group>
+        <note priority="1" from="description">Custom agent setting placeholder</note>
+      </trans-unit>
+      <trans-unit id="dc3d990391c944d1fbfc7cfb402f7b5e112fb3a8" datatype="html">
+        <source>Allow advanced download</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/settings/settings.component.html</context>
+          <context context-type="linenumber">219</context>
+        </context-group>
+        <note priority="1" from="description">Allow advanced downloading setting</note>
+      </trans-unit>
+      <trans-unit id="52c9a103b812f258bcddc3d90a6e3f46871d25fe" datatype="html">
+        <source>Save</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/settings/settings.component.html</context>
+          <context context-type="linenumber">229</context>
+        </context-group>
+        <note priority="1" from="description">Settings save button</note>
+      </trans-unit>
+      <trans-unit id="d7b35c384aecd25a516200d6921836374613dfe7" datatype="html">
+        <source>Cancel</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/settings/settings.component.html</context>
+          <context context-type="linenumber">232</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/dialogs/subscribe-dialog/subscribe-dialog.component.html</context>
+          <context context-type="linenumber">37</context>
+        </context-group>
+        <note priority="1" from="description">Settings cancel button</note>
+      </trans-unit>
+      <trans-unit id="92eee6be6de0b11c924e3ab27db30257159c0a7c" datatype="html">
+        <source>Home</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/app.component.html</context>
+          <context context-type="linenumber">33</context>
+        </context-group>
+        <note priority="1" from="description">Navigation menu Home Page title</note>
+      </trans-unit>
+      <trans-unit id="5b3075e8dc3f3921ec316b0bd83b6d14a06c1a4f" datatype="html">
+        <source>Save changes</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/player/player.component.html</context>
+          <context context-type="linenumber">22</context>
+        </context-group>
+        <note priority="1" from="description">Playlist save changes button</note>
+      </trans-unit>
+      <trans-unit id="a9806cf78ce00eb2613eeca11354a97e033377b8" datatype="html">
+        <source>Subscribe to playlist or channel</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/dialogs/subscribe-dialog/subscribe-dialog.component.html</context>
+          <context context-type="linenumber">1</context>
+        </context-group>
+        <note priority="1" from="description">Subscribe dialog title</note>
+      </trans-unit>
+      <trans-unit id="93efc99ae087fc116de708ecd3ace86ca237cf30" datatype="html">
+        <source>The playlist or channel URL</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/dialogs/subscribe-dialog/subscribe-dialog.component.html</context>
+          <context context-type="linenumber">9</context>
+        </context-group>
+        <note priority="1" from="description">Subscription URL input hint</note>
+      </trans-unit>
+      <trans-unit id="08f5d0ef937ae17feb1b04aff15ad88911e87baf" datatype="html">
+        <source>Custom name</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/dialogs/subscribe-dialog/subscribe-dialog.component.html</context>
+          <context context-type="linenumber">14</context>
+        </context-group>
+        <note priority="1" from="description">Subscription custom name placeholder</note>
+      </trans-unit>
+      <trans-unit id="f3f62aa84d59f3a8b900cc9a7eec3ef279a7b4e7" datatype="html">
+        <source>This is optional</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/dialogs/subscribe-dialog/subscribe-dialog.component.html</context>
+          <context context-type="linenumber">15</context>
+        </context-group>
+        <note priority="1" from="description">Custom name input hint</note>
+      </trans-unit>
+      <trans-unit id="ea30873bd3f0d5e4fb2378eec3f0a1db77634a28" datatype="html">
+        <source>Download all uploads</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/dialogs/subscribe-dialog/subscribe-dialog.component.html</context>
+          <context context-type="linenumber">19</context>
+        </context-group>
+        <note priority="1" from="description">Download all uploads subscription setting</note>
+      </trans-unit>
+      <trans-unit id="28a678e9cabf86e44c32594c43fa0e890135c20f" datatype="html">
+        <source>Download videos uploaded in the last</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/dialogs/subscribe-dialog/subscribe-dialog.component.html</context>
+          <context context-type="linenumber">22</context>
+        </context-group>
+        <note priority="1" from="description">Download time range prefix</note>
+      </trans-unit>
+      <trans-unit id="e78c0d60ac39787f62c9159646fe0b3c1ed55a1d" datatype="html">
+        <source>Type:</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/dialogs/subscription-info-dialog/subscription-info-dialog.component.html</context>
+          <context context-type="linenumber">5</context>
+        </context-group>
+        <note priority="1" from="description">Subscription type property</note>
+      </trans-unit>
+      <trans-unit id="c52db455cca9109ee47e1a612c3f4117c09eb71b" datatype="html">
+        <source>URL:</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/dialogs/subscription-info-dialog/subscription-info-dialog.component.html</context>
+          <context context-type="linenumber">9</context>
+        </context-group>
+        <note priority="1" from="description">Subscription URL property</note>
+      </trans-unit>
+      <trans-unit id="a44d86aa1e6c20ced07aca3a7c081d8db9ded1c6" datatype="html">
+        <source>Archive:</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/dialogs/subscription-info-dialog/subscription-info-dialog.component.html</context>
+          <context context-type="linenumber">17</context>
+        </context-group>
+        <note priority="1" from="description">Subscription ID property</note>
+      </trans-unit>
+      <trans-unit id="f4e529ae5ffd73001d1ff4bbdeeb0a72e342e5c8" datatype="html">
+        <source>Close</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/dialogs/subscription-info-dialog/subscription-info-dialog.component.html</context>
+          <context context-type="linenumber">23</context>
+        </context-group>
+        <note priority="1" from="description">Close subscription info button</note>
+      </trans-unit>
+      <trans-unit id="8efc77bf327659c0fec1f518cf48a98cdcd9dddf" datatype="html">
+        <source>Export Archive</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/dialogs/subscription-info-dialog/subscription-info-dialog.component.html</context>
+          <context context-type="linenumber">24</context>
+        </context-group>
+        <note priority="1" from="description">Export Archive button</note>
+      </trans-unit>
+      <trans-unit id="3042bd3ad8dffcfeca5fd1ae6159fd1047434e95" datatype="html">
+        <source>Unsubscribe</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/dialogs/subscription-info-dialog/subscription-info-dialog.component.html</context>
+          <context context-type="linenumber">26</context>
+        </context-group>
+        <note priority="1" from="description">Unsubscribe button</note>
+      </trans-unit>
+      <trans-unit id="e2319dec5b4ccfb6ed9f55ccabd63650a8fdf547" datatype="html">
+        <source>Your subscriptions</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/subscriptions/subscriptions.component.html</context>
+          <context context-type="linenumber">3</context>
+        </context-group>
+        <note priority="1" from="description">Subscriptions title</note>
+      </trans-unit>
+      <trans-unit id="807cf11e6ac1cde912496f764c176bdfdd6b7e19" datatype="html">
+        <source>Channels</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/subscriptions/subscriptions.component.html</context>
+          <context context-type="linenumber">8</context>
+        </context-group>
+        <note priority="1" from="description">Subscriptions channels title</note>
+      </trans-unit>
+      <trans-unit id="29b89f751593e1b347eef103891b7a1ff36ec03f" datatype="html">
+        <source>Name not available. Channel retrieval in progress.</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/subscriptions/subscriptions.component.html</context>
+          <context context-type="linenumber">14</context>
+        </context-group>
+        <note priority="1" from="description">Subscription playlist not available text</note>
+      </trans-unit>
+      <trans-unit id="4636cd4a1379c50d471e98786098c4d39e1e82ad" datatype="html">
+        <source>You have no channel subscriptions.</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/subscriptions/subscriptions.component.html</context>
+          <context context-type="linenumber">24</context>
+        </context-group>
+        <note priority="1" from="description">No channel subscriptions text</note>
+      </trans-unit>
+      <trans-unit id="2e0a410652cb07d069f576b61eab32586a18320d" datatype="html">
+        <source>Name not available. Playlist retrieval in progress.</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/subscriptions/subscriptions.component.html</context>
+          <context context-type="linenumber">33</context>
+        </context-group>
+        <note priority="1" from="description">Subscription playlist not available text</note>
+      </trans-unit>
+      <trans-unit id="587b57ced54965d8874c3fd0e9dfedb987e5df04" datatype="html">
+        <source>You have no playlist subscriptions.</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/subscriptions/subscriptions.component.html</context>
+          <context context-type="linenumber">43</context>
+        </context-group>
+        <note priority="1" from="description">No playlist subscriptions text</note>
+      </trans-unit>
+      <trans-unit id="7e892ba15f2c6c17e83510e273b3e10fc32ea016" datatype="html">
+        <source>Search</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/subscription/subscription/subscription.component.html</context>
+          <context context-type="linenumber">19</context>
+        </context-group>
+        <note priority="1" from="description">Subscription videos search placeholder</note>
+      </trans-unit>
+      <trans-unit id="2054791b822475aeaea95c0119113de3200f5e1c" datatype="html">
+        <source>Length:</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/subscription/subscription-file-card/subscription-file-card.component.html</context>
+          <context context-type="linenumber">3</context>
+        </context-group>
+        <note priority="1" from="description">Video duration label</note>
+      </trans-unit>
+      <trans-unit id="94e01842dcee90531caa52e4147f70679bac87fe" datatype="html">
+        <source>Delete and redownload</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/subscription/subscription-file-card/subscription-file-card.component.html</context>
+          <context context-type="linenumber">7</context>
+        </context-group>
+        <note priority="1" from="description">Delete and redownload subscription video button</note>
+      </trans-unit>
+      <trans-unit id="2031adb51e07a41844e8ba7704b054e98345c9c1" datatype="html">
+        <source>Delete forever</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/subscription/subscription-file-card/subscription-file-card.component.html</context>
+          <context context-type="linenumber">8</context>
+        </context-group>
+        <note priority="1" from="description">Delete forever subscription video button</note>
+      </trans-unit>
+    </body>
+  </file>
+</xliff>

src/assets/i18n/messages.es.json

@@ -0,0 +1,116 @@
+{
+  "17f0ea5d2d7a262b0e875acc70475f102aee84e6": "Crea una lista de reproducción",
+  "cff1428d10d59d14e45edec3c735a27b5482db59": "Nombre",
+  "f47e2d56dd8a145b2e9599da9730c049d52962a2": "Archivos de sonido",
+  "a52dae09be10ca3a65da918533ced3d3f4992238": "Archivos de video",
+  "038ebcb2a89155d90c24fa1c17bfe83dbadc3c20": "Descargador de Youtube",
+  "6d2ec8898344c8955542b0542c942038ef28bb80": "Por favor entre una URL válida",
+  "a38ae1082fec79ba1f379978337385a539a28e73": "Calidad:",
+  "4be966a9dcfbc9b54dfcc604b831c0289f847fa4": "Usa URL",
+  "d3f02f845e62cebd75fde451ab8479d2a8ad784d": "Ver:",
+  "4a9889d36910edc8323d7bab60858ab3da6d91df": "Solo audio",
+  "96a01fafe135afc58b0f8071a4ab00234495ce18": "Descarga múltiple",
+  "6a21ba5fb0ac804a525bf9ab168038c3ee88e661": "Descarga",
+  "6a3777f913cf3f288664f0632b9f24794fdcc24e": "Cancelar",
+  "322ed150e02666fe2259c5b4614eac7066f4ffa0": "Avanzado",
+  "b7ffe7c6586d6f3f18a9246806a7c7d5538ab43e": "Commando simulado:",
+  "4e4c721129466be9c3862294dc40241b64045998": "Usar argumentos personalizados",
+  "ad2f8ac8b7de7945b80c8e424484da94e597125f": "Argumentos personalizados",
+  "ccc7e92cbdd35e901acf9ad80941abee07bd8f60": "No es necesario incluir URL, solo todo después ",
+  "3a92a3443c65a52f37ca7efb8f453b35dbefbf29": "Usar salida personalizada",
+  "d9c02face477f2f9cdaae318ccee5f89856851fb": "Salida personalizada",
+  "fcfd4675b4c90f08d18d3abede9a9a4dff4cfdc7": "Documentación",
+  "19d1ae64d94d28a29b2c57ae8671aace906b5401": "La ruta es relativa a la ruta de descarga de la config. No incluya el extensión.",
+  "8fad10737d3e3735a6699a4d89cbf6c20f6bb55f": "Usa autenticación",
+  "08c74dc9762957593b91f6eb5d65efdfc975bf48": "Nombre de usuario",
+  "c32ef07f8803a223a83ed17024b38e8d82292407": "Contraseña",
+  "4a0dada6e841a425de3e5006e6a04df26c644fa5": "Audio",
+  "9779715ac05308973d8f1c8658b29b986e92450f": "Tus archivos de audio están aquí",
+  "47546e45bbb476baaaad38244db444c427ddc502": "Listas de reproducción",
+  "78bd81adb4609b68cfa4c589222bdc233ba1faaa": "No hay listas de reproducción disponibles. Cree uno de tus archivos de audio haciendo clic en el botón azul más.",
+  "9d2b62bb0b91e2e17fb4177a7e3d6756a2e6ee33": "Vídeo",
+  "960582a8b9d7942716866ecfb7718309728f2916": "Tus archivos de video son aquí",
+  "0f59c46ca29e9725898093c9ea6b586730d0624e": "No hay listas de reproducción disponibles. Cree uno de tus archivos de video haciendo clic en el botón azul más.",
+  "ca3dbbc7f3e011bffe32a10a3ea45cc84f30ecf1": "ID:",
+  "e684046d73bcee88e82f7ff01e2852789a05fc32": "Count:",
+  "826b25211922a1b46436589233cb6f1a163d89b7": "Eliminar",
+  "34504b488c24c27e68089be549f0eeae6ebaf30b": "Eliminar y ",
+  "121cc5391cd2a5115bc2b3160379ee5b36cd7716": "Configuraciones",
+  "fe22ca53e651df951dac25b67c17894b0980f767": "Host",
+  "801b98c6f02fe3b32f6afa3ee854c99ed83474e6": "URL",
+  "54c512cca1923ab72faf1a0bd98d3d172469629a": "URL desde la que se accederá a esta aplicación, sin el puerto.",
+  "cb2741a46e3560f6bc6dfd99d385e86b08b26d72": "Puerto",
+  "22e8f1d0423a3b784fe40fab187b92c06541b577": "Puerto deseado. El valor predeterminado es 17442.",
+  "948758e1412bb2ecdb98e3a4f1cbb6d7458456f2": "Cifrado",
+  "cbe16a57be414e84b6a68309d08fad894df797d6": "Usa cifrado",
+  "0c1875a79b7ecc792cc1bebca3e063e40b5764f9": "Ruta del archivo de certificado",
+  "736551b93461d2de64b118cf4043eee1d1c2cb2c": "Ruta de archivo de clave",
+  "0ba25ad86a240576c4f20a2fada4722ebba77b1e": "Descargador",
+  "ab2756805742e84ad0cc0468f4be2d8aa9f855a5": "Ruta de la carpeta de audio",
+  "c2c89cdf45d46ea64d2ed2f9ac15dfa4d77e26ca": "Ruta para descargas de solo audio. Es relativo a la carpeta raíz de YTDL-Material.",
+  "46826331da1949bd6fb74624447057099c9d20cd": "Ruta de la carpeta de video",
+  "17c92e6d47a213fa95b5aa344b3f258147123f93": "Ruta de descarga de videos. Es relativo a la carpeta raíz de YTDL-Material.",
+  "f41145afc02fd47ef0576ac79acd2c47ebbf4901": "Argumentos personalizados globales para descargas en la página de inicio.",
+  "78e49b7339b4fa7184dd21bcaae107ce9b7076f6": "Usa el archivo de youtube-dl",
+  "d5f69691f9f05711633128b5a3db696783266b58": "Extra",
+  "61f8fd90b5f8cb20c70371feb2ee5e1fac5a9095": "Título superior",
+  "78d3531417c0d4ba4c90f0d4ae741edc261ec8df": "Administrador de archivos habilitado",
+  "c33bd5392b39dbed36b8e5a1145163a15d45835f": "Permitir selección de calidad",
+  "bda5508e24e0d77debb28bcd9194d8fefb1cfb92": "Modo de solo descarga",
+  "09d31c803a7252658694e1e3176b97f5655a3fe3": "Permitir el modo de descarga múltiple",
+  "e351b40b3869a5c7d19c3d4918cb1ac7aaab95c4": "API",
+  "d5d7c61349f3b0859336066e6d453fc35d334fe5": "Utilizar la API de YouTube",
+  "ce10d31febb3d9d60c160750570310f303a22c22": "Clave API de YouTube",
+  "8602e313cdfa7c4cc475ccbe86459fce3c3fd986": "¡Generar una clave es fácil!",
+  "60c855c323706a04ccd2ff22d634bde9b6233bbf": "Temas",
+  "ff7cee38a2259526c519f878e71b964f41db4348": "Defecto",
+  "adb4562d2dbd3584370e44496969d58c511ecb63": "Oscura",
+  "7a6bacee4c31cb5c0ac2d24274fb4610d8858602": "Permitir cambio de tema",
+  "357064ca9d9ac859eb618e28e8126fa32be049e2": "Suscripciones",
+  "4e3120311801c4acd18de7146add2ee4a4417773": "Permitir suscripciones",
+  "4bee2a4bef2d26d37c9b353c278e24e5cd309ce3": "Ruta base de suscripciones",
+  "bc9892814ee2d119ae94378c905ea440a249b84a": "Ruta base para videos de sus canales y listas de reproducción suscritos. Es relativo a la carpeta raíz de YTDL-Material.",
+  "5bef4b25ba680da7fff06b86a91b1fc7e6a926e3": "Intervalo de comprobación",
+  "0f56a7449b77630c114615395bbda4cab398efd8": "La unidad es segundos, solo incluye números.",
+  "fa9fe4255231dd1cc6b29d3d254a25cb7c764f0f": "Con la función de archivo de youtube-dl,",
+  "09006404cccc24b7a8f8d1ce0b39f2761ab841d8": "los videos descargados de sus suscripciones se graban en un archivo de texto en el subdirectorio del archivo de suscripciones.",
+  "29ed79a98fc01e7f9537777598e31dbde3aa7981": "Esto permite eliminar videos de sus suscripciones de forma permanente sin darse de baja y le permite grabar los videos que descargó en caso de pérdida de datos.",
+  "bc2e854e111ecf2bd7db170da5e3c2ed08181d88": "Avanzado",
+  "5fab47f146b0a4b809dcebf3db9da94df6299ea1": "Usar agente de descarga predeterminado",
+  "dc3d990391c944d1fbfc7cfb402f7b5e112fb3a8": "Permitir descarga avanzada",
+  "52c9a103b812f258bcddc3d90a6e3f46871d25fe": "Salvar",
+  "d7b35c384aecd25a516200d6921836374613dfe7": "Cancelar",
+  "cec82c0a545f37420d55a9b6c45c20546e82f94e": "Sobre YoutubeDL-Material",
+  "199c17e5d6a419313af3c325f06dcbb9645ca618": "es un descargador de código abierto de YouTube creado bajo las especificaciones de \"Material Design\" de Google. Puede descargar sin problemas sus videos favoritos como archivos de video o audio, e incluso suscribirse a sus canales favoritos y listas de reproducción para mantenerse actualizado con sus nuevos videos.",
+  "c072eebcb5b1f1eef6fb2ee1756e839dd302f3de": "tiene algunas características increíbles incluidas! Una amplia API, soporte de Docker y soporte de localización (traducción). Lea todas las funciones admitidas haciendo clic en el icono de GitHub a continuación.",
+  "b33536f59b94ec935a16bd6869d836895dc5300c": "¿Encontró un error o tiene una sugerencia?",
+  "9b3cedfa83c6d7acb3210953289d1be4aab115c7": "¡Haga clic aquí",
+  "e1f398f38ff1534303d4bb80bd6cece245f24016": "para crear una cuestión!",
+  "a45e3b05f0529dc5246d70ef62304c94426d4c81": "Versión instalada:",
+  "effdc7dfbbc49c08d25ea1748fca00c38c918abd": "Ver la última actualización",
+  "004b222ff9ef9dd4771b777950ca1d0e4cd4348a": "Sobre",
+  "92eee6be6de0b11c924e3ab27db30257159c0a7c": "Inicio",
+  "5b3075e8dc3f3921ec316b0bd83b6d14a06c1a4f": "Guardar cambios",
+  "a9806cf78ce00eb2613eeca11354a97e033377b8": "Suscríbase a la lista de reproducción o al canal",
+  "93efc99ae087fc116de708ecd3ace86ca237cf30": "La lista de reproducción o la URL del canal",
+  "08f5d0ef937ae17feb1b04aff15ad88911e87baf": "Nombre personalizado",
+  "f3f62aa84d59f3a8b900cc9a7eec3ef279a7b4e7": "Esto es opcional",
+  "ea30873bd3f0d5e4fb2378eec3f0a1db77634a28": "Descargar todas las cargas",
+  "28a678e9cabf86e44c32594c43fa0e890135c20f": "Descargar videos subidos en el último",
+  "e78c0d60ac39787f62c9159646fe0b3c1ed55a1d": "Tipo:",
+  "c52db455cca9109ee47e1a612c3f4117c09eb71b": "URL:",
+  "a44d86aa1e6c20ced07aca3a7c081d8db9ded1c6": "Archivo:",
+  "f4e529ae5ffd73001d1ff4bbdeeb0a72e342e5c8": "Cerca",
+  "8efc77bf327659c0fec1f518cf48a98cdcd9dddf": "Exportar el archivo",
+  "3042bd3ad8dffcfeca5fd1ae6159fd1047434e95": "Darse de baja",
+  "e2319dec5b4ccfb6ed9f55ccabd63650a8fdf547": "Sus suscripciones",
+  "807cf11e6ac1cde912496f764c176bdfdd6b7e19": "Canales",
+  "29b89f751593e1b347eef103891b7a1ff36ec03f": "Nombre no disponible. Recuperación de canales en progreso.",
+  "4636cd4a1379c50d471e98786098c4d39e1e82ad": "No tienes suscripciones de canal.",
+  "2e0a410652cb07d069f576b61eab32586a18320d": "Nombre no disponible. Recuperación de listas de reproducción en progreso.",
+  "587b57ced54965d8874c3fd0e9dfedb987e5df04": "No tienes suscripciones a listas de reproducción.",
+  "7e892ba15f2c6c17e83510e273b3e10fc32ea016": "Buscar",
+  "2054791b822475aeaea95c0119113de3200f5e1c": "Longitud:",
+  "94e01842dcee90531caa52e4147f70679bac87fe": "Eliminar y volver a descargar",
+  "2031adb51e07a41844e8ba7704b054e98345c9c1": "Borrar para siempre"
+}

src/assets/i18n/messages.es.xlf

@@ -0,0 +1,987 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<xliff xmlns="urn:oasis:names:tc:xliff:document:1.2" version="1.2">
+   <file datatype="plaintext" original="ng2.template" source-language="en">
+      <body>
+         <trans-unit datatype="html" id="17f0ea5d2d7a262b0e875acc70475f102aee84e6">
+            <source>Create a playlist</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/create-playlist/create-playlist.component.html</context>
+               <context context-type="linenumber">1</context>
+            </context-group>
+            <note from="description" priority="1">Create a playlist dialog title</note>
+            <target>Crea una lista de reproducción</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="cff1428d10d59d14e45edec3c735a27b5482db59">
+            <source>Name</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/create-playlist/create-playlist.component.html</context>
+               <context context-type="linenumber">5</context>
+            </context-group>
+            <note from="description" priority="1">Playlist name placeholder</note>
+            <target>Nombre</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="f47e2d56dd8a145b2e9599da9730c049d52962a2">
+            <source>Audio files</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/create-playlist/create-playlist.component.html</context>
+               <context context-type="linenumber">10</context>
+            </context-group>
+            <note from="description" priority="1">Audio files title</note>
+            <target>Archivos de sonido</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="a52dae09be10ca3a65da918533ced3d3f4992238">
+            <source>Videos</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/create-playlist/create-playlist.component.html</context>
+               <context context-type="linenumber">11</context>
+            </context-group>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/subscription/subscription/subscription.component.html</context>
+               <context context-type="linenumber">15</context>
+            </context-group>
+            <note from="description" priority="1">Videos title</note>
+            <target>Archivos de video</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="038ebcb2a89155d90c24fa1c17bfe83dbadc3c20">
+            <source>Youtube Downloader</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/main/main.component.html</context>
+               <context context-type="linenumber">5</context>
+            </context-group>
+            <note from="description" priority="1">Youtube downloader home page label</note>
+            <target>Descargador de Youtube</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="6d2ec8898344c8955542b0542c942038ef28bb80">
+            <source>Please enter a valid URL!</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/main/main.component.html</context>
+               <context context-type="linenumber">16</context>
+            </context-group>
+            <note from="description" priority="1">Enter valid URL error</note>
+            <target>Por favor entre una URL válida</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="a38ae1082fec79ba1f379978337385a539a28e73">
+            <source>Quality</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/main/main.component.html</context>
+               <context context-type="linenumber">24</context>
+            </context-group>
+            <note from="description" priority="1">Quality select label</note>
+            <target>Calidad</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="4be966a9dcfbc9b54dfcc604b831c0289f847fa4">
+            <source>Use URL</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/main/main.component.html</context>
+               <context context-type="linenumber">52</context>
+            </context-group>
+            <note from="description" priority="1">YT search Use URL button for searched video</note>
+            <target>Usa URL</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="d3f02f845e62cebd75fde451ab8479d2a8ad784d">
+            <source>View</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/main/main.component.html</context>
+               <context context-type="linenumber">55</context>
+            </context-group>
+            <note from="description" priority="1">YT search View button for searched video</note>
+            <target>Ver</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="4a9889d36910edc8323d7bab60858ab3da6d91df">
+            <source>Only Audio</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/main/main.component.html</context>
+               <context context-type="linenumber">65</context>
+            </context-group>
+            <note from="description" priority="1">Only Audio checkbox</note>
+            <target>Solo audio</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="96a01fafe135afc58b0f8071a4ab00234495ce18">
+            <source>Multi-download Mode</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/main/main.component.html</context>
+               <context context-type="linenumber">70</context>
+            </context-group>
+            <note from="description" priority="1">Multi-download Mode checkbox</note>
+            <target>Descarga múltiple</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="6a21ba5fb0ac804a525bf9ab168038c3ee88e661">
+            <source>Download</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/main/main.component.html</context>
+               <context context-type="linenumber">79</context>
+            </context-group>
+            <note from="description" priority="1">Main download button</note>
+            <target>Descarga</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="6a3777f913cf3f288664f0632b9f24794fdcc24e">
+            <source>Cancel</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/main/main.component.html</context>
+               <context context-type="linenumber">84</context>
+            </context-group>
+            <note from="description" priority="1">Cancel download button</note>
+            <target>Cancela</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="322ed150e02666fe2259c5b4614eac7066f4ffa0">
+            <source>Advanced</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/main/main.component.html</context>
+               <context context-type="linenumber">96</context>
+            </context-group>
+            <note from="description" priority="1">Advanced download mode panel</note>
+            <target>Avanzado</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="b7ffe7c6586d6f3f18a9246806a7c7d5538ab43e">
+            <source>Simulated command:</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/main/main.component.html</context>
+               <context context-type="linenumber">102</context>
+            </context-group>
+            <note from="description" priority="1">Simulated command label</note>
+            <target>Commando simulado:</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="4e4c721129466be9c3862294dc40241b64045998">
+            <source>Use custom args</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/main/main.component.html</context>
+               <context context-type="linenumber">110</context>
+            </context-group>
+            <note from="description" priority="1">Use custom args checkbox</note>
+            <target>Usar argumentos personalizados</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="ad2f8ac8b7de7945b80c8e424484da94e597125f">
+            <source>Custom args</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/main/main.component.html</context>
+               <context context-type="linenumber">115</context>
+            </context-group>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">83</context>
+            </context-group>
+            <note from="description" priority="1">Custom args placeholder</note>
+            <target>Argumentos personalizados</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="ccc7e92cbdd35e901acf9ad80941abee07bd8f60">
+            <source>No need to include URL, just everything after.</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/main/main.component.html</context>
+               <context context-type="linenumber">117</context>
+            </context-group>
+            <note from="description" priority="1">Custom Args input hint</note>
+            <target>No es necesario incluir URL, solo todo después</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="3a92a3443c65a52f37ca7efb8f453b35dbefbf29">
+            <source>Use custom output</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/main/main.component.html</context>
+               <context context-type="linenumber">125</context>
+            </context-group>
+            <note from="description" priority="1">Use custom output checkbox</note>
+            <target>Usar salida personalizada</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="d9c02face477f2f9cdaae318ccee5f89856851fb">
+            <source>Custom output</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/main/main.component.html</context>
+               <context context-type="linenumber">130</context>
+            </context-group>
+            <note from="description" priority="1">Custom output placeholder</note>
+            <target>Salida personalizada</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="fcfd4675b4c90f08d18d3abede9a9a4dff4cfdc7">
+            <source>Documentation</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/main/main.component.html</context>
+               <context context-type="linenumber">132</context>
+            </context-group>
+            <note from="description" priority="1">Youtube-dl output template documentation link</note>
+            <target>Documentación</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="19d1ae64d94d28a29b2c57ae8671aace906b5401">
+            <source>Path is relative to the config download path. Don't include extension.</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/main/main.component.html</context>
+               <context context-type="linenumber">133</context>
+            </context-group>
+            <note from="description" priority="1">Custom Output input hint</note>
+            <target>La ruta es relativa a la ruta de descarga de la config. No incluya el extensión.</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="8fad10737d3e3735a6699a4d89cbf6c20f6bb55f">
+            <source>Use authentication</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/main/main.component.html</context>
+               <context context-type="linenumber">139</context>
+            </context-group>
+            <note from="description" priority="1">Use authentication checkbox</note>
+            <target>Usa autenticación</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="08c74dc9762957593b91f6eb5d65efdfc975bf48">
+            <source>Username</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/main/main.component.html</context>
+               <context context-type="linenumber">144</context>
+            </context-group>
+            <note from="description" priority="1">YT Username placeholder</note>
+            <target>Nombre de usuario</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="c32ef07f8803a223a83ed17024b38e8d82292407">
+            <source>Password</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/main/main.component.html</context>
+               <context context-type="linenumber">149</context>
+            </context-group>
+            <note from="description" priority="1">YT Password placeholder</note>
+            <target>Contraseña</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="4a0dada6e841a425de3e5006e6a04df26c644fa5">
+            <source>Audio</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/main/main.component.html</context>
+               <context context-type="linenumber">193</context>
+            </context-group>
+            <note from="description" priority="1">Audio files title</note>
+            <target>Audio</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="9779715ac05308973d8f1c8658b29b986e92450f">
+            <source>Your audio files are here</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/main/main.component.html</context>
+               <context context-type="linenumber">198</context>
+            </context-group>
+            <note from="description" priority="1">Audio files description</note>
+            <target>Tus archivos de audio están aquí</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="47546e45bbb476baaaad38244db444c427ddc502">
+            <source>Playlists</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/main/main.component.html</context>
+               <context context-type="linenumber">213</context>
+            </context-group>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/main/main.component.html</context>
+               <context context-type="linenumber">255</context>
+            </context-group>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/subscriptions/subscriptions.component.html</context>
+               <context context-type="linenumber">27</context>
+            </context-group>
+            <note from="description" priority="1">Playlists title</note>
+            <target>Listas de reproducción</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="78bd81adb4609b68cfa4c589222bdc233ba1faaa">
+            <source>No playlists available. Create one from your downloading audio files by clicking the blue plus button.</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/main/main.component.html</context>
+               <context context-type="linenumber">224</context>
+            </context-group>
+            <note from="description" priority="1">No video playlists available text</note>
+            <target>No hay listas de reproducción disponibles. Cree uno de tus archivos de audio haciendo clic en el botón azul más.</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="9d2b62bb0b91e2e17fb4177a7e3d6756a2e6ee33">
+            <source>Video</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/main/main.component.html</context>
+               <context context-type="linenumber">234</context>
+            </context-group>
+            <note from="description" priority="1">Video files title</note>
+            <target>Vídeo</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="960582a8b9d7942716866ecfb7718309728f2916">
+            <source>Your video files are here</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/main/main.component.html</context>
+               <context context-type="linenumber">239</context>
+            </context-group>
+            <note from="description" priority="1">Video files description</note>
+            <target>Tus archivos de video son aquí</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="0f59c46ca29e9725898093c9ea6b586730d0624e">
+            <source>No playlists available. Create one from your downloading video files by clicking the blue plus button.</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/main/main.component.html</context>
+               <context context-type="linenumber">268</context>
+            </context-group>
+            <note from="description" priority="1">No video playlists available text</note>
+            <target>No hay listas de reproducción disponibles. Cree uno de tus archivos de video haciendo clic en el botón azul más.</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="ca3dbbc7f3e011bffe32a10a3ea45cc84f30ecf1">
+            <source>ID:</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/file-card/file-card.component.html</context>
+               <context context-type="linenumber">6</context>
+            </context-group>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/download-item/download-item.component.html</context>
+               <context context-type="linenumber">7</context>
+            </context-group>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/dialogs/subscription-info-dialog/subscription-info-dialog.component.html</context>
+               <context context-type="linenumber">13</context>
+            </context-group>
+            <note from="description" priority="1">File or playlist ID</note>
+            <target>ID:</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="e684046d73bcee88e82f7ff01e2852789a05fc32">
+            <source>Count:</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/file-card/file-card.component.html</context>
+               <context context-type="linenumber">7</context>
+            </context-group>
+            <note from="description" priority="1">Playlist video count</note>
+            <target>Cuenta:</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="121cc5391cd2a5115bc2b3160379ee5b36cd7716">
+            <source>Settings</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">1</context>
+            </context-group>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/app.component.html</context>
+               <context context-type="linenumber">22</context>
+            </context-group>
+            <note from="description" priority="1">Settings title</note>
+            <target>Configuraciones</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="fe22ca53e651df951dac25b67c17894b0980f767">
+            <source>Host</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">8</context>
+            </context-group>
+            <note from="description" priority="1">Host settings title</note>
+            <target>Host</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="801b98c6f02fe3b32f6afa3ee854c99ed83474e6">
+            <source>URL</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">15</context>
+            </context-group>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/dialogs/subscribe-dialog/subscribe-dialog.component.html</context>
+               <context context-type="linenumber">8</context>
+            </context-group>
+            <note from="description" priority="1">URL input placeholder</note>
+            <target>URL</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="54c512cca1923ab72faf1a0bd98d3d172469629a">
+            <source>URL this app will be accessed from, without the port.</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">16</context>
+            </context-group>
+            <note from="description" priority="1">URL setting input hint</note>
+            <target>URL desde la que se accederá a esta aplicación, sin el puerto.</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="cb2741a46e3560f6bc6dfd99d385e86b08b26d72">
+            <source>Port</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">21</context>
+            </context-group>
+            <note from="description" priority="1">Port input placeholder</note>
+            <target>Puerto</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="22e8f1d0423a3b784fe40fab187b92c06541b577">
+            <source>The desired port. Default is 17442.</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">22</context>
+            </context-group>
+            <note from="description" priority="1">Port setting input hint</note>
+            <target>Puerto deseado. El valor predeterminado es 17442.</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="948758e1412bb2ecdb98e3a4f1cbb6d7458456f2">
+            <source>Encryption</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">34</context>
+            </context-group>
+            <note from="description" priority="1">Encryption settings title</note>
+            <target>Cifrado</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="cbe16a57be414e84b6a68309d08fad894df797d6">
+            <source>Use encryption</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">40</context>
+            </context-group>
+            <note from="description" priority="1">Use encryption setting</note>
+            <target>Usa cifrado</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="0c1875a79b7ecc792cc1bebca3e063e40b5764f9">
+            <source>Cert file path</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">45</context>
+            </context-group>
+            <note from="description" priority="1">Cert file path input placeholder</note>
+            <target>Ruta del archivo de certificado</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="736551b93461d2de64b118cf4043eee1d1c2cb2c">
+            <source>Key file path</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">51</context>
+            </context-group>
+            <note from="description" priority="1">Key file path input placeholder</note>
+            <target>Ruta de archivo de clave</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="0ba25ad86a240576c4f20a2fada4722ebba77b1e">
+            <source>Downloader</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">62</context>
+            </context-group>
+            <note from="description" priority="1">Downloader settings title</note>
+            <target>Descargador</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="ab2756805742e84ad0cc0468f4be2d8aa9f855a5">
+            <source>Audio folder path</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">69</context>
+            </context-group>
+            <note from="description" priority="1">Audio folder path input placeholder</note>
+            <target>Ruta de la carpeta de audio</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="c2c89cdf45d46ea64d2ed2f9ac15dfa4d77e26ca">
+            <source>Path for audio only downloads. It is relative to YTDL-Material's root folder.</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">70</context>
+            </context-group>
+            <note from="description" priority="1">Aduio path setting input hint</note>
+            <target>Ruta para descargas de solo audio. Es relativo a la carpeta raíz de YTDL-Material.</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="46826331da1949bd6fb74624447057099c9d20cd">
+            <source>Video folder path</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">76</context>
+            </context-group>
+            <note from="description" priority="1">Video folder path input placeholder</note>
+            <target>Ruta de la carpeta de video</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="17c92e6d47a213fa95b5aa344b3f258147123f93">
+            <source>Path for video downloads. It is relative to YTDL-Material's root folder.</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">77</context>
+            </context-group>
+            <note from="description" priority="1">Video path setting input hint</note>
+            <target>Ruta de descarga de videos. Es relativo a la carpeta raíz de YTDL-Material.</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="f41145afc02fd47ef0576ac79acd2c47ebbf4901">
+            <source>Global custom args for downloads on the home page.</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">84</context>
+            </context-group>
+            <note from="description" priority="1">Custom args setting input hint</note>
+            <target>Argumentos personalizados globales para descargas en la página de inicio.</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="d5f69691f9f05711633128b5a3db696783266b58">
+            <source>Extra</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">95</context>
+            </context-group>
+            <note from="description" priority="1">Extra settings title</note>
+            <target>Extra</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="61f8fd90b5f8cb20c70371feb2ee5e1fac5a9095">
+            <source>Top title</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">102</context>
+            </context-group>
+            <note from="description" priority="1">Top title input placeholder</note>
+            <target>Título superior</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="78d3531417c0d4ba4c90f0d4ae741edc261ec8df">
+            <source>File manager enabled</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">107</context>
+            </context-group>
+            <note from="description" priority="1">File manager enabled setting</note>
+            <target>Administrador de archivos habilitado</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="c33bd5392b39dbed36b8e5a1145163a15d45835f">
+            <source>Allow quality select</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">110</context>
+            </context-group>
+            <note from="description" priority="1">Allow quality seelct setting</note>
+            <target>Permitir selección de calidad</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="bda5508e24e0d77debb28bcd9194d8fefb1cfb92">
+            <source>Download only mode</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">113</context>
+            </context-group>
+            <note from="description" priority="1">Download only mode setting</note>
+            <target>Modo de solo descarga</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="09d31c803a7252658694e1e3176b97f5655a3fe3">
+            <source>Allow multi-download mode</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">116</context>
+            </context-group>
+            <note from="description" priority="1">Allow multi-downloade mode setting</note>
+            <target>Permitir el modo de descarga múltiple</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="e351b40b3869a5c7d19c3d4918cb1ac7aaab95c4">
+            <source>API</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">126</context>
+            </context-group>
+            <note from="description" priority="1">API settings title</note>
+            <target>API</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="d5d7c61349f3b0859336066e6d453fc35d334fe5">
+            <source>Use YouTube API</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">132</context>
+            </context-group>
+            <note from="description" priority="1">Use YouTube API setting</note>
+            <target>Utilizar la API de YouTube</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="ce10d31febb3d9d60c160750570310f303a22c22">
+            <source>Youtube API Key</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">136</context>
+            </context-group>
+            <note from="description" priority="1">Youtube API Key setting placeholder</note>
+            <target>Clave API de YouTube</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="8602e313cdfa7c4cc475ccbe86459fce3c3fd986">
+            <source>Generating a key is easy!</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">137</context>
+            </context-group>
+            <note from="description" priority="1">Youtube API Key setting hint</note>
+            <target>¡Generar una clave es fácil!</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="60c855c323706a04ccd2ff22d634bde9b6233bbf">
+            <source>Themes</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">148</context>
+            </context-group>
+            <note from="description" priority="1">Themes settings title</note>
+            <target>Temas</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="ff7cee38a2259526c519f878e71b964f41db4348">
+            <source>Default</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">155</context>
+            </context-group>
+            <note from="description" priority="1">Default theme label</note>
+            <target>Defecto</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="adb4562d2dbd3584370e44496969d58c511ecb63">
+            <source>Dark</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">156</context>
+            </context-group>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/app.component.html</context>
+               <context context-type="linenumber">17</context>
+            </context-group>
+            <note from="description" priority="1">Dark theme label</note>
+            <target>Oscura</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="7a6bacee4c31cb5c0ac2d24274fb4610d8858602">
+            <source>Allow theme change</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">161</context>
+            </context-group>
+            <note from="description" priority="1">Allow theme change setting</note>
+            <target>Permitir cambio de tema</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="357064ca9d9ac859eb618e28e8126fa32be049e2">
+            <source>Subscriptions</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">171</context>
+            </context-group>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/app.component.html</context>
+               <context context-type="linenumber">34</context>
+            </context-group>
+            <note from="description" priority="1">Subscriptions settings title</note>
+            <target>Suscripciones</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="4e3120311801c4acd18de7146add2ee4a4417773">
+            <source>Allow subscriptions</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">177</context>
+            </context-group>
+            <note from="description" priority="1">Allow subscriptions setting</note>
+            <target>Permitir suscripciones</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="4bee2a4bef2d26d37c9b353c278e24e5cd309ce3">
+            <source>Subscriptions base path</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">181</context>
+            </context-group>
+            <note from="description" priority="1">Subscriptions base path input setting placeholder</note>
+            <target>Ruta base de suscripciones</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="bc9892814ee2d119ae94378c905ea440a249b84a">
+            <source>Base path for videos from your subscribed channels and playlists. It is relative to YTDL-Material's root folder.</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">182</context>
+            </context-group>
+            <note from="description" priority="1">Subscriptions base path setting input hint</note>
+            <target>Ruta base para videos de sus canales y listas de reproducción suscritos. Es relativo a la carpeta raíz de YTDL-Material.</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="5bef4b25ba680da7fff06b86a91b1fc7e6a926e3">
+            <source>Check interval</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">187</context>
+            </context-group>
+            <note from="description" priority="1">Check interval input setting placeholder</note>
+            <target>Intervalo de comprobación</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="0f56a7449b77630c114615395bbda4cab398efd8">
+            <source>Unit is seconds, only include numbers.</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">188</context>
+            </context-group>
+            <note from="description" priority="1">Check interval setting input hint</note>
+            <target>La unidad es segundos, solo incluye números.</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="78e49b7339b4fa7184dd21bcaae107ce9b7076f6">
+            <source>Use youtube-dl archive</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">192</context>
+            </context-group>
+            <note from="description" priority="1">Use youtube-dl archive setting</note>
+            <target>Usa el archivo de youtube-dl</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="fa9fe4255231dd1cc6b29d3d254a25cb7c764f0f">
+            <source>With youtube-dl's archive</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">193</context>
+            </context-group>
+            <note from="description" priority="1">youtube-dl archive explanation prefix link</note>
+            <target>Con la función de archivo de youtube-dl,</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="09006404cccc24b7a8f8d1ce0b39f2761ab841d8">
+            <source>feature, downloaded videos from your subscriptions get recorded in a text file in the subscriptions archive sub-directory.</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">193</context>
+            </context-group>
+            <note from="description" priority="1">youtube-dl archive explanation middle</note>
+            <target>los videos descargados de sus suscripciones se graban en un archivo de texto en el subdirectorio del archivo de suscripciones.</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="29ed79a98fc01e7f9537777598e31dbde3aa7981">
+            <source>This enables the ability to permanently delete videos from your subscriptions without unsubscribing, and allows you to record which videos you downloaded in case of data loss.</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">194</context>
+            </context-group>
+            <note from="description" priority="1">youtube-dl archive explanation suffix</note>
+            <target>Esto permite eliminar videos de sus suscripciones de forma permanente sin darse de baja y le permite grabar los videos que descargó en caso de pérdida de datos.</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="bc2e854e111ecf2bd7db170da5e3c2ed08181d88">
+            <source>Advanced</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">204</context>
+            </context-group>
+            <note from="description" priority="1">Advanced settings title</note>
+            <target>Avanzado</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="5fab47f146b0a4b809dcebf3db9da94df6299ea1">
+            <source>Use default downloading agent</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">210</context>
+            </context-group>
+            <note from="description" priority="1">Use default downloading agent setting</note>
+            <target>Usar agente de descarga predeterminado</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="cdf75b1bdda80487e2ce1ff264ae171cbc5dc3b1">
+            <source>Custom agent</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">214</context>
+            </context-group>
+            <note from="description" priority="1">Custom agent setting placeholder</note>
+            <target>Agente personalizado</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="dc3d990391c944d1fbfc7cfb402f7b5e112fb3a8">
+            <source>Allow advanced download</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">219</context>
+            </context-group>
+            <note from="description" priority="1">Allow advanced downloading setting</note>
+            <target>Permitir descarga avanzada</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="52c9a103b812f258bcddc3d90a6e3f46871d25fe">
+            <source>Save</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">229</context>
+            </context-group>
+            <note from="description" priority="1">Settings save button</note>
+            <target>Salvar</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="d7b35c384aecd25a516200d6921836374613dfe7">
+            <source>Cancel</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">232</context>
+            </context-group>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/dialogs/subscribe-dialog/subscribe-dialog.component.html</context>
+               <context context-type="linenumber">37</context>
+            </context-group>
+            <note from="description" priority="1">Settings cancel button</note>
+            <target>Cancelar</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="92eee6be6de0b11c924e3ab27db30257159c0a7c">
+            <source>Home</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/app.component.html</context>
+               <context context-type="linenumber">33</context>
+            </context-group>
+            <note from="description" priority="1">Navigation menu Home Page title</note>
+            <target>Inicio</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="5b3075e8dc3f3921ec316b0bd83b6d14a06c1a4f">
+            <source>Save changes</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/player/player.component.html</context>
+               <context context-type="linenumber">22</context>
+            </context-group>
+            <note from="description" priority="1">Playlist save changes button</note>
+            <target>Guardar cambios</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="a9806cf78ce00eb2613eeca11354a97e033377b8">
+            <source>Subscribe to playlist or channel</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/dialogs/subscribe-dialog/subscribe-dialog.component.html</context>
+               <context context-type="linenumber">1</context>
+            </context-group>
+            <note from="description" priority="1">Subscribe dialog title</note>
+            <target>Suscríbase a la lista de reproducción o al canal</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="93efc99ae087fc116de708ecd3ace86ca237cf30">
+            <source>The playlist or channel URL</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/dialogs/subscribe-dialog/subscribe-dialog.component.html</context>
+               <context context-type="linenumber">9</context>
+            </context-group>
+            <note from="description" priority="1">Subscription URL input hint</note>
+            <target>La lista de reproducción o la URL del canal</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="08f5d0ef937ae17feb1b04aff15ad88911e87baf">
+            <source>Custom name</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/dialogs/subscribe-dialog/subscribe-dialog.component.html</context>
+               <context context-type="linenumber">14</context>
+            </context-group>
+            <note from="description" priority="1">Subscription custom name placeholder</note>
+            <target>Nombre personalizado</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="f3f62aa84d59f3a8b900cc9a7eec3ef279a7b4e7">
+            <source>This is optional</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/dialogs/subscribe-dialog/subscribe-dialog.component.html</context>
+               <context context-type="linenumber">15</context>
+            </context-group>
+            <note from="description" priority="1">Custom name input hint</note>
+            <target>Esto es opcional</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="ea30873bd3f0d5e4fb2378eec3f0a1db77634a28">
+            <source>Download all uploads</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/dialogs/subscribe-dialog/subscribe-dialog.component.html</context>
+               <context context-type="linenumber">19</context>
+            </context-group>
+            <note from="description" priority="1">Download all uploads subscription setting</note>
+            <target>Descargar todas las cargas</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="28a678e9cabf86e44c32594c43fa0e890135c20f">
+            <source>Download videos uploaded in the last</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/dialogs/subscribe-dialog/subscribe-dialog.component.html</context>
+               <context context-type="linenumber">22</context>
+            </context-group>
+            <note from="description" priority="1">Download time range prefix</note>
+            <target>Descargar videos subidos en el último</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="e78c0d60ac39787f62c9159646fe0b3c1ed55a1d">
+            <source>Type:</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/dialogs/subscription-info-dialog/subscription-info-dialog.component.html</context>
+               <context context-type="linenumber">5</context>
+            </context-group>
+            <note from="description" priority="1">Subscription type property</note>
+            <target>Tipo:</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="c52db455cca9109ee47e1a612c3f4117c09eb71b">
+            <source>URL:</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/dialogs/subscription-info-dialog/subscription-info-dialog.component.html</context>
+               <context context-type="linenumber">9</context>
+            </context-group>
+            <note from="description" priority="1">Subscription URL property</note>
+            <target>URL:</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="a44d86aa1e6c20ced07aca3a7c081d8db9ded1c6">
+            <source>Archive:</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/dialogs/subscription-info-dialog/subscription-info-dialog.component.html</context>
+               <context context-type="linenumber">17</context>
+            </context-group>
+            <note from="description" priority="1">Subscription ID property</note>
+            <target>Archivo:</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="f4e529ae5ffd73001d1ff4bbdeeb0a72e342e5c8">
+            <source>Close</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/dialogs/subscription-info-dialog/subscription-info-dialog.component.html</context>
+               <context context-type="linenumber">23</context>
+            </context-group>
+            <note from="description" priority="1">Close subscription info button</note>
+            <target>Cerca</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="8efc77bf327659c0fec1f518cf48a98cdcd9dddf">
+            <source>Export Archive</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/dialogs/subscription-info-dialog/subscription-info-dialog.component.html</context>
+               <context context-type="linenumber">24</context>
+            </context-group>
+            <note from="description" priority="1">Export Archive button</note>
+            <target>Exportar el archivo</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="3042bd3ad8dffcfeca5fd1ae6159fd1047434e95">
+            <source>Unsubscribe</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/dialogs/subscription-info-dialog/subscription-info-dialog.component.html</context>
+               <context context-type="linenumber">26</context>
+            </context-group>
+            <note from="description" priority="1">Unsubscribe button</note>
+            <target>Darse de baja</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="e2319dec5b4ccfb6ed9f55ccabd63650a8fdf547">
+            <source>Your subscriptions</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/subscriptions/subscriptions.component.html</context>
+               <context context-type="linenumber">3</context>
+            </context-group>
+            <note from="description" priority="1">Subscriptions title</note>
+            <target>Sus suscripciones</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="807cf11e6ac1cde912496f764c176bdfdd6b7e19">
+            <source>Channels</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/subscriptions/subscriptions.component.html</context>
+               <context context-type="linenumber">8</context>
+            </context-group>
+            <note from="description" priority="1">Subscriptions channels title</note>
+            <target>Canales</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="29b89f751593e1b347eef103891b7a1ff36ec03f">
+            <source>Name not available. Channel retrieval in progress.</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/subscriptions/subscriptions.component.html</context>
+               <context context-type="linenumber">14</context>
+            </context-group>
+            <note from="description" priority="1">Subscription playlist not available text</note>
+            <target>Nombre no disponible. Recuperación de canales en progreso.</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="4636cd4a1379c50d471e98786098c4d39e1e82ad">
+            <source>You have no channel subscriptions.</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/subscriptions/subscriptions.component.html</context>
+               <context context-type="linenumber">24</context>
+            </context-group>
+            <note from="description" priority="1">No channel subscriptions text</note>
+            <target>No tienes suscripciones de canal.</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="2e0a410652cb07d069f576b61eab32586a18320d">
+            <source>Name not available. Playlist retrieval in progress.</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/subscriptions/subscriptions.component.html</context>
+               <context context-type="linenumber">33</context>
+            </context-group>
+            <note from="description" priority="1">Subscription playlist not available text</note>
+            <target>Nombre no disponible. Recuperación de listas de reproducción en progreso.</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="587b57ced54965d8874c3fd0e9dfedb987e5df04">
+            <source>You have no playlist subscriptions.</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/subscriptions/subscriptions.component.html</context>
+               <context context-type="linenumber">43</context>
+            </context-group>
+            <note from="description" priority="1">No playlist subscriptions text</note>
+            <target>No tienes suscripciones a listas de reproducción.</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="7e892ba15f2c6c17e83510e273b3e10fc32ea016">
+            <source>Search</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/subscription/subscription/subscription.component.html</context>
+               <context context-type="linenumber">19</context>
+            </context-group>
+            <note from="description" priority="1">Subscription videos search placeholder</note>
+            <target>Buscar</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="2054791b822475aeaea95c0119113de3200f5e1c">
+            <source>Length:</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/subscription/subscription-file-card/subscription-file-card.component.html</context>
+               <context context-type="linenumber">3</context>
+            </context-group>
+            <note from="description" priority="1">Video duration label</note>
+            <target>Duración:</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="94e01842dcee90531caa52e4147f70679bac87fe">
+            <source>Delete and redownload</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/subscription/subscription-file-card/subscription-file-card.component.html</context>
+               <context context-type="linenumber">7</context>
+            </context-group>
+            <note from="description" priority="1">Delete and redownload subscription video button</note>
+            <target>Eliminar y volver a descargar</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="2031adb51e07a41844e8ba7704b054e98345c9c1">
+            <source>Delete forever</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/subscription/subscription-file-card/subscription-file-card.component.html</context>
+               <context context-type="linenumber">8</context>
+            </context-group>
+            <note from="description" priority="1">Delete forever subscription video button</note>
+            <target>Borrar para siempre</target>
+         </trans-unit>
+      </body>
+   </file>
+</xliff>

src/locale/messages.es.xlf

@@ -0,0 +1,987 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<xliff xmlns="urn:oasis:names:tc:xliff:document:1.2" version="1.2">
+   <file datatype="plaintext" original="ng2.template" source-language="en">
+      <body>
+         <trans-unit datatype="html" id="17f0ea5d2d7a262b0e875acc70475f102aee84e6">
+            <source>Create a playlist</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/create-playlist/create-playlist.component.html</context>
+               <context context-type="linenumber">1</context>
+            </context-group>
+            <note from="description" priority="1">Create a playlist dialog title</note>
+            <target>Crea una lista de reproducción</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="cff1428d10d59d14e45edec3c735a27b5482db59">
+            <source>Name</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/create-playlist/create-playlist.component.html</context>
+               <context context-type="linenumber">5</context>
+            </context-group>
+            <note from="description" priority="1">Playlist name placeholder</note>
+            <target>Nombre</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="f47e2d56dd8a145b2e9599da9730c049d52962a2">
+            <source>Audio files</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/create-playlist/create-playlist.component.html</context>
+               <context context-type="linenumber">10</context>
+            </context-group>
+            <note from="description" priority="1">Audio files title</note>
+            <target>Archivos de sonido</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="a52dae09be10ca3a65da918533ced3d3f4992238">
+            <source>Videos</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/create-playlist/create-playlist.component.html</context>
+               <context context-type="linenumber">11</context>
+            </context-group>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/subscription/subscription/subscription.component.html</context>
+               <context context-type="linenumber">15</context>
+            </context-group>
+            <note from="description" priority="1">Videos title</note>
+            <target>Archivos de video</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="038ebcb2a89155d90c24fa1c17bfe83dbadc3c20">
+            <source>Youtube Downloader</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/main/main.component.html</context>
+               <context context-type="linenumber">5</context>
+            </context-group>
+            <note from="description" priority="1">Youtube downloader home page label</note>
+            <target>Descargador de Youtube</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="6d2ec8898344c8955542b0542c942038ef28bb80">
+            <source>Please enter a valid URL!</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/main/main.component.html</context>
+               <context context-type="linenumber">16</context>
+            </context-group>
+            <note from="description" priority="1">Enter valid URL error</note>
+            <target>Por favor entre una URL válida</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="a38ae1082fec79ba1f379978337385a539a28e73">
+            <source>Quality</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/main/main.component.html</context>
+               <context context-type="linenumber">24</context>
+            </context-group>
+            <note from="description" priority="1">Quality select label</note>
+            <target>Calidad</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="4be966a9dcfbc9b54dfcc604b831c0289f847fa4">
+            <source>Use URL</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/main/main.component.html</context>
+               <context context-type="linenumber">52</context>
+            </context-group>
+            <note from="description" priority="1">YT search Use URL button for searched video</note>
+            <target>Usa URL</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="d3f02f845e62cebd75fde451ab8479d2a8ad784d">
+            <source>View</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/main/main.component.html</context>
+               <context context-type="linenumber">55</context>
+            </context-group>
+            <note from="description" priority="1">YT search View button for searched video</note>
+            <target>Ver</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="4a9889d36910edc8323d7bab60858ab3da6d91df">
+            <source>Only Audio</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/main/main.component.html</context>
+               <context context-type="linenumber">65</context>
+            </context-group>
+            <note from="description" priority="1">Only Audio checkbox</note>
+            <target>Solo audio</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="96a01fafe135afc58b0f8071a4ab00234495ce18">
+            <source>Multi-download Mode</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/main/main.component.html</context>
+               <context context-type="linenumber">70</context>
+            </context-group>
+            <note from="description" priority="1">Multi-download Mode checkbox</note>
+            <target>Descarga múltiple</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="6a21ba5fb0ac804a525bf9ab168038c3ee88e661">
+            <source>Download</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/main/main.component.html</context>
+               <context context-type="linenumber">79</context>
+            </context-group>
+            <note from="description" priority="1">Main download button</note>
+            <target>Descarga</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="6a3777f913cf3f288664f0632b9f24794fdcc24e">
+            <source>Cancel</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/main/main.component.html</context>
+               <context context-type="linenumber">84</context>
+            </context-group>
+            <note from="description" priority="1">Cancel download button</note>
+            <target>Cancela</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="322ed150e02666fe2259c5b4614eac7066f4ffa0">
+            <source>Advanced</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/main/main.component.html</context>
+               <context context-type="linenumber">96</context>
+            </context-group>
+            <note from="description" priority="1">Advanced download mode panel</note>
+            <target>Avanzado</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="b7ffe7c6586d6f3f18a9246806a7c7d5538ab43e">
+            <source>Simulated command:</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/main/main.component.html</context>
+               <context context-type="linenumber">102</context>
+            </context-group>
+            <note from="description" priority="1">Simulated command label</note>
+            <target>Commando simulado:</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="4e4c721129466be9c3862294dc40241b64045998">
+            <source>Use custom args</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/main/main.component.html</context>
+               <context context-type="linenumber">110</context>
+            </context-group>
+            <note from="description" priority="1">Use custom args checkbox</note>
+            <target>Usar argumentos personalizados</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="ad2f8ac8b7de7945b80c8e424484da94e597125f">
+            <source>Custom args</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/main/main.component.html</context>
+               <context context-type="linenumber">115</context>
+            </context-group>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">83</context>
+            </context-group>
+            <note from="description" priority="1">Custom args placeholder</note>
+            <target>Argumentos personalizados</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="ccc7e92cbdd35e901acf9ad80941abee07bd8f60">
+            <source>No need to include URL, just everything after.</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/main/main.component.html</context>
+               <context context-type="linenumber">117</context>
+            </context-group>
+            <note from="description" priority="1">Custom Args input hint</note>
+            <target>No es necesario incluir URL, solo todo después</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="3a92a3443c65a52f37ca7efb8f453b35dbefbf29">
+            <source>Use custom output</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/main/main.component.html</context>
+               <context context-type="linenumber">125</context>
+            </context-group>
+            <note from="description" priority="1">Use custom output checkbox</note>
+            <target>Usar salida personalizada</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="d9c02face477f2f9cdaae318ccee5f89856851fb">
+            <source>Custom output</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/main/main.component.html</context>
+               <context context-type="linenumber">130</context>
+            </context-group>
+            <note from="description" priority="1">Custom output placeholder</note>
+            <target>Salida personalizada</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="fcfd4675b4c90f08d18d3abede9a9a4dff4cfdc7">
+            <source>Documentation</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/main/main.component.html</context>
+               <context context-type="linenumber">132</context>
+            </context-group>
+            <note from="description" priority="1">Youtube-dl output template documentation link</note>
+            <target>Documentación</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="19d1ae64d94d28a29b2c57ae8671aace906b5401">
+            <source>Path is relative to the config download path. Don't include extension.</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/main/main.component.html</context>
+               <context context-type="linenumber">133</context>
+            </context-group>
+            <note from="description" priority="1">Custom Output input hint</note>
+            <target>La ruta es relativa a la ruta de descarga de la config. No incluya el extensión.</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="8fad10737d3e3735a6699a4d89cbf6c20f6bb55f">
+            <source>Use authentication</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/main/main.component.html</context>
+               <context context-type="linenumber">139</context>
+            </context-group>
+            <note from="description" priority="1">Use authentication checkbox</note>
+            <target>Usa autenticación</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="08c74dc9762957593b91f6eb5d65efdfc975bf48">
+            <source>Username</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/main/main.component.html</context>
+               <context context-type="linenumber">144</context>
+            </context-group>
+            <note from="description" priority="1">YT Username placeholder</note>
+            <target>Nombre de usuario</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="c32ef07f8803a223a83ed17024b38e8d82292407">
+            <source>Password</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/main/main.component.html</context>
+               <context context-type="linenumber">149</context>
+            </context-group>
+            <note from="description" priority="1">YT Password placeholder</note>
+            <target>Contraseña</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="4a0dada6e841a425de3e5006e6a04df26c644fa5">
+            <source>Audio</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/main/main.component.html</context>
+               <context context-type="linenumber">193</context>
+            </context-group>
+            <note from="description" priority="1">Audio files title</note>
+            <target>Audio</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="9779715ac05308973d8f1c8658b29b986e92450f">
+            <source>Your audio files are here</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/main/main.component.html</context>
+               <context context-type="linenumber">198</context>
+            </context-group>
+            <note from="description" priority="1">Audio files description</note>
+            <target>Tus archivos de audio están aquí</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="47546e45bbb476baaaad38244db444c427ddc502">
+            <source>Playlists</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/main/main.component.html</context>
+               <context context-type="linenumber">213</context>
+            </context-group>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/main/main.component.html</context>
+               <context context-type="linenumber">255</context>
+            </context-group>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/subscriptions/subscriptions.component.html</context>
+               <context context-type="linenumber">27</context>
+            </context-group>
+            <note from="description" priority="1">Playlists title</note>
+            <target>Listas de reproducción</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="78bd81adb4609b68cfa4c589222bdc233ba1faaa">
+            <source>No playlists available. Create one from your downloading audio files by clicking the blue plus button.</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/main/main.component.html</context>
+               <context context-type="linenumber">224</context>
+            </context-group>
+            <note from="description" priority="1">No video playlists available text</note>
+            <target>No hay listas de reproducción disponibles. Cree uno de tus archivos de audio haciendo clic en el botón azul más.</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="9d2b62bb0b91e2e17fb4177a7e3d6756a2e6ee33">
+            <source>Video</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/main/main.component.html</context>
+               <context context-type="linenumber">234</context>
+            </context-group>
+            <note from="description" priority="1">Video files title</note>
+            <target>Vídeo</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="960582a8b9d7942716866ecfb7718309728f2916">
+            <source>Your video files are here</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/main/main.component.html</context>
+               <context context-type="linenumber">239</context>
+            </context-group>
+            <note from="description" priority="1">Video files description</note>
+            <target>Tus archivos de video son aquí</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="0f59c46ca29e9725898093c9ea6b586730d0624e">
+            <source>No playlists available. Create one from your downloading video files by clicking the blue plus button.</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/main/main.component.html</context>
+               <context context-type="linenumber">268</context>
+            </context-group>
+            <note from="description" priority="1">No video playlists available text</note>
+            <target>No hay listas de reproducción disponibles. Cree uno de tus archivos de video haciendo clic en el botón azul más.</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="ca3dbbc7f3e011bffe32a10a3ea45cc84f30ecf1">
+            <source>ID:</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/file-card/file-card.component.html</context>
+               <context context-type="linenumber">6</context>
+            </context-group>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/download-item/download-item.component.html</context>
+               <context context-type="linenumber">7</context>
+            </context-group>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/dialogs/subscription-info-dialog/subscription-info-dialog.component.html</context>
+               <context context-type="linenumber">13</context>
+            </context-group>
+            <note from="description" priority="1">File or playlist ID</note>
+            <target>ID:</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="e684046d73bcee88e82f7ff01e2852789a05fc32">
+            <source>Count:</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/file-card/file-card.component.html</context>
+               <context context-type="linenumber">7</context>
+            </context-group>
+            <note from="description" priority="1">Playlist video count</note>
+            <target>Cuenta:</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="121cc5391cd2a5115bc2b3160379ee5b36cd7716">
+            <source>Settings</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">1</context>
+            </context-group>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/app.component.html</context>
+               <context context-type="linenumber">22</context>
+            </context-group>
+            <note from="description" priority="1">Settings title</note>
+            <target>Configuraciones</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="fe22ca53e651df951dac25b67c17894b0980f767">
+            <source>Host</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">8</context>
+            </context-group>
+            <note from="description" priority="1">Host settings title</note>
+            <target>Host</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="801b98c6f02fe3b32f6afa3ee854c99ed83474e6">
+            <source>URL</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">15</context>
+            </context-group>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/dialogs/subscribe-dialog/subscribe-dialog.component.html</context>
+               <context context-type="linenumber">8</context>
+            </context-group>
+            <note from="description" priority="1">URL input placeholder</note>
+            <target>URL</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="54c512cca1923ab72faf1a0bd98d3d172469629a">
+            <source>URL this app will be accessed from, without the port.</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">16</context>
+            </context-group>
+            <note from="description" priority="1">URL setting input hint</note>
+            <target>URL desde la que se accederá a esta aplicación, sin el puerto.</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="cb2741a46e3560f6bc6dfd99d385e86b08b26d72">
+            <source>Port</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">21</context>
+            </context-group>
+            <note from="description" priority="1">Port input placeholder</note>
+            <target>Puerto</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="22e8f1d0423a3b784fe40fab187b92c06541b577">
+            <source>The desired port. Default is 17442.</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">22</context>
+            </context-group>
+            <note from="description" priority="1">Port setting input hint</note>
+            <target>Puerto deseado. El valor predeterminado es 17442.</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="948758e1412bb2ecdb98e3a4f1cbb6d7458456f2">
+            <source>Encryption</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">34</context>
+            </context-group>
+            <note from="description" priority="1">Encryption settings title</note>
+            <target>Cifrado</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="cbe16a57be414e84b6a68309d08fad894df797d6">
+            <source>Use encryption</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">40</context>
+            </context-group>
+            <note from="description" priority="1">Use encryption setting</note>
+            <target>Usa cifrado</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="0c1875a79b7ecc792cc1bebca3e063e40b5764f9">
+            <source>Cert file path</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">45</context>
+            </context-group>
+            <note from="description" priority="1">Cert file path input placeholder</note>
+            <target>Ruta del archivo de certificado</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="736551b93461d2de64b118cf4043eee1d1c2cb2c">
+            <source>Key file path</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">51</context>
+            </context-group>
+            <note from="description" priority="1">Key file path input placeholder</note>
+            <target>Ruta de archivo de clave</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="0ba25ad86a240576c4f20a2fada4722ebba77b1e">
+            <source>Downloader</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">62</context>
+            </context-group>
+            <note from="description" priority="1">Downloader settings title</note>
+            <target>Descargador</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="ab2756805742e84ad0cc0468f4be2d8aa9f855a5">
+            <source>Audio folder path</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">69</context>
+            </context-group>
+            <note from="description" priority="1">Audio folder path input placeholder</note>
+            <target>Ruta de la carpeta de audio</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="c2c89cdf45d46ea64d2ed2f9ac15dfa4d77e26ca">
+            <source>Path for audio only downloads. It is relative to YTDL-Material's root folder.</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">70</context>
+            </context-group>
+            <note from="description" priority="1">Aduio path setting input hint</note>
+            <target>Ruta para descargas de solo audio. Es relativo a la carpeta raíz de YTDL-Material.</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="46826331da1949bd6fb74624447057099c9d20cd">
+            <source>Video folder path</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">76</context>
+            </context-group>
+            <note from="description" priority="1">Video folder path input placeholder</note>
+            <target>Ruta de la carpeta de video</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="17c92e6d47a213fa95b5aa344b3f258147123f93">
+            <source>Path for video downloads. It is relative to YTDL-Material's root folder.</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">77</context>
+            </context-group>
+            <note from="description" priority="1">Video path setting input hint</note>
+            <target>Ruta de descarga de videos. Es relativo a la carpeta raíz de YTDL-Material.</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="f41145afc02fd47ef0576ac79acd2c47ebbf4901">
+            <source>Global custom args for downloads on the home page.</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">84</context>
+            </context-group>
+            <note from="description" priority="1">Custom args setting input hint</note>
+            <target>Argumentos personalizados globales para descargas en la página de inicio.</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="d5f69691f9f05711633128b5a3db696783266b58">
+            <source>Extra</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">95</context>
+            </context-group>
+            <note from="description" priority="1">Extra settings title</note>
+            <target>Extra</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="61f8fd90b5f8cb20c70371feb2ee5e1fac5a9095">
+            <source>Top title</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">102</context>
+            </context-group>
+            <note from="description" priority="1">Top title input placeholder</note>
+            <target>Título superior</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="78d3531417c0d4ba4c90f0d4ae741edc261ec8df">
+            <source>File manager enabled</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">107</context>
+            </context-group>
+            <note from="description" priority="1">File manager enabled setting</note>
+            <target>Administrador de archivos habilitado</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="c33bd5392b39dbed36b8e5a1145163a15d45835f">
+            <source>Allow quality select</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">110</context>
+            </context-group>
+            <note from="description" priority="1">Allow quality seelct setting</note>
+            <target>Permitir selección de calidad</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="bda5508e24e0d77debb28bcd9194d8fefb1cfb92">
+            <source>Download only mode</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">113</context>
+            </context-group>
+            <note from="description" priority="1">Download only mode setting</note>
+            <target>Modo de solo descarga</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="09d31c803a7252658694e1e3176b97f5655a3fe3">
+            <source>Allow multi-download mode</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">116</context>
+            </context-group>
+            <note from="description" priority="1">Allow multi-downloade mode setting</note>
+            <target>Permitir el modo de descarga múltiple</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="e351b40b3869a5c7d19c3d4918cb1ac7aaab95c4">
+            <source>API</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">126</context>
+            </context-group>
+            <note from="description" priority="1">API settings title</note>
+            <target>API</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="d5d7c61349f3b0859336066e6d453fc35d334fe5">
+            <source>Use YouTube API</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">132</context>
+            </context-group>
+            <note from="description" priority="1">Use YouTube API setting</note>
+            <target>Utilizar la API de YouTube</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="ce10d31febb3d9d60c160750570310f303a22c22">
+            <source>Youtube API Key</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">136</context>
+            </context-group>
+            <note from="description" priority="1">Youtube API Key setting placeholder</note>
+            <target>Clave API de YouTube</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="8602e313cdfa7c4cc475ccbe86459fce3c3fd986">
+            <source>Generating a key is easy!</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">137</context>
+            </context-group>
+            <note from="description" priority="1">Youtube API Key setting hint</note>
+            <target>¡Generar una clave es fácil!</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="60c855c323706a04ccd2ff22d634bde9b6233bbf">
+            <source>Themes</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">148</context>
+            </context-group>
+            <note from="description" priority="1">Themes settings title</note>
+            <target>Temas</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="ff7cee38a2259526c519f878e71b964f41db4348">
+            <source>Default</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">155</context>
+            </context-group>
+            <note from="description" priority="1">Default theme label</note>
+            <target>Defecto</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="adb4562d2dbd3584370e44496969d58c511ecb63">
+            <source>Dark</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">156</context>
+            </context-group>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/app.component.html</context>
+               <context context-type="linenumber">17</context>
+            </context-group>
+            <note from="description" priority="1">Dark theme label</note>
+            <target>Oscura</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="7a6bacee4c31cb5c0ac2d24274fb4610d8858602">
+            <source>Allow theme change</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">161</context>
+            </context-group>
+            <note from="description" priority="1">Allow theme change setting</note>
+            <target>Permitir cambio de tema</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="357064ca9d9ac859eb618e28e8126fa32be049e2">
+            <source>Subscriptions</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">171</context>
+            </context-group>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/app.component.html</context>
+               <context context-type="linenumber">34</context>
+            </context-group>
+            <note from="description" priority="1">Subscriptions settings title</note>
+            <target>Suscripciones</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="4e3120311801c4acd18de7146add2ee4a4417773">
+            <source>Allow subscriptions</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">177</context>
+            </context-group>
+            <note from="description" priority="1">Allow subscriptions setting</note>
+            <target>Permitir suscripciones</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="4bee2a4bef2d26d37c9b353c278e24e5cd309ce3">
+            <source>Subscriptions base path</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">181</context>
+            </context-group>
+            <note from="description" priority="1">Subscriptions base path input setting placeholder</note>
+            <target>Ruta base de suscripciones</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="bc9892814ee2d119ae94378c905ea440a249b84a">
+            <source>Base path for videos from your subscribed channels and playlists. It is relative to YTDL-Material's root folder.</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">182</context>
+            </context-group>
+            <note from="description" priority="1">Subscriptions base path setting input hint</note>
+            <target>Ruta base para videos de sus canales y listas de reproducción suscritos. Es relativo a la carpeta raíz de YTDL-Material.</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="5bef4b25ba680da7fff06b86a91b1fc7e6a926e3">
+            <source>Check interval</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">187</context>
+            </context-group>
+            <note from="description" priority="1">Check interval input setting placeholder</note>
+            <target>Intervalo de comprobación</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="0f56a7449b77630c114615395bbda4cab398efd8">
+            <source>Unit is seconds, only include numbers.</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">188</context>
+            </context-group>
+            <note from="description" priority="1">Check interval setting input hint</note>
+            <target>La unidad es segundos, solo incluye números.</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="78e49b7339b4fa7184dd21bcaae107ce9b7076f6">
+            <source>Use youtube-dl archive</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">192</context>
+            </context-group>
+            <note from="description" priority="1">Use youtube-dl archive setting</note>
+            <target>Usa el archivo de youtube-dl</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="fa9fe4255231dd1cc6b29d3d254a25cb7c764f0f">
+            <source>With youtube-dl's archive</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">193</context>
+            </context-group>
+            <note from="description" priority="1">youtube-dl archive explanation prefix link</note>
+            <target>Con la función de archivo de youtube-dl,</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="09006404cccc24b7a8f8d1ce0b39f2761ab841d8">
+            <source>feature, downloaded videos from your subscriptions get recorded in a text file in the subscriptions archive sub-directory.</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">193</context>
+            </context-group>
+            <note from="description" priority="1">youtube-dl archive explanation middle</note>
+            <target>los videos descargados de sus suscripciones se graban en un archivo de texto en el subdirectorio del archivo de suscripciones.</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="29ed79a98fc01e7f9537777598e31dbde3aa7981">
+            <source>This enables the ability to permanently delete videos from your subscriptions without unsubscribing, and allows you to record which videos you downloaded in case of data loss.</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">194</context>
+            </context-group>
+            <note from="description" priority="1">youtube-dl archive explanation suffix</note>
+            <target>Esto permite eliminar videos de sus suscripciones de forma permanente sin darse de baja y le permite grabar los videos que descargó en caso de pérdida de datos.</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="bc2e854e111ecf2bd7db170da5e3c2ed08181d88">
+            <source>Advanced</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">204</context>
+            </context-group>
+            <note from="description" priority="1">Advanced settings title</note>
+            <target>Avanzado</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="5fab47f146b0a4b809dcebf3db9da94df6299ea1">
+            <source>Use default downloading agent</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">210</context>
+            </context-group>
+            <note from="description" priority="1">Use default downloading agent setting</note>
+            <target>Usar agente de descarga predeterminado</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="cdf75b1bdda80487e2ce1ff264ae171cbc5dc3b1">
+            <source>Custom agent</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">214</context>
+            </context-group>
+            <note from="description" priority="1">Custom agent setting placeholder</note>
+            <target>Agente personalizado</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="dc3d990391c944d1fbfc7cfb402f7b5e112fb3a8">
+            <source>Allow advanced download</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">219</context>
+            </context-group>
+            <note from="description" priority="1">Allow advanced downloading setting</note>
+            <target>Permitir descarga avanzada</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="52c9a103b812f258bcddc3d90a6e3f46871d25fe">
+            <source>Save</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">229</context>
+            </context-group>
+            <note from="description" priority="1">Settings save button</note>
+            <target>Salvar</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="d7b35c384aecd25a516200d6921836374613dfe7">
+            <source>Cancel</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/settings/settings.component.html</context>
+               <context context-type="linenumber">232</context>
+            </context-group>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/dialogs/subscribe-dialog/subscribe-dialog.component.html</context>
+               <context context-type="linenumber">37</context>
+            </context-group>
+            <note from="description" priority="1">Settings cancel button</note>
+            <target>Cancelar</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="92eee6be6de0b11c924e3ab27db30257159c0a7c">
+            <source>Home</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/app.component.html</context>
+               <context context-type="linenumber">33</context>
+            </context-group>
+            <note from="description" priority="1">Navigation menu Home Page title</note>
+            <target>Inicio</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="5b3075e8dc3f3921ec316b0bd83b6d14a06c1a4f">
+            <source>Save changes</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/player/player.component.html</context>
+               <context context-type="linenumber">22</context>
+            </context-group>
+            <note from="description" priority="1">Playlist save changes button</note>
+            <target>Guardar cambios</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="a9806cf78ce00eb2613eeca11354a97e033377b8">
+            <source>Subscribe to playlist or channel</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/dialogs/subscribe-dialog/subscribe-dialog.component.html</context>
+               <context context-type="linenumber">1</context>
+            </context-group>
+            <note from="description" priority="1">Subscribe dialog title</note>
+            <target>Suscríbase a la lista de reproducción o al canal</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="93efc99ae087fc116de708ecd3ace86ca237cf30">
+            <source>The playlist or channel URL</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/dialogs/subscribe-dialog/subscribe-dialog.component.html</context>
+               <context context-type="linenumber">9</context>
+            </context-group>
+            <note from="description" priority="1">Subscription URL input hint</note>
+            <target>La lista de reproducción o la URL del canal</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="08f5d0ef937ae17feb1b04aff15ad88911e87baf">
+            <source>Custom name</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/dialogs/subscribe-dialog/subscribe-dialog.component.html</context>
+               <context context-type="linenumber">14</context>
+            </context-group>
+            <note from="description" priority="1">Subscription custom name placeholder</note>
+            <target>Nombre personalizado</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="f3f62aa84d59f3a8b900cc9a7eec3ef279a7b4e7">
+            <source>This is optional</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/dialogs/subscribe-dialog/subscribe-dialog.component.html</context>
+               <context context-type="linenumber">15</context>
+            </context-group>
+            <note from="description" priority="1">Custom name input hint</note>
+            <target>Esto es opcional</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="ea30873bd3f0d5e4fb2378eec3f0a1db77634a28">
+            <source>Download all uploads</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/dialogs/subscribe-dialog/subscribe-dialog.component.html</context>
+               <context context-type="linenumber">19</context>
+            </context-group>
+            <note from="description" priority="1">Download all uploads subscription setting</note>
+            <target>Descargar todas las cargas</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="28a678e9cabf86e44c32594c43fa0e890135c20f">
+            <source>Download videos uploaded in the last</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/dialogs/subscribe-dialog/subscribe-dialog.component.html</context>
+               <context context-type="linenumber">22</context>
+            </context-group>
+            <note from="description" priority="1">Download time range prefix</note>
+            <target>Descargar videos subidos en el último</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="e78c0d60ac39787f62c9159646fe0b3c1ed55a1d">
+            <source>Type:</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/dialogs/subscription-info-dialog/subscription-info-dialog.component.html</context>
+               <context context-type="linenumber">5</context>
+            </context-group>
+            <note from="description" priority="1">Subscription type property</note>
+            <target>Tipo:</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="c52db455cca9109ee47e1a612c3f4117c09eb71b">
+            <source>URL:</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/dialogs/subscription-info-dialog/subscription-info-dialog.component.html</context>
+               <context context-type="linenumber">9</context>
+            </context-group>
+            <note from="description" priority="1">Subscription URL property</note>
+            <target>URL:</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="a44d86aa1e6c20ced07aca3a7c081d8db9ded1c6">
+            <source>Archive:</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/dialogs/subscription-info-dialog/subscription-info-dialog.component.html</context>
+               <context context-type="linenumber">17</context>
+            </context-group>
+            <note from="description" priority="1">Subscription ID property</note>
+            <target>Archivo:</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="f4e529ae5ffd73001d1ff4bbdeeb0a72e342e5c8">
+            <source>Close</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/dialogs/subscription-info-dialog/subscription-info-dialog.component.html</context>
+               <context context-type="linenumber">23</context>
+            </context-group>
+            <note from="description" priority="1">Close subscription info button</note>
+            <target>Cerca</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="8efc77bf327659c0fec1f518cf48a98cdcd9dddf">
+            <source>Export Archive</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/dialogs/subscription-info-dialog/subscription-info-dialog.component.html</context>
+               <context context-type="linenumber">24</context>
+            </context-group>
+            <note from="description" priority="1">Export Archive button</note>
+            <target>Exportar el archivo</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="3042bd3ad8dffcfeca5fd1ae6159fd1047434e95">
+            <source>Unsubscribe</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/dialogs/subscription-info-dialog/subscription-info-dialog.component.html</context>
+               <context context-type="linenumber">26</context>
+            </context-group>
+            <note from="description" priority="1">Unsubscribe button</note>
+            <target>Darse de baja</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="e2319dec5b4ccfb6ed9f55ccabd63650a8fdf547">
+            <source>Your subscriptions</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/subscriptions/subscriptions.component.html</context>
+               <context context-type="linenumber">3</context>
+            </context-group>
+            <note from="description" priority="1">Subscriptions title</note>
+            <target>Sus suscripciones</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="807cf11e6ac1cde912496f764c176bdfdd6b7e19">
+            <source>Channels</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/subscriptions/subscriptions.component.html</context>
+               <context context-type="linenumber">8</context>
+            </context-group>
+            <note from="description" priority="1">Subscriptions channels title</note>
+            <target>Canales</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="29b89f751593e1b347eef103891b7a1ff36ec03f">
+            <source>Name not available. Channel retrieval in progress.</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/subscriptions/subscriptions.component.html</context>
+               <context context-type="linenumber">14</context>
+            </context-group>
+            <note from="description" priority="1">Subscription playlist not available text</note>
+            <target>Nombre no disponible. Recuperación de canales en progreso.</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="4636cd4a1379c50d471e98786098c4d39e1e82ad">
+            <source>You have no channel subscriptions.</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/subscriptions/subscriptions.component.html</context>
+               <context context-type="linenumber">24</context>
+            </context-group>
+            <note from="description" priority="1">No channel subscriptions text</note>
+            <target>No tienes suscripciones de canal.</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="2e0a410652cb07d069f576b61eab32586a18320d">
+            <source>Name not available. Playlist retrieval in progress.</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/subscriptions/subscriptions.component.html</context>
+               <context context-type="linenumber">33</context>
+            </context-group>
+            <note from="description" priority="1">Subscription playlist not available text</note>
+            <target>Nombre no disponible. Recuperación de listas de reproducción en progreso.</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="587b57ced54965d8874c3fd0e9dfedb987e5df04">
+            <source>You have no playlist subscriptions.</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/subscriptions/subscriptions.component.html</context>
+               <context context-type="linenumber">43</context>
+            </context-group>
+            <note from="description" priority="1">No playlist subscriptions text</note>
+            <target>No tienes suscripciones a listas de reproducción.</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="7e892ba15f2c6c17e83510e273b3e10fc32ea016">
+            <source>Search</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/subscription/subscription/subscription.component.html</context>
+               <context context-type="linenumber">19</context>
+            </context-group>
+            <note from="description" priority="1">Subscription videos search placeholder</note>
+            <target>Buscar</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="2054791b822475aeaea95c0119113de3200f5e1c">
+            <source>Length:</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/subscription/subscription-file-card/subscription-file-card.component.html</context>
+               <context context-type="linenumber">3</context>
+            </context-group>
+            <note from="description" priority="1">Video duration label</note>
+            <target>Duración:</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="94e01842dcee90531caa52e4147f70679bac87fe">
+            <source>Delete and redownload</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/subscription/subscription-file-card/subscription-file-card.component.html</context>
+               <context context-type="linenumber">7</context>
+            </context-group>
+            <note from="description" priority="1">Delete and redownload subscription video button</note>
+            <target>Eliminar y volver a descargar</target>
+         </trans-unit>
+         <trans-unit datatype="html" id="2031adb51e07a41844e8ba7704b054e98345c9c1">
+            <source>Delete forever</source>
+            <context-group purpose="location">
+               <context context-type="sourcefile">app/subscription/subscription-file-card/subscription-file-card.component.html</context>
+               <context context-type="linenumber">8</context>
+            </context-group>
+            <note from="description" priority="1">Delete forever subscription video button</note>
+            <target>Borrar para siempre</target>
+         </trans-unit>
+      </body>
+   </file>
+</xliff>

src/main.ts

@@ -1,12 +1,39 @@
+import '@angular/localize/init';
+
 import { enableProdMode } from '@angular/core';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
-import 'hammerjs';
 
-import { AppModule } from './app/app.module';
 import { environment } from './environments/environment';
 
+import { loadTranslations } from '@angular/localize';
+import { getTranslations, ParsedTranslationBundle } from '@locl/core';
+
 if (environment.production) {
   enableProdMode();
 }
 
-platformBrowserDynamic().bootstrapModule(AppModule);
+const locale = localStorage.getItem('locale');
+if (locale && locale !== 'en') {
+    getTranslations(`./assets/i18n/messages.${locale}.json`).then(
+      (data: ParsedTranslationBundle) => {
+        loadTranslations(data as any);
+        import('./app/app.module').then(module => {
+          platformBrowserDynamic()
+            .bootstrapModule(module.AppModule)
+            .catch(err => console.error(err));
+        });
+    }
+    ).catch(err => {
+      import('./app/app.module').then(module => {
+        platformBrowserDynamic()
+          .bootstrapModule(module.AppModule)
+          .catch(err2 => console.error(err2));
+      });
+    });
+} else {
+  import('./app/app.module').then(module => {
+    platformBrowserDynamic()
+      .bootstrapModule(module.AppModule)
+      .catch(err => console.error(err));
+  });
+}

src/polyfills.ts

@@ -1,3 +1,7 @@
+/***************************************************************************************************
+ * Load `$localize` onto the global scope - used if i18n tags appear in Angular templates.
+ */
+import '@angular/localize/init';
 /**
  * This file includes polyfills needed by Angular and is loaded before the app.
  * You can add your own extra polyfills to this file.

src/tsconfig.app.json

@@ -5,8 +5,11 @@
     "baseUrl": "",
     "types": []
   },
-  "exclude": [
-    "test.ts",
-    "**/*.spec.ts"
+  "files": [
+    "main.ts",
+    "polyfills.ts"
+  ],
+  "include": [
+    "src/**/*.d.ts"
   ]
 }