From feb3c5fd4aeabdaa3eb310cc11d2e2d6da611457 Mon Sep 17 00:00:00 2001
From: "Daniel J. Summers" <daniel@bitbadger.solutions>
Date: Mon, 18 Jan 2021 14:52:24 -0500
Subject: [PATCH] Search UI complete (#3)

"Back" doesn't preserve search results; need to fix that before this is done
---
 .../Client/Pages/Profile/Search.razor         | 11 +++++---
 .../Client/Pages/Profile/Search.razor.cs      |  3 ---
 .../Client/Shared/Collapsible.razor           | 25 +++++++++++++++++++
 .../Client/Shared/Collapsible.razor.css       | 16 ++++++++++++
 src/JobsJobsJobs/Directory.Build.props        |  4 +--
 5 files changed, 51 insertions(+), 8 deletions(-)
 create mode 100644 src/JobsJobsJobs/Client/Shared/Collapsible.razor
 create mode 100644 src/JobsJobsJobs/Client/Shared/Collapsible.razor.css

diff --git a/src/JobsJobsJobs/Client/Pages/Profile/Search.razor b/src/JobsJobsJobs/Client/Pages/Profile/Search.razor
index 0175372..7de385c 100644
--- a/src/JobsJobsJobs/Client/Pages/Profile/Search.razor
+++ b/src/JobsJobsJobs/Client/Pages/Profile/Search.razor
@@ -14,9 +14,9 @@
   {
     if (!Searched)
     {
-      <p>Instructions go here</p>
+      <p>Enter one or more criteria to filter results, or just click &ldquo;Search&rdquo; to list all profiles.</p>
     }
-    <section>
+    <Collapsible HeaderText="Search Criteria" Collapsed=@(Searched && SearchResults.Any())>
       <EditForm Model=@Criteria OnValidSubmit=@RetrieveProfiles>
         <div class="form-row">
           <div class="col col-12 col-sm-6 col-md-4 col-lg-3">
@@ -64,7 +64,8 @@
           </div>
         </div>
       </EditForm>
-    </section>
+    </Collapsible>
+    <br>
     @if (SearchResults.Any())
     {
       <table class="table table-sm table-hover">
@@ -93,5 +94,9 @@
         </tbody>
       </table>
     }
+    else if (Searched)
+    {
+      <p>No results found for the specified criteria</p>
+    }
   }
 </ErrorList>
diff --git a/src/JobsJobsJobs/Client/Pages/Profile/Search.razor.cs b/src/JobsJobsJobs/Client/Pages/Profile/Search.razor.cs
index 337443b..82724be 100644
--- a/src/JobsJobsJobs/Client/Pages/Profile/Search.razor.cs
+++ b/src/JobsJobsJobs/Client/Pages/Profile/Search.razor.cs
@@ -54,9 +54,6 @@ namespace JobsJobsJobs.Client.Pages.Profile
             {
                 ErrorMessages.Add(continentResult.Error);
             }
-
-            // TODO: remove this call once the filter is ready
-            await RetrieveProfiles();
         }
 
         /// <summary>
diff --git a/src/JobsJobsJobs/Client/Shared/Collapsible.razor b/src/JobsJobsJobs/Client/Shared/Collapsible.razor
new file mode 100644
index 0000000..1f38e72
--- /dev/null
+++ b/src/JobsJobsJobs/Client/Shared/Collapsible.razor
@@ -0,0 +1,25 @@
+<div class="card">
+  <div class="card-header">
+    <a href="#" class="@(Collapsed ? "jjj-c-collapsed" : "jjj-c-open")"
+       @onclick=@Toggle @onclick:preventDefault>
+      @HeaderText
+    </a>
+  </div>
+  @if (!Collapsed)
+  {
+    <div class="card-body">@ChildContent</div>
+  }
+</div>
+
+@code {
+    [Parameter]
+    public RenderFragment ChildContent { get; set; } = default!;
+
+    [Parameter]
+    public bool Collapsed { get; set; } = false;
+
+    [Parameter]
+    public string HeaderText { get; set; } = "Toggle";
+
+    private void Toggle() => Collapsed = !Collapsed;
+}
diff --git a/src/JobsJobsJobs/Client/Shared/Collapsible.razor.css b/src/JobsJobsJobs/Client/Shared/Collapsible.razor.css
new file mode 100644
index 0000000..82ff7b3
--- /dev/null
+++ b/src/JobsJobsJobs/Client/Shared/Collapsible.razor.css
@@ -0,0 +1,16 @@
+a.jjj-c-collapsed,
+a.jjj-c-open {
+  text-decoration: none;
+  font-weight: bold;
+  color: black;
+}
+a.jjj-c-collapsed:hover,
+a.jjj-c-open:hover {
+  cursor: pointer;
+}
+.jjj-c-collapsed::before {
+  content: '\2b9e \00a0';
+}
+.jjj-c-open::before {
+  content: '\2b9f \00a0';
+}
\ No newline at end of file
diff --git a/src/JobsJobsJobs/Directory.Build.props b/src/JobsJobsJobs/Directory.Build.props
index eaa6e00..8868ec2 100644
--- a/src/JobsJobsJobs/Directory.Build.props
+++ b/src/JobsJobsJobs/Directory.Build.props
@@ -2,7 +2,7 @@
   <PropertyGroup>
     <TargetFramework>net5.0</TargetFramework>
     <Nullable>enable</Nullable>
-    <AssemblyVersion>0.7.2.0</AssemblyVersion>
-    <FileVersion>0.7.2.0</FileVersion>
+    <AssemblyVersion>0.8.0.0</AssemblyVersion>
+    <FileVersion>0.8.0.0</FileVersion>
   </PropertyGroup>
 </Project>