@ziky/ui 0.1.1 → 0.1.3
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/dist/index.d.ts +19 -19
- package/dist/layout/AppConfig.d.ts +1 -1
- package/dist/layout/AppConfig.d.ts.map +1 -1
- package/dist/layout/AppConfig.js +6 -6
- package/dist/layout/AppConfig.js.map +1 -1
- package/dist/layout/AppFooter.d.ts.map +1 -1
- package/dist/layout/AppFooter.js +1 -1
- package/dist/layout/AppFooter.js.map +1 -1
- package/dist/layout/AppMenu.d.ts +1 -1
- package/dist/layout/AppMenuitem.d.ts +1 -1
- package/dist/layout/AppMenuitem.d.ts.map +1 -1
- package/dist/layout/AppMenuitem.js +7 -9
- package/dist/layout/AppMenuitem.js.map +1 -1
- package/dist/layout/AppSidebar.d.ts +1 -1
- package/dist/layout/AppTopbar.d.ts +2 -2
- package/dist/layout/AppTopbar.d.ts.map +1 -1
- package/dist/layout/AppTopbar.js +17 -17
- package/dist/layout/AppTopbar.js.map +1 -1
- package/dist/layout/RidinAdminLayout.d.ts +1 -1
- package/dist/layout/RidinAdminLayoutContext.d.ts +2 -2
- package/dist/layout/SakaiLayout.d.ts +1 -1
- package/dist/layout/context/layoutcontext.d.ts +2 -2
- package/dist/layout/context/layoutcontext.d.ts.map +1 -1
- package/dist/layout/context/layoutcontext.js +6 -6
- package/dist/layout/context/layoutcontext.js.map +1 -1
- package/dist/layout/context/menucontext.d.ts +2 -2
- package/dist/layout/context/menucontext.js +1 -1
- package/dist/layout/layout.d.ts +1 -1
- package/dist/layout/layout.d.ts.map +1 -1
- package/dist/layout/layout.js +15 -16
- package/dist/layout/layout.js.map +1 -1
- package/dist/menu/adminMenu.d.ts.map +1 -1
- package/dist/menu/adminMenu.js +56 -32
- package/dist/menu/adminMenu.js.map +1 -1
- package/dist/providers/RidinProviders.d.ts +1 -1
- package/dist/providers/RidinProviders.js +1 -1
- package/dist/styles/index.d.ts +5 -5
- package/dist/styles/index.ts +5 -5
- package/dist/styles/layout/_config.scss +55 -54
- package/dist/styles/layout/_content.scss +17 -17
- package/dist/styles/layout/_footer.scss +10 -10
- package/dist/styles/layout/_main.scss +27 -27
- package/dist/styles/layout/_menu.scss +166 -159
- package/dist/styles/layout/_mixins.scss +13 -13
- package/dist/styles/layout/_responsive.scss +102 -101
- package/dist/styles/layout/_topbar.scss +158 -152
- package/dist/styles/layout/_typography.scss +70 -65
- package/dist/styles/layout/_utils.scss +40 -40
- package/dist/styles/layout/_variables.scss +3 -3
- package/dist/styles/layout/layout.scss +11 -11
- package/dist/types.d.ts +2 -2
- package/package.json +12 -2
package/dist/layout/layout.js
CHANGED
|
@@ -54,7 +54,7 @@ const Layout = ({ children, menuModel, topbarProps }) => {
|
|
|
54
54
|
const topbarRef = (0, react_1.useRef)(null);
|
|
55
55
|
const sidebarRef = (0, react_1.useRef)(null);
|
|
56
56
|
const [bindMenuOutsideClickListener, unbindMenuOutsideClickListener] = (0, hooks_1.useEventListener)({
|
|
57
|
-
type:
|
|
57
|
+
type: 'click',
|
|
58
58
|
listener: (event) => {
|
|
59
59
|
const isOutsideClicked = !(sidebarRef.current?.isSameNode(event.target) ||
|
|
60
60
|
sidebarRef.current?.contains(event.target) ||
|
|
@@ -70,8 +70,8 @@ const Layout = ({ children, menuModel, topbarProps }) => {
|
|
|
70
70
|
hideMenu();
|
|
71
71
|
hideProfileMenu();
|
|
72
72
|
}, [location.pathname, location.search]);
|
|
73
|
-
const [bindProfileMenuOutsideClickListener, unbindProfileMenuOutsideClickListener
|
|
74
|
-
type:
|
|
73
|
+
const [bindProfileMenuOutsideClickListener, unbindProfileMenuOutsideClickListener] = (0, hooks_1.useEventListener)({
|
|
74
|
+
type: 'click',
|
|
75
75
|
listener: (event) => {
|
|
76
76
|
const isOutsideClicked = !(topbarRef.current?.topbarmenu?.isSameNode(event.target) ||
|
|
77
77
|
topbarRef.current?.topbarmenu?.contains(event.target) ||
|
|
@@ -101,18 +101,18 @@ const Layout = ({ children, menuModel, topbarProps }) => {
|
|
|
101
101
|
};
|
|
102
102
|
const blockBodyScroll = () => {
|
|
103
103
|
if (document.body.classList) {
|
|
104
|
-
document.body.classList.add(
|
|
104
|
+
document.body.classList.add('blocked-scroll');
|
|
105
105
|
}
|
|
106
106
|
else {
|
|
107
|
-
document.body.className +=
|
|
107
|
+
document.body.className += ' blocked-scroll';
|
|
108
108
|
}
|
|
109
109
|
};
|
|
110
110
|
const unblockBodyScroll = () => {
|
|
111
111
|
if (document.body.classList) {
|
|
112
|
-
document.body.classList.remove(
|
|
112
|
+
document.body.classList.remove('blocked-scroll');
|
|
113
113
|
}
|
|
114
114
|
else {
|
|
115
|
-
document.body.className = document.body.className.replace(new RegExp(
|
|
115
|
+
document.body.className = document.body.className.replace(new RegExp('(^|\\b)' + 'blocked-scroll'.split(' ').join('|') + '(\\b|$)', 'gi'), ' ');
|
|
116
116
|
}
|
|
117
117
|
};
|
|
118
118
|
(0, react_1.useEffect)(() => {
|
|
@@ -130,15 +130,14 @@ const Layout = ({ children, menuModel, topbarProps }) => {
|
|
|
130
130
|
unbindMenuOutsideClickListener();
|
|
131
131
|
unbindProfileMenuOutsideClickListener();
|
|
132
132
|
});
|
|
133
|
-
const containerClass = (0, utils_1.classNames)(
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
"p-ripple-disabled": !layoutConfig.ripple,
|
|
133
|
+
const containerClass = (0, utils_1.classNames)('layout-wrapper', {
|
|
134
|
+
'layout-overlay': layoutConfig.menuMode === 'overlay',
|
|
135
|
+
'layout-static': layoutConfig.menuMode === 'static',
|
|
136
|
+
'layout-static-inactive': layoutState.staticMenuDesktopInactive && layoutConfig.menuMode === 'static',
|
|
137
|
+
'layout-overlay-active': layoutState.overlayMenuActive,
|
|
138
|
+
'layout-mobile-active': layoutState.staticMenuMobileActive,
|
|
139
|
+
'p-input-filled': layoutConfig.inputStyle === 'filled',
|
|
140
|
+
'p-ripple-disabled': !layoutConfig.ripple,
|
|
142
141
|
});
|
|
143
142
|
return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: (0, jsx_runtime_1.jsxs)("div", { className: containerClass, children: [(0, jsx_runtime_1.jsx)(AppTopbar_1.default, { ref: topbarRef, ...topbarProps }), (0, jsx_runtime_1.jsx)("div", { ref: sidebarRef, className: "layout-sidebar", children: (0, jsx_runtime_1.jsx)(AppSidebar_1.default, { menuModel: menuModel }) }), (0, jsx_runtime_1.jsxs)("div", { className: "layout-main-container", children: [(0, jsx_runtime_1.jsx)("div", { className: "layout-main", children: children }), (0, jsx_runtime_1.jsx)(AppFooter_1.default, {})] }), (0, jsx_runtime_1.jsx)(AppConfig_1.default, {}), (0, jsx_runtime_1.jsx)("div", { className: "layout-mask" })] }) }));
|
|
144
143
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"layout.js","sourceRoot":"","sources":["../../src/layout/layout.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAgD;AAEhD,4CAAsE;AACtE,+CAA6D;AAC7D,4CAA8C;AAC9C,4DAAoC;AACpC,8DAAsC;AACtC,4DAAoC;AACpC,4DAAoC;AACpC,2DAAwD;AACxD,wCAAmD;AAQnD,uDAA+C;AAO/C,MAAM,MAAM,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAe,EAAE,EAAE;IACnE,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,cAAc,EAAE,
|
|
1
|
+
{"version":3,"file":"layout.js","sourceRoot":"","sources":["../../src/layout/layout.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAgD;AAEhD,4CAAsE;AACtE,+CAA6D;AAC7D,4CAA8C;AAC9C,4DAAoC;AACpC,8DAAsC;AACtC,4DAAoC;AACpC,4DAAoC;AACpC,2DAAwD;AACxD,wCAAmD;AAQnD,uDAA+C;AAO/C,MAAM,MAAM,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAe,EAAE,EAAE;IACnE,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,cAAc,EAAE,GAAG,IAAA,kBAAU,EAAC,6BAAa,CAAC,CAAC;IAChF,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,kBAAU,EAAC,uBAAiB,CAAC,CAAC;IACpD,MAAM,SAAS,GAAG,IAAA,cAAM,EAAe,IAAI,CAAC,CAAC;IAC7C,MAAM,UAAU,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAChD,MAAM,CAAC,4BAA4B,EAAE,8BAA8B,CAAC,GAAG,IAAA,wBAAgB,EAAC;QACtF,IAAI,EAAE,OAAO;QACb,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;YAClB,MAAM,gBAAgB,GAAG,CAAC,CACxB,UAAU,CAAC,OAAO,EAAE,UAAU,CAAC,KAAK,CAAC,MAAc,CAAC;gBACpD,UAAU,CAAC,OAAO,EAAE,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC;gBAClD,SAAS,CAAC,OAAO,EAAE,UAAU,EAAE,UAAU,CAAC,KAAK,CAAC,MAAc,CAAC;gBAC/D,SAAS,CAAC,OAAO,EAAE,UAAU,EAAE,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,CAC9D,CAAC;YAEF,IAAI,gBAAgB,EAAE,CAAC;gBACrB,QAAQ,EAAE,CAAC;YACb,CAAC;QACH,CAAC;KACF,CAAC,CAAC;IAEH,MAAM,QAAQ,GAAG,IAAA,8BAAW,GAAE,CAAC;IAC/B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,QAAQ,EAAE,CAAC;QACX,eAAe,EAAE,CAAC;IACpB,CAAC,EAAE,CAAC,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC;IAEzC,MAAM,CAAC,mCAAmC,EAAE,qCAAqC,CAAC,GAChF,IAAA,wBAAgB,EAAC;QACf,IAAI,EAAE,OAAO;QACb,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;YAClB,MAAM,gBAAgB,GAAG,CAAC,CACxB,SAAS,CAAC,OAAO,EAAE,UAAU,EAAE,UAAU,CAAC,KAAK,CAAC,MAAc,CAAC;gBAC/D,SAAS,CAAC,OAAO,EAAE,UAAU,EAAE,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC;gBAC7D,SAAS,CAAC,OAAO,EAAE,gBAAgB,EAAE,UAAU,CAAC,KAAK,CAAC,MAAc,CAAC;gBACrE,SAAS,CAAC,OAAO,EAAE,gBAAgB,EAAE,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,CACpE,CAAC;YAEF,IAAI,gBAAgB,EAAE,CAAC;gBACrB,eAAe,EAAE,CAAC;YACpB,CAAC;QACH,CAAC;KACF,CAAC,CAAC;IAEL,MAAM,QAAQ,GAAG,GAAG,EAAE;QACpB,cAAc,CAAC,CAAC,eAA4B,EAAE,EAAE,CAAC,CAAC;YAChD,GAAG,eAAe;YAClB,iBAAiB,EAAE,KAAK;YACxB,sBAAsB,EAAE,KAAK;YAC7B,eAAe,EAAE,KAAK;SACvB,CAAC,CAAC,CAAC;QACJ,8BAA8B,EAAE,CAAC;QACjC,iBAAiB,EAAE,CAAC;IACtB,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,cAAc,CAAC,CAAC,eAA4B,EAAE,EAAE,CAAC,CAAC;YAChD,GAAG,eAAe;YAClB,qBAAqB,EAAE,KAAK;SAC7B,CAAC,CAAC,CAAC;QACJ,qCAAqC,EAAE,CAAC;IAC1C,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,GAAS,EAAE;QACjC,IAAI,QAAQ,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;YAC5B,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;QAChD,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC,IAAI,CAAC,SAAS,IAAI,iBAAiB,CAAC;QAC/C,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,GAAS,EAAE;QACnC,IAAI,QAAQ,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;YAC5B,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC;QACnD,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO,CACvD,IAAI,MAAM,CAAC,SAAS,GAAG,gBAAgB,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,SAAS,EAAE,IAAI,CAAC,EAC/E,GAAG,CACJ,CAAC;QACJ,CAAC;IACH,CAAC,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,WAAW,CAAC,iBAAiB,IAAI,WAAW,CAAC,sBAAsB,EAAE,CAAC;YACxE,4BAA4B,EAAE,CAAC;QACjC,CAAC;QAED,WAAW,CAAC,sBAAsB,IAAI,eAAe,EAAE,CAAC;IAC1D,CAAC,EAAE,CAAC,WAAW,CAAC,iBAAiB,EAAE,WAAW,CAAC,sBAAsB,CAAC,CAAC,CAAC;IAExE,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,WAAW,CAAC,qBAAqB,EAAE,CAAC;YACtC,mCAAmC,EAAE,CAAC;QACxC,CAAC;IACH,CAAC,EAAE,CAAC,WAAW,CAAC,qBAAqB,CAAC,CAAC,CAAC;IAExC,IAAA,wBAAgB,EAAC,GAAG,EAAE;QACpB,8BAA8B,EAAE,CAAC;QACjC,qCAAqC,EAAE,CAAC;IAC1C,CAAC,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,IAAA,kBAAU,EAAC,gBAAgB,EAAE;QAClD,gBAAgB,EAAE,YAAY,CAAC,QAAQ,KAAK,SAAS;QACrD,eAAe,EAAE,YAAY,CAAC,QAAQ,KAAK,QAAQ;QACnD,wBAAwB,EACtB,WAAW,CAAC,yBAAyB,IAAI,YAAY,CAAC,QAAQ,KAAK,QAAQ;QAC7E,uBAAuB,EAAE,WAAW,CAAC,iBAAiB;QACtD,sBAAsB,EAAE,WAAW,CAAC,sBAAsB;QAC1D,gBAAgB,EAAE,YAAY,CAAC,UAAU,KAAK,QAAQ;QACtD,mBAAmB,EAAE,CAAC,YAAY,CAAC,MAAM;KAC1C,CAAC,CAAC;IAEH,OAAO,CACL,uBAAC,eAAK,CAAC,QAAQ,cACb,iCAAK,SAAS,EAAE,cAAc,aAC5B,uBAAC,mBAAS,IAAC,GAAG,EAAE,SAAS,KAAM,WAAW,GAAI,EAC9C,gCAAK,GAAG,EAAE,UAAU,EAAE,SAAS,EAAC,gBAAgB,YAC9C,uBAAC,oBAAU,IAAC,SAAS,EAAE,SAAS,GAAI,GAChC,EACN,iCAAK,SAAS,EAAC,uBAAuB,aACpC,gCAAK,SAAS,EAAC,aAAa,YAAE,QAAQ,GAAO,EAC7C,uBAAC,mBAAS,KAAG,IACT,EACN,uBAAC,mBAAS,KAAG,EACb,gCAAK,SAAS,EAAC,aAAa,GAAO,IAC/B,GACS,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,MAAM,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"adminMenu.d.ts","sourceRoot":"","sources":["../../src/menu/adminMenu.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;AAC9C,MAAM,MAAM,WAAW,GAAG,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;AAclD,wBAAgB,mBAAmB,
|
|
1
|
+
{"version":3,"file":"adminMenu.d.ts","sourceRoot":"","sources":["../../src/menu/adminMenu.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;AAC9C,MAAM,MAAM,WAAW,GAAG,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;AAclD,wBAAgB,mBAAmB,CAAC,QAAQ,EAAE,UAAU,EAAE,QAAQ,SAAW,EAAE,CAAC,CAAC,EAAE,WAAW;;;;;;;;IAiC7F;AAED,wBAAgB,qBAAqB,CACnC,QAAQ,EAAE,UAAU,EACpB,QAAQ,SAAa,EACrB,CAAC,CAAC,EAAE,WAAW;;;;;;;;IAkBhB;AAED,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,UAAU,EAAE,QAAQ,SAAY,EAAE,CAAC,CAAC,EAAE,WAAW;;;;;;;;IAqB/F"}
|
package/dist/menu/adminMenu.js
CHANGED
|
@@ -4,10 +4,10 @@ exports.buildAdminMenuModel = buildAdminMenuModel;
|
|
|
4
4
|
exports.buildCatalogMenuModel = buildCatalogMenuModel;
|
|
5
5
|
exports.buildSystemMenuModel = buildSystemMenuModel;
|
|
6
6
|
function joinPath(basePath, subPath) {
|
|
7
|
-
const normalizedBase = basePath.endsWith(
|
|
8
|
-
const normalizedSub = subPath.startsWith(
|
|
7
|
+
const normalizedBase = basePath.endsWith('/') ? basePath.slice(0, -1) : basePath;
|
|
8
|
+
const normalizedSub = subPath.startsWith('/') ? subPath.slice(1) : subPath;
|
|
9
9
|
if (!normalizedSub)
|
|
10
|
-
return normalizedBase ||
|
|
10
|
+
return normalizedBase || '/';
|
|
11
11
|
if (!normalizedBase)
|
|
12
12
|
return `/${normalizedSub}`;
|
|
13
13
|
return `${normalizedBase}/${normalizedSub}`;
|
|
@@ -15,51 +15,75 @@ function joinPath(basePath, subPath) {
|
|
|
15
15
|
function tr(t, key, fallback) {
|
|
16
16
|
return t ? t(key) : fallback;
|
|
17
17
|
}
|
|
18
|
-
function buildAdminMenuModel(navigate, basePath =
|
|
19
|
-
const go = (subPath =
|
|
18
|
+
function buildAdminMenuModel(navigate, basePath = '/admin', t) {
|
|
19
|
+
const go = (subPath = '') => navigate(joinPath(basePath, subPath));
|
|
20
20
|
return [
|
|
21
21
|
{
|
|
22
|
-
label: tr(t,
|
|
23
|
-
icon:
|
|
22
|
+
label: tr(t, 'nav.home', 'Home'),
|
|
23
|
+
icon: 'pi pi-home',
|
|
24
24
|
items: [
|
|
25
|
-
{ label: tr(t,
|
|
26
|
-
{
|
|
27
|
-
|
|
25
|
+
{ label: tr(t, 'nav.dashboard', 'Dashboard'), icon: 'pi pi-home', command: () => go('') },
|
|
26
|
+
{
|
|
27
|
+
label: tr(t, 'nav.userManager', 'Users'),
|
|
28
|
+
icon: 'pi pi-users',
|
|
29
|
+
command: () => go('users'),
|
|
30
|
+
},
|
|
31
|
+
],
|
|
28
32
|
},
|
|
29
33
|
{
|
|
30
|
-
label: tr(t,
|
|
31
|
-
icon:
|
|
34
|
+
label: tr(t, 'nav.account', 'Account'),
|
|
35
|
+
icon: 'pi pi-id-card',
|
|
32
36
|
items: [
|
|
33
|
-
{
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
+
{
|
|
38
|
+
label: tr(t, 'topbar.profile', 'Profile'),
|
|
39
|
+
icon: 'pi pi-user',
|
|
40
|
+
command: () => go('profile'),
|
|
41
|
+
},
|
|
42
|
+
{
|
|
43
|
+
label: tr(t, 'topbar.settings', 'Settings'),
|
|
44
|
+
icon: 'pi pi-sliders-h',
|
|
45
|
+
command: () => go('settings'),
|
|
46
|
+
},
|
|
47
|
+
],
|
|
48
|
+
},
|
|
37
49
|
];
|
|
38
50
|
}
|
|
39
|
-
function buildCatalogMenuModel(navigate, basePath =
|
|
40
|
-
const go = (subPath =
|
|
51
|
+
function buildCatalogMenuModel(navigate, basePath = '/catalog', t) {
|
|
52
|
+
const go = (subPath = '') => navigate(joinPath(basePath, subPath));
|
|
41
53
|
return [
|
|
42
54
|
{
|
|
43
|
-
label: tr(t,
|
|
44
|
-
icon:
|
|
55
|
+
label: tr(t, 'nav.catalog', 'Catalog'),
|
|
56
|
+
icon: 'pi pi-book',
|
|
45
57
|
items: [
|
|
46
|
-
{ label: tr(t,
|
|
47
|
-
{
|
|
48
|
-
|
|
49
|
-
|
|
58
|
+
{ label: tr(t, 'nav.books', 'Books'), icon: 'pi pi-bookmark', command: () => go('books') },
|
|
59
|
+
{
|
|
60
|
+
label: tr(t, 'nav.authors', 'Authors'),
|
|
61
|
+
icon: 'pi pi-user-edit',
|
|
62
|
+
command: () => go('authors'),
|
|
63
|
+
},
|
|
64
|
+
],
|
|
65
|
+
},
|
|
50
66
|
];
|
|
51
67
|
}
|
|
52
|
-
function buildSystemMenuModel(navigate, basePath =
|
|
53
|
-
const go = (subPath =
|
|
68
|
+
function buildSystemMenuModel(navigate, basePath = '/system', t) {
|
|
69
|
+
const go = (subPath = '') => navigate(joinPath(basePath, subPath));
|
|
54
70
|
return [
|
|
55
71
|
{
|
|
56
|
-
label: tr(t,
|
|
57
|
-
icon:
|
|
72
|
+
label: tr(t, 'nav.system', 'System'),
|
|
73
|
+
icon: 'pi pi-cog',
|
|
58
74
|
items: [
|
|
59
|
-
{
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
75
|
+
{
|
|
76
|
+
label: tr(t, 'nav.systemLog', 'System log'),
|
|
77
|
+
icon: 'pi pi-exclamation-triangle',
|
|
78
|
+
command: () => go('errors'),
|
|
79
|
+
},
|
|
80
|
+
{
|
|
81
|
+
label: tr(t, 'nav.emailManager', 'System email'),
|
|
82
|
+
icon: 'pi pi-envelope',
|
|
83
|
+
command: () => go('emails'),
|
|
84
|
+
},
|
|
85
|
+
],
|
|
86
|
+
},
|
|
63
87
|
];
|
|
64
88
|
}
|
|
65
89
|
//# sourceMappingURL=adminMenu.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"adminMenu.js","sourceRoot":"","sources":["../../src/menu/adminMenu.ts"],"names":[],"mappings":";;AAeA,
|
|
1
|
+
{"version":3,"file":"adminMenu.js","sourceRoot":"","sources":["../../src/menu/adminMenu.ts"],"names":[],"mappings":"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"}
|
|
@@ -6,7 +6,7 @@ const api_1 = require("primereact/api");
|
|
|
6
6
|
function RidinProviders({ children }) {
|
|
7
7
|
return ((0, jsx_runtime_1.jsx)(api_1.PrimeReactProvider, { value: {
|
|
8
8
|
ripple: true,
|
|
9
|
-
hideOverlaysOnDocumentScrolling: false
|
|
9
|
+
hideOverlaysOnDocumentScrolling: false,
|
|
10
10
|
}, children: children }));
|
|
11
11
|
}
|
|
12
12
|
//# sourceMappingURL=RidinProviders.js.map
|
package/dist/styles/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
1
|
+
import 'primeflex/primeflex.css';
|
|
2
|
+
import 'primereact/resources/primereact.min.css';
|
|
3
|
+
import 'primereact/resources/themes/lara-light-indigo/theme.css';
|
|
4
|
+
import 'primeicons/primeicons.css';
|
|
5
|
+
import './layout/layout.scss';
|
|
6
6
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/styles/index.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
1
|
+
import 'primeflex/primeflex.css';
|
|
2
|
+
import 'primereact/resources/primereact.min.css';
|
|
3
|
+
import 'primereact/resources/themes/lara-light-indigo/theme.css';
|
|
4
|
+
import 'primeicons/primeicons.css';
|
|
5
|
+
import './layout/layout.scss';
|
|
@@ -1,54 +1,55 @@
|
|
|
1
|
-
.layout-config-button {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
}
|
|
54
|
-
}
|
|
1
|
+
.layout-config-button {
|
|
2
|
+
display: block;
|
|
3
|
+
position: fixed;
|
|
4
|
+
width: 3rem;
|
|
5
|
+
height: 3rem;
|
|
6
|
+
line-height: 3rem;
|
|
7
|
+
background: var(--primary-color);
|
|
8
|
+
color: var(--primary-color-text);
|
|
9
|
+
text-align: center;
|
|
10
|
+
top: 50%;
|
|
11
|
+
right: 0;
|
|
12
|
+
margin-top: -1.5rem;
|
|
13
|
+
border-top-left-radius: var(--border-radius);
|
|
14
|
+
border-bottom-left-radius: var(--border-radius);
|
|
15
|
+
border-top-right-radius: 0;
|
|
16
|
+
border-bottom-right-radius: 0;
|
|
17
|
+
transition: background-color var(--transition-duration);
|
|
18
|
+
overflow: hidden;
|
|
19
|
+
cursor: pointer;
|
|
20
|
+
z-index: 999;
|
|
21
|
+
box-shadow: -0.25rem 0 1rem rgba(0, 0, 0, 0.15);
|
|
22
|
+
|
|
23
|
+
&.config-link {
|
|
24
|
+
font-size: 1rem;
|
|
25
|
+
font-family:
|
|
26
|
+
-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif,
|
|
27
|
+
'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
28
|
+
border: none;
|
|
29
|
+
}
|
|
30
|
+
.config-link:focus {
|
|
31
|
+
outline: 0 none;
|
|
32
|
+
outline-offset: 0;
|
|
33
|
+
box-shadow: 0 0 0 1px var(--focus-ring);
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
i {
|
|
37
|
+
font-size: 2rem;
|
|
38
|
+
line-height: inherit;
|
|
39
|
+
transform: rotate(0deg);
|
|
40
|
+
transition: transform 1s;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
&:hover {
|
|
44
|
+
background: var(--primary-400);
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
.layout-config-sidebar {
|
|
49
|
+
&.p-sidebar {
|
|
50
|
+
.p-sidebar-content {
|
|
51
|
+
padding-left: 2rem;
|
|
52
|
+
padding-right: 2rem;
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
}
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
@use './_variables' as vars;
|
|
2
|
-
|
|
3
|
-
.layout-main-container {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
.layout-main {
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
}
|
|
1
|
+
@use './_variables' as vars;
|
|
2
|
+
|
|
3
|
+
.layout-main-container {
|
|
4
|
+
display: flex;
|
|
5
|
+
flex-direction: column;
|
|
6
|
+
min-height: 100vh;
|
|
7
|
+
justify-content: space-between;
|
|
8
|
+
padding: 7rem 2rem 2rem 4rem;
|
|
9
|
+
transition: margin-left vars.$transitionDuration;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
.layout-main {
|
|
13
|
+
flex: 1 1 auto;
|
|
14
|
+
display: flex;
|
|
15
|
+
flex-direction: column;
|
|
16
|
+
min-height: 0;
|
|
17
|
+
}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
@use './_variables' as vars;
|
|
2
|
-
|
|
3
|
-
.layout-footer {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
}
|
|
1
|
+
@use './_variables' as vars;
|
|
2
|
+
|
|
3
|
+
.layout-footer {
|
|
4
|
+
transition: margin-left vars.$transitionDuration;
|
|
5
|
+
display: flex;
|
|
6
|
+
align-items: center;
|
|
7
|
+
justify-content: center;
|
|
8
|
+
padding-top: 1rem;
|
|
9
|
+
border-top: 1px solid var(--surface-border);
|
|
10
|
+
}
|
|
@@ -1,27 +1,27 @@
|
|
|
1
|
-
* {
|
|
2
|
-
|
|
3
|
-
}
|
|
4
|
-
|
|
5
|
-
html {
|
|
6
|
-
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
body {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
a {
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
.layout-wrapper {
|
|
26
|
-
|
|
27
|
-
}
|
|
1
|
+
* {
|
|
2
|
+
box-sizing: border-box;
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
html {
|
|
6
|
+
height: 100%;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
body {
|
|
10
|
+
font-family: var(--font-family);
|
|
11
|
+
color: var(--text-color);
|
|
12
|
+
background-color: var(--surface-ground);
|
|
13
|
+
margin: 0;
|
|
14
|
+
padding: 0;
|
|
15
|
+
min-height: 100%;
|
|
16
|
+
-webkit-font-smoothing: antialiased;
|
|
17
|
+
-moz-osx-font-smoothing: grayscale;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
a {
|
|
21
|
+
text-decoration: none;
|
|
22
|
+
color: var(--primary-color);
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.layout-wrapper {
|
|
26
|
+
min-height: 100vh;
|
|
27
|
+
}
|