Improve PWA display mode label in settings page

2023-01-14 15:32:51 -08:00 · 2023-01-14 15:32:51 -08:00 · 6612e42668
parent 2956bbad8d
commit 6612e42668
21 changed files with 38 additions and 32 deletions
--- a/locale/translations/de_DE.json
+++ b/locale/translations/de_DE.json
@ -262,7 +262,7 @@
    "error.invalid_language": "Ungültige Sprache.",
    "error.invalid_timezone": "Ungültige Zeitzone.",
    "error.invalid_entry_direction": "Ungültige Sortierreihenfolge.",
-    "error.invalid_display_mode": "Ungültiger Web-App-Anzeigemodus.",
+    "error.invalid_display_mode": "Progressive Web App (PWA) Anzeigemodus",
    "error.invalid_default_home_page": "Ungültige Standard-Startseite!",
    "form.feed.label.title": "Titel",
    "form.feed.label.site_url": "Webseite-URL",
--- a/locale/translations/el_EL.json
+++ b/locale/translations/el_EL.json
@ -296,7 +296,7 @@
    "form.prefs.label.entries_per_page": "Καταχωρήσεις ανά σελίδα",
    "form.prefs.label.default_reading_speed": "Ταχύτητα ανάγνωσης άλλων γλωσσών (λέξεις ανά λεπτό)",
    "form.prefs.label.cjk_reading_speed": "Ταχύτητα ανάγνωσης για κινέζικα, κορεάτικα και ιαπωνικά (χαρακτήρες ανά λεπτό)",
-    "form.prefs.label.display_mode": "Λειτουργία προβολής εφαρμογών ιστού (χρειάζεται επανεγκατάσταση)",
+    "form.prefs.label.display_mode": "Λειτουργία προβολής προοδευτικής εφαρμογής Ιστού (PWA)",
    "form.prefs.select.older_first": "Παλαιότερες καταχωρήσεις πρώτα",
    "form.prefs.select.recent_first": "Πρόσφατες καταχωρήσεις πρώτα",
    "form.prefs.select.fullscreen": "Πλήρης οθόνη",
--- a/locale/translations/en_US.json
+++ b/locale/translations/en_US.json
@ -296,7 +296,7 @@
    "form.prefs.label.entries_per_page": "Entries per page",
    "form.prefs.label.default_reading_speed": "Reading speed for other languages (words per minute)",
    "form.prefs.label.cjk_reading_speed": "Reading speed for Chinese, Korean and Japanese (characters per minute)",
-    "form.prefs.label.display_mode": "Web app display mode (needs reinstalling)",
+    "form.prefs.label.display_mode": "Progressive Web App (PWA) display mode",
    "form.prefs.select.older_first": "Older entries first",
    "form.prefs.select.recent_first": "Recent entries first",
    "form.prefs.select.fullscreen": "Fullscreen",
--- a/locale/translations/es_ES.json
+++ b/locale/translations/es_ES.json
@ -296,7 +296,7 @@
    "form.prefs.label.entries_per_page": "Artículos por página",
    "form.prefs.label.default_reading_speed": "Velocidad de lectura de otras lenguas (palabras por minuto)",
    "form.prefs.label.cjk_reading_speed": "Velocidad de lectura en chino, coreano y japonés (caracteres por minuto)",
-    "form.prefs.label.display_mode": "Modo de visualización de la aplicación web (necesita reinstalación)",
+    "form.prefs.label.display_mode": "Modo de visualización de aplicación web progresiva (PWA)",
    "form.prefs.select.older_first": "Artículos más viejos primero",
    "form.prefs.select.recent_first": "Artículos recientes primero",
    "form.prefs.select.fullscreen": "Pantalla completa",
--- a/locale/translations/fi_FI.json
+++ b/locale/translations/fi_FI.json
@ -296,7 +296,7 @@
    "form.prefs.label.entries_per_page": "Artikkelia sivulla",
    "form.prefs.label.default_reading_speed": "Muiden kielten lukunopeus (sanaa minuutissa)",
    "form.prefs.label.cjk_reading_speed": "Kiinan, Korean ja Japanin lukunopeus (merkkejä minuutissa)",
