🆙 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,106 @@
+import { GetSessionDataManager, IFurnitureData } from '@nitrots/nitro-renderer';
+import { FC, useEffect, useState } from 'react';
+import { FaSearch, FaTimes } from 'react-icons/fa';
+import { CatalogPage, CatalogType, FilterCatalogNode, FurnitureOffer, GetOfferNodes, ICatalogNode, ICatalogPage, IPurchasableOffer, LocalizeText, PageLocalization, SearchResult } from '../../../../../api';
+import { Button, Flex } from '../../../../../common';
+import { useCatalog } from '../../../../../hooks';
+import { NitroInput } from '../../../../../layout';
+
+export const CatalogSearchView: FC<{}> = props =>
+{
+    const [ searchValue, setSearchValue ] = useState('');
+    const { currentType = null, rootNode = null, offersToNodes = null, searchResult = null, setSearchResult = null, setCurrentPage = null } = useCatalog();
+
+    useEffect(() =>
+    {
+        let search = searchValue?.toLocaleLowerCase().replace(' ', '');
+
+        if(!search || !search.length)
+        {
+            setSearchResult(null);
+
+            return;
+        }
+
+        const timeout = setTimeout(() =>
+        {
+            const furnitureDatas = GetSessionDataManager().getAllFurnitureData();
+
+            if(!furnitureDatas || !furnitureDatas.length) return;
+
+            const foundFurniture: IFurnitureData[] = [];
+            const foundFurniLines: string[] = [];
+
+            for(const furniture of furnitureDatas)
+            {
+                if((currentType === CatalogType.BUILDER) && !furniture.availableForBuildersClub) continue;
+
+                if((currentType === CatalogType.NORMAL) && furniture.excludeDynamic) continue;
+
+                const searchValues = [ furniture.className, furniture.name, furniture.description ].join(' ').replace(/ /gi, '').toLowerCase();
+
+                if((currentType === CatalogType.BUILDER) && (furniture.purchaseOfferId === -1) && (furniture.rentOfferId === -1))
+                {
+                    if((furniture.furniLine !== '') && (foundFurniLines.indexOf(furniture.furniLine) < 0))
+                    {
+                        if(searchValues.indexOf(search) >= 0) foundFurniLines.push(furniture.furniLine);
+                    }
+                }
+                else
+                {
+                    const foundNodes = [
+                        ...GetOfferNodes(offersToNodes, furniture.purchaseOfferId),
+                        ...GetOfferNodes(offersToNodes, furniture.rentOfferId)
+                    ];
+
+                    if(foundNodes.length)
+                    {
+                        if(searchValues.indexOf(search) >= 0) foundFurniture.push(furniture);
+
+                        if(foundFurniture.length === 250) break;
+                    }
+                }
+            }
+
+            const offers: IPurchasableOffer[] = [];
+
+            for(const furniture of foundFurniture) offers.push(new FurnitureOffer(furniture));
+
+            let nodes: ICatalogNode[] = [];
+
+            FilterCatalogNode(search, foundFurniLines, rootNode, nodes);
+
+            setSearchResult(new SearchResult(search, offers, nodes.filter(node => (node.isVisible))));
+            setCurrentPage((new CatalogPage(-1, 'default_3x3', new PageLocalization([], []), offers, false, 1) as ICatalogPage));
+        }, 300);
+
+        return () => clearTimeout(timeout);
+    }, [ offersToNodes, currentType, rootNode, searchValue, setCurrentPage, setSearchResult ]);
+
+    return (
+        <div className="flex gap-1">
+            <Flex fullWidth alignItems="center" position="relative">
+
+
+
+
+
+
+                <NitroInput
+                    placeholder={ LocalizeText('generic.search') }
+                    value={ searchValue }
+                    onChange={ event => setSearchValue(event.target.value) } />
+
+
+            </Flex>
+            { (!searchValue || !searchValue.length) &&
+                <Button className="catalog-search-button" variant="primary">
+                    <FaSearch className="fa-icon" />
+                </Button> }
+            { searchValue && !!searchValue.length &&
+                <Button className="catalog-search-button" variant="primary" onClick={ event => setSearchValue('') }>
+                    <FaTimes className="fa-icon" />
+                </Button> }
+        </div>
+    );
+};