@updevs/components 1.0.0-alpha.5 → 1.0.0-alpha.8
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/button/button.component.d.ts +43 -0
- package/button/upd-button.module.d.ts +8 -0
- package/card/card.component.d.ts +54 -0
- package/card/directives/card-actions.directive.d.ts +7 -0
- package/card/directives/card-footer.directive.d.ts +7 -0
- package/card/directives/card-header.directive.d.ts +7 -0
- package/card/directives/card-image.directive.d.ts +7 -0
- package/card/upd-card.module.d.ts +14 -0
- package/dropdown/dropdown.component.d.ts +63 -0
- package/dropdown/{src/models/dropdown-item.ts → models/dropdown-item.d.ts} +0 -2
- package/dropdown/upd-dropdown.module.d.ts +12 -0
- package/esm2022/button/button.component.mjs +163 -0
- package/esm2022/button/index.mjs +2 -0
- package/esm2022/button/public-api.mjs +3 -0
- package/esm2022/button/upd-button.module.mjs +24 -0
- package/esm2022/button/updevs-components-button.mjs +5 -0
- package/esm2022/card/card.component.mjs +136 -0
- package/esm2022/card/directives/card-actions.directive.mjs +16 -0
- package/esm2022/card/directives/card-footer.directive.mjs +16 -0
- package/esm2022/card/directives/card-header.directive.mjs +16 -0
- package/esm2022/card/directives/card-image.directive.mjs +16 -0
- package/esm2022/card/directives/public-api.mjs +5 -0
- package/esm2022/card/index.mjs +2 -0
- package/esm2022/card/public-api.mjs +4 -0
- package/esm2022/card/types/card-state.type.mjs +2 -0
- package/esm2022/card/types/card-style.type.mjs +2 -0
- package/esm2022/card/types/hover-effect.type.mjs +2 -0
- package/esm2022/card/types/ribbon-style.type.mjs +2 -0
- package/esm2022/card/types/status-position.type.mjs +2 -0
- package/esm2022/card/upd-card.module.mjs +50 -0
- package/esm2022/card/updevs-components-card.mjs +5 -0
- package/esm2022/dropdown/dropdown.component.mjs +145 -0
- package/esm2022/dropdown/index.mjs +2 -0
- package/esm2022/dropdown/models/dropdown-item.mjs +2 -0
- package/esm2022/dropdown/models/dropdown-item.type.mjs +2 -0
- package/esm2022/dropdown/models/public-api.mjs +3 -0
- package/esm2022/dropdown/public-api.mjs +4 -0
- package/esm2022/dropdown/upd-dropdown.module.mjs +40 -0
- package/esm2022/dropdown/updevs-components-dropdown.mjs +5 -0
- package/esm2022/form/form.module.mjs +18 -0
- package/esm2022/form/index.mjs +2 -0
- package/esm2022/form/public-api.mjs +2 -0
- package/esm2022/form/updevs-components-form.mjs +5 -0
- package/esm2022/form-controls/checkbox/checkbox.component.mjs +68 -0
- package/esm2022/form-controls/checkbox/index.mjs +2 -0
- package/esm2022/form-controls/checkbox/public-api.mjs +3 -0
- package/esm2022/form-controls/checkbox/upd-checkbox.module.mjs +28 -0
- package/esm2022/form-controls/checkbox/updevs-components-form-controls-checkbox.mjs +5 -0
- package/esm2022/form-controls/input/directives/input-append.directive.mjs +16 -0
- package/esm2022/form-controls/input/directives/input-prepend.directive.mjs +16 -0
- package/esm2022/form-controls/input/directives/public-api.mjs +3 -0
- package/esm2022/form-controls/input/index.mjs +2 -0
- package/esm2022/form-controls/input/input.component.mjs +155 -0
- package/esm2022/form-controls/input/public-api.mjs +5 -0
- package/esm2022/form-controls/input/types/input.type.mjs +2 -0
- package/esm2022/form-controls/input/types/loader-position.type.mjs +2 -0
- package/esm2022/form-controls/input/types/public-api.mjs +3 -0
- package/esm2022/form-controls/input/upd-input.module.mjs +46 -0
- package/esm2022/form-controls/input/updevs-components-form-controls-input.mjs +5 -0
- package/esm2022/form-controls/radio/index.mjs +2 -0
- package/esm2022/form-controls/radio/public-api.mjs +3 -0
- package/esm2022/form-controls/radio/radio.component.mjs +64 -0
- package/esm2022/form-controls/radio/upd-radio.module.mjs +24 -0
- package/esm2022/form-controls/radio/updevs-components-form-controls-radio.mjs +5 -0
- package/esm2022/form-controls/select/components/multiple/select-multiple.component.mjs +65 -0
- package/esm2022/form-controls/select/components/single/select.component.mjs +53 -0
- package/esm2022/form-controls/select/index.mjs +2 -0
- package/esm2022/form-controls/select/models/abstractions/base-select.component.mjs +208 -0
- package/esm2022/form-controls/select/models/public-api.mjs +2 -0
- package/esm2022/form-controls/select/models/select-item.mjs +2 -0
- package/esm2022/form-controls/select/public-api.mjs +5 -0
- package/esm2022/form-controls/select/upd-select.module.mjs +53 -0
- package/esm2022/form-controls/select/updevs-components-form-controls-select.mjs +5 -0
- package/esm2022/form-controls/textarea/index.mjs +2 -0
- package/esm2022/form-controls/textarea/public-api.mjs +3 -0
- package/esm2022/form-controls/textarea/textarea.component.mjs +62 -0
- package/esm2022/form-controls/textarea/upd-textarea.module.mjs +24 -0
- package/esm2022/form-controls/textarea/updevs-components-form-controls-textarea.mjs +5 -0
- package/esm2022/form-controls/time-picker/index.mjs +2 -0
- package/esm2022/form-controls/time-picker/public-api.mjs +4 -0
- package/esm2022/form-controls/time-picker/time-picker.component.mjs +130 -0
- package/esm2022/form-controls/time-picker/time-selector/time-selector.component.mjs +124 -0
- package/esm2022/form-controls/time-picker/upd-time-picker.module.mjs +60 -0
- package/esm2022/form-controls/time-picker/updevs-components-form-controls-time-picker.mjs +5 -0
- package/esm2022/layout/abstractions/base-page.component.mjs +24 -0
- package/esm2022/layout/abstractions/public-api.mjs +2 -0
- package/esm2022/layout/index.mjs +2 -0
- package/esm2022/layout/layouts/blank-layout/blank-layout.component.mjs +11 -0
- package/esm2022/layout/layouts/blank-layout/blank-layout.module.mjs +24 -0
- package/esm2022/layout/layouts/public-api.mjs +5 -0
- package/esm2022/layout/layouts/vertical-sidebar-layout/vertical-sidebar-layout.component.mjs +31 -0
- package/esm2022/layout/layouts/vertical-sidebar-layout/vertical-sidebar-layout.module.mjs +81 -0
- package/esm2022/layout/models/public-api.mjs +2 -0
- package/esm2022/layout/models/upd-layout-config.model.mjs +30 -0
- package/esm2022/layout/models/upd-layout.config.mjs +2 -0
- package/esm2022/layout/pages/auth-flow/auth-flow-routing.module.mjs +28 -0
- package/esm2022/layout/pages/auth-flow/auth-flow.module.mjs +46 -0
- package/esm2022/layout/pages/auth-flow/logged-out/logged-out.component.mjs +11 -0
- package/esm2022/layout/pages/auth-flow/login/login.component.mjs +27 -0
- package/esm2022/layout/pages/auth-flow/oauth-callback/oauth-callback.component.mjs +11 -0
- package/esm2022/layout/pages/auth-flow/public-api.mjs +6 -0
- package/esm2022/layout/pages/public-api.mjs +2 -0
- package/esm2022/layout/partials/footer/footer-copyright.directive.mjs +13 -0
- package/esm2022/layout/partials/footer/footer.component.mjs +67 -0
- package/esm2022/layout/partials/footer/public-api.mjs +3 -0
- package/esm2022/layout/partials/header/header-style.type.mjs +2 -0
- package/esm2022/layout/partials/header/header.component.mjs +77 -0
- package/esm2022/layout/partials/header/public-api.mjs +3 -0
- package/esm2022/layout/partials/page-header/page-header.component.mjs +14 -0
- package/esm2022/layout/partials/page-header/public-api.mjs +2 -0
- package/esm2022/layout/partials/public-api.mjs +5 -0
- package/esm2022/layout/partials/sidebar/public-api.mjs +2 -0
- package/esm2022/layout/partials/sidebar/sidebar.component.mjs +143 -0
- package/esm2022/layout/public-api.mjs +8 -0
- package/esm2022/layout/services/public-api.mjs +2 -0
- package/esm2022/layout/services/upd-layout-config.service.mjs +21 -0
- package/esm2022/layout/tools/layout.constants.mjs +15 -0
- package/esm2022/layout/upd-layout.module.mjs +43 -0
- package/esm2022/layout/updevs-components-layout.mjs +5 -0
- package/esm2022/lib/index.mjs +2 -0
- package/esm2022/lib/public-api.mjs +3 -0
- package/esm2022/lib/types/component-size.type.mjs +2 -0
- package/esm2022/lib/types/public-api.mjs +3 -0
- package/esm2022/lib/types/validation-status.type.mjs +2 -0
- package/esm2022/lib/upd-components.module.mjs +14 -0
- package/esm2022/link/index.mjs +2 -0
- package/esm2022/link/link.component.mjs +51 -0
- package/esm2022/link/public-api.mjs +4 -0
- package/esm2022/link/target.type.mjs +2 -0
- package/esm2022/link/upd-link.module.mjs +24 -0
- package/esm2022/link/updevs-components-link.mjs +5 -0
- package/esm2022/list/index.mjs +2 -0
- package/esm2022/list/list.component.mjs +134 -0
- package/esm2022/list/models/badge-position.type.mjs +2 -0
- package/esm2022/list/models/list-item.mjs +2 -0
- package/esm2022/list/models/list-item.model.mjs +15 -0
- package/esm2022/list/models/public-api.mjs +3 -0
- package/esm2022/list/public-api.mjs +4 -0
- package/esm2022/list/upd-list.module.mjs +43 -0
- package/esm2022/list/updevs-components-list.mjs +5 -0
- package/esm2022/popover/index.mjs +2 -0
- package/esm2022/popover/popover.component.mjs +65 -0
- package/esm2022/popover/popover.directive.mjs +129 -0
- package/esm2022/popover/public-api.mjs +4 -0
- package/esm2022/popover/upd-popover.module.mjs +29 -0
- package/esm2022/popover/updevs-components-popover.mjs +5 -0
- package/esm2022/public-api.mjs +2 -0
- package/esm2022/updevs-components.mjs +5 -0
- package/fesm2022/updevs-components-button.mjs +191 -0
- package/fesm2022/updevs-components-button.mjs.map +1 -0
- package/fesm2022/updevs-components-card.mjs +238 -0
- package/fesm2022/updevs-components-card.mjs.map +1 -0
- package/fesm2022/updevs-components-dropdown.mjs +189 -0
- package/fesm2022/updevs-components-dropdown.mjs.map +1 -0
- package/fesm2022/updevs-components-form-controls-checkbox.mjs +100 -0
- package/fesm2022/updevs-components-form-controls-checkbox.mjs.map +1 -0
- package/fesm2022/updevs-components-form-controls-input.mjs +229 -0
- package/fesm2022/updevs-components-form-controls-input.mjs.map +1 -0
- package/fesm2022/updevs-components-form-controls-radio.mjs +92 -0
- package/fesm2022/updevs-components-form-controls-radio.mjs.map +1 -0
- package/fesm2022/updevs-components-form-controls-select.mjs +371 -0
- package/fesm2022/updevs-components-form-controls-select.mjs.map +1 -0
- package/fesm2022/updevs-components-form-controls-textarea.mjs +90 -0
- package/fesm2022/updevs-components-form-controls-textarea.mjs.map +1 -0
- package/fesm2022/updevs-components-form-controls-time-picker.mjs +344 -0
- package/fesm2022/updevs-components-form-controls-time-picker.mjs.map +1 -0
- package/fesm2022/updevs-components-form.mjs +25 -0
- package/fesm2022/updevs-components-form.mjs.map +1 -0
- package/fesm2022/updevs-components-layout.mjs +670 -0
- package/fesm2022/updevs-components-layout.mjs.map +1 -0
- package/fesm2022/updevs-components-link.mjs +79 -0
- package/fesm2022/updevs-components-link.mjs.map +1 -0
- package/fesm2022/updevs-components-list.mjs +226 -0
- package/fesm2022/updevs-components-list.mjs.map +1 -0
- package/fesm2022/updevs-components-popover.mjs +223 -0
- package/fesm2022/updevs-components-popover.mjs.map +1 -0
- package/fesm2022/updevs-components.mjs +21 -0
- package/fesm2022/updevs-components.mjs.map +1 -0
- package/form/form.module.d.ts +7 -0
- package/form-controls/checkbox/checkbox.component.d.ts +25 -0
- package/form-controls/checkbox/{src/public-api.ts → public-api.d.ts} +0 -1
- package/form-controls/checkbox/upd-checkbox.module.d.ts +9 -0
- package/form-controls/input/directives/input-append.directive.d.ts +7 -0
- package/form-controls/input/directives/input-prepend.directive.d.ts +7 -0
- package/form-controls/input/input.component.d.ts +54 -0
- package/form-controls/input/upd-input.module.d.ts +13 -0
- package/form-controls/radio/radio.component.d.ts +24 -0
- package/form-controls/radio/upd-radio.module.d.ts +8 -0
- package/form-controls/select/components/multiple/select-multiple.component.d.ts +18 -0
- package/form-controls/select/components/single/select.component.d.ts +20 -0
- package/form-controls/select/models/abstractions/base-select.component.d.ts +80 -0
- package/form-controls/select/{src/models/select-item.ts → models/select-item.d.ts} +0 -1
- package/form-controls/select/upd-select.module.d.ts +15 -0
- package/form-controls/textarea/textarea.component.d.ts +23 -0
- package/form-controls/textarea/upd-textarea.module.d.ts +8 -0
- package/form-controls/time-picker/time-picker.component.d.ts +78 -0
- package/form-controls/time-picker/time-selector/time-selector.component.d.ts +69 -0
- package/form-controls/time-picker/upd-time-picker.module.d.ts +17 -0
- package/index.d.ts +5 -0
- package/layout/abstractions/base-page.component.d.ts +12 -0
- package/layout/layouts/blank-layout/blank-layout.component.d.ts +5 -0
- package/layout/layouts/blank-layout/blank-layout.module.d.ts +8 -0
- package/layout/layouts/vertical-sidebar-layout/vertical-sidebar-layout.component.d.ts +12 -0
- package/layout/layouts/vertical-sidebar-layout/vertical-sidebar-layout.module.d.ts +20 -0
- package/layout/models/upd-layout-config.model.d.ts +39 -0
- package/layout/pages/auth-flow/auth-flow-routing.module.d.ts +12 -0
- package/layout/pages/auth-flow/auth-flow.module.d.ts +13 -0
- package/layout/pages/auth-flow/logged-out/logged-out.component.d.ts +5 -0
- package/layout/pages/auth-flow/login/login.component.d.ts +12 -0
- package/layout/pages/auth-flow/oauth-callback/oauth-callback.component.d.ts +5 -0
- package/layout/partials/footer/footer-copyright.directive.d.ts +5 -0
- package/layout/partials/footer/footer.component.d.ts +43 -0
- package/layout/partials/header/header.component.d.ts +31 -0
- package/layout/partials/page-header/page-header.component.d.ts +7 -0
- package/layout/partials/sidebar/sidebar.component.d.ts +19 -0
- package/layout/services/upd-layout-config.service.d.ts +15 -0
- package/layout/{src/tools/layout.constants.ts → tools/layout.constants.d.ts} +3 -6
- package/layout/upd-layout.module.d.ts +18 -0
- package/lib/upd-components.module.d.ts +6 -0
- package/link/link.component.d.ts +22 -0
- package/link/upd-link.module.d.ts +8 -0
- package/list/list.component.d.ts +61 -0
- package/list/{src/models/list-item.ts → models/list-item.d.ts} +0 -2
- package/list/{src/models/list-item.model.ts → models/list-item.model.d.ts} +5 -16
- package/list/upd-list.module.d.ts +13 -0
- package/package.json +114 -21
- package/popover/popover.component.d.ts +22 -0
- package/popover/popover.directive.d.ts +33 -0
- package/popover/upd-popover.module.d.ts +9 -0
- package/CHANGELOG.md +0 -8
- package/button/index.ts +0 -1
- package/button/ng-package.json +0 -7
- package/button/src/button.component.html +0 -8
- package/button/src/button.component.scss +0 -5
- package/button/src/button.component.spec.ts +0 -23
- package/button/src/button.component.ts +0 -154
- package/button/src/upd-button.module.ts +0 -17
- package/card/index.ts +0 -1
- package/card/ng-package.json +0 -7
- package/card/src/card.component.html +0 -105
- package/card/src/card.component.scss +0 -47
- package/card/src/card.component.spec.ts +0 -23
- package/card/src/card.component.ts +0 -112
- package/card/src/directives/card-actions.directive.spec.ts +0 -8
- package/card/src/directives/card-actions.directive.ts +0 -11
- package/card/src/directives/card-footer.directive.spec.ts +0 -8
- package/card/src/directives/card-footer.directive.ts +0 -11
- package/card/src/directives/card-header.directive.spec.ts +0 -8
- package/card/src/directives/card-header.directive.ts +0 -11
- package/card/src/directives/card-image.directive.spec.ts +0 -8
- package/card/src/directives/card-image.directive.ts +0 -11
- package/card/src/types/public-api.ts +0 -5
- package/card/src/upd-card.module.ts +0 -32
- package/dropdown/index.ts +0 -1
- package/dropdown/ng-package.json +0 -7
- package/dropdown/src/dropdown.component.html +0 -32
- package/dropdown/src/dropdown.component.scss +0 -19
- package/dropdown/src/dropdown.component.spec.ts +0 -23
- package/dropdown/src/dropdown.component.ts +0 -182
- package/dropdown/src/upd-dropdown.module.ts +0 -25
- package/form/index.ts +0 -1
- package/form/ng-package.json +0 -7
- package/form/src/form.module.ts +0 -10
- package/form-controls/checkbox/index.ts +0 -1
- package/form-controls/checkbox/ng-package.json +0 -7
- package/form-controls/checkbox/src/checkbox.component.html +0 -7
- package/form-controls/checkbox/src/checkbox.component.scss +0 -0
- package/form-controls/checkbox/src/checkbox.component.spec.ts +0 -23
- package/form-controls/checkbox/src/checkbox.component.ts +0 -48
- package/form-controls/checkbox/src/upd-checkbox.module.ts +0 -19
- package/form-controls/input/index.ts +0 -1
- package/form-controls/input/ng-package.json +0 -7
- package/form-controls/input/src/directives/input-append.directive.spec.ts +0 -8
- package/form-controls/input/src/directives/input-append.directive.ts +0 -11
- package/form-controls/input/src/directives/input-prepend.directive.spec.ts +0 -8
- package/form-controls/input/src/directives/input-prepend.directive.ts +0 -11
- package/form-controls/input/src/input.component.html +0 -82
- package/form-controls/input/src/input.component.scss +0 -13
- package/form-controls/input/src/input.component.spec.ts +0 -23
- package/form-controls/input/src/input.component.ts +0 -124
- package/form-controls/input/src/upd-input.module.ts +0 -29
- package/form-controls/radio/index.ts +0 -1
- package/form-controls/radio/ng-package.json +0 -7
- package/form-controls/radio/src/radio.component.html +0 -7
- package/form-controls/radio/src/radio.component.scss +0 -0
- package/form-controls/radio/src/radio.component.spec.ts +0 -23
- package/form-controls/radio/src/radio.component.ts +0 -47
- package/form-controls/radio/src/upd-radio.module.ts +0 -17
- package/form-controls/select/index.ts +0 -1
- package/form-controls/select/ng-package.json +0 -7
- package/form-controls/select/src/components/multiple/select-multiple.component.html +0 -41
- package/form-controls/select/src/components/multiple/select-multiple.component.scss +0 -6
- package/form-controls/select/src/components/multiple/select-multiple.component.spec.ts +0 -21
- package/form-controls/select/src/components/multiple/select-multiple.component.ts +0 -69
- package/form-controls/select/src/components/shared.scss +0 -40
- package/form-controls/select/src/components/single/select.component.html +0 -53
- package/form-controls/select/src/components/single/select.component.scss +0 -3
- package/form-controls/select/src/components/single/select.component.spec.ts +0 -23
- package/form-controls/select/src/components/single/select.component.ts +0 -58
- package/form-controls/select/src/models/abstractions/base-select.component.ts +0 -259
- package/form-controls/select/src/upd-select.module.ts +0 -32
- package/form-controls/textarea/index.ts +0 -1
- package/form-controls/textarea/ng-package.json +0 -7
- package/form-controls/textarea/src/textarea.component.html +0 -8
- package/form-controls/textarea/src/textarea.component.scss +0 -0
- package/form-controls/textarea/src/textarea.component.spec.ts +0 -23
- package/form-controls/textarea/src/textarea.component.ts +0 -47
- package/form-controls/textarea/src/upd-textarea.module.ts +0 -17
- package/form-controls/time-picker/index.ts +0 -1
- package/form-controls/time-picker/ng-package.json +0 -7
- package/form-controls/time-picker/src/time-picker.component.html +0 -17
- package/form-controls/time-picker/src/time-picker.component.scss +0 -10
- package/form-controls/time-picker/src/time-picker.component.spec.ts +0 -21
- package/form-controls/time-picker/src/time-picker.component.ts +0 -110
- package/form-controls/time-picker/src/time-selector/time-selector.component.html +0 -44
- package/form-controls/time-picker/src/time-selector/time-selector.component.scss +0 -47
- package/form-controls/time-picker/src/time-selector/time-selector.component.spec.ts +0 -21
- package/form-controls/time-picker/src/time-selector/time-selector.component.ts +0 -107
- package/form-controls/time-picker/src/upd-time-picker.module.ts +0 -39
- package/index.ts +0 -1
- package/layout/index.ts +0 -1
- package/layout/ng-package.json +0 -7
- package/layout/src/abstractions/base-page.component.ts +0 -21
- package/layout/src/layouts/blank-layout/blank-layout.component.html +0 -1
- package/layout/src/layouts/blank-layout/blank-layout.component.scss +0 -0
- package/layout/src/layouts/blank-layout/blank-layout.component.spec.ts +0 -23
- package/layout/src/layouts/blank-layout/blank-layout.component.ts +0 -10
- package/layout/src/layouts/blank-layout/blank-layout.module.ts +0 -17
- package/layout/src/layouts/vertical-sidebar-layout/vertical-sidebar-layout.component.html +0 -14
- package/layout/src/layouts/vertical-sidebar-layout/vertical-sidebar-layout.component.scss +0 -0
- package/layout/src/layouts/vertical-sidebar-layout/vertical-sidebar-layout.component.spec.ts +0 -23
- package/layout/src/layouts/vertical-sidebar-layout/vertical-sidebar-layout.component.ts +0 -31
- package/layout/src/layouts/vertical-sidebar-layout/vertical-sidebar-layout.module.ts +0 -52
- package/layout/src/models/upd-layout-config.model.ts +0 -71
- package/layout/src/pages/auth-flow/auth-flow-routing.module.ts +0 -21
- package/layout/src/pages/auth-flow/auth-flow.module.ts +0 -29
- package/layout/src/pages/auth-flow/logged-out/logged-out.component.html +0 -1
- package/layout/src/pages/auth-flow/logged-out/logged-out.component.scss +0 -0
- package/layout/src/pages/auth-flow/logged-out/logged-out.component.spec.ts +0 -23
- package/layout/src/pages/auth-flow/logged-out/logged-out.component.ts +0 -10
- package/layout/src/pages/auth-flow/login/login.component.html +0 -96
- package/layout/src/pages/auth-flow/login/login.component.scss +0 -0
- package/layout/src/pages/auth-flow/login/login.component.spec.ts +0 -23
- package/layout/src/pages/auth-flow/login/login.component.ts +0 -26
- package/layout/src/pages/auth-flow/oauth-callback/oauth-callback.component.html +0 -1
- package/layout/src/pages/auth-flow/oauth-callback/oauth-callback.component.scss +0 -0
- package/layout/src/pages/auth-flow/oauth-callback/oauth-callback.component.spec.ts +0 -23
- package/layout/src/pages/auth-flow/oauth-callback/oauth-callback.component.ts +0 -10
- package/layout/src/partials/footer/footer-copyright.directive.spec.ts +0 -8
- package/layout/src/partials/footer/footer-copyright.directive.ts +0 -9
- package/layout/src/partials/footer/footer.component.html +0 -30
- package/layout/src/partials/footer/footer.component.scss +0 -0
- package/layout/src/partials/footer/footer.component.spec.ts +0 -23
- package/layout/src/partials/footer/footer.component.ts +0 -73
- package/layout/src/partials/header/header.component.html +0 -163
- package/layout/src/partials/header/header.component.scss +0 -0
- package/layout/src/partials/header/header.component.spec.ts +0 -23
- package/layout/src/partials/header/header.component.ts +0 -86
- package/layout/src/partials/page-header/page-header.component.html +0 -19
- package/layout/src/partials/page-header/page-header.component.scss +0 -0
- package/layout/src/partials/page-header/page-header.component.spec.ts +0 -23
- package/layout/src/partials/page-header/page-header.component.ts +0 -11
- package/layout/src/partials/sidebar/sidebar.component.html +0 -62
- package/layout/src/partials/sidebar/sidebar.component.scss +0 -0
- package/layout/src/partials/sidebar/sidebar.component.spec.ts +0 -23
- package/layout/src/partials/sidebar/sidebar.component.ts +0 -161
- package/layout/src/services/upd-layout-config.service.spec.ts +0 -16
- package/layout/src/services/upd-layout-config.service.ts +0 -20
- package/layout/src/upd-layout.module.ts +0 -34
- package/link/index.ts +0 -1
- package/link/ng-package.json +0 -7
- package/link/src/link.component.html +0 -3
- package/link/src/link.component.scss +0 -3
- package/link/src/link.component.spec.ts +0 -23
- package/link/src/link.component.ts +0 -48
- package/link/src/upd-link.module.ts +0 -17
- package/list/index.ts +0 -1
- package/list/ng-package.json +0 -7
- package/list/src/list.component.html +0 -58
- package/list/src/list.component.scss +0 -21
- package/list/src/list.component.spec.ts +0 -23
- package/list/src/list.component.ts +0 -147
- package/list/src/upd-list.module.ts +0 -30
- package/ng-package.json +0 -10
- package/popover/index.ts +0 -1
- package/popover/ng-package.json +0 -7
- package/popover/src/popover.component.html +0 -20
- package/popover/src/popover.component.scss +0 -8
- package/popover/src/popover.component.spec.ts +0 -23
- package/popover/src/popover.component.ts +0 -53
- package/popover/src/popover.directive.spec.ts +0 -8
- package/popover/src/popover.directive.ts +0 -128
- package/popover/src/upd-popover.module.ts +0 -20
- package/src/lib/upd-components.module.ts +0 -6
- package/tsconfig.lib.json +0 -14
- package/tsconfig.lib.prod.json +0 -10
- package/tsconfig.spec.json +0 -14
- /package/button/{src/index.ts → index.d.ts} +0 -0
- /package/button/{src/public-api.ts → public-api.d.ts} +0 -0
- /package/card/{src/directives/public-api.ts → directives/public-api.d.ts} +0 -0
- /package/card/{src/index.ts → index.d.ts} +0 -0
- /package/card/{src/public-api.ts → public-api.d.ts} +0 -0
- /package/card/{src/types/card-state.type.ts → types/card-state.type.d.ts} +0 -0
- /package/card/{src/types/card-style.type.ts → types/card-style.type.d.ts} +0 -0
- /package/card/{src/types/hover-effect.type.ts → types/hover-effect.type.d.ts} +0 -0
- /package/card/{src/types/ribbon-style.type.ts → types/ribbon-style.type.d.ts} +0 -0
- /package/card/{src/types/status-position.type.ts → types/status-position.type.d.ts} +0 -0
- /package/dropdown/{src/index.ts → index.d.ts} +0 -0
- /package/dropdown/{src/models/dropdown-item.type.ts → models/dropdown-item.type.d.ts} +0 -0
- /package/dropdown/{src/models/public-api.ts → models/public-api.d.ts} +0 -0
- /package/dropdown/{src/public-api.ts → public-api.d.ts} +0 -0
- /package/{form-controls/time-picker/src → esm2022/form-controls/time-picker}/assets/i18n/en.json +0 -0
- /package/{form-controls/time-picker/src → esm2022/form-controls/time-picker}/assets/i18n/pt.json +0 -0
- /package/{layout/src → esm2022/layout}/assets/i18n/en.json +0 -0
- /package/{layout/src → esm2022/layout}/assets/i18n/pt.json +0 -0
- /package/{list/src → esm2022/list}/assets/i18n/en.json +0 -0
- /package/{list/src → esm2022/list}/assets/i18n/pt.json +0 -0
- /package/form/{src/index.ts → index.d.ts} +0 -0
- /package/form/{src/public-api.ts → public-api.d.ts} +0 -0
- /package/form-controls/checkbox/{src/index.ts → index.d.ts} +0 -0
- /package/form-controls/input/{src/directives/public-api.ts → directives/public-api.d.ts} +0 -0
- /package/form-controls/input/{src/index.ts → index.d.ts} +0 -0
- /package/form-controls/input/{src/public-api.ts → public-api.d.ts} +0 -0
- /package/form-controls/input/{src/types/input.type.ts → types/input.type.d.ts} +0 -0
- /package/form-controls/input/{src/types/loader-position.type.ts → types/loader-position.type.d.ts} +0 -0
- /package/form-controls/input/{src/types/public-api.ts → types/public-api.d.ts} +0 -0
- /package/form-controls/radio/{src/index.ts → index.d.ts} +0 -0
- /package/form-controls/radio/{src/public-api.ts → public-api.d.ts} +0 -0
- /package/form-controls/select/{src/index.ts → index.d.ts} +0 -0
- /package/form-controls/select/{src/models/public-api.ts → models/public-api.d.ts} +0 -0
- /package/form-controls/select/{src/public-api.ts → public-api.d.ts} +0 -0
- /package/form-controls/textarea/{src/index.ts → index.d.ts} +0 -0
- /package/form-controls/textarea/{src/public-api.ts → public-api.d.ts} +0 -0
- /package/form-controls/time-picker/{src/index.ts → index.d.ts} +0 -0
- /package/form-controls/time-picker/{src/public-api.ts → public-api.d.ts} +0 -0
- /package/layout/{src/abstractions/public-api.ts → abstractions/public-api.d.ts} +0 -0
- /package/layout/{src/index.ts → index.d.ts} +0 -0
- /package/layout/{src/layouts/public-api.ts → layouts/public-api.d.ts} +0 -0
- /package/layout/{src/models/public-api.ts → models/public-api.d.ts} +0 -0
- /package/layout/{src/models/upd-layout.config.ts → models/upd-layout.config.d.ts} +0 -0
- /package/layout/{src/pages/auth-flow/public-api.ts → pages/auth-flow/public-api.d.ts} +0 -0
- /package/layout/{src/pages/public-api.ts → pages/public-api.d.ts} +0 -0
- /package/layout/{src/partials/footer/public-api.ts → partials/footer/public-api.d.ts} +0 -0
- /package/layout/{src/partials/header/header-style.type.ts → partials/header/header-style.type.d.ts} +0 -0
- /package/layout/{src/partials/header/public-api.ts → partials/header/public-api.d.ts} +0 -0
- /package/layout/{src/partials/page-header/public-api.ts → partials/page-header/public-api.d.ts} +0 -0
- /package/layout/{src/partials/public-api.ts → partials/public-api.d.ts} +0 -0
- /package/layout/{src/partials/sidebar/public-api.ts → partials/sidebar/public-api.d.ts} +0 -0
- /package/layout/{src/public-api.ts → public-api.d.ts} +0 -0
- /package/layout/{src/services/public-api.ts → services/public-api.d.ts} +0 -0
- /package/{link/src/index.ts → lib/index.d.ts} +0 -0
- /package/{src/lib/public-api.ts → lib/public-api.d.ts} +0 -0
- /package/{src/lib/types/component-size.type.ts → lib/types/component-size.type.d.ts} +0 -0
- /package/{src/lib/types/public-api.ts → lib/types/public-api.d.ts} +0 -0
- /package/{src/lib/types/validation-status.type.ts → lib/types/validation-status.type.d.ts} +0 -0
- /package/{list/src/index.ts → link/index.d.ts} +0 -0
- /package/link/{src/public-api.ts → public-api.d.ts} +0 -0
- /package/link/{src/target.type.ts → target.type.d.ts} +0 -0
- /package/{popover/src/index.ts → list/index.d.ts} +0 -0
- /package/list/{src/models/badge-position.type.ts → models/badge-position.type.d.ts} +0 -0
- /package/list/{src/models/public-api.ts → models/public-api.d.ts} +0 -0
- /package/list/{src/public-api.ts → public-api.d.ts} +0 -0
- /package/{src/lib/index.ts → popover/index.d.ts} +0 -0
- /package/popover/{src/public-api.ts → public-api.d.ts} +0 -0
- /package/{src/public-api.ts → public-api.d.ts} +0 -0
@@ -1,23 +0,0 @@
|
|
1
|
-
import { ComponentFixture, TestBed } from '@angular/core/testing';
|
2
|
-
|
3
|
-
import { LoginComponent } from './login.component';
|
4
|
-
|
5
|
-
describe('LoginComponent', () => {
|
6
|
-
let component: LoginComponent;
|
7
|
-
let fixture: ComponentFixture<LoginComponent>;
|
8
|
-
|
9
|
-
beforeEach(async () => {
|
10
|
-
await TestBed.configureTestingModule({
|
11
|
-
declarations: [ LoginComponent ]
|
12
|
-
})
|
13
|
-
.compileComponents();
|
14
|
-
|
15
|
-
fixture = TestBed.createComponent(LoginComponent);
|
16
|
-
component = fixture.componentInstance;
|
17
|
-
fixture.detectChanges();
|
18
|
-
});
|
19
|
-
|
20
|
-
it('should create', () => {
|
21
|
-
expect(component).toBeTruthy();
|
22
|
-
});
|
23
|
-
});
|
@@ -1,26 +0,0 @@
|
|
1
|
-
import { Component, ViewEncapsulation, inject } from '@angular/core';
|
2
|
-
import { LayoutService } from '@updevs/sdk/layout';
|
3
|
-
import { AuthService } from '@updevs/sdk/security';
|
4
|
-
|
5
|
-
@Component({
|
6
|
-
selector: 'upd-login',
|
7
|
-
templateUrl: './login.component.html',
|
8
|
-
styleUrls: ['./login.component.scss'],
|
9
|
-
encapsulation: ViewEncapsulation.None
|
10
|
-
})
|
11
|
-
export class LoginComponent {
|
12
|
-
layout: 'centered-box' | 'box-with-picture' = 'centered-box';
|
13
|
-
username = '';
|
14
|
-
password = '';
|
15
|
-
|
16
|
-
private readonly authService = inject(AuthService);
|
17
|
-
private readonly layoutService = inject(LayoutService);
|
18
|
-
|
19
|
-
constructor() {
|
20
|
-
this.layoutService.addBodyClasses('border-top-wide', 'border-primary', 'd-flex', 'flex-column');
|
21
|
-
}
|
22
|
-
|
23
|
-
login(): void {
|
24
|
-
this.authService.login(this.username, this.password).subscribe();
|
25
|
-
}
|
26
|
-
}
|
@@ -1 +0,0 @@
|
|
1
|
-
<p>oauth-callback works!</p>
|
File without changes
|
@@ -1,23 +0,0 @@
|
|
1
|
-
import { ComponentFixture, TestBed } from '@angular/core/testing';
|
2
|
-
|
3
|
-
import { OauthCallbackComponent } from './oauth-callback.component';
|
4
|
-
|
5
|
-
describe('OauthCallbackComponent', () => {
|
6
|
-
let component: OauthCallbackComponent;
|
7
|
-
let fixture: ComponentFixture<OauthCallbackComponent>;
|
8
|
-
|
9
|
-
beforeEach(async () => {
|
10
|
-
await TestBed.configureTestingModule({
|
11
|
-
declarations: [ OauthCallbackComponent ]
|
12
|
-
})
|
13
|
-
.compileComponents();
|
14
|
-
|
15
|
-
fixture = TestBed.createComponent(OauthCallbackComponent);
|
16
|
-
component = fixture.componentInstance;
|
17
|
-
fixture.detectChanges();
|
18
|
-
});
|
19
|
-
|
20
|
-
it('should create', () => {
|
21
|
-
expect(component).toBeTruthy();
|
22
|
-
});
|
23
|
-
});
|
@@ -1,30 +0,0 @@
|
|
1
|
-
<div class="container-xl">
|
2
|
-
<div class="row text-center align-items-center flex-row-reverse">
|
3
|
-
<div class="col-lg-auto ms-lg-auto">
|
4
|
-
<ul *ngIf="links.length > 0" class="list-inline list-inline-dots mb-0">
|
5
|
-
<li *ngFor="let link of links" class="list-inline-item">
|
6
|
-
<a href="{{link.url}}" target="{{link.target}}" class="link-secondary">
|
7
|
-
<span [innerHTML]="link.text"></span>
|
8
|
-
<ng-container *transloco="let t">
|
9
|
-
{{t('Layout.Aloha')}}
|
10
|
-
</ng-container>
|
11
|
-
</a>
|
12
|
-
</li>
|
13
|
-
</ul>
|
14
|
-
</div>
|
15
|
-
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
|
16
|
-
<ng-container *ngIf="!!footerCopyrightTemplate; else defaultFooterTpl"
|
17
|
-
[ngTemplateOutlet]="footerCopyrightTemplate"></ng-container>
|
18
|
-
<ng-template #defaultFooterTpl>
|
19
|
-
<ul class="list-inline list-inline-dots mb-0">
|
20
|
-
<li class="list-inline-item">
|
21
|
-
{{copyrightPrefix}} © {{currentYear}} {{copyrightSuffix}}
|
22
|
-
</li>
|
23
|
-
<li *ngIf="!!version" class="list-inline-item">
|
24
|
-
{{version}}
|
25
|
-
</li>
|
26
|
-
</ul>
|
27
|
-
</ng-template>
|
28
|
-
</div>
|
29
|
-
</div>
|
30
|
-
</div>
|
File without changes
|
@@ -1,23 +0,0 @@
|
|
1
|
-
import { ComponentFixture, TestBed } from '@angular/core/testing';
|
2
|
-
|
3
|
-
import { FooterComponent } from './footer.component';
|
4
|
-
|
5
|
-
describe('FooterComponent', () => {
|
6
|
-
let component: FooterComponent;
|
7
|
-
let fixture: ComponentFixture<FooterComponent>;
|
8
|
-
|
9
|
-
beforeEach(async () => {
|
10
|
-
await TestBed.configureTestingModule({
|
11
|
-
declarations: [ FooterComponent ]
|
12
|
-
})
|
13
|
-
.compileComponents();
|
14
|
-
|
15
|
-
fixture = TestBed.createComponent(FooterComponent);
|
16
|
-
component = fixture.componentInstance;
|
17
|
-
fixture.detectChanges();
|
18
|
-
});
|
19
|
-
|
20
|
-
it('should create', () => {
|
21
|
-
expect(component).toBeTruthy();
|
22
|
-
});
|
23
|
-
});
|
@@ -1,73 +0,0 @@
|
|
1
|
-
import { Component, ContentChild, TemplateRef, HostBinding, OnInit, OnChanges, SimpleChanges, ViewEncapsulation } from '@angular/core';
|
2
|
-
import { LinkModel } from '@updevs/sdk/core';
|
3
|
-
import { BaseComponent } from '@updevs/sdk/layout';
|
4
|
-
import { TranslocoService } from '@ngneat/transloco';
|
5
|
-
|
6
|
-
import { FooterCopyrightDirective } from './footer-copyright.directive';
|
7
|
-
|
8
|
-
@Component({
|
9
|
-
selector: 'upd-footer',
|
10
|
-
templateUrl: './footer.component.html',
|
11
|
-
styleUrls: ['./footer.component.scss'],
|
12
|
-
encapsulation: ViewEncapsulation.None
|
13
|
-
})
|
14
|
-
export class FooterComponent extends BaseComponent implements OnInit, OnChanges {
|
15
|
-
@HostBinding('class') wrapperClasses = '';
|
16
|
-
@ContentChild(FooterCopyrightDirective, { read: TemplateRef, static: true }) footerCopyrightTemplate?: TemplateRef<any>;
|
17
|
-
|
18
|
-
/**
|
19
|
-
* Whether the footer will always be shown.
|
20
|
-
*/
|
21
|
-
isSticky = false;
|
22
|
-
/**
|
23
|
-
* Whether the footer is transparent or not.
|
24
|
-
*/
|
25
|
-
isTransparent = true;
|
26
|
-
/**
|
27
|
-
* Links.
|
28
|
-
*/
|
29
|
-
links: LinkModel[] = [];
|
30
|
-
/**
|
31
|
-
* Current year.
|
32
|
-
*/
|
33
|
-
currentYear = new Date().getFullYear();
|
34
|
-
/**
|
35
|
-
* Text displayed in the copyright section before the symbol and year.
|
36
|
-
*/
|
37
|
-
copyrightPrefix = 'Copyright';
|
38
|
-
/**
|
39
|
-
* Text displayed in the copyright section after the symbol and year.
|
40
|
-
*/
|
41
|
-
copyrightSuffix = '';
|
42
|
-
/**
|
43
|
-
* Version of the application.
|
44
|
-
*/
|
45
|
-
version?: string;
|
46
|
-
|
47
|
-
private baseWrapperClasses = 'footer d-print-none';
|
48
|
-
|
49
|
-
constructor(
|
50
|
-
private translocoService: TranslocoService
|
51
|
-
) {
|
52
|
-
super();
|
53
|
-
}
|
54
|
-
|
55
|
-
ngOnInit(): void {
|
56
|
-
const footerCpsSub = this.translocoService.selectTranslate('Footer.AllRightsReserved').subscribe(r => this.copyrightSuffix = r);
|
57
|
-
|
58
|
-
this.updateWrapperClasses();
|
59
|
-
this.addSubscriptions(footerCpsSub);
|
60
|
-
}
|
61
|
-
|
62
|
-
ngOnChanges(changes: SimpleChanges): void {
|
63
|
-
if (!!changes['isSticky'].currentValue || !!changes['isTransparent'].currentValue) {
|
64
|
-
this.updateWrapperClasses();
|
65
|
-
}
|
66
|
-
}
|
67
|
-
|
68
|
-
private updateWrapperClasses(): void {
|
69
|
-
const stickyBottomCls = this.isSticky ? ' sticky-bottom' : '';
|
70
|
-
const transparentCls = this.isTransparent ? ' footer-transparent' : '';
|
71
|
-
this.wrapperClasses = `${this.baseWrapperClasses}${stickyBottomCls}${transparentCls}`;
|
72
|
-
}
|
73
|
-
}
|
@@ -1,163 +0,0 @@
|
|
1
|
-
<div class="container-xl">
|
2
|
-
<button class="navbar-toggler" type="button">
|
3
|
-
<span class="navbar-toggler-icon"></span>
|
4
|
-
</button>
|
5
|
-
<div class="navbar-nav flex-row order-md-last">
|
6
|
-
<div class="d-none d-md-flex me-3">
|
7
|
-
<div class="nav-item">
|
8
|
-
<upd-link [isNavigation]="true" [customClasses]="['px-0']" (clicked)="switchTheme()">
|
9
|
-
<upd-icon [tablerIcon]="nextThemeIcon"></upd-icon>
|
10
|
-
</upd-link>
|
11
|
-
</div>
|
12
|
-
<div *ngIf="showLanguageSwitcher" class="nav-item">
|
13
|
-
<upd-link [isNavigation]="true" [customClasses]="['px-0']" (clicked)="switchLanguage()">
|
14
|
-
<upd-icon tablerIcon="flag"></upd-icon>
|
15
|
-
</upd-link>
|
16
|
-
</div>
|
17
|
-
<div *ngIf="showNotifications" class="nav-item dropdown d-none d-md-flex">
|
18
|
-
<upd-link [isNavigation]="true" [customClasses]="['px-0']" (clicked)="openNotifications()">
|
19
|
-
<upd-icon [tablerIcon]="currentNotificationsIcon"></upd-icon>
|
20
|
-
<span *ngIf="hasNewNotifications" class="badge bg-red"></span>
|
21
|
-
</upd-link>
|
22
|
-
<div class="dropdown-menu dropdown-menu-arrow dropdown-menu-end dropdown-menu-card">
|
23
|
-
<div class="card">
|
24
|
-
<div class="card-header">
|
25
|
-
<h3 class="card-title">Last updates</h3>
|
26
|
-
</div>
|
27
|
-
<div class="list-group list-group-flush list-group-hoverable">
|
28
|
-
<div class="list-group-item">
|
29
|
-
<div class="row align-items-center">
|
30
|
-
<div class="col-auto"><span
|
31
|
-
class="status-dot status-dot-animated bg-red d-block"></span></div>
|
32
|
-
<div class="col text-truncate">
|
33
|
-
<a href="#" class="text-body d-block">Example 1</a>
|
34
|
-
<div class="d-block text-muted text-truncate mt-n1">
|
35
|
-
Change deprecated html tags to text decoration classes (#29604)
|
36
|
-
</div>
|
37
|
-
</div>
|
38
|
-
<div class="col-auto">
|
39
|
-
<a href="#" class="list-group-item-actions">
|
40
|
-
<!-- Download SVG icon from http://tabler-icons.io/i/star -->
|
41
|
-
<svg xmlns="http://www.w3.org/2000/svg" class="icon text-muted"
|
42
|
-
width="24" height="24" viewBox="0 0 24 24" stroke-width="2"
|
43
|
-
stroke="currentColor" fill="none" stroke-linecap="round"
|
44
|
-
stroke-linejoin="round">
|
45
|
-
<path stroke="none" d="M0 0h24v24H0z" fill="none"/>
|
46
|
-
<path
|
47
|
-
d="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z"/>
|
48
|
-
</svg>
|
49
|
-
</a>
|
50
|
-
</div>
|
51
|
-
</div>
|
52
|
-
</div>
|
53
|
-
<div class="list-group-item">
|
54
|
-
<div class="row align-items-center">
|
55
|
-
<div class="col-auto"><span class="status-dot d-block"></span></div>
|
56
|
-
<div class="col text-truncate">
|
57
|
-
<a href="#" class="text-body d-block">Example 2</a>
|
58
|
-
<div class="d-block text-muted text-truncate mt-n1">
|
59
|
-
justify-content:between ⇒ justify-content:space-between (#29734)
|
60
|
-
</div>
|
61
|
-
</div>
|
62
|
-
<div class="col-auto">
|
63
|
-
<a href="#" class="list-group-item-actions show">
|
64
|
-
<!-- Download SVG icon from http://tabler-icons.io/i/star -->
|
65
|
-
<svg xmlns="http://www.w3.org/2000/svg" class="icon text-yellow"
|
66
|
-
width="24" height="24" viewBox="0 0 24 24" stroke-width="2"
|
67
|
-
stroke="currentColor" fill="none" stroke-linecap="round"
|
68
|
-
stroke-linejoin="round">
|
69
|
-
<path stroke="none" d="M0 0h24v24H0z" fill="none"/>
|
70
|
-
<path
|
71
|
-
d="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z"/>
|
72
|
-
</svg>
|
73
|
-
</a>
|
74
|
-
</div>
|
75
|
-
</div>
|
76
|
-
</div>
|
77
|
-
<div class="list-group-item">
|
78
|
-
<div class="row align-items-center">
|
79
|
-
<div class="col-auto"><span class="status-dot d-block"></span></div>
|
80
|
-
<div class="col text-truncate">
|
81
|
-
<a href="#" class="text-body d-block">Example 3</a>
|
82
|
-
<div class="d-block text-muted text-truncate mt-n1">
|
83
|
-
Update change-version.js (#29736)
|
84
|
-
</div>
|
85
|
-
</div>
|
86
|
-
<div class="col-auto">
|
87
|
-
<a href="#" class="list-group-item-actions">
|
88
|
-
<!-- Download SVG icon from http://tabler-icons.io/i/star -->
|
89
|
-
<svg xmlns="http://www.w3.org/2000/svg" class="icon text-muted"
|
90
|
-
width="24" height="24" viewBox="0 0 24 24" stroke-width="2"
|
91
|
-
stroke="currentColor" fill="none" stroke-linecap="round"
|
92
|
-
stroke-linejoin="round">
|
93
|
-
<path stroke="none" d="M0 0h24v24H0z" fill="none"/>
|
94
|
-
<path
|
95
|
-
d="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z"/>
|
96
|
-
</svg>
|
97
|
-
</a>
|
98
|
-
</div>
|
99
|
-
</div>
|
100
|
-
</div>
|
101
|
-
<div class="list-group-item">
|
102
|
-
<div class="row align-items-center">
|
103
|
-
<div class="col-auto"><span
|
104
|
-
class="status-dot status-dot-animated bg-green d-block"></span></div>
|
105
|
-
<div class="col text-truncate">
|
106
|
-
<a href="#" class="text-body d-block">Example 4</a>
|
107
|
-
<div class="d-block text-muted text-truncate mt-n1">
|
108
|
-
Regenerate package-lock.json (#29730)
|
109
|
-
</div>
|
110
|
-
</div>
|
111
|
-
<div class="col-auto">
|
112
|
-
<a href="#" class="list-group-item-actions">
|
113
|
-
<!-- Download SVG icon from http://tabler-icons.io/i/star -->
|
114
|
-
<svg xmlns="http://www.w3.org/2000/svg" class="icon text-muted"
|
115
|
-
width="24" height="24" viewBox="0 0 24 24" stroke-width="2"
|
116
|
-
stroke="currentColor" fill="none" stroke-linecap="round"
|
117
|
-
stroke-linejoin="round">
|
118
|
-
<path stroke="none" d="M0 0h24v24H0z" fill="none"/>
|
119
|
-
<path
|
120
|
-
d="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z"/>
|
121
|
-
</svg>
|
122
|
-
</a>
|
123
|
-
</div>
|
124
|
-
</div>
|
125
|
-
</div>
|
126
|
-
</div>
|
127
|
-
</div>
|
128
|
-
</div>
|
129
|
-
</div>
|
130
|
-
</div>
|
131
|
-
<div *ngIf="showUserMenu" class="nav-item dropdown">
|
132
|
-
<a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-bs-toggle="dropdown"
|
133
|
-
aria-label="Open user menu">
|
134
|
-
<!--<span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>-->
|
135
|
-
<span class="avatar avatar-sm"></span>
|
136
|
-
<div class="d-none d-xl-block ps-2">
|
137
|
-
<div>Eros Stein</div>
|
138
|
-
<div class="mt-1 small text-muted">Administrator</div>
|
139
|
-
</div>
|
140
|
-
</a>
|
141
|
-
<div class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
|
142
|
-
<a href="#" class="dropdown-item">Status</a>
|
143
|
-
<a href="./profile.html" class="dropdown-item">Profile</a>
|
144
|
-
<a href="#" class="dropdown-item">Feedback</a>
|
145
|
-
<div class="dropdown-divider"></div>
|
146
|
-
<a href="./settings.html" class="dropdown-item">Settings</a>
|
147
|
-
<a href="./sign-in.html" class="dropdown-item">Logout</a>
|
148
|
-
</div>
|
149
|
-
</div>
|
150
|
-
</div>
|
151
|
-
<div *ngIf="showSearchBar" class="collapse navbar-collapse">
|
152
|
-
<div>
|
153
|
-
<form autocomplete="off" novalidate>
|
154
|
-
<div class="input-icon">
|
155
|
-
<span class="input-icon-addon">
|
156
|
-
<upd-icon tablerIcon="search"></upd-icon>
|
157
|
-
</span>
|
158
|
-
<input type="text" value="" class="form-control" placeholder="Search…">
|
159
|
-
</div>
|
160
|
-
</form>
|
161
|
-
</div>
|
162
|
-
</div>
|
163
|
-
</div>
|
File without changes
|
@@ -1,23 +0,0 @@
|
|
1
|
-
import { ComponentFixture, TestBed } from '@angular/core/testing';
|
2
|
-
|
3
|
-
import { HeaderComponent } from './header.component';
|
4
|
-
|
5
|
-
describe('HeaderComponent', () => {
|
6
|
-
let component: HeaderComponent;
|
7
|
-
let fixture: ComponentFixture<HeaderComponent>;
|
8
|
-
|
9
|
-
beforeEach(async () => {
|
10
|
-
await TestBed.configureTestingModule({
|
11
|
-
declarations: [ HeaderComponent ]
|
12
|
-
})
|
13
|
-
.compileComponents();
|
14
|
-
|
15
|
-
fixture = TestBed.createComponent(HeaderComponent);
|
16
|
-
component = fixture.componentInstance;
|
17
|
-
fixture.detectChanges();
|
18
|
-
});
|
19
|
-
|
20
|
-
it('should create', () => {
|
21
|
-
expect(component).toBeTruthy();
|
22
|
-
});
|
23
|
-
});
|
@@ -1,86 +0,0 @@
|
|
1
|
-
import { Component, ViewEncapsulation, Input, HostBinding, OnChanges, SimpleChanges, OnInit } from '@angular/core';
|
2
|
-
import { UpdCoreLayoutConfigService, BaseComponent, LayoutService } from '@updevs/sdk/layout';
|
3
|
-
import { TablerIconsType } from '@updevs/icons';
|
4
|
-
import { TranslocoService } from '@ngneat/transloco';
|
5
|
-
|
6
|
-
import { HeaderStyleType } from './header-style.type';
|
7
|
-
|
8
|
-
@Component({
|
9
|
-
selector: 'upd-header',
|
10
|
-
templateUrl: './header.component.html',
|
11
|
-
styleUrls: ['./header.component.scss'],
|
12
|
-
encapsulation: ViewEncapsulation.None
|
13
|
-
})
|
14
|
-
export class HeaderComponent extends BaseComponent implements OnInit, OnChanges {
|
15
|
-
@HostBinding('class') wrapperClasses = '';
|
16
|
-
|
17
|
-
@Input() style: HeaderStyleType = 'light';
|
18
|
-
@Input() showSearchBar = true;
|
19
|
-
|
20
|
-
nextThemeIcon: TablerIconsType = 'moon';
|
21
|
-
nextThemeColor = 'black';
|
22
|
-
currentNotificationsIcon: TablerIconsType = 'bell';
|
23
|
-
hasNewNotifications = false;
|
24
|
-
showNotifications = false;
|
25
|
-
showLanguageSwitcher = true; // TODO: add on config.
|
26
|
-
showUserMenu = false;
|
27
|
-
|
28
|
-
private baseWrapperClasses = 'navbar navbar-expand-md d-none d-lg-flex d-print-none';
|
29
|
-
|
30
|
-
constructor(
|
31
|
-
private coreLayoutConfigService: UpdCoreLayoutConfigService,
|
32
|
-
private layoutService: LayoutService,
|
33
|
-
private translocoService: TranslocoService
|
34
|
-
) {
|
35
|
-
super();
|
36
|
-
}
|
37
|
-
|
38
|
-
ngOnInit(): void {
|
39
|
-
this.updateWrapperClasses();
|
40
|
-
|
41
|
-
if (this.coreLayoutConfigService.config.showNotificationsButton) {
|
42
|
-
this.setupNotifications();
|
43
|
-
}
|
44
|
-
|
45
|
-
if (this.coreLayoutConfigService.config.showUserMenu) {
|
46
|
-
this.showUserMenu = true;
|
47
|
-
}
|
48
|
-
}
|
49
|
-
|
50
|
-
ngOnChanges(changes: SimpleChanges): void {
|
51
|
-
if (!!changes['style'].currentValue) {
|
52
|
-
this.updateWrapperClasses();
|
53
|
-
}
|
54
|
-
}
|
55
|
-
|
56
|
-
switchTheme(): void {
|
57
|
-
const isDarkMode = this.nextThemeIcon === 'moon';
|
58
|
-
this.nextThemeIcon = isDarkMode ? 'sun' : 'moon';
|
59
|
-
this.nextThemeColor = isDarkMode ? 'white' : 'black';
|
60
|
-
|
61
|
-
this.layoutService.toggleDarkMode(isDarkMode);
|
62
|
-
}
|
63
|
-
|
64
|
-
// TODO: implement.
|
65
|
-
switchLanguage(): void {
|
66
|
-
const currentLang = this.translocoService.getActiveLang();
|
67
|
-
this.translocoService.setActiveLang(currentLang === 'en' ? 'pt' : 'en');
|
68
|
-
}
|
69
|
-
|
70
|
-
openNotifications(): void {
|
71
|
-
this.updateNotificationsIcon();
|
72
|
-
}
|
73
|
-
|
74
|
-
private setupNotifications(): void {
|
75
|
-
this.showNotifications = true;
|
76
|
-
}
|
77
|
-
|
78
|
-
private updateNotificationsIcon(): void {
|
79
|
-
this.currentNotificationsIcon = this.currentNotificationsIcon === 'bell' ? 'bell-ringing' : 'bell';
|
80
|
-
this.hasNewNotifications = !this.hasNewNotifications;
|
81
|
-
}
|
82
|
-
|
83
|
-
private updateWrapperClasses(): void {
|
84
|
-
this.wrapperClasses = `${this.baseWrapperClasses} navbar-${this.style}`;
|
85
|
-
}
|
86
|
-
}
|
@@ -1,19 +0,0 @@
|
|
1
|
-
<div class="page-header d-print-none">
|
2
|
-
<div class="container-xl">
|
3
|
-
<div class="row g-2 align-items-center">
|
4
|
-
<div class="col">
|
5
|
-
<div class="page-pretitle">
|
6
|
-
{{model.titleHeader}}
|
7
|
-
</div>
|
8
|
-
<h2 class="page-title">
|
9
|
-
{{model.title}}
|
10
|
-
</h2>
|
11
|
-
</div>
|
12
|
-
<div *ngIf="(model.actionButtons?.length || 0) > 0" class="col-auto ms-auto d-print-none">
|
13
|
-
<div class="btn-list">
|
14
|
-
<upd-button *ngFor="let btn of model.actionButtons" [model]="btn!"></upd-button>
|
15
|
-
</div>
|
16
|
-
</div>
|
17
|
-
</div>
|
18
|
-
</div>
|
19
|
-
</div>
|
File without changes
|
@@ -1,23 +0,0 @@
|
|
1
|
-
import { ComponentFixture, TestBed } from '@angular/core/testing';
|
2
|
-
|
3
|
-
import { PageHeaderComponent } from './page-header.component';
|
4
|
-
|
5
|
-
describe('PageHeaderComponent', () => {
|
6
|
-
let component: PageHeaderComponent;
|
7
|
-
let fixture: ComponentFixture<PageHeaderComponent>;
|
8
|
-
|
9
|
-
beforeEach(async () => {
|
10
|
-
await TestBed.configureTestingModule({
|
11
|
-
declarations: [ PageHeaderComponent ]
|
12
|
-
})
|
13
|
-
.compileComponents();
|
14
|
-
|
15
|
-
fixture = TestBed.createComponent(PageHeaderComponent);
|
16
|
-
component = fixture.componentInstance;
|
17
|
-
fixture.detectChanges();
|
18
|
-
});
|
19
|
-
|
20
|
-
it('should create', () => {
|
21
|
-
expect(component).toBeTruthy();
|
22
|
-
});
|
23
|
-
});
|
@@ -1,11 +0,0 @@
|
|
1
|
-
import { Component, Input } from '@angular/core';
|
2
|
-
import { PageHeaderModel } from '@updevs/sdk/layout';
|
3
|
-
|
4
|
-
@Component({
|
5
|
-
selector: 'upd-page-header',
|
6
|
-
templateUrl: './page-header.component.html',
|
7
|
-
styleUrls: ['./page-header.component.scss']
|
8
|
-
})
|
9
|
-
export class PageHeaderComponent {
|
10
|
-
@Input() model!: PageHeaderModel;
|
11
|
-
}
|
@@ -1,62 +0,0 @@
|
|
1
|
-
<div class="container-fluid">
|
2
|
-
<button class="navbar-toggler" type="button">
|
3
|
-
<span class="navbar-toggler-icon"></span>
|
4
|
-
</button>
|
5
|
-
<h1 class="navbar-brand navbar-brand-autodark">
|
6
|
-
<a href=".">
|
7
|
-
<img width="110" height="32" class="navbar-brand-image upd-brand-logo"/>
|
8
|
-
</a>
|
9
|
-
</h1>
|
10
|
-
<div class="collapse navbar-collapse">
|
11
|
-
<ul class="navbar-nav pt-lg-3">
|
12
|
-
<li *ngFor="let item of menuItems" class="nav-item" [class.dropdown]="hasChildren(item)"
|
13
|
-
[class.active]="item.isActive">
|
14
|
-
<ng-container [ngTemplateOutlet]="itemTpl" [ngTemplateOutletContext]="{menuItem: item}">
|
15
|
-
</ng-container>
|
16
|
-
</li>
|
17
|
-
</ul>
|
18
|
-
</div>
|
19
|
-
</div>
|
20
|
-
|
21
|
-
<ng-template #itemTpl let-item="menuItem">
|
22
|
-
<upd-link [isNavigation]="true" (clicked)="onMenuItemClick(item)"
|
23
|
-
[customClasses]="[hasChildren(item) ? 'dropdown-toggle' : '', item.isActive ? 'show' : '']">
|
24
|
-
<span class="nav-link-icon d-md-none d-lg-inline-block">
|
25
|
-
<upd-icon [model]="item.icon"></upd-icon>
|
26
|
-
</span>
|
27
|
-
<span class="nav-link-title">{{item.title}}</span>
|
28
|
-
</upd-link>
|
29
|
-
<ng-container *ngIf="hasChildren(item)" [ngTemplateOutlet]="childrenTpl" [ngTemplateOutletContext]="{menuItem: item}">
|
30
|
-
</ng-container>
|
31
|
-
</ng-template>
|
32
|
-
|
33
|
-
<ng-template #childrenTpl let-item="menuItem">
|
34
|
-
<div class="dropdown-menu" [class.show]="item.isActive">
|
35
|
-
<div class="dropdown-menu-columns">
|
36
|
-
<div class="dropdown-menu-column">
|
37
|
-
<ng-container *ngFor="let child of item.children">
|
38
|
-
<upd-link *ngIf="!hasChildren(child); else grandchildTpl" (clicked)="onMenuItemClick(child)"
|
39
|
-
[customClasses]="['dropdown-item', child.isActive ? 'active' : '']">
|
40
|
-
{{child.title}}
|
41
|
-
</upd-link>
|
42
|
-
<ng-template #grandchildTpl>
|
43
|
-
<div class="dropend">
|
44
|
-
<upd-link (clicked)="onMenuItemClick(child)"
|
45
|
-
[customClasses]="['dropdown-item', 'dropdown-toggle', child.isActive ? 'active' : '']">
|
46
|
-
{{child.title}}
|
47
|
-
</upd-link>
|
48
|
-
<div class="dropdown-menu" [class.show]="child.isActive">
|
49
|
-
<ng-container *ngFor="let grandchild of child.children">
|
50
|
-
<upd-link (clicked)="onMenuItemClick(grandchild)"
|
51
|
-
[customClasses]="['dropdown-item', grandchild.isActive ? 'active' : '']">
|
52
|
-
{{grandchild.title}}
|
53
|
-
</upd-link>
|
54
|
-
</ng-container>
|
55
|
-
</div>
|
56
|
-
</div>
|
57
|
-
</ng-template>
|
58
|
-
</ng-container>
|
59
|
-
</div>
|
60
|
-
</div>
|
61
|
-
</div>
|
62
|
-
</ng-template>
|
File without changes
|