-    "form.prefs.label.display_mode": "Verkkosovelluksen näyttötila (vaatii uudelleenasennuksen)",
+    "form.prefs.label.display_mode": "Progressive Web App (PWA) -näyttötila",
    "form.prefs.select.older_first": "Vanhin ensin",
    "form.prefs.select.recent_first": "Uusin ensin",
    "form.prefs.select.fullscreen": "Kokoruututila",
--- a/locale/translations/fr_FR.json
+++ b/locale/translations/fr_FR.json
@ -296,7 +296,7 @@
    "form.prefs.label.entries_per_page": "Entrées par page",
    "form.prefs.label.default_reading_speed": "Vitesse de lecture pour les autres langues (mots par minute)",
    "form.prefs.label.cjk_reading_speed": "Vitesse de lecture pour le Chinois, le Coréen et le Japonais (caractères par minute)",
-    "form.prefs.label.display_mode": "Mode d'affichage de l'application web (doit être réinstallé)",
+    "form.prefs.label.display_mode": "Mode d'affichage de l'Application Web Progressive (PWA)",
    "form.prefs.select.older_first": "Ancien éléments en premier",
    "form.prefs.select.recent_first": "Éléments récents en premier",
    "form.prefs.select.fullscreen": "Plein écran",
--- a/locale/translations/hi_IN.json
+++ b/locale/translations/hi_IN.json
@ -296,7 +296,7 @@
    "form.prefs.label.entries_per_page": "प्रति पृष्ठ प्रविष्टियाँ",
    "form.prefs.label.default_reading_speed": "अन्य भाषाओं के लिए पढ़ने की गति (प्रति मिनट शब्द)",
    "form.prefs.label.cjk_reading_speed": "चीनी, कोरियाई और जापानी के लिए पढ़ने की गति (प्रति मिनट वर्ण)",
-    "form.prefs.label.display_mode": "वेब ऐप डिस्प्ले मोड (पुनः स्थापित करने की आवश्यकता है)",
+    "form.prefs.label.display_mode": "प्रोग्रेसिव वेब ऐप (PWA) डिस्प्ले मोड",
    "form.prefs.select.older_first": "पहले पुरानी प्रविष्टियाँ",
    "form.prefs.select.recent_first": "हाल की प्रविष्टियाँ पहले",
    "form.prefs.select.fullscreen": "पूर्ण स्क्रीन",
--- a/locale/translations/it_IT.json
+++ b/locale/translations/it_IT.json
@ -296,7 +296,7 @@
    "form.prefs.label.entries_per_page": "Articoli per pagina",
    "form.prefs.label.default_reading_speed": "Velocità di lettura di altre lingue (parole al minuto)",
    "form.prefs.label.cjk_reading_speed": "Velocità di lettura per cinese, coreano e giapponese (caratteri al minuto)",
-    "form.prefs.label.display_mode": "Modalità di visualizzazione web app (necessita la reinstallazione)",
+    "form.prefs.label.display_mode": "Modalità di visualizzazione dell'app Web progressiva (PWA).",
    "form.prefs.select.older_first": "Prima i più vecchi",
    "form.prefs.select.recent_first": "Prima i più recenti",
    "form.prefs.select.fullscreen": "Schermo intero",
--- a/locale/translations/ja_JP.json
+++ b/locale/translations/ja_JP.json
@ -296,7 +296,7 @@
    "form.prefs.label.entries_per_page": "ページあたりのエントリ",
    "form.prefs.label.default_reading_speed": "他言語の読解速度（単語/分）",
    "form.prefs.label.cjk_reading_speed": "中国語、韓国語、日本語の読書速度（1分間あたりの文字数）",
-    "form.prefs.label.display_mode": "Webアプリの表示モード （再インストールが必要）",
+    "form.prefs.label.display_mode": "プログレッシブ Web アプリ (PWA) 表示モード",
    "form.prefs.select.older_first": "古い記事を最初に",
    "form.prefs.select.recent_first": "新しい記事を最初に",
    "form.prefs.select.fullscreen": "全画面表示",
