Rework toasts

Author: myieye

frontend/viewer/src/lib/auth/LoginButton.svelte

@@ -20,6 +20,7 @@
   import {useAuthService} from '$lib/services/service-provider';
   import {Button} from '$lib/components/ui/button';
   import {AppNotification} from '$lib/notifications/notifications';
+  import {openUrl} from '$lib/services/url-opener';
 
   const authService = useAuthService();
   const shouldUseSystemWebView = useSystemWebView(authService);
@@ -43,12 +44,24 @@
     loading = true;
     try {
       const result = await authService.signInWebView(server);
+
       if (result === LoginResult.Success) {
         statusChange('logged-in');
       } else if (result === LoginResult.Offline) {
-        AppNotification.display($t`You're offline. Connect to the internet to log in.`, {type: 'warning', timeout: 'short'});
+        AppNotification.displayAction(
+          $t`You appear to be offline. Can you reach ${server.displayName}?`,
+          {
+            label: $t`Open in browser`,
+            callback: () => {
+              void openUrl(server.authority);
+              return {dismiss: true};
+            },
+          },
+          {type: 'warning'},
+        );
+      } else {
+        AppNotification.display($t`Login cancelled.`, {type: 'warning', timeout: 'short'});
       }
-      // LoginResult.Cancelled: the user backed out, so stay quiet
     } finally {
       loading = false;
     }
@@ -63,6 +76,7 @@
       loading = false;
     }
   }
