feat: text field hints

bluecherrydvr · Nov 22, 2023 · db0f77a · db0f77a
1 parent 8448f08
commit db0f77a
Show file tree

Hide file tree

Showing 7 changed files with 26 additions and 12 deletions.
diff --git a/lib/l10n/app_en.arb b/lib/l10n/app_en.arb
@@ -9,6 +9,7 @@
   "rtspPort": "RTSP Port",
   "serverName": "Server Name",
   "username": "Username",
+  "usernameHint": "Admin",
   "password": "Password",
   "savePassword": "Save password",
   "showPassword": "Show password",
@@ -203,8 +204,9 @@
   "multipleView": "Multiple view",
   "compactView": "Compact view",
   "createNewLayout": "Create new layout",
-  "layoutNameHint": "Layout name",
-  "layoutTypeHint": "Layout type",
+  "layoutName": "Layout name",
+  "layoutNameHint": "First floor",
+  "layoutTypeLabel": "Layout type",
   "@Downloads": {},
   "downloads": "Downloads",
   "download": "Download",

diff --git a/lib/l10n/app_fr.arb b/lib/l10n/app_fr.arb
@@ -9,6 +9,7 @@
   "rtspPort": "RTSP Port",
   "serverName": "Server Name",
   "username": "Nom d'utilisateur",
+  "usernameHint": "Admin",
   "password": "Mot de passe",
   "savePassword": "Sauvegarder mot de passe",
   "showPassword": "Afficher mot de passe",
@@ -193,8 +194,9 @@
   "multipleView": "Vue multiple",
   "compactView": "Vue compacte",
   "createNewLayout": "Créer une nouvelle disposition",
-  "layoutNameHint": "Nom de la disposition",
-  "layoutTypeHint": "Type de disposition",
+  "layoutName": "Nom de la disposition",
+  "layoutNameHint": "First floor",
+  "layoutTypeLabel": "Type de disposition",
   "@Downloads": {},
   "downloads": "Téléchargements",
   "download": "Télécharger",

diff --git a/lib/l10n/app_pl.arb b/lib/l10n/app_pl.arb
@@ -9,6 +9,7 @@
   "rtspPort": "RTSP Port",
   "serverName": "Server Name",
   "username": "Nazwa użytkownika",
+  "usernameHint": "Admin",
   "password": "Hasło",
   "savePassword": "Zapisz hasło",
   "showPassword": "Show password",
@@ -203,8 +204,9 @@
   "multipleView": "Widok wielokrotny",
   "compactView": "Widok kompaktowy",
   "createNewLayout": "Utwórz nowy układ",
-  "layoutNameHint": "Nazwa układu",
-  "layoutTypeHint": "Typ układu",
+  "layoutName": "Nazwa układu",
+  "layoutNameHint": "First floor",
+  "layoutTypeLabel": "Typ układu",
   "@Downloads": {},
   "downloads": "Pobrania",
   "download": "Pobierz",

diff --git a/lib/l10n/app_pt.arb b/lib/l10n/app_pt.arb
@@ -9,6 +9,7 @@
   "rtspPort": "Porta RTSP",
   "serverName": "Nome do servidor",
   "username": "Nome de usuário",
+  "usernameHint": "Admin",
   "password": "Senha",
   "savePassword": "Salvar senha",
   "showPassword": "Mostrar senha",
@@ -203,8 +204,9 @@
   "multipleView": "Múltiplas câmeras",
   "compactView": "Visualização compacta",
   "createNewLayout": "Criar novo layout",
-  "layoutNameHint": "Nome do layout",
-  "layoutTypeHint": "Tipo do layout",
+  "layoutName": "Nome do layout",
+  "layoutNameHint": "Primeiro andar",
+  "layoutTypeLabel": "Tipo do layout",
   "@Downloads": {},
   "downloads": "Downloads",
   "download": "Baixar",

diff --git a/lib/widgets/device_grid/desktop/layout_manager.dart b/lib/widgets/device_grid/desktop/layout_manager.dart
@@ -497,11 +497,11 @@ class _NewLayoutDialogState extends State<NewLayoutDialog> {
           controller: controller,
           decoration: InputDecoration(
             hintText: loc.layoutNameHint,
-            label: Text(loc.layoutNameHint),
+            label: Text(loc.layoutName),
           ),
           textInputAction: TextInputAction.none,
         ),
-        SubHeader(loc.layoutTypeHint, padding: EdgeInsetsDirectional.zero),
+        SubHeader(loc.layoutTypeLabel, padding: EdgeInsetsDirectional.zero),
         _LayoutTypeChooser(
           selected: selected,
           onSelect: (index) {
@@ -588,11 +588,11 @@ class _EditLayoutDialogState extends State<EditLayoutDialog> {
           controller: controller,
           decoration: InputDecoration(
             hintText: loc.layoutNameHint,
-            label: Text(loc.layoutNameHint),
+            label: Text(loc.layoutName),
           ),
           textInputAction: TextInputAction.none,
         ),
-        SubHeader(loc.layoutTypeHint, padding: EdgeInsetsDirectional.zero),
+        SubHeader(loc.layoutName, padding: EdgeInsetsDirectional.zero),
         _LayoutTypeChooser(
           selected: selected,
           onSelect: (index) {

diff --git a/lib/widgets/servers/add_server.dart b/lib/widgets/servers/add_server.dart
@@ -394,6 +394,7 @@ class _ConfigureDVRServerScreenState extends State<ConfigureDVRServerScreen> {
       textInputAction: TextInputAction.next,
       decoration: InputDecoration(
         label: Text(loc.username),
+        hintText: loc.usernameHint,
         border: const OutlineInputBorder(),
       ),
     );

diff --git a/lib/widgets/servers/edit_server.dart b/lib/widgets/servers/edit_server.dart
@@ -20,6 +20,7 @@
 import 'package:bluecherry_client/api/api.dart';
 import 'package:bluecherry_client/models/server.dart';
 import 'package:bluecherry_client/providers/server_provider.dart';
+import 'package:bluecherry_client/utils/constants.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_gen/gen_l10n/app_localizations.dart';
 
@@ -123,6 +124,7 @@ class _EditServerState extends State<EditServer> {
                 style: theme.textTheme.headlineMedium,
                 decoration: InputDecoration(
                   label: Text(loc.hostname),
+                  hintText: loc.serverHostnameExample,
                   border: const OutlineInputBorder(),
                 ),
               ),
@@ -145,6 +147,7 @@ class _EditServerState extends State<EditServer> {
                 style: theme.textTheme.headlineMedium,
                 decoration: InputDecoration(
                   label: Text(loc.port),
+                  hintText: '$kDefaultPort',
                   border: const OutlineInputBorder(),
                 ),
               ),
@@ -167,6 +170,7 @@ class _EditServerState extends State<EditServer> {
                 style: theme.textTheme.headlineMedium,
                 decoration: InputDecoration(
                   label: Text(loc.rtspPort),
+                  hintText: '$kDefaultRTSPPort',
                   border: const OutlineInputBorder(),
                 ),
               ),
@@ -208,6 +212,7 @@ class _EditServerState extends State<EditServer> {
                 style: theme.textTheme.headlineMedium,
                 decoration: InputDecoration(
                   label: Text(loc.username),
+                  hintText: loc.usernameHint,
                   border: const OutlineInputBorder(),
                 ),
               ),