Merge pull request #1182 from noobaa/ohad-fixes

Apply custom match op to both timezone fields

Author: nb-ohad

frontend/src/app/components/management/server-time-form/server-time-form.html

@@ -24,7 +24,7 @@ <h2 class="heading2" data-bind="click: () => expanded.toggle()">
             <dropdown params="
                 options: timezones, 
                 selected: timezone,
-                searchSelector: timezoneSearchSelector
+                matchOperator: matchByTimezoneName
             "></dropdown>
         </editor>
 
@@ -64,7 +64,11 @@ <h2 class="heading2" data-bind="click: () => expanded.toggle()">
     <!-- ko if: usingNTP -->
     <section class="container">
         <editor params="label: 'Time Zone'">
-            <dropdown params="options: timezones, selected: timezone"></dropdown>
+            <dropdown params="
+                options: timezones, 
+                selected: timezone,
+                matchOperator: matchByTimezoneName
+            "></dropdown>
         </editor>
 
         <editor params="label: 'NTP Server'">

frontend/src/app/components/management/server-time-form/server-time-form.js

@@ -12,12 +12,6 @@ const configTypes =  Object.freeze([
     { label: 'Network Time (NTP)', value: 'NTP' }
 ]);
 
-function timezoneSearchSelector({ label }, input) {
-    return !!label.toLowerCase().match(
-        new RegExp(`\\b${input.replace('/', '\\/')}`)
-    );
-}
-
 class ServerTimeFormViewModel {
     constructor() {
         this.expanded = ko.observable(false);
@@ -156,7 +150,11 @@ class ServerTimeFormViewModel {
             ntpServer: this.ntpServer
         });
 
-        this.timezoneSearchSelector = timezoneSearchSelector;
+        this.matchByTimezoneName = function({ label }, input) {
+            return !!label.toLowerCase().match(
+            new RegExp(`\\b${input.replace('/', '\\/')}`)
+        );
+};
     }
 
     applyChanges() {

frontend/src/app/components/shared/dropdown/dropdown.js

@@ -5,7 +5,7 @@ import { isDefined } from 'utils';
 
 const INPUT_THROTTLE = 1000;
 
-function defaultSearchSelector({ label }, input) {
+function matchByPrefix({ label }, input) {
     return label.toString().toLowerCase().startsWith(input);
 }
 
@@ -15,7 +15,7 @@ class DropdownViewModel {
         options = [], 
         placeholder = '', 
         disabled = false,
-        searchSelector = defaultSearchSelector
+        matchOperator = matchByPrefix
     }) {
         this.name = randomString(5);
         this.options = options;
@@ -47,7 +47,7 @@ class DropdownViewModel {
             }
         );
 
-        this.searchSelector = searchSelector;
+        this.matchOperator = matchOperator;
         this.searchInput = '';
         this.lastInput = 0;
     }
@@ -100,7 +100,7 @@ class DropdownViewModel {
             char;
 
         let option = ko.unwrap(this.options).find(
-            option => this.searchSelector(option, this.searchInput)
+            option => this.matchOperator(option, this.searchInput)
         );
 
         if (option) {