--- a/locale/translations/nl_NL.json
+++ b/locale/translations/nl_NL.json
@ -296,7 +296,7 @@
    "form.prefs.label.entries_per_page": "Inzendingen per pagina",
    "form.prefs.label.default_reading_speed": "Leessnelheid voor andere talen (woorden per minuut)",
    "form.prefs.label.cjk_reading_speed": "Leessnelheid voor Chinees, Koreaans en Japans (tekens per minuut)",
-    "form.prefs.label.display_mode": "Weergavemodus voor webapp (moet opnieuw worden geïnstalleerd)",
+    "form.prefs.label.display_mode": "Weergavemodus Progressive Web App (PWA).",
    "form.prefs.select.older_first": "Oudere items eerst",
    "form.prefs.select.recent_first": "Recente items eerst",
    "form.prefs.select.fullscreen": "Volledig scherm",
--- a/locale/translations/pl_PL.json
+++ b/locale/translations/pl_PL.json
@ -296,7 +296,7 @@
    "form.prefs.label.theme": "Wygląd",
    "form.prefs.label.entry_sorting": "Sortowanie artykułów",
    "form.prefs.label.entries_per_page": "Wpisy na stronie",
-    "form.prefs.label.default_reading_speed": "Prędkość czytania dla innych języków (słowa na minutę)",
+    "form.prefs.label.default_reading_speed": "Tryb wyświetlania Progressive Web App (PWA).",
    "form.prefs.label.cjk_reading_speed": "Prędkość czytania dla języka chińskiego, koreańskiego i japońskiego (znaki na minutę)",
    "form.prefs.label.display_mode": "Tryb wyświetlania aplikacji internetowej (wymaga ponownej instalacji)",
    "form.prefs.select.older_first": "Najstarsze wpisy jako pierwsze",
--- a/locale/translations/pt_BR.json
+++ b/locale/translations/pt_BR.json
@ -296,7 +296,7 @@
    "form.prefs.label.entries_per_page": "Itens por página",
    "form.prefs.label.default_reading_speed": "Velocidade de leitura para outros idiomas (palavras por minuto)",
    "form.prefs.label.cjk_reading_speed": "Velocidade de leitura para chinês, coreano e japonês (caracteres por minuto)",
-    "form.prefs.label.display_mode": "Modo de exibição do aplicativo Web (precisa ser reinstalado)",
+    "form.prefs.label.display_mode": "Modo de exibição Progressive Web App (PWA)",
    "form.prefs.select.older_first": "Itens mais velhos primeiro",
    "form.prefs.select.recent_first": "Itens mais recentes",
    "form.prefs.select.fullscreen": "Tela completa",
--- a/locale/translations/ru_RU.json
+++ b/locale/translations/ru_RU.json
@ -298,7 +298,7 @@
    "form.prefs.label.entries_per_page": "Записи на странице",
    "form.prefs.label.default_reading_speed": "Скорость чтения на других языках (слов в минуту)",
    "form.prefs.label.cjk_reading_speed": "Скорость чтения на китайском, корейском и японском языках (знаков в минуту)",
-    "form.prefs.label.display_mode": "Режим отображения веб-приложения (требуется переустановка)",
+    "form.prefs.label.display_mode": "Режим отображения Progressive Web App (PWA)",
    "form.prefs.select.older_first": "Сначала старые записи",
    "form.prefs.select.recent_first": "Сначала последние записи",
    "form.prefs.select.fullscreen": "Полноэкранный",
--- a/locale/translations/tr_TR.json
+++ b/locale/translations/tr_TR.json
@ -296,7 +296,7 @@
    "form.prefs.label.entries_per_page": "Sayfa başına ileti",
    "form.prefs.label.default_reading_speed": "Diğer diller için okuma hızı (dakika başına kelime)",
    "form.prefs.label.cjk_reading_speed": "Çince, Korece ve Japonca için okuma hızı (dakika başına karakter)",