+
 </script>
 
 {#if status.loggedIn}

frontend/viewer/src/locales/en.po

@@ -1117,6 +1117,11 @@ msgstr "Local only"
 msgid "Login"
 msgstr "Login"
 
+#. Toast shown when the user closes or cancels the login dialog before signing in.
+#: src/lib/auth/LoginButton.svelte
+msgid "Login cancelled."
+msgstr "Login cancelled."
+
 #. Default button label on the login button when not yet authenticated. Clicking opens the login flow for a server.
 #: src/lib/auth/LoginButton.svelte
 #: src/lib/auth/LoginButton.svelte
@@ -1404,6 +1409,11 @@ msgstr "Open"
 msgid "Open Data Directory"
 msgstr "Open Data Directory"
 
+#. Action button on the offline-login warning toast; opens the server's site in a browser so the user can check the connection.
+#: src/lib/auth/LoginButton.svelte
+msgid "Open in browser"
+msgstr "Open in browser"
+
 #. Button label
 #: src/lib/components/OpenInFieldWorksButton.svelte
 msgid "Open in FieldWorks"
@@ -2161,6 +2171,11 @@ msgstr "Writing systems"
 msgid "Writing Systems"
 msgstr "Writing Systems"
 
+#. Warning toast shown when a login attempt can't reach the server. {0} is the server name (e.g. "Lexbox").
+#: src/lib/auth/LoginButton.svelte
+msgid "You appear to be offline. Can you reach {0}?"
+msgstr "You appear to be offline. Can you reach {0}?"
+
 #. Status message when no updates are available
 #: src/lib/updates/UpdateDialogContent.svelte
 msgid "You are running the latest version."
@@ -2181,8 +2196,3 @@ msgstr "You don't have permission to download project {0} from {1}"
 #: src/home/Server.svelte
 msgid "You have already downloaded the {0} project"
 msgstr "You have already downloaded the {0} project"
-
-#. Transient warning toast shown when the user taps Log in while offline
-#: src/lib/auth/LoginButton.svelte
-msgid "You're offline. Connect to the internet to log in."
-msgstr "You're offline. Connect to the internet to log in."

frontend/viewer/src/locales/es.po

@@ -1122,6 +1122,11 @@ msgstr "Sólo local"
 msgid "Login"
 msgstr "Inicio de sesión"
 
+#. Toast shown when the user closes or cancels the login dialog before signing in.
+#: src/lib/auth/LoginButton.svelte
+msgid "Login cancelled."
+msgstr ""
+
 #. Default button label on the login button when not yet authenticated. Clicking opens the login flow for a server.
 #: src/lib/auth/LoginButton.svelte
 #: src/lib/auth/LoginButton.svelte
@@ -1409,6 +1414,10 @@ msgstr "Abrir"
 msgid "Open Data Directory"
 msgstr "Directorio de datos abiertos"
 
+#: src/lib/auth/LoginButton.svelte
+msgid "Open in browser"
+msgstr ""
+
 #. Button label
 #: src/lib/components/OpenInFieldWorksButton.svelte
 msgid "Open in FieldWorks"
@@ -2166,6 +2175,10 @@ msgstr "Sistemas de escritura"
 msgid "Writing Systems"
 msgstr "Sistemas de escritura"
 
+#: src/lib/auth/LoginButton.svelte
+msgid "You appear to be offline. Can you reach {0}?"
+msgstr ""
+
 #. Status message when no updates are available
 #: src/lib/updates/UpdateDialogContent.svelte
 msgid "You are running the latest version."
@@ -2186,8 +2199,3 @@ msgstr "No tiene permiso para descargar el proyecto {0} desde {1}"
 #: src/home/Server.svelte
 msgid "You have already downloaded the {0} project"
 msgstr "Ya has descargado el proyecto {0}"
-
-#. Transient warning toast shown when the user taps Log in while offline
-#: src/lib/auth/LoginButton.svelte
-msgid "You're offline. Connect to the internet to log in."
-msgstr ""

frontend/viewer/src/locales/fr.po

@@ -1122,6 +1122,11 @@ msgstr "Uniquement au niveau local"
 msgid "Login"
 msgstr "Connexion"
 
+#. Toast shown when the user closes or cancels the login dialog before signing in.
+#: src/lib/auth/LoginButton.svelte
+msgid "Login cancelled."
+msgstr ""
+
 #. Default button label on the login button when not yet authenticated. Clicking opens the login flow for a server.
 #: src/lib/auth/LoginButton.svelte
 #: src/lib/auth/LoginButton.svelte
@@ -1409,6 +1414,10 @@ msgstr "Ouvert"
 msgid "Open Data Directory"
 msgstr "Répertoire des données ouvertes"
 
+#: src/lib/auth/LoginButton.svelte
+msgid "Open in browser"
+msgstr ""
+
 #. Button label
 #: src/lib/components/OpenInFieldWorksButton.svelte
 msgid "Open in FieldWorks"
@@ -2166,6 +2175,10 @@ msgstr "Systèmes d'écriture"
 msgid "Writing Systems"
 msgstr "Systèmes d'écriture"
 
+#: src/lib/auth/LoginButton.svelte
+msgid "You appear to be offline. Can you reach {0}?"
+msgstr ""
+
 #. Status message when no updates are available
 #: src/lib/updates/UpdateDialogContent.svelte
 msgid "You are running the latest version."
@@ -2186,8 +2199,3 @@ msgstr "Vous n'êtes pas autorisé(e) de télécharger le projet {0} depuis {1}"
 #: src/home/Server.svelte
 msgid "You have already downloaded the {0} project"
 msgstr "Vous avez déjà téléchargé le projet {0}"
-
-#. Transient warning toast shown when the user taps Log in while offline
-#: src/lib/auth/LoginButton.svelte
-msgid "You're offline. Connect to the internet to log in."
-msgstr ""

frontend/viewer/src/locales/id.po

@@ -1122,6 +1122,11 @@ msgstr "Hanya lokal"
 msgid "Login"
 msgstr "Masuk"
 
+#. Toast shown when the user closes or cancels the login dialog before signing in.
+#: src/lib/auth/LoginButton.svelte
+msgid "Login cancelled."
+msgstr ""
+
 #. Default button label on the login button when not yet authenticated. Clicking opens the login flow for a server.
 #: src/lib/auth/LoginButton.svelte
 #: src/lib/auth/LoginButton.svelte
@@ -1409,6 +1414,10 @@ msgstr "Buka"
 msgid "Open Data Directory"
 msgstr "Direktori Data Terbuka"
 
+#: src/lib/auth/LoginButton.svelte
+msgid "Open in browser"
+msgstr ""
+
 #. Button label
 #: src/lib/components/OpenInFieldWorksButton.svelte
 msgid "Open in FieldWorks"
@@ -2166,6 +2175,10 @@ msgstr "Sistem penulisan"
 msgid "Writing Systems"
 msgstr "Sistem Penulisan"
 
+#: src/lib/auth/LoginButton.svelte
+msgid "You appear to be offline. Can you reach {0}?"
+msgstr ""
+
 #. Status message when no updates are available
 #: src/lib/updates/UpdateDialogContent.svelte
 msgid "You are running the latest version."
@@ -2186,8 +2199,3 @@ msgstr "Anda tidak memiliki izin untuk mengunduh proyek {0} dari {1}"
 #: src/home/Server.svelte
 msgid "You have already downloaded the {0} project"
 msgstr "Anda telah mengunduh proyek {0}"
-
-#. Transient warning toast shown when the user taps Log in while offline
-#: src/lib/auth/LoginButton.svelte
-msgid "You're offline. Connect to the internet to log in."
-msgstr ""

frontend/viewer/src/locales/ko.po

@@ -1122,6 +1122,11 @@ msgstr "로컬 전용"
 msgid "Login"
 msgstr "로그인"
 
+#. Toast shown when the user closes or cancels the login dialog before signing in.
+#: src/lib/auth/LoginButton.svelte
+msgid "Login cancelled."
+msgstr ""
+
 #. Default button label on the login button when not yet authenticated. Clicking opens the login flow for a server.
 #: src/lib/auth/LoginButton.svelte
 #: src/lib/auth/LoginButton.svelte
@@ -1409,6 +1414,10 @@ msgstr "열기"
 msgid "Open Data Directory"
 msgstr "오픈 데이터 디렉터리"
 
+#: src/lib/auth/LoginButton.svelte
+msgid "Open in browser"
+msgstr ""
+
 #. Button label
 #: src/lib/components/OpenInFieldWorksButton.svelte
 msgid "Open in FieldWorks"
@@ -2166,6 +2175,10 @@ msgstr "쓰기 시스템"
 msgid "Writing Systems"
 msgstr "쓰기 시스템"
 
+#: src/lib/auth/LoginButton.svelte
+msgid "You appear to be offline. Can you reach {0}?"
+msgstr ""
+
 #. Status message when no updates are available
 #: src/lib/updates/UpdateDialogContent.svelte
 msgid "You are running the latest version."
@@ -2186,8 +2199,3 @@ msgstr "{1}에서 {0} 프로젝트를 다운로드할 수 있는 권한이 없
 #: src/home/Server.svelte
 msgid "You have already downloaded the {0} project"
 msgstr "이미 {0} 프로젝트를 다운로드하셨습니다."
-
-#. Transient warning toast shown when the user taps Log in while offline
-#: src/lib/auth/LoginButton.svelte
-msgid "You're offline. Connect to the internet to log in."
-msgstr ""

frontend/viewer/src/locales/ms.po

@@ -1122,6 +1122,11 @@ msgstr "Tempatan sahaja"
 msgid "Login"
 msgstr "Log masuk"
 
+#. Toast shown when the user closes or cancels the login dialog before signing in.
+#: src/lib/auth/LoginButton.svelte
+msgid "Login cancelled."
+msgstr ""
+
 #. Default button label on the login button when not yet authenticated. Clicking opens the login flow for a server.
 #: src/lib/auth/LoginButton.svelte
 #: src/lib/auth/LoginButton.svelte
@@ -1409,6 +1414,10 @@ msgstr "Buka"
 msgid "Open Data Directory"
 msgstr "Buka Direktori Data"
 
+#: src/lib/auth/LoginButton.svelte
+msgid "Open in browser"
+msgstr ""
+
 #. Button label
 #: src/lib/components/OpenInFieldWorksButton.svelte
 msgid "Open in FieldWorks"
@@ -2166,6 +2175,10 @@ msgstr "Sistem tulisan"
 msgid "Writing Systems"
 msgstr "Sistem Penulisan"
 
+#: src/lib/auth/LoginButton.svelte
+msgid "You appear to be offline. Can you reach {0}?"
+msgstr ""
+
 #. Status message when no updates are available
 #: src/lib/updates/UpdateDialogContent.svelte
 msgid "You are running the latest version."
@@ -2186,8 +2199,3 @@ msgstr "Anda tidak mempunyai kebenaran untuk memuat turun projek {0} daripada {1
 #: src/home/Server.svelte
 msgid "You have already downloaded the {0} project"
 msgstr "Anda telah pun memuat turun projek {0}"
-
-#. Transient warning toast shown when the user taps Log in while offline
-#: src/lib/auth/LoginButton.svelte
-msgid "You're offline. Connect to the internet to log in."
-msgstr ""

frontend/viewer/src/locales/sw.po

@@ -1122,6 +1122,11 @@ msgstr "Mitaa tu"
 msgid "Login"
 msgstr "Ingia"
 
+#. Toast shown when the user closes or cancels the login dialog before signing in.
+#: src/lib/auth/LoginButton.svelte
+msgid "Login cancelled."
+msgstr ""
+
 #. Default button label on the login button when not yet authenticated. Clicking opens the login flow for a server.
 #: src/lib/auth/LoginButton.svelte
 #: src/lib/auth/LoginButton.svelte
@@ -1409,6 +1414,10 @@ msgstr "Fungua"
 msgid "Open Data Directory"
 msgstr "Fungua Faharasa ya Data"
 
+#: src/lib/auth/LoginButton.svelte
+msgid "Open in browser"
+msgstr ""
+
 #. Button label
 #: src/lib/components/OpenInFieldWorksButton.svelte
 msgid "Open in FieldWorks"
@@ -2166,6 +2175,10 @@ msgstr "Mifumo ya uandishi"
 msgid "Writing Systems"
 msgstr "Mifumo ya Kuandika"
 
+#: src/lib/auth/LoginButton.svelte
+msgid "You appear to be offline. Can you reach {0}?"
+msgstr ""
+
 #. Status message when no updates are available
 #: src/lib/updates/UpdateDialogContent.svelte
 msgid "You are running the latest version."
@@ -2186,8 +2199,3 @@ msgstr "Huna ruhusa ya kupakua mradi {0} kutoka {1}"
 #: src/home/Server.svelte
 msgid "You have already downloaded the {0} project"
 msgstr "Umeshapakua mradi wa {0}"
-
-#. Transient warning toast shown when the user taps Log in while offline
-#: src/lib/auth/LoginButton.svelte
-msgid "You're offline. Connect to the internet to log in."
-msgstr ""

frontend/viewer/src/locales/vi.po

@@ -1122,6 +1122,11 @@ msgstr "Chỉ cục bộ"
 msgid "Login"
 msgstr "Đăng nhập"
 
+#. Toast shown when the user closes or cancels the login dialog before signing in.
+#: src/lib/auth/LoginButton.svelte
+msgid "Login cancelled."
+msgstr ""
+
 #. Default button label on the login button when not yet authenticated. Clicking opens the login flow for a server.
 #: src/lib/auth/LoginButton.svelte
 #: src/lib/auth/LoginButton.svelte
@@ -1409,6 +1414,10 @@ msgstr "Mở"
 msgid "Open Data Directory"
 msgstr "Mở Thư mục Dữ liệu"
 
+#: src/lib/auth/LoginButton.svelte
+msgid "Open in browser"
+msgstr ""
+
 #. Button label
 #: src/lib/components/OpenInFieldWorksButton.svelte
 msgid "Open in FieldWorks"
@@ -2166,6 +2175,10 @@ msgstr "Hệ thống chữ viết"
 msgid "Writing Systems"
 msgstr "Các hệ chữ"
 
+#: src/lib/auth/LoginButton.svelte
+msgid "You appear to be offline. Can you reach {0}?"
+msgstr ""
+
 #. Status message when no updates are available
 #: src/lib/updates/UpdateDialogContent.svelte
 msgid "You are running the latest version."
@@ -2186,8 +2199,3 @@ msgstr "Bạn không có quyền tải dự án {0} từ {1}"
 #: src/home/Server.svelte
 msgid "You have already downloaded the {0} project"
 msgstr "Bạn đã tải xuống dự án {0}"
-
-#. Transient warning toast shown when the user taps Log in while offline
-#: src/lib/auth/LoginButton.svelte
-msgid "You're offline. Connect to the internet to log in."
-msgstr ""