add alwaysShowGroupFilters option

Author: chriscareycode

src/atoms/settingsState.ts

@@ -126,6 +126,7 @@ export const clientSettingsInitial: ClientSettings = {
 
 	hostgroupFilter: '',
 	servicegroupFilter: '',
+	alwaysShowGroupFilters: false,
 
 	versionCheckDays: 7,
 

src/components/Dashboard.tsx

@@ -41,6 +41,7 @@ const Dashboard = () => {
 		hideHostSection,
 		hideServiceSection,
 		hostsAndServicesSideBySide,
+		alwaysShowGroupFilters,
 	} = clientSettings;
 
 	//console.log('Dashboard render()');
@@ -54,13 +55,13 @@ const Dashboard = () => {
 
 				<DashboardFetch />
 
-				<div className="flex">
+				{(alwaysShowGroupFilters || !hideFilters) && <div className="flex">
 					{/* Hostgroup Filter Section */}
 					<HostGroupFilter />
 
 					{/* Servicegroup Filter Section */}
 					<ServiceGroupFilter />
-				</div>
+				</div>}
 
 
 				{/* Summary Section */}

src/components/Settings.tsx

@@ -578,6 +578,17 @@ const Settings = () => {
 									Side-by-side (Column) layout reverts to stacked on smaller screens
 								</td>
 							</tr>
+							<tr>
+								<th>Service and HostGroup filters:</th>
+								<td>
+									<select value={clientSettingsTemp.alwaysShowGroupFilters.toString()} onChange={handleChange('alwaysShowGroupFilters', 'boolean')}>
+										<option value={'true'}>Show Always</option>
+										<option value={'false'}>Show with Filters</option>
+									</select>
+									&nbsp;
+									Show Always keeps HostGroup and ServiceGroup filters visible. Show with Filters only shows them when filters are toggled on.
+								</td>
+							</tr>
 							<tr>
 								<th>Hosts:</th>
 								<td>

src/types/settings.ts

@@ -74,6 +74,7 @@ export interface ClientSettings {
 
 	hostgroupFilter: string;
 	servicegroupFilter: string;
+	alwaysShowGroupFilters: boolean;
 
 	versionCheckDays: number;