IBX-10126: Added save selected view type for UDW

Author: OstafinL

src/bundle/ui-dev/src/modules/universal-discovery/components/view-switcher/view.switcher.js

@@ -3,15 +3,32 @@ import PropTypes from 'prop-types';
 
 import SimpleDropdown from '../../../common/simple-dropdown/simple.dropdown';
 import { getTranslator } from '../../../../../../Resources/public/js/scripts/helpers/context.helper';
-import { CurrentViewContext, ViewContext } from '../../universal.discovery.module';
+import {
+    ITEMS_VIEW_TYPE_STORAGE_KEY_PREFIX,
+    CurrentViewContext,
+    MarkedLocationIdContext,
+    ViewContext,
+    StartingLocationIdContext,
+    RootLocationIdContext
+} from '../../universal.discovery.module';
 
 const ViewSwitcher = ({ isDisabled }) => {
     const Translator = getTranslator();
     const viewLabel = Translator.trans(/*@Desc("View")*/ 'view_switcher.view', {}, 'ibexa_universal_discovery_widget');
     const [currentView, setCurrentView] = useContext(CurrentViewContext);
     const { views } = useContext(ViewContext);
+    const startingLocationId = useContext(StartingLocationIdContext);
+    const rootLocationId = useContext(RootLocationIdContext);
+    const [ markedLocationId ] = useContext(MarkedLocationIdContext);
     const selectedOption = views.find((option) => option.value === currentView);
+
+    console.log('ViewSwitcher render', startingLocationId, rootLocationId, markedLocationId);
+
     const onOptionClick = ({ value }) => {
+        const defaultMarkedLocationId = startingLocationId || rootLocationId;
+        const itemsViewStorageKey = `${ITEMS_VIEW_TYPE_STORAGE_KEY_PREFIX}-${markedLocationId ?? defaultMarkedLocationId}`;
+        
+        window.localStorage.setItem(itemsViewStorageKey, value);
         setCurrentView(value);
     };
 

src/bundle/ui-dev/src/modules/universal-discovery/universal.discovery.module.js

@@ -35,6 +35,8 @@ const defaultRestInfo = {
     siteaccess: document.querySelector('meta[name="SiteAccess"]')?.content,
 };
 
+export const ITEMS_VIEW_TYPE_STORAGE_KEY_PREFIX = 'ibexa-udw-active-view-location';
+
 export const SORTING_OPTIONS = [
     {
         value: 'date:asc',
@@ -522,6 +524,16 @@ const UniversalDiscoveryModule = (props) => {
         }
     }, [currentView]);
 
+    useEffect(() => {
+        const itemsViewStorageKey = `${ITEMS_VIEW_TYPE_STORAGE_KEY_PREFIX}-${markedLocationId ?? defaultMarkedLocationId}`;
+        const itemsViewType = window.localStorage.getItem(itemsViewStorageKey) || props.activeView;
+        
+        if (itemsViewType) {
+            setCurrentView(itemsViewType);
+        }
+        
+    }, [markedLocationId]);
+
     return (
         <div className={className}>
             <UDWContext.Provider value={true}>