UI Bug Fix: Category color may get stuck in search menus.

Author: jhuckaby

htdocs/js/pages/Base.class.js

@@ -1781,9 +1781,10 @@ Page.Base = class Base extends Page {
 	}
 
 	getCategoriesForMenu() {
-		// get decorated categories for drop-down menu
+		// get colored categories for drop-down menu
 		return app.categories.map( function(cat) {
-			return { ...cat, class: cat.color ? `clr_${cat.color}` : `` };
+			var clr = cat.color || 'plain';
+			return { ...cat, class: `clr_${cat.color}` };
 		} );
 	}
 

htdocs/js/pages/Events.class.js

@@ -96,7 +96,7 @@ Page.Events = class Events extends Page.PageUtils {
 						content: this.getFormMenuSingle({
 							id: 'fe_el_category',
 							title: 'Select Category',
-							options: [['', 'Any Category']].concat( this.getCategoriesForMenu() ),
+							options: [ {id:'', title:'Any Category', class:'clr_plain'} ].concat( this.getCategoriesForMenu() ),
 							value: args.category || '',
 							default_icon: 'folder-open-outline',
 							'data-shrinkwrap': 1

htdocs/js/pages/Search.class.js

@@ -112,7 +112,7 @@ Page.Search = class Search extends Page.PageUtils {
 							id: 'fe_s_category',
 							title: 'Select Category',
 							placeholder: 'All Categories',
-							options: [['', 'Any Category']].concat( this.getCategoriesForMenu() ),
+							options: [ {id:'', title:'Any Category', class:'clr_plain'} ].concat( this.getCategoriesForMenu() ),
 							value: args.category || '',
 							default_icon: 'folder-open-outline',
 							'data-shrinkwrap': 1

htdocs/js/pages/admin/Categories.class.js

@@ -219,7 +219,7 @@ Page.Categories = class Categories extends Page.PageUtils {
 			notes: "",
 			// max_jobs: 0,
 			enabled: true,
-			color: '',
+			color: 'plain',
 			limits: [],
 			actions: []
 		};