ps-toolkit-ui 0.0.78 → 0.0.82
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 +6 -12
- 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/header/header.component.js +4 -1
- package/esm2015/lib/components/layout/layout.component.js +4 -8
- package/esm2015/lib/components/notfound/notfound.component.js +3 -3
- package/esm2015/lib/components/sidebar/sidebar.component.js +1 -5
- package/fesm2015/ps-toolkit-ui.js +6 -12
- package/fesm2015/ps-toolkit-ui.js.map +1 -1
- package/lib/components/layout/layout.component.d.ts +0 -3
- package/lib/components/notfound/notfound.component.d.ts +1 -0
- package/package.json +1 -1
- package/ps-toolkit-ui.metadata.json +1 -1
|
@@ -2004,6 +2004,8 @@
|
|
|
2004
2004
|
};
|
|
2005
2005
|
this.logout = new InputClass(config.environment, l, 'Logout', null, exports.InputType.Button, 'grey h-30');
|
|
2006
2006
|
this.logout.onClick = function () {
|
|
2007
|
+
HelperClass.eraseCookie('Authorization');
|
|
2008
|
+
window.location.reload();
|
|
2007
2009
|
};
|
|
2008
2010
|
}
|
|
2009
2011
|
return HeaderComponent;
|
|
@@ -2142,11 +2144,7 @@
|
|
|
2142
2144
|
});
|
|
2143
2145
|
}
|
|
2144
2146
|
SidebarComponent.prototype.setActive = function () {
|
|
2145
|
-
console.log(11111111);
|
|
2146
|
-
console.log(this.router.routerState);
|
|
2147
2147
|
var active = HelperClass.getData('active', this.router.routerState, this.router.routerState.root)[0];
|
|
2148
|
-
console.log(active);
|
|
2149
|
-
console.log(this.getSidebarActive(this.sidebar, active));
|
|
2150
2148
|
this.currentSidebar = this.getSidebarActive(this.sidebar, active);
|
|
2151
2149
|
};
|
|
2152
2150
|
SidebarComponent.prototype.ngOnInit = function () {
|
|
@@ -5960,11 +5958,11 @@
|
|
|
5960
5958
|
function NotfoundComponent(config) {
|
|
5961
5959
|
this.config = config;
|
|
5962
5960
|
var lang = new LangClass(config.currentLang, config.strings);
|
|
5963
|
-
|
|
5961
|
+
this.l = function (key, v) {
|
|
5964
5962
|
if (v === void 0) { v = null; }
|
|
5965
5963
|
return lang.get('Public', 'Notfound', key, v);
|
|
5966
5964
|
};
|
|
5967
|
-
this.back = new InputClass(config.environment, l, 'Back', 'fad fa-arrow-right', exports.InputType.Button, '');
|
|
5965
|
+
this.back = new InputClass(config.environment, this.l, 'Back', 'fad fa-arrow-right', exports.InputType.Button, '');
|
|
5968
5966
|
this.back.onClick = function () {
|
|
5969
5967
|
window.history.back();
|
|
5970
5968
|
};
|
|
@@ -6857,9 +6855,6 @@
|
|
|
6857
6855
|
function LayoutComponent() {
|
|
6858
6856
|
this.permissions = [];
|
|
6859
6857
|
}
|
|
6860
|
-
LayoutComponent.prototype.changeSidebarActive = function () {
|
|
6861
|
-
this.sidebar.setActive();
|
|
6862
|
-
};
|
|
6863
6858
|
LayoutComponent.prototype.toggleSidebar = function () {
|
|
6864
6859
|
$__namespace('#Layout .panel').toggleClass('open-sidebar').toggleClass('close-sidebar');
|
|
6865
6860
|
};
|
|
@@ -6868,15 +6863,14 @@
|
|
|
6868
6863
|
LayoutComponent.decorators = [
|
|
6869
6864
|
{ type: core.Component, args: [{
|
|
6870
6865
|
selector: 'lib-layout',
|
|
6871
|
-
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
|
|
6866
|
+
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",
|
|
6872
6867
|
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)}}"]
|
|
6873
6868
|
},] }
|
|
6874
6869
|
];
|
|
6875
6870
|
LayoutComponent.ctorParameters = function () { return []; };
|
|
6876
6871
|
LayoutComponent.propDecorators = {
|
|
6877
6872
|
permissions: [{ type: core.Input }],
|
|
6878
|
-
area: [{ type: core.Input }]
|
|
6879
|
-
sidebar: [{ type: core.ViewChild, args: ['sidebar',] }]
|
|
6873
|
+
area: [{ type: core.Input }]
|
|
6880
6874
|
};
|
|
6881
6875
|
|
|
6882
6876
|
var PsToolkitUiModule = /** @class */ (function () {
|