ngrx-entity-crud 15.0.0-beta.9 → 15.0.2
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/package.json +1 -1
- package/schematics/my-utility.js +0 -1
- package/schematics/my-utility.js.map +1 -1
- package/schematics/ng-add/files/src/app/core/theme/components/footer.component.ts +42 -42
- package/schematics/ng-add/files/src/app/core/theme/components/header.component.ts +83 -83
- package/schematics/ng-add/files/src/app/core/theme/components/main.component.ts +61 -61
- package/schematics/ng-add/files/src/app/core/theme/components/menu-item.component.ts +89 -89
- package/schematics/ng-add/files/src/app/core/theme/components/progress.component.ts +34 -34
- package/schematics/ng-add/files/src/app/core/theme/components/slide-menu-pro.component.ts +186 -186
- package/schematics/ng-add/files/src/app/core/theme/components/slide-menu.component.ts +116 -116
- package/schematics/ng-add/files/src/app/core/theme/css/_variables.scss +18 -18
- package/schematics/ng-add/files/src/app/core/theme/model/slide-menu-item.ts +4 -4
- package/schematics/ng-add/files/src/app/core/theme/store/theme-ui-store/index.ts +11 -11
- package/schematics/ng-add/files/src/app/core/theme/store/theme-ui-store/operators.ts +25 -25
- package/schematics/ng-add/files/src/app/core/theme/store/theme-ui-store/theme-ui-store.actions.ts +18 -18
- package/schematics/ng-add/files/src/app/core/theme/store/theme-ui-store/theme-ui-store.effects.ts +10 -10
- package/schematics/ng-add/files/src/app/core/theme/store/theme-ui-store/theme-ui-store.module.ts +27 -27
- package/schematics/ng-add/files/src/app/core/theme/store/theme-ui-store/theme-ui-store.names.ts +3 -3
- package/schematics/ng-add/files/src/app/core/theme/store/theme-ui-store/theme-ui-store.reducer.ts +9 -9
- package/schematics/ng-add/files/src/app/core/theme/store/theme-ui-store/theme-ui-store.selectors.ts +52 -52
- package/schematics/ng-add/files/src/app/core/theme/store/theme-ui-store/theme-ui-store.state.ts +43 -43
- package/schematics/ng-add/files/src/app/core/theme/theme-jng.module.ts +47 -47
package/package.json
CHANGED
package/schematics/my-utility.js
CHANGED
|
@@ -215,7 +215,6 @@ function updateTsConfigSelector() {
|
|
|
215
215
|
comment_delete = true;
|
|
216
216
|
}
|
|
217
217
|
const tsconfigJson = JSON.parse(strContent);
|
|
218
|
-
console.log('strContent+', strContent);
|
|
219
218
|
const compilerOptionsPaths = tsconfigJson.compilerOptions.paths || {};
|
|
220
219
|
console.log('compilerOptionsPaths', compilerOptionsPaths);
|
|
221
220
|
const compilerOptionsPathsB = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"my-utility.js","sourceRoot":"","sources":["../../../projects/ngrx-entity-crud/schematics/my-utility.ts"],"names":[],"mappings":";;;AAAA,2DAAoI;AACpI,+CAAwD;AACxD,qDAAqD;AAGrD,+DAAgE;AAChE,qEAAqG;AAErG;;GAEG;AACH,SAAgB,SAAS,CAAC,OAA0B,EAAE,IAAY;IAChE,OAAO,CAAC,IAAU,EAAE,QAA0B,EAAE,EAAE;QAChD,MAAM,OAAO,GAAkB,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC/C,IAAI,UAAU,GAAW,EAAE,CAAC;QAC5B,IAAI,OAAO,EAAE;YACX,UAAU,GAAG,OAAO,CAAC,QAAQ,EAAE,CAAC;SACjC;QAED,MAAM,OAAO,GAAG,GAAG,cAAO,CAAC,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC;QAE5D,MAAM,cAAc,GAAG,UAAU,CAAC,MAAM,CAAC,sBAAsB,GAAG,OAAO,GAAG,KAAK,CAAC,CAAC;QACnF,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,cAAc,CAAC,CAAC;QACrC,OAAO,IAAI,CAAC;IACd,CAAC,CAAC;AACJ,CAAC;AAdD,8BAcC;AAED;;GAEG;AACH,SAAgB,WAAW,CAAC,OAAe,EAAE,IAAY;IACvD,OAAO,CAAC,IAAU,EAAE,QAA0B,EAAE,EAAE;QAChD,MAAM,OAAO,GAAkB,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC/C,IAAI,UAAU,GAAW,EAAE,CAAC;QAC5B,IAAI,OAAO,EAAE;YACX,UAAU,GAAG,OAAO,CAAC,QAAQ,EAAE,CAAC;SACjC;QACD,MAAM,UAAU,GAAG,UAAU,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;QAChD,MAAM,QAAQ,GAAG,UAAU,CAAC,OAAO,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC;QACrD,UAAU,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC,EAAE,QAAQ,GAAG,CAAC,CAAC,GAAG,IAAI,GAAG,OAAO,GAAG,UAAU,CAAC,KAAK,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC;QACjG,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;QACjC,OAAO,IAAI,CAAC;IACd,CAAC,CAAC;AACJ,CAAC;AAbD,kCAaC;AAED;;GAEG;AACH,SAAgB,SAAS,CAAC,IAAY,EAAE,YAAoB;IAC1D,OAAO,CAAC,IAAU,EAAE,QAA0B,EAAE,EAAE;QAChD,MAAM,OAAO,GAAkB,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC/C,IAAI,UAAU,GAAW,EAAE,CAAC;QAC5B,IAAI,OAAO,EAAE;YACX,UAAU,GAAG,OAAO,CAAC,QAAQ,EAAE,CAAC;SACjC;QACD,UAAU,GAAG,YAAY,GAAG,IAAI,GAAG,UAAU,CAAC;QAC9C,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;QACjC,OAAO,IAAI,CAAC;IACd,CAAC,CAAC;AACJ,CAAC;AAXD,8BAWC;AAED;;GAEG;AACH,SAAgB,eAAe,CAAC,OAA0B,EAAE,IAAY;IACtE,OAAO,CAAC,IAAU,EAAE,EAAE;QACpB,MAAM,OAAO,GAAkB,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC/C,IAAI,UAAU,GAAW,EAAE,CAAC;QAC5B,IAAI,OAAO,EAAE;YACX,UAAU,GAAG,OAAO,CAAC,QAAQ,EAAE,CAAC;SACjC;QACD,UAAU,GAAG,OAAO,CAAC,UAAU,EAAE,CAAC,aAAa,EAAE,uBAAuB,EAAE,gBAAgB,EAAE,GAAG,CAAC,EAAE,GAAG,OAAO,CAAC,KAAK,6BAA6B,CAAC,CAAC;QACjJ,UAAU,GAAG,OAAO,CAAC,UAAU,EAAE,CAAC,iBAAiB,EAAE,uBAAuB,EAAE,gBAAgB,EAAE,GAAG,CAAC,EAAE,GAAG,OAAO,CAAC,KAAK,iCAAiC,CAAC,CAAC;QAEzJ,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;QACjC,OAAO,IAAI,CAAC;IACd,CAAC,CAAC;AACJ,CAAC;AAbD,0CAaC;AAED;;GAEG;AACH,oEAAoE;AACpE,6BAA6B;AAC7B,sDAAsD;AACtD,mCAAmC;AACnC,qBAAqB;AACrB,yCAAyC;AACzC,QAAQ;AACR,0CAA0C;AAC1C,EAAE;AACF,2CAA2C;AAC3C,EAAE;AACF,2CAA2C;AAC3C,oCAAoC;AACpC,mBAAmB;AACnB,OAAO;AACP,IAAI;AAEJ;;;;;;;;GAQG;AACH,SAAgB,OAAO,CAAC,OAAe,EAAE,QAAkB,EAAE,OAAe;IAE1E,IAAI,KAAK,GAAG,CAAC,CAAC;IACd,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;QACvB,KAAK,GAAG,OAAO,CAAC,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC;IACvD,CAAC,CAAC,CAAC;IAEH,OAAO,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,GAAG,CAAC,CAAC,GAAG,OAAO,GAAG,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;AACtE,CAAC;AARD,0BAQC;AAED;;GAEG;AACH,SAAgB,wBAAwB,CAAC,OAAsB;IAC7D,OAAO,CAAC,IAAU,EAAE,EAAE;QACpB,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE;YACnB,OAAO,IAAI,CAAC;SACb;QAED,MAAM,UAAU,GAAG,OAAO,CAAC,MAAM,CAAC;QAElC,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QACnC,IAAI,IAAI,KAAK,IAAI,EAAE;YACjB,MAAM,IAAI,gCAAmB,CAAC,QAAQ,UAAU,kBAAkB,CAAC,CAAC;SACrE;QACD,MAAM,UAAU,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;QACnC,MAAM,MAAM,GAAG,EAAE,CAAC,gBAAgB,CAAC,UAAU,EAAE,UAAU,EAAE,EAAE,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;QAEzF,qEAAqE;QACrE,aAAa;QACb,MAAM,OAAO,GAAG,IAAA,6BAAiB,EAAC,MAAM,EACtC,UAAU,EACV,cAAO,CAAC,QAAQ,CAAC,GAAG,OAAO,CAAC,IAAI,QAAQ,CAAC,EACzC,OAAO,CAAC,IAAc,CAAC,CAAC;QAE1B,MAAM,QAAQ,GAAG,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;QAC9C,KAAK,MAAM,MAAM,IAAI,OAAO,EAAE;YAC5B,IAAI,MAAM,YAAY,qBAAY,EAAE;gBAClC,QAAQ,CAAC,UAAU,CAAC,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC;aAC/C;SACF;QACD,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;QAE5B,OAAO,IAAI,CAAC;IACd,CAAC,CAAC;AACJ,CAAC;AAhCD,4DAgCC;AAED;;GAEG;AACH,SAAgB,6BAA6B,CAAC,OAAiD;IAC7F,OAAO,CAAC,IAAU,EAAE,EAAE;QACpB,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE;YACnB,OAAO,IAAI,CAAC;SACb;QACD,MAAM,UAAU,GAAG,OAAO,CAAC,MAAM,CAAC;QAElC,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QACnC,IAAI,IAAI,KAAK,IAAI,EAAE;YACjB,MAAM,IAAI,gCAAmB,CAAC,QAAQ,UAAU,kBAAkB,CAAC,CAAC;SACrE;QACD,MAAM,UAAU,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;QACnC,MAAM,MAAM,GAAG,EAAE,CAAC,gBAAgB,CAAC,UAAU,EAAE,UAAU,EAAE,EAAE,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;QAEzF,aAAa;QACb,MAAM,MAAM,GAAG,IAAA,uCAA2B,EAAC,MAAM,EAC/C,UAAU,EACV,OAAO,CAAC,YAAY,CAAC,CAAC;QAExB,MAAM,QAAQ,GAAG,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;QAC9C,IAAI,MAAM,YAAY,qBAAY,EAAE;YAClC,QAAQ,CAAC,UAAU,CAAC,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC;SAC/C;QACD,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;QAE5B,OAAO,IAAI,CAAC;IACd,CAAC,CAAC;AACJ,CAAC;AA3BD,sEA2BC;AAED;;;;;;GAMG;AAEH;;;;;;;;;;;;;GAaG;AAEH;;GAEG;AACH,SAAgB,MAAM,CAAC,OAAY,EAAE,cAAsB,EAAE,IAAY;IACvE,OAAO,CAAC,KAAW,EAAE,QAA0B,EAAE,EAAE;QACjD,MAAM,eAAe,GAAG,IAAA,gBAAG,EAAC,cAAwB,CAAC,CAAC;QACtD,MAAM,KAAK,GAAW,IAAA,gBAAS,EAAC,IAAI,CAAC,CAAC;QACtC,MAAM,0BAA0B,GAAG,IAAA,kBAAK,EAAC,eAAe,EAAE;YACxD,IAAA,qBAAQ,kCACH,OAAO,GACP,cAAO,EACV;YACF,IAAA,iBAAI,EAAC,KAAK,CAAC;SACZ,CAAC,CAAC;QACH,OAAO,IAAA,sBAAS,EAAC,0BAA0B,EAAE,EAAE,CAAC,CAAC;IACnD,CAAC,CAAC;AACJ,CAAC;AAbD,wBAaC;AAED,SAAgB,sBAAsB;IACpC,OAAO,CAAC,IAAU,EAAE,EAAE;QACpB,MAAM,OAAO,GAAkB,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;QAC3D,IAAI,UAAU,GAAW,EAAE,CAAC;QAC5B,IAAI,OAAO,EAAE;YACX,UAAU,GAAG,OAAO,CAAC,QAAQ,EAAE,CAAC;SACjC;QACD,MAAM,OAAO,GAAG,8EAA8E,CAAC;QAC/F,IAAI,cAAc,GAAG,KAAK,CAAC;QAC3B,IAAI,UAAU,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,OAAO,EAAE;YAC3C,UAAU,GAAG,UAAU,CAAC,OAAO,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;YACjE,cAAc,GAAI,IAAI,CAAC;SACxB;QACD,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"my-utility.js","sourceRoot":"","sources":["../../../projects/ngrx-entity-crud/schematics/my-utility.ts"],"names":[],"mappings":";;;AAAA,2DAAoI;AACpI,+CAAwD;AACxD,qDAAqD;AAGrD,+DAAgE;AAChE,qEAAqG;AAErG;;GAEG;AACH,SAAgB,SAAS,CAAC,OAA0B,EAAE,IAAY;IAChE,OAAO,CAAC,IAAU,EAAE,QAA0B,EAAE,EAAE;QAChD,MAAM,OAAO,GAAkB,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC/C,IAAI,UAAU,GAAW,EAAE,CAAC;QAC5B,IAAI,OAAO,EAAE;YACX,UAAU,GAAG,OAAO,CAAC,QAAQ,EAAE,CAAC;SACjC;QAED,MAAM,OAAO,GAAG,GAAG,cAAO,CAAC,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC;QAE5D,MAAM,cAAc,GAAG,UAAU,CAAC,MAAM,CAAC,sBAAsB,GAAG,OAAO,GAAG,KAAK,CAAC,CAAC;QACnF,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,cAAc,CAAC,CAAC;QACrC,OAAO,IAAI,CAAC;IACd,CAAC,CAAC;AACJ,CAAC;AAdD,8BAcC;AAED;;GAEG;AACH,SAAgB,WAAW,CAAC,OAAe,EAAE,IAAY;IACvD,OAAO,CAAC,IAAU,EAAE,QAA0B,EAAE,EAAE;QAChD,MAAM,OAAO,GAAkB,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC/C,IAAI,UAAU,GAAW,EAAE,CAAC;QAC5B,IAAI,OAAO,EAAE;YACX,UAAU,GAAG,OAAO,CAAC,QAAQ,EAAE,CAAC;SACjC;QACD,MAAM,UAAU,GAAG,UAAU,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;QAChD,MAAM,QAAQ,GAAG,UAAU,CAAC,OAAO,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC;QACrD,UAAU,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC,EAAE,QAAQ,GAAG,CAAC,CAAC,GAAG,IAAI,GAAG,OAAO,GAAG,UAAU,CAAC,KAAK,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC;QACjG,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;QACjC,OAAO,IAAI,CAAC;IACd,CAAC,CAAC;AACJ,CAAC;AAbD,kCAaC;AAED;;GAEG;AACH,SAAgB,SAAS,CAAC,IAAY,EAAE,YAAoB;IAC1D,OAAO,CAAC,IAAU,EAAE,QAA0B,EAAE,EAAE;QAChD,MAAM,OAAO,GAAkB,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC/C,IAAI,UAAU,GAAW,EAAE,CAAC;QAC5B,IAAI,OAAO,EAAE;YACX,UAAU,GAAG,OAAO,CAAC,QAAQ,EAAE,CAAC;SACjC;QACD,UAAU,GAAG,YAAY,GAAG,IAAI,GAAG,UAAU,CAAC;QAC9C,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;QACjC,OAAO,IAAI,CAAC;IACd,CAAC,CAAC;AACJ,CAAC;AAXD,8BAWC;AAED;;GAEG;AACH,SAAgB,eAAe,CAAC,OAA0B,EAAE,IAAY;IACtE,OAAO,CAAC,IAAU,EAAE,EAAE;QACpB,MAAM,OAAO,GAAkB,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC/C,IAAI,UAAU,GAAW,EAAE,CAAC;QAC5B,IAAI,OAAO,EAAE;YACX,UAAU,GAAG,OAAO,CAAC,QAAQ,EAAE,CAAC;SACjC;QACD,UAAU,GAAG,OAAO,CAAC,UAAU,EAAE,CAAC,aAAa,EAAE,uBAAuB,EAAE,gBAAgB,EAAE,GAAG,CAAC,EAAE,GAAG,OAAO,CAAC,KAAK,6BAA6B,CAAC,CAAC;QACjJ,UAAU,GAAG,OAAO,CAAC,UAAU,EAAE,CAAC,iBAAiB,EAAE,uBAAuB,EAAE,gBAAgB,EAAE,GAAG,CAAC,EAAE,GAAG,OAAO,CAAC,KAAK,iCAAiC,CAAC,CAAC;QAEzJ,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;QACjC,OAAO,IAAI,CAAC;IACd,CAAC,CAAC;AACJ,CAAC;AAbD,0CAaC;AAED;;GAEG;AACH,oEAAoE;AACpE,6BAA6B;AAC7B,sDAAsD;AACtD,mCAAmC;AACnC,qBAAqB;AACrB,yCAAyC;AACzC,QAAQ;AACR,0CAA0C;AAC1C,EAAE;AACF,2CAA2C;AAC3C,EAAE;AACF,2CAA2C;AAC3C,oCAAoC;AACpC,mBAAmB;AACnB,OAAO;AACP,IAAI;AAEJ;;;;;;;;GAQG;AACH,SAAgB,OAAO,CAAC,OAAe,EAAE,QAAkB,EAAE,OAAe;IAE1E,IAAI,KAAK,GAAG,CAAC,CAAC;IACd,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;QACvB,KAAK,GAAG,OAAO,CAAC,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC;IACvD,CAAC,CAAC,CAAC;IAEH,OAAO,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,GAAG,CAAC,CAAC,GAAG,OAAO,GAAG,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;AACtE,CAAC;AARD,0BAQC;AAED;;GAEG;AACH,SAAgB,wBAAwB,CAAC,OAAsB;IAC7D,OAAO,CAAC,IAAU,EAAE,EAAE;QACpB,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE;YACnB,OAAO,IAAI,CAAC;SACb;QAED,MAAM,UAAU,GAAG,OAAO,CAAC,MAAM,CAAC;QAElC,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QACnC,IAAI,IAAI,KAAK,IAAI,EAAE;YACjB,MAAM,IAAI,gCAAmB,CAAC,QAAQ,UAAU,kBAAkB,CAAC,CAAC;SACrE;QACD,MAAM,UAAU,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;QACnC,MAAM,MAAM,GAAG,EAAE,CAAC,gBAAgB,CAAC,UAAU,EAAE,UAAU,EAAE,EAAE,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;QAEzF,qEAAqE;QACrE,aAAa;QACb,MAAM,OAAO,GAAG,IAAA,6BAAiB,EAAC,MAAM,EACtC,UAAU,EACV,cAAO,CAAC,QAAQ,CAAC,GAAG,OAAO,CAAC,IAAI,QAAQ,CAAC,EACzC,OAAO,CAAC,IAAc,CAAC,CAAC;QAE1B,MAAM,QAAQ,GAAG,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;QAC9C,KAAK,MAAM,MAAM,IAAI,OAAO,EAAE;YAC5B,IAAI,MAAM,YAAY,qBAAY,EAAE;gBAClC,QAAQ,CAAC,UAAU,CAAC,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC;aAC/C;SACF;QACD,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;QAE5B,OAAO,IAAI,CAAC;IACd,CAAC,CAAC;AACJ,CAAC;AAhCD,4DAgCC;AAED;;GAEG;AACH,SAAgB,6BAA6B,CAAC,OAAiD;IAC7F,OAAO,CAAC,IAAU,EAAE,EAAE;QACpB,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE;YACnB,OAAO,IAAI,CAAC;SACb;QACD,MAAM,UAAU,GAAG,OAAO,CAAC,MAAM,CAAC;QAElC,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QACnC,IAAI,IAAI,KAAK,IAAI,EAAE;YACjB,MAAM,IAAI,gCAAmB,CAAC,QAAQ,UAAU,kBAAkB,CAAC,CAAC;SACrE;QACD,MAAM,UAAU,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;QACnC,MAAM,MAAM,GAAG,EAAE,CAAC,gBAAgB,CAAC,UAAU,EAAE,UAAU,EAAE,EAAE,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;QAEzF,aAAa;QACb,MAAM,MAAM,GAAG,IAAA,uCAA2B,EAAC,MAAM,EAC/C,UAAU,EACV,OAAO,CAAC,YAAY,CAAC,CAAC;QAExB,MAAM,QAAQ,GAAG,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;QAC9C,IAAI,MAAM,YAAY,qBAAY,EAAE;YAClC,QAAQ,CAAC,UAAU,CAAC,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC;SAC/C;QACD,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;QAE5B,OAAO,IAAI,CAAC;IACd,CAAC,CAAC;AACJ,CAAC;AA3BD,sEA2BC;AAED;;;;;;GAMG;AAEH;;;;;;;;;;;;;GAaG;AAEH;;GAEG;AACH,SAAgB,MAAM,CAAC,OAAY,EAAE,cAAsB,EAAE,IAAY;IACvE,OAAO,CAAC,KAAW,EAAE,QAA0B,EAAE,EAAE;QACjD,MAAM,eAAe,GAAG,IAAA,gBAAG,EAAC,cAAwB,CAAC,CAAC;QACtD,MAAM,KAAK,GAAW,IAAA,gBAAS,EAAC,IAAI,CAAC,CAAC;QACtC,MAAM,0BAA0B,GAAG,IAAA,kBAAK,EAAC,eAAe,EAAE;YACxD,IAAA,qBAAQ,kCACH,OAAO,GACP,cAAO,EACV;YACF,IAAA,iBAAI,EAAC,KAAK,CAAC;SACZ,CAAC,CAAC;QACH,OAAO,IAAA,sBAAS,EAAC,0BAA0B,EAAE,EAAE,CAAC,CAAC;IACnD,CAAC,CAAC;AACJ,CAAC;AAbD,wBAaC;AAED,SAAgB,sBAAsB;IACpC,OAAO,CAAC,IAAU,EAAE,EAAE;QACpB,MAAM,OAAO,GAAkB,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;QAC3D,IAAI,UAAU,GAAW,EAAE,CAAC;QAC5B,IAAI,OAAO,EAAE;YACX,UAAU,GAAG,OAAO,CAAC,QAAQ,EAAE,CAAC;SACjC;QACD,MAAM,OAAO,GAAG,8EAA8E,CAAC;QAC/F,IAAI,cAAc,GAAG,KAAK,CAAC;QAC3B,IAAI,UAAU,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,OAAO,EAAE;YAC3C,UAAU,GAAG,UAAU,CAAC,OAAO,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;YACjE,cAAc,GAAI,IAAI,CAAC;SACxB;QACD,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;QAE5C,MAAM,oBAAoB,GAAG,YAAY,CAAC,eAAe,CAAC,KAAK,IAAI,EAAE,CAAC;QACtE,OAAO,CAAC,GAAG,CAAC,sBAAsB,EAAE,oBAAoB,CAAC,CAAC;QAC1D,MAAM,qBAAqB,GAAG;YAC5B,eAAe,EAAE;gBACf,2BAA2B;aAC5B;YACD,aAAa,EAAE;gBACb,yBAAyB;aAC1B;YACD,WAAW,EAAE;gBACX,uBAAuB;aACxB;YACD,UAAU,EAAE;gBACV,sBAAsB;aACvB;YACD,SAAS,EAAE;gBACT,gBAAgB;aACjB;YACD,eAAe,EAAE;gBACf,sBAAsB;aACvB;SACF,CAAA;QACD,OAAO,CAAC,GAAG,CAAC,uBAAuB,EAAE,qBAAqB,CAAC,CAAC;QAC5D,YAAY,CAAC,eAAe,CAAC,KAAK,mCAAO,oBAAoB,GAAK,qBAAqB,CAAC,CAAC;QACzF,YAAY,CAAC,eAAe,CAAC,MAAM,GAAG,KAAK,CAAC;QAC5C,YAAY,CAAC,sBAAsB,CAAC,4BAA4B,GAAG,KAAK,CAAC;QAEzE,OAAO,CAAC,GAAG,CAAC,cAAc,EAAE,YAAY,CAAC,CAAC;QAC1C,IAAI,WAAW,GAAG,IAAI,CAAC,SAAS,CAAC,YAAY,EAAE,IAAI,EAAE,IAAI,CAAC,CAAA;QAC1D,IAAI,cAAc,EAAE;YAClB,WAAW,GAAG,OAAO,CAAC,MAAM,CAAC,IAAI,GAAG,WAAW,CAAC,CAAC;SAClD;QACD,IAAI,CAAC,SAAS,CAAC,gBAAgB,EAAC,WAAW,CAAC,CAAC;QAC7C,OAAO,IAAI,CAAC;IACd,CAAC,CAAC;AACJ,CAAC;AAlDD,wDAkDC"}
|
|
@@ -1,42 +1,42 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component, OnInit } from '@angular/core';
|
|
2
|
-
import { Store } from '@ngrx/store';
|
|
3
|
-
|
|
4
|
-
@Component({
|
|
5
|
-
selector: 'app-footer',
|
|
6
|
-
template: `
|
|
7
|
-
<footer class="footer">
|
|
8
|
-
<div class="float-left">
|
|
9
|
-
<small> footer </small>
|
|
10
|
-
</div>
|
|
11
|
-
</footer>
|
|
12
|
-
`,
|
|
13
|
-
styles: [
|
|
14
|
-
`
|
|
15
|
-
|
|
16
|
-
:host {
|
|
17
|
-
position: fixed;
|
|
18
|
-
bottom: 0;
|
|
19
|
-
width: 100%;
|
|
20
|
-
min-height: var(--footer-height);
|
|
21
|
-
background-color: var(--footer-bg-color);
|
|
22
|
-
border-top: 1px dotted var(--footer-border-color);
|
|
23
|
-
padding-left: 1em;
|
|
24
|
-
padding-right: 1em;
|
|
25
|
-
-webkit-box-shadow: 0 -1px 3px 1px rgba(0, 0, 0, 0.1);
|
|
26
|
-
-moz-box-shadow: 0 -1px 3px 1px rgba(0, 0, 0, 0.1);
|
|
27
|
-
box-shadow: 0 -1px 3px 1px rgba(0, 0, 0, 0.1);
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
:host(.menu-opened) {
|
|
31
|
-
left: var(--menu-width);
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
`,
|
|
35
|
-
],
|
|
36
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
37
|
-
})
|
|
38
|
-
export class FooterComponent implements OnInit {
|
|
39
|
-
constructor(private readonly store$: Store) {}
|
|
40
|
-
|
|
41
|
-
ngOnInit() {}
|
|
42
|
-
}
|
|
1
|
+
import { ChangeDetectionStrategy, Component, OnInit } from '@angular/core';
|
|
2
|
+
import { Store } from '@ngrx/store';
|
|
3
|
+
|
|
4
|
+
@Component({
|
|
5
|
+
selector: 'app-footer',
|
|
6
|
+
template: `
|
|
7
|
+
<footer class="footer">
|
|
8
|
+
<div class="float-left">
|
|
9
|
+
<small> footer </small>
|
|
10
|
+
</div>
|
|
11
|
+
</footer>
|
|
12
|
+
`,
|
|
13
|
+
styles: [
|
|
14
|
+
`
|
|
15
|
+
|
|
16
|
+
:host {
|
|
17
|
+
position: fixed;
|
|
18
|
+
bottom: 0;
|
|
19
|
+
width: 100%;
|
|
20
|
+
min-height: var(--footer-height);
|
|
21
|
+
background-color: var(--footer-bg-color);
|
|
22
|
+
border-top: 1px dotted var(--footer-border-color);
|
|
23
|
+
padding-left: 1em;
|
|
24
|
+
padding-right: 1em;
|
|
25
|
+
-webkit-box-shadow: 0 -1px 3px 1px rgba(0, 0, 0, 0.1);
|
|
26
|
+
-moz-box-shadow: 0 -1px 3px 1px rgba(0, 0, 0, 0.1);
|
|
27
|
+
box-shadow: 0 -1px 3px 1px rgba(0, 0, 0, 0.1);
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
:host(.menu-opened) {
|
|
31
|
+
left: var(--menu-width);
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
`,
|
|
35
|
+
],
|
|
36
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
37
|
+
})
|
|
38
|
+
export class FooterComponent implements OnInit {
|
|
39
|
+
constructor(private readonly store$: Store) {}
|
|
40
|
+
|
|
41
|
+
ngOnInit() {}
|
|
42
|
+
}
|
|
@@ -1,83 +1,83 @@
|
|
|
1
|
-
import {
|
|
2
|
-
ChangeDetectionStrategy,
|
|
3
|
-
Component,
|
|
4
|
-
HostBinding,
|
|
5
|
-
OnInit,
|
|
6
|
-
} from '@angular/core';
|
|
7
|
-
import { Observable, tap } from 'rxjs';
|
|
8
|
-
import { Store } from '@ngrx/store';
|
|
9
|
-
import {
|
|
10
|
-
ThemeUiStoreActions,
|
|
11
|
-
ThemeUiStoreSelectors,
|
|
12
|
-
} from '../store/theme-ui-store';
|
|
13
|
-
|
|
14
|
-
@Component({
|
|
15
|
-
selector: 'app-header',
|
|
16
|
-
template: `
|
|
17
|
-
<header class="flex justify-content-between flex-nowrap text-white m-0 header-height overflow-auto">
|
|
18
|
-
<div class="flex-none flex align-items-center justify-content-center">
|
|
19
|
-
<div *ngrxLet="open$; let open">
|
|
20
|
-
<em class="pi icon-button" [pTooltip]="open ? '' : 'pin opened menu'" [ngClass]="open ? 'pi-times' : 'pi-bars'"
|
|
21
|
-
(click)="onShowMenu($event,open)"></em>
|
|
22
|
-
</div>
|
|
23
|
-
</div>
|
|
24
|
-
<div class="flex-none flex align-items-center justify-content-center text-4xl font-medium">
|
|
25
|
-
Title
|
|
26
|
-
</div>
|
|
27
|
-
<div class="flex-none flex align-items-center justify-content-center gap-2">
|
|
28
|
-
<i class="pi pi-image"></i>
|
|
29
|
-
<i class="pi pi-bell"></i>
|
|
30
|
-
<i class="pi pi-user mr-2"></i>
|
|
31
|
-
</div>
|
|
32
|
-
</header>
|
|
33
|
-
`,
|
|
34
|
-
styles: [
|
|
35
|
-
`
|
|
36
|
-
|
|
37
|
-
:host {
|
|
38
|
-
display:block;
|
|
39
|
-
position: fixed;
|
|
40
|
-
top: 0;
|
|
41
|
-
left: var(--menu-close-width);
|
|
42
|
-
right: 0;
|
|
43
|
-
background-color: var(--topbar-bg-color);
|
|
44
|
-
-moz-transition: left var(--menu-transition);
|
|
45
|
-
-o-transition: left var(--menu-transition);
|
|
46
|
-
-webkit-transition: left var(--menu-transition);
|
|
47
|
-
transition: left var(--menu-transition);
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
.header-height{
|
|
51
|
-
height: var(--topbar-height);
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
.header-color {
|
|
55
|
-
background-color: var(--topbar-bg-color);
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
:host(.menu-opened) {
|
|
59
|
-
left: var(--menu-width);
|
|
60
|
-
}
|
|
61
|
-
`,
|
|
62
|
-
],
|
|
63
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
64
|
-
})
|
|
65
|
-
export class HeaderComponent implements OnInit {
|
|
66
|
-
open$: Observable<boolean>;
|
|
67
|
-
|
|
68
|
-
@HostBinding('class.menu-opened')
|
|
69
|
-
menuOpened = false;
|
|
70
|
-
|
|
71
|
-
constructor(private readonly store$: Store) {}
|
|
72
|
-
|
|
73
|
-
ngOnInit() {
|
|
74
|
-
this.open$ = this.store$
|
|
75
|
-
.select(ThemeUiStoreSelectors.selectMouseoverOrOpen)
|
|
76
|
-
.pipe(tap((value) => (this.menuOpened = value)));
|
|
77
|
-
}
|
|
78
|
-
|
|
79
|
-
onShowMenu($event: any, value: any) {
|
|
80
|
-
$event.stopPropagation();
|
|
81
|
-
this.store$.dispatch(ThemeUiStoreActions.Open({ open: !value }));
|
|
82
|
-
}
|
|
83
|
-
}
|
|
1
|
+
import {
|
|
2
|
+
ChangeDetectionStrategy,
|
|
3
|
+
Component,
|
|
4
|
+
HostBinding,
|
|
5
|
+
OnInit,
|
|
6
|
+
} from '@angular/core';
|
|
7
|
+
import { Observable, tap } from 'rxjs';
|
|
8
|
+
import { Store } from '@ngrx/store';
|
|
9
|
+
import {
|
|
10
|
+
ThemeUiStoreActions,
|
|
11
|
+
ThemeUiStoreSelectors,
|
|
12
|
+
} from '../store/theme-ui-store';
|
|
13
|
+
|
|
14
|
+
@Component({
|
|
15
|
+
selector: 'app-header',
|
|
16
|
+
template: `
|
|
17
|
+
<header class="flex justify-content-between flex-nowrap text-white m-0 header-height overflow-auto">
|
|
18
|
+
<div class="flex-none flex align-items-center justify-content-center">
|
|
19
|
+
<div *ngrxLet="open$; let open">
|
|
20
|
+
<em class="pi icon-button" [pTooltip]="open ? '' : 'pin opened menu'" [ngClass]="open ? 'pi-times' : 'pi-bars'"
|
|
21
|
+
(click)="onShowMenu($event,open)"></em>
|
|
22
|
+
</div>
|
|
23
|
+
</div>
|
|
24
|
+
<div class="flex-none flex align-items-center justify-content-center text-4xl font-medium">
|
|
25
|
+
Title
|
|
26
|
+
</div>
|
|
27
|
+
<div class="flex-none flex align-items-center justify-content-center gap-2">
|
|
28
|
+
<i class="pi pi-image"></i>
|
|
29
|
+
<i class="pi pi-bell"></i>
|
|
30
|
+
<i class="pi pi-user mr-2"></i>
|
|
31
|
+
</div>
|
|
32
|
+
</header>
|
|
33
|
+
`,
|
|
34
|
+
styles: [
|
|
35
|
+
`
|
|
36
|
+
|
|
37
|
+
:host {
|
|
38
|
+
display:block;
|
|
39
|
+
position: fixed;
|
|
40
|
+
top: 0;
|
|
41
|
+
left: var(--menu-close-width);
|
|
42
|
+
right: 0;
|
|
43
|
+
background-color: var(--topbar-bg-color);
|
|
44
|
+
-moz-transition: left var(--menu-transition);
|
|
45
|
+
-o-transition: left var(--menu-transition);
|
|
46
|
+
-webkit-transition: left var(--menu-transition);
|
|
47
|
+
transition: left var(--menu-transition);
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
.header-height{
|
|
51
|
+
height: var(--topbar-height);
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
.header-color {
|
|
55
|
+
background-color: var(--topbar-bg-color);
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
:host(.menu-opened) {
|
|
59
|
+
left: var(--menu-width);
|
|
60
|
+
}
|
|
61
|
+
`,
|
|
62
|
+
],
|
|
63
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
64
|
+
})
|
|
65
|
+
export class HeaderComponent implements OnInit {
|
|
66
|
+
open$: Observable<boolean>;
|
|
67
|
+
|
|
68
|
+
@HostBinding('class.menu-opened')
|
|
69
|
+
menuOpened = false;
|
|
70
|
+
|
|
71
|
+
constructor(private readonly store$: Store) {}
|
|
72
|
+
|
|
73
|
+
ngOnInit() {
|
|
74
|
+
this.open$ = this.store$
|
|
75
|
+
.select(ThemeUiStoreSelectors.selectMouseoverOrOpen)
|
|
76
|
+
.pipe(tap((value) => (this.menuOpened = value)));
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
onShowMenu($event: any, value: any) {
|
|
80
|
+
$event.stopPropagation();
|
|
81
|
+
this.store$.dispatch(ThemeUiStoreActions.Open({ open: !value }));
|
|
82
|
+
}
|
|
83
|
+
}
|
|
@@ -1,61 +1,61 @@
|
|
|
1
|
-
import { Component, HostBinding, OnInit } from '@angular/core';
|
|
2
|
-
import { Observable, tap } from 'rxjs';
|
|
3
|
-
import { Store } from '@ngrx/store';
|
|
4
|
-
import { ThemeUiStoreSelectors } from '../store/theme-ui-store';
|
|
5
|
-
import { selectMouseoverOrOpen } from '@core/theme/store/theme-ui-store/theme-ui-store.selectors';
|
|
6
|
-
|
|
7
|
-
@Component({
|
|
8
|
-
selector: 'app-main',
|
|
9
|
-
template: `
|
|
10
|
-
<div *ngrxLet="open$; let open" class="p-0 m-0">
|
|
11
|
-
<ng-content>
|
|
12
|
-
</ng-content>
|
|
13
|
-
</div>
|
|
14
|
-
`,
|
|
15
|
-
styles: [
|
|
16
|
-
`
|
|
17
|
-
|
|
18
|
-
:host {
|
|
19
|
-
display:block;
|
|
20
|
-
position: fixed;
|
|
21
|
-
top: var(--topbar-height);;
|
|
22
|
-
left: var(--menu-close-width);
|
|
23
|
-
right: 0;
|
|
24
|
-
bottom: var(--footer-height);
|
|
25
|
-
//background-color: var(--topbar-bg-color);
|
|
26
|
-
-moz-transition: left var(--menu-transition);
|
|
27
|
-
-o-transition: left var(--menu-transition);
|
|
28
|
-
-webkit-transition: left var(--menu-transition);
|
|
29
|
-
transition: left var(--menu-transition);
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
.header-height{
|
|
33
|
-
height: var(--topbar-height);
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
.header-color {
|
|
37
|
-
background-color: var(--topbar-bg-color);
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
:host(.menu-opened) {
|
|
41
|
-
left: var(--menu-width);
|
|
42
|
-
}
|
|
43
|
-
`,
|
|
44
|
-
],
|
|
45
|
-
})
|
|
46
|
-
export class MainComponent implements OnInit {
|
|
47
|
-
open$: Observable<boolean>;
|
|
48
|
-
|
|
49
|
-
@HostBinding('class.menu-opened')
|
|
50
|
-
menuOpened = false;
|
|
51
|
-
|
|
52
|
-
constructor(private readonly store$: Store) {}
|
|
53
|
-
|
|
54
|
-
ngOnDestroy(): void {}
|
|
55
|
-
|
|
56
|
-
ngOnInit() {
|
|
57
|
-
this.open$ = this.store$
|
|
58
|
-
.select(ThemeUiStoreSelectors.selectMouseoverOrOpen)
|
|
59
|
-
.pipe(tap((value) => (this.menuOpened = value)));
|
|
60
|
-
}
|
|
61
|
-
}
|
|
1
|
+
import { Component, HostBinding, OnInit } from '@angular/core';
|
|
2
|
+
import { Observable, tap } from 'rxjs';
|
|
3
|
+
import { Store } from '@ngrx/store';
|
|
4
|
+
import { ThemeUiStoreSelectors } from '../store/theme-ui-store';
|
|
5
|
+
import { selectMouseoverOrOpen } from '@core/theme/store/theme-ui-store/theme-ui-store.selectors';
|
|
6
|
+
|
|
7
|
+
@Component({
|
|
8
|
+
selector: 'app-main',
|
|
9
|
+
template: `
|
|
10
|
+
<div *ngrxLet="open$; let open" class="p-0 m-0">
|
|
11
|
+
<ng-content>
|
|
12
|
+
</ng-content>
|
|
13
|
+
</div>
|
|
14
|
+
`,
|
|
15
|
+
styles: [
|
|
16
|
+
`
|
|
17
|
+
|
|
18
|
+
:host {
|
|
19
|
+
display:block;
|
|
20
|
+
position: fixed;
|
|
21
|
+
top: var(--topbar-height);;
|
|
22
|
+
left: var(--menu-close-width);
|
|
23
|
+
right: 0;
|
|
24
|
+
bottom: var(--footer-height);
|
|
25
|
+
//background-color: var(--topbar-bg-color);
|
|
26
|
+
-moz-transition: left var(--menu-transition);
|
|
27
|
+
-o-transition: left var(--menu-transition);
|
|
28
|
+
-webkit-transition: left var(--menu-transition);
|
|
29
|
+
transition: left var(--menu-transition);
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.header-height{
|
|
33
|
+
height: var(--topbar-height);
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
.header-color {
|
|
37
|
+
background-color: var(--topbar-bg-color);
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
:host(.menu-opened) {
|
|
41
|
+
left: var(--menu-width);
|
|
42
|
+
}
|
|
43
|
+
`,
|
|
44
|
+
],
|
|
45
|
+
})
|
|
46
|
+
export class MainComponent implements OnInit {
|
|
47
|
+
open$: Observable<boolean>;
|
|
48
|
+
|
|
49
|
+
@HostBinding('class.menu-opened')
|
|
50
|
+
menuOpened = false;
|
|
51
|
+
|
|
52
|
+
constructor(private readonly store$: Store) {}
|
|
53
|
+
|
|
54
|
+
ngOnDestroy(): void {}
|
|
55
|
+
|
|
56
|
+
ngOnInit() {
|
|
57
|
+
this.open$ = this.store$
|
|
58
|
+
.select(ThemeUiStoreSelectors.selectMouseoverOrOpen)
|
|
59
|
+
.pipe(tap((value) => (this.menuOpened = value)));
|
|
60
|
+
}
|
|
61
|
+
}
|
|
@@ -1,89 +1,89 @@
|
|
|
1
|
-
import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
|
|
2
|
-
import { MenuItem } from 'primeng/api';
|
|
3
|
-
import { RouterStoreSelectors } from '@root-store/router-store';
|
|
4
|
-
import { Store } from '@ngrx/store';
|
|
5
|
-
import { Observable } from 'rxjs';
|
|
6
|
-
import { map } from 'rxjs/operators';
|
|
7
|
-
|
|
8
|
-
@Component({
|
|
9
|
-
selector: 'app-menu-item',
|
|
10
|
-
template: `
|
|
11
|
-
<div (click)="onClick($event)" class="flex align-items-center justify-content-start h-3rem overflow-hidden text-base flex-nowrap menu-item-bg-color">
|
|
12
|
-
<div class="item-cursor h-full" [ngClass]="(routerLinkActive$ | async) ? 'bg-red-500' : 'bg-gray-500'"></div>
|
|
13
|
-
<div class="item-icon h-full text-white flex align-items-center justify-content-center flex-nowrap">
|
|
14
|
-
<em [class]="item.icon"></em>
|
|
15
|
-
</div>
|
|
16
|
-
<div class="item-text w-full h-full text-white flex align-items-center justify-content-start min-w-max">
|
|
17
|
-
<span >{{item.label}}</span>
|
|
18
|
-
</div>
|
|
19
|
-
</div>
|
|
20
|
-
`,
|
|
21
|
-
styles: [
|
|
22
|
-
`
|
|
23
|
-
.item-cursor{
|
|
24
|
-
min-width: 0.2rem;
|
|
25
|
-
width: 0.2rem;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
.item-icon{
|
|
29
|
-
min-width: 4.8rem;
|
|
30
|
-
width: 4.8rem;
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
.menu-item-bg-color{
|
|
34
|
-
background-color: var(--menu-item-bg-color);
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
.mw-4rem {
|
|
38
|
-
min-width: 4rem !important;
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
.mw-1rem {
|
|
42
|
-
min-width: 1rem !important;
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
.menu-item{
|
|
46
|
-
width: var(--menu-width);
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
:host(:hover){
|
|
50
|
-
opacity: 0.5;
|
|
51
|
-
cursor: pointer;
|
|
52
|
-
}
|
|
53
|
-
`,
|
|
54
|
-
],
|
|
55
|
-
})
|
|
56
|
-
export class MenuItemComponent implements OnInit {
|
|
57
|
-
@Input()
|
|
58
|
-
open: boolean;
|
|
59
|
-
|
|
60
|
-
@Input()
|
|
61
|
-
item: MenuItem;
|
|
62
|
-
|
|
63
|
-
@Output()
|
|
64
|
-
onSelectChange = new EventEmitter();
|
|
65
|
-
|
|
66
|
-
@Input()
|
|
67
|
-
index: number;
|
|
68
|
-
|
|
69
|
-
routerLinkActive$: Observable<boolean>;
|
|
70
|
-
|
|
71
|
-
constructor(private store$: Store) {}
|
|
72
|
-
|
|
73
|
-
ngOnInit(): void {
|
|
74
|
-
this.routerLinkActive$ = this.store$
|
|
75
|
-
.select(RouterStoreSelectors.selectUrl)
|
|
76
|
-
.pipe(
|
|
77
|
-
map((selectUrl: string) => selectUrl || ''),
|
|
78
|
-
map((selectUrl: string) => {
|
|
79
|
-
return selectUrl.indexOf(this.item.url || '') !== -1;
|
|
80
|
-
})
|
|
81
|
-
);
|
|
82
|
-
}
|
|
83
|
-
|
|
84
|
-
onClick($event: MouseEvent) {
|
|
85
|
-
console.log('MenuItemComponent.onClick()');
|
|
86
|
-
console.log('$event: ', $event);
|
|
87
|
-
this.onSelectChange.emit(this.item);
|
|
88
|
-
}
|
|
89
|
-
}
|
|
1
|
+
import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
|
|
2
|
+
import { MenuItem } from 'primeng/api';
|
|
3
|
+
import { RouterStoreSelectors } from '@root-store/router-store';
|
|
4
|
+
import { Store } from '@ngrx/store';
|
|
5
|
+
import { Observable } from 'rxjs';
|
|
6
|
+
import { map } from 'rxjs/operators';
|
|
7
|
+
|
|
8
|
+
@Component({
|
|
9
|
+
selector: 'app-menu-item',
|
|
10
|
+
template: `
|
|
11
|
+
<div (click)="onClick($event)" class="flex align-items-center justify-content-start h-3rem overflow-hidden text-base flex-nowrap menu-item-bg-color">
|
|
12
|
+
<div class="item-cursor h-full" [ngClass]="(routerLinkActive$ | async) ? 'bg-red-500' : 'bg-gray-500'"></div>
|
|
13
|
+
<div class="item-icon h-full text-white flex align-items-center justify-content-center flex-nowrap">
|
|
14
|
+
<em [class]="item.icon"></em>
|
|
15
|
+
</div>
|
|
16
|
+
<div class="item-text w-full h-full text-white flex align-items-center justify-content-start min-w-max">
|
|
17
|
+
<span >{{item.label}}</span>
|
|
18
|
+
</div>
|
|
19
|
+
</div>
|
|
20
|
+
`,
|
|
21
|
+
styles: [
|
|
22
|
+
`
|
|
23
|
+
.item-cursor{
|
|
24
|
+
min-width: 0.2rem;
|
|
25
|
+
width: 0.2rem;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
.item-icon{
|
|
29
|
+
min-width: 4.8rem;
|
|
30
|
+
width: 4.8rem;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.menu-item-bg-color{
|
|
34
|
+
background-color: var(--menu-item-bg-color);
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
.mw-4rem {
|
|
38
|
+
min-width: 4rem !important;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
.mw-1rem {
|
|
42
|
+
min-width: 1rem !important;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
.menu-item{
|
|
46
|
+
width: var(--menu-width);
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
:host(:hover){
|
|
50
|
+
opacity: 0.5;
|
|
51
|
+
cursor: pointer;
|
|
52
|
+
}
|
|
53
|
+
`,
|
|
54
|
+
],
|
|
55
|
+
})
|
|
56
|
+
export class MenuItemComponent implements OnInit {
|
|
57
|
+
@Input()
|
|
58
|
+
open: boolean;
|
|
59
|
+
|
|
60
|
+
@Input()
|
|
61
|
+
item: MenuItem;
|
|
62
|
+
|
|
63
|
+
@Output()
|
|
64
|
+
onSelectChange = new EventEmitter();
|
|
65
|
+
|
|
66
|
+
@Input()
|
|
67
|
+
index: number;
|
|
68
|
+
|
|
69
|
+
routerLinkActive$: Observable<boolean>;
|
|
70
|
+
|
|
71
|
+
constructor(private store$: Store) {}
|
|
72
|
+
|
|
73
|
+
ngOnInit(): void {
|
|
74
|
+
this.routerLinkActive$ = this.store$
|
|
75
|
+
.select(RouterStoreSelectors.selectUrl)
|
|
76
|
+
.pipe(
|
|
77
|
+
map((selectUrl: string) => selectUrl || ''),
|
|
78
|
+
map((selectUrl: string) => {
|
|
79
|
+
return selectUrl.indexOf(this.item.url || '') !== -1;
|
|
80
|
+
})
|
|
81
|
+
);
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
onClick($event: MouseEvent) {
|
|
85
|
+
console.log('MenuItemComponent.onClick()');
|
|
86
|
+
console.log('$event: ', $event);
|
|
87
|
+
this.onSelectChange.emit(this.item);
|
|
88
|
+
}
|
|
89
|
+
}
|