@admin-layout/tailwind-design-pro 10.0.9-alpha.65 → 10.0.9-alpha.67
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/cdm-locales/en/settings.json +15 -1
- package/lib/cdm-locales/es/settings.json +16 -2
- package/lib/components/Layout/BasicLayout/index.d.ts.map +1 -1
- package/lib/components/Layout/BasicLayout/index.js +47 -7
- package/lib/components/Layout/BasicLayout/index.js.map +1 -1
- package/lib/components/Layout/GlobalHeader/Header.d.ts.map +1 -1
- package/lib/components/Layout/GlobalHeader/Header.js +50 -13
- package/lib/components/Layout/GlobalHeader/Header.js.map +1 -1
- package/lib/components/Layout/TailwindLayout.d.ts.map +1 -1
- package/lib/components/Layout/TailwindLayout.js +1 -1
- package/lib/components/Layout/TailwindLayout.js.map +1 -1
- package/lib/components/SettingDrawer/RegionalSettings.d.ts.map +1 -1
- package/lib/components/SettingDrawer/RegionalSettings.js +697 -462
- package/lib/components/SettingDrawer/RegionalSettings.js.map +1 -1
- package/lib/components/SettingDrawer/SettingDrawer.d.ts.map +1 -1
- package/lib/components/SettingDrawer/SettingDrawer.js +4 -24
- package/lib/components/SettingDrawer/SettingDrawer.js.map +1 -1
- package/lib/config/constants.d.ts +1 -0
- package/lib/config/constants.d.ts.map +1 -1
- package/lib/config/constants.js +27 -1
- package/lib/config/constants.js.map +1 -1
- package/lib/config/env-config.d.ts +1 -0
- package/lib/config/env-config.d.ts.map +1 -1
- package/lib/config/env-config.js +5 -1
- package/lib/config/env-config.js.map +1 -1
- package/lib/machines/settingsMachine.d.ts.map +1 -1
- package/lib/machines/settingsMachine.js +62 -101
- package/lib/machines/settingsMachine.js.map +1 -1
- package/lib/machines/types.d.ts +9 -2
- package/lib/machines/types.d.ts.map +1 -1
- package/package.json +3 -3
|
@@ -35,5 +35,19 @@
|
|
|
35
35
|
"show_back_button": "Show Back Button",
|
|
36
36
|
"show_page_title": "Show Page Title",
|
|
37
37
|
"show_action_buttons": "Show Action Buttons",
|
|
38
|
-
"show_header": "Show Header"
|
|
38
|
+
"show_header": "Show Header",
|
|
39
|
+
"background_color": "Background Color",
|
|
40
|
+
"background_type": "Background Type",
|
|
41
|
+
"background": "Background",
|
|
42
|
+
"color": "Color",
|
|
43
|
+
"image": "Image",
|
|
44
|
+
"video": "Video",
|
|
45
|
+
"image_url": "Image URL",
|
|
46
|
+
"video_url": "Video URL",
|
|
47
|
+
"video_thumbnail": "Video Thumbnail URL",
|
|
48
|
+
"desktop_background": "Desktop Background",
|
|
49
|
+
"mobile_background": "Mobile Background",
|
|
50
|
+
"device_settings": "Device Settings",
|
|
51
|
+
"desktop_tab": "Desktop",
|
|
52
|
+
"mobile_tab": "Mobile"
|
|
39
53
|
}
|
|
@@ -32,8 +32,22 @@
|
|
|
32
32
|
"desktop_settings": "Configuración de Escritorio",
|
|
33
33
|
"mobile_settings": "Configuración Móvil",
|
|
34
34
|
"show_menu_toggle": "Mostrar Alternador de Menú",
|
|
35
|
-
"show_back_button": "Mostrar Botón
|
|
35
|
+
"show_back_button": "Mostrar Botón Atrás",
|
|
36
36
|
"show_page_title": "Mostrar Título de Página",
|
|
37
37
|
"show_action_buttons": "Mostrar Botones de Acción",
|
|
38
|
-
"show_header": "Mostrar Encabezado"
|
|
38
|
+
"show_header": "Mostrar Encabezado",
|
|
39
|
+
"background_color": "Color de Fondo",
|
|
40
|
+
"background_type": "Tipo de Fondo",
|
|
41
|
+
"background": "Fondo",
|
|
42
|
+
"color": "Color",
|
|
43
|
+
"image": "Imagen",
|
|
44
|
+
"video": "Video",
|
|
45
|
+
"image_url": "URL de Imagen",
|
|
46
|
+
"video_url": "URL de Video",
|
|
47
|
+
"video_thumbnail": "URL de Miniatura de Video",
|
|
48
|
+
"desktop_background": "Fondo de Escritorio",
|
|
49
|
+
"mobile_background": "Fondo Móvil",
|
|
50
|
+
"device_settings": "Configuración de Dispositivo",
|
|
51
|
+
"desktop_tab": "Escritorio",
|
|
52
|
+
"mobile_tab": "Móvil"
|
|
39
53
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/BasicLayout/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiE,MAAM,OAAO,CAAC;AAOtF,OAAO,EACH,gBAAgB,EAGhB,iBAAiB,EAIpB,MAAM,sBAAsB,CAAC;AAU9B,eAAO,MAAM,mBAAmB;;;;uCAkC/B,CAAC;AAgCF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAC9B,gBAAgB,GAAG,iBAAiB,GAAG;IAAE,WAAW,CAAC,EAAE,GAAG,CAAC;IAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/BasicLayout/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiE,MAAM,OAAO,CAAC;AAOtF,OAAO,EACH,gBAAgB,EAGhB,iBAAiB,EAIpB,MAAM,sBAAsB,CAAC;AAU9B,eAAO,MAAM,mBAAmB;;;;uCAkC/B,CAAC;AAgCF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAC9B,gBAAgB,GAAG,iBAAiB,GAAG;IAAE,WAAW,CAAC,EAAE,GAAG,CAAC;IAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAoS3F,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {jsxs,jsx}from'react/jsx-runtime';import {useState,useEffect,useRef}from'react';import {Sidebar}from'../Sidebar/Sidebar.js';import {GlobalHeader}from'../GlobalHeader/Header.js';import {Outlet}from'@remix-run/react';import warning from'warning';import {omit}from'lodash-es';import {SettingDrawer}from'../../SettingDrawer/SettingDrawer.js';import {defaultSettings,useComponentSize,getMenuSeparation,getThemeColors}from'@admin-layout/client';import isBrowser from'../../../utils/isBrowser/index.js';import {getPageTitleInfo}from'../getPageTitle.js';import {useTheme}from'../../ThemeProvider/ThemeProvider.js';import {MainHeader}from'../GlobalHeader/MainHeader.js';import'../GlobalHeader/Logo.js';import'react-router';import'../../../helpers/DynamicIcon.js';import'@app/dialog/WrappedDialogsSwitch';import'@common-stack/components-pro';import {FooterSlot}from'../slot-fill/Footer.js';import'reflect-metadata';import'@admin-layout/client/lib/constants/layout.js';import {config}from'../../../config/env-config.js';import {useScrollThreshold}from'../../../hooks/useScrollThreshold.js';import'@react-icons/all-files/fa/FaMoon.js';import'@react-icons/all-files/fa/FaSun.js';import'../../../hooks/use-get-current-lat-long.js';import {useMediaQuery}from'../../../hooks/useMediaQuery.js';const useHorizontalScroll = ({
|
|
1
|
+
import {jsxs,jsx}from'react/jsx-runtime';import React__default,{useState,useEffect,useRef}from'react';import {Sidebar}from'../Sidebar/Sidebar.js';import {GlobalHeader}from'../GlobalHeader/Header.js';import {Outlet}from'@remix-run/react';import warning from'warning';import {omit}from'lodash-es';import {SettingDrawer}from'../../SettingDrawer/SettingDrawer.js';import {defaultSettings,useComponentSize,getMenuSeparation,getThemeColors}from'@admin-layout/client';import isBrowser from'../../../utils/isBrowser/index.js';import {getPageTitleInfo}from'../getPageTitle.js';import {useTheme}from'../../ThemeProvider/ThemeProvider.js';import {MainHeader}from'../GlobalHeader/MainHeader.js';import'../GlobalHeader/Logo.js';import'react-router';import'../../../helpers/DynamicIcon.js';import'@app/dialog/WrappedDialogsSwitch';import'@common-stack/components-pro';import {FooterSlot}from'../slot-fill/Footer.js';import'reflect-metadata';import'@admin-layout/client/lib/constants/layout.js';import {config}from'../../../config/env-config.js';import {useScrollThreshold}from'../../../hooks/useScrollThreshold.js';import'@react-icons/all-files/fa/FaMoon.js';import'@react-icons/all-files/fa/FaSun.js';import'../../../hooks/use-get-current-lat-long.js';import {useMediaQuery}from'../../../hooks/useMediaQuery.js';const useHorizontalScroll = ({
|
|
2
2
|
setScrolled,
|
|
3
3
|
setSearchOptionsShown,
|
|
4
4
|
onScrollReachEnd
|
|
@@ -126,6 +126,12 @@ const BasicLayout = props => {
|
|
|
126
126
|
const deviceType = isMobile ? 'mobile' : 'desktop';
|
|
127
127
|
const deviceSettings = routeSettings?.regions?.[deviceType] || {};
|
|
128
128
|
const layoutSettings = routeSettings?.layout?.[deviceType] || {};
|
|
129
|
+
const backgroundSettings = deviceSettings?.background || {
|
|
130
|
+
type: 'color',
|
|
131
|
+
color: 'inherit',
|
|
132
|
+
image: '',
|
|
133
|
+
video: ''
|
|
134
|
+
};
|
|
129
135
|
const onScrollReachEnd = () => {
|
|
130
136
|
setScrollEnd(prevScrollEnd => !prevScrollEnd);
|
|
131
137
|
};
|
|
@@ -193,13 +199,47 @@ const BasicLayout = props => {
|
|
|
193
199
|
setIsSideMenuOpen(false);
|
|
194
200
|
};
|
|
195
201
|
const backgroundColor = isDarkMode ? theme.colors.background.dark : theme.colors.background.light;
|
|
202
|
+
// Calculate background styles based on the background settings
|
|
203
|
+
const backgroundStyles = React__default.useMemo(() => {
|
|
204
|
+
const baseStyles = {
|
|
205
|
+
backgroundColor: backgroundColor
|
|
206
|
+
};
|
|
207
|
+
// Add background styles based on the background settings
|
|
208
|
+
if (backgroundSettings.type === 'color' && backgroundSettings.color !== 'inherit') {
|
|
209
|
+
baseStyles.backgroundColor = backgroundSettings.color;
|
|
210
|
+
} else if (backgroundSettings.type === 'image' && backgroundSettings.image) {
|
|
211
|
+
baseStyles.backgroundImage = `url(${backgroundSettings.image})`;
|
|
212
|
+
baseStyles.backgroundSize = 'cover';
|
|
213
|
+
baseStyles.backgroundPosition = 'center';
|
|
214
|
+
baseStyles.backgroundAttachment = 'fixed';
|
|
215
|
+
}
|
|
216
|
+
return baseStyles;
|
|
217
|
+
}, [backgroundColor, backgroundSettings]);
|
|
218
|
+
// Render video background if needed
|
|
219
|
+
const renderBackgroundVideo = () => {
|
|
220
|
+
if (backgroundSettings.type === 'video' && backgroundSettings.video) {
|
|
221
|
+
return jsxs("div", {
|
|
222
|
+
className: "fixed inset-0 z-0 overflow-hidden",
|
|
223
|
+
children: [jsx("video", {
|
|
224
|
+
className: "absolute min-w-full min-h-full object-cover",
|
|
225
|
+
autoPlay: true,
|
|
226
|
+
loop: true,
|
|
227
|
+
muted: true,
|
|
228
|
+
src: backgroundSettings.video,
|
|
229
|
+
poster: backgroundSettings.videoThumbnail || ''
|
|
230
|
+
}), jsx("div", {
|
|
231
|
+
className: "absolute inset-0 bg-black bg-opacity-30"
|
|
232
|
+
})]
|
|
233
|
+
});
|
|
234
|
+
}
|
|
235
|
+
return null;
|
|
236
|
+
};
|
|
237
|
+
// console.log('backgroundStyles >>>>>>>>>>>>>>>>', backgroundStyles);
|
|
196
238
|
return jsxs("div", {
|
|
197
|
-
className: "flex flex-col h-screen bg-background font-sans",
|
|
239
|
+
className: "flex flex-col h-screen bg-background font-sans relative",
|
|
198
240
|
ref: horizontalScrollRef,
|
|
199
|
-
style:
|
|
200
|
-
|
|
201
|
-
},
|
|
202
|
-
children: [deviceSettings?.header?.showHeader && LAYOUT_ROOT != '/' && jsx(GlobalHeader, {
|
|
241
|
+
style: backgroundStyles,
|
|
242
|
+
children: [renderBackgroundVideo(), deviceSettings?.header?.showHeader && LAYOUT_ROOT != '/' && jsx(GlobalHeader, {
|
|
203
243
|
toggleSideMenu: toggleSideMenu,
|
|
204
244
|
settings: settings,
|
|
205
245
|
upperMenus: getMenuSeparation(menuData).upperMenus,
|
|
@@ -256,7 +296,7 @@ const BasicLayout = props => {
|
|
|
256
296
|
setSearchOptionsShown(false);
|
|
257
297
|
}
|
|
258
298
|
}), jsx(Outlet, {})]
|
|
259
|
-
}), jsx("div", {
|
|
299
|
+
}), deviceSettings?.footer?.showFooter && jsx("div", {
|
|
260
300
|
ref: refFooter,
|
|
261
301
|
className: footerFixed ? 'fixed bottom-0 w-full' : '',
|
|
262
302
|
children: jsx(FooterSlot, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/Layout/BasicLayout/index.tsx"],"sourcesContent":[null],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/Layout/BasicLayout/index.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"mxCAyBO,MAAM,mBAAmB,GAAG,CAAC;AAChC,EAAA,WAAW;uBAEI;AACX,EAAA;;AAEI,EAAA,MAAA,KAAA,GAAA,MAAa,EAAA;AACT,EAAA,SAAA,CAAA,MAAA;oBAAmB,CAAO,OAAA,IAAA,IAAA;;mBAGgC,GAAA,CAAA,IAAA;oBACpD,IAAA,CAAA,EAAA;wBACW,EAAA;;0BAEhB,GAAA,MAAA,CAAA,UAAA,IAAA,GAAA,CAAA;AAED,QAAA,IAAA,CAAA,cAAW;+BACI,CAAC,KAAK,CAAC;;AAEtB,QAAA,IAAA,MAAA,CAAA,OAAU,GAAC,EAAA,EAAA;qBACI,CAAA,IAAA,CAAA;;AAEf,QAAA,IAAA,MAAA,CAAA,OAAU,GAAY,EAAA,EAAA;AAClB,UAAA,WAAA,CAAA,KAAA,CAAA;;AAER,QAAA,IAAA,MAAE,CAAA,WAAA,GAAA,MAAA,CAAA,OAAA,IAAA,QAAA,CAAA,IAAA,CAAA,YAAA,EAAA;AAEF,UAAA,gBAAuB,EAAA;AACvB;AACI,OAAA;AACJ,MAAA,MAAA,CAAC,gBAAC,CAAA,QAAA,EAAA,OAAA,CAAA;aACL,MAAA;QACA,MAAE,CAAA,mBAAA,CAAA,QAAA,EAAA,OAAA,CAAA;AACP,OAAA;AACJ;AAEA,GAAA,EAAA;AAQI,EAAA,OAAA,KAAQ;AACR;AACA,MAAA,sBAAwB,GAAK,CAAA,SAAG,EAAA,KAAA,KAAA;QAC5B;AACI,IAAA;AACA,GAAA,GAAA,KAAA;AACA,EAAA,MAAA,gBAAY,gBAAA,CAAA,SAAA,CAAA;qBACd,KAAA,KAAA,EAAA;IACN,OAAC;MACG,KAAA,EAAA,KAAA,CAAA,SAAkB,EAAA;AAClB,MAAA,EAAA,EAAA,EAAA;AACA,MAAA,QAAW,EAAA;;AAEH;qBACK,EAAA;eACP,GAAA,eAAA,CAAA,SAAA,EAAA,aAAA,CAAA,KAAA,EAAA,aAAA,CAAA;QACN,OAAC,KAAA,KAAA,QAAA,EAAA;aACM;QACV,GAAA,aAAA;AACD,QAAA;AACJ,OAAE;AAEF;IAGI,OAAM,CAAA,OAAA,KAAA,4EAA0D,CAAA;;SAE1D,aAAY;AAClB,CAAA;AAmBqB,MAAA,WAAA,GAAE,KAAiB,IAAA;QAClC,iBAAwB,GAAA;IAC9B,GAAM,eAAmB;AACzB,IAAA,GAAA;AACA,GAAA;QAEM,CAAA,QAAO,EAAE,YAAY,GAAG,QAAQ,MAAG,CAAA;AACzC,EAAA,MAAA,CAAA,SAAgB,EAAA,YAAK,CAAA,GAAA,QAAgB,CAAA,KAAA,CAAA;QAEmB;IACxD,QAAS;cACD,EAAA;oBACmC;AACnC,IAAA,QAAA;cAEsC,GAAA,GAAA;;kBAE9B;;YAER;AAEA,IAAA,WAAA;;;gBAGI;mBACQ;mBACA;;AAGR,GAAA,GAAA,iBAAO;AACX,EAAA,MAAA,CAAA,cAAE,EAAA,iBAAA,CAAA,GAAA,QAAA,CAAA,KAAA,CAAA;QACN,CAAC,SAAA,EAAA,YAAA,CAAA,GAAA,QAAA,CAAA,KAAA,CAAA;AACL,EAAA,MAAI,CAAkB,kBAAC,EAAE,qBAAA,CAAA,GAAA,QAAA,CAAA,KAAA,CAAA;QAEyB;AAClD,IAAA;AACA,GAAA,GAAA;QAE+B;IAC/B;MACM,MAAA;QACA;AACN,IAAA,KAAA;AACI,IAAA;AACA,GAAA,GAAA,UAAgB;AAChB,EAAA,MAAA;AACA,IAAA;MACF,aAAA,EAAA;;WAGc,CAAA,MAAA;AAChB,IAAA,IAAE,kBAAA,EAAA;;YAGa,OAAA,GAAA,MAAA,CAAA,OAAA;;cAEK,CAAA,IAAA,CAAA,KAAA,CAAA,QAAA,GAAA,OAAA;AACnB,MAAC,QAAC,CAAA,IAAA,CAAA,KAAA,CAAA,GAAA,GAAA,CAAA,CAAA,EAAA,OAAA,CAAA,EAAA,CAAA;MAEG,QAAA,CAAA,IAAA,CAAA,KAAe,CAAA,KACjB,GAAA,MAAA;AACI,MAAA,QAAoB,CAAA,IAAA,CAAA,KAAA,CAAA,QAAA,GAAA,QAAA;AACvB,MAAA,OACA,MACH;;QAGM,QAAQ,CAAA,IAAU,CAAA,KAAA,CAAE,QAAQ,GAAA,EAAA;AAC5B,QAAA,QAAe,CAAA,IAAA,CAAA,KAAA,CAAA,GAAA,GAAA,EAAA;QAEnB,QAAA,CAAA,IAAA,CAAA,KACF,CAAA,KAAA,GAAA,EAAA;AAEF,QAAA,aAAmB,CAAA,KAAA,CAAA,QAAO,GAAS,EAAC;;AAIpC,QAAA,MAAQ,CAAA,QAAA,CAAA,CAAA,EAAA,OAAqB,CAAA;AACzB,OAAA;AACI;AACA,GAAA,EAAA,CAAA,kBAAgB,CAAA,CAAA;AAChB;AACH,EAAA,MAAA,YAAA,GAAA,QAAA,EAAA,QAAA,IAAA,GAAA;AACJ,EAAA,MAAE,aAAA,GAAA,QAAA,EAAA,aAAA,GAAA,YAAA,CAAA,IAAA,QAAA,EAAA,aAAA,GAAA,GAAA,CAAA,IAAA,QAAA;;AAGC,EAAA,MAAA,UAAc,GAAA,QAAQ,GAAE,QAAY,GAAA,SAAe;sBACzC,GAAA,aAAgB,EAAA,OAAkB,GAAA,UAAc,CAAA,IAAA,EAAA;sBACvC,GAAA,aAAW,EAAA,MAAA,GAAA,UAAA,CAAA,IAAA,EAAA;QAC9B,kBAAC,GAAA,cAAA,EAAA,UAAA,IAAA;IACL,IAAI,EAAY,OAAA;IAEhB,KAAqC,EAAA,SAAA;IACrC,KAAS,EAAA,EAAA;AACL,IAAA,KAAA,EAAA;;AAEQ,EAAA,MAAA,gBAAoB,GAAA,MAAA;gBACpB,CAAQ,aAAU,IAAA,CAAA,aAAU,CAAA;AAC/B,GAAA;QACL,mBAAC,GAAA,mBAAA,CAAA;IACL,WAAY;AAEZ,IAAA,qBAAa;AACb,IAAA;AACA,GAAA,CAAA;QACM,YAAY,GAAA,IAAgB,CAAA;IAElC,GAAS;AACL,GAAA,EAAA,CAAA;qBACQ,GAAA,uBAA+B;sBAA8C,EAAA,QAAK;;sBACnE,CAAA;QACvB,UAAC,GAAA,MAAA,CAAA,QAAA,CAAA;QACD,gCAA0B,EAAA,MAAc,EAAC,eAAA,IAAA,EAAA;QAEvC;AACF,IAAA;AACJ,GAAA,GAAE,kBAAA,CAAA,CAAA;IAEF,SAAM,EAAA,eAAqB;QACvB,YAAiB;AACrB,IAAA,eAAE,EAAA;IAEF,CAAM;WAEyD,CAAA,MAAA;AAC/D,IAAA,IAAA,kBAAsB,EAAG,YAAa,eAAM,IAAA,YAAA,KAAA,UAAA,EAAA;AACxC,MAAA,MAAA;AACI,QAAA,GAAA,UAAA,CAAA,OAAiB;;;AAIrB,MAAA,eAAsB,CAAA,QAAA,CAAC;AACnB;kBACH,EAAA,SAAA,EAAA,UAAA,CAAA,CAAA;;YACG,MAAU;AACV,IAAA,IAAA,KAAA,IAAA,QAAW,EAAA,QAAA,EAAc;AACzB,MAAA,KAAA,CAAA,IAAA,CAAA;AACA,QAAA,IAAA,EAAA,cAAW;QACf,QAAC,EAAA,QAAA,EAAA;AAED,OAAA,CAAA;AACJ;KAEoC,CAAA,QAAA,EAAA,QAAA,EAAA,KAAA,CAAA,CAAA;QAC9B;SACE,SAAA;AACA,IAAA,MAAA,EAAA;sBAaH,EAAA;AACD,EAAA,MAAA;AACJ,IAAA,GAAE,EAAA,OAAA;IAEF,MAAsE,EAAA;AACtE,GAAA,GAAA,gBACI,EAAA;;AAsCY,IAAA,GAAA,EAAA,SAAA;AAgBI,IAAA,MAAA,EAAA;;AAGI,EAAA,MAAA,CAAA,WAAA,EAAA,cAAA,CAAA,GAAA,QAAgB,CAAY,KAAA,CAAA;AAC5B,EAAA,SAAA,CAAA,MAAA;AACA,IAAA,IAAA,YAAA,IAAA,UAAA,IAAA,YAAkB,EAAA;AACd,MAAA,IAAA,UAAA,GAAA,MAAA,CAAA,WAAW,GAAA,YAAA,GAAA,YAAA,EAAA,cAAA,CAAA,IAAA,CAAA,CAAA,KAAA,cAAA,CAAA,KAAA,CAAA;AACP;AACA,GAAA,EAAA,CAAA,YAAA,EAAA,UAAA,EAAA,YAAS,CAAA,CAAA;AACb,EAAA,MAAA,cAAA,GAAA,MAAA;AACX,IAAA,iBAAA,CAAA,CAAA,cAAA,CAED;;;AAMgB,IAAA,iBAAA,CAAA,KAAA,CAAA;AACA,GAAA;AACH,EAAA,MAAA,eAAA,GAAA,UAAA,GAAA,KAAE,CAAA,MAAA,CAAA,UAAA,CAAA,IAAA,GAAA,KAAA,CAAA,MAAA,CAAA,UAAA,CAAA,KAAA;;AAEP,EAAA,MAAA,gBAAA,GAAAA,cAAA,CAAA,OAAA,CAAA,MAAA;AACJ,IAAA,MAAA,UAAA,GAAA;;;;AA0BxB,IAAE,IAAA,kBAAA,CAAA,IAAA,KAAA,OAAA,IAAA,kBAAA,CAAA,KAAA,KAAA,SAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/GlobalHeader/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC;AAIvD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,
|
|
1
|
+
{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/GlobalHeader/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC;AAIvD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA2IzD,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {jsx
|
|
1
|
+
import {jsxs,jsx}from'react/jsx-runtime';import React__default from'react';import {Link}from'@remix-run/react';import {RightContent}from'./RightContent.js';import {icons}from'../../../icons.js';import'@react-icons/all-files/fa/FaMoon.js';import'@react-icons/all-files/fa/FaSun.js';import'../../../hooks/use-get-current-lat-long.js';import {useMediaQuery}from'../../../hooks/useMediaQuery.js';const GlobalHeader = props => {
|
|
2
2
|
const {
|
|
3
3
|
theme,
|
|
4
4
|
layout,
|
|
@@ -22,25 +22,62 @@ import {jsx,jsxs}from'react/jsx-runtime';import React__default from'react';impor
|
|
|
22
22
|
const deviceSettings = routeSettings?.regions?.[deviceType] || {};
|
|
23
23
|
const layoutSettings = routeSettings?.layout?.[deviceType] || {};
|
|
24
24
|
const headerSettings = deviceSettings?.header || {};
|
|
25
|
+
const backgroundSettings = deviceSettings?.background || {
|
|
26
|
+
type: 'color',
|
|
27
|
+
color: 'inherit',
|
|
28
|
+
image: '',
|
|
29
|
+
video: ''
|
|
30
|
+
};
|
|
25
31
|
// Calculate header styles
|
|
26
|
-
const headerStyles = React__default.useMemo(() =>
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
//
|
|
31
|
-
|
|
32
|
-
|
|
32
|
+
const headerStyles = React__default.useMemo(() => {
|
|
33
|
+
const baseStyles = {
|
|
34
|
+
color: settings?.navTheme === 'realDark' ? '#fff' : ''
|
|
35
|
+
};
|
|
36
|
+
// Add background styles based on the background settings
|
|
37
|
+
if (backgroundSettings.type === 'color') {
|
|
38
|
+
// Default color if not set
|
|
39
|
+
const defaultColor = settings?.navTheme === 'realDark' ? '#222' : 'white';
|
|
40
|
+
baseStyles.backgroundColor = backgroundSettings.color === 'inherit' ? defaultColor : backgroundSettings.color;
|
|
41
|
+
} else if (backgroundSettings.type === 'image' && backgroundSettings.image) {
|
|
42
|
+
baseStyles.backgroundImage = `url(${backgroundSettings.image})`;
|
|
43
|
+
baseStyles.backgroundSize = 'cover';
|
|
44
|
+
baseStyles.backgroundPosition = 'center';
|
|
45
|
+
} else if (backgroundSettings.type === 'video' && backgroundSettings.video) {
|
|
46
|
+
// Fallback to a color for video background (video will be handled in a separate element)
|
|
47
|
+
baseStyles.backgroundColor = 'transparent';
|
|
48
|
+
}
|
|
49
|
+
return baseStyles;
|
|
50
|
+
}, [settings?.navTheme, backgroundSettings]);
|
|
33
51
|
// Early return if header is disabled
|
|
34
52
|
if (!headerSettings?.showHeader) return null;
|
|
35
53
|
// Determine if search bar should be shown
|
|
36
54
|
const showSearchBar = headerSettings?.showSearchSlot && headerSettings?.searchBarRender;
|
|
37
55
|
// Determine if right content should be shown
|
|
38
56
|
const showRightContent = headerSettings?.showRightContent && layoutSettings?.navigationMode !== 'sidebar';
|
|
39
|
-
|
|
40
|
-
|
|
57
|
+
// Render video background if needed
|
|
58
|
+
const renderBackgroundVideo = () => {
|
|
59
|
+
if (backgroundSettings.type === 'video' && backgroundSettings.video) {
|
|
60
|
+
return jsxs("div", {
|
|
61
|
+
className: "absolute inset-0 z-0 overflow-hidden",
|
|
62
|
+
children: [jsx("video", {
|
|
63
|
+
className: "absolute min-w-full min-h-full object-cover",
|
|
64
|
+
autoPlay: true,
|
|
65
|
+
loop: true,
|
|
66
|
+
muted: true,
|
|
67
|
+
src: backgroundSettings.video,
|
|
68
|
+
poster: backgroundSettings.videoThumbnail || ''
|
|
69
|
+
}), jsx("div", {
|
|
70
|
+
className: "absolute inset-0 bg-black bg-opacity-30"
|
|
71
|
+
})]
|
|
72
|
+
});
|
|
73
|
+
}
|
|
74
|
+
return null;
|
|
75
|
+
};
|
|
76
|
+
return jsxs("header", {
|
|
77
|
+
className: `z-10 py-4 dark:bg-gray-800 top-0 border-b border-gray-200 relative ${layoutSettings?.fixedHeader ? 'sticky' : 'relative'}`,
|
|
41
78
|
style: headerStyles,
|
|
42
|
-
children: jsxs("div", {
|
|
43
|
-
className: "flex items-center justify-between h-full px-4 sm:px-6 mx-auto text-gray-700 dark:text-gray-200",
|
|
79
|
+
children: [renderBackgroundVideo(), jsxs("div", {
|
|
80
|
+
className: "flex items-center justify-between h-full px-4 sm:px-6 mx-auto text-gray-700 dark:text-gray-200 relative z-10",
|
|
44
81
|
children: [isMobile && headerSettings?.showMenuToggle && jsx("button", {
|
|
45
82
|
className: "p-1 -ml-1 rounded-md md:hidden focus:outline-none focus:shadow-outline-purple",
|
|
46
83
|
onClick: toggleSideMenu,
|
|
@@ -86,6 +123,6 @@ import {jsx,jsxs}from'react/jsx-runtime';import React__default from'react';impor
|
|
|
86
123
|
routeParams: routeParams,
|
|
87
124
|
settings: settings
|
|
88
125
|
})]
|
|
89
|
-
})
|
|
126
|
+
})]
|
|
90
127
|
});
|
|
91
128
|
};export{GlobalHeader,GlobalHeader as default};//# sourceMappingURL=Header.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.js","sources":["../../../../src/components/Layout/GlobalHeader/Header.tsx"],"sourcesContent":[null],"names":[],"mappings":"wYAQa,MAAA,YAAY,GAAqC,KAAC,IAAS;AACpE,EAAA,MAAA;AACA,IAAA,KAAA;AACA,IAAA,MAAM;AAEN,IAAA;AACA,IAAA;IACA,SAAM;IACN,QAAM;IACN,cAAM;AACN,IAAA;
|
|
1
|
+
{"version":3,"file":"Header.js","sources":["../../../../src/components/Layout/GlobalHeader/Header.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"wYAQa,MAAA,YAAY,GAAqC,KAAC,IAAS;AACpE,EAAA,MAAA;AACA,IAAA,KAAA;AACA,IAAA,MAAM;AAEN,IAAA;AACA,IAAA;IACA,SAAM;IACN,QAAM;IACN,cAAM;AACN,IAAA;AACA,GAAA,GAAA,KAAwB;AACpB,EAAA,MAAA;AACA,IAAA,QAAA;AACA,IAAA;AACA,GAAA,GAAA,KAAA;QACF;IAEF;AACA,GAAA,GAAA;AACI,EAAA,MAAA,uBAAmB,EAAA,QAAA,IAAA,GAAA;AACf,EAAA,MAAA,aAAO,GAAA,QAAU,EAAA,aAAa,GAAA,YAAoB,CAAC,IAAG,QAAA,EAAA,aAAA,GAAA,GAAA,CAAA,IAAA,QAAA;kBACjC,GAAA,QAAA,GAAA,QAAA,GAAA,SAAA;QAEzB,cAAyD,GAAA,aAAA,EAAA,OAAA,GAAA,UAAA,CAAA,IAAA,EAAA;AACzD,EAAA,MAAA,8BAAgC,EAAA,MAAA,GAAS,UAAC,CAAA,IAAA,EAAA;sBACX,GAAA,cAAA,EAAA,MAAA,IAAA,EAAA;AAC3B,EAAA,MAAA,kBAAkB,GAAA,cAAa,YAAa,IAAA;AAC5C,IAAA,IAAA,EAAA,OAAA;AACI,IAAA,KAAA,EAAA,SAAA;SACP,EAAA,EAAA;;;AAEG;AACA,EAAA,MAAA,YAAA,GAAWA,cAAA,CAAA,OAAA,CAAA,MAAqB;UACnC,UAAA,GAAA;aAAM,QAAI,EAAA,QAAA,KAAmB,UAAS,GAAA,SAA6B;;AAEhE;QACJ,kBAAC,CAAA,IAAA,KAAA,OAAA,EAAA;AAED;MACH,MAAW,eAAY,QAAA,EAAA,QAAA,KAAqB,UAAA,GAAA,MAAA,GAAA,OAAA;MAER,UAAA,CAAA,eAAA,GAAA,kBAAA,CAAA,KAAA,KAAA,SAAA,GAAA,YAAA,GAAA,kBAAA,CAAA,KAAA;KACjC,MAAe,IAAA,kBAAY,CAAA,IAAA,KAAA,OAAA,IAAA,kBAAA,CAAA,KAAA,EAAA;AAAE,MAAA,0BAAY,GAAA,CAAA,IAAA,EAAA,kBAAA,CAAA,KAAA,CAAA,CAAA,CAAA;MAEH,UAAA,CAAA,cAAA,GAAA,OAAA;MACpC,UAAA,CAAA,kBAA8B,GAAA;KAES,MAAA,IAAA,kBAAA,CAAA,IAAA,KAAA,OAAA,IAAA,kBAAA,CAAA,KAAA,EAAA;;MAGT,UAAA,CAAA,eAAA,GAAA,aAAA;;WAE5B,UAAA;AACA,GAAA,EAAA,CAAA,QAAA,EAAA,QACS,EAAA,kBAAS,CAAC,CAAA;;AAavB,EAAA,IAAA,CAAA,cAAY,EAAA,UAAA,EAAA,OAAA,IAAA;AAChB;QAEO,8BAEU,EAAA;AAkErB;AAEA,EAAA,MAAA,mBAA2B,cAAC,EAAA,gBAAA,IAAA,cAAA,EAAA,cAAA,KAAA,SAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TailwindLayout.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/TailwindLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAqB,MAAM,sBAAsB,CAAC;AAG3E,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAwB,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"TailwindLayout.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/TailwindLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAqB,MAAM,sBAAsB,CAAC;AAG3E,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAwB,MAAM,aAAa,CAAC;AAsEvF,KAAK,cAAc,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC;AAEvD,QAAA,MAAM,SAAS;;;0EAAoB,CAAC;AAEpC,KAAK,+BAA+B,GAAG,gBAAgB,GAAG,cAAc,CAAC;AAEzE,QAAA,MAAM,mBAAmB,EAAE,kBAAkB,CACzC,KAAK,CAAC,mBAAmB,CAAC,CAAC,KAAK,EAAE,+BAA+B,KAAK,GAAG,CAAC,OAAO,CAAC,EAClF,GAAG,CAC8C,CAAC;AAEtD,eAAe,mBAAmB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TailwindLayout.js","sources":["../../../src/components/Layout/TailwindLayout.tsx"],"sourcesContent":[null],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"TailwindLayout.js","sources":["../../../src/components/Layout/TailwindLayout.tsx"],"sourcesContent":[null],"names":[],"mappings":"ydAWA,SAAS,0BAA0B,CAAC,KAAgF,EAAA;AAChH,EAAA,MAAA,WAAiB,WAAA,CAAA,YAAY,CAAA;QACvB;AAEN,IAAA,QAAO;AAEC,IAAA;AACI,GAAA,GAAA,iBAAA,EAAA;gBACI,IAAW,EAAA,aAAQ,CAAC,GAAC,UAAA,CAAA,eAAA,CAAA,OAAA,CAAA;aACxB;AACJ,MAAA,mBAAA,EAAA,CAAA;AACJ,QACD;AACI,OAAA,KAAA;mBACY,CAAA,OAAA,CAAA;AACX;AACJ;AAGL,GAAA,CAAA,EAAA;AAEA,IAAA,KAAA,EAAQ;AAER,MAAA;AAEQ;AACH,GAAA,CAAA;AAIL,EAAA,MAAA,qBAAwB,EAAA,OAAA;QAEhB;;AAEJ,GAAA,GACA,KAAY;QAGJ,eAAA,GAAA,OAAA,CAAA,OAAA;IACZ,OAAM,EAAa,QAAA,GAAA,QAAI,EAAO,OAAO,EAAE,OAAG,GAAM;AAEhD,GAAA,CAAA,EAAA,CAAA,QACK,CAAA,CAAA;AAYT,EAAC,MAAA,eAAA,GAAA,WAAA,CAAA,MAAA,IAAA;AAED;IACI,WAAQ,CAAA,MAAA,CAAA;KACA,CAAA,WAAQ,CAAA,CAAA;AACnB;AAMD,EAAA;AAIA,IAAM,WAAA,EAAA;AAKN,MAAA;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RegionalSettings.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/RegionalSettings.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"RegionalSettings.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/RegionalSettings.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAKjD,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAAK,EAAE,sBAAsB,2CAk0BrE"}
|