🆙 Init V3

2026-06-20 15:36:18 +00:00 · 2026-01-31 09:10:52 +01:00
commit 7feb10ab15
1733 changed files with 53405 additions and 0 deletions
@@ -0,0 +1,81 @@
+import { FC, KeyboardEvent, useEffect, useState } from 'react';
+import { FaSearch } from 'react-icons/fa';
+import { INavigatorSearchFilter, LocalizeText, SearchFilterOptions } from '../../../../api';
+import { Button } from '../../../../common';
+import { useNavigator } from '../../../../hooks';
+
+export const NavigatorSearchView: FC<{
+    sendSearch: (searchValue: string, contextCode: string) => void;
+}> = props =>
+{
+    const { sendSearch = null } = props;
+    const [ searchFilterIndex, setSearchFilterIndex ] = useState(0);
+    const [ searchValue, setSearchValue ] = useState('');
+    const { topLevelContext = null, searchResult = null } = useNavigator();
+
+    const processSearch = () =>
+    {
+        if(!topLevelContext) return;
+
+        let searchFilter = SearchFilterOptions[searchFilterIndex];
+
+        if(!searchFilter) searchFilter = SearchFilterOptions[0];
+
+        const searchQuery = ((searchFilter.query ? (searchFilter.query + ':') : '') + searchValue);
+
+        sendSearch((searchQuery || ''), topLevelContext.code);
+    };
+
+    const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) =>
+    {
+        if(event.key !== 'Enter') return;
+
+        processSearch();
+    };
+
+    useEffect(() =>
+    {
+        if(!searchResult) return;
+
+        const split = searchResult.data.split(':');
+
+        let filter: INavigatorSearchFilter = null;
+        let value: string = '';
+
+        if(split.length >= 2)
+        {
+            const [ query, ...rest ] = split;
+
+            filter = SearchFilterOptions.find(option => (option.query === query));
+            value = rest.join(':');
+        }
+        else
+        {
+            value = searchResult.data;
+        }
+
+        if(!filter) filter = SearchFilterOptions[0];
+
+        setSearchFilterIndex(SearchFilterOptions.findIndex(option => (option === filter)));
+        setSearchValue(value);
+    }, [ searchResult ]);
+
+    return (
+        <div className="flex w-full gap-1">
+            <div className="flex shrink-0">
+                <select className="form-select" value={ searchFilterIndex } onChange={ event => setSearchFilterIndex(parseInt(event.target.value)) }>
+                    { SearchFilterOptions.map((filter, index) =>
+                    {
+                        return <option key={ index } value={ index }>{ LocalizeText('navigator.filter.' + filter.name) }</option>;
+                    }) }
+                </select>
+            </div>
+            <div className="flex w-full gap-1">
+                <input className="w-full form-control" placeholder={ LocalizeText('navigator.filter.input.placeholder') } type="text" value={ searchValue } onChange={ event => setSearchValue(event.target.value) } onKeyDown={ event => handleKeyDown(event) } />
+                <Button variant="primary" onClick={ processSearch }>
+                    <FaSearch className="fa-icon" />
+                </Button>
+            </div>
+        </div>
+    );
+};