Halaman utama Jelajahi Bantuan
Masuk
coder
/
CloudMusic
1
0
Fork 0
Berkas Masalah 0 Tarik Permintaan 0 Wiki
Jelajahi Sumber

Minor style change; WIP search

HOME 2 tahun lalu
induk
f6afac7beb
melakukan
46e206bf39
4 mengubah file dengan 32 tambahan dan 15 penghapusan
Tampilan Split Tampilkan Statistik Diff
  1. 6 3
      FNZCM/FNZCM.BlazorWasm/UI/Components/PlaylistAddDialog.razor
  2. 1 1
      FNZCM/FNZCM.BlazorWasm/UI/Views/Default/Browse/DiscCardList.razor
  3. 6 3
      FNZCM/FNZCM.BlazorWasm/UI/Views/Default/Playlist/PlaylistView.razor
  4. 19 8
      FNZCM/FNZCM.BlazorWasm/UI/Views/Default/Search/SearchView.razor

+ 6 - 3
FNZCM/FNZCM.BlazorWasm/UI/Components/PlaylistAddDialog.razor
Tampilan Berkas 

@@ -7,7 +7,7 @@
 
     private bool CreatingNewList { get; set; }
 
     private string NewListName { get; set; }
 
 
-    private string NewListNameClass => string.IsNullOrWhiteSpace(NewListName) ? "border-warning border-4 form-control" : "form-control";
 
+    private string NewListNameClass => string.IsNullOrWhiteSpace(NewListName) ? "is-invalid form-control" : "form-control";
 
 }
 
 
 <FnzBoostrapModal @ref="dlgMain" CssClass="modal-md">
 
@@ -71,10 +71,13 @@
 
         {
 
             <div class="form-floating row w-100">
 
                 <InputText class="@NewListNameClass" placeholder="Input new playlist name" @oninput="NewPlaylistNameChanged" Value="@NewListName" ValueExpression="()=>NewListName"></InputText>
 
-                <label>New playlist Name</label>
 
                 @if (string.IsNullOrEmpty(NewListName))
 
                 {
 
-                    <small class="text-warning">Required</small>
 
+                    <label class="text-warning">Please enter new playlist name</label>
 
+                }
 
+                else
 
+                {
 
+                    <label>New playlist name</label>
 
                 }
 
             </div>

+ 1 - 1
FNZCM/FNZCM.BlazorWasm/UI/Views/Default/Browse/DiscCardList.razor
Tampilan Berkas 

@@ -10,7 +10,7 @@
 
             <div class="card-img-top disc-card-cover" style="background-image:url('@disc?.CoverPath.UrlEscape()'),url('blazor-192.png')">
 
             </div>
 
             <div class="card-body d-flex align-content-between flex-wrap p-2">
 
-                <p class="card-text position-relative">
 
+                <p class="card-text w-100 position-relative">
 
                     @disc?.Name
 
                     @if (disc?.Bks != null)
 
                     {

+ 6 - 3
FNZCM/FNZCM.BlazorWasm/UI/Views/Default/Playlist/PlaylistView.razor
Tampilan Berkas 

@@ -7,7 +7,7 @@
 
     private FnzBoostrapModal EditPlaylistDialog;
 
     private FnzBoostrapModal DeletePlaylistDialog;
 
 
-    private string EditListNameClass => string.IsNullOrWhiteSpace(CurrentEditPlaylistName) ? "border-warning border-4 form-control" : "form-control";
 
+    private string EditListNameClass => string.IsNullOrWhiteSpace(CurrentEditPlaylistName) ? "is-invalid form-control" : "form-control";
 
 }
 
 
 <div class="container mt-3">
 
@@ -90,10 +90,13 @@
 
     <Body>
 
         <div class="form-floating row w-100">
 
             <InputText class="@EditListNameClass" placeholder="Playlist Name" @oninput="EditPlaylistNameChanged" Value="@CurrentEditPlaylistName" ValueExpression="()=>CurrentEditPlaylistName"></InputText>
 
-            <label>Playlist Name</label>
 
             @if (string.IsNullOrEmpty(CurrentEditPlaylistName))
 
             {
 
-                <small class="text-warning">Required</small>
 
+                <label class="text-warning">Please enter playlist name</label>
 
+            }
 
+            else
 
+            {
 
+                <label>Playlist Name</label>
 
             }
 
         </div>
 
     </Body>

+ 19 - 8
FNZCM/FNZCM.BlazorWasm/UI/Views/Default/Search/SearchView.razor
Tampilan Berkas 

@@ -2,6 +2,7 @@
 
 
 @code {
 
     private string searchExpression;
 
+    private string selectTrackSetKey="main";
 
 }
 
 
 <div class="row">
 
@@ -11,20 +12,30 @@
 
                 <span>Filter</span>
 
             </legend>
 
             <div class="input-group">
 
-
 
                 <div class="form-floating">
 
                     <InputText type="search" class="form-control" placeholder="Search expression"
 
-                        Value="@searchExpression"
 
-                        ValueExpression="@(()=>searchExpression)"
 
-                        @oninput="SearchChanged"
 
-                        onsearch="@SearchDone"></InputText>
 
+                               Value="@searchExpression"
 
+                               ValueExpression="@(()=>searchExpression)"
 
+                               @oninput="SearchChanged"
 
+                               onsearch="@SearchDone">
 
+                    </InputText>
 
                     <label>Search expression</label>
 
                 </div>
 
-
 
                 <button @onclick="@SearchDone" class="btn btn-outline-secondary" type="button">Search</button>
 
             </div>
 
-            <div class="row">
 
-
 
+            <div class="row mt-3">
 
+                <label for="staticEmail" class="col-sm-2 col-form-label">Track set</label>
 
+                <div class="col-sm-10">
 
+                    <InputRadioGroup @bind-Value="selectTrackSetKey">
 
+                        <div class="btn-group" role="group" aria-label="Basic radio toggle button group">
 
+                            @foreach (var item in (DataSet.AllTracksSet.GroupBy(p => p.Key).Select(p => new { p.Key, Name = p.Select(q => q.Name).First() }).ToArray()).KeepNoEmpty().WithIndex())
 
+                            {
 
+                                <InputRadio class="btn-check" id="@("stk-"+item.index)" Value="item.item?.Key"></InputRadio>
 
+                                <label class="btn btn-outline-primary" for="@("stk-"+item.index)">@(item.item?.Name)</label>
 
+                            }
 
+                        </div>
 
+                    </InputRadioGroup>
 
+                </div>
 
             </div>
 
         </fieldset>
 
     </div>