Add prep mode presentation (#33)

Author: KSemenenko

src/PrompterOne.Shared/AppShell/Layout/MainLayout.razor.cs

@@ -286,6 +286,7 @@ private void SyncShellStateWithCurrentRoute(string uri)
                 Shell.ShowEditor(ShellState.Title, currentScriptId);
                 break;
             case AppRoutes.Learn:
+            case AppRoutes.Prep:
                 Shell.ShowLearn(ShellState.Title, ShellState.Subtitle, ShellState.WpmLabel, currentScriptId);
                 break;
             case AppRoutes.Teleprompter:

src/PrompterOne.Shared/AppShell/Services/AppShellService.cs

@@ -275,6 +275,7 @@ private static bool IsSettingsRoute(string route) =>
         AppRoutes.Library => true,
         AppRoutes.Editor => true,
         AppRoutes.Learn => true,
+        AppRoutes.Prep => true,
         AppRoutes.Teleprompter => true,
         AppRoutes.GoLive => true,
         AppRoutes.Settings => true,

src/PrompterOne.Shared/Contracts/AppRoutes.cs

@@ -9,6 +9,7 @@ public static class AppRoutes
     public const string Library = "/library";
     public const string Editor = "/editor";
     public const string Learn = "/learn";
+    public const string Prep = "/prep";
     public const string Teleprompter = "/teleprompter";
     public const string GoLive = "/go-live";
     public const string Settings = "/settings";
@@ -20,6 +21,8 @@ public static class AppRoutes
 
     public static string LearnWithId(string scriptId) => BuildScoped(Learn, scriptId);
 
+    public static string PrepWithId(string scriptId) => BuildScoped(Prep, scriptId);
+
     public static string TeleprompterWithId(string scriptId) => BuildScoped(Teleprompter, scriptId);
 
     public static string GoLiveWithId(string scriptId) => BuildScoped(GoLive, scriptId);

src/PrompterOne.Shared/Contracts/UiTestIds.Library.cs

@@ -46,6 +46,8 @@ public static class Library
 
         public static string CardLearn(string scriptId) => $"library-card-learn-{scriptId}";
 
+        public static string CardPrep(string scriptId) => $"library-card-prep-{scriptId}";
+
         public static string CardFavorite(string scriptId) => $"library-card-favorite-{scriptId}";
 
         public static string CardMenu(string scriptId) => $"library-card-menu-{scriptId}";

src/PrompterOne.Shared/Learn/Pages/LearnPage.razor

@@ -1,4 +1,5 @@
 @page "/learn"
+@page "/prep"
 @namespace PrompterOne.Shared.Pages
 @using PrompterOne.Shared.Components
 @using PrompterOne.Shared.Contracts

src/PrompterOne.Shared/Library/Components/LibraryCardsGrid.razor

@@ -16,6 +16,7 @@
                            OnDeleteScript="@(() => HandleDeleteScriptAsync(card.Id))"
                            OnDuplicateScript="@(() => HandleDuplicateScriptAsync(card.Id))"
                            OnLearnScript="@(() => OnLearnScript.InvokeAsync(card.Id))"
+                           OnPrepScript="@(() => OnPrepScript.InvokeAsync(card.Id))"
                            OnMoveScript="@(folderId => HandleMoveScriptAsync(card.Id, folderId))"
                            OnOpenScript="@(() => HandleOpenScriptAsync(card.Id))"
                            OnReadScript="@(() => OnReadScript.InvokeAsync(card.Id))"
@@ -77,6 +78,8 @@
 
     [Parameter, EditorRequired] public EventCallback<string> OnLearnScript { get; set; }
 
+    [Parameter, EditorRequired] public EventCallback<string> OnPrepScript { get; set; }
+
     [Parameter, EditorRequired] public EventCallback<string> OnReadScript { get; set; }
 
     [Parameter, EditorRequired] public EventCallback OnCreateScript { get; set; }

src/PrompterOne.Shared/Library/Components/LibraryScriptCard.razor

@@ -141,7 +141,14 @@
                     <path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z" />
                     <path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z" />
                 </svg>
-                @Text(UiTextKey.LibraryCardLearn)
+                <span class="dcard-act-label">@Text(UiTextKey.LibraryCardLearn)</span>
+            </button>
+            <button class="dcard-act dcard-act-prep"
+                    @onclick:stopPropagation="true"
+                    @onclick="HandlePrepScriptAsync"
+                    data-test="@UiTestIds.Library.CardPrep(Card.Id)">
+                <UiIcon Kind="UiIconKind.TextLines" Size="14" />
+                <span class="dcard-act-label">@Text(UiTextKey.LibraryCardPrep)</span>
             </button>
             <button class="dcard-act dcard-act-go"
                     @onclick:stopPropagation="true"
@@ -150,7 +157,7 @@
                 <svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor">
                     <polygon points="5,3 19,12 5,21" />
                 </svg>
-                @Text(UiTextKey.LibraryCardRead)
+                <span class="dcard-act-label">@Text(UiTextKey.LibraryCardRead)</span>
             </button>
         </div>
     </div>
@@ -184,6 +191,7 @@
     [Parameter] public EventCallback OnDeleteScript { get; set; }
     [Parameter] public EventCallback OnDuplicateScript { get; set; }
     [Parameter] public EventCallback OnLearnScript { get; set; }
+    [Parameter] public EventCallback OnPrepScript { get; set; }
     [Parameter] public EventCallback<string?> OnMoveScript { get; set; }
     [Parameter] public EventCallback OnOpenScript { get; set; }
     [Parameter] public EventCallback OnReadScript { get; set; }
@@ -205,6 +213,8 @@
 
     private Task HandleLearnScriptAsync() => OnLearnScript.InvokeAsync();
 
+    private Task HandlePrepScriptAsync() => OnPrepScript.InvokeAsync();
+
     private Task HandleMoveScriptAsync(string? folderId) => OnMoveScript.InvokeAsync(folderId);
 
     private Task HandleOpenScriptAsync() => OnOpenScript.InvokeAsync();

src/PrompterOne.Shared/Library/Pages/LibraryPage.ScriptActions.cs

@@ -40,6 +40,12 @@ private Task LearnScriptAsync(string id)
         return Task.CompletedTask;
     }
 
