ps-toolkit-ui 0.0.74 → 0.0.78
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/bundles/ps-toolkit-ui.umd.js +10 -2
- package/bundles/ps-toolkit-ui.umd.js.map +1 -1
- package/bundles/ps-toolkit-ui.umd.min.js +1 -1
- package/bundles/ps-toolkit-ui.umd.min.js.map +1 -1
- package/esm2015/lib/components/layout/layout.component.js +8 -4
- package/esm2015/lib/components/sidebar/sidebar.component.js +5 -1
- package/fesm2015/ps-toolkit-ui.js +10 -2
- package/fesm2015/ps-toolkit-ui.js.map +1 -1
- package/lib/components/layout/layout.component.d.ts +3 -0
- package/package.json +1 -1
- package/ps-toolkit-ui.metadata.json +1 -1
|
@@ -1,9 +1,12 @@
|
|
|
1
|
-
import { Component, Input } from '@angular/core';
|
|
1
|
+
import { Component, Input, ViewChild } from '@angular/core';
|
|
2
2
|
import * as $ from 'jquery';
|
|
3
3
|
export class LayoutComponent {
|
|
4
4
|
constructor() {
|
|
5
5
|
this.permissions = [];
|
|
6
6
|
}
|
|
7
|
+
changeSidebarActive() {
|
|
8
|
+
this.sidebar.setActive();
|
|
9
|
+
}
|
|
7
10
|
toggleSidebar() {
|
|
8
11
|
$('#Layout .panel').toggleClass('open-sidebar').toggleClass('close-sidebar');
|
|
9
12
|
}
|
|
@@ -11,13 +14,14 @@ export class LayoutComponent {
|
|
|
11
14
|
LayoutComponent.decorators = [
|
|
12
15
|
{ type: Component, args: [{
|
|
13
16
|
selector: 'lib-layout',
|
|
14
|
-
template: "<div id=\"Layout\">\r\n <div class=\"layout-con\">\r\n <div class=\"panel open-sidebar\">\r\n <div class=\"sidebar-shadow\" (click)=\"toggleSidebar()\"></div>\r\n <div class=\"sidebar\">\r\n <div class=\"sidebar-scroll\" style=\"overflow-y: auto\">\r\n <lib-sidebar [permissions]=\"permissions\" (toggleSidebar)=\"toggleSidebar()\" [area]=\"area\"></lib-sidebar>\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <lib-header></lib-header>\r\n <div class=\"content-scroll-con\" style=\"overflow-y: auto\">\r\n <div class=\"content-scroll\">\r\n <router-outlet></router-outlet>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n",
|
|
17
|
+
template: "<div id=\"Layout\">\r\n <div class=\"layout-con\">\r\n <div class=\"panel open-sidebar\">\r\n <div class=\"sidebar-shadow\" (click)=\"toggleSidebar()\"></div>\r\n <div class=\"sidebar\">\r\n <div class=\"sidebar-scroll\" style=\"overflow-y: auto\">\r\n <lib-sidebar #sidebar [permissions]=\"permissions\" (toggleSidebar)=\"toggleSidebar()\" [area]=\"area\"></lib-sidebar>\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <lib-header></lib-header>\r\n <div class=\"content-scroll-con\" style=\"overflow-y: auto\">\r\n <div class=\"content-scroll\">\r\n <router-outlet></router-outlet>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n",
|
|
15
18
|
styles: ["#Layout,#Layout .layout-con,#Layout .panel{float:right;width:100%}#Layout .panel{position:relative}#Layout .panel .sidebar{background-color:var(--base);height:calc(100vh - 35px);min-height:calc(100vh - 35px);transition:width .3s;width:78px}#Layout .panel .sidebar,#Layout .panel .sidebar-shadow{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;direction:ltr;float:right;overflow:hidden;position:absolute;z-index:9}#Layout .panel .sidebar-shadow{background-color:var(--black);height:calc(100vh - 85px);left:0;min-height:calc(100vh - 85px);opacity:0;transition:all .3s;visibility:hidden;width:100%}#Layout .panel.open-sidebar .sidebar{width:260px}#Layout .panel .sidebar .sidebar-scroll{height:100%;width:100%}#Layout .panel .content{background-color:var(--base-11);direction:rtl;float:left;overflow:hidden;position:relative;transition:width .3s;width:calc(100% - 78px)}#Layout .panel.open-sidebar .content{width:calc(100% - 260px)}#Layout .panel .content .content-scroll-con{height:calc(100vh - 85px);min-height:calc(100vh - 85px);width:100%}#Layout .panel .content .content-scroll-con .content-scroll{float:right;padding:20px;width:100%}@media (max-width:399.98px){#Layout .panel .sidebar{height:calc(100vh - 110px);min-height:calc(100vh - 110px);right:0;width:200px}#Layout .panel.open-sidebar .sidebar{right:-200px}#Layout .panel.open-sidebar .content{width:100%}#Layout .panel .content{width:100%}#Layout .panel .content,#Layout .panel .sidebar-shadow{height:calc(100vh - 110px);min-height:calc(100vh - 110px)}#Layout .panel .sidebar-shadow{opacity:.7;visibility:visible;width:calc(100% - 200px)}#Layout .panel.open-sidebar .sidebar-shadow{opacity:0;visibility:hidden;width:100%}}@media (min-width:400px) and (max-width:499.98px){#Layout .panel .sidebar{height:calc(100vh - 110px);min-height:calc(100vh - 110px);right:0;width:200px}#Layout .panel.open-sidebar .sidebar{right:-200px}#Layout .panel.open-sidebar .content{width:100%}#Layout .panel .content{width:100%}#Layout .panel .content,#Layout .panel .sidebar-shadow{height:calc(100vh - 110px);min-height:calc(100vh - 110px)}#Layout .panel .sidebar-shadow{opacity:.7;visibility:visible;width:calc(100% - 200px)}#Layout .panel.open-sidebar .sidebar-shadow{opacity:0;visibility:hidden;width:100%}}@media (min-width:500px) and (max-width:599.98px){#Layout .panel .sidebar{height:calc(100vh - 110px);min-height:calc(100vh - 110px);right:0;width:200px}#Layout .panel.open-sidebar .sidebar{right:-200px}#Layout .panel.open-sidebar .content{width:100%}#Layout .panel .content{width:100%}#Layout .panel .content,#Layout .panel .sidebar-shadow{height:calc(100vh - 110px);min-height:calc(100vh - 110px)}#Layout .panel .sidebar-shadow{opacity:.7;visibility:visible;width:calc(100% - 200px)}#Layout .panel.open-sidebar .sidebar-shadow{opacity:0;visibility:hidden;width:100%}}@media (min-width:600px) and (max-width:699.98px){#Layout .panel .sidebar{right:0;width:200px}#Layout .panel.open-sidebar .sidebar{right:-200px}#Layout .panel .content,#Layout .panel.open-sidebar .content{width:100%}#Layout .panel .sidebar-shadow{opacity:.7;visibility:visible;width:calc(100% - 200px)}#Layout .panel.open-sidebar .sidebar-shadow{opacity:0;visibility:hidden;width:100%}}@media (min-width:700px) and (max-width:799.98px){#Layout .panel .sidebar{right:0;width:200px}#Layout .panel.open-sidebar .sidebar{right:-200px}#Layout .panel .content,#Layout .panel.open-sidebar .content{width:100%}#Layout .panel .sidebar-shadow{opacity:.7;visibility:visible;width:calc(100% - 200px)}#Layout .panel.open-sidebar .sidebar-shadow{opacity:0;visibility:hidden;width:100%}}@media (min-width:800px) and (max-width:899.98px){#Layout .panel .sidebar{right:-200px;width:200px}#Layout .panel .content{width:100%}#Layout .panel.open-sidebar .sidebar{right:0}#Layout .panel.open-sidebar .content{width:calc(100% - 200px)}}@media (min-width:900px) and (max-width:999.98px){#Layout .panel .sidebar{right:-200px;width:200px}#Layout .panel .content{width:100%}#Layout .panel.open-sidebar .sidebar{right:0}#Layout .panel.open-sidebar .content{width:calc(100% - 200px)}}@media (min-width:1000px) and (max-width:1099.98px){#Layout .panel .sidebar{right:-200px;width:200px}#Layout .panel .content{width:100%}#Layout .panel.open-sidebar .sidebar{right:0}#Layout .panel.open-sidebar .content{width:calc(100% - 200px)}}@media (min-width:1100px) and (max-width:1199.98px){#Layout .panel .sidebar{right:-200px;width:200px}#Layout .panel .content{width:100%}#Layout .panel.open-sidebar .sidebar{right:0}#Layout .panel.open-sidebar .content{width:calc(100% - 200px)}}"]
|
|
16
19
|
},] }
|
|
17
20
|
];
|
|
18
21
|
LayoutComponent.ctorParameters = () => [];
|
|
19
22
|
LayoutComponent.propDecorators = {
|
|
20
23
|
permissions: [{ type: Input }],
|
|
21
|
-
area: [{ type: Input }]
|
|
24
|
+
area: [{ type: Input }],
|
|
25
|
+
sidebar: [{ type: ViewChild, args: ['sidebar',] }]
|
|
22
26
|
};
|
|
23
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
27
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGF5b3V0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJEOi9Qcm9qZWN0cy9Qc1Rvb2xraXQvVUkvcHJvamVjdHMvcHMtdG9vbGtpdC11aS9zcmMvIiwic291cmNlcyI6WyJsaWIvY29tcG9uZW50cy9sYXlvdXQvbGF5b3V0LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDMUQsT0FBTyxLQUFLLENBQUMsTUFBTSxRQUFRLENBQUM7QUFRNUIsTUFBTSxPQUFPLGVBQWU7SUFNMUI7UUFKQSxnQkFBVyxHQUFVLEVBQUUsQ0FBQztJQUt4QixDQUFDO0lBQ0QsbUJBQW1CO1FBQ2pCLElBQUksQ0FBQyxPQUFPLENBQUMsU0FBUyxFQUFFLENBQUM7SUFDM0IsQ0FBQztJQUNELGFBQWE7UUFDWCxDQUFDLENBQUMsZ0JBQWdCLENBQUMsQ0FBQyxXQUFXLENBQUMsY0FBYyxDQUFDLENBQUMsV0FBVyxDQUFDLGVBQWUsQ0FBQyxDQUFDO0lBQy9FLENBQUM7OztZQWxCRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLFlBQVk7Z0JBQ3RCLHV3QkFBc0M7O2FBRXZDOzs7OzBCQUVFLEtBQUs7bUJBRUwsS0FBSztzQkFFTCxTQUFTLFNBQUMsU0FBUyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBJbnB1dCwgVmlld0NoaWxkfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0ICogYXMgJCBmcm9tICdqcXVlcnknO1xyXG5pbXBvcnQge1NpZGViYXJDb21wb25lbnR9IGZyb20gJy4uL3NpZGViYXIvc2lkZWJhci5jb21wb25lbnQnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdsaWItbGF5b3V0JyxcclxuICB0ZW1wbGF0ZVVybDogJy4vbGF5b3V0LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9sYXlvdXQuY29tcG9uZW50LmNzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBMYXlvdXRDb21wb25lbnQge1xyXG4gIEBJbnB1dCgpXHJcbiAgcGVybWlzc2lvbnM6IGFueVtdID0gW107XHJcbiAgQElucHV0KClcclxuICBhcmVhOiBzdHJpbmc7XHJcbiAgQFZpZXdDaGlsZCgnc2lkZWJhcicpIHNpZGViYXI6IFNpZGViYXJDb21wb25lbnQ7XHJcbiAgY29uc3RydWN0b3IoKSB7XHJcbiAgfVxyXG4gIGNoYW5nZVNpZGViYXJBY3RpdmUoKTogdm9pZHtcclxuICAgIHRoaXMuc2lkZWJhci5zZXRBY3RpdmUoKTtcclxuICB9XHJcbiAgdG9nZ2xlU2lkZWJhcigpOiB2b2lke1xyXG4gICAgJCgnI0xheW91dCAucGFuZWwnKS50b2dnbGVDbGFzcygnb3Blbi1zaWRlYmFyJykudG9nZ2xlQ2xhc3MoJ2Nsb3NlLXNpZGViYXInKTtcclxuICB9XHJcbn1cclxuIl19
|
|
@@ -23,7 +23,11 @@ export class SidebarComponent {
|
|
|
23
23
|
});
|
|
24
24
|
}
|
|
25
25
|
setActive() {
|
|
26
|
+
console.log(11111111);
|
|
27
|
+
console.log(this.router.routerState);
|
|
26
28
|
const active = HelperClass.getData('active', this.router.routerState, this.router.routerState.root)[0];
|
|
29
|
+
console.log(active);
|
|
30
|
+
console.log(this.getSidebarActive(this.sidebar, active));
|
|
27
31
|
this.currentSidebar = this.getSidebarActive(this.sidebar, active);
|
|
28
32
|
}
|
|
29
33
|
ngOnInit() {
|
|
@@ -64,4 +68,4 @@ SidebarComponent.propDecorators = {
|
|
|
64
68
|
area: [{ type: Input }],
|
|
65
69
|
toggleSidebar: [{ type: Output }]
|
|
66
70
|
};
|
|
67
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
71
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiRDovUHJvamVjdHMvUHNUb29sa2l0L1VJL3Byb2plY3RzL3BzLXRvb2xraXQtdWkvc3JjLyIsInNvdXJjZXMiOlsibGliL2NvbXBvbmVudHMvc2lkZWJhci9zaWRlYmFyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQzdFLE9BQU8sRUFBQyx3QkFBd0IsRUFBQyxNQUFNLCtCQUErQixDQUFDO0FBQ3ZFLE9BQU8sRUFBQyxTQUFTLEVBQUMsTUFBTSwwQkFBMEIsQ0FBQztBQUNuRCxPQUFPLEVBQUMsWUFBWSxFQUFDLE1BQU0sNkJBQTZCLENBQUM7QUFDekQsT0FBTyxFQUFDLGFBQWEsRUFBRSxNQUFNLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUN0RCxPQUFPLEVBQUMsV0FBVyxFQUFDLE1BQU0sNEJBQTRCLENBQUM7QUFDdkQsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0sMEJBQTBCLENBQUM7QUFPNUQsTUFBTSxPQUFPLGdCQUFnQjtJQVUzQixZQUFtQixNQUFnQyxFQUFVLE1BQWM7UUFBeEQsV0FBTSxHQUFOLE1BQU0sQ0FBMEI7UUFBVSxXQUFNLEdBQU4sTUFBTSxDQUFRO1FBUjNFLGdCQUFXLEdBQVUsRUFBRSxDQUFDO1FBSXhCLGtCQUFhLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUMzQyxZQUFPLEdBQW1CLEVBQUUsQ0FBQztRQUkzQixNQUFNLElBQUksR0FBRyxJQUFJLFNBQVMsQ0FBQyxNQUFNLENBQUMsV0FBVyxFQUFFLE1BQU0sQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUMvRCxJQUFJLENBQUMsQ0FBQyxHQUFHLENBQUMsR0FBVyxFQUFFLENBQUMsR0FBRyxJQUFJLEVBQVUsRUFBRTtZQUN6QyxPQUFPLElBQUksQ0FBQyxHQUFHLENBQUMsUUFBUSxFQUFFLFNBQVMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxDQUFDLENBQUM7UUFDL0MsQ0FBQyxDQUFDO1FBQ0YsTUFBTSxDQUFDLE1BQU0sQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLEVBQUU7WUFDOUIsSUFBSSxLQUFLLFlBQVksYUFBYSxFQUFFO2dCQUNsQyxJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7YUFDbEI7UUFDSCxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFDRCxTQUFTO1FBQ1AsT0FBTyxDQUFDLEdBQUcsQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUN0QixPQUFPLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsV0FBVyxDQUFDLENBQUM7UUFDckMsTUFBTSxNQUFNLEdBQUcsV0FBVyxDQUFDLE9BQU8sQ0FBQyxRQUFRLEVBQUUsSUFBSSxDQUFDLE1BQU0sQ0FBQyxXQUFXLEVBQUUsSUFBSSxDQUFDLE1BQU0sQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDdkcsT0FBTyxDQUFDLEdBQUcsQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUNwQixPQUFPLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLE1BQU0sQ0FBQyxDQUFDLENBQUM7UUFDekQsSUFBSSxDQUFDLGNBQWMsR0FBRyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxNQUFNLENBQUMsQ0FBQztJQUNwRSxDQUFDO0lBQ0QsUUFBUTtRQUNOLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO1FBQ2pDLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztJQUNuQixDQUFDO0lBQ0QsVUFBVSxDQUFDLFdBQW1CLElBQUk7UUFDaEMsT0FBTyxJQUFJLENBQUMsV0FBVyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLEtBQUssa0JBQWtCLENBQUMsSUFBSSxJQUFJLENBQUMsQ0FBQyxRQUFRLEtBQUssUUFBUSxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUU7WUFDekcsT0FBTyxJQUFJLFlBQVksQ0FBQyxJQUFJLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxJQUFJLEVBQUUsQ0FBQyxDQUFDLFVBQVUsRUFBRSxDQUFDLENBQUMsTUFBTSxFQUFFLENBQUMsQ0FBQyxJQUFJLEVBQUUsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQztRQUNqRyxDQUFDLENBQUMsQ0FBQztJQUNQLENBQUM7SUFDRCxnQkFBZ0IsQ0FBQyxJQUFvQixFQUFFLE1BQU07UUFDM0MsS0FBSyxNQUFNLENBQUMsSUFBSSxJQUFJLEVBQUM7WUFDbkIsSUFBSSxDQUFDLENBQUMsVUFBVSxHQUFHLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLEtBQUssTUFBTSxFQUFDO2dCQUN2RCxPQUFPLENBQUMsQ0FBQzthQUNWO1lBQ0QsTUFBTSxFQUFFLEdBQUcsSUFBSSxDQUFDLGdCQUFnQixDQUFDLENBQUMsQ0FBQyxRQUFRLEVBQUUsTUFBTSxDQUFDLENBQUM7WUFDckQsSUFBSSxFQUFFLEVBQUM7Z0JBQ0wsT0FBTyxFQUFFLENBQUM7YUFDWDtTQUNGO1FBQ0QsT0FBTyxJQUFJLENBQUM7SUFDZCxDQUFDOzs7WUF0REYsU0FBUyxTQUFDO2dCQUNQLFFBQVEsRUFBRSxhQUFhO2dCQUN2Qiw4YkFBdUM7O2FBRTFDOzs7WUFYTyx3QkFBd0I7WUFHVCxNQUFNOzs7MEJBVTFCLEtBQUs7bUJBRUwsS0FBSzs0QkFFTCxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtQc1Rvb2xraXRVaUNvbmZpZ1NlcnZpY2V9IGZyb20gJy4uLy4uL3NlcnZpY2VzL2NvbmZpZy5zZXJ2aWNlJztcclxuaW1wb3J0IHtMYW5nQ2xhc3N9IGZyb20gJy4uLy4uL2NsYXNzZXMvbGFuZy5jbGFzcyc7XHJcbmltcG9ydCB7U2lkZWJhckNsYXNzfSBmcm9tICcuLi8uLi9jbGFzc2VzL3NpZGViYXIuY2xhc3MnO1xyXG5pbXBvcnQge05hdmlnYXRpb25FbmQsIFJvdXRlcn0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcclxuaW1wb3J0IHtIZWxwZXJDbGFzc30gZnJvbSAnLi4vLi4vY2xhc3Nlcy9oZWxwZXIuY2xhc3MnO1xyXG5pbXBvcnQge1Blcm1pc3Npb25UeXBlRW51bX0gZnJvbSAnLi4vLi4vY2xhc3Nlcy9lbnVtLmNsYXNzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICdsaWItc2lkZWJhcicsXHJcbiAgICB0ZW1wbGF0ZVVybDogJy4vc2lkZWJhci5jb21wb25lbnQuaHRtbCcsXHJcbiAgICBzdHlsZVVybHM6IFsnLi9zaWRlYmFyLmNvbXBvbmVudC5jc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgU2lkZWJhckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdHtcclxuICBASW5wdXQoKVxyXG4gIHBlcm1pc3Npb25zOiBhbnlbXSA9IFtdO1xyXG4gIEBJbnB1dCgpXHJcbiAgYXJlYTogc3RyaW5nO1xyXG4gIEBPdXRwdXQoKVxyXG4gIHRvZ2dsZVNpZGViYXIgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcclxuICBzaWRlYmFyOiBTaWRlYmFyQ2xhc3NbXSA9IFtdO1xyXG4gIGN1cnJlbnRTaWRlYmFyO1xyXG4gIGw6IChrLCB2PykgPT4gc3RyaW5nO1xyXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBjb25maWc6IFBzVG9vbGtpdFVpQ29uZmlnU2VydmljZSwgcHJpdmF0ZSByb3V0ZXI6IFJvdXRlcil7XHJcbiAgICBjb25zdCBsYW5nID0gbmV3IExhbmdDbGFzcyhjb25maWcuY3VycmVudExhbmcsIGNvbmZpZy5zdHJpbmdzKTtcclxuICAgIHRoaXMubCA9IChrZXk6IHN0cmluZywgdiA9IG51bGwpOiBzdHJpbmcgPT4ge1xyXG4gICAgICByZXR1cm4gbGFuZy5nZXQoJ1B1YmxpYycsICdTaWRlYmFyJywga2V5LCB2KTtcclxuICAgIH07XHJcbiAgICByb3V0ZXIuZXZlbnRzLnN1YnNjcmliZShldmVudCA9PiB7XHJcbiAgICAgIGlmIChldmVudCBpbnN0YW5jZW9mIE5hdmlnYXRpb25FbmQpIHtcclxuICAgICAgICB0aGlzLnNldEFjdGl2ZSgpO1xyXG4gICAgICB9XHJcbiAgICB9KTtcclxuICB9XHJcbiAgc2V0QWN0aXZlKCk6IHZvaWR7XHJcbiAgICBjb25zb2xlLmxvZygxMTExMTExMSk7XHJcbiAgICBjb25zb2xlLmxvZyh0aGlzLnJvdXRlci5yb3V0ZXJTdGF0ZSk7XHJcbiAgICBjb25zdCBhY3RpdmUgPSBIZWxwZXJDbGFzcy5nZXREYXRhKCdhY3RpdmUnLCB0aGlzLnJvdXRlci5yb3V0ZXJTdGF0ZSwgdGhpcy5yb3V0ZXIucm91dGVyU3RhdGUucm9vdClbMF07XHJcbiAgICBjb25zb2xlLmxvZyhhY3RpdmUpO1xyXG4gICAgY29uc29sZS5sb2codGhpcy5nZXRTaWRlYmFyQWN0aXZlKHRoaXMuc2lkZWJhciwgYWN0aXZlKSk7XHJcbiAgICB0aGlzLmN1cnJlbnRTaWRlYmFyID0gdGhpcy5nZXRTaWRlYmFyQWN0aXZlKHRoaXMuc2lkZWJhciwgYWN0aXZlKTtcclxuICB9XHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLnNpZGViYXIgPSB0aGlzLmdldFNpZGViYXIoKTtcclxuICAgIHRoaXMuc2V0QWN0aXZlKCk7XHJcbiAgfVxyXG4gIGdldFNpZGViYXIocGFyZW50SWQ6IHN0cmluZyA9IG51bGwpOiBTaWRlYmFyQ2xhc3NbXXtcclxuICAgIHJldHVybiB0aGlzLnBlcm1pc3Npb25zLmZpbHRlcih4ID0+IHguVHlwZSA9PT0gUGVybWlzc2lvblR5cGVFbnVtLkl0ZW0gJiYgeC5QYXJlbnRJZCA9PT0gcGFyZW50SWQpLm1hcCgocykgPT4ge1xyXG4gICAgICAgIHJldHVybiBuZXcgU2lkZWJhckNsYXNzKHRoaXMubCwgcy5OYW1lLCBzLkNvbnRyb2xsZXIsIHMuQWN0aW9uLCBzLkljb24sIHRoaXMuZ2V0U2lkZWJhcihzLklkKSk7XHJcbiAgICAgIH0pO1xyXG4gIH1cclxuICBnZXRTaWRlYmFyQWN0aXZlKGl0ZW06IFNpZGViYXJDbGFzc1tdLCBhY3RpdmUpOiBTaWRlYmFyQ2xhc3N7XHJcbiAgICBmb3IgKGNvbnN0IGkgb2YgaXRlbSl7XHJcbiAgICAgIGlmIChpLmNvbnRyb2xsZXIgKyAoaS5hY3Rpb24gPyBpLmFjdGlvbiA6ICcnKSA9PT0gYWN0aXZlKXtcclxuICAgICAgICByZXR1cm4gaTtcclxuICAgICAgfVxyXG4gICAgICBjb25zdCBjYSA9IHRoaXMuZ2V0U2lkZWJhckFjdGl2ZShpLmNoaWxkcmVuLCBhY3RpdmUpO1xyXG4gICAgICBpZiAoY2Epe1xyXG4gICAgICAgIHJldHVybiBjYTtcclxuICAgICAgfVxyXG4gICAgfVxyXG4gICAgcmV0dXJuIG51bGw7XHJcbiAgfVxyXG59XHJcbiJdfQ==
|
|
@@ -1618,7 +1618,11 @@ class SidebarComponent {
|
|
|
1618
1618
|
});
|
|
1619
1619
|
}
|
|
1620
1620
|
setActive() {
|
|
1621
|
+
console.log(11111111);
|
|
1622
|
+
console.log(this.router.routerState);
|
|
1621
1623
|
const active = HelperClass.getData('active', this.router.routerState, this.router.routerState.root)[0];
|
|
1624
|
+
console.log(active);
|
|
1625
|
+
console.log(this.getSidebarActive(this.sidebar, active));
|
|
1622
1626
|
this.currentSidebar = this.getSidebarActive(this.sidebar, active);
|
|
1623
1627
|
}
|
|
1624
1628
|
ngOnInit() {
|
|
@@ -5924,6 +5928,9 @@ class LayoutComponent {
|
|
|
5924
5928
|
constructor() {
|
|
5925
5929
|
this.permissions = [];
|
|
5926
5930
|
}
|
|
5931
|
+
changeSidebarActive() {
|
|
5932
|
+
this.sidebar.setActive();
|
|
5933
|
+
}
|
|
5927
5934
|
toggleSidebar() {
|
|
5928
5935
|
$('#Layout .panel').toggleClass('open-sidebar').toggleClass('close-sidebar');
|
|
5929
5936
|
}
|
|
@@ -5931,14 +5938,15 @@ class LayoutComponent {
|
|
|
5931
5938
|
LayoutComponent.decorators = [
|
|
5932
5939
|
{ type: Component, args: [{
|
|
5933
5940
|
selector: 'lib-layout',
|
|
5934
|
-
template: "<div id=\"Layout\">\r\n <div class=\"layout-con\">\r\n <div class=\"panel open-sidebar\">\r\n <div class=\"sidebar-shadow\" (click)=\"toggleSidebar()\"></div>\r\n <div class=\"sidebar\">\r\n <div class=\"sidebar-scroll\" style=\"overflow-y: auto\">\r\n <lib-sidebar [permissions]=\"permissions\" (toggleSidebar)=\"toggleSidebar()\" [area]=\"area\"></lib-sidebar>\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <lib-header></lib-header>\r\n <div class=\"content-scroll-con\" style=\"overflow-y: auto\">\r\n <div class=\"content-scroll\">\r\n <router-outlet></router-outlet>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n",
|
|
5941
|
+
template: "<div id=\"Layout\">\r\n <div class=\"layout-con\">\r\n <div class=\"panel open-sidebar\">\r\n <div class=\"sidebar-shadow\" (click)=\"toggleSidebar()\"></div>\r\n <div class=\"sidebar\">\r\n <div class=\"sidebar-scroll\" style=\"overflow-y: auto\">\r\n <lib-sidebar #sidebar [permissions]=\"permissions\" (toggleSidebar)=\"toggleSidebar()\" [area]=\"area\"></lib-sidebar>\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <lib-header></lib-header>\r\n <div class=\"content-scroll-con\" style=\"overflow-y: auto\">\r\n <div class=\"content-scroll\">\r\n <router-outlet></router-outlet>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n",
|
|
5935
5942
|
styles: ["#Layout,#Layout .layout-con,#Layout .panel{float:right;width:100%}#Layout .panel{position:relative}#Layout .panel .sidebar{background-color:var(--base);height:calc(100vh - 35px);min-height:calc(100vh - 35px);transition:width .3s;width:78px}#Layout .panel .sidebar,#Layout .panel .sidebar-shadow{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;direction:ltr;float:right;overflow:hidden;position:absolute;z-index:9}#Layout .panel .sidebar-shadow{background-color:var(--black);height:calc(100vh - 85px);left:0;min-height:calc(100vh - 85px);opacity:0;transition:all .3s;visibility:hidden;width:100%}#Layout .panel.open-sidebar .sidebar{width:260px}#Layout .panel .sidebar .sidebar-scroll{height:100%;width:100%}#Layout .panel .content{background-color:var(--base-11);direction:rtl;float:left;overflow:hidden;position:relative;transition:width .3s;width:calc(100% - 78px)}#Layout .panel.open-sidebar .content{width:calc(100% - 260px)}#Layout .panel .content .content-scroll-con{height:calc(100vh - 85px);min-height:calc(100vh - 85px);width:100%}#Layout .panel .content .content-scroll-con .content-scroll{float:right;padding:20px;width:100%}@media (max-width:399.98px){#Layout .panel .sidebar{height:calc(100vh - 110px);min-height:calc(100vh - 110px);right:0;width:200px}#Layout .panel.open-sidebar .sidebar{right:-200px}#Layout .panel.open-sidebar .content{width:100%}#Layout .panel .content{width:100%}#Layout .panel .content,#Layout .panel .sidebar-shadow{height:calc(100vh - 110px);min-height:calc(100vh - 110px)}#Layout .panel .sidebar-shadow{opacity:.7;visibility:visible;width:calc(100% - 200px)}#Layout .panel.open-sidebar .sidebar-shadow{opacity:0;visibility:hidden;width:100%}}@media (min-width:400px) and (max-width:499.98px){#Layout .panel .sidebar{height:calc(100vh - 110px);min-height:calc(100vh - 110px);right:0;width:200px}#Layout .panel.open-sidebar .sidebar{right:-200px}#Layout .panel.open-sidebar .content{width:100%}#Layout .panel .content{width:100%}#Layout .panel .content,#Layout .panel .sidebar-shadow{height:calc(100vh - 110px);min-height:calc(100vh - 110px)}#Layout .panel .sidebar-shadow{opacity:.7;visibility:visible;width:calc(100% - 200px)}#Layout .panel.open-sidebar .sidebar-shadow{opacity:0;visibility:hidden;width:100%}}@media (min-width:500px) and (max-width:599.98px){#Layout .panel .sidebar{height:calc(100vh - 110px);min-height:calc(100vh - 110px);right:0;width:200px}#Layout .panel.open-sidebar .sidebar{right:-200px}#Layout .panel.open-sidebar .content{width:100%}#Layout .panel .content{width:100%}#Layout .panel .content,#Layout .panel .sidebar-shadow{height:calc(100vh - 110px);min-height:calc(100vh - 110px)}#Layout .panel .sidebar-shadow{opacity:.7;visibility:visible;width:calc(100% - 200px)}#Layout .panel.open-sidebar .sidebar-shadow{opacity:0;visibility:hidden;width:100%}}@media (min-width:600px) and (max-width:699.98px){#Layout .panel .sidebar{right:0;width:200px}#Layout .panel.open-sidebar .sidebar{right:-200px}#Layout .panel .content,#Layout .panel.open-sidebar .content{width:100%}#Layout .panel .sidebar-shadow{opacity:.7;visibility:visible;width:calc(100% - 200px)}#Layout .panel.open-sidebar .sidebar-shadow{opacity:0;visibility:hidden;width:100%}}@media (min-width:700px) and (max-width:799.98px){#Layout .panel .sidebar{right:0;width:200px}#Layout .panel.open-sidebar .sidebar{right:-200px}#Layout .panel .content,#Layout .panel.open-sidebar .content{width:100%}#Layout .panel .sidebar-shadow{opacity:.7;visibility:visible;width:calc(100% - 200px)}#Layout .panel.open-sidebar .sidebar-shadow{opacity:0;visibility:hidden;width:100%}}@media (min-width:800px) and (max-width:899.98px){#Layout .panel .sidebar{right:-200px;width:200px}#Layout .panel .content{width:100%}#Layout .panel.open-sidebar .sidebar{right:0}#Layout .panel.open-sidebar .content{width:calc(100% - 200px)}}@media (min-width:900px) and (max-width:999.98px){#Layout .panel .sidebar{right:-200px;width:200px}#Layout .panel .content{width:100%}#Layout .panel.open-sidebar .sidebar{right:0}#Layout .panel.open-sidebar .content{width:calc(100% - 200px)}}@media (min-width:1000px) and (max-width:1099.98px){#Layout .panel .sidebar{right:-200px;width:200px}#Layout .panel .content{width:100%}#Layout .panel.open-sidebar .sidebar{right:0}#Layout .panel.open-sidebar .content{width:calc(100% - 200px)}}@media (min-width:1100px) and (max-width:1199.98px){#Layout .panel .sidebar{right:-200px;width:200px}#Layout .panel .content{width:100%}#Layout .panel.open-sidebar .sidebar{right:0}#Layout .panel.open-sidebar .content{width:calc(100% - 200px)}}"]
|
|
5936
5943
|
},] }
|
|
5937
5944
|
];
|
|
5938
5945
|
LayoutComponent.ctorParameters = () => [];
|
|
5939
5946
|
LayoutComponent.propDecorators = {
|
|
5940
5947
|
permissions: [{ type: Input }],
|
|
5941
|
-
area: [{ type: Input }]
|
|
5948
|
+
area: [{ type: Input }],
|
|
5949
|
+
sidebar: [{ type: ViewChild, args: ['sidebar',] }]
|
|
5942
5950
|
};
|
|
5943
5951
|
|
|
5944
5952
|
class PsToolkitUiModule {
|