-    "form.prefs.label.display_mode": "Web uygulaması görüntüleme modu (yeniden kurulum gerektirir)",
+    "form.prefs.label.display_mode": "Aşamalı Web Uygulaması (PWA) görüntüleme modu",
    "form.prefs.select.older_first": "Önce eski iletiler",
    "form.prefs.select.recent_first": "Önce yeni iletiler",
    "form.prefs.select.fullscreen": "Tam Ekran",
--- a/locale/translations/uk_UA.json
+++ b/locale/translations/uk_UA.json
@ -295,7 +295,7 @@
  "form.prefs.label.entries_per_page": "Кількість записів на сторінку",
  "form.prefs.label.default_reading_speed": "Швидкість читання для інших мов (слів на хвилину)",
  "form.prefs.label.cjk_reading_speed": "Швидкість читання для китайської, корейської та японської мови (символів на хвилину)",
-  "form.prefs.label.display_mode": "Режим відображення додатку (потребує перевстановлення)",
+  "form.prefs.label.display_mode": "Режим відображення Progressive Web App (PWA).",
  "form.prefs.select.older_first": "Старіші записи спочатку",
  "form.prefs.select.recent_first": "Останні записи спочатку",
  "form.prefs.select.fullscreen": "Повний екран",
@ -304,8 +304,8 @@
  "form.prefs.select.browser": "Браузер",
  "form.prefs.select.publish_time": "Дата публікації запису",
  "form.prefs.select.created_time": "Дата створення запису",
-    "form.prefs.select.alphabetical": "За алфавітом",
-    "form.prefs.select.unread_count": "Кількість непрочитаних",
+  "form.prefs.select.alphabetical": "За алфавітом",
+  "form.prefs.select.unread_count": "Кількість непрочитаних",
  "form.prefs.label.keyboard_shortcuts": "Увімкнути комбінації клавиш",
  "form.prefs.label.entry_swipe": "Увімкнути жест гортання для записів на мобільних пристроях",
  "form.prefs.label.show_reading_time": "Показувати приблизний час читання для записів",
--- a/locale/translations/zh_CN.json
+++ b/locale/translations/zh_CN.json
@ -292,7 +292,7 @@
    "form.prefs.label.theme": "主题",
    "form.prefs.label.entry_sorting": "文章排序",
    "form.prefs.label.entries_per_page": "每页文章数",
-    "form.prefs.label.display_mode": "渐进式网页应用显示模式（需要重新添加）",
+    "form.prefs.label.display_mode": "渐进式网络应用程序 (PWA) 显示模式",
    "form.prefs.label.default_reading_speed": "其他语言的阅读速度（每分钟字数）",
    "form.prefs.label.cjk_reading_speed": "中文、韩文和日文的阅读速度（每分钟字符数）",
    "form.prefs.select.older_first": "旧->新",
--- a/locale/translations/zh_TW.json
+++ b/locale/translations/zh_TW.json
@ -296,7 +296,7 @@
    "form.prefs.label.entries_per_page": "每頁文章數",
    "form.prefs.label.default_reading_speed": "Reading speed for other languages (words per minute)",
    "form.prefs.label.cjk_reading_speed": "Reading speed for Chinese, Korean and Japanese (characters per minute)",
-    "form.prefs.label.display_mode": "漸進式網頁應用顯示模式（需要重新新增）",
+    "form.prefs.label.display_mode": "漸進式網絡應用程序 (PWA) 顯示模式",
    "form.prefs.select.older_first": "舊->新",
    "form.prefs.select.recent_first": "新->舊",
    "form.prefs.select.fullscreen": "全屏",
--- a/template/templates/views/add_subscription.html
+++ b/template/templates/views/add_subscription.html
@ -55,7 +55,7 @@
                -->
                <input type="text" name="feed_password" id="form-feed-password" value="{{ .form.Password }}" spellcheck="false">

-                <div class="rules-entry">
+                <div class="form-label-row">
                    <label for="form-scraper-rules">
                        {{ t "form.feed.label.scraper_rules" }}
                    </label>
@ -66,7 +66,7 @@
                </div>
                <input type="text" name="scraper_rules" id="form-scraper-rules" value="{{ .form.ScraperRules }}" spellcheck="false">

