From a0ba83c9d46cab8b0e5d2edf2fbf75690cc83e74 Mon Sep 17 00:00:00 2001
From: Daniel Shleifman <dancheskus@gmail.com>
Date: Sun, 19 Jun 2022 20:12:39 +0300
Subject: [PATCH] VLC button support added

---
 web/public/site.webmanifest                   |  2 +-
 .../Table/index.jsx                           | 20 ++++++++++++++-----
 .../components/Settings/MobileAppSettings.jsx | 20 +++++++++++++++++++
 .../components/Settings/SettingsDialog.jsx    | 12 +++++++++++
 web/src/locales/en/translation.json           |  7 +++++--
 web/src/locales/ru/translation.json           |  7 +++++--
 web/src/locales/ua/translation.json           |  7 +++++--
 7 files changed, 63 insertions(+), 12 deletions(-)
 create mode 100644 web/src/components/Settings/MobileAppSettings.jsx

diff --git a/web/public/site.webmanifest b/web/public/site.webmanifest
index e8e9a68..6ba810e 100644
--- a/web/public/site.webmanifest
+++ b/web/public/site.webmanifest
@@ -1,5 +1,5 @@
 {
-  "name": "",
+  "name": "TorrServer",
   "short_name": "TorrServer",
   "icons": [
     {
diff --git a/web/src/components/DialogTorrentDetailsContent/Table/index.jsx b/web/src/components/DialogTorrentDetailsContent/Table/index.jsx
index 8a15bb1..dd65182 100644
--- a/web/src/components/DialogTorrentDetailsContent/Table/index.jsx
+++ b/web/src/components/DialogTorrentDetailsContent/Table/index.jsx
@@ -28,6 +28,8 @@ const Table = memo(
     // if files in list is more then 1 and no season text detected by ptt.parse, show full name
     const shouldDisplayFullFileName = playableFileList.length > 1 && !fileHasEpisodeText
 
+    const isVlcUsed = JSON.parse(localStorage.getItem('isVlcUsed')) ?? true
+
     return !playableFileList?.length ? (
       'No playable files in this torrent'
     ) : (
@@ -133,11 +135,19 @@ const Table = memo(
                       {t('Preload')}
                     </Button>
 
-                    <a style={{ textDecoration: 'none' }} href={link} target='_blank' rel='noreferrer'>
-                      <Button style={{ width: '100%' }} variant='outlined' color='primary' size='small'>
-                        {t('OpenLink')}
-                      </Button>
-                    </a>
+                    {isVlcUsed ? (
+                      <a style={{ textDecoration: 'none' }} href={`vlc://${link}`}>
+                        <Button style={{ width: '100%' }} variant='outlined' color='primary' size='small'>
+                          VLC
+                        </Button>
+                      </a>
+                    ) : (
+                      <a style={{ textDecoration: 'none' }} href={link} target='_blank' rel='noreferrer'>
+                        <Button style={{ width: '100%' }} variant='outlined' color='primary' size='small'>
+                          {t('OpenLink')}
+                        </Button>
+                      </a>
+                    )}
 
                     <CopyToClipboard text={link}>
                       <Button variant='outlined' color='primary' size='small'>
diff --git a/web/src/components/Settings/MobileAppSettings.jsx b/web/src/components/Settings/MobileAppSettings.jsx
new file mode 100644
index 0000000..80a036e
--- /dev/null
+++ b/web/src/components/Settings/MobileAppSettings.jsx
@@ -0,0 +1,20 @@
+import { FormControlLabel, Switch } from '@material-ui/core'
+import { useTranslation } from 'react-i18next'
+
+import { SecondarySettingsContent, SettingSectionLabel } from './style'
+
+export default function MobileAppSettings({ isVlcUsed, setIsVlcUsed }) {
+  const { t } = useTranslation()
+
+  return (
+    <SecondarySettingsContent>
+      <SettingSectionLabel>{t('SettingsDialog.MobileAppSettings')}</SettingSectionLabel>
+
+      <FormControlLabel
+        control={<Switch checked={isVlcUsed} onChange={() => setIsVlcUsed(prev => !prev)} color='secondary' />}
+        label={t('SettingsDialog.UseVLC')}
+        labelPlacement='start'
+      />
+    </SecondarySettingsContent>
+  )
+}
diff --git a/web/src/components/Settings/SettingsDialog.jsx b/web/src/components/Settings/SettingsDialog.jsx
index 885e1e8..2058d99 100644
--- a/web/src/components/Settings/SettingsDialog.jsx
+++ b/web/src/components/Settings/SettingsDialog.jsx
@@ -12,12 +12,14 @@ import SwipeableViews from 'react-swipeable-views'
 import CircularProgress from '@material-ui/core/CircularProgress'
 import { StyledDialog } from 'style/CustomMaterialUiStyles'
 import useOnStandaloneAppOutsideClick from 'utils/useOnStandaloneAppOutsideClick'
+import { isStandaloneApp } from 'utils/Utils'
 
 import { SettingsHeader, FooterSection, Content } from './style'
 import defaultSettings from './defaultSettings'
 import { a11yProps, TabPanel } from './tabComponents'
 import PrimarySettingsComponent from './PrimarySettingsComponent'
 import SecondarySettingsComponent from './SecondarySettingsComponent'
+import MobileAppSettings from './MobileAppSettings'
 
 export default function SettingsDialog({ handleClose }) {
   const { t } = useTranslation()
@@ -30,6 +32,7 @@ export default function SettingsDialog({ handleClose }) {
   const [cachePercentage, setCachePercentage] = useState(40)
   const [preloadCachePercentage, setPreloadCachePercentage] = useState(0)
   const [isProMode, setIsProMode] = useState(JSON.parse(localStorage.getItem('isProMode')) || false)
+  const [isVlcUsed, setIsVlcUsed] = useState(JSON.parse(localStorage.getItem('isVlcUsed')) ?? true)
 
   useEffect(() => {
     axios.post(settingsHost(), { action: 'get' }).then(({ data }) => {
@@ -46,6 +49,7 @@ export default function SettingsDialog({ handleClose }) {
     sets.ReaderReadAHead = cachePercentage
     sets.PreloadCache = preloadCachePercentage
     axios.post(settingsHost(), { action: 'set', sets })
+    localStorage.setItem('isVlcUsed', isVlcUsed)
   }
 
   const inputForm = ({ target: { type, value, checked, id } }) => {
@@ -124,6 +128,8 @@ export default function SettingsDialog({ handleClose }) {
             }
             {...a11yProps(1)}
           />
+
+          {isStandaloneApp && <Tab label={t('SettingsDialog.Tabs.App')} {...a11yProps(2)} />}
         </Tabs>
       </AppBar>
 
@@ -153,6 +159,12 @@ export default function SettingsDialog({ handleClose }) {
               <TabPanel value={selectedTab} index={1} dir={direction}>
                 <SecondarySettingsComponent settings={settings} inputForm={inputForm} />
               </TabPanel>
+
+              {isStandaloneApp && (
+                <TabPanel value={selectedTab} index={2} dir={direction}>
+                  <MobileAppSettings isVlcUsed={isVlcUsed} setIsVlcUsed={setIsVlcUsed} />
+                </TabPanel>
+              )}
             </SwipeableViews>
           </>
         ) : (
diff --git a/web/src/locales/en/translation.json b/web/src/locales/en/translation.json
index 2b005ba..d9ff750 100644
--- a/web/src/locales/en/translation.json
+++ b/web/src/locales/en/translation.json
@@ -88,6 +88,7 @@
   "SettingsDialog": {
     "AddRetrackers": "Add retrackers",
     "AdditionalSettings": "Additional Settings",
+    "MobileAppSettings": "Mobile app settings",
     "CacheBeforeReaderDesc": "from cache will be saved before currently played frame",
     "CacheAfterReaderDesc": "from cache will be loaded after currently played frame",
     "CacheSize": "Cache Size",
@@ -125,8 +126,10 @@
     "Tabs": {
       "Main": "Main",
       "Additional": "Additional",
-      "AdditionalDisabled": "(enable PRO mode)"
-    }
+      "AdditionalDisabled": "(enable PRO mode)",
+      "App": "App"
+    },
+    "UseVLC": "Prompt to open video in VLC"
   },
   "Size": "Size",
   "SpecialThanks": "Special Thanks",
diff --git a/web/src/locales/ru/translation.json b/web/src/locales/ru/translation.json
index b7d27ec..96e2536 100644
--- a/web/src/locales/ru/translation.json
+++ b/web/src/locales/ru/translation.json
@@ -88,6 +88,7 @@
   "SettingsDialog": {
     "AddRetrackers": "Добавлять",
     "AdditionalSettings": "Дополнительные настройки",
+    "MobileAppSettings": "Настройки моб. приложения",
     "CacheBeforeReaderDesc": "от кеша будет оставаться позади воспроизводимого кадра",
     "CacheAfterReaderDesc": "кеша будет спереди от воспроизводимого кадра",
     "CacheSize": "Размер кеша",
@@ -125,8 +126,10 @@
     "Tabs": {
       "Main": "Основные",
       "Additional": "Дополнительные",
-      "AdditionalDisabled": "(включите ПРО-режим)"
-    }
+      "AdditionalDisabled": "(включите ПРО-режим)",
+      "App": "Приложение"
+    },
+    "UseVLC": "Предлагать открыть видео в VLC"
   },
   "Size": "Размер",
   "SpecialThanks": "Отдельное спасибо",
diff --git a/web/src/locales/ua/translation.json b/web/src/locales/ua/translation.json
index c5941ce..cf37e2a 100644
--- a/web/src/locales/ua/translation.json
+++ b/web/src/locales/ua/translation.json
@@ -88,6 +88,7 @@
   "SettingsDialog": {
     "AddRetrackers": "Додавати",
     "AdditionalSettings": "Додаткові налаштування",
+    "MobileAppSettings": "Установки моб. програми",
     "CacheBeforeReaderDesc": "з кешу буде збережено до поточного відтворюваного кадру",
     "CacheAfterReaderDesc": "з кешу буде завантажено після поточно відтвореного кадру",
     "CacheSize": "Размір кешу",
@@ -125,8 +126,10 @@
     "Tabs": {
       "Main": "Основні",
       "Additional": "Додаткові",
-      "AdditionalDisabled": "(включіть ПРО-режим)"
-    }
+      "AdditionalDisabled": "(включіть ПРО-режим)",
+      "App": "Додаток"
+    },
+    "UseVLC": "Пропонувати відкрити відео у VLC"
   },
   "Size": "Розмір",
   "SpecialThanks": "Окрема подяка",