+    private Task PrepScriptAsync(string id)
+    {
+        Navigation.NavigateTo(AppRoutes.PrepWithId(id));
+        return Task.CompletedTask;
+    }
+
     private Task ReadScriptAsync(string id)
     {
         Navigation.NavigateTo(AppRoutes.TeleprompterWithId(id));

src/PrompterOne.Shared/Library/Pages/LibraryPage.razor

@@ -66,6 +66,7 @@
                               OnToggleFavorite="ToggleFavoriteAsync"
                               OnDeleteScript="DeleteScriptAsync"
                               OnLearnScript="LearnScriptAsync"
+                              OnPrepScript="PrepScriptAsync"
                               OnReadScript="ReadScriptAsync"
                               OnCreateScript="CreateScriptAsync"
                               OnStartCreateFolder="StartCreateFolder" />

src/PrompterOne.Shared/Localization/SharedResource.de.resx

@@ -192,6 +192,9 @@
   <data name="HeaderLearn" xml:space="preserve">
     <value>Lernen</value>
   </data>
+  <data name="HeaderPrep" xml:space="preserve">
+    <value>Vorbereitung</value>
+  </data>
   <data name="HeaderRead" xml:space="preserve">
     <value>Lesen</value>
   </data>
@@ -1716,6 +1719,9 @@
   <data name="LibraryCardLearn" xml:space="preserve">
     <value>Üben</value>
   </data>
+  <data name="LibraryCardPrep" xml:space="preserve">
+    <value>Vorbereiten</value>
+  </data>
   <data name="LibraryCardRead" xml:space="preserve">
     <value>Teleprompter</value>
   </data>