warehouse locations

components/location/LocationForm.js

@@ -9,6 +9,7 @@ import FileUploadWithPreview from 'components/FileUploadWithPreview ';
 
 import ProtectedRoute, { serverSideAuth } from "../../components/protectedRoute";
 import { UserRole } from "@prisma/client";
+import { Input } from '@mui/base';
 
 const common = require('src/helpers/common');
 
@@ -67,6 +68,7 @@ export default function LocationForm() {
     address: "",
     isActive: true,
   });
+  const [isRawHtml, setIsRawHtml] = useState(false);
 
   // const [isEdit, setIsEdit] = useState(false);
 
@@ -178,6 +180,13 @@ export default function LocationForm() {
                 <label className="label" htmlFor="isActive">Активна</label>
               </div>
             </div>
+            {/* is on main menu */}
+            <div className="mb-4">
+              <div className="form-check">
+                <input className="checkbox form-input" type="checkbox" id="isOnMainMenu" name="isOnMainMenu" onChange={handleChange} checked={location.isOnMainMenu} autoComplete="off" />
+                <label className="label" htmlFor="isOnMainMenu">Покажи в главното меню</label>
+              </div>
+            </div>
             {/* backupLocation */}
             <div className="mb-4">
               <label className="label" htmlFor="backupLocation">При дъжд и лошо време</label>
@@ -238,12 +247,50 @@ export default function LocationForm() {
 
                   <label className="label" htmlFor="content">Content</label>
 
-                  <TextEditor
-                    ref={quillRef}
-                    value={content}
-                    onChange={setContent}
-                    placeholder="Описание на локацията. Снимки"
-                    prefix={`location-${router.query.id}`} />
+
+                  <ProtectedRoute allowedRoles={[UserRole.ADMIN]} deniedMessage=" ">
+                    <label className="label" htmlFor="backupLocation">Admin Edit Location HTML</label>
+                    <div className="field mb-4">
+                      <label className="switch">
+                        <input
+                          type="checkbox"
+                          checked={isRawHtml}
+                          onChange={(e) => {
+                            setIsRawHtml(e.target.checked);
+                          }}
+                        />
+                        <span className="slider round"></span>
+                        <span className="ml-2">Edit Raw HTML</span>
+
+                      </label>
+                      {isRawHtml && <>
+                        <label className="label" htmlFor="backupLocation">Admin Edit Location HTML</label>
+                        <textarea
+                          className="w-full min-h-[200px] p-3 border rounded-lg shadow-sm focus:ring-2 focus:ring-blue-500 focus:border-blue-500 bg-white dark:bg-gray-800 dark:border-gray-700 dark:text-gray-200 font-mono resize-y"
+                          placeholder="HTML Content"
+                          id="contentHTML_Raw"
+                          name="backupLocation"
+                          // onChange={handleChange}
+                          value={content}
+                          autoComplete="off"
+                          spellCheck="false"
+                        />
+
+                      </>
+                      }
+                    </div>
+                  </ProtectedRoute>
+                  {!isRawHtml && <>
+                    <TextEditor
+                      ref={quillRef}
+                      value={content}
+                      onChange={setContent}
+                      placeholder="Описание на локацията. Снимки"
+                      prefix={`location-${router.query.id}`} />
+
+                  </>}
+
+
                 </>)}
             </div>
             <div className="panel-actions pt-12">
@@ -270,3 +317,4 @@ export default function LocationForm() {
   );
 }
 
+

components/sidebar.tsx

@@ -112,20 +112,35 @@ export default function Sidebar({ isSidebarOpen, toggleSidebar }) {
   useEffect(() => {
     const fetchLocations = async () => {
       try {
-        if (session) { // Don't fetch locations if the user is not authenticated
+        // if (session)
+        { // Don't fetch locations if the user is not authenticated
 
           const response = await axiosInstance.get('/api/data/locations'); // Adjust the API endpoint as needed
-          const locationsData = response.data
-            .filter(location => location.isActive === true)
+          const subMenuLocations = response.data
+            .filter(location => location.isActive === true && location.isOnMainMenu === false)
             .map(location => ({
               text: location.name,
               url: `/cart/locations/${location.id}`,
+              isOnMainMenu: location.isOnMainMenu,
             }));
+          const mainMenuLocations = response.data.filter(l => l.isOnMainMenu === true)
+            .map(location => ({
+              key: location.name,
+              text: t('location.' + location.name + '.menu') || location.name,
+              url: location.url,
+            }));
+
+          console.log("locationsData: ", response.data);
+          console.log("subMenuLocations: ", subMenuLocations);
+          console.log("mainMenuLocations: ", mainMenuLocations);
           // Find the "Locations" menu item and populate its children with locationsData
           const menuIndex = sidemenu.findIndex(item => item.id === "locations");
           if (menuIndex !== -1) {
-            sidemenu[menuIndex].children = locationsData;
+            sidemenu[menuIndex].children = subMenuLocations;
           }
+          // insert main menu items after the locations (sidemenu[menuIndex+1])
+
+          sidemenu.splice(menuIndex + 1, 0, ...mainMenuLocations);
           //setLocations(locationsData); // Optional, if you need to use locations elsewhere
         }
       } catch (error) {

components/sidemenuData.js

@@ -34,6 +34,11 @@ const sidemenu = [
         collapsable: true,
         url: "/cart/locations",
     },
+    {
+        id: "warehouse",
+        text: "Склад",
+        url: "/cart/locations/warehouse",
+    },
     {
         id: "cart-report",
         text: "Отчет",