Merge pull request #1048 from hargata/Hargata/1035

persist global search settings in localStorage.

Author: hargata

Helper/StaticHelper.cs

@@ -12,7 +12,7 @@ namespace CarCareTracker.Helper
     /// </summary>
     public static class StaticHelper
     {
-        public const string VersionNumber = "1.5.0";
+        public const string VersionNumber = "1.5.1";
         public const string DbName = "data/cartracker.db";
         public const string UserConfigPath = "data/config/userConfig.json";
         public const string ServerConfigPath = "data/config/serverConfig.json";

Views/Vehicle/Index.cshtml

@@ -187,11 +187,11 @@
                     <button type="button" class="btn btn-outline-secondary" onclick="performGlobalSearch()"><i class="bi bi-search"></i></button>
                 </div>
                 <div class="form-check form-check-inline form-switch mt-1">
-                    <input class="form-check-input" type="checkbox" role="switch" id="globalSearchAutoSearchCheck" checked>
+                    <input class="form-check-input" type="checkbox" role="switch" onchange="saveGlobalSearchSettings()" id="globalSearchAutoSearchCheck" checked>
                     <label class="form-check-label" for="globalSearchAutoSearchCheck">@translator.Translate(userLanguage, "Incremental Search")</label>
                 </div>
                 <div class="form-check form-check-inline form-switch mt-1">
-                    <input class="form-check-input" type="checkbox" onChange="performGlobalSearch()" role="switch" id="globalSearchCaseSensitiveCheck" checked>
+                    <input class="form-check-input" type="checkbox" onchange="performGlobalSearch()" role="switch" id="globalSearchCaseSensitiveCheck" checked>
                     <label class="form-check-label" for="globalSearchCaseSensitiveCheck">@translator.Translate(userLanguage, "Case Sensitive")</label>
                 </div>
                 <div id="globalSearchModalResults"></div>

Views/Vehicle/Plan/_PlanRecordItem.cshtml

@@ -1,4 +1,10 @@
-@model PlanRecord
+@using CarCareTracker.Helper
+@inject IConfigHelper config
+@{
+    var userConfig = config.GetUserConfig(User);
+    var hideZero = userConfig.HideZero;
+}
+@model PlanRecord
 <div class="taskCard @(Model.Progress == PlanProgress.Done ? "nodrag" : "") text-dark user-select-none mt-2 mb-2" draggable="@(Model.Progress == PlanProgress.Done ? "false" : "true")" ondragstart="dragStart(event, @Model.Id)" onclick="@(Model.Progress == PlanProgress.Done ? $"deletePlanRecord({Model.Id}, true)" : $"showEditPlanRecordModal({Model.Id})")" oncontextmenu="@($"showPlanTableContextMenu(this, {Model.Id}, '{Model.Progress}')")" onmouseup="stopEvent()" ontouchstart="detectPlanItemLongTouch(this, @Model.Id, '@Model.Progress')" ontouchend="detectPlanItemTouchEndPremature(this)">
     <div class="card-body">
         <div class="row">
@@ -12,7 +18,7 @@
                 }
             </div>
             <div class="col-12 col-lg-4 d-flex align-items-center">
-                <span class="text-truncate">@Model.Cost.ToString("C2")</span>
+                <span class="text-truncate">@(StaticHelper.HideZeroCost(Model.Cost, hideZero))</span>
             </div>
         </div>
         <div class="row">

wwwroot/js/vehicle.js

@@ -660,10 +660,26 @@ function getLastOdometerReadingAndIncrement(odometerFieldName) {
 
 function showGlobalSearch() {
     $('#globalSearchModal').modal('show');
+    restoreGlobalSearchSettings();
 }
 function hideGlobalSearch() {
     $('#globalSearchModal').modal('hide');
 }
+function saveGlobalSearchSettings() {
+    let globalSearchSettings = {
+        incrementalSearch: $('#globalSearchAutoSearchCheck').is(':checked'),
+        caseSensitive: $('#globalSearchCaseSensitiveCheck').is(':checked')
+    };
+    localStorage.setItem('globalSearchSettings', JSON.stringify(globalSearchSettings));
+}
+function restoreGlobalSearchSettings() {
+    let globalSearchSettings = localStorage.getItem('globalSearchSettings');
+    if (globalSearchSettings != null) {
+        let parsedGlobalSearchSettings = JSON.parse(globalSearchSettings);
+        $('#globalSearchAutoSearchCheck').attr('checked', parsedGlobalSearchSettings.incrementalSearch);
+        $('#globalSearchCaseSensitiveCheck').attr('checked', parsedGlobalSearchSettings.caseSensitive);
+    }
+}
 function performGlobalSearch() {
     var searchQuery = $('#globalSearchInput').val();
     if (searchQuery.trim() == '') {
@@ -672,6 +688,7 @@ function performGlobalSearch() {
         $('#globalSearchInput').removeClass('is-invalid');
     }
     let caseSensitiveSearch = $("#globalSearchCaseSensitiveCheck").is(':checked');
+    saveGlobalSearchSettings();
     $.post('/Vehicle/SearchRecords', { vehicleId: GetVehicleId().vehicleId, searchQuery: searchQuery, caseSensitive: caseSensitiveSearch }, function (data) {
         $('#globalSearchModalResults').html(data);
     });