-                <div class="rules-entry">
+                <div class="form-label-row">
                    <label for="form-rewrite-rules">
                        {{ t "form.feed.label.rewrite_rules" }}
                    </label>
@ -76,7 +76,7 @@
                    </a>
                </div>
                <input type="text" name="rewrite_rules" id="form-rewrite-rules" value="{{ .form.RewriteRules }}" spellcheck="false">
-                <div class="rules-entry">
+                <div class="form-label-row">
                    <label for="form-blocklist-rules">
                        {{ t "form.feed.label.blocklist_rules" }}
                    </label>
@ -87,7 +87,7 @@
                </div>
                <input type="text" name="blocklist_rules" id="form-blocklist-rules" value="{{ .form.BlocklistRules }}" spellcheck="false">

-                <div class="rules-entry">
+                <div class="form-label-row">
                    <label for="form-keeplist-rules">
                        {{ t "form.feed.label.keeplist_rules" }}
                    </label>
--- a/template/templates/views/edit_feed.html
+++ b/template/templates/views/edit_feed.html
@ -68,7 +68,7 @@
        <label for="form-cookie">{{ t "form.feed.label.cookie" }}</label>
        <input type="text" name="cookie" id="form-cookie" value="{{ .form.Cookie }}" spellcheck="false">

-        <div class="rules-entry">
+        <div class="form-label-row">
            <label for="form-scraper-rules">
                {{ t "form.feed.label.scraper_rules" }}
            </label>
@ -79,7 +79,7 @@
        </div>
        <input type="text" name="scraper_rules" id="form-scraper-rules" value="{{ .form.ScraperRules }}" spellcheck="false">

-        <div class="rules-entry">
+        <div class="form-label-row">
            <label for="form-rewrite-rules">
                {{ t "form.feed.label.rewrite_rules" }}
            </label>
@ -89,7 +89,7 @@
            </a>
        </div>
        <input type="text" name="rewrite_rules" id="form-rewrite-rules" value="{{ .form.RewriteRules }}" spellcheck="false">
-        <div class="rules-entry">
+        <div class="form-label-row">
            <label for="form-blocklist-rules">
                {{ t "form.feed.label.blocklist_rules" }}
            </label>
@ -100,7 +100,7 @@
        </div>
        <input type="text" name="blocklist_rules" id="form-blocklist-rules" value="{{ .form.BlocklistRules }}" spellcheck="false">

-        <div class="rules-entry">
+        <div class="form-label-row">
            <label for="form-keeplist-rules">
                {{ t "form.feed.label.keeplist_rules" }}
            </label>
--- a/template/templates/views/settings.html
+++ b/template/templates/views/settings.html
@ -43,7 +43,13 @@
    {{ end }}
    </select>

-    <label for="form-display-mode">{{ t "form.prefs.label.display_mode" }}</label>
+    <div class="form-label-row">
+        <label for="form-display-mode">{{ t "form.prefs.label.display_mode" }}</label>
+        &nbsp;
+        <a href="https://developer.mozilla.org/en-US/docs/Web/Manifest/display" target="_blank">
+            {{ icon "external-link" }}
+        </a>
+    </div>
    <select id="form-display-mode" name="display_mode">
        <option value="fullscreen" {{ if eq "fullscreen" $.form.DisplayMode }}selected="selected"{{ end }}>{{ t "form.prefs.select.fullscreen" }}</option>
        <option value="standalone" {{ if eq "standalone" $.form.DisplayMode }}selected="selected"{{ end }}>{{ t "form.prefs.select.standalone" }}</option>
--- a/ui/static/css/common.css
+++ b/ui/static/css/common.css
@ -406,6 +406,10 @@ input::placeholder {
    padding-top: 2px;
 }

+.form-label-row {
+    display: flex;
+}
+
 .form-help {
    font-size: 0.9em;
    color: brown;
@ -1075,10 +1079,6 @@ details.entry-enclosures {
    font-size: 1.2em;
 }

-.rules-entry {
-    display: flex;
-}
-
 .disabled {
    opacity: 20%;
 }