Browse Source

use flex layout for lib select

HOME 2 years ago
parent
commit
2e6f711433
2 changed files with 21 additions and 18 deletions
  1. 16 18
      FNZCM/FNZCM.BlazorWasm/UI/App.razor
  2. 5 0
      FNZCM/FNZCM.ConHost/HostProgram.cs

+ 16 - 18
FNZCM/FNZCM.BlazorWasm/UI/App.razor

@@ -6,7 +6,7 @@
          
          
         @if (Libraries != null && MediaTags == null)
         @if (Libraries != null && MediaTags == null)
         {
         {
-            <span>Load tags...</span>
+            <span>Loading tags...</span>
         }
         }
         &nbsp;
         &nbsp;
     </h2>
     </h2>
@@ -44,22 +44,20 @@
         <div class="tab-content" id="RootTabContent">
         <div class="tab-content" id="RootTabContent">
             <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
             <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
                 <div class="row justify-content-evenly mt-2">
                 <div class="row justify-content-evenly mt-2">
-                    <div class="row">
-                        <div class="col-2 mt-2">
-                            Library (@Libraries.Count) :
-                        </div>
-                        <div class="col-10 mt-2">
-                            <Select2 TItem="KeyValuePair<string,Library>"
-                                 TSource="IReadOnlyCollection<KeyValuePair<string,Library>>"
-                                 IdSelector="c => c.Key"
-                                 TextSelector="c =>c.Value.Name+' '+'('+c.Value.Discs.Count+')'"
-                                 FilterFunction="FilterLibrary"
-                                 GetElementById="async (items, id, token) => items.FirstOrDefault(q=>q.Key==id)"
-                                 Datasource="Libraries.OrderBy(p=>p.Key).ToArray()"
-                                 Value="@SelectedLibs"
-                                 Multiselect="false"
-                                 OnValueChanged="SelectedLibraryChanged"/>
+                    <div class="d-flex flex-row bd-highlight mt-2">
+                        <div>
+                            Libs(@Libraries.Count):
                         </div>
                         </div>
+                        <Select2 class="flex-fill" TItem="KeyValuePair<string,Library>"
+                             TSource="IReadOnlyCollection<KeyValuePair<string,Library>>"
+                             IdSelector="c => c.Key"
+                             TextSelector="c =>c.Value.Name+' '+'('+c.Value.Discs.Count+')'"
+                             FilterFunction="FilterLibrary"
+                             GetElementById="async (items, id, token) => items.FirstOrDefault(q=>q.Key==id)"
+                             Datasource="Libraries.OrderBy(p=>p.Key).ToArray()"
+                             Value="@SelectedLibs"
+                             Multiselect="false"
+                             OnValueChanged="SelectedLibraryChanged" />
                     </div>
                     </div>
                     <div class="row mt-2">
                     <div class="row mt-2">
                         <div class="col-12">
                         <div class="col-12">
@@ -75,8 +73,8 @@
                                                     <p class="card-text">@d.Value.Name</p>
                                                     <p class="card-text">@d.Value.Name</p>
                                                     <div class="d-flex justify-content-between align-items-center">
                                                     <div class="d-flex justify-content-between align-items-center">
                                                         <div class="btn-group">
                                                         <div class="btn-group">
-                                                            <button type="button" class="btn btn-sm btn-outline-secondary">@d.Value.MainTracks.Count</button>
-                                                            <button type="button" class="btn btn-sm btn-outline-secondary">@d.Value.SubTracks.Count</button>
+                                                            <button type="button" class="btn btn-sm btn-outline-secondary">Track @d.Value.MainTracks.Count</button>
+                                                            <button type="button" class="btn btn-sm btn-outline-secondary">SubSet @d.Value.SubTracks.Count</button>
                                                         </div>
                                                         </div>
                                                         <small class="text-muted">@GetDiscDurationDisplay(CurrentLibraryKey,d.Key)</small>
                                                         <small class="text-muted">@GetDiscDurationDisplay(CurrentLibraryKey,d.Key)</small>
                                                     </div>
                                                     </div>

+ 5 - 0
FNZCM/FNZCM.ConHost/HostProgram.cs

@@ -227,6 +227,11 @@ namespace FNZCM.ConHost
             _isLoading = false;
             _isLoading = false;
         }
         }
 
 
+        private static void ReloadModules()
+        {
+
+        }
+
         private static void Working()
         private static void Working()
         {
         {
             var listener = new HttpListener();
             var listener = new HttpListener();