From a7bf9dbc3afb569b11cbc818cb9c2922d357c39f Mon Sep 17 00:00:00 2001 From: Andrea Stagi Date: Thu, 14 Mar 2024 21:19:06 +0100 Subject: [PATCH 1/2] chore: linting Co-authored-by: Antonino Bonanno --- .github/workflows/run-tests.yml | 1 + .../lib/abstracts/abstract-form.component.ts | 2 +- .../src/lib/abstracts/abstract.component.ts | 5 +- .../core/accordion/accordion.component.html | 16 +- .../accordion/accordion.component.spec.ts | 3 +- .../core/alert/alert.component.spec.ts | 33 ++-- .../avatar-dropdown.component.spec.ts | 3 +- .../avatar-group.component.spec.ts | 7 +- .../core/avatar/avatar.directive.ts | 29 ++-- .../core/badge/badge.directive.spec.ts | 35 ++-- .../components/core/badge/badge.directive.ts | 6 +- .../core/button/button.directive.spec.ts | 15 +- .../core/button/button.directive.ts | 11 +- .../core/callout/callout.component.spec.ts | 9 +- .../core/card/card.component.spec.ts | 3 +- .../carousel-item.component.spec.ts | 5 +- .../carousel-item/carousel-item.component.ts | 4 +- .../carousel/carousel.component.spec.ts | 3 +- .../core/collapse/collapse.component.html | 2 +- .../core/collapse/collapse.component.spec.ts | 3 +- .../core/collapse/collapse.component.ts | 41 ++--- .../dimmer-buttons.component.html | 6 +- .../dimmer-buttons.component.spec.ts | 10 +- .../dimmer-buttons.component.ts | 14 +- .../dimmer-icon/dimmer-icon.component.html | 4 +- .../dimmer-icon/dimmer-icon.component.spec.ts | 5 +- .../dimmer-icon/dimmer-icon.component.ts | 6 +- .../core/dimmer/dimmer.component.spec.ts | 10 +- .../dropdown-item.component.spec.ts | 3 +- .../dropdown/dropdown.component.spec.ts | 3 +- .../core/forward/forward.directive.spec.ts | 60 ++++--- .../core/forward/forward.directive.ts | 24 +-- .../core/link/link.component.spec.ts | 3 +- .../list-item/list-item.component.spec.ts | 3 +- .../core/list/list/list.component.spec.ts | 3 +- .../core/modal/modal.component.spec.ts | 3 +- .../notifications.component.spec.ts | 3 +- .../pagination/pagination.component.spec.ts | 3 +- .../core/popover/popover.directive.spec.ts | 16 +- .../core/popover/popover.directive.ts | 9 +- .../progress-bar.component.spec.ts | 3 +- .../progress-button.component.spec.ts | 3 +- .../steppers-item.component.spec.ts | 5 +- .../tab-container.component.spec.ts | 3 +- .../tab/tab-item/tab-item.component.spec.ts | 5 +- .../core/tab/tab-item/tab-item.component.ts | 3 +- .../sort-header/sort-header.component.html | 12 +- .../sort-header/sort-header.component.spec.ts | 13 +- .../core/table/sort/sort.directive.ts | 44 +++-- .../core/table/table.component.html | 21 +-- .../core/table/table.component.spec.ts | 3 +- .../components/core/table/table.component.ts | 4 +- .../core/tooltip/tooltip.directive.spec.ts | 17 +- .../core/tooltip/tooltip.directive.ts | 8 +- .../form/checkbox/checkbox.component.spec.ts | 3 +- .../form/input/input.component.spec.ts | 3 +- .../password-input.component.spec.ts | 3 +- .../radio-button.component.spec.ts | 3 +- .../form/select/select.component.spec.ts | 3 +- .../form/textarea/textarea.component.spec.ts | 3 +- .../upload-drag-drop.component.spec.ts | 3 +- .../upload-file-list.component.spec.ts | 3 +- .../back-button/back-button.component.spec.ts | 7 +- .../back-to-top/back-to-top.component.html | 17 +- .../back-to-top/back-to-top.component.spec.ts | 3 +- .../back-to-top/back-to-top.component.ts | 3 +- .../breadcrumb-item.component.spec.ts | 5 +- .../breadcrumb-item.component.ts | 4 +- .../breadcrumb/breadcrumb.component.spec.ts | 3 +- .../header/header.component.spec.ts | 3 +- .../utils/icon/icon.component.spec.ts | 3 +- .../language-switcher.component.spec.ts | 3 +- .../src/lib/enums/colors.enums.ts | 18 +-- .../src/lib/enums/sizes.enum.ts | 14 +- .../src/lib/interfaces/core.ts | 25 +-- .../src/lib/interfaces/icon.ts | 5 +- .../src/lib/interfaces/sortable-table.ts | 9 +- .../src/lib/interfaces/utils.ts | 5 +- .../src/lib/pipes/duration.pipe.ts | 18 ++- .../src/lib/pipes/mark-matching-text.pipe.ts | 8 +- .../notification/notification.service.ts | 24 ++- .../src/lib/utils/coercion.ts | 4 +- .../src/lib/utils/file-utils.ts | 5 +- .../design-angular-kit/src/lib/utils/regex.ts | 9 +- .../src/lib/validators/it-validators.ts | 22 ++- src/ json-typings.d.ts | 2 +- ...-additional-content-example.component.html | 9 +- ...ditional-content-example.component.spec.ts | 5 +- ...rt-additional-content-example.component.ts | 6 +- .../alert-closing-example.component.html | 20 +-- .../alert-closing-example.component.spec.ts | 5 +- .../alert-closing-example.component.ts | 8 +- .../alert-color-example.component.html | 26 +-- .../alert-color-example.component.spec.ts | 5 +- .../alert-color-example.component.ts | 6 +- .../alert-examples.component.spec.ts | 5 +- .../alert-examples.component.ts | 6 +- .../alert-index/alert-index.component.html | 1 - .../alert-index/alert-index.component.spec.ts | 5 +- .../alert-index/alert-index.component.ts | 2 +- src/app/alert/alert-routing.module.ts | 8 +- src/app/alert/alert.module.ts | 12 +- src/app/app.component.html | 150 ++++++++++++------ src/app/app.component.ts | 4 +- ...plete-big-search-example.component.spec.ts | 2 +- ...tocomplete-big-search-example.component.ts | 8 +- .../autocomplete-examples.component.spec.ts | 2 +- .../autocomplete-examples.component.ts | 4 +- .../autocomplete-index.component.html | 1 - .../autocomplete-index.component.spec.ts | 2 +- .../autocomplete-routing.module.ts | 8 +- ...ocomplete-search-example.component.spec.ts | 2 +- src/app/autocomplete/autocomplete.module.ts | 13 +- .../avatar-example-colors.component.html | 2 +- .../avatar-example-colors.component.spec.ts | 5 +- .../avatar-example-colors.component.ts | 6 +- .../avatar-example-dropdown.component.html | 6 +- .../avatar-example-dropdown.component.spec.ts | 5 +- .../avatar-example-dropdown.component.ts | 6 +- .../avatar-example-group.component.html | 12 +- .../avatar-example-group.component.spec.ts | 5 +- .../avatar-example-group.component.ts | 6 +- .../avatar-example-size.component.spec.ts | 5 +- .../avatar-example-size.component.ts | 6 +- .../avatar-examples.component.spec.ts | 5 +- .../avatar-examples.component.ts | 6 +- .../avatar-index/avatar-index.component.html | 3 +- .../avatar-index/avatar-index.component.ts | 23 ++- src/app/avatar/avatar-routing.module.ts | 8 +- src/app/avatar/avatar.module.ts | 27 ++-- .../back-button-button.component.spec.ts | 5 +- .../back-button-button.component.ts | 6 +- .../back-button-examples.component.spec.ts | 5 +- .../back-button-examples.component.ts | 6 +- .../back-button-index.component.spec.ts | 5 +- .../back-button-index.component.ts | 3 +- .../back-button-link.component.spec.ts | 5 +- .../back-button-link.component.ts | 6 +- .../back-button-only-icon.component.spec.ts | 5 +- .../back-button-only-icon.component.ts | 4 +- .../back-button/back-button-routing.module.ts | 8 +- src/app/back-button/back-button.module.ts | 13 +- .../back-to-top-button.component.html | 9 +- .../back-to-top-button.component.ts | 2 +- .../back-to-top-examples.component.spec.ts | 5 +- .../back-to-top-examples.component.ts | 6 +- .../back-to-top-index.component.spec.ts | 5 +- .../back-to-top-index.component.ts | 3 +- .../back-to-top/back-to-top-routing.module.ts | 8 +- src/app/back-to-top/back-to-top.module.ts | 16 +- .../badge-example.component.html | 25 ++- .../badge-example/badge-example.component.ts | 10 +- .../badge-examples.component.ts | 8 +- .../badge-index/badge-index.component.html | 1 - .../badge-index/badge-index.component.ts | 4 +- src/app/badge/badge-routing.module.ts | 8 +- src/app/badge/badge.module.ts | 14 +- .../breadcrumb-example.component.html | 17 +- .../breadcrumb-example.component.spec.ts | 5 +- .../breadcrumb-example.component.ts | 8 +- .../breadcrumb-examples.component.spec.ts | 5 +- .../breadcrumb-examples.component.ts | 9 +- .../breadcrumb-index.component.html | 2 +- .../breadcrumb-index.component.spec.ts | 5 +- .../breadcrumb-index.component.ts | 6 +- .../breadcrumb/breadcrumb-routing.module.ts | 8 +- src/app/breadcrumb/breadcrumb.module.ts | 11 +- .../button-example-color-dark.component.html | 1 - ...utton-example-color-dark.component.spec.ts | 5 +- .../button-example-color-dark.component.ts | 6 +- .../button-example-color.component.spec.ts | 5 +- .../button-example-color.component.ts | 6 +- .../button-example-icon.component.html | 4 +- .../button-example-icon.component.spec.ts | 5 +- .../button-example-icon.component.ts | 5 +- .../button-example-interactive.component.html | 29 ++-- ...tton-example-interactive.component.spec.ts | 5 +- .../button-example-interactive.component.ts | 14 +- .../button-example-size.component.html | 25 +-- .../button-example-size.component.spec.ts | 5 +- .../button-example-size.component.ts | 8 +- .../button-example.component.html | 8 +- .../button-example.component.spec.ts | 5 +- .../button-example.component.ts | 2 +- .../button-examples.component.spec.ts | 5 +- .../button-examples.component.ts | 8 +- .../button-index.component.spec.ts | 5 +- .../button-index/button-index.component.ts | 4 +- src/app/button/button-routing.module.ts | 8 +- src/app/button/button.module.ts | 21 +-- .../callout-approfondimento.component.html | 92 ++++++----- .../callout-approfondimento.component.spec.ts | 5 +- .../callout-approfondimento.component.ts | 3 +- .../callout-danger.component.html | 18 +-- .../callout-danger.component.spec.ts | 5 +- .../callout-danger.component.ts | 7 +- .../callout-example.component.html | 18 +-- .../callout-example.component.spec.ts | 5 +- .../callout-example.component.ts | 9 +- .../callout-examples.component.spec.ts | 5 +- .../callout-examples.component.ts | 6 +- .../callout-hightlights.component.html | 20 ++- .../callout-hightlights.component.spec.ts | 5 +- .../callout-hightlights.component.ts | 4 +- .../callout-important.component.html | 18 +-- .../callout-important.component.spec.ts | 5 +- .../callout-important.component.ts | 7 +- .../callout-index.component.html | 5 +- .../callout-index.component.spec.ts | 5 +- .../callout-index/callout-index.component.ts | 3 +- .../callout-note/callout-note.component.html | 18 +-- .../callout-note.component.spec.ts | 5 +- .../callout-note/callout-note.component.ts | 9 +- src/app/callout/callout-routing.module.ts | 8 +- .../callout-success.component.html | 18 +-- .../callout-success.component.spec.ts | 5 +- .../callout-success.component.ts | 7 +- .../callout-warning.component.html | 18 +-- .../callout-warning.component.spec.ts | 5 +- .../callout-warning.component.ts | 7 +- src/app/callout/callout.module.ts | 13 +- .../hightlights-danger.component.html | 27 ++-- .../hightlights-danger.component.spec.ts | 5 +- .../hightlights-danger.component.ts | 4 +- .../hightlights-important.component.html | 27 ++-- .../hightlights-important.component.spec.ts | 5 +- .../hightlights-important.component.ts | 4 +- .../hightlights-note.component.html | 27 ++-- .../hightlights-note.component.spec.ts | 5 +- .../hightlights-note.component.ts | 4 +- .../hightlights-success.component.html | 30 ++-- .../hightlights-success.component.spec.ts | 5 +- .../hightlights-success.component.ts | 4 +- .../hightlights-warning.component.html | 27 ++-- .../hightlights-warning.component.spec.ts | 5 +- .../hightlights-warning.component.ts | 4 +- .../card-article/card-article.component.html | 24 +-- .../card-article.component.spec.ts | 2 +- .../card-article/card-article.component.ts | 6 +- src/app/card/card-big/card-big.component.html | 24 ++- .../card/card-big/card-big.component.spec.ts | 2 +- src/app/card/card-big/card-big.component.ts | 6 +- src/app/card/card-cta/card-cta.component.html | 23 +-- .../card/card-cta/card-cta.component.spec.ts | 2 +- src/app/card/card-cta/card-cta.component.ts | 6 +- .../card-example/card-example.component.html | 18 ++- .../card-example.component.spec.ts | 2 +- .../card-example/card-example.component.ts | 6 +- .../card-examples.component.spec.ts | 2 +- .../card-examples/card-examples.component.ts | 6 +- .../card/card-icon/card-icon.component.html | 16 +- .../card-icon/card-icon.component.spec.ts | 2 +- src/app/card/card-icon/card-icon.component.ts | 6 +- .../card/card-image/card-image.component.html | 34 ++-- .../card-image/card-image.component.spec.ts | 2 +- .../card/card-image/card-image.component.ts | 6 +- .../card/card-index/card-index.component.html | 2 +- .../card/card-index/card-index.component.ts | 4 +- src/app/card/card-routing.module.ts | 8 +- .../card-shadow/card-shadow.component.html | 13 +- .../card-shadow/card-shadow.component.spec.ts | 2 +- .../card/card-shadow/card-shadow.component.ts | 6 +- .../card-special/card-special.component.html | 13 +- .../card-special.component.spec.ts | 2 +- .../card-special/card-special.component.ts | 6 +- .../card-teaser/card-teaser.component.html | 20 +-- .../card-teaser/card-teaser.component.spec.ts | 2 +- .../card/card-teaser/card-teaser.component.ts | 6 +- src/app/card/card.module.ts | 11 +- .../carousel-article-example.component.html | 46 +++--- ...carousel-article-example.component.spec.ts | 5 +- .../carousel-article-example.component.ts | 6 +- .../carousel-example.component.html | 72 +++++---- .../carousel-example.component.spec.ts | 5 +- .../carousel-example.component.ts | 6 +- .../carousel-examples.component.spec.ts | 5 +- .../carousel-examples.component.ts | 6 +- ...usel-featured-image-example.component.html | 57 ++++--- ...l-featured-image-example.component.spec.ts | 5 +- ...rousel-featured-image-example.component.ts | 6 +- ...el-fullscreen-image-example.component.html | 42 +++-- ...fullscreen-image-example.component.spec.ts | 5 +- ...usel-fullscreen-image-example.component.ts | 6 +- ...reen-image-standard-example.component.html | 42 +++-- ...n-image-standard-example.component.spec.ts | 5 +- ...screen-image-standard-example.component.ts | 6 +- ...arousel-image-above-example.component.html | 72 +++++---- ...usel-image-above-example.component.spec.ts | 5 +- .../carousel-image-above-example.component.ts | 6 +- .../carousel-index.component.spec.ts | 5 +- .../carousel-index.component.ts | 2 +- src/app/carousel/carousel-routing.module.ts | 9 +- ...ousel-special-cards-example.component.html | 60 +++---- ...el-special-cards-example.component.spec.ts | 5 +- ...arousel-special-cards-example.component.ts | 6 +- src/app/carousel/carousel.module.ts | 14 +- .../checkbox-example-group.component.html | 13 +- .../checkbox-example-group.component.ts | 4 +- .../checkbox-example-inline.component.ts | 4 +- .../checkbox-example.component.html | 7 +- .../checkbox-example.component.ts | 4 +- .../checkbox-examples.component.spec.ts | 5 +- .../checkbox-examples.component.ts | 8 +- .../checkbox-index.component.spec.ts | 5 +- .../checkbox-index.component.ts | 6 +- src/app/checkbox/checkbox-routing.module.ts | 8 +- src/app/checkbox/checkbox.module.ts | 16 +- .../chip-index/chip-index.component.spec.ts | 5 +- .../chip/chip-index/chip-index.component.ts | 3 +- src/app/chip/chip-routing.module.ts | 8 +- src/app/chip/chip.module.ts | 13 +- .../chips-colors/chips-colors.component.html | 32 ++-- .../chips-colors.component.spec.ts | 5 +- .../chips-colors/chips-colors.component.ts | 4 +- .../chips-disabled.component.html | 37 +++-- .../chips-disabled.component.spec.ts | 5 +- .../chips-disabled.component.ts | 10 +- .../chips-example.component.html | 63 +++++--- .../chips-example.component.spec.ts | 5 +- .../chips-example/chips-example.component.ts | 8 +- .../chips-examples.component.spec.ts | 5 +- .../chips-examples.component.ts | 6 +- .../chips-group/chips-group.component.html | 75 +++++---- .../chips-group/chips-group.component.spec.ts | 5 +- .../chip/chips-group/chips-group.component.ts | 8 +- .../collapse-example.component.html | 18 +-- .../collapse-example.component.spec.ts | 5 +- .../collapse-example.component.ts | 3 +- .../collapse-examples.component.spec.ts | 5 +- .../collapse-examples.component.ts | 8 +- .../collapse-group-example.component.html | 16 +- .../collapse-group-example.component.spec.ts | 5 +- .../collapse-group-example.component.ts | 6 +- .../collapse-index.component.spec.ts | 5 +- .../collapse-index.component.ts | 3 +- .../collapse-nested-example.component.html | 49 +++--- .../collapse-nested-example.component.ts | 4 +- src/app/collapse/collapse-routing.module.ts | 8 +- src/app/collapse/collapse.module.ts | 16 +- .../dimmer-example.component.html | 115 +++++++------- .../dimmer-example.component.spec.ts | 5 +- .../dimmer-example.component.ts | 9 +- .../dimmer-examples.component.spec.ts | 5 +- .../dimmer-examples.component.ts | 6 +- .../dimmer-index.component.spec.ts | 5 +- .../dimmer-index/dimmer-index.component.ts | 3 +- .../dimmer-primary-one-button.component.html | 117 +++++++------- ...immer-primary-one-button.component.spec.ts | 5 +- .../dimmer-primary-one-button.component.ts | 4 +- .../dimmer-primary.component.html | 109 +++++++------ .../dimmer-primary.component.spec.ts | 5 +- .../dimmer-primary.component.ts | 9 +- src/app/dimmer/dimmer-routing.module.ts | 8 +- .../dimmer-with-buttons.component.html | 121 +++++++------- .../dimmer-with-buttons.component.spec.ts | 5 +- .../dimmer-with-buttons.component.ts | 4 +- src/app/dimmer/dimmer.module.ts | 13 +- .../dropdown-example.component.html | 72 +++------ .../dropdown-example.component.spec.ts | 5 +- .../dropdown-example.component.ts | 40 +++-- .../dropdown-examples.component.spec.ts | 5 +- .../dropdown-examples.component.ts | 9 +- .../dropdown-index.component.spec.ts | 5 +- .../dropdown-index.component.ts | 7 +- .../dropdown-link-example.component.html | 30 ++-- .../dropdown-link-example.component.spec.ts | 2 +- .../dropdown-link-example.component.ts | 40 +++-- src/app/dropdown/dropdown-routing.module.ts | 8 +- src/app/dropdown/dropdown.module.ts | 11 +- ...rror-page-component-example.component.html | 23 ++- ...r-page-component-example.component.spec.ts | 5 +- .../error-page-component-example.component.ts | 6 +- .../error-page-examples.component.spec.ts | 5 +- .../error-page-examples.component.ts | 6 +- .../error-page-index.component.spec.ts | 5 +- .../error-page-index.component.ts | 2 +- .../error-page-route-example.component.html | 1 - ...error-page-route-example.component.spec.ts | 5 +- .../error-page-route-example.component.ts | 56 +++---- .../error-page/error-page-routing.module.ts | 9 +- src/app/error-page/error-page.module.ts | 17 +- .../form-input-calendar.component.spec.ts | 7 +- .../form-input-calendar.component.ts | 2 +- .../form-input-example.component.spec.ts | 5 +- .../form-input-examples.component.spec.ts | 5 +- .../form-input-examples.component.ts | 8 +- .../form-input-icon.component.html | 16 +- .../form-input-icon.component.spec.ts | 5 +- .../form-input-icon.component.ts | 4 +- .../form-input-index.component.spec.ts | 5 +- .../form-input-index.component.ts | 4 +- .../form-input-number.component.html | 35 ++-- .../form-input-number.component.spec.ts | 7 +- .../form-input-number.component.ts | 2 +- .../form-input/form-input-routing.module.ts | 8 +- src/app/form-input/form-input.module.ts | 16 +- ...l-driven-validation-example.component.html | 3 +- ...riven-validation-example.component.spec.ts | 12 +- ...del-driven-validation-example.component.ts | 10 +- ...e-driven-validation-example.component.html | 8 +- ...riven-validation-example.component.spec.ts | 5 +- ...ate-driven-validation-example.component.ts | 2 +- .../forward-example.component.html | 37 ++--- .../forward-example.component.ts | 8 +- .../forward-examples.component.ts | 6 +- .../forward-index.component.html | 1 - .../forward-index/forward-index.component.ts | 4 +- src/app/forward/forward-routing.module.ts | 8 +- src/app/forward/forward.module.ts | 14 +- .../header-example.component.spec.ts | 2 +- .../header-example.component.ts | 2 +- .../header-examples.component.spec.ts | 2 +- .../header-examples.component.ts | 6 +- .../header-index/header-index.component.html | 1 - .../header-index/header-index.component.ts | 4 +- src/app/header/header-routing.module.ts | 8 +- src/app/header/header.module.ts | 16 +- .../icon-alignment-example.component.html | 2 +- .../icon-alignment-example.component.spec.ts | 5 +- .../icon-alignment-example.component.ts | 6 +- .../icon-color-example.component.spec.ts | 5 +- .../icon-color-example.component.ts | 6 +- .../icon-example.component.spec.ts | 5 +- .../icon-example/icon-example.component.ts | 2 +- .../icon-examples.component.spec.ts | 5 +- .../icon-examples/icon-examples.component.ts | 6 +- .../icon-index/icon-index.component.spec.ts | 5 +- .../icon/icon-index/icon-index.component.ts | 32 ++-- .../icon-list-example.component.html | 6 +- .../icon-list-example.component.spec.ts | 5 +- .../icon-list-example.component.ts | 15 +- src/app/icon/icon-routing.module.ts | 9 +- .../icon-size-example.component.spec.ts | 5 +- .../icon-size-example.component.ts | 6 +- src/app/icon/icon.module.ts | 13 +- ...age-switcher-custom-example.component.html | 3 +- ...-switcher-custom-example.component.spec.ts | 5 +- ...guage-switcher-custom-example.component.ts | 11 +- .../language-switcher-example.component.html | 7 +- ...anguage-switcher-example.component.spec.ts | 5 +- .../language-switcher-example.component.ts | 6 +- ...nguage-switcher-examples.component.spec.ts | 5 +- .../language-switcher-examples.component.ts | 16 +- .../language-switcher-index.component.spec.ts | 5 +- .../language-switcher-index.component.ts | 2 +- .../language-switcher-routing.module.ts | 9 +- .../language-switcher.module.ts | 13 +- .../list/list-arrow/list-arrow.component.html | 2 +- .../list-arrow/list-arrow.component.spec.ts | 2 +- .../list/list-arrow/list-arrow.component.ts | 6 +- .../list-avatar/list-avatar.component.html | 2 +- .../list-avatar/list-avatar.component.spec.ts | 2 +- .../list/list-avatar/list-avatar.component.ts | 6 +- .../list-collassible.component.html | 11 +- .../list-collassible.component.spec.ts | 2 +- .../list-collassible.component.ts | 6 +- .../list-example/list-example.component.html | 2 +- .../list-example.component.spec.ts | 2 +- .../list-example/list-example.component.ts | 6 +- .../list-examples.component.spec.ts | 2 +- .../list-examples/list-examples.component.ts | 6 +- .../list/list-image/list-image.component.html | 2 +- .../list-image/list-image.component.spec.ts | 2 +- .../list/list-image/list-image.component.ts | 6 +- .../list/list-index/list-index.component.html | 2 +- .../list/list-index/list-index.component.ts | 4 +- .../list-link-icons.component.html | 2 +- .../list-link-icons.component.spec.ts | 2 +- .../list-link-icons.component.ts | 6 +- .../list-link-multiline.component.html | 2 +- .../list-link-multiline.component.spec.ts | 2 +- .../list-link-multiline.component.ts | 6 +- .../list-link/list-link.component.spec.ts | 2 +- src/app/list/list-link/list-link.component.ts | 6 +- .../list-multiple.component.html | 2 +- .../list-multiple.component.spec.ts | 2 +- .../list-multiple/list-multiple.component.ts | 6 +- .../list-pagination.component.html | 9 +- .../list-pagination.component.spec.ts | 2 +- .../list-pagination.component.ts | 15 +- src/app/list/list-routing.module.ts | 8 +- .../list-toggle-checkbox.component.html | 2 +- .../list-toggle-checkbox.component.spec.ts | 2 +- .../list-toggle-checkbox.component.ts | 6 +- src/app/list/list.module.ts | 9 +- .../modal-alignment-example.component.html | 14 +- .../modal-alignment-example.component.spec.ts | 5 +- .../modal-alignment-example.component.ts | 6 +- .../modal-example.component.html | 5 +- .../modal-example.component.spec.ts | 5 +- .../modal-example/modal-example.component.ts | 6 +- .../modal-examples.component.spec.ts | 5 +- .../modal-examples.component.ts | 6 +- .../modal-icon-example.component.html | 6 +- .../modal-icon-example.component.spec.ts | 5 +- .../modal-icon-example.component.ts | 6 +- .../modal-index/modal-index.component.spec.ts | 5 +- .../modal-index/modal-index.component.ts | 2 +- .../modal-list-example.component.html | 5 +- .../modal-list-example.component.spec.ts | 5 +- .../modal-list-example.component.ts | 6 +- .../modal-popconfirm-example.component.html | 9 +- ...modal-popconfirm-example.component.spec.ts | 5 +- .../modal-popconfirm-example.component.ts | 6 +- .../modal-radio-example.component.html | 9 +- .../modal-radio-example.component.spec.ts | 5 +- .../modal-radio-example.component.ts | 9 +- src/app/modal/modal-routing.module.ts | 9 +- .../modal-scroll-example.component.html | 56 ++++--- .../modal-scroll-example.component.spec.ts | 5 +- .../modal-scroll-example.component.ts | 6 +- .../modal-size-example.component.html | 16 +- .../modal-size-example.component.spec.ts | 5 +- .../modal-size-example.component.ts | 6 +- src/app/modal/modal.module.ts | 13 +- .../notifications-example-type.component.html | 21 +-- ...tifications-example-type.component.spec.ts | 5 +- .../notifications-example-type.component.ts | 12 +- .../notifications-example.component.html | 73 ++++----- .../notifications-example.component.spec.ts | 5 +- .../notifications-example.component.ts | 23 +-- .../notifications-examples.component.spec.ts | 5 +- .../notifications-examples.component.ts | 6 +- .../notifications-index.component.spec.ts | 5 +- .../notifications-index.component.ts | 2 +- .../notifications-routing.module.ts | 8 +- .../notifications-setup.component.html | 43 ++--- .../notifications-setup.component.spec.ts | 5 +- .../notifications-setup.component.ts | 39 ++--- src/app/notifications/notifications.module.ts | 12 +- .../pagination-changer-example.component.html | 13 +- ...gination-changer-example.component.spec.ts | 5 +- .../pagination-changer-example.component.ts | 2 +- .../pagination-example.component.html | 18 ++- .../pagination-example.component.spec.ts | 5 +- .../pagination-example.component.ts | 3 +- .../pagination-examples.component.spec.ts | 5 +- .../pagination-examples.component.ts | 6 +- .../pagination-index.component.spec.ts | 5 +- .../pagination-index.component.ts | 2 +- .../pagination-jump-example.component.html | 5 +- .../pagination-jump-example.component.spec.ts | 5 +- .../pagination-jump-example.component.ts | 2 +- .../pagination/pagination-routing.module.ts | 9 +- .../pagination-simple-example.component.html | 10 +- ...agination-simple-example.component.spec.ts | 5 +- .../pagination-simple-example.component.ts | 2 +- ...gination-text-links-example.component.html | 5 +- ...ation-text-links-example.component.spec.ts | 5 +- ...pagination-text-links-example.component.ts | 2 +- ...nation-total-number-example.component.html | 6 +- ...ion-total-number-example.component.spec.ts | 5 +- ...gination-total-number-example.component.ts | 2 +- src/app/pagination/pagination.module.ts | 16 +- ...sword-input-confirm-example.component.html | 9 +- ...rd-input-confirm-example.component.spec.ts | 5 +- ...assword-input-confirm-example.component.ts | 22 +-- .../password-input-example.component.html | 28 ++-- .../password-input-example.component.spec.ts | 5 +- .../password-input-example.component.ts | 2 +- .../password-input-examples.component.spec.ts | 5 +- .../password-input-examples.component.ts | 6 +- .../password-input-index.component.html | 4 +- .../password-input-index.component.spec.ts | 5 +- .../password-input-index.component.ts | 3 +- .../password-input-routing.module.ts | 9 +- ...rd-input-validation-example.component.html | 31 ++-- ...input-validation-example.component.spec.ts | 5 +- ...word-input-validation-example.component.ts | 10 +- .../password-input/password-input.module.ts | 13 +- .../popover-config-example.component.spec.ts | 5 +- .../popover-config-example.component.ts | 7 +- ...opover-container-example.component.spec.ts | 5 +- .../popover-container-example.component.ts | 8 +- .../popover-disabled-example.component.html | 9 +- ...popover-disabled-example.component.spec.ts | 5 +- .../popover-disabled-example.component.ts | 8 +- .../popover-example.component.ts | 6 +- .../popover-examples.component.spec.ts | 5 +- .../popover-examples.component.ts | 6 +- .../popover-focus-example.component.html | 8 +- .../popover-focus-example.component.spec.ts | 5 +- .../popover-focus-example.component.ts | 6 +- .../popover-index.component.spec.ts | 5 +- .../popover-index/popover-index.component.ts | 4 +- ...popover-interactive-example.component.html | 48 +++--- ...over-interactive-example.component.spec.ts | 5 +- .../popover-interactive-example.component.ts | 7 +- .../popover-placements-example.component.html | 16 +- ...pover-placements-example.component.spec.ts | 5 +- .../popover-placements-example.component.ts | 6 +- src/app/popover/popover-routing.module.ts | 8 +- src/app/popover/popover.module.ts | 24 +-- .../progress-bar-bg.component.html | 1 - .../progress-bar-bg.component.spec.ts | 5 +- .../progress-bar-bg.component.ts | 6 +- .../progress-bar-button.component.html | 1 - .../progress-bar-button.component.spec.ts | 5 +- .../progress-bar-button.component.ts | 2 +- .../progress-bar-example.component.html | 1 - .../progress-bar-example.component.ts | 7 +- .../progress-bar-examples.component.spec.ts | 5 +- .../progress-bar-examples.component.ts | 9 +- .../progress-bar-indeterminate.component.html | 3 - ...ogress-bar-indeterminate.component.spec.ts | 5 +- .../progress-bar-indeterminate.component.ts | 7 +- .../progress-bar-index.component.html | 3 +- .../progress-bar-index.component.spec.ts | 5 +- .../progress-bar-index.component.ts | 7 +- .../progress-bar-label.component.spec.ts | 5 +- .../progress-bar-label.component.ts | 6 +- .../progress-bar-routing.module.ts | 8 +- src/app/progress-bar/progress-bar.module.ts | 20 +-- .../radio-checked-example.component.html | 11 +- .../radio-checked-example.component.ts | 7 +- .../radio-example.component.html | 24 +-- .../radio-example/radio-example.component.ts | 17 +- .../radio-examples.component.ts | 8 +- .../radio-index/radio-index.component.ts | 3 +- src/app/radio/radio-routing.module.ts | 8 +- src/app/radio/radio.module.ts | 12 +- .../range-custom-colors.component.html | 8 +- .../range-custom-colors.component.spec.ts | 2 +- .../range-custom-colors.component.ts | 5 +- .../range-example.component.html | 9 +- .../range-example.component.spec.ts | 2 +- .../range-example/range-example.component.ts | 11 +- .../range-examples.component.spec.ts | 2 +- .../range-examples.component.ts | 6 +- .../range-index/range-index.component.html | 5 +- .../range-index/range-index.component.spec.ts | 2 +- .../range-index/range-index.component.ts | 2 +- src/app/range/range-routing.module.ts | 9 +- src/app/range/range.module.ts | 19 +-- .../rating-example-readonly.component.spec.ts | 5 +- .../rating-example-readonly.component.ts | 6 +- .../rating-example.component.html | 2 +- .../rating-example.component.spec.ts | 5 +- .../rating-example.component.ts | 10 +- .../rating-examples.component.spec.ts | 5 +- .../rating-examples.component.ts | 6 +- .../rating-index.component.spec.ts | 5 +- .../rating-index/rating-index.component.ts | 2 +- src/app/rating/rating-routing.module.ts | 8 +- src/app/rating/rating.module.ts | 19 +-- .../router-dispatcher.component.spec.ts | 5 +- .../router-dispatcher.component.ts | 9 +- .../select-disabled-example.component.html | 8 +- .../select-disabled-example.component.ts | 22 +-- .../select-example.component.html | 7 +- .../select-example.component.ts | 9 +- .../select-examples.component.ts | 9 +- .../select-formgroup-example.component.html | 2 +- ...select-formgroup-example.component.spec.ts | 5 +- .../select-formgroup-example.component.ts | 8 +- .../select-group-example.component.html | 11 +- .../select-group-example.component.ts | 35 ++-- .../select-index/select-index.component.ts | 3 +- src/app/select/select-routing.module.ts | 8 +- src/app/select/select.module.ts | 16 +- .../api-parameters.component.html | 52 +++--- .../api-parameters.component.ts | 4 +- .../source-display.component.ts | 3 +- .../spinner-double-example.component.html | 6 - .../spinner-double-example.component.spec.ts | 5 +- .../spinner-double-example.component.ts | 6 +- .../spinner-examples.component.spec.ts | 5 +- .../spinner-examples.component.ts | 6 +- .../spinner-index.component.html | 5 +- .../spinner-index.component.spec.ts | 5 +- .../spinner-index/spinner-index.component.ts | 2 +- src/app/spinner/spinner-routing.module.ts | 9 +- .../spinner-single-example.component.html | 6 - .../spinner-single-example.component.spec.ts | 5 +- .../spinner-single-example.component.ts | 6 +- src/app/spinner/spinner.module.ts | 17 +- .../steppers-dynamic-example.component.html | 31 ++-- .../steppers-dynamic-example.component.ts | 10 +- .../steppers-examples.component.ts | 9 +- .../steppers-header-example.component.ts | 6 +- .../steppers-index.component.html | 4 +- .../steppers-index.component.ts | 2 +- .../steppers-mobile-example.component.ts | 6 +- src/app/steppers/steppers-routing.module.ts | 9 +- src/app/steppers/steppers.module.ts | 12 +- .../table-of-content-item.component.html | 6 +- .../table-of-content-item.component.ts | 8 +- .../table-of-content.component.html | 6 +- .../table-of-content.component.ts | 5 +- .../table-alignment-example.component.html | 6 +- .../table-alignment-example.component.spec.ts | 5 +- .../table-alignment-example.component.ts | 5 +- .../table-bordered-example.component.html | 1 - .../table-bordered-example.component.spec.ts | 5 +- .../table-bordered-example.component.ts | 6 +- ...table-borderless-example.component.spec.ts | 5 +- .../table-borderless-example.component.ts | 6 +- .../table-caption-example.component.html | 1 - .../table-caption-example.component.spec.ts | 5 +- .../table-caption-example.component.ts | 6 +- .../table-compact-example.component.html | 1 - .../table-compact-example.component.spec.ts | 5 +- .../table-compact-example.component.ts | 6 +- .../table-example.component.html | 7 +- .../table-example.component.spec.ts | 5 +- .../table-example/table-example.component.ts | 3 +- .../table-examples.component.spec.ts | 5 +- .../table-examples.component.ts | 6 +- .../table-footer-example.component.html | 1 - .../table-footer-example.component.spec.ts | 5 +- .../table-footer-example.component.ts | 6 +- .../table-header-example.component.spec.ts | 5 +- .../table-header-example.component.ts | 6 +- .../table-hover-example.component.html | 1 - .../table-hover-example.component.spec.ts | 5 +- .../table-hover-example.component.ts | 6 +- .../table-index/table-index.component.spec.ts | 5 +- .../table-index/table-index.component.ts | 2 +- .../table-paginated.component.html | 18 +-- .../table-paginated.component.spec.ts | 2 +- .../table-paginated.component.ts | 31 ++-- src/app/table/table-routing.module.ts | 9 +- .../table-striped-example.component.html | 1 - .../table-striped-example.component.spec.ts | 5 +- .../table-striped-example.component.ts | 6 +- src/app/table/table.module.ts | 16 +- .../tabs-dynamic-example.component.html | 19 +-- .../tabs-dynamic-example.component.ts | 3 +- .../tabs-example/tabs-example.component.html | 10 +- .../tabs-example/tabs-example.component.ts | 17 +- .../tabs-examples/tabs-examples.component.ts | 9 +- .../tabs/tabs-index/tabs-index.component.ts | 4 +- src/app/tabs/tabs-routing.module.ts | 8 +- src/app/tabs/tabs.module.ts | 13 +- .../textarea-example.component.html | 9 +- .../textarea-example.component.spec.ts | 5 +- .../textarea-example.component.ts | 12 +- .../textarea-examples.component.spec.ts | 5 +- .../textarea-examples.component.ts | 6 +- .../textarea-index.component.spec.ts | 5 +- .../textarea-index.component.ts | 2 +- src/app/textarea/textarea-routing.module.ts | 9 +- src/app/textarea/textarea.module.ts | 18 +-- .../toggle-example.component.html | 3 +- .../toggle-example.component.ts | 9 +- .../toggle-examples.component.ts | 8 +- .../toggle-index/toggle-index.component.html | 2 +- .../toggle-index/toggle-index.component.ts | 6 +- src/app/toggle/toggle-routing.module.ts | 8 +- src/app/toggle/toggle.module.ts | 11 +- .../tooltip-config-example.component.spec.ts | 5 +- .../tooltip-config-example.component.ts | 6 +- .../tooltip-disabled-example.component.html | 13 +- ...tooltip-disabled-example.component.spec.ts | 5 +- .../tooltip-disabled-example.component.ts | 6 +- .../tooltip-events-example.component.html | 26 ++- .../tooltip-events-example.component.spec.ts | 5 +- .../tooltip-events-example.component.ts | 15 +- .../tooltip-example.component.spec.ts | 5 +- .../tooltip-example.component.ts | 6 +- .../tooltip-examples.component.ts | 6 +- .../tooltip-index.component.spec.ts | 5 +- .../tooltip-index/tooltip-index.component.ts | 4 +- .../tooltip-placements-example.component.html | 48 +++--- ...oltip-placements-example.component.spec.ts | 5 +- .../tooltip-placements-example.component.ts | 4 +- src/app/tooltip/tooltip-routing.module.ts | 8 +- src/app/tooltip/tooltip.module.ts | 20 +-- .../upload-drag-drop-example.component.html | 3 +- ...upload-drag-drop-example.component.spec.ts | 5 +- .../upload-drag-drop-example.component.ts | 39 +++-- .../upload-examples.component.spec.ts | 5 +- .../upload-examples.component.ts | 6 +- .../upload-file-list-example.component.html | 7 +- ...upload-file-list-example.component.spec.ts | 5 +- .../upload-file-list-example.component.ts | 43 +++-- .../upload-image-list-example.component.html | 9 +- ...pload-image-list-example.component.spec.ts | 5 +- .../upload-image-list-example.component.ts | 32 ++-- .../upload-index.component.spec.ts | 5 +- .../upload-index/upload-index.component.ts | 3 +- src/app/upload/upload-routing.module.ts | 12 +- src/app/upload/upload.module.ts | 33 ++-- src/app/welcome/welcome-routing.module.ts | 8 +- src/app/welcome/welcome.module.ts | 9 +- .../welcome/welcome/welcome.component.html | 109 +++++++++---- .../welcome/welcome/welcome.component.spec.ts | 5 +- src/app/welcome/welcome/welcome.component.ts | 8 +- src/environments/environment.prod.ts | 2 +- src/environments/environment.ts | 2 +- src/index.html | 21 ++- src/main.ts | 3 +- src/polyfills.ts | 15 +- src/test.ts | 14 +- 794 files changed, 3451 insertions(+), 4568 deletions(-) diff --git a/.github/workflows/run-tests.yml b/.github/workflows/run-tests.yml index 185fe424..75c210f2 100644 --- a/.github/workflows/run-tests.yml +++ b/.github/workflows/run-tests.yml @@ -20,6 +20,7 @@ jobs: with: node-version: 20 - run: npm ci + - run: npm run lint - run: npm run build - run: npm run build:lib - run: npm run test diff --git a/projects/design-angular-kit/src/lib/abstracts/abstract-form.component.ts b/projects/design-angular-kit/src/lib/abstracts/abstract-form.component.ts index 1957bae4..03867d4f 100644 --- a/projects/design-angular-kit/src/lib/abstracts/abstract-form.component.ts +++ b/projects/design-angular-kit/src/lib/abstracts/abstract-form.component.ts @@ -18,7 +18,7 @@ export abstract class ItAbstractFormComponent extends ItAbstractCompone * - false: Never show validation color * - only-valid: Show only valid validation color * - only-invalid: Show only invalid validation color - * @default only-invalid: Show only invalid validation color + * @default true: Always show the validation color */ @Input() validationMode: boolean | 'only-valid' | 'only-invalid' = true; diff --git a/projects/design-angular-kit/src/lib/abstracts/abstract.component.ts b/projects/design-angular-kit/src/lib/abstracts/abstract.component.ts index 07523c7c..fd814cd4 100644 --- a/projects/design-angular-kit/src/lib/abstracts/abstract.component.ts +++ b/projects/design-angular-kit/src/lib/abstracts/abstract.component.ts @@ -9,12 +9,11 @@ import { OnChanges, Output, Renderer2, - SimpleChanges + SimpleChanges, } from '@angular/core'; @Component({ template: '' }) export abstract class ItAbstractComponent implements AfterViewInit, OnChanges { - /** * The element ID */ @@ -31,7 +30,6 @@ export abstract class ItAbstractComponent implements AfterViewInit, OnChanges { */ private static instances = 0; - protected readonly _renderer: Renderer2; // Injected protected readonly _elementRef: ElementRef; // Injected protected readonly _changeDetectorRef: ChangeDetectorRef; // Injected @@ -48,6 +46,7 @@ export abstract class ItAbstractComponent implements AfterViewInit, OnChanges { this._renderer.removeAttribute(this._elementRef.nativeElement, 'id'); } + // eslint-disable-next-line @typescript-eslint/no-unused-vars ngOnChanges(changes: SimpleChanges): void { this.valueChanges.next(); // The inputs were changed } diff --git a/projects/design-angular-kit/src/lib/components/core/accordion/accordion.component.html b/projects/design-angular-kit/src/lib/components/core/accordion/accordion.component.html index 7ad969b6..a1eba7ec 100644 --- a/projects/design-angular-kit/src/lib/components/core/accordion/accordion.component.html +++ b/projects/design-angular-kit/src/lib/components/core/accordion/accordion.component.html @@ -1,7 +1,6 @@
- -

+

-
- +
- diff --git a/projects/design-angular-kit/src/lib/components/core/accordion/accordion.component.spec.ts b/projects/design-angular-kit/src/lib/components/core/accordion/accordion.component.spec.ts index 70f0199b..d666fc10 100644 --- a/projects/design-angular-kit/src/lib/components/core/accordion/accordion.component.spec.ts +++ b/projects/design-angular-kit/src/lib/components/core/accordion/accordion.component.spec.ts @@ -8,8 +8,7 @@ describe('ItAccordionComponent', () => { let fixture: ComponentFixture; beforeEach(async () => { - await TestBed.configureTestingModule(tb_base) - .compileComponents(); + await TestBed.configureTestingModule(tb_base).compileComponents(); fixture = TestBed.createComponent(ItAccordionComponent); component = fixture.componentInstance; diff --git a/projects/design-angular-kit/src/lib/components/core/alert/alert.component.spec.ts b/projects/design-angular-kit/src/lib/components/core/alert/alert.component.spec.ts index 1f43da64..a86c3941 100644 --- a/projects/design-angular-kit/src/lib/components/core/alert/alert.component.spec.ts +++ b/projects/design-angular-kit/src/lib/components/core/alert/alert.component.spec.ts @@ -5,24 +5,25 @@ import { By } from '@angular/platform-browser'; import { Component, Input } from '@angular/core'; import { AlertColor } from '../../../interfaces/core'; -@Component( - { - selector: 'it-unit-test', - template: ` - - Questo è un alert di tipo "primary". - - ` - } -) +@Component({ + selector: 'it-unit-test', + template: ` Questo è un alert di tipo "primary". `, +}) class UnitTestComponent { - - @Input() set selectedColor(value: AlertColor | undefined) { this._selectedColor = value; } - get selectedColor(): AlertColor | undefined { return this._selectedColor; } + @Input() set selectedColor(value: AlertColor | undefined) { + this._selectedColor = value; + } + get selectedColor(): AlertColor | undefined { + return this._selectedColor; + } private _selectedColor: AlertColor | undefined = undefined; - @Input() set isDismissible(value: boolean) { this._dismissible = value; } - get isDismissible(): boolean { return this._dismissible; } + @Input() set isDismissible(value: boolean) { + this._dismissible = value; + } + get isDismissible(): boolean { + return this._dismissible; + } private _dismissible: boolean = false; } @@ -30,7 +31,6 @@ class UnitTestComponent { let component: UnitTestComponent; let fixture: ComponentFixture; describe('ItAlertComponent', () => { - beforeEach(async () => { TestBed.configureTestingModule({ declarations: [UnitTestComponent], @@ -59,5 +59,4 @@ describe('ItAlertComponent', () => { const spanElement = fixture.debugElement.query(By.css('div.alert.alert-success')); expect(spanElement).toBeTruthy(); }); - }); diff --git a/projects/design-angular-kit/src/lib/components/core/avatar/avatar-dropdown/avatar-dropdown.component.spec.ts b/projects/design-angular-kit/src/lib/components/core/avatar/avatar-dropdown/avatar-dropdown.component.spec.ts index 1e7a1070..19a1f5b4 100644 --- a/projects/design-angular-kit/src/lib/components/core/avatar/avatar-dropdown/avatar-dropdown.component.spec.ts +++ b/projects/design-angular-kit/src/lib/components/core/avatar/avatar-dropdown/avatar-dropdown.component.spec.ts @@ -8,8 +8,7 @@ describe('ItAvatarDropdownComponent', () => { let fixture: ComponentFixture; beforeEach(async () => { - await TestBed.configureTestingModule(tb_base) - .compileComponents(); + await TestBed.configureTestingModule(tb_base).compileComponents(); fixture = TestBed.createComponent(ItAvatarDropdownComponent); component = fixture.componentInstance; diff --git a/projects/design-angular-kit/src/lib/components/core/avatar/avatar-group/avatar-group.component.spec.ts b/projects/design-angular-kit/src/lib/components/core/avatar/avatar-group/avatar-group.component.spec.ts index bb3f6126..0e69a1e6 100644 --- a/projects/design-angular-kit/src/lib/components/core/avatar/avatar-group/avatar-group.component.spec.ts +++ b/projects/design-angular-kit/src/lib/components/core/avatar/avatar-group/avatar-group.component.spec.ts @@ -8,8 +8,7 @@ describe('ItAvatarGroupComponent', () => { let fixture: ComponentFixture; beforeEach(async () => { - await TestBed.configureTestingModule(tb_base) - .compileComponents(); + await TestBed.configureTestingModule(tb_base).compileComponents(); fixture = TestBed.createComponent(ItAvatarGroupComponent); component = fixture.componentInstance; @@ -21,14 +20,12 @@ describe('ItAvatarGroupComponent', () => { }); }); - describe('ItAvatarGroupItemComponent', () => { let component: ItAvatarGroupItemComponent; let fixture: ComponentFixture; beforeEach(async () => { - await TestBed.configureTestingModule(tb_base) - .compileComponents(); + await TestBed.configureTestingModule(tb_base).compileComponents(); fixture = TestBed.createComponent(ItAvatarGroupItemComponent); component = fixture.componentInstance; diff --git a/projects/design-angular-kit/src/lib/components/core/avatar/avatar.directive.ts b/projects/design-angular-kit/src/lib/components/core/avatar/avatar.directive.ts index 7be4b471..e16920af 100644 --- a/projects/design-angular-kit/src/lib/components/core/avatar/avatar.directive.ts +++ b/projects/design-angular-kit/src/lib/components/core/avatar/avatar.directive.ts @@ -1,11 +1,11 @@ import { ColorsEnum } from '../../../enums/colors.enums'; import { SizesEnum } from '../../../enums/sizes.enum'; -import { Directive, HostBinding, Input } from "@angular/core"; +import { Directive, HostBinding, Input } from '@angular/core'; @Directive({ standalone: true, selector: '[itAvatar]', - exportAs: 'itAvatar' + exportAs: 'itAvatar', }) export class ItAvatarDirective { /** @@ -20,13 +20,13 @@ export class ItAvatarDirective { */ @Input() get color(): string | undefined { - return this._color + return this._color; } set color(value: string | undefined) { const colorsKey = value as keyof typeof ColorsEnum; - if (ColorsEnum[colorsKey]){ - this._color = ColorsEnum[colorsKey] - }else{ + if (ColorsEnum[colorsKey]) { + this._color = ColorsEnum[colorsKey]; + } else { this._color = undefined; } } @@ -43,15 +43,14 @@ export class ItAvatarDirective { */ @Input() get size(): SizesEnum | undefined { - return this._size + return this._size; } set size(value: string | undefined) { const sizesKey = value as keyof typeof SizesEnum; if (SizesEnum[sizesKey]) { this._size = SizesEnum[sizesKey]; - } - else { - this._size = undefined + } else { + this._size = undefined; } } @@ -59,18 +58,16 @@ export class ItAvatarDirective { @HostBinding('class') get hostClasses(): string { - let cssClass = 'avatar' + let cssClass = 'avatar'; if (this.size) { - cssClass += ` ${this.size}` + cssClass += ` ${this.size}`; } if (this.color) { - cssClass += ` avatar-${this.color}` + cssClass += ` avatar-${this.color}`; } - return cssClass + return cssClass; } - - } diff --git a/projects/design-angular-kit/src/lib/components/core/badge/badge.directive.spec.ts b/projects/design-angular-kit/src/lib/components/core/badge/badge.directive.spec.ts index 257d74e1..e3a24918 100644 --- a/projects/design-angular-kit/src/lib/components/core/badge/badge.directive.spec.ts +++ b/projects/design-angular-kit/src/lib/components/core/badge/badge.directive.spec.ts @@ -4,32 +4,39 @@ import { By } from '@angular/platform-browser'; import { BadgeColor } from '../../../interfaces/core'; import { ItBadgeDirective } from './badge.directive'; -@Component( - { - selector: 'it-unit-test', - template: ` -
Testo di esempio {{badgeText}}
- ` - } -) +@Component({ + selector: 'it-unit-test', + template: ` +
+ Testo di esempio {{ badgeText }} +
+ `, +}) class UnitTestComponent { - @Input() set selectedColor(value: BadgeColor | undefined) {this._selectedColor = value;} - get selectedColor(): BadgeColor | undefined {return this._selectedColor;} + @Input() set selectedColor(value: BadgeColor | undefined) { + this._selectedColor = value; + } + get selectedColor(): BadgeColor | undefined { + return this._selectedColor; + } private _selectedColor: BadgeColor | undefined = undefined; - @Input() set isRounded(value: boolean) {this._isRounded = value;} - get isRounded(): boolean {return this._isRounded;} + @Input() set isRounded(value: boolean) { + this._isRounded = value; + } + get isRounded(): boolean { + return this._isRounded; + } private _isRounded: boolean = undefined; } describe('ItBadgeDirective', () => { - let component: UnitTestComponent; let fixture: ComponentFixture; beforeEach(fakeAsync(() => { TestBed.configureTestingModule({ declarations: [UnitTestComponent], - imports: [ItBadgeDirective] + imports: [ItBadgeDirective], }).compileComponents(); fixture = TestBed.createComponent(UnitTestComponent); diff --git a/projects/design-angular-kit/src/lib/components/core/badge/badge.directive.ts b/projects/design-angular-kit/src/lib/components/core/badge/badge.directive.ts index c827d0cd..15d1b21e 100644 --- a/projects/design-angular-kit/src/lib/components/core/badge/badge.directive.ts +++ b/projects/design-angular-kit/src/lib/components/core/badge/badge.directive.ts @@ -9,10 +9,9 @@ import { inputToBoolean } from '../../../utils/coercion'; @Directive({ standalone: true, selector: '[itBadge]', - exportAs: 'itBadge' + exportAs: 'itBadge', }) export class ItBadgeDirective { - /** * Define the badge color * @default undefined @@ -23,7 +22,7 @@ export class ItBadgeDirective { * Show rounded badge * @default false */ - @Input({transform: inputToBoolean}) rounded?: boolean; + @Input({ transform: inputToBoolean }) rounded?: boolean; @HostBinding('class') protected get badgeClass(): string { @@ -37,5 +36,4 @@ export class ItBadgeDirective { return badgeClass; } - } diff --git a/projects/design-angular-kit/src/lib/components/core/button/button.directive.spec.ts b/projects/design-angular-kit/src/lib/components/core/button/button.directive.spec.ts index 380e24e9..63e1fae7 100644 --- a/projects/design-angular-kit/src/lib/components/core/button/button.directive.spec.ts +++ b/projects/design-angular-kit/src/lib/components/core/button/button.directive.spec.ts @@ -7,12 +7,11 @@ import { By } from '@angular/platform-browser'; /** Componente per testare una singola button. */ @Component({ - template: ` -
+ template: `
-
` +
`, }) class SingleButtonComponent { disabled = false; @@ -22,14 +21,14 @@ class SingleButtonComponent { onClick = () => { this.count++; - } + }; } describe('ItButtonDirective', () => { beforeEach(fakeAsync(() => { TestBed.configureTestingModule({ imports: [FormsModule, ItButtonDirective], - declarations: [SingleButtonComponent] + declarations: [SingleButtonComponent], }); TestBed.compileComponents(); @@ -66,7 +65,7 @@ describe('ItButtonDirective', () => { expect(buttonInstance.disabled).toBe(false); }); - it('dovrebbe ricevere l\'evento di click', () => { + it("dovrebbe ricevere l'evento di click", () => { expect(testComponent.count).toBe(0); fixture.detectChanges(); @@ -93,7 +92,5 @@ describe('ItButtonDirective', () => { it('dovrebbe generare un id univoco per bottone', () => { expect(buttonNativeElement.textContent.trim()).toBe('Test Button'); }); - }); - }); diff --git a/projects/design-angular-kit/src/lib/components/core/button/button.directive.ts b/projects/design-angular-kit/src/lib/components/core/button/button.directive.ts index d630e7ff..1170379a 100644 --- a/projects/design-angular-kit/src/lib/components/core/button/button.directive.ts +++ b/projects/design-angular-kit/src/lib/components/core/button/button.directive.ts @@ -11,10 +11,9 @@ import { inputToBoolean } from '../../../utils/coercion'; @Directive({ standalone: true, selector: '[itButton]', - exportAs: 'itButton' + exportAs: 'itButton', }) export class ItButtonDirective { - /** * Button color * @default undefined @@ -37,7 +36,7 @@ export class ItButtonDirective { * If button is disabled * @default false */ - @Input({transform: inputToBoolean}) @HostBinding('disabled') disabled?: boolean; + @Input({ transform: inputToBoolean }) @HostBinding('disabled') disabled?: boolean; /** * The icon children @@ -47,10 +46,7 @@ export class ItButtonDirective { private isFocus = false; - constructor( - @Optional() @Host() private progressButtonComponent: ItProgressButtonComponent - ) { - } + constructor(@Optional() @Host() private progressButtonComponent: ItProgressButtonComponent) {} @HostListener('focus') protected onFocus() { @@ -96,5 +92,4 @@ export class ItButtonDirective { return cssClass; } - } diff --git a/projects/design-angular-kit/src/lib/components/core/callout/callout.component.spec.ts b/projects/design-angular-kit/src/lib/components/core/callout/callout.component.spec.ts index 62652240..a5f78964 100644 --- a/projects/design-angular-kit/src/lib/components/core/callout/callout.component.spec.ts +++ b/projects/design-angular-kit/src/lib/components/core/callout/callout.component.spec.ts @@ -12,7 +12,7 @@ describe('ItCalloutComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule(tb_base) .overrideComponent(ItCalloutComponent, { - set: { changeDetection: ChangeDetectionStrategy.Default } + set: { changeDetection: ChangeDetectionStrategy.Default }, }) .compileComponents(); @@ -21,7 +21,6 @@ describe('ItCalloutComponent', () => { fixture.detectChanges(); }); - it('should create', () => { expect(component).toBeTruthy(); }); @@ -47,7 +46,7 @@ describe('ItCalloutComponent', () => { expect(spanPrimaryElement).toBeTruthy(); }); - it('if i don\'t set a label, that cannot be on DOM', () => { + it("if i don't set a label, that cannot be on DOM", () => { const spanPrimaryElement = fixture.debugElement.query(By.css('.callout-title > span:not(.visually-hidden)')); expect(spanPrimaryElement).toBeFalsy(); }); @@ -60,7 +59,7 @@ describe('ItCalloutComponent', () => { expect(spanPrimaryElement).toBeTruthy(); }); - it('if i don\'t set a hiddenLabel (with a label), that cannot be on DOM', () => { + it("if i don't set a hiddenLabel (with a label), that cannot be on DOM", () => { component.label = 'label'; fixture.detectChanges(); const spanPrimaryElement = fixture.debugElement.query(By.css('.callout-title > span.visually-hidden')); @@ -82,7 +81,7 @@ describe('ItCalloutComponent', () => { expect(useElement).toBeTruthy(); }); - it('if i don\'t set a icon (with a label), that will be on DOM (default is info-circle)', () => { + it("if i don't set a icon (with a label), that will be on DOM (default is info-circle)", () => { component.label = 'label'; fixture.detectChanges(); const useElement = fixture.debugElement.query(By.css('use[href="./bootstrap-italia/dist/svg/sprites.svg#it-info-circle')); diff --git a/projects/design-angular-kit/src/lib/components/core/card/card.component.spec.ts b/projects/design-angular-kit/src/lib/components/core/card/card.component.spec.ts index 27c557ba..156136cd 100644 --- a/projects/design-angular-kit/src/lib/components/core/card/card.component.spec.ts +++ b/projects/design-angular-kit/src/lib/components/core/card/card.component.spec.ts @@ -8,8 +8,7 @@ describe('ItCardComponent', () => { let fixture: ComponentFixture; beforeEach(async () => { - await TestBed.configureTestingModule(tb_base) - .compileComponents(); + await TestBed.configureTestingModule(tb_base).compileComponents(); fixture = TestBed.createComponent(ItCardComponent); component = fixture.componentInstance; diff --git a/projects/design-angular-kit/src/lib/components/core/carousel/carousel-item/carousel-item.component.spec.ts b/projects/design-angular-kit/src/lib/components/core/carousel/carousel-item/carousel-item.component.spec.ts index 39770151..12d610ff 100644 --- a/projects/design-angular-kit/src/lib/components/core/carousel/carousel-item/carousel-item.component.spec.ts +++ b/projects/design-angular-kit/src/lib/components/core/carousel/carousel-item/carousel-item.component.spec.ts @@ -8,9 +8,8 @@ describe('ItCarouselItemComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ - imports: [ ItCarouselItemComponent ] - }) - .compileComponents(); + imports: [ItCarouselItemComponent], + }).compileComponents(); fixture = TestBed.createComponent(ItCarouselItemComponent); component = fixture.componentInstance; diff --git a/projects/design-angular-kit/src/lib/components/core/carousel/carousel-item/carousel-item.component.ts b/projects/design-angular-kit/src/lib/components/core/carousel/carousel-item/carousel-item.component.ts index 4bc9c7eb..c83538aa 100644 --- a/projects/design-angular-kit/src/lib/components/core/carousel/carousel-item/carousel-item.component.ts +++ b/projects/design-angular-kit/src/lib/components/core/carousel/carousel-item/carousel-item.component.ts @@ -10,13 +10,11 @@ import { ItAbstractComponent } from '../../../../abstracts/abstract.component'; selector: 'it-carousel-item', templateUrl: './carousel-item.component.html', changeDetection: ChangeDetectionStrategy.OnPush, - imports: [] + imports: [], }) export class ItCarouselItemComponent extends ItAbstractComponent { - /** * The content of item */ @ViewChild(TemplateRef) public htmlContent!: TemplateRef; - } diff --git a/projects/design-angular-kit/src/lib/components/core/carousel/carousel/carousel.component.spec.ts b/projects/design-angular-kit/src/lib/components/core/carousel/carousel/carousel.component.spec.ts index d1f55935..5eee9e39 100644 --- a/projects/design-angular-kit/src/lib/components/core/carousel/carousel/carousel.component.spec.ts +++ b/projects/design-angular-kit/src/lib/components/core/carousel/carousel/carousel.component.spec.ts @@ -8,8 +8,7 @@ describe('ItCarouselComponent', () => { let fixture: ComponentFixture; beforeEach(async () => { - await TestBed.configureTestingModule(tb_base) - .compileComponents(); + await TestBed.configureTestingModule(tb_base).compileComponents(); fixture = TestBed.createComponent(ItCarouselComponent); component = fixture.componentInstance; diff --git a/projects/design-angular-kit/src/lib/components/core/collapse/collapse.component.html b/projects/design-angular-kit/src/lib/components/core/collapse/collapse.component.html index 104a2a07..1b81e11a 100644 --- a/projects/design-angular-kit/src/lib/components/core/collapse/collapse.component.html +++ b/projects/design-angular-kit/src/lib/components/core/collapse/collapse.component.html @@ -1,3 +1,3 @@ -
+
diff --git a/projects/design-angular-kit/src/lib/components/core/collapse/collapse.component.spec.ts b/projects/design-angular-kit/src/lib/components/core/collapse/collapse.component.spec.ts index 1ebfa733..f568a1c7 100644 --- a/projects/design-angular-kit/src/lib/components/core/collapse/collapse.component.spec.ts +++ b/projects/design-angular-kit/src/lib/components/core/collapse/collapse.component.spec.ts @@ -8,8 +8,7 @@ describe('ItCollapseComponent', () => { let fixture: ComponentFixture; beforeEach(async () => { - await TestBed.configureTestingModule(tb_base) - .compileComponents(); + await TestBed.configureTestingModule(tb_base).compileComponents(); fixture = TestBed.createComponent(ItCollapseComponent); component = fixture.componentInstance; diff --git a/projects/design-angular-kit/src/lib/components/core/collapse/collapse.component.ts b/projects/design-angular-kit/src/lib/components/core/collapse/collapse.component.ts index b98c25ae..2d4ab3c2 100644 --- a/projects/design-angular-kit/src/lib/components/core/collapse/collapse.component.ts +++ b/projects/design-angular-kit/src/lib/components/core/collapse/collapse.component.ts @@ -1,13 +1,4 @@ -import { - AfterViewInit, - ChangeDetectionStrategy, - Component, - ElementRef, - EventEmitter, - Input, - Output, - ViewChild -} from '@angular/core'; +import { AfterViewInit, ChangeDetectionStrategy, Component, ElementRef, EventEmitter, Input, Output, ViewChild } from '@angular/core'; import { ItAbstractComponent } from '../../../abstracts/abstract.component'; import { Collapse } from 'bootstrap-italia'; import { inputToBoolean } from '../../../utils/coercion'; @@ -18,21 +9,20 @@ import { inputToBoolean } from '../../../utils/coercion'; templateUrl: './collapse.component.html', exportAs: 'itCollapse', changeDetection: ChangeDetectionStrategy.OnPush, - imports: [] + imports: [], }) export class ItCollapseComponent extends ItAbstractComponent implements AfterViewInit { - /** * Enable multiple collapse * @default false */ - @Input({transform: inputToBoolean}) multi?: boolean; + @Input({ transform: inputToBoolean }) multi?: boolean; /** * Toggles the collapsible element on invocation * @default false */ - @Input({transform: inputToBoolean}) opened?: boolean; + @Input({ transform: inputToBoolean }) opened?: boolean; /** * Custom class @@ -59,7 +49,6 @@ export class ItCollapseComponent extends ItAbstractComponent implements AfterVie */ @Output() hiddenEvent: EventEmitter = new EventEmitter(); - private collapse?: Collapse; private open: boolean = false; @@ -73,13 +62,25 @@ export class ItCollapseComponent extends ItAbstractComponent implements AfterVie if (this.collapseDiv) { const element = this.collapseDiv.nativeElement; this.collapse = Collapse.getOrCreateInstance(element, { - toggle: this.opened + toggle: this.opened, }); - element.addEventListener('show.bs.collapse', event => {this.open = true; this.showEvent.emit(event)}); - element.addEventListener('shown.bs.collapse', event => {this.open = true; this.shownEvent.emit(event)}); - element.addEventListener('hide.bs.collapse', event => {this.open = false; this.hideEvent.emit(event)}); - element.addEventListener('hidden.bs.collapse', event => {this.open = false; this.hiddenEvent.emit(event)}); + element.addEventListener('show.bs.collapse', event => { + this.open = true; + this.showEvent.emit(event); + }); + element.addEventListener('shown.bs.collapse', event => { + this.open = true; + this.shownEvent.emit(event); + }); + element.addEventListener('hide.bs.collapse', event => { + this.open = false; + this.hideEvent.emit(event); + }); + element.addEventListener('hidden.bs.collapse', event => { + this.open = false; + this.hiddenEvent.emit(event); + }); } } diff --git a/projects/design-angular-kit/src/lib/components/core/dimmer/dimmer-buttons/dimmer-buttons.component.html b/projects/design-angular-kit/src/lib/components/core/dimmer/dimmer-buttons/dimmer-buttons.component.html index 99757d4f..02040acc 100644 --- a/projects/design-angular-kit/src/lib/components/core/dimmer/dimmer-buttons/dimmer-buttons.component.html +++ b/projects/design-angular-kit/src/lib/components/core/dimmer/dimmer-buttons/dimmer-buttons.component.html @@ -1,3 +1,3 @@ -
- -
\ No newline at end of file +
+ +
diff --git a/projects/design-angular-kit/src/lib/components/core/dimmer/dimmer-buttons/dimmer-buttons.component.spec.ts b/projects/design-angular-kit/src/lib/components/core/dimmer/dimmer-buttons/dimmer-buttons.component.spec.ts index df6b0cfc..2ed356c7 100644 --- a/projects/design-angular-kit/src/lib/components/core/dimmer/dimmer-buttons/dimmer-buttons.component.spec.ts +++ b/projects/design-angular-kit/src/lib/components/core/dimmer/dimmer-buttons/dimmer-buttons.component.spec.ts @@ -10,12 +10,12 @@ describe('ItDimmerButtonsComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ - imports: [ ItDimmerButtonsComponent ] + imports: [ItDimmerButtonsComponent], }) - .overrideComponent(ItDimmerButtonsComponent, { - set: { changeDetection: ChangeDetectionStrategy.Default } - }) - .compileComponents(); + .overrideComponent(ItDimmerButtonsComponent, { + set: { changeDetection: ChangeDetectionStrategy.Default }, + }) + .compileComponents(); fixture = TestBed.createComponent(ItDimmerButtonsComponent); component = fixture.componentInstance; diff --git a/projects/design-angular-kit/src/lib/components/core/dimmer/dimmer-buttons/dimmer-buttons.component.ts b/projects/design-angular-kit/src/lib/components/core/dimmer/dimmer-buttons/dimmer-buttons.component.ts index f3531059..3cfa920f 100644 --- a/projects/design-angular-kit/src/lib/components/core/dimmer/dimmer-buttons/dimmer-buttons.component.ts +++ b/projects/design-angular-kit/src/lib/components/core/dimmer/dimmer-buttons/dimmer-buttons.component.ts @@ -6,16 +6,18 @@ import { NgClass } from '@angular/common'; selector: 'it-dimmer-buttons', templateUrl: './dimmer-buttons.component.html', changeDetection: ChangeDetectionStrategy.OnPush, - imports: [NgClass] + imports: [NgClass], }) export class ItDimmerButtonsComponent { - /** * Indica se abbiamo 1 solo bottone * @default false - */ - @Input() set hasOneButton (value: boolean) {this._hasOneButton = value}; - get hasOneButton() {return this._hasOneButton; } + */ + @Input() set hasOneButton(value: boolean) { + this._hasOneButton = value; + } + get hasOneButton() { + return this._hasOneButton; + } private _hasOneButton = false; - } diff --git a/projects/design-angular-kit/src/lib/components/core/dimmer/dimmer-icon/dimmer-icon.component.html b/projects/design-angular-kit/src/lib/components/core/dimmer/dimmer-icon/dimmer-icon.component.html index d2c7be2b..3e54a15a 100644 --- a/projects/design-angular-kit/src/lib/components/core/dimmer/dimmer-icon/dimmer-icon.component.html +++ b/projects/design-angular-kit/src/lib/components/core/dimmer/dimmer-icon/dimmer-icon.component.html @@ -1,3 +1,3 @@
- -
\ No newline at end of file + +
diff --git a/projects/design-angular-kit/src/lib/components/core/dimmer/dimmer-icon/dimmer-icon.component.spec.ts b/projects/design-angular-kit/src/lib/components/core/dimmer/dimmer-icon/dimmer-icon.component.spec.ts index 1c27d09c..b6b78ee8 100644 --- a/projects/design-angular-kit/src/lib/components/core/dimmer/dimmer-icon/dimmer-icon.component.spec.ts +++ b/projects/design-angular-kit/src/lib/components/core/dimmer/dimmer-icon/dimmer-icon.component.spec.ts @@ -8,9 +8,8 @@ describe('ItDimmerIconComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ - imports: [ ItDimmerIconComponent ] - }) - .compileComponents(); + imports: [ItDimmerIconComponent], + }).compileComponents(); fixture = TestBed.createComponent(ItDimmerIconComponent); component = fixture.componentInstance; diff --git a/projects/design-angular-kit/src/lib/components/core/dimmer/dimmer-icon/dimmer-icon.component.ts b/projects/design-angular-kit/src/lib/components/core/dimmer/dimmer-icon/dimmer-icon.component.ts index 1a3acfd9..5f8e7336 100644 --- a/projects/design-angular-kit/src/lib/components/core/dimmer/dimmer-icon/dimmer-icon.component.ts +++ b/projects/design-angular-kit/src/lib/components/core/dimmer/dimmer-icon/dimmer-icon.component.ts @@ -5,8 +5,6 @@ import { ChangeDetectionStrategy, Component } from '@angular/core'; selector: 'it-dimmer-icon', templateUrl: './dimmer-icon.component.html', changeDetection: ChangeDetectionStrategy.OnPush, - imports: [] + imports: [], }) -export class ItDimmerIconComponent { - -} +export class ItDimmerIconComponent {} diff --git a/projects/design-angular-kit/src/lib/components/core/dimmer/dimmer.component.spec.ts b/projects/design-angular-kit/src/lib/components/core/dimmer/dimmer.component.spec.ts index afe034bb..24437f73 100644 --- a/projects/design-angular-kit/src/lib/components/core/dimmer/dimmer.component.spec.ts +++ b/projects/design-angular-kit/src/lib/components/core/dimmer/dimmer.component.spec.ts @@ -11,12 +11,12 @@ describe('ItDimmerComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ - imports: [ ItDimmerComponent, BrowserAnimationsModule ] + imports: [ItDimmerComponent, BrowserAnimationsModule], }) - .overrideComponent(ItDimmerComponent, { - set: { changeDetection: ChangeDetectionStrategy.Default } - }) - .compileComponents(); + .overrideComponent(ItDimmerComponent, { + set: { changeDetection: ChangeDetectionStrategy.Default }, + }) + .compileComponents(); fixture = TestBed.createComponent(ItDimmerComponent); component = fixture.componentInstance; diff --git a/projects/design-angular-kit/src/lib/components/core/dropdown/dropdown-item/dropdown-item.component.spec.ts b/projects/design-angular-kit/src/lib/components/core/dropdown/dropdown-item/dropdown-item.component.spec.ts index c7b5bbbb..5d8cc22f 100644 --- a/projects/design-angular-kit/src/lib/components/core/dropdown/dropdown-item/dropdown-item.component.spec.ts +++ b/projects/design-angular-kit/src/lib/components/core/dropdown/dropdown-item/dropdown-item.component.spec.ts @@ -8,8 +8,7 @@ describe('ItDropdownItemComponent', () => { let fixture: ComponentFixture; beforeEach(async () => { - await TestBed.configureTestingModule(tb_base) - .compileComponents(); + await TestBed.configureTestingModule(tb_base).compileComponents(); fixture = TestBed.createComponent(ItDropdownItemComponent); component = fixture.componentInstance; diff --git a/projects/design-angular-kit/src/lib/components/core/dropdown/dropdown/dropdown.component.spec.ts b/projects/design-angular-kit/src/lib/components/core/dropdown/dropdown/dropdown.component.spec.ts index 1df65286..5fc7798a 100644 --- a/projects/design-angular-kit/src/lib/components/core/dropdown/dropdown/dropdown.component.spec.ts +++ b/projects/design-angular-kit/src/lib/components/core/dropdown/dropdown/dropdown.component.spec.ts @@ -8,8 +8,7 @@ describe('ItDropdownComponent', () => { let fixture: ComponentFixture; beforeEach(async () => { - await TestBed.configureTestingModule(tb_base) - .compileComponents(); + await TestBed.configureTestingModule(tb_base).compileComponents(); fixture = TestBed.createComponent(ItDropdownComponent); component = fixture.componentInstance; diff --git a/projects/design-angular-kit/src/lib/components/core/forward/forward.directive.spec.ts b/projects/design-angular-kit/src/lib/components/core/forward/forward.directive.spec.ts index e2755273..94f19824 100644 --- a/projects/design-angular-kit/src/lib/components/core/forward/forward.directive.spec.ts +++ b/projects/design-angular-kit/src/lib/components/core/forward/forward.directive.spec.ts @@ -3,28 +3,25 @@ import { Component, QueryList, ViewChildren } from '@angular/core'; import { ComponentFixture, fakeAsync, TestBed } from '@angular/core/testing'; import { By } from '@angular/platform-browser'; -@Component( - { - selector: 'it-unit-test', - template: ` - first - second -

Text H3

- ` - } -) +@Component({ + selector: 'it-unit-test', + template: ` + first + second +

Text H3

+ `, +}) class UnitTestComponent { - @ViewChildren(ItForwardDirective) directives: QueryList + @ViewChildren(ItForwardDirective) directives: QueryList; } describe('ItForwardDirective', () => { - let component: UnitTestComponent; let fixture: ComponentFixture; beforeEach(fakeAsync(() => { TestBed.configureTestingModule({ declarations: [UnitTestComponent], - imports: [ItForwardDirective] + imports: [ItForwardDirective], }).compileComponents(); fixture = TestBed.createComponent(UnitTestComponent); @@ -38,25 +35,26 @@ describe('ItForwardDirective', () => { }); it('should trigger this.document.querySelector(...)?.scrollIntoView() if i pass a string', () => { - component.directives.changes.subscribe( - () => { - spyOn(component.directives.first['document'].querySelector(component.directives.first.itForward), 'scrollIntoView').and.returnValue(); - const aElement = fixture.debugElement.query(By.css('#firstA')); - aElement.nativeElement.click(); - expect(component.directives.first['document'].querySelector(component.directives.first.itForward).scrollIntoView).toHaveBeenCalled(); - } - ); + component.directives.changes.subscribe(() => { + spyOn( + component.directives.first['document'].querySelector(component.directives.first.itForward), + 'scrollIntoView' + ).and.returnValue(); + const aElement = fixture.debugElement.query(By.css('#firstA')); + aElement.nativeElement.click(); + expect( + component.directives.first['document'].querySelector(component.directives.first.itForward).scrollIntoView + ).toHaveBeenCalled(); + }); }); - it('should trigger this.itForward.scrollIntoView() if i pass an HTMLElement', async() => { - component.directives.changes.subscribe( - () => { - const itForward = component.directives.last.itForward; - spyOn(itForward, 'scrollIntoView').and.returnValue(); - const aElement = fixture.debugElement.query(By.css('#secondA')); - aElement.nativeElement.click(); - expect(itForward.scrollIntoView).toHaveBeenCalled(); - } - ); + it('should trigger this.itForward.scrollIntoView() if i pass an HTMLElement', async () => { + component.directives.changes.subscribe(() => { + const itForward = component.directives.last.itForward; + spyOn(itForward, 'scrollIntoView').and.returnValue(); + const aElement = fixture.debugElement.query(By.css('#secondA')); + aElement.nativeElement.click(); + expect(itForward.scrollIntoView).toHaveBeenCalled(); + }); }); }); diff --git a/projects/design-angular-kit/src/lib/components/core/forward/forward.directive.ts b/projects/design-angular-kit/src/lib/components/core/forward/forward.directive.ts index cf7374d6..0119e886 100644 --- a/projects/design-angular-kit/src/lib/components/core/forward/forward.directive.ts +++ b/projects/design-angular-kit/src/lib/components/core/forward/forward.directive.ts @@ -5,20 +5,21 @@ import { Directive, HostListener, Inject, Input } from '@angular/core'; standalone: true, selector: '[itForward]', // eslint-disable-next-line @angular-eslint/no-host-metadata-property - host: {'class': 'forward'} + host: { class: 'forward' }, }) export class ItForwardDirective { - /** * Indica, se HTMLElement, l'elemento a cui navigare, o se stringa, il selettore che selezionerà l'elemento a cui navigare. - */ - @Input() set itForward(value: HTMLElement | string | undefined) { this._itForward = value; } - get itForward(): HTMLElement | string | undefined { return this._itForward; } + */ + @Input() set itForward(value: HTMLElement | string | undefined) { + this._itForward = value; + } + get itForward(): HTMLElement | string | undefined { + return this._itForward; + } private _itForward: HTMLElement | string | undefined = undefined; - constructor( - @Inject(DOCUMENT) private document?: Document - ) { } + constructor(@Inject(DOCUMENT) private document?: Document) {} @HostListener('click', ['$event']) onClick(event: any) { @@ -28,16 +29,15 @@ export class ItForwardDirective { this.document?.querySelector(this.itForward)?.scrollIntoView({ behavior: 'smooth', block: 'start', - inline: "nearest" - }) + inline: 'nearest', + }); } else if (this.itForward instanceof HTMLElement) { this.itForward.scrollIntoView({ behavior: 'smooth', block: 'start', - inline: "nearest" + inline: 'nearest', }); } } } - } diff --git a/projects/design-angular-kit/src/lib/components/core/link/link.component.spec.ts b/projects/design-angular-kit/src/lib/components/core/link/link.component.spec.ts index b5bda220..4259fd8f 100644 --- a/projects/design-angular-kit/src/lib/components/core/link/link.component.spec.ts +++ b/projects/design-angular-kit/src/lib/components/core/link/link.component.spec.ts @@ -8,8 +8,7 @@ describe('ItLinkComponent', () => { let fixture: ComponentFixture; beforeEach(async () => { - await TestBed.configureTestingModule(tb_base) - .compileComponents(); + await TestBed.configureTestingModule(tb_base).compileComponents(); fixture = TestBed.createComponent(ItLinkComponent); component = fixture.componentInstance; diff --git a/projects/design-angular-kit/src/lib/components/core/list/list-item/list-item.component.spec.ts b/projects/design-angular-kit/src/lib/components/core/list/list-item/list-item.component.spec.ts index 3c7d35ce..3ff149d1 100644 --- a/projects/design-angular-kit/src/lib/components/core/list/list-item/list-item.component.spec.ts +++ b/projects/design-angular-kit/src/lib/components/core/list/list-item/list-item.component.spec.ts @@ -8,8 +8,7 @@ describe('ItListItemComponent', () => { let fixture: ComponentFixture; beforeEach(async () => { - await TestBed.configureTestingModule(tb_base) - .compileComponents(); + await TestBed.configureTestingModule(tb_base).compileComponents(); fixture = TestBed.createComponent(ItListItemComponent); component = fixture.componentInstance; diff --git a/projects/design-angular-kit/src/lib/components/core/list/list/list.component.spec.ts b/projects/design-angular-kit/src/lib/components/core/list/list/list.component.spec.ts index 988481af..597713ce 100644 --- a/projects/design-angular-kit/src/lib/components/core/list/list/list.component.spec.ts +++ b/projects/design-angular-kit/src/lib/components/core/list/list/list.component.spec.ts @@ -8,8 +8,7 @@ describe('ItListComponent', () => { let fixture: ComponentFixture; beforeEach(async () => { - await TestBed.configureTestingModule(tb_base) - .compileComponents(); + await TestBed.configureTestingModule(tb_base).compileComponents(); fixture = TestBed.createComponent(ItListComponent); component = fixture.componentInstance; diff --git a/projects/design-angular-kit/src/lib/components/core/modal/modal.component.spec.ts b/projects/design-angular-kit/src/lib/components/core/modal/modal.component.spec.ts index ce0e6d74..ca1fd7da 100644 --- a/projects/design-angular-kit/src/lib/components/core/modal/modal.component.spec.ts +++ b/projects/design-angular-kit/src/lib/components/core/modal/modal.component.spec.ts @@ -8,8 +8,7 @@ describe('ItModalComponent', () => { let fixture: ComponentFixture; beforeEach(async () => { - await TestBed.configureTestingModule(tb_base) - .compileComponents(); + await TestBed.configureTestingModule(tb_base).compileComponents(); fixture = TestBed.createComponent(ItModalComponent); component = fixture.componentInstance; diff --git a/projects/design-angular-kit/src/lib/components/core/notifications/notifications.component.spec.ts b/projects/design-angular-kit/src/lib/components/core/notifications/notifications.component.spec.ts index 9c170c95..c455f955 100644 --- a/projects/design-angular-kit/src/lib/components/core/notifications/notifications.component.spec.ts +++ b/projects/design-angular-kit/src/lib/components/core/notifications/notifications.component.spec.ts @@ -8,8 +8,7 @@ describe('ItNotificationsComponent', () => { let fixture: ComponentFixture; beforeEach(async () => { - await TestBed.configureTestingModule(tb_base) - .compileComponents(); + await TestBed.configureTestingModule(tb_base).compileComponents(); fixture = TestBed.createComponent(ItNotificationsComponent); component = fixture.componentInstance; diff --git a/projects/design-angular-kit/src/lib/components/core/pagination/pagination.component.spec.ts b/projects/design-angular-kit/src/lib/components/core/pagination/pagination.component.spec.ts index f1123243..d8b75601 100644 --- a/projects/design-angular-kit/src/lib/components/core/pagination/pagination.component.spec.ts +++ b/projects/design-angular-kit/src/lib/components/core/pagination/pagination.component.spec.ts @@ -8,8 +8,7 @@ describe('ItPaginationComponent', () => { let fixture: ComponentFixture; beforeEach(async () => { - await TestBed.configureTestingModule(tb_base) - .compileComponents(); + await TestBed.configureTestingModule(tb_base).compileComponents(); fixture = TestBed.createComponent(ItPaginationComponent); component = fixture.componentInstance; diff --git a/projects/design-angular-kit/src/lib/components/core/popover/popover.directive.spec.ts b/projects/design-angular-kit/src/lib/components/core/popover/popover.directive.spec.ts index ac6717bd..867ce8c9 100644 --- a/projects/design-angular-kit/src/lib/components/core/popover/popover.directive.spec.ts +++ b/projects/design-angular-kit/src/lib/components/core/popover/popover.directive.spec.ts @@ -1,22 +1,18 @@ -import { ElementRef } from '@angular/core' -import { TestBed } from '@angular/core/testing' +import { ElementRef } from '@angular/core'; +import { TestBed } from '@angular/core/testing'; -import { ItPopoverDirective } from './popover.directive' +import { ItPopoverDirective } from './popover.directive'; export class MockElementRef extends ElementRef { - nativeElement= {} + nativeElement = {}; } describe('ItPopoverDirective', () => { - - beforeEach(async () => { await TestBed.configureTestingModule({ - providers: [ - { provide: ElementRef, useClass: MockElementRef } - ] + providers: [{ provide: ElementRef, useClass: MockElementRef }], }).compileComponents(); - }) + }); it('should create an instance', () => { const directive = new ItPopoverDirective(TestBed.inject(ElementRef)); diff --git a/projects/design-angular-kit/src/lib/components/core/popover/popover.directive.ts b/projects/design-angular-kit/src/lib/components/core/popover/popover.directive.ts index d9e1bc28..39b13a78 100644 --- a/projects/design-angular-kit/src/lib/components/core/popover/popover.directive.ts +++ b/projects/design-angular-kit/src/lib/components/core/popover/popover.directive.ts @@ -6,10 +6,9 @@ import { inputToBoolean } from '../../../utils/coercion'; @Directive({ standalone: true, selector: '[itPopover]', - exportAs: 'itPopover' + exportAs: 'itPopover', }) export class ItPopoverDirective implements AfterViewInit, OnDestroy { - /** * Define the popover content * @param content the popover content @@ -29,7 +28,6 @@ export class ItPopoverDirective implements AfterViewInit, OnDestroy { } } - /** * Define the popover placement * @param placement @@ -96,9 +94,7 @@ export class ItPopoverDirective implements AfterViewInit, OnDestroy { private readonly element: HTMLElement; private popover?: Popover; - constructor( - private readonly _elementRef: ElementRef - ) { + constructor(private readonly _elementRef: ElementRef) { this.element = this._elementRef.nativeElement; } @@ -172,5 +168,4 @@ export class ItPopoverDirective implements AfterViewInit, OnDestroy { public update(): void { this.popover?.disable(); } - } diff --git a/projects/design-angular-kit/src/lib/components/core/progress-bar/progress-bar.component.spec.ts b/projects/design-angular-kit/src/lib/components/core/progress-bar/progress-bar.component.spec.ts index b1fc85ac..7d513479 100644 --- a/projects/design-angular-kit/src/lib/components/core/progress-bar/progress-bar.component.spec.ts +++ b/projects/design-angular-kit/src/lib/components/core/progress-bar/progress-bar.component.spec.ts @@ -8,8 +8,7 @@ describe('ItProgressBarComponent', () => { let fixture: ComponentFixture; beforeEach(async () => { - await TestBed.configureTestingModule(tb_base) - .compileComponents(); + await TestBed.configureTestingModule(tb_base).compileComponents(); fixture = TestBed.createComponent(ItProgressBarComponent); component = fixture.componentInstance; diff --git a/projects/design-angular-kit/src/lib/components/core/progress-button/progress-button.component.spec.ts b/projects/design-angular-kit/src/lib/components/core/progress-button/progress-button.component.spec.ts index c91d1ba4..a9efbe89 100644 --- a/projects/design-angular-kit/src/lib/components/core/progress-button/progress-button.component.spec.ts +++ b/projects/design-angular-kit/src/lib/components/core/progress-button/progress-button.component.spec.ts @@ -8,8 +8,7 @@ describe('ItProgressButtonComponent', () => { let fixture: ComponentFixture; beforeEach(async () => { - await TestBed.configureTestingModule(tb_base) - .compileComponents(); + await TestBed.configureTestingModule(tb_base).compileComponents(); fixture = TestBed.createComponent(ItProgressButtonComponent); component = fixture.componentInstance; diff --git a/projects/design-angular-kit/src/lib/components/core/steppers/steppers-item/steppers-item.component.spec.ts b/projects/design-angular-kit/src/lib/components/core/steppers/steppers-item/steppers-item.component.spec.ts index fbba35f8..f40d15ce 100644 --- a/projects/design-angular-kit/src/lib/components/core/steppers/steppers-item/steppers-item.component.spec.ts +++ b/projects/design-angular-kit/src/lib/components/core/steppers/steppers-item/steppers-item.component.spec.ts @@ -8,9 +8,8 @@ describe('ItSteppersItemComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ - imports: [ ItSteppersItemComponent ] - }) - .compileComponents(); + imports: [ItSteppersItemComponent], + }).compileComponents(); fixture = TestBed.createComponent(ItSteppersItemComponent); component = fixture.componentInstance; diff --git a/projects/design-angular-kit/src/lib/components/core/tab/tab-container/tab-container.component.spec.ts b/projects/design-angular-kit/src/lib/components/core/tab/tab-container/tab-container.component.spec.ts index fc16aa64..cf159111 100644 --- a/projects/design-angular-kit/src/lib/components/core/tab/tab-container/tab-container.component.spec.ts +++ b/projects/design-angular-kit/src/lib/components/core/tab/tab-container/tab-container.component.spec.ts @@ -8,8 +8,7 @@ describe('ItTabContainerComponent', () => { let fixture: ComponentFixture; beforeEach(async () => { - await TestBed.configureTestingModule(tb_base) - .compileComponents(); + await TestBed.configureTestingModule(tb_base).compileComponents(); fixture = TestBed.createComponent(ItTabContainerComponent); component = fixture.componentInstance; diff --git a/projects/design-angular-kit/src/lib/components/core/tab/tab-item/tab-item.component.spec.ts b/projects/design-angular-kit/src/lib/components/core/tab/tab-item/tab-item.component.spec.ts index 0b8c75ab..59e79f4b 100644 --- a/projects/design-angular-kit/src/lib/components/core/tab/tab-item/tab-item.component.spec.ts +++ b/projects/design-angular-kit/src/lib/components/core/tab/tab-item/tab-item.component.spec.ts @@ -8,9 +8,8 @@ describe('ItTabItemComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ - imports: [ ItTabItemComponent ] - }) - .compileComponents(); + imports: [ItTabItemComponent], + }).compileComponents(); fixture = TestBed.createComponent(ItTabItemComponent); component = fixture.componentInstance; diff --git a/projects/design-angular-kit/src/lib/components/core/tab/tab-item/tab-item.component.ts b/projects/design-angular-kit/src/lib/components/core/tab/tab-item/tab-item.component.ts index 5db00db3..2e4965ff 100644 --- a/projects/design-angular-kit/src/lib/components/core/tab/tab-item/tab-item.component.ts +++ b/projects/design-angular-kit/src/lib/components/core/tab/tab-item/tab-item.component.ts @@ -8,10 +8,9 @@ import { inputToBoolean } from '../../../../utils/coercion'; selector: 'it-tab-item', templateUrl: './tab-item.component.html', changeDetection: ChangeDetectionStrategy.OnPush, - imports: [] + imports: [], }) export class ItTabItemComponent extends ItAbstractComponent implements AfterViewInit { - /** * The tab label */ diff --git a/projects/design-angular-kit/src/lib/components/core/table/sort/sort-header/sort-header.component.html b/projects/design-angular-kit/src/lib/components/core/table/sort/sort-header/sort-header.component.html index 4ba34e57..085f7e4a 100644 --- a/projects/design-angular-kit/src/lib/components/core/table/sort/sort-header/sort-header.component.html +++ b/projects/design-angular-kit/src/lib/components/core/table/sort/sort-header/sort-header.component.html @@ -8,12 +8,12 @@ The approach is based off of: https://dequeuniversity.com/library/aria/tables/sf-sortable-grid --> -
- +
@@ -20,19 +19,12 @@

Input con icona o pulsanti
-
Icona
- - - - + + + +
- -
diff --git a/src/app/form-input/form-input-icon/form-input-icon.component.spec.ts b/src/app/form-input/form-input-icon/form-input-icon.component.spec.ts index 5df00bb3..ddc99329 100644 --- a/src/app/form-input/form-input-icon/form-input-icon.component.spec.ts +++ b/src/app/form-input/form-input-icon/form-input-icon.component.spec.ts @@ -8,9 +8,8 @@ describe('FormInputIconExampleComponent', () => { beforeEach(async(() => { TestBed.configureTestingModule({ - declarations: [ FormInputIconExampleComponent ] - }) - .compileComponents(); + declarations: [FormInputIconExampleComponent], + }).compileComponents(); })); beforeEach(() => { diff --git a/src/app/form-input/form-input-icon/form-input-icon.component.ts b/src/app/form-input/form-input-icon/form-input-icon.component.ts index 044ab083..4106a44d 100644 --- a/src/app/form-input/form-input-icon/form-input-icon.component.ts +++ b/src/app/form-input/form-input-icon/form-input-icon.component.ts @@ -4,12 +4,12 @@ import { IconName } from 'design-angular-kit/interfaces/icon'; @Component({ selector: 'it-form-input-icon-example', templateUrl: './form-input-icon.component.html', - styleUrls: ['./form-input-icon.component.scss'] + styleUrls: ['./form-input-icon.component.scss'], }) export class FormInputIconExampleComponent { i = 0; type = 'text'; icon: IconName = 'pencil'; value = ''; - label = "Etichetta di esempio"; + label = 'Etichetta di esempio'; } diff --git a/src/app/form-input/form-input-index/form-input-index.component.spec.ts b/src/app/form-input/form-input-index/form-input-index.component.spec.ts index e8dbca92..b7ceedf2 100644 --- a/src/app/form-input/form-input-index/form-input-index.component.spec.ts +++ b/src/app/form-input/form-input-index/form-input-index.component.spec.ts @@ -8,9 +8,8 @@ describe('FormInputIndexComponent', () => { beforeEach(async(() => { TestBed.configureTestingModule({ - declarations: [ FormInputIndexComponent ] - }) - .compileComponents(); + declarations: [FormInputIndexComponent], + }).compileComponents(); })); beforeEach(() => { diff --git a/src/app/form-input/form-input-index/form-input-index.component.ts b/src/app/form-input/form-input-index/form-input-index.component.ts index ac0efe1b..05eab0e5 100644 --- a/src/app/form-input/form-input-index/form-input-index.component.ts +++ b/src/app/form-input/form-input-index/form-input-index.component.ts @@ -4,14 +4,12 @@ import Documentation from '../../../assets/documentation.json'; @Component({ selector: 'it-form-input-index', templateUrl: './form-input-index.component.html', - styleUrls: ['./form-input-index.component.scss'] + styleUrls: ['./form-input-index.component.scss'], }) export class FormInputIndexComponent { - component: any; constructor() { this.component = (Documentation).components.find(component => component.name === 'ItInputComponent'); } - } diff --git a/src/app/form-input/form-input-number/form-input-number.component.html b/src/app/form-input/form-input-number/form-input-number.component.html index 2565d029..b8bf61da 100644 --- a/src/app/form-input/form-input-number/form-input-number.component.html +++ b/src/app/form-input/form-input-number/form-input-number.component.html @@ -1,43 +1,32 @@

Input Numerico

Limiti e Step
-

Aggiungendo le proprietà "min", "max" e "step" all’input è possibile - limitare il valore minimo e massimo del campo e decidere di quanto varierà a ogni click sui pulsanti.

+

+ Aggiungendo le proprietà "min", "max" e "step" all’input è possibile limitare il valore minimo e massimo del campo e decidere di quanto + varierà a ogni click sui pulsanti. +

- - +
Valuta

Per anteporre il simbolo della valuta in Euro, aggiungere la proprietà "currency"

- - +
Percentuale

Per anteporre il simbolo della percentuale in Euro, aggiungere la proprietà "percentage"

- +
Ridimensionamento
-

È possibile far sì che il campo numerico si ridimensioni automaticamente a seconda del valore - contenuto in esso. - Basta aggiungere la proprietà "adaptive"

+

+ È possibile far sì che il campo numerico si ridimensioni automaticamente a seconda del valore contenuto in esso. Basta aggiungere la + proprietà "adaptive" +

- - +
diff --git a/src/app/form-input/form-input-number/form-input-number.component.spec.ts b/src/app/form-input/form-input-number/form-input-number.component.spec.ts index 99eabe7c..6176b4c3 100644 --- a/src/app/form-input/form-input-number/form-input-number.component.spec.ts +++ b/src/app/form-input/form-input-number/form-input-number.component.spec.ts @@ -1,4 +1,4 @@ -import { async, ComponentFixture, fakeAsync, TestBed } from '@angular/core/testing'; +import { ComponentFixture, fakeAsync, TestBed } from '@angular/core/testing'; import { FormInputNumberExampleComponent } from './form-input-number.component'; @@ -8,9 +8,8 @@ describe('FormInputIconExampleComponent', () => { beforeEach(fakeAsync(() => { TestBed.configureTestingModule({ - declarations: [ FormInputNumberExampleComponent ] - }) - .compileComponents(); + declarations: [FormInputNumberExampleComponent], + }).compileComponents(); })); beforeEach(() => { diff --git a/src/app/form-input/form-input-number/form-input-number.component.ts b/src/app/form-input/form-input-number/form-input-number.component.ts index f6ab64a2..ee20773f 100644 --- a/src/app/form-input/form-input-number/form-input-number.component.ts +++ b/src/app/form-input/form-input-number/form-input-number.component.ts @@ -3,7 +3,7 @@ import { Component } from '@angular/core'; @Component({ selector: 'it-form-input-number-example', templateUrl: './form-input-number.component.html', - styleUrls: ['./form-input-number.component.scss'] + styleUrls: ['./form-input-number.component.scss'], }) export class FormInputNumberExampleComponent { adaptiveInputValue: number = 99999; diff --git a/src/app/form-input/form-input-routing.module.ts b/src/app/form-input/form-input-routing.module.ts index c197796a..3c589ed7 100644 --- a/src/app/form-input/form-input-routing.module.ts +++ b/src/app/form-input/form-input-routing.module.ts @@ -2,12 +2,10 @@ import { NgModule } from '@angular/core'; import { Routes, RouterModule } from '@angular/router'; import { FormInputIndexComponent } from './form-input-index/form-input-index.component'; -const routes: Routes = [ - { path: '', component: FormInputIndexComponent } -]; +const routes: Routes = [{ path: '', component: FormInputIndexComponent }]; @NgModule({ imports: [RouterModule.forChild(routes)], - exports: [RouterModule] + exports: [RouterModule], }) -export class FormInputRoutingModule { } +export class FormInputRoutingModule {} diff --git a/src/app/form-input/form-input.module.ts b/src/app/form-input/form-input.module.ts index a5e2d53c..a9bfab4d 100644 --- a/src/app/form-input/form-input.module.ts +++ b/src/app/form-input/form-input.module.ts @@ -7,22 +7,14 @@ import { FormInputExamplesComponent } from './form-input-examples/form-input-exa import { FormInputIndexComponent } from './form-input-index/form-input-index.component'; import { SharedModule } from '../shared/shared.module'; import { FormsModule, ReactiveFormsModule } from '@angular/forms'; -import { - TemplateDrivenValidationExampleComponent -} from './template-driven-validation-example/template-driven-validation-example.component'; +import { TemplateDrivenValidationExampleComponent } from './template-driven-validation-example/template-driven-validation-example.component'; import { ModelDrivenValidationExampleComponent } from './model-driven-validation-example/model-driven-validation-example.component'; import { FormInputIconExampleComponent } from './form-input-icon/form-input-icon.component'; import { FormInputNumberExampleComponent } from './form-input-number/form-input-number.component'; import { FormInputCalendarExampleComponent } from './form-input-calendar/form-input-calendar.component'; @NgModule({ - imports: [ - CommonModule, - FormsModule, - SharedModule, - FormInputRoutingModule, - ReactiveFormsModule - ], + imports: [CommonModule, FormsModule, SharedModule, FormInputRoutingModule, ReactiveFormsModule], declarations: [ FormInputExampleComponent, FormInputIconExampleComponent, @@ -32,6 +24,6 @@ import { FormInputCalendarExampleComponent } from './form-input-calendar/form-in ModelDrivenValidationExampleComponent, FormInputNumberExampleComponent, FormInputCalendarExampleComponent, - ] + ], }) -export class FormInputModule { } +export class FormInputModule {} diff --git a/src/app/form-input/model-driven-validation-example/model-driven-validation-example.component.html b/src/app/form-input/model-driven-validation-example/model-driven-validation-example.component.html index 0a40174e..c0f08393 100644 --- a/src/app/form-input/model-driven-validation-example/model-driven-validation-example.component.html +++ b/src/app/form-input/model-driven-validation-example/model-driven-validation-example.component.html @@ -2,7 +2,6 @@

Interazione con Form Input dotato di validazione Model Driven

-
@@ -51,6 +50,6 @@

Interazione con Form Input dotato di validazione Model Driven

-
Salvato `{{savedValue}}`
+
Salvato `{{ savedValue }}`
diff --git a/src/app/form-input/model-driven-validation-example/model-driven-validation-example.component.spec.ts b/src/app/form-input/model-driven-validation-example/model-driven-validation-example.component.spec.ts index aadea825..c9ffc378 100644 --- a/src/app/form-input/model-driven-validation-example/model-driven-validation-example.component.spec.ts +++ b/src/app/form-input/model-driven-validation-example/model-driven-validation-example.component.spec.ts @@ -1,7 +1,7 @@ -import { async, ComponentFixture, TestBed } from '@angular/core/testing' -import { FormsModule, ReactiveFormsModule } from '@angular/forms' +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; +import { FormsModule, ReactiveFormsModule } from '@angular/forms'; -import { ModelDrivenValidationExampleComponent } from './model-driven-validation-example.component' +import { ModelDrivenValidationExampleComponent } from './model-driven-validation-example.component'; describe('ModelDrivenValidationExampleComponent', () => { let component: ModelDrivenValidationExampleComponent; @@ -9,9 +9,9 @@ describe('ModelDrivenValidationExampleComponent', () => { beforeEach(async(() => { TestBed.configureTestingModule({ - declarations: [ ModelDrivenValidationExampleComponent ], imports: [FormsModule, ReactiveFormsModule] - }) - .compileComponents(); + declarations: [ModelDrivenValidationExampleComponent], + imports: [FormsModule, ReactiveFormsModule], + }).compileComponents(); })); beforeEach(() => { diff --git a/src/app/form-input/model-driven-validation-example/model-driven-validation-example.component.ts b/src/app/form-input/model-driven-validation-example/model-driven-validation-example.component.ts index 60a2b8be..a04b98c9 100644 --- a/src/app/form-input/model-driven-validation-example/model-driven-validation-example.component.ts +++ b/src/app/form-input/model-driven-validation-example/model-driven-validation-example.component.ts @@ -5,19 +5,13 @@ import { ItValidators } from 'design-angular-kit/validators/it-validators'; @Component({ selector: 'it-model-driven-validation-example', templateUrl: './model-driven-validation-example.component.html', - styleUrls: ['./model-driven-validation-example.component.scss'] + styleUrls: ['./model-driven-validation-example.component.scss'], }) export class ModelDrivenValidationExampleComponent { - myForm: FormGroup; constructor(private _fb: FormBuilder) { - const validators = [ - Validators.required, - Validators.minLength(3), - Validators.maxLength(10), - Validators.pattern('[ab]+') - ]; + const validators = [Validators.required, Validators.minLength(3), Validators.maxLength(10), Validators.pattern('[ab]+')]; this.myForm = this._fb.group({ taxCode: [null, ItValidators.taxCode], vat: [null, ItValidators.vatNumber], diff --git a/src/app/form-input/template-driven-validation-example/template-driven-validation-example.component.html b/src/app/form-input/template-driven-validation-example/template-driven-validation-example.component.html index 25dd36ff..8c7b8a21 100644 --- a/src/app/form-input/template-driven-validation-example/template-driven-validation-example.component.html +++ b/src/app/form-input/template-driven-validation-example/template-driven-validation-example.component.html @@ -2,16 +2,12 @@

Interazione con Form Input dotato di validazione Template Driven

- + -
Salvato `{{savedValue}}`
+
Salvato `{{ savedValue }}`
diff --git a/src/app/form-input/template-driven-validation-example/template-driven-validation-example.component.spec.ts b/src/app/form-input/template-driven-validation-example/template-driven-validation-example.component.spec.ts index 16df2860..57233a29 100644 --- a/src/app/form-input/template-driven-validation-example/template-driven-validation-example.component.spec.ts +++ b/src/app/form-input/template-driven-validation-example/template-driven-validation-example.component.spec.ts @@ -8,9 +8,8 @@ describe('TemplateDrivenValidationExampleComponent', () => { beforeEach(async(() => { TestBed.configureTestingModule({ - declarations: [ TemplateDrivenValidationExampleComponent ] - }) - .compileComponents(); + declarations: [TemplateDrivenValidationExampleComponent], + }).compileComponents(); })); beforeEach(() => { diff --git a/src/app/form-input/template-driven-validation-example/template-driven-validation-example.component.ts b/src/app/form-input/template-driven-validation-example/template-driven-validation-example.component.ts index ad41749d..0a4572c8 100644 --- a/src/app/form-input/template-driven-validation-example/template-driven-validation-example.component.ts +++ b/src/app/form-input/template-driven-validation-example/template-driven-validation-example.component.ts @@ -4,7 +4,7 @@ import { NgForm } from '@angular/forms'; @Component({ selector: 'it-template-driven-validation-example', templateUrl: './template-driven-validation-example.component.html', - styleUrls: ['./template-driven-validation-example.component.scss'] + styleUrls: ['./template-driven-validation-example.component.scss'], }) export class TemplateDrivenValidationExampleComponent { value = ''; diff --git a/src/app/forward/forward-example/forward-example.component.html b/src/app/forward/forward-example/forward-example.component.html index 369c2540..cdef24ae 100644 --- a/src/app/forward/forward-example/forward-example.component.html +++ b/src/app/forward/forward-example/forward-example.component.html @@ -1,6 +1,5 @@

Configurazione forward

-
@@ -17,30 +16,28 @@

Configurazione forward

- Et et consectetur ipsum labore excepteur est proident excepteur ad velit occaecat qui minim occaecat veniam. - Fugiat veniam incididunt anim aliqua enim pariatur veniam sunt est aute sit dolor anim. Velit non irure - adipisicing aliqua ullamco irure incididunt irure non esse consectetur nostrud minim non minim occaecat. Amet - duis do nisi duis veniam non est eiusmod tempor incididunt tempor dolor ipsum in qui sit. Exercitation mollit - sit culpa nisi culpa non adipisicing reprehenderit do dolore. Duis reprehenderit occaecat anim ullamco ad duis - occaecat ex. + Et et consectetur ipsum labore excepteur est proident excepteur ad velit occaecat qui minim occaecat veniam. Fugiat veniam + incididunt anim aliqua enim pariatur veniam sunt est aute sit dolor anim. Velit non irure adipisicing aliqua ullamco irure + incididunt irure non esse consectetur nostrud minim non minim occaecat. Amet duis do nisi duis veniam non est eiusmod tempor + incididunt tempor dolor ipsum in qui sit. Exercitation mollit sit culpa nisi culpa non adipisicing reprehenderit do dolore. Duis + reprehenderit occaecat anim ullamco ad duis occaecat ex.

- Nulla est ullamco ut irure incididunt nulla Lorem Lorem minim irure officia enim reprehenderit. Magna duis - labore cillum sint adipisicing exercitation ipsum. Nostrud ut anim non exercitation velit laboris fugiat - cupidatat. Commodo esse dolore fugiat sint velit ullamco magna consequat voluptate minim amet aliquip ipsum aute - laboris nisi. Labore labore veniam irure irure ipsum pariatur mollit magna in cupidatat dolore magna irure esse - tempor ad mollit. Dolore commodo nulla minim amet ipsum officia consectetur amet ullamco voluptate nisi commodo - ea sit eu.

+ Nulla est ullamco ut irure incididunt nulla Lorem Lorem minim irure officia enim reprehenderit. Magna duis labore cillum sint + adipisicing exercitation ipsum. Nostrud ut anim non exercitation velit laboris fugiat cupidatat. Commodo esse dolore fugiat sint + velit ullamco magna consequat voluptate minim amet aliquip ipsum aute laboris nisi. Labore labore veniam irure irure ipsum pariatur + mollit magna in cupidatat dolore magna irure esse tempor ad mollit. Dolore commodo nulla minim amet ipsum officia consectetur amet + ullamco voluptate nisi commodo ea sit eu. +

- Sint sit mollit irure quis est nostrud cillum consequat Lorem esse do quis dolor esse fugiat sunt do. Eu ex - commodo veniam Lorem aliquip laborum occaecat qui Lorem esse mollit dolore anim cupidatat. Deserunt officia id - Lorem nostrud aute id commodo elit eiusmod enim irure amet eiusmod qui reprehenderit nostrud tempor. Fugiat - ipsum excepteur in aliqua non et quis aliquip ad irure in labore cillum elit enim. Consequat aliquip incididunt - ipsum et minim laborum laborum laborum et cillum labore. Deserunt adipisicing cillum id nulla minim nostrud - labore eiusmod et amet. Laboris consequat consequat commodo non ut non aliquip reprehenderit nulla anim + Sint sit mollit irure quis est nostrud cillum consequat Lorem esse do quis dolor esse fugiat sunt do. Eu ex commodo veniam Lorem + aliquip laborum occaecat qui Lorem esse mollit dolore anim cupidatat. Deserunt officia id Lorem nostrud aute id commodo elit eiusmod + enim irure amet eiusmod qui reprehenderit nostrud tempor. Fugiat ipsum excepteur in aliqua non et quis aliquip ad irure in labore + cillum elit enim. Consequat aliquip incididunt ipsum et minim laborum laborum laborum et cillum labore. Deserunt adipisicing cillum + id nulla minim nostrud labore eiusmod et amet. Laboris consequat consequat commodo non ut non aliquip reprehenderit nulla anim occaecat. Sunt sit ullamco reprehenderit irure ea ullamco Lorem aute nostrud magna.

H3 a cui navigare

-
\ No newline at end of file +
diff --git a/src/app/forward/forward-example/forward-example.component.ts b/src/app/forward/forward-example/forward-example.component.ts index b9ca2011..59002a21 100644 --- a/src/app/forward/forward-example/forward-example.component.ts +++ b/src/app/forward/forward-example/forward-example.component.ts @@ -7,18 +7,16 @@ import { IconColor, IconName, IconSize } from 'projects/design-angular-kit/src/p styles: [ ` .bd-content-title:before { - content: ""; + content: ''; display: block; height: 96px; margin: -96px 0 0; } - ` - ] + `, + ], }) export class ForwardExampleComponent { - icon: IconName = 'expand'; color: IconColor = 'primary'; size: IconSize = 'lg'; - } diff --git a/src/app/forward/forward-examples/forward-examples.component.ts b/src/app/forward/forward-examples/forward-examples.component.ts index c36fa7ce..4a08a83d 100644 --- a/src/app/forward/forward-examples/forward-examples.component.ts +++ b/src/app/forward/forward-examples/forward-examples.component.ts @@ -2,8 +2,6 @@ import { Component } from '@angular/core'; @Component({ selector: 'it-forward-examples', - templateUrl: './forward-examples.component.html' + templateUrl: './forward-examples.component.html', }) -export class ForwardExamplesComponent { - -} +export class ForwardExamplesComponent {} diff --git a/src/app/forward/forward-index/forward-index.component.html b/src/app/forward/forward-index/forward-index.component.html index 34e4619b..b2e63f09 100644 --- a/src/app/forward/forward-index/forward-index.component.html +++ b/src/app/forward/forward-index/forward-index.component.html @@ -9,4 +9,3 @@

Forward

- diff --git a/src/app/forward/forward-index/forward-index.component.ts b/src/app/forward/forward-index/forward-index.component.ts index c21949b0..ae8be92f 100644 --- a/src/app/forward/forward-index/forward-index.component.ts +++ b/src/app/forward/forward-index/forward-index.component.ts @@ -3,14 +3,12 @@ import Documentation from '../../../assets/documentation.json'; @Component({ selector: 'it-forward-index', - templateUrl: './forward-index.component.html' + templateUrl: './forward-index.component.html', }) export class ForwardIndexComponent { - directive: any; constructor() { this.directive = (Documentation).directives.find(directive => directive.name === 'ItForwardDirective'); } - } diff --git a/src/app/forward/forward-routing.module.ts b/src/app/forward/forward-routing.module.ts index 9140dad3..6d249814 100644 --- a/src/app/forward/forward-routing.module.ts +++ b/src/app/forward/forward-routing.module.ts @@ -2,12 +2,10 @@ import { NgModule } from '@angular/core'; import { Routes, RouterModule } from '@angular/router'; import { ForwardIndexComponent } from './forward-index/forward-index.component'; -const routes: Routes = [ - { path: '', component: ForwardIndexComponent } -]; +const routes: Routes = [{ path: '', component: ForwardIndexComponent }]; @NgModule({ imports: [RouterModule.forChild(routes)], - exports: [RouterModule] + exports: [RouterModule], }) -export class ForwardRoutingModule { } +export class ForwardRoutingModule {} diff --git a/src/app/forward/forward.module.ts b/src/app/forward/forward.module.ts index 5e178f7b..3c268665 100644 --- a/src/app/forward/forward.module.ts +++ b/src/app/forward/forward.module.ts @@ -9,16 +9,8 @@ import { ForwardExampleComponent } from './forward-example/forward-example.compo import { ForwardExamplesComponent } from './forward-examples/forward-examples.component'; import { ForwardIndexComponent } from './forward-index/forward-index.component'; - - - @NgModule({ - imports: [ - CommonModule, - FormsModule, - SharedModule, - ForwardRoutingModule - ], - declarations: [ForwardExampleComponent, ForwardExamplesComponent, ForwardIndexComponent] + imports: [CommonModule, FormsModule, SharedModule, ForwardRoutingModule], + declarations: [ForwardExampleComponent, ForwardExamplesComponent, ForwardIndexComponent], }) -export class ForwardModule { } +export class ForwardModule {} diff --git a/src/app/header/header-example/header-example.component.spec.ts b/src/app/header/header-example/header-example.component.spec.ts index 1dc4447e..b0342f0b 100644 --- a/src/app/header/header-example/header-example.component.spec.ts +++ b/src/app/header/header-example/header-example.component.spec.ts @@ -8,7 +8,7 @@ describe('HeaderExampleComponent', () => { beforeEach(() => { TestBed.configureTestingModule({ - declarations: [HeaderExampleComponent] + declarations: [HeaderExampleComponent], }); fixture = TestBed.createComponent(HeaderExampleComponent); component = fixture.componentInstance; diff --git a/src/app/header/header-example/header-example.component.ts b/src/app/header/header-example/header-example.component.ts index de14b294..184e8ea1 100644 --- a/src/app/header/header-example/header-example.component.ts +++ b/src/app/header/header-example/header-example.component.ts @@ -3,7 +3,7 @@ import { Component } from '@angular/core'; @Component({ selector: 'it-header-example', templateUrl: './header-example.component.html', - styleUrls: ['./header-example.component.scss'] + styleUrls: ['./header-example.component.scss'], }) export class HeaderExampleComponent { light = false; diff --git a/src/app/header/header-examples/header-examples.component.spec.ts b/src/app/header/header-examples/header-examples.component.spec.ts index a808ea2b..2ea7ad03 100644 --- a/src/app/header/header-examples/header-examples.component.spec.ts +++ b/src/app/header/header-examples/header-examples.component.spec.ts @@ -8,7 +8,7 @@ describe('HeaderExamplesComponent', () => { beforeEach(() => { TestBed.configureTestingModule({ - declarations: [HeaderExamplesComponent] + declarations: [HeaderExamplesComponent], }); fixture = TestBed.createComponent(HeaderExamplesComponent); component = fixture.componentInstance; diff --git a/src/app/header/header-examples/header-examples.component.ts b/src/app/header/header-examples/header-examples.component.ts index 665583f6..0527c875 100644 --- a/src/app/header/header-examples/header-examples.component.ts +++ b/src/app/header/header-examples/header-examples.component.ts @@ -3,8 +3,6 @@ import { Component } from '@angular/core'; @Component({ selector: 'it-header-examples', templateUrl: './header-examples.component.html', - styleUrls: ['./header-examples.component.scss'] + styleUrls: ['./header-examples.component.scss'], }) -export class HeaderExamplesComponent { - -} +export class HeaderExamplesComponent {} diff --git a/src/app/header/header-index/header-index.component.html b/src/app/header/header-index/header-index.component.html index 0ddadff0..21e4de13 100644 --- a/src/app/header/header-index/header-index.component.html +++ b/src/app/header/header-index/header-index.component.html @@ -9,4 +9,3 @@

Header

- diff --git a/src/app/header/header-index/header-index.component.ts b/src/app/header/header-index/header-index.component.ts index 20a74cce..6f99a562 100644 --- a/src/app/header/header-index/header-index.component.ts +++ b/src/app/header/header-index/header-index.component.ts @@ -3,14 +3,12 @@ import Documentation from '../../../assets/documentation.json'; @Component({ selector: 'it-header-index', - templateUrl: './header-index.component.html' + templateUrl: './header-index.component.html', }) export class HeaderIndexComponent { - component: any; constructor() { this.component = (Documentation).components.find(component => component.name === 'ItHeaderComponent'); } - } diff --git a/src/app/header/header-routing.module.ts b/src/app/header/header-routing.module.ts index 3941d9c5..1f0c19d6 100644 --- a/src/app/header/header-routing.module.ts +++ b/src/app/header/header-routing.module.ts @@ -2,12 +2,10 @@ import { NgModule } from '@angular/core'; import { Routes, RouterModule } from '@angular/router'; import { HeaderIndexComponent } from './header-index/header-index.component'; -const routes: Routes = [ - { path: '', component: HeaderIndexComponent } -]; +const routes: Routes = [{ path: '', component: HeaderIndexComponent }]; @NgModule({ imports: [RouterModule.forChild(routes)], - exports: [RouterModule] + exports: [RouterModule], }) -export class HeaderRoutingModule { } +export class HeaderRoutingModule {} diff --git a/src/app/header/header.module.ts b/src/app/header/header.module.ts index 21c313aa..ecdac009 100644 --- a/src/app/header/header.module.ts +++ b/src/app/header/header.module.ts @@ -9,18 +9,8 @@ import { FormsModule } from '@angular/forms'; import { SharedModule } from '../shared/shared.module'; import { HeaderRoutingModule } from './header-routing.module'; - @NgModule({ - declarations: [ - HeaderExamplesComponent, - HeaderExampleComponent, - HeaderIndexComponent - ], - imports: [ - CommonModule, - SharedModule, - FormsModule, - HeaderRoutingModule - ] + declarations: [HeaderExamplesComponent, HeaderExampleComponent, HeaderIndexComponent], + imports: [CommonModule, SharedModule, FormsModule, HeaderRoutingModule], }) -export class HeaderModule { } +export class HeaderModule {} diff --git a/src/app/icon/icon-alignment-example/icon-alignment-example.component.html b/src/app/icon/icon-alignment-example/icon-alignment-example.component.html index 35e9fb93..3ba13dc9 100644 --- a/src/app/icon/icon-alignment-example/icon-alignment-example.component.html +++ b/src/app/icon/icon-alignment-example/icon-alignment-example.component.html @@ -1,6 +1,6 @@

Allineamenti

-
+
diff --git a/src/app/icon/icon-alignment-example/icon-alignment-example.component.spec.ts b/src/app/icon/icon-alignment-example/icon-alignment-example.component.spec.ts index b606b910..07c59bcf 100644 --- a/src/app/icon/icon-alignment-example/icon-alignment-example.component.spec.ts +++ b/src/app/icon/icon-alignment-example/icon-alignment-example.component.spec.ts @@ -8,9 +8,8 @@ describe('IconAlignmentExampleComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ - declarations: [ IconAlignmentExampleComponent ] - }) - .compileComponents(); + declarations: [IconAlignmentExampleComponent], + }).compileComponents(); fixture = TestBed.createComponent(IconAlignmentExampleComponent); component = fixture.componentInstance; diff --git a/src/app/icon/icon-alignment-example/icon-alignment-example.component.ts b/src/app/icon/icon-alignment-example/icon-alignment-example.component.ts index ead59399..23053e48 100644 --- a/src/app/icon/icon-alignment-example/icon-alignment-example.component.ts +++ b/src/app/icon/icon-alignment-example/icon-alignment-example.component.ts @@ -2,8 +2,6 @@ import { Component } from '@angular/core'; @Component({ selector: 'it-icon-alignment-example', - templateUrl: './icon-alignment-example.component.html' + templateUrl: './icon-alignment-example.component.html', }) -export class IconAlignmentExampleComponent { - -} +export class IconAlignmentExampleComponent {} diff --git a/src/app/icon/icon-color-example/icon-color-example.component.spec.ts b/src/app/icon/icon-color-example/icon-color-example.component.spec.ts index 3ef19619..23c4b7ea 100644 --- a/src/app/icon/icon-color-example/icon-color-example.component.spec.ts +++ b/src/app/icon/icon-color-example/icon-color-example.component.spec.ts @@ -8,9 +8,8 @@ describe('IconColorExampleComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ - declarations: [ IconColorExampleComponent ] - }) - .compileComponents(); + declarations: [IconColorExampleComponent], + }).compileComponents(); fixture = TestBed.createComponent(IconColorExampleComponent); component = fixture.componentInstance; diff --git a/src/app/icon/icon-color-example/icon-color-example.component.ts b/src/app/icon/icon-color-example/icon-color-example.component.ts index 9ad3b94f..5c5e96c0 100644 --- a/src/app/icon/icon-color-example/icon-color-example.component.ts +++ b/src/app/icon/icon-color-example/icon-color-example.component.ts @@ -2,8 +2,6 @@ import { Component } from '@angular/core'; @Component({ selector: 'it-icon-color-example', - templateUrl: './icon-color-example.component.html' + templateUrl: './icon-color-example.component.html', }) -export class IconColorExampleComponent { - -} +export class IconColorExampleComponent {} diff --git a/src/app/icon/icon-example/icon-example.component.spec.ts b/src/app/icon/icon-example/icon-example.component.spec.ts index c3454326..066e838f 100644 --- a/src/app/icon/icon-example/icon-example.component.spec.ts +++ b/src/app/icon/icon-example/icon-example.component.spec.ts @@ -8,9 +8,8 @@ describe('IconExampleComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ - declarations: [ IconExampleComponent ] - }) - .compileComponents(); + declarations: [IconExampleComponent], + }).compileComponents(); fixture = TestBed.createComponent(IconExampleComponent); component = fixture.componentInstance; diff --git a/src/app/icon/icon-example/icon-example.component.ts b/src/app/icon/icon-example/icon-example.component.ts index 304f3aad..79f858d7 100644 --- a/src/app/icon/icon-example/icon-example.component.ts +++ b/src/app/icon/icon-example/icon-example.component.ts @@ -3,7 +3,7 @@ import { ChangeDetectionStrategy, Component } from '@angular/core'; @Component({ selector: 'it-icon-example', templateUrl: './icon-example.component.html', - changeDetection: ChangeDetectionStrategy.OnPush + changeDetection: ChangeDetectionStrategy.OnPush, }) export class IconExampleComponent { exampleText: string = ''; diff --git a/src/app/icon/icon-examples/icon-examples.component.spec.ts b/src/app/icon/icon-examples/icon-examples.component.spec.ts index 78a2dc23..d84f774c 100644 --- a/src/app/icon/icon-examples/icon-examples.component.spec.ts +++ b/src/app/icon/icon-examples/icon-examples.component.spec.ts @@ -8,9 +8,8 @@ describe('IconExamplesComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ - declarations: [ IconExamplesComponent ] - }) - .compileComponents(); + declarations: [IconExamplesComponent], + }).compileComponents(); fixture = TestBed.createComponent(IconExamplesComponent); component = fixture.componentInstance; diff --git a/src/app/icon/icon-examples/icon-examples.component.ts b/src/app/icon/icon-examples/icon-examples.component.ts index 27b01025..77e3dada 100644 --- a/src/app/icon/icon-examples/icon-examples.component.ts +++ b/src/app/icon/icon-examples/icon-examples.component.ts @@ -2,8 +2,6 @@ import { Component } from '@angular/core'; @Component({ selector: 'it-icon-examples', - templateUrl: './icon-examples.component.html' + templateUrl: './icon-examples.component.html', }) -export class IconExamplesComponent { - -} +export class IconExamplesComponent {} diff --git a/src/app/icon/icon-index/icon-index.component.spec.ts b/src/app/icon/icon-index/icon-index.component.spec.ts index 818d864f..2f2fb5d6 100644 --- a/src/app/icon/icon-index/icon-index.component.spec.ts +++ b/src/app/icon/icon-index/icon-index.component.spec.ts @@ -8,9 +8,8 @@ describe('IconIndexComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ - declarations: [ IconIndexComponent ] - }) - .compileComponents(); + declarations: [IconIndexComponent], + }).compileComponents(); fixture = TestBed.createComponent(IconIndexComponent); component = fixture.componentInstance; diff --git a/src/app/icon/icon-index/icon-index.component.ts b/src/app/icon/icon-index/icon-index.component.ts index 1e49bbec..96e24805 100644 --- a/src/app/icon/icon-index/icon-index.component.ts +++ b/src/app/icon/icon-index/icon-index.component.ts @@ -3,28 +3,28 @@ import Documentation from '../../../assets/documentation.json'; @Component({ selector: 'it-icon-index', - templateUrl: './icon-index.component.html' + templateUrl: './icon-index.component.html', }) export class IconIndexComponent { - component: any; - readonly hrefLibraryConfig = "import {DesignAngularKitModule, DesignAngularKitInit} from 'design-angular-kit';\n" + - " \n" + - " const initConfig: DesignAngularKitInit = {\n" + - " /**\n" + - " * The initial path in the `href` attribute in the `IconComponent` component\n" + + readonly hrefLibraryConfig = + "import {DesignAngularKitModule, DesignAngularKitInit} from 'design-angular-kit';\n" + + ' \n' + + ' const initConfig: DesignAngularKitInit = {\n' + + ' /**\n' + + ' * The initial path in the `href` attribute in the `IconComponent` component\n' + " * @default './bootstrap-italia/dist/svg/sprites.svg'\n" + - " */\n" + + ' */\n' + " iconHref: 'my-path/svg/sprites.svg',\n" + - " };\n" + - " \n" + - " @NgModule({\n" + - " imports: [\n" + - " ...\n" + - " DesignAngularKitModule.forRoot(initConfig)\n" + - " ]\n" + - " })"; + ' };\n' + + ' \n' + + ' @NgModule({\n' + + ' imports: [\n' + + ' ...\n' + + ' DesignAngularKitModule.forRoot(initConfig)\n' + + ' ]\n' + + ' })'; constructor() { this.component = (Documentation).components.find(component => component.name === 'ItIconComponent'); diff --git a/src/app/icon/icon-list-example/icon-list-example.component.html b/src/app/icon/icon-list-example/icon-list-example.component.html index f54fada4..9a600723 100644 --- a/src/app/icon/icon-list-example/icon-list-example.component.html +++ b/src/app/icon/icon-list-example/icon-list-example.component.html @@ -1,15 +1,13 @@

Lista delle icone disponibili

-

{{group.name}}

+

{{ group.name }}

- -
{{icon}}
- +
{{ icon }}
diff --git a/src/app/icon/icon-list-example/icon-list-example.component.spec.ts b/src/app/icon/icon-list-example/icon-list-example.component.spec.ts index ea2d49c7..9840e218 100644 --- a/src/app/icon/icon-list-example/icon-list-example.component.spec.ts +++ b/src/app/icon/icon-list-example/icon-list-example.component.spec.ts @@ -8,9 +8,8 @@ describe('IconListExampleComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ - declarations: [ IconListExampleComponent ] - }) - .compileComponents(); + declarations: [IconListExampleComponent], + }).compileComponents(); fixture = TestBed.createComponent(IconListExampleComponent); component = fixture.componentInstance; diff --git a/src/app/icon/icon-list-example/icon-list-example.component.ts b/src/app/icon/icon-list-example/icon-list-example.component.ts index 49c45a83..a3297db2 100644 --- a/src/app/icon/icon-list-example/icon-list-example.component.ts +++ b/src/app/icon/icon-list-example/icon-list-example.component.ts @@ -4,11 +4,10 @@ import { IconName, IconNameArray } from 'design-angular-kit/interfaces/icon'; @Component({ selector: 'it-icon-list-example', templateUrl: './icon-list-example.component.html', - changeDetection: ChangeDetectionStrategy.OnPush + changeDetection: ChangeDetectionStrategy.OnPush, }) export class IconListExampleComponent { - - iconGroups: Array<{ name?: string, icons: Readonly> }>; + iconGroups: Array<{ name?: string; icons: Readonly> }>; constructor() { const indexFile = IconNameArray.indexOf('file'); @@ -17,20 +16,20 @@ export class IconListExampleComponent { this.iconGroups = [ { - icons: indexFile >= 0 ? IconNameArray.slice(0, indexFile) : [] + icons: indexFile >= 0 ? IconNameArray.slice(0, indexFile) : [], }, { name: 'File', - icons: indexFile >= 0 && indexPlatform >= 0 ? IconNameArray.slice(indexFile, indexPlatform) : [] + icons: indexFile >= 0 && indexPlatform >= 0 ? IconNameArray.slice(indexFile, indexPlatform) : [], }, { name: 'Piattaforme', - icons: indexExtra >= 0 && indexPlatform >= 0 ? IconNameArray.slice(indexPlatform, indexExtra) : [] + icons: indexExtra >= 0 && indexPlatform >= 0 ? IconNameArray.slice(indexPlatform, indexExtra) : [], }, { name: 'Extra', - icons: indexExtra >= 0 ? IconNameArray.slice(indexExtra, IconNameArray.length) : [] - } + icons: indexExtra >= 0 ? IconNameArray.slice(indexExtra, IconNameArray.length) : [], + }, ]; } } diff --git a/src/app/icon/icon-routing.module.ts b/src/app/icon/icon-routing.module.ts index 500f6e31..7eea434c 100644 --- a/src/app/icon/icon-routing.module.ts +++ b/src/app/icon/icon-routing.module.ts @@ -2,13 +2,10 @@ import { NgModule } from '@angular/core'; import { RouterModule, Routes } from '@angular/router'; import { IconIndexComponent } from './icon-index/icon-index.component'; -const routes: Routes = [ - { path: '', component: IconIndexComponent } -]; +const routes: Routes = [{ path: '', component: IconIndexComponent }]; @NgModule({ imports: [RouterModule.forChild(routes)], - exports: [RouterModule] + exports: [RouterModule], }) -export class IconRoutingModule { -} +export class IconRoutingModule {} diff --git a/src/app/icon/icon-size-example/icon-size-example.component.spec.ts b/src/app/icon/icon-size-example/icon-size-example.component.spec.ts index 14d8f7d8..30cb7684 100644 --- a/src/app/icon/icon-size-example/icon-size-example.component.spec.ts +++ b/src/app/icon/icon-size-example/icon-size-example.component.spec.ts @@ -8,9 +8,8 @@ describe('IconSizeExampleComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ - declarations: [ IconSizeExampleComponent ] - }) - .compileComponents(); + declarations: [IconSizeExampleComponent], + }).compileComponents(); fixture = TestBed.createComponent(IconSizeExampleComponent); component = fixture.componentInstance; diff --git a/src/app/icon/icon-size-example/icon-size-example.component.ts b/src/app/icon/icon-size-example/icon-size-example.component.ts index 6b9c173b..94aa28a5 100644 --- a/src/app/icon/icon-size-example/icon-size-example.component.ts +++ b/src/app/icon/icon-size-example/icon-size-example.component.ts @@ -2,8 +2,6 @@ import { Component } from '@angular/core'; @Component({ selector: 'it-icon-size-example', - templateUrl: './icon-size-example.component.html' + templateUrl: './icon-size-example.component.html', }) -export class IconSizeExampleComponent { - -} +export class IconSizeExampleComponent {} diff --git a/src/app/icon/icon.module.ts b/src/app/icon/icon.module.ts index 57d03fc4..746241e5 100644 --- a/src/app/icon/icon.module.ts +++ b/src/app/icon/icon.module.ts @@ -11,8 +11,6 @@ import { IconListExampleComponent } from './icon-list-example/icon-list-example. import { IconColorExampleComponent } from './icon-color-example/icon-color-example.component'; import { IconAlignmentExampleComponent } from './icon-alignment-example/icon-alignment-example.component'; - - @NgModule({ declarations: [ IconIndexComponent, @@ -21,13 +19,8 @@ import { IconAlignmentExampleComponent } from './icon-alignment-example/icon-ali IconSizeExampleComponent, IconListExampleComponent, IconColorExampleComponent, - IconAlignmentExampleComponent + IconAlignmentExampleComponent, ], - imports: [ - CommonModule, - SharedModule, - IconRoutingModule, - FormsModule - ] + imports: [CommonModule, SharedModule, IconRoutingModule, FormsModule], }) -export class IconModule { } +export class IconModule {} diff --git a/src/app/language-switcher/language-switcher-custom-example/language-switcher-custom-example.component.html b/src/app/language-switcher/language-switcher-custom-example/language-switcher-custom-example.component.html index b4055537..8a790bec 100644 --- a/src/app/language-switcher/language-switcher-custom-example/language-switcher-custom-example.component.html +++ b/src/app/language-switcher/language-switcher-custom-example/language-switcher-custom-example.component.html @@ -4,6 +4,5 @@

Personalizzazione

-

Risultato: {{'it.utils.select-language' | translate}}

- +

Risultato: {{ 'it.utils.select-language' | translate }}

diff --git a/src/app/language-switcher/language-switcher-custom-example/language-switcher-custom-example.component.spec.ts b/src/app/language-switcher/language-switcher-custom-example/language-switcher-custom-example.component.spec.ts index 99cec249..5b06fffa 100644 --- a/src/app/language-switcher/language-switcher-custom-example/language-switcher-custom-example.component.spec.ts +++ b/src/app/language-switcher/language-switcher-custom-example/language-switcher-custom-example.component.spec.ts @@ -8,9 +8,8 @@ describe('LanguageSwitcherCustomExampleComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ - declarations: [ LanguageSwitcherCustomExampleComponent ] - }) - .compileComponents(); + declarations: [LanguageSwitcherCustomExampleComponent], + }).compileComponents(); fixture = TestBed.createComponent(LanguageSwitcherCustomExampleComponent); component = fixture.componentInstance; diff --git a/src/app/language-switcher/language-switcher-custom-example/language-switcher-custom-example.component.ts b/src/app/language-switcher/language-switcher-custom-example/language-switcher-custom-example.component.ts index b8e43a44..82c83e1f 100644 --- a/src/app/language-switcher/language-switcher-custom-example/language-switcher-custom-example.component.ts +++ b/src/app/language-switcher/language-switcher-custom-example/language-switcher-custom-example.component.ts @@ -4,20 +4,17 @@ import { TranslateService } from '@ngx-translate/core'; @Component({ selector: 'it-language-switcher-custom-example', - templateUrl: './language-switcher-custom-example.component.html' + templateUrl: './language-switcher-custom-example.component.html', }) export class LanguageSwitcherCustomExampleComponent { - availableLanguages?: Array; - constructor( - private readonly translateService: TranslateService - ) { + constructor(private readonly translateService: TranslateService) { this.availableLanguages = this.translateService.getLangs().map(lang => ({ code: lang, label: lang, - ...(lang === 'it' && {label: 'Italiano'}), - ...(lang === 'en' && {label: 'English'}) + ...(lang === 'it' && { label: 'Italiano' }), + ...(lang === 'en' && { label: 'English' }), })); } } diff --git a/src/app/language-switcher/language-switcher-example/language-switcher-example.component.html b/src/app/language-switcher/language-switcher-example/language-switcher-example.component.html index 1c6b6341..bb05968e 100644 --- a/src/app/language-switcher/language-switcher-example/language-switcher-example.component.html +++ b/src/app/language-switcher/language-switcher-example/language-switcher-example.component.html @@ -1,7 +1,10 @@ -

Per configurzione predefinità verranno mostrate le lingue disponibili configurate tramite ngx-translate

+

+ Per configurzione predefinità verranno mostrate le lingue disponibili configurate tramite + ngx-translate +

-

Risultato: {{'it.utils.select-language' | translate}}

+

Risultato: {{ 'it.utils.select-language' | translate }}

diff --git a/src/app/language-switcher/language-switcher-example/language-switcher-example.component.spec.ts b/src/app/language-switcher/language-switcher-example/language-switcher-example.component.spec.ts index 88de6417..d23d058b 100644 --- a/src/app/language-switcher/language-switcher-example/language-switcher-example.component.spec.ts +++ b/src/app/language-switcher/language-switcher-example/language-switcher-example.component.spec.ts @@ -8,9 +8,8 @@ describe('LanguageSwitcherExampleComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ - declarations: [ LanguageSwitcherExampleComponent ] - }) - .compileComponents(); + declarations: [LanguageSwitcherExampleComponent], + }).compileComponents(); fixture = TestBed.createComponent(LanguageSwitcherExampleComponent); component = fixture.componentInstance; diff --git a/src/app/language-switcher/language-switcher-example/language-switcher-example.component.ts b/src/app/language-switcher/language-switcher-example/language-switcher-example.component.ts index d35a3ba4..4e93ef62 100644 --- a/src/app/language-switcher/language-switcher-example/language-switcher-example.component.ts +++ b/src/app/language-switcher/language-switcher-example/language-switcher-example.component.ts @@ -2,8 +2,6 @@ import { Component } from '@angular/core'; @Component({ selector: 'it-language-switcher-example', - templateUrl: './language-switcher-example.component.html' + templateUrl: './language-switcher-example.component.html', }) -export class LanguageSwitcherExampleComponent { - -} +export class LanguageSwitcherExampleComponent {} diff --git a/src/app/language-switcher/language-switcher-examples/language-switcher-examples.component.spec.ts b/src/app/language-switcher/language-switcher-examples/language-switcher-examples.component.spec.ts index 2408e285..ea5f0249 100644 --- a/src/app/language-switcher/language-switcher-examples/language-switcher-examples.component.spec.ts +++ b/src/app/language-switcher/language-switcher-examples/language-switcher-examples.component.spec.ts @@ -8,9 +8,8 @@ describe('LanguageSwitcherExamplesComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ - declarations: [ LanguageSwitcherExamplesComponent ] - }) - .compileComponents(); + declarations: [LanguageSwitcherExamplesComponent], + }).compileComponents(); fixture = TestBed.createComponent(LanguageSwitcherExamplesComponent); component = fixture.componentInstance; diff --git a/src/app/language-switcher/language-switcher-examples/language-switcher-examples.component.ts b/src/app/language-switcher/language-switcher-examples/language-switcher-examples.component.ts index 422e9cc4..26da5f6b 100644 --- a/src/app/language-switcher/language-switcher-examples/language-switcher-examples.component.ts +++ b/src/app/language-switcher/language-switcher-examples/language-switcher-examples.component.ts @@ -2,15 +2,15 @@ import { Component } from '@angular/core'; @Component({ selector: 'it-language-switcher-examples', - templateUrl: './language-switcher-examples.component.html' + templateUrl: './language-switcher-examples.component.html', }) export class LanguageSwitcherExamplesComponent { - - readonly typescriptAppModule = "export class AppModule {\n" + - " constructor(\n" + - " private readonly translateService: TranslateService\n" + - " ) {\n" + + readonly typescriptAppModule = + 'export class AppModule {\n' + + ' constructor(\n' + + ' private readonly translateService: TranslateService\n' + + ' ) {\n' + " translateService.addLangs(['es']);\n" + - " }\n" + - "}"; + ' }\n' + + '}'; } diff --git a/src/app/language-switcher/language-switcher-index/language-switcher-index.component.spec.ts b/src/app/language-switcher/language-switcher-index/language-switcher-index.component.spec.ts index 10fd90ba..1cfb0bbe 100644 --- a/src/app/language-switcher/language-switcher-index/language-switcher-index.component.spec.ts +++ b/src/app/language-switcher/language-switcher-index/language-switcher-index.component.spec.ts @@ -8,9 +8,8 @@ describe('LanguageSwitcherIndexComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ - declarations: [ LanguageSwitcherIndexComponent ] - }) - .compileComponents(); + declarations: [LanguageSwitcherIndexComponent], + }).compileComponents(); fixture = TestBed.createComponent(LanguageSwitcherIndexComponent); component = fixture.componentInstance; diff --git a/src/app/language-switcher/language-switcher-index/language-switcher-index.component.ts b/src/app/language-switcher/language-switcher-index/language-switcher-index.component.ts index fac5e558..42104ead 100644 --- a/src/app/language-switcher/language-switcher-index/language-switcher-index.component.ts +++ b/src/app/language-switcher/language-switcher-index/language-switcher-index.component.ts @@ -3,7 +3,7 @@ import Documentation from '../../../assets/documentation.json'; @Component({ selector: 'it-language-switcher-index', - templateUrl: './language-switcher-index.component.html' + templateUrl: './language-switcher-index.component.html', }) export class LanguageSwitcherIndexComponent { component: any; diff --git a/src/app/language-switcher/language-switcher-routing.module.ts b/src/app/language-switcher/language-switcher-routing.module.ts index 2ac6162b..e677480b 100644 --- a/src/app/language-switcher/language-switcher-routing.module.ts +++ b/src/app/language-switcher/language-switcher-routing.module.ts @@ -2,13 +2,10 @@ import { NgModule } from '@angular/core'; import { RouterModule, Routes } from '@angular/router'; import { LanguageSwitcherIndexComponent } from './language-switcher-index/language-switcher-index.component'; -const routes: Routes = [ - { path: '', component: LanguageSwitcherIndexComponent } -]; +const routes: Routes = [{ path: '', component: LanguageSwitcherIndexComponent }]; @NgModule({ imports: [RouterModule.forChild(routes)], - exports: [RouterModule] + exports: [RouterModule], }) -export class LanguageSwitcherRoutingModule { -} +export class LanguageSwitcherRoutingModule {} diff --git a/src/app/language-switcher/language-switcher.module.ts b/src/app/language-switcher/language-switcher.module.ts index a10d3b26..19c145c8 100644 --- a/src/app/language-switcher/language-switcher.module.ts +++ b/src/app/language-switcher/language-switcher.module.ts @@ -8,20 +8,13 @@ import { LanguageSwitcherRoutingModule } from './language-switcher-routing.modul import { LanguageSwitcherCustomExampleComponent } from './language-switcher-custom-example/language-switcher-custom-example.component'; import { TranslateModule } from '@ngx-translate/core'; - - @NgModule({ declarations: [ LanguageSwitcherIndexComponent, LanguageSwitcherExamplesComponent, LanguageSwitcherExampleComponent, - LanguageSwitcherCustomExampleComponent + LanguageSwitcherCustomExampleComponent, ], - imports: [ - CommonModule, - SharedModule, - TranslateModule, - LanguageSwitcherRoutingModule - ] + imports: [CommonModule, SharedModule, TranslateModule, LanguageSwitcherRoutingModule], }) -export class LanguageSwitcherModule { } +export class LanguageSwitcherModule {} diff --git a/src/app/list/list-arrow/list-arrow.component.html b/src/app/list/list-arrow/list-arrow.component.html index c36959e1..aeb28d29 100644 --- a/src/app/list/list-arrow/list-arrow.component.html +++ b/src/app/list/list-arrow/list-arrow.component.html @@ -16,4 +16,4 @@

Lista con freccia

-
\ No newline at end of file +
diff --git a/src/app/list/list-arrow/list-arrow.component.spec.ts b/src/app/list/list-arrow/list-arrow.component.spec.ts index 97c5aba5..eb140dde 100644 --- a/src/app/list/list-arrow/list-arrow.component.spec.ts +++ b/src/app/list/list-arrow/list-arrow.component.spec.ts @@ -8,7 +8,7 @@ describe('ListArrowComponent', () => { beforeEach(() => { TestBed.configureTestingModule({ - declarations: [ListArrowComponent] + declarations: [ListArrowComponent], }); fixture = TestBed.createComponent(ListArrowComponent); component = fixture.componentInstance; diff --git a/src/app/list/list-arrow/list-arrow.component.ts b/src/app/list/list-arrow/list-arrow.component.ts index 890e513e..476ef998 100644 --- a/src/app/list/list-arrow/list-arrow.component.ts +++ b/src/app/list/list-arrow/list-arrow.component.ts @@ -3,8 +3,6 @@ import { Component } from '@angular/core'; @Component({ selector: 'it-list-arrow', templateUrl: './list-arrow.component.html', - styleUrls: ['./list-arrow.component.scss'] + styleUrls: ['./list-arrow.component.scss'], }) -export class ListArrowComponent { - -} +export class ListArrowComponent {} diff --git a/src/app/list/list-avatar/list-avatar.component.html b/src/app/list/list-avatar/list-avatar.component.html index 13597804..0dad363b 100644 --- a/src/app/list/list-avatar/list-avatar.component.html +++ b/src/app/list/list-avatar/list-avatar.component.html @@ -13,4 +13,4 @@

Lista con Avatar

Lista 3 -
\ No newline at end of file +
diff --git a/src/app/list/list-avatar/list-avatar.component.spec.ts b/src/app/list/list-avatar/list-avatar.component.spec.ts index 9df415ed..4fbb3f1c 100644 --- a/src/app/list/list-avatar/list-avatar.component.spec.ts +++ b/src/app/list/list-avatar/list-avatar.component.spec.ts @@ -8,7 +8,7 @@ describe('ListAvatarComponent', () => { beforeEach(() => { TestBed.configureTestingModule({ - declarations: [ListAvatarComponent] + declarations: [ListAvatarComponent], }); fixture = TestBed.createComponent(ListAvatarComponent); component = fixture.componentInstance; diff --git a/src/app/list/list-avatar/list-avatar.component.ts b/src/app/list/list-avatar/list-avatar.component.ts index 7d0769ea..a4f17948 100644 --- a/src/app/list/list-avatar/list-avatar.component.ts +++ b/src/app/list/list-avatar/list-avatar.component.ts @@ -3,8 +3,6 @@ import { Component } from '@angular/core'; @Component({ selector: 'it-list-avatar', templateUrl: './list-avatar.component.html', - styleUrls: ['./list-avatar.component.scss'] + styleUrls: ['./list-avatar.component.scss'], }) -export class ListAvatarComponent { - -} +export class ListAvatarComponent {} diff --git a/src/app/list/list-collassible/list-collassible.component.html b/src/app/list/list-collassible/list-collassible.component.html index ebbcacbb..48fff2d6 100644 --- a/src/app/list/list-collassible/list-collassible.component.html +++ b/src/app/list/list-collassible/list-collassible.component.html @@ -4,8 +4,13 @@

Lista collassabile

- + Link lista collassabile @@ -26,4 +31,4 @@

Lista collassabile

 -
\ No newline at end of file +
diff --git a/src/app/list/list-collassible/list-collassible.component.spec.ts b/src/app/list/list-collassible/list-collassible.component.spec.ts index 77c323ad..b5e45717 100644 --- a/src/app/list/list-collassible/list-collassible.component.spec.ts +++ b/src/app/list/list-collassible/list-collassible.component.spec.ts @@ -8,7 +8,7 @@ describe('ListCollassibleComponent', () => { beforeEach(() => { TestBed.configureTestingModule({ - declarations: [ListCollassibleComponent] + declarations: [ListCollassibleComponent], }); fixture = TestBed.createComponent(ListCollassibleComponent); component = fixture.componentInstance; diff --git a/src/app/list/list-collassible/list-collassible.component.ts b/src/app/list/list-collassible/list-collassible.component.ts index b5170647..5211ce57 100644 --- a/src/app/list/list-collassible/list-collassible.component.ts +++ b/src/app/list/list-collassible/list-collassible.component.ts @@ -3,8 +3,6 @@ import { Component } from '@angular/core'; @Component({ selector: 'it-list-collassible', templateUrl: './list-collassible.component.html', - styleUrls: ['./list-collassible.component.scss'] + styleUrls: ['./list-collassible.component.scss'], }) -export class ListCollassibleComponent { - -} +export class ListCollassibleComponent {} diff --git a/src/app/list/list-example/list-example.component.html b/src/app/list/list-example/list-example.component.html index 479ed562..fd6d57dd 100644 --- a/src/app/list/list-example/list-example.component.html +++ b/src/app/list/list-example/list-example.component.html @@ -13,4 +13,4 @@

Lista semplice

Lista 3 -
\ No newline at end of file + diff --git a/src/app/list/list-example/list-example.component.spec.ts b/src/app/list/list-example/list-example.component.spec.ts index 58ea5f21..a79c83fe 100644 --- a/src/app/list/list-example/list-example.component.spec.ts +++ b/src/app/list/list-example/list-example.component.spec.ts @@ -8,7 +8,7 @@ describe('ListExampleComponent', () => { beforeEach(() => { TestBed.configureTestingModule({ - declarations: [ListExampleComponent] + declarations: [ListExampleComponent], }); fixture = TestBed.createComponent(ListExampleComponent); component = fixture.componentInstance; diff --git a/src/app/list/list-example/list-example.component.ts b/src/app/list/list-example/list-example.component.ts index 051b623a..3ee88a41 100644 --- a/src/app/list/list-example/list-example.component.ts +++ b/src/app/list/list-example/list-example.component.ts @@ -3,8 +3,6 @@ import { Component } from '@angular/core'; @Component({ selector: 'it-list-example', templateUrl: './list-example.component.html', - styleUrls: ['./list-example.component.scss'] + styleUrls: ['./list-example.component.scss'], }) -export class ListExampleComponent { - -} +export class ListExampleComponent {} diff --git a/src/app/list/list-examples/list-examples.component.spec.ts b/src/app/list/list-examples/list-examples.component.spec.ts index 825eaedd..11798a0a 100644 --- a/src/app/list/list-examples/list-examples.component.spec.ts +++ b/src/app/list/list-examples/list-examples.component.spec.ts @@ -8,7 +8,7 @@ describe('ListExamplesComponent', () => { beforeEach(() => { TestBed.configureTestingModule({ - declarations: [ListExamplesComponent] + declarations: [ListExamplesComponent], }); fixture = TestBed.createComponent(ListExamplesComponent); component = fixture.componentInstance; diff --git a/src/app/list/list-examples/list-examples.component.ts b/src/app/list/list-examples/list-examples.component.ts index 8ce06d2b..645ffcc7 100644 --- a/src/app/list/list-examples/list-examples.component.ts +++ b/src/app/list/list-examples/list-examples.component.ts @@ -3,8 +3,6 @@ import { Component } from '@angular/core'; @Component({ selector: 'it-list-examples', templateUrl: './list-examples.component.html', - styleUrls: ['./list-examples.component.scss'] + styleUrls: ['./list-examples.component.scss'], }) -export class ListExamplesComponent { - -} +export class ListExamplesComponent {} diff --git a/src/app/list/list-image/list-image.component.html b/src/app/list/list-image/list-image.component.html index 09069fb9..7627b8cc 100644 --- a/src/app/list/list-image/list-image.component.html +++ b/src/app/list/list-image/list-image.component.html @@ -13,4 +13,4 @@

Lista con Immagini

Lista 3 - \ No newline at end of file + diff --git a/src/app/list/list-image/list-image.component.spec.ts b/src/app/list/list-image/list-image.component.spec.ts index 88eacd19..f364d8c3 100644 --- a/src/app/list/list-image/list-image.component.spec.ts +++ b/src/app/list/list-image/list-image.component.spec.ts @@ -8,7 +8,7 @@ describe('ListImageComponent', () => { beforeEach(() => { TestBed.configureTestingModule({ - declarations: [ListImageComponent] + declarations: [ListImageComponent], }); fixture = TestBed.createComponent(ListImageComponent); component = fixture.componentInstance; diff --git a/src/app/list/list-image/list-image.component.ts b/src/app/list/list-image/list-image.component.ts index 174bcc6a..389ffd57 100644 --- a/src/app/list/list-image/list-image.component.ts +++ b/src/app/list/list-image/list-image.component.ts @@ -3,8 +3,6 @@ import { Component } from '@angular/core'; @Component({ selector: 'it-list-image', templateUrl: './list-image.component.html', - styleUrls: ['./list-image.component.scss'] + styleUrls: ['./list-image.component.scss'], }) -export class ListImageComponent { - -} +export class ListImageComponent {} diff --git a/src/app/list/list-index/list-index.component.html b/src/app/list/list-index/list-index.component.html index 16891e86..681bcc10 100644 --- a/src/app/list/list-index/list-index.component.html +++ b/src/app/list/list-index/list-index.component.html @@ -11,4 +11,4 @@

List

List Item

- \ No newline at end of file + diff --git a/src/app/list/list-index/list-index.component.ts b/src/app/list/list-index/list-index.component.ts index 7b00d896..58e886c8 100644 --- a/src/app/list/list-index/list-index.component.ts +++ b/src/app/list/list-index/list-index.component.ts @@ -3,10 +3,9 @@ import Documentation from '../../../assets/documentation.json'; @Component({ selector: 'it-list-index', - templateUrl: './list-index.component.html' + templateUrl: './list-index.component.html', }) export class ListIndexComponent { - component: any; subcomponent: any; @@ -14,5 +13,4 @@ export class ListIndexComponent { this.component = (Documentation).components.find(component => component.name === 'ItListComponent'); this.subcomponent = (Documentation).components.find(component => component.name === 'ItListItemComponent'); } - } diff --git a/src/app/list/list-link-icons/list-link-icons.component.html b/src/app/list/list-link-icons/list-link-icons.component.html index b8970166..583cef0c 100644 --- a/src/app/list/list-link-icons/list-link-icons.component.html +++ b/src/app/list/list-link-icons/list-link-icons.component.html @@ -41,4 +41,4 @@

Lista con link e icone

- \ No newline at end of file + diff --git a/src/app/list/list-link-icons/list-link-icons.component.spec.ts b/src/app/list/list-link-icons/list-link-icons.component.spec.ts index 0b8b80ff..ec17c472 100644 --- a/src/app/list/list-link-icons/list-link-icons.component.spec.ts +++ b/src/app/list/list-link-icons/list-link-icons.component.spec.ts @@ -8,7 +8,7 @@ describe('ListLinkIconsComponent', () => { beforeEach(() => { TestBed.configureTestingModule({ - declarations: [ListLinkIconsComponent] + declarations: [ListLinkIconsComponent], }); fixture = TestBed.createComponent(ListLinkIconsComponent); component = fixture.componentInstance; diff --git a/src/app/list/list-link-icons/list-link-icons.component.ts b/src/app/list/list-link-icons/list-link-icons.component.ts index b00cf7dc..4bef91b2 100644 --- a/src/app/list/list-link-icons/list-link-icons.component.ts +++ b/src/app/list/list-link-icons/list-link-icons.component.ts @@ -3,8 +3,6 @@ import { Component } from '@angular/core'; @Component({ selector: 'it-list-link-icons', templateUrl: './list-link-icons.component.html', - styleUrls: ['./list-link-icons.component.scss'] + styleUrls: ['./list-link-icons.component.scss'], }) -export class ListLinkIconsComponent { - -} +export class ListLinkIconsComponent {} diff --git a/src/app/list/list-link-multiline/list-link-multiline.component.html b/src/app/list/list-link-multiline/list-link-multiline.component.html index 17bbdb82..09071f9b 100644 --- a/src/app/list/list-link-multiline/list-link-multiline.component.html +++ b/src/app/list/list-link-multiline/list-link-multiline.component.html @@ -34,4 +34,4 @@

Lista con link multiline

- \ No newline at end of file + diff --git a/src/app/list/list-link-multiline/list-link-multiline.component.spec.ts b/src/app/list/list-link-multiline/list-link-multiline.component.spec.ts index e5fdedaa..332db0a6 100644 --- a/src/app/list/list-link-multiline/list-link-multiline.component.spec.ts +++ b/src/app/list/list-link-multiline/list-link-multiline.component.spec.ts @@ -8,7 +8,7 @@ describe('ListLinkMultilineComponent', () => { beforeEach(() => { TestBed.configureTestingModule({ - declarations: [ListLinkMultilineComponent] + declarations: [ListLinkMultilineComponent], }); fixture = TestBed.createComponent(ListLinkMultilineComponent); component = fixture.componentInstance; diff --git a/src/app/list/list-link-multiline/list-link-multiline.component.ts b/src/app/list/list-link-multiline/list-link-multiline.component.ts index f10e4200..4daa7ba6 100644 --- a/src/app/list/list-link-multiline/list-link-multiline.component.ts +++ b/src/app/list/list-link-multiline/list-link-multiline.component.ts @@ -3,8 +3,6 @@ import { Component } from '@angular/core'; @Component({ selector: 'it-list-link-multiline', templateUrl: './list-link-multiline.component.html', - styleUrls: ['./list-link-multiline.component.scss'] + styleUrls: ['./list-link-multiline.component.scss'], }) -export class ListLinkMultilineComponent { - -} +export class ListLinkMultilineComponent {} diff --git a/src/app/list/list-link/list-link.component.spec.ts b/src/app/list/list-link/list-link.component.spec.ts index ddd2e596..fd38f6b9 100644 --- a/src/app/list/list-link/list-link.component.spec.ts +++ b/src/app/list/list-link/list-link.component.spec.ts @@ -8,7 +8,7 @@ describe('ListLinkComponent', () => { beforeEach(() => { TestBed.configureTestingModule({ - declarations: [ListLinkComponent] + declarations: [ListLinkComponent], }); fixture = TestBed.createComponent(ListLinkComponent); component = fixture.componentInstance; diff --git a/src/app/list/list-link/list-link.component.ts b/src/app/list/list-link/list-link.component.ts index ba71a9ae..90bdc3f9 100644 --- a/src/app/list/list-link/list-link.component.ts +++ b/src/app/list/list-link/list-link.component.ts @@ -3,8 +3,6 @@ import { Component } from '@angular/core'; @Component({ selector: 'it-list-link', templateUrl: './list-link.component.html', - styleUrls: ['./list-link.component.scss'] + styleUrls: ['./list-link.component.scss'], }) -export class ListLinkComponent { - -} +export class ListLinkComponent {} diff --git a/src/app/list/list-multiple/list-multiple.component.html b/src/app/list/list-multiple/list-multiple.component.html index 171b17c6..c62bd047 100644 --- a/src/app/list/list-multiple/list-multiple.component.html +++ b/src/app/list/list-multiple/list-multiple.component.html @@ -48,4 +48,4 @@

Lista con azioni multiple, metadata e testo aggiuntivo

- \ No newline at end of file + diff --git a/src/app/list/list-multiple/list-multiple.component.spec.ts b/src/app/list/list-multiple/list-multiple.component.spec.ts index f62b4298..f44a68c9 100644 --- a/src/app/list/list-multiple/list-multiple.component.spec.ts +++ b/src/app/list/list-multiple/list-multiple.component.spec.ts @@ -8,7 +8,7 @@ describe('ListMultipleComponent', () => { beforeEach(() => { TestBed.configureTestingModule({ - declarations: [ListMultipleComponent] + declarations: [ListMultipleComponent], }); fixture = TestBed.createComponent(ListMultipleComponent); component = fixture.componentInstance; diff --git a/src/app/list/list-multiple/list-multiple.component.ts b/src/app/list/list-multiple/list-multiple.component.ts index 27c244fa..453bb7e9 100644 --- a/src/app/list/list-multiple/list-multiple.component.ts +++ b/src/app/list/list-multiple/list-multiple.component.ts @@ -3,8 +3,6 @@ import { Component } from '@angular/core'; @Component({ selector: 'it-list-multiple', templateUrl: './list-multiple.component.html', - styleUrls: ['./list-multiple.component.scss'] + styleUrls: ['./list-multiple.component.scss'], }) -export class ListMultipleComponent { - -} +export class ListMultipleComponent {} diff --git a/src/app/list/list-pagination/list-pagination.component.html b/src/app/list/list-pagination/list-pagination.component.html index 92b833e0..8ea14c70 100644 --- a/src/app/list/list-pagination/list-pagination.component.html +++ b/src/app/list/list-pagination/list-pagination.component.html @@ -10,9 +10,10 @@

Lista con paginazione

- +
diff --git a/src/app/list/list-pagination/list-pagination.component.spec.ts b/src/app/list/list-pagination/list-pagination.component.spec.ts index a4971d49..2af3ef79 100644 --- a/src/app/list/list-pagination/list-pagination.component.spec.ts +++ b/src/app/list/list-pagination/list-pagination.component.spec.ts @@ -8,7 +8,7 @@ describe('ListPaginationComponent', () => { beforeEach(() => { TestBed.configureTestingModule({ - declarations: [ListPaginationComponent] + declarations: [ListPaginationComponent], }); fixture = TestBed.createComponent(ListPaginationComponent); component = fixture.componentInstance; diff --git a/src/app/list/list-pagination/list-pagination.component.ts b/src/app/list/list-pagination/list-pagination.component.ts index 6ba53719..3ab4b226 100644 --- a/src/app/list/list-pagination/list-pagination.component.ts +++ b/src/app/list/list-pagination/list-pagination.component.ts @@ -1,14 +1,14 @@ import { Component } from '@angular/core'; interface PaginatedData { - currentPage: number, - pageNumbers: number, - data: Array + currentPage: number; + pageNumbers: number; + data: Array; } @Component({ selector: 'it-list-pagination', - templateUrl: './list-pagination.component.html' + templateUrl: './list-pagination.component.html', }) export class ListPaginationComponent { private pages: Array> = [ @@ -16,21 +16,20 @@ export class ListPaginationComponent { ['Linda', 'Riccardo', 'Marco'], ['Daniel', 'Gioele', 'Giulio'], ['Diego', 'Andrea', 'Lorenzo'], - ['Giorgio', 'Manuel', 'Luca'] + ['Giorgio', 'Manuel', 'Luca'], ]; protected selectedItem: PaginatedData = { currentPage: 0, pageNumbers: this.pages.length, - data: this.pages[0] + data: this.pages[0], }; protected onPageChange(page: number): void { this.selectedItem = { ...this.selectedItem, data: this.pages[page], - currentPage: page + currentPage: page, }; - } } diff --git a/src/app/list/list-routing.module.ts b/src/app/list/list-routing.module.ts index a4f4b457..4ced723b 100644 --- a/src/app/list/list-routing.module.ts +++ b/src/app/list/list-routing.module.ts @@ -2,12 +2,10 @@ import { NgModule } from '@angular/core'; import { Routes, RouterModule } from '@angular/router'; import { ListIndexComponent } from './list-index/list-index.component'; -const routes: Routes = [ - { path: '', component: ListIndexComponent } -]; +const routes: Routes = [{ path: '', component: ListIndexComponent }]; @NgModule({ imports: [RouterModule.forChild(routes)], - exports: [RouterModule] + exports: [RouterModule], }) -export class ListRoutingModule { } +export class ListRoutingModule {} diff --git a/src/app/list/list-toggle-checkbox/list-toggle-checkbox.component.html b/src/app/list/list-toggle-checkbox/list-toggle-checkbox.component.html index df179df0..b9f60c8d 100644 --- a/src/app/list/list-toggle-checkbox/list-toggle-checkbox.component.html +++ b/src/app/list/list-toggle-checkbox/list-toggle-checkbox.component.html @@ -16,4 +16,4 @@

Lista con checkbox e toggle

- \ No newline at end of file + diff --git a/src/app/list/list-toggle-checkbox/list-toggle-checkbox.component.spec.ts b/src/app/list/list-toggle-checkbox/list-toggle-checkbox.component.spec.ts index 5b510008..6950eafa 100644 --- a/src/app/list/list-toggle-checkbox/list-toggle-checkbox.component.spec.ts +++ b/src/app/list/list-toggle-checkbox/list-toggle-checkbox.component.spec.ts @@ -8,7 +8,7 @@ describe('ListToggleCheckboxComponent', () => { beforeEach(() => { TestBed.configureTestingModule({ - declarations: [ListToggleCheckboxComponent] + declarations: [ListToggleCheckboxComponent], }); fixture = TestBed.createComponent(ListToggleCheckboxComponent); component = fixture.componentInstance; diff --git a/src/app/list/list-toggle-checkbox/list-toggle-checkbox.component.ts b/src/app/list/list-toggle-checkbox/list-toggle-checkbox.component.ts index 40595959..27c9c7a8 100644 --- a/src/app/list/list-toggle-checkbox/list-toggle-checkbox.component.ts +++ b/src/app/list/list-toggle-checkbox/list-toggle-checkbox.component.ts @@ -3,8 +3,6 @@ import { Component } from '@angular/core'; @Component({ selector: 'it-list-toggle-checkbox', templateUrl: './list-toggle-checkbox.component.html', - styleUrls: ['./list-toggle-checkbox.component.scss'] + styleUrls: ['./list-toggle-checkbox.component.scss'], }) -export class ListToggleCheckboxComponent { - -} +export class ListToggleCheckboxComponent {} diff --git a/src/app/list/list.module.ts b/src/app/list/list.module.ts index 12b652c0..4c619606 100644 --- a/src/app/list/list.module.ts +++ b/src/app/list/list.module.ts @@ -34,11 +34,6 @@ import { ListPaginationComponent } from './list-pagination/list-pagination.compo ListLinkMultilineComponent, ListPaginationComponent, ], - imports: [ - CommonModule, - FormsModule, - SharedModule, - ListRoutingModule - ] + imports: [CommonModule, FormsModule, SharedModule, ListRoutingModule], }) -export class ListModule { } +export class ListModule {} diff --git a/src/app/modal/modal-alignment-example/modal-alignment-example.component.html b/src/app/modal/modal-alignment-example/modal-alignment-example.component.html index 87d23188..7941c652 100644 --- a/src/app/modal/modal-alignment-example/modal-alignment-example.component.html +++ b/src/app/modal/modal-alignment-example/modal-alignment-example.component.html @@ -1,17 +1,10 @@

Posizionamento

-
- - - + + +
@@ -46,5 +39,4 @@

Posizionamento

-
diff --git a/src/app/modal/modal-alignment-example/modal-alignment-example.component.spec.ts b/src/app/modal/modal-alignment-example/modal-alignment-example.component.spec.ts index d4ac25d3..e0a4cf8d 100644 --- a/src/app/modal/modal-alignment-example/modal-alignment-example.component.spec.ts +++ b/src/app/modal/modal-alignment-example/modal-alignment-example.component.spec.ts @@ -8,9 +8,8 @@ describe('ModalAlignmentExampleComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ - declarations: [ ModalAlignmentExampleComponent ] - }) - .compileComponents(); + declarations: [ModalAlignmentExampleComponent], + }).compileComponents(); fixture = TestBed.createComponent(ModalAlignmentExampleComponent); component = fixture.componentInstance; diff --git a/src/app/modal/modal-alignment-example/modal-alignment-example.component.ts b/src/app/modal/modal-alignment-example/modal-alignment-example.component.ts index a2da4194..56f054ac 100644 --- a/src/app/modal/modal-alignment-example/modal-alignment-example.component.ts +++ b/src/app/modal/modal-alignment-example/modal-alignment-example.component.ts @@ -2,8 +2,6 @@ import { Component } from '@angular/core'; @Component({ selector: 'it-modal-alignment-example', - templateUrl: './modal-alignment-example.component.html' + templateUrl: './modal-alignment-example.component.html', }) -export class ModalAlignmentExampleComponent { - -} +export class ModalAlignmentExampleComponent {} diff --git a/src/app/modal/modal-example/modal-example.component.html b/src/app/modal/modal-example/modal-example.component.html index 791f24ce..30b61cb0 100644 --- a/src/app/modal/modal-example/modal-example.component.html +++ b/src/app/modal/modal-example/modal-example.component.html @@ -2,12 +2,9 @@

Modale semplice

Attiva o disattiva la demo di una modale facendo clic sul pulsante qui sotto.

-
- + + @@ -17,5 +14,4 @@

Modale con icona

 -
diff --git a/src/app/modal/modal-icon-example/modal-icon-example.component.spec.ts b/src/app/modal/modal-icon-example/modal-icon-example.component.spec.ts index 62c85800..b74b15d1 100644 --- a/src/app/modal/modal-icon-example/modal-icon-example.component.spec.ts +++ b/src/app/modal/modal-icon-example/modal-icon-example.component.spec.ts @@ -8,9 +8,8 @@ describe('ModalIconExampleComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ - declarations: [ ModalIconExampleComponent ] - }) - .compileComponents(); + declarations: [ModalIconExampleComponent], + }).compileComponents(); fixture = TestBed.createComponent(ModalIconExampleComponent); component = fixture.componentInstance; diff --git a/src/app/modal/modal-icon-example/modal-icon-example.component.ts b/src/app/modal/modal-icon-example/modal-icon-example.component.ts index de125ca2..d8751d98 100644 --- a/src/app/modal/modal-icon-example/modal-icon-example.component.ts +++ b/src/app/modal/modal-icon-example/modal-icon-example.component.ts @@ -2,8 +2,6 @@ import { Component } from '@angular/core'; @Component({ selector: 'it-modal-icon-example', - templateUrl: './modal-icon-example.component.html' + templateUrl: './modal-icon-example.component.html', }) -export class ModalIconExampleComponent { - -} +export class ModalIconExampleComponent {} diff --git a/src/app/modal/modal-index/modal-index.component.spec.ts b/src/app/modal/modal-index/modal-index.component.spec.ts index ed57677b..0d78f84f 100644 --- a/src/app/modal/modal-index/modal-index.component.spec.ts +++ b/src/app/modal/modal-index/modal-index.component.spec.ts @@ -8,9 +8,8 @@ describe('ModalIndexComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ - declarations: [ ModalIndexComponent ] - }) - .compileComponents(); + declarations: [ModalIndexComponent], + }).compileComponents(); fixture = TestBed.createComponent(ModalIndexComponent); component = fixture.componentInstance; diff --git a/src/app/modal/modal-index/modal-index.component.ts b/src/app/modal/modal-index/modal-index.component.ts index 8972a515..f3b4c33b 100644 --- a/src/app/modal/modal-index/modal-index.component.ts +++ b/src/app/modal/modal-index/modal-index.component.ts @@ -3,7 +3,7 @@ import Documentation from '../../../assets/documentation.json'; @Component({ selector: 'it-modal-index', - templateUrl: './modal-index.component.html' + templateUrl: './modal-index.component.html', }) export class ModalIndexComponent { component: any; diff --git a/src/app/modal/modal-list-example/modal-list-example.component.html b/src/app/modal/modal-list-example/modal-list-example.component.html index ae7e0162..fd72533f 100644 --- a/src/app/modal/modal-list-example/modal-list-example.component.html +++ b/src/app/modal/modal-list-example/modal-list-example.component.html @@ -2,10 +2,7 @@

Modale con Link List

All’interno della modale è possibile inserire delle Liste di link.

- - + diff --git a/src/app/modal/modal-list-example/modal-list-example.component.spec.ts b/src/app/modal/modal-list-example/modal-list-example.component.spec.ts index 57d4edb7..59c74c84 100644 --- a/src/app/modal/modal-list-example/modal-list-example.component.spec.ts +++ b/src/app/modal/modal-list-example/modal-list-example.component.spec.ts @@ -8,9 +8,8 @@ describe('ModalListExampleComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ - declarations: [ ModalListExampleComponent ] - }) - .compileComponents(); + declarations: [ModalListExampleComponent], + }).compileComponents(); fixture = TestBed.createComponent(ModalListExampleComponent); component = fixture.componentInstance; diff --git a/src/app/modal/modal-list-example/modal-list-example.component.ts b/src/app/modal/modal-list-example/modal-list-example.component.ts index aefffcf1..3557aeb6 100644 --- a/src/app/modal/modal-list-example/modal-list-example.component.ts +++ b/src/app/modal/modal-list-example/modal-list-example.component.ts @@ -2,8 +2,6 @@ import { Component } from '@angular/core'; @Component({ selector: 'it-modal-list-example', - templateUrl: './modal-list-example.component.html' + templateUrl: './modal-list-example.component.html', }) -export class ModalListExampleComponent { - -} +export class ModalListExampleComponent {} diff --git a/src/app/modal/modal-popconfirm-example/modal-popconfirm-example.component.html b/src/app/modal/modal-popconfirm-example/modal-popconfirm-example.component.html index 6b485d44..4fe072ec 100644 --- a/src/app/modal/modal-popconfirm-example/modal-popconfirm-example.component.html +++ b/src/app/modal/modal-popconfirm-example/modal-popconfirm-example.component.html @@ -2,15 +2,10 @@

Modale Popconfirm

La Modale di tipo Popconfirm può essere utilizzata per brevi messaggi di conferma.

-
- + - +
diff --git a/src/app/modal/modal-popconfirm-example/modal-popconfirm-example.component.spec.ts b/src/app/modal/modal-popconfirm-example/modal-popconfirm-example.component.spec.ts index 0e4983c7..1842fb6f 100644 --- a/src/app/modal/modal-popconfirm-example/modal-popconfirm-example.component.spec.ts +++ b/src/app/modal/modal-popconfirm-example/modal-popconfirm-example.component.spec.ts @@ -8,9 +8,8 @@ describe('ModalPopconfirmExampleComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ - declarations: [ ModalPopconfirmExampleComponent ] - }) - .compileComponents(); + declarations: [ModalPopconfirmExampleComponent], + }).compileComponents(); fixture = TestBed.createComponent(ModalPopconfirmExampleComponent); component = fixture.componentInstance; diff --git a/src/app/modal/modal-popconfirm-example/modal-popconfirm-example.component.ts b/src/app/modal/modal-popconfirm-example/modal-popconfirm-example.component.ts index a791c7f7..5d34fc58 100644 --- a/src/app/modal/modal-popconfirm-example/modal-popconfirm-example.component.ts +++ b/src/app/modal/modal-popconfirm-example/modal-popconfirm-example.component.ts @@ -2,8 +2,6 @@ import { Component } from '@angular/core'; @Component({ selector: 'it-modal-popconfirm-example', - templateUrl: './modal-popconfirm-example.component.html' + templateUrl: './modal-popconfirm-example.component.html', }) -export class ModalPopconfirmExampleComponent { - -} +export class ModalPopconfirmExampleComponent {} diff --git a/src/app/modal/modal-radio-example/modal-radio-example.component.html b/src/app/modal/modal-radio-example/modal-radio-example.component.html index 38226685..442a9b3c 100644 --- a/src/app/modal/modal-radio-example/modal-radio-example.component.html +++ b/src/app/modal/modal-radio-example/modal-radio-example.component.html @@ -2,10 +2,7 @@

Modale con radiobuttons

All’interno della modale è possibile inserire elementi form. Di seguito una modale con un elenco di radio button.

- - + Scegli una opzione @@ -18,7 +15,7 @@

Modale con radiobuttons

- + + -
diff --git a/src/app/modal/modal-radio-example/modal-radio-example.component.spec.ts b/src/app/modal/modal-radio-example/modal-radio-example.component.spec.ts index 3e3bb902..d86a80cc 100644 --- a/src/app/modal/modal-radio-example/modal-radio-example.component.spec.ts +++ b/src/app/modal/modal-radio-example/modal-radio-example.component.spec.ts @@ -8,9 +8,8 @@ describe('ModalRadioExampleComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ - declarations: [ ModalRadioExampleComponent ] - }) - .compileComponents(); + declarations: [ModalRadioExampleComponent], + }).compileComponents(); fixture = TestBed.createComponent(ModalRadioExampleComponent); component = fixture.componentInstance; diff --git a/src/app/modal/modal-radio-example/modal-radio-example.component.ts b/src/app/modal/modal-radio-example/modal-radio-example.component.ts index 056f35c2..c0cad965 100644 --- a/src/app/modal/modal-radio-example/modal-radio-example.component.ts +++ b/src/app/modal/modal-radio-example/modal-radio-example.component.ts @@ -4,19 +4,16 @@ import { ItModalComponent } from 'design-angular-kit/components/core/modal/modal @Component({ selector: 'it-modal-radio-example', - templateUrl: './modal-radio-example.component.html' + templateUrl: './modal-radio-example.component.html', }) export class ModalRadioExampleComponent { - formGroup: FormGroup; @ViewChild('radioModal') radioModal: ItModalComponent; - constructor( - private readonly formBuilder: FormBuilder - ) { + constructor(private readonly formBuilder: FormBuilder) { this.formGroup = this.formBuilder.group({ - radio: [null, Validators.required] + radio: [null, Validators.required], }); } diff --git a/src/app/modal/modal-routing.module.ts b/src/app/modal/modal-routing.module.ts index aad39cd9..adde19a8 100644 --- a/src/app/modal/modal-routing.module.ts +++ b/src/app/modal/modal-routing.module.ts @@ -2,13 +2,10 @@ import { NgModule } from '@angular/core'; import { RouterModule, Routes } from '@angular/router'; import { ModalIndexComponent } from './modal-index/modal-index.component'; -const routes: Routes = [ - { path: '', component: ModalIndexComponent } -]; +const routes: Routes = [{ path: '', component: ModalIndexComponent }]; @NgModule({ imports: [RouterModule.forChild(routes)], - exports: [RouterModule] + exports: [RouterModule], }) -export class ModalRoutingModule { -} +export class ModalRoutingModule {} diff --git a/src/app/modal/modal-scroll-example/modal-scroll-example.component.html b/src/app/modal/modal-scroll-example/modal-scroll-example.component.html index d4d71c46..3a725796 100644 --- a/src/app/modal/modal-scroll-example/modal-scroll-example.component.html +++ b/src/app/modal/modal-scroll-example/modal-scroll-example.component.html @@ -1,36 +1,40 @@

Scroll di contenuti lunghi

-

Si può scegliere di utilizzare uno scroll interno alla modale, mantenendo sempre visibile l’intestazione ed il footer della modale stessa

+

+ Si può scegliere di utilizzare uno scroll interno alla modale, mantenendo sempre visibile l’intestazione ed il footer della modale stessa +

- - + Intestazione modale -

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, - quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse - cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, - quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse - cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, - quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse - cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. - Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, - sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor - incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo - consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat - non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod - tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo - consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat - non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod - tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo - consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat - non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum - dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad + minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in + reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in + culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor + incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea + commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur + sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, + consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud + exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse + cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim + id est laborum. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint + occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, + consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud + exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse + cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim + id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna + aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure + dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, + sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod + tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip + ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. + Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Duis aute irure dolor + in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt + in culpa qui officia deserunt mollit anim id est laborum. +

diff --git a/src/app/modal/modal-scroll-example/modal-scroll-example.component.spec.ts b/src/app/modal/modal-scroll-example/modal-scroll-example.component.spec.ts index 5ea5d77a..51088c32 100644 --- a/src/app/modal/modal-scroll-example/modal-scroll-example.component.spec.ts +++ b/src/app/modal/modal-scroll-example/modal-scroll-example.component.spec.ts @@ -8,9 +8,8 @@ describe('ModalScrollExampleComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ - declarations: [ ModalScrollExampleComponent ] - }) - .compileComponents(); + declarations: [ModalScrollExampleComponent], + }).compileComponents(); fixture = TestBed.createComponent(ModalScrollExampleComponent); component = fixture.componentInstance; diff --git a/src/app/modal/modal-scroll-example/modal-scroll-example.component.ts b/src/app/modal/modal-scroll-example/modal-scroll-example.component.ts index 2f0e2817..b5fc7f31 100644 --- a/src/app/modal/modal-scroll-example/modal-scroll-example.component.ts +++ b/src/app/modal/modal-scroll-example/modal-scroll-example.component.ts @@ -2,8 +2,6 @@ import { Component } from '@angular/core'; @Component({ selector: 'it-modal-scroll-example', - templateUrl: './modal-scroll-example.component.html' + templateUrl: './modal-scroll-example.component.html', }) -export class ModalScrollExampleComponent { - -} +export class ModalScrollExampleComponent {} diff --git a/src/app/modal/modal-size-example/modal-size-example.component.html b/src/app/modal/modal-size-example/modal-size-example.component.html index 28b464db..0efd6099 100644 --- a/src/app/modal/modal-size-example/modal-size-example.component.html +++ b/src/app/modal/modal-size-example/modal-size-example.component.html @@ -1,18 +1,11 @@

Dimensioni opzionali

-
- - - - + + + +
@@ -41,5 +34,4 @@

Dimensioni opzionali

-
diff --git a/src/app/modal/modal-size-example/modal-size-example.component.spec.ts b/src/app/modal/modal-size-example/modal-size-example.component.spec.ts index 86fd496c..a7777fa0 100644 --- a/src/app/modal/modal-size-example/modal-size-example.component.spec.ts +++ b/src/app/modal/modal-size-example/modal-size-example.component.spec.ts @@ -8,9 +8,8 @@ describe('ModalSizeExampleComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ - declarations: [ ModalSizeExampleComponent ] - }) - .compileComponents(); + declarations: [ModalSizeExampleComponent], + }).compileComponents(); fixture = TestBed.createComponent(ModalSizeExampleComponent); component = fixture.componentInstance; diff --git a/src/app/modal/modal-size-example/modal-size-example.component.ts b/src/app/modal/modal-size-example/modal-size-example.component.ts index e9d39265..8852d55a 100644 --- a/src/app/modal/modal-size-example/modal-size-example.component.ts +++ b/src/app/modal/modal-size-example/modal-size-example.component.ts @@ -2,8 +2,6 @@ import { Component } from '@angular/core'; @Component({ selector: 'it-modal-size-example', - templateUrl: './modal-size-example.component.html' + templateUrl: './modal-size-example.component.html', }) -export class ModalSizeExampleComponent { - -} +export class ModalSizeExampleComponent {} diff --git a/src/app/modal/modal.module.ts b/src/app/modal/modal.module.ts index 3a8029f0..5e49fc18 100644 --- a/src/app/modal/modal.module.ts +++ b/src/app/modal/modal.module.ts @@ -14,8 +14,6 @@ import { ModalSizeExampleComponent } from './modal-size-example/modal-size-examp import { ModalRadioExampleComponent } from './modal-radio-example/modal-radio-example.component'; import { ReactiveFormsModule } from '@angular/forms'; - - @NgModule({ declarations: [ ModalIndexComponent, @@ -27,13 +25,8 @@ import { ReactiveFormsModule } from '@angular/forms'; ModalScrollExampleComponent, ModalAlignmentExampleComponent, ModalSizeExampleComponent, - ModalRadioExampleComponent + ModalRadioExampleComponent, ], - imports: [ - CommonModule, - SharedModule, - ModalRoutingModule, - ReactiveFormsModule - ] + imports: [CommonModule, SharedModule, ModalRoutingModule, ReactiveFormsModule], }) -export class ModalModule { } +export class ModalModule {} diff --git a/src/app/notifications/notifications-example-type/notifications-example-type.component.html b/src/app/notifications/notifications-example-type/notifications-example-type.component.html index 108164ef..509be769 100644 --- a/src/app/notifications/notifications-example-type/notifications-example-type.component.html +++ b/src/app/notifications/notifications-example-type/notifications-example-type.component.html @@ -2,21 +2,10 @@

Tipi di notifica

- - - - - + + + + +
- diff --git a/src/app/notifications/notifications-example-type/notifications-example-type.component.spec.ts b/src/app/notifications/notifications-example-type/notifications-example-type.component.spec.ts index 1f716c24..fdb8e018 100644 --- a/src/app/notifications/notifications-example-type/notifications-example-type.component.spec.ts +++ b/src/app/notifications/notifications-example-type/notifications-example-type.component.spec.ts @@ -8,9 +8,8 @@ describe('NotificationsExampleTypeComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ - declarations: [ NotificationsExampleTypeComponent ] - }) - .compileComponents(); + declarations: [NotificationsExampleTypeComponent], + }).compileComponents(); fixture = TestBed.createComponent(NotificationsExampleTypeComponent); component = fixture.componentInstance; diff --git a/src/app/notifications/notifications-example-type/notifications-example-type.component.ts b/src/app/notifications/notifications-example-type/notifications-example-type.component.ts index 0c0724de..b046b23f 100644 --- a/src/app/notifications/notifications-example-type/notifications-example-type.component.ts +++ b/src/app/notifications/notifications-example-type/notifications-example-type.component.ts @@ -1,20 +1,14 @@ import { Component } from '@angular/core'; -import { - ItNotificationService -} from 'design-angular-kit/services/notification/notification.service'; +import { ItNotificationService } from 'design-angular-kit/services/notification/notification.service'; @Component({ selector: 'it-notifications-example-type', - templateUrl: './notifications-example-type.component.html' + templateUrl: './notifications-example-type.component.html', }) export class NotificationsExampleTypeComponent { - private text = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor...'; - constructor( - private readonly notificationService: ItNotificationService - ) { - } + constructor(private readonly notificationService: ItNotificationService) {} standardNotification(): void { this.notificationService.standard('Notifica Standard', this.text); diff --git a/src/app/notifications/notifications-example/notifications-example.component.html b/src/app/notifications/notifications-example/notifications-example.component.html index ae35d8cb..cd7bd5e6 100644 --- a/src/app/notifications/notifications-example/notifications-example.component.html +++ b/src/app/notifications/notifications-example/notifications-example.component.html @@ -1,59 +1,47 @@

Notifica con opzioni custom

- +
Opzioni
- - - + + +
Tipo
- - - - - + + + + +
Posizione
- - - - - + + + + +
Durata (ms)
@@ -61,4 +49,3 @@
Durata (ms)
- diff --git a/src/app/notifications/notifications-example/notifications-example.component.spec.ts b/src/app/notifications/notifications-example/notifications-example.component.spec.ts index 1bb69edc..f5523ca7 100644 --- a/src/app/notifications/notifications-example/notifications-example.component.spec.ts +++ b/src/app/notifications/notifications-example/notifications-example.component.spec.ts @@ -8,9 +8,8 @@ describe('NotificationsExampleComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ - declarations: [ NotificationsExampleComponent ] - }) - .compileComponents(); + declarations: [NotificationsExampleComponent], + }).compileComponents(); fixture = TestBed.createComponent(NotificationsExampleComponent); component = fixture.componentInstance; diff --git a/src/app/notifications/notifications-example/notifications-example.component.ts b/src/app/notifications/notifications-example/notifications-example.component.ts index 6318fe53..2c48128b 100644 --- a/src/app/notifications/notifications-example/notifications-example.component.ts +++ b/src/app/notifications/notifications-example/notifications-example.component.ts @@ -1,25 +1,18 @@ import { Component } from '@angular/core'; -import { - ItNotificationService -} from 'design-angular-kit/services/notification/notification.service'; -import { - NotificationPosition, - NotificationType -} from 'design-angular-kit/interfaces/core'; +import { ItNotificationService } from 'design-angular-kit/services/notification/notification.service'; +import { NotificationPosition, NotificationType } from 'design-angular-kit/interfaces/core'; @Component({ selector: 'it-notifications-example', - templateUrl: './notifications-example.component.html' + templateUrl: './notifications-example.component.html', }) export class NotificationsExampleComponent { - withText = true; type: NotificationType = NotificationType.Standard; duration?: number; - dismissible?: 'true'|'false'; + dismissible?: 'true' | 'false'; position?: NotificationPosition; - get NotificationPosition(): typeof NotificationPosition { return NotificationPosition; } @@ -29,10 +22,7 @@ export class NotificationsExampleComponent { private text = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor...'; - constructor( - private readonly notificationService: ItNotificationService - ) { - } + constructor(private readonly notificationService: ItNotificationService) {} showNotification(): void { this.notificationService.addNotification({ @@ -41,7 +31,7 @@ export class NotificationsExampleComponent { message: this.withText && this.text, dismissible: this.dismissible && this.dismissible === 'true', position: this.position, - duration: this.duration + duration: this.duration, }); // You can also use helper methods `standard`, `success`, `error`, `warning`, `info` @@ -53,5 +43,4 @@ export class NotificationsExampleComponent { // this.position // ); } - } diff --git a/src/app/notifications/notifications-examples/notifications-examples.component.spec.ts b/src/app/notifications/notifications-examples/notifications-examples.component.spec.ts index 73d597bd..623b4642 100644 --- a/src/app/notifications/notifications-examples/notifications-examples.component.spec.ts +++ b/src/app/notifications/notifications-examples/notifications-examples.component.spec.ts @@ -8,9 +8,8 @@ describe('NotificationsExamplesComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ - declarations: [ NotificationsExamplesComponent ] - }) - .compileComponents(); + declarations: [NotificationsExamplesComponent], + }).compileComponents(); fixture = TestBed.createComponent(NotificationsExamplesComponent); component = fixture.componentInstance; diff --git a/src/app/notifications/notifications-examples/notifications-examples.component.ts b/src/app/notifications/notifications-examples/notifications-examples.component.ts index 92ae076d..9e531e66 100644 --- a/src/app/notifications/notifications-examples/notifications-examples.component.ts +++ b/src/app/notifications/notifications-examples/notifications-examples.component.ts @@ -2,8 +2,6 @@ import { Component } from '@angular/core'; @Component({ selector: 'it-notifications-examples', - templateUrl: './notifications-examples.component.html' + templateUrl: './notifications-examples.component.html', }) -export class NotificationsExamplesComponent { - -} +export class NotificationsExamplesComponent {} diff --git a/src/app/notifications/notifications-index/notifications-index.component.spec.ts b/src/app/notifications/notifications-index/notifications-index.component.spec.ts index 7313b49f..59a0dd24 100644 --- a/src/app/notifications/notifications-index/notifications-index.component.spec.ts +++ b/src/app/notifications/notifications-index/notifications-index.component.spec.ts @@ -8,9 +8,8 @@ describe('NotificationsIndexComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ - declarations: [ NotificationsIndexComponent ] - }) - .compileComponents(); + declarations: [NotificationsIndexComponent], + }).compileComponents(); fixture = TestBed.createComponent(NotificationsIndexComponent); component = fixture.componentInstance; diff --git a/src/app/notifications/notifications-index/notifications-index.component.ts b/src/app/notifications/notifications-index/notifications-index.component.ts index 4849edb4..68013df4 100644 --- a/src/app/notifications/notifications-index/notifications-index.component.ts +++ b/src/app/notifications/notifications-index/notifications-index.component.ts @@ -2,7 +2,7 @@ import { Component } from '@angular/core'; import Documentation from '../../../assets/documentation.json'; @Component({ selector: 'it-notifications-index', - templateUrl: './notifications-index.component.html' + templateUrl: './notifications-index.component.html', }) export class NotificationsIndexComponent { component: any; diff --git a/src/app/notifications/notifications-routing.module.ts b/src/app/notifications/notifications-routing.module.ts index 0abf9ca3..ee3d5783 100644 --- a/src/app/notifications/notifications-routing.module.ts +++ b/src/app/notifications/notifications-routing.module.ts @@ -2,12 +2,10 @@ import { NgModule } from '@angular/core'; import { RouterModule, Routes } from '@angular/router'; import { NotificationsIndexComponent } from './notifications-index/notifications-index.component'; -const routes: Routes = [ - { path: '', component: NotificationsIndexComponent } -]; +const routes: Routes = [{ path: '', component: NotificationsIndexComponent }]; @NgModule({ imports: [RouterModule.forChild(routes)], - exports: [RouterModule] + exports: [RouterModule], }) -export class NotificationsRoutingModule { } +export class NotificationsRoutingModule {} diff --git a/src/app/notifications/notifications-setup/notifications-setup.component.html b/src/app/notifications/notifications-setup/notifications-setup.component.html index 26d584bc..4d81a14f 100644 --- a/src/app/notifications/notifications-setup/notifications-setup.component.html +++ b/src/app/notifications/notifications-setup/notifications-setup.component.html @@ -2,9 +2,10 @@

Setup notifiche

- +

Importa il componente notifiche nel tuo app.component.html

@@ -27,21 +28,27 @@
Opzioni
Posizione
- - - - - + + + + +
Durata (ms)
diff --git a/src/app/notifications/notifications-setup/notifications-setup.component.spec.ts b/src/app/notifications/notifications-setup/notifications-setup.component.spec.ts index 120f1fd1..a72476d2 100644 --- a/src/app/notifications/notifications-setup/notifications-setup.component.spec.ts +++ b/src/app/notifications/notifications-setup/notifications-setup.component.spec.ts @@ -8,9 +8,8 @@ describe('NotificationsSetupComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ - declarations: [ NotificationsSetupComponent ] - }) - .compileComponents(); + declarations: [NotificationsSetupComponent], + }).compileComponents(); fixture = TestBed.createComponent(NotificationsSetupComponent); component = fixture.componentInstance; diff --git a/src/app/notifications/notifications-setup/notifications-setup.component.ts b/src/app/notifications/notifications-setup/notifications-setup.component.ts index 0bc6cac8..11fb1538 100644 --- a/src/app/notifications/notifications-setup/notifications-setup.component.ts +++ b/src/app/notifications/notifications-setup/notifications-setup.component.ts @@ -1,45 +1,39 @@ import { Component } from '@angular/core'; import { NotificationPosition } from 'design-angular-kit/interfaces/core'; -import { - ItNotificationService -} from 'design-angular-kit/services/notification/notification.service'; +import { ItNotificationService } from 'design-angular-kit/services/notification/notification.service'; @Component({ selector: 'it-notifications-setup', - templateUrl: './notifications-setup.component.html' + templateUrl: './notifications-setup.component.html', }) export class NotificationsSetupComponent { - duration = 8000; isDismissible = true; position?: NotificationPosition; - readonly notificationServiceExample = "constructor(\n" + - " private readonly notificationService: ItNotificationService\n" + - ") {}\n\n" + - "standardNotification(): void {\n" + - " this.notificationService.standard(\n" + + readonly notificationServiceExample = + 'constructor(\n' + + ' private readonly notificationService: ItNotificationService\n' + + ') {}\n\n' + + 'standardNotification(): void {\n' + + ' this.notificationService.standard(\n' + " 'Notifica Standard', // Titolo\n" + " 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor...' // Messaggio\n" + - " );\n" + - "}"; + ' );\n' + + '}'; - readonly exampleOptionsHtml = "= 1000 ? duration : undefined\"\n" + - " [position]=\"position\"\n" + - " [dismissible]=\"isDismissible\">"; + readonly exampleOptionsHtml = + ''; - readonly exampleOptionsTs = "duration = 8000;\n" + - "isDismissible = true;\n" + - "position?: NotificationPosition;\n" + readonly exampleOptionsTs = 'duration = 8000;\n' + 'isDismissible = true;\n' + 'position?: NotificationPosition;\n'; get NotificationPosition(): typeof NotificationPosition { return NotificationPosition; } - constructor( - private readonly notificationService: ItNotificationService - ) { - } + constructor(private readonly notificationService: ItNotificationService) {} standardNotification(): void { this.notificationService.standard( @@ -47,5 +41,4 @@ export class NotificationsSetupComponent { 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor...' ); } - } diff --git a/src/app/notifications/notifications.module.ts b/src/app/notifications/notifications.module.ts index 349ba1e3..0e72f40a 100644 --- a/src/app/notifications/notifications.module.ts +++ b/src/app/notifications/notifications.module.ts @@ -9,20 +9,14 @@ import { FormsModule } from '@angular/forms'; import { NotificationsSetupComponent } from './notifications-setup/notifications-setup.component'; import { NotificationsExampleTypeComponent } from './notifications-example-type/notifications-example-type.component'; - @NgModule({ declarations: [ NotificationsIndexComponent, NotificationsExamplesComponent, NotificationsExampleComponent, NotificationsSetupComponent, - NotificationsExampleTypeComponent + NotificationsExampleTypeComponent, ], - imports: [ - CommonModule, - SharedModule, - NotificationsRoutingModule, - FormsModule - ] + imports: [CommonModule, SharedModule, NotificationsRoutingModule, FormsModule], }) -export class NotificationsModule { } +export class NotificationsModule {} diff --git a/src/app/pagination/pagination-changer-example/pagination-changer-example.component.html b/src/app/pagination/pagination-changer-example/pagination-changer-example.component.html index 2b1c3500..77cafade 100644 --- a/src/app/pagination/pagination-changer-example/pagination-changer-example.component.html +++ b/src/app/pagination/pagination-changer-example/pagination-changer-example.component.html @@ -2,10 +2,11 @@

Changer

La funzionalità di changer permette di scegliere da un dropdown la quantità di record da visualizzare in una pagina.

- - +
diff --git a/src/app/pagination/pagination-changer-example/pagination-changer-example.component.spec.ts b/src/app/pagination/pagination-changer-example/pagination-changer-example.component.spec.ts index 14bec7e6..02358c57 100644 --- a/src/app/pagination/pagination-changer-example/pagination-changer-example.component.spec.ts +++ b/src/app/pagination/pagination-changer-example/pagination-changer-example.component.spec.ts @@ -8,9 +8,8 @@ describe('PaginationChangerExampleComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ - declarations: [ PaginationChangerExampleComponent ] - }) - .compileComponents(); + declarations: [PaginationChangerExampleComponent], + }).compileComponents(); fixture = TestBed.createComponent(PaginationChangerExampleComponent); component = fixture.componentInstance; diff --git a/src/app/pagination/pagination-changer-example/pagination-changer-example.component.ts b/src/app/pagination/pagination-changer-example/pagination-changer-example.component.ts index 383f643e..482486b8 100644 --- a/src/app/pagination/pagination-changer-example/pagination-changer-example.component.ts +++ b/src/app/pagination/pagination-changer-example/pagination-changer-example.component.ts @@ -2,7 +2,7 @@ import { Component } from '@angular/core'; @Component({ selector: 'it-pagination-changer-example', - templateUrl: './pagination-changer-example.component.html' + templateUrl: './pagination-changer-example.component.html', }) export class PaginationChangerExampleComponent { currentPage: number = 25; diff --git a/src/app/pagination/pagination-example/pagination-example.component.html b/src/app/pagination/pagination-example/pagination-example.component.html index d1f759eb..8c93e70b 100644 --- a/src/app/pagination/pagination-example/pagination-example.component.html +++ b/src/app/pagination/pagination-example/pagination-example.component.html @@ -1,13 +1,19 @@

Navigazione allineata a sinistra

- +

Navigazione centrata

- +

Navigazione allineata a destra

- +
diff --git a/src/app/pagination/pagination-example/pagination-example.component.spec.ts b/src/app/pagination/pagination-example/pagination-example.component.spec.ts index 9513bb92..5988472a 100644 --- a/src/app/pagination/pagination-example/pagination-example.component.spec.ts +++ b/src/app/pagination/pagination-example/pagination-example.component.spec.ts @@ -8,9 +8,8 @@ describe('PaginationExampleComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ - declarations: [ PaginationExampleComponent ] - }) - .compileComponents(); + declarations: [PaginationExampleComponent], + }).compileComponents(); fixture = TestBed.createComponent(PaginationExampleComponent); component = fixture.componentInstance; diff --git a/src/app/pagination/pagination-example/pagination-example.component.ts b/src/app/pagination/pagination-example/pagination-example.component.ts index d28afb4d..a84c2254 100644 --- a/src/app/pagination/pagination-example/pagination-example.component.ts +++ b/src/app/pagination/pagination-example/pagination-example.component.ts @@ -2,10 +2,9 @@ import { Component } from '@angular/core'; @Component({ selector: 'it-pagination-example', - templateUrl: './pagination-example.component.html' + templateUrl: './pagination-example.component.html', }) export class PaginationExampleComponent { - leftCurrentPage = 0; centerCurrentPage = 25; rightCurrentPage = 0; diff --git a/src/app/pagination/pagination-examples/pagination-examples.component.spec.ts b/src/app/pagination/pagination-examples/pagination-examples.component.spec.ts index 8b24799a..6246b2d4 100644 --- a/src/app/pagination/pagination-examples/pagination-examples.component.spec.ts +++ b/src/app/pagination/pagination-examples/pagination-examples.component.spec.ts @@ -8,9 +8,8 @@ describe('PaginationExamplesComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ - declarations: [ PaginationExamplesComponent ] - }) - .compileComponents(); + declarations: [PaginationExamplesComponent], + }).compileComponents(); fixture = TestBed.createComponent(PaginationExamplesComponent); component = fixture.componentInstance; diff --git a/src/app/pagination/pagination-examples/pagination-examples.component.ts b/src/app/pagination/pagination-examples/pagination-examples.component.ts index c0205852..e92bdb1f 100644 --- a/src/app/pagination/pagination-examples/pagination-examples.component.ts +++ b/src/app/pagination/pagination-examples/pagination-examples.component.ts @@ -2,8 +2,6 @@ import { Component } from '@angular/core'; @Component({ selector: 'it-pagination-examples', - templateUrl: './pagination-examples.component.html' + templateUrl: './pagination-examples.component.html', }) -export class PaginationExamplesComponent { - -} +export class PaginationExamplesComponent {} diff --git a/src/app/pagination/pagination-index/pagination-index.component.spec.ts b/src/app/pagination/pagination-index/pagination-index.component.spec.ts index 9325fad0..5f549f56 100644 --- a/src/app/pagination/pagination-index/pagination-index.component.spec.ts +++ b/src/app/pagination/pagination-index/pagination-index.component.spec.ts @@ -8,9 +8,8 @@ describe('PaginationIndexComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ - declarations: [ PaginationIndexComponent ] - }) - .compileComponents(); + declarations: [PaginationIndexComponent], + }).compileComponents(); fixture = TestBed.createComponent(PaginationIndexComponent); component = fixture.componentInstance; diff --git a/src/app/pagination/pagination-index/pagination-index.component.ts b/src/app/pagination/pagination-index/pagination-index.component.ts index 4d544fd3..5570dc17 100644 --- a/src/app/pagination/pagination-index/pagination-index.component.ts +++ b/src/app/pagination/pagination-index/pagination-index.component.ts @@ -3,7 +3,7 @@ import Documentation from '../../../assets/documentation.json'; @Component({ selector: 'it-pagination-index', - templateUrl: './pagination-index.component.html' + templateUrl: './pagination-index.component.html', }) export class PaginationIndexComponent { component: any; diff --git a/src/app/pagination/pagination-jump-example/pagination-jump-example.component.html b/src/app/pagination/pagination-jump-example/pagination-jump-example.component.html index 94ffd4b8..33fb4693 100644 --- a/src/app/pagination/pagination-jump-example/pagination-jump-example.component.html +++ b/src/app/pagination/pagination-jump-example/pagination-jump-example.component.html @@ -2,8 +2,5 @@

Jump to page

Con l’elemento aggiuntivo “Jump to page” l’utente può specificare un numero di pagina concreto.

- - - +
diff --git a/src/app/pagination/pagination-jump-example/pagination-jump-example.component.spec.ts b/src/app/pagination/pagination-jump-example/pagination-jump-example.component.spec.ts index faf879c2..4b772daa 100644 --- a/src/app/pagination/pagination-jump-example/pagination-jump-example.component.spec.ts +++ b/src/app/pagination/pagination-jump-example/pagination-jump-example.component.spec.ts @@ -8,9 +8,8 @@ describe('PaginationJumpExampleComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ - declarations: [ PaginationJumpExampleComponent ] - }) - .compileComponents(); + declarations: [PaginationJumpExampleComponent], + }).compileComponents(); fixture = TestBed.createComponent(PaginationJumpExampleComponent); component = fixture.componentInstance; diff --git a/src/app/pagination/pagination-jump-example/pagination-jump-example.component.ts b/src/app/pagination/pagination-jump-example/pagination-jump-example.component.ts index 554e66d0..f2116b75 100644 --- a/src/app/pagination/pagination-jump-example/pagination-jump-example.component.ts +++ b/src/app/pagination/pagination-jump-example/pagination-jump-example.component.ts @@ -2,7 +2,7 @@ import { Component } from '@angular/core'; @Component({ selector: 'it-pagination-jump-example', - templateUrl: './pagination-jump-example.component.html' + templateUrl: './pagination-jump-example.component.html', }) export class PaginationJumpExampleComponent { currentPage: number = 25; diff --git a/src/app/pagination/pagination-routing.module.ts b/src/app/pagination/pagination-routing.module.ts index f0e37dcb..4e726efc 100644 --- a/src/app/pagination/pagination-routing.module.ts +++ b/src/app/pagination/pagination-routing.module.ts @@ -2,13 +2,10 @@ import { NgModule } from '@angular/core'; import { RouterModule, Routes } from '@angular/router'; import { PaginationIndexComponent } from './pagination-index/pagination-index.component'; -const routes: Routes = [ - { path: '', component: PaginationIndexComponent } -]; +const routes: Routes = [{ path: '', component: PaginationIndexComponent }]; @NgModule({ imports: [RouterModule.forChild(routes)], - exports: [RouterModule] + exports: [RouterModule], }) -export class PaginationRoutingModule { -} +export class PaginationRoutingModule {} diff --git a/src/app/pagination/pagination-simple-example/pagination-simple-example.component.html b/src/app/pagination/pagination-simple-example/pagination-simple-example.component.html index 382ac57e..652e9f06 100644 --- a/src/app/pagination/pagination-simple-example/pagination-simple-example.component.html +++ b/src/app/pagination/pagination-simple-example/pagination-simple-example.component.html @@ -1,9 +1,9 @@

Simple mode

-

La paginazione in versione “Simple mode” è ottimizzata per i dispositivi mobile. Può essere utilizzata anche su tablet e desktop quando il numero di pagine è ridotto.

+

+ La paginazione in versione “Simple mode” è ottimizzata per i dispositivi mobile. Può essere utilizzata anche su tablet e desktop quando il + numero di pagine è ridotto. +

- - - +
diff --git a/src/app/pagination/pagination-simple-example/pagination-simple-example.component.spec.ts b/src/app/pagination/pagination-simple-example/pagination-simple-example.component.spec.ts index 2f33dd2e..8a15d817 100644 --- a/src/app/pagination/pagination-simple-example/pagination-simple-example.component.spec.ts +++ b/src/app/pagination/pagination-simple-example/pagination-simple-example.component.spec.ts @@ -8,9 +8,8 @@ describe('PaginationSimpleExampleComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ - declarations: [ PaginationSimpleExampleComponent ] - }) - .compileComponents(); + declarations: [PaginationSimpleExampleComponent], + }).compileComponents(); fixture = TestBed.createComponent(PaginationSimpleExampleComponent); component = fixture.componentInstance; diff --git a/src/app/pagination/pagination-simple-example/pagination-simple-example.component.ts b/src/app/pagination/pagination-simple-example/pagination-simple-example.component.ts index cf6d4020..daaf2248 100644 --- a/src/app/pagination/pagination-simple-example/pagination-simple-example.component.ts +++ b/src/app/pagination/pagination-simple-example/pagination-simple-example.component.ts @@ -2,7 +2,7 @@ import { Component } from '@angular/core'; @Component({ selector: 'it-pagination-simple-example', - templateUrl: './pagination-simple-example.component.html' + templateUrl: './pagination-simple-example.component.html', }) export class PaginationSimpleExampleComponent { currentPage: number = 0; diff --git a/src/app/pagination/pagination-text-links-example/pagination-text-links-example.component.html b/src/app/pagination/pagination-text-links-example/pagination-text-links-example.component.html index 8eddd780..6a891ccc 100644 --- a/src/app/pagination/pagination-text-links-example/pagination-text-links-example.component.html +++ b/src/app/pagination/pagination-text-links-example/pagination-text-links-example.component.html @@ -2,8 +2,5 @@

Link testuali

Le icone chevron utilizzate come link di navigazione vengono sostituite da link testuali come “precedente” e “successiva”.

- - - +
diff --git a/src/app/pagination/pagination-text-links-example/pagination-text-links-example.component.spec.ts b/src/app/pagination/pagination-text-links-example/pagination-text-links-example.component.spec.ts index 8dd0bb5c..148bac6a 100644 --- a/src/app/pagination/pagination-text-links-example/pagination-text-links-example.component.spec.ts +++ b/src/app/pagination/pagination-text-links-example/pagination-text-links-example.component.spec.ts @@ -8,9 +8,8 @@ describe('PaginationTextLinksExampleComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ - declarations: [ PaginationTextLinksExampleComponent ] - }) - .compileComponents(); + declarations: [PaginationTextLinksExampleComponent], + }).compileComponents(); fixture = TestBed.createComponent(PaginationTextLinksExampleComponent); component = fixture.componentInstance; diff --git a/src/app/pagination/pagination-text-links-example/pagination-text-links-example.component.ts b/src/app/pagination/pagination-text-links-example/pagination-text-links-example.component.ts index 71acbccf..b4b7548e 100644 --- a/src/app/pagination/pagination-text-links-example/pagination-text-links-example.component.ts +++ b/src/app/pagination/pagination-text-links-example/pagination-text-links-example.component.ts @@ -2,7 +2,7 @@ import { Component } from '@angular/core'; @Component({ selector: 'it-pagination-text-links-example', - templateUrl: './pagination-text-links-example.component.html' + templateUrl: './pagination-text-links-example.component.html', }) export class PaginationTextLinksExampleComponent { currentPage: number = 25; diff --git a/src/app/pagination/pagination-total-number-example/pagination-total-number-example.component.html b/src/app/pagination/pagination-total-number-example/pagination-total-number-example.component.html index 39ec04ba..cdb2b763 100644 --- a/src/app/pagination/pagination-total-number-example/pagination-total-number-example.component.html +++ b/src/app/pagination/pagination-total-number-example/pagination-total-number-example.component.html @@ -1,9 +1,5 @@

Total number

- - - Totale 300 elementi - - + Totale 300 elementi
diff --git a/src/app/pagination/pagination-total-number-example/pagination-total-number-example.component.spec.ts b/src/app/pagination/pagination-total-number-example/pagination-total-number-example.component.spec.ts index 14404b71..983c1922 100644 --- a/src/app/pagination/pagination-total-number-example/pagination-total-number-example.component.spec.ts +++ b/src/app/pagination/pagination-total-number-example/pagination-total-number-example.component.spec.ts @@ -8,9 +8,8 @@ describe('PaginationTotalNumberExampleComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ - declarations: [ PaginationTotalNumberExampleComponent ] - }) - .compileComponents(); + declarations: [PaginationTotalNumberExampleComponent], + }).compileComponents(); fixture = TestBed.createComponent(PaginationTotalNumberExampleComponent); component = fixture.componentInstance; diff --git a/src/app/pagination/pagination-total-number-example/pagination-total-number-example.component.ts b/src/app/pagination/pagination-total-number-example/pagination-total-number-example.component.ts index 796f3910..3b671c3a 100644 --- a/src/app/pagination/pagination-total-number-example/pagination-total-number-example.component.ts +++ b/src/app/pagination/pagination-total-number-example/pagination-total-number-example.component.ts @@ -2,7 +2,7 @@ import { Component } from '@angular/core'; @Component({ selector: 'it-pagination-total-number-example', - templateUrl: './pagination-total-number-example.component.html' + templateUrl: './pagination-total-number-example.component.html', }) export class PaginationTotalNumberExampleComponent { currentPage: number = 25; diff --git a/src/app/pagination/pagination.module.ts b/src/app/pagination/pagination.module.ts index 53f2b472..6514ccee 100644 --- a/src/app/pagination/pagination.module.ts +++ b/src/app/pagination/pagination.module.ts @@ -8,12 +8,9 @@ import { PaginationExampleComponent } from './pagination-example/pagination-exam import { PaginationChangerExampleComponent } from './pagination-changer-example/pagination-changer-example.component'; import { PaginationJumpExampleComponent } from './pagination-jump-example/pagination-jump-example.component'; import { PaginationSimpleExampleComponent } from './pagination-simple-example/pagination-simple-example.component'; -import { - PaginationTextLinksExampleComponent -} from './pagination-text-links-example/pagination-text-links-example.component'; +import { PaginationTextLinksExampleComponent } from './pagination-text-links-example/pagination-text-links-example.component'; import { PaginationTotalNumberExampleComponent } from './pagination-total-number-example/pagination-total-number-example.component'; - @NgModule({ declarations: [ PaginationIndexComponent, @@ -23,13 +20,8 @@ import { PaginationTotalNumberExampleComponent } from './pagination-total-number PaginationJumpExampleComponent, PaginationSimpleExampleComponent, PaginationTextLinksExampleComponent, - PaginationTotalNumberExampleComponent + PaginationTotalNumberExampleComponent, ], - imports: [ - CommonModule, - SharedModule, - PaginationRoutingModule - ] + imports: [CommonModule, SharedModule, PaginationRoutingModule], }) -export class PaginationModule { -} +export class PaginationModule {} diff --git a/src/app/password-input/password-input-confirm-example/password-input-confirm-example.component.html b/src/app/password-input/password-input-confirm-example/password-input-confirm-example.component.html index 2691a4d4..a6ba3c03 100644 --- a/src/app/password-input/password-input-confirm-example/password-input-confirm-example.component.html +++ b/src/app/password-input/password-input-confirm-example/password-input-confirm-example.component.html @@ -1,13 +1,8 @@

Conferma password

+ - - - - +
diff --git a/src/app/password-input/password-input-confirm-example/password-input-confirm-example.component.spec.ts b/src/app/password-input/password-input-confirm-example/password-input-confirm-example.component.spec.ts index 242f7a55..ead84bc9 100644 --- a/src/app/password-input/password-input-confirm-example/password-input-confirm-example.component.spec.ts +++ b/src/app/password-input/password-input-confirm-example/password-input-confirm-example.component.spec.ts @@ -8,9 +8,8 @@ describe('PasswordInputConfirmExampleComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ - declarations: [ PasswordInputConfirmExampleComponent ] - }) - .compileComponents(); + declarations: [PasswordInputConfirmExampleComponent], + }).compileComponents(); fixture = TestBed.createComponent(PasswordInputConfirmExampleComponent); component = fixture.componentInstance; diff --git a/src/app/password-input/password-input-confirm-example/password-input-confirm-example.component.ts b/src/app/password-input/password-input-confirm-example/password-input-confirm-example.component.ts index 2248fa56..0d4c0e6f 100644 --- a/src/app/password-input/password-input-confirm-example/password-input-confirm-example.component.ts +++ b/src/app/password-input/password-input-confirm-example/password-input-confirm-example.component.ts @@ -4,20 +4,20 @@ import { ItValidators } from 'design-angular-kit/validators/it-validators'; @Component({ selector: 'it-password-input-confirm-example', - templateUrl: './password-input-confirm-example.component.html' + templateUrl: './password-input-confirm-example.component.html', }) export class PasswordInputConfirmExampleComponent { - formGroup: FormGroup; - constructor( - private readonly formBuilder: FormBuilder - ) { - this.formGroup = this.formBuilder.group({ - password: [null], - confirmPassword: [null] - }, { - validators: control => ItValidators.passwordMatch(control) - }); + constructor(private readonly formBuilder: FormBuilder) { + this.formGroup = this.formBuilder.group( + { + password: [null], + confirmPassword: [null], + }, + { + validators: control => ItValidators.passwordMatch(control), + } + ); } } diff --git a/src/app/password-input/password-input-example/password-input-example.component.html b/src/app/password-input/password-input-example/password-input-example.component.html index 199e05d2..228a78a3 100644 --- a/src/app/password-input/password-input-example/password-input-example.component.html +++ b/src/app/password-input/password-input-example/password-input-example.component.html @@ -1,17 +1,15 @@
- - - - - - - + + + + +
diff --git a/src/app/password-input/password-input-example/password-input-example.component.spec.ts b/src/app/password-input/password-input-example/password-input-example.component.spec.ts index 4029f9af..62bb6538 100644 --- a/src/app/password-input/password-input-example/password-input-example.component.spec.ts +++ b/src/app/password-input/password-input-example/password-input-example.component.spec.ts @@ -8,9 +8,8 @@ describe('PasswordInputExampleComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ - declarations: [ PasswordInputExampleComponent ] - }) - .compileComponents(); + declarations: [PasswordInputExampleComponent], + }).compileComponents(); fixture = TestBed.createComponent(PasswordInputExampleComponent); component = fixture.componentInstance; diff --git a/src/app/password-input/password-input-example/password-input-example.component.ts b/src/app/password-input/password-input-example/password-input-example.component.ts index bf69e8d5..23b99a2a 100644 --- a/src/app/password-input/password-input-example/password-input-example.component.ts +++ b/src/app/password-input/password-input-example/password-input-example.component.ts @@ -2,7 +2,7 @@ import { Component } from '@angular/core'; @Component({ selector: 'it-password-input-example', - templateUrl: './password-input-example.component.html' + templateUrl: './password-input-example.component.html', }) export class PasswordInputExampleComponent { password?: string; diff --git a/src/app/password-input/password-input-examples/password-input-examples.component.spec.ts b/src/app/password-input/password-input-examples/password-input-examples.component.spec.ts index b6984912..a04bd45d 100644 --- a/src/app/password-input/password-input-examples/password-input-examples.component.spec.ts +++ b/src/app/password-input/password-input-examples/password-input-examples.component.spec.ts @@ -8,9 +8,8 @@ describe('PasswordInputExamplesComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ - declarations: [ PasswordInputExamplesComponent ] - }) - .compileComponents(); + declarations: [PasswordInputExamplesComponent], + }).compileComponents(); fixture = TestBed.createComponent(PasswordInputExamplesComponent); component = fixture.componentInstance; diff --git a/src/app/password-input/password-input-examples/password-input-examples.component.ts b/src/app/password-input/password-input-examples/password-input-examples.component.ts index 16993720..2cd9dcbc 100644 --- a/src/app/password-input/password-input-examples/password-input-examples.component.ts +++ b/src/app/password-input/password-input-examples/password-input-examples.component.ts @@ -2,8 +2,6 @@ import { Component } from '@angular/core'; @Component({ selector: 'it-password-input-examples', - templateUrl: './password-input-examples.component.html' + templateUrl: './password-input-examples.component.html', }) -export class PasswordInputExamplesComponent { - -} +export class PasswordInputExamplesComponent {} diff --git a/src/app/password-input/password-input-index/password-input-index.component.html b/src/app/password-input/password-input-index/password-input-index.component.html index 9e4ab134..939cb201 100644 --- a/src/app/password-input/password-input-index/password-input-index.component.html +++ b/src/app/password-input/password-input-index/password-input-index.component.html @@ -1,5 +1,7 @@

Input password

-

Per rendere più semplice l’inserimento della password, l’elemento è stato dotato di un visualizzatore dei caratteri digitati.

+

+ Per rendere più semplice l’inserimento della password, l’elemento è stato dotato di un visualizzatore dei caratteri digitati. +

diff --git a/src/app/password-input/password-input-index/password-input-index.component.spec.ts b/src/app/password-input/password-input-index/password-input-index.component.spec.ts index 6e3b5963..7467a5ff 100644 --- a/src/app/password-input/password-input-index/password-input-index.component.spec.ts +++ b/src/app/password-input/password-input-index/password-input-index.component.spec.ts @@ -8,9 +8,8 @@ describe('PasswordInputIndexComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ - declarations: [ PasswordInputIndexComponent ] - }) - .compileComponents(); + declarations: [PasswordInputIndexComponent], + }).compileComponents(); fixture = TestBed.createComponent(PasswordInputIndexComponent); component = fixture.componentInstance; diff --git a/src/app/password-input/password-input-index/password-input-index.component.ts b/src/app/password-input/password-input-index/password-input-index.component.ts index 855b4dac..3970debf 100644 --- a/src/app/password-input/password-input-index/password-input-index.component.ts +++ b/src/app/password-input/password-input-index/password-input-index.component.ts @@ -3,10 +3,9 @@ import Documentation from '../../../assets/documentation.json'; @Component({ selector: 'it-password-input-index', - templateUrl: './password-input-index.component.html' + templateUrl: './password-input-index.component.html', }) export class PasswordInputIndexComponent { - component: any; constructor() { diff --git a/src/app/password-input/password-input-routing.module.ts b/src/app/password-input/password-input-routing.module.ts index 5862e2df..c01c21ce 100644 --- a/src/app/password-input/password-input-routing.module.ts +++ b/src/app/password-input/password-input-routing.module.ts @@ -2,13 +2,10 @@ import { NgModule } from '@angular/core'; import { RouterModule, Routes } from '@angular/router'; import { PasswordInputIndexComponent } from './password-input-index/password-input-index.component'; -const routes: Routes = [ - { path: '', component: PasswordInputIndexComponent } -]; +const routes: Routes = [{ path: '', component: PasswordInputIndexComponent }]; @NgModule({ imports: [RouterModule.forChild(routes)], - exports: [RouterModule] + exports: [RouterModule], }) -export class PasswordInputRoutingModule { -} +export class PasswordInputRoutingModule {} diff --git a/src/app/password-input/password-input-validation-example/password-input-validation-example.component.html b/src/app/password-input/password-input-validation-example/password-input-validation-example.component.html index e48f70c1..cf216ce2 100644 --- a/src/app/password-input/password-input-validation-example/password-input-validation-example.component.html +++ b/src/app/password-input/password-input-validation-example/password-input-validation-example.component.html @@ -1,23 +1,22 @@

Validazione

+ - - - - - + +
diff --git a/src/app/password-input/password-input-validation-example/password-input-validation-example.component.spec.ts b/src/app/password-input/password-input-validation-example/password-input-validation-example.component.spec.ts index 50272cd7..514f3353 100644 --- a/src/app/password-input/password-input-validation-example/password-input-validation-example.component.spec.ts +++ b/src/app/password-input/password-input-validation-example/password-input-validation-example.component.spec.ts @@ -8,9 +8,8 @@ describe('PasswordInputValidationExampleComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ - declarations: [ PasswordInputValidationExampleComponent ] - }) - .compileComponents(); + declarations: [PasswordInputValidationExampleComponent], + }).compileComponents(); fixture = TestBed.createComponent(PasswordInputValidationExampleComponent); component = fixture.componentInstance; diff --git a/src/app/password-input/password-input-validation-example/password-input-validation-example.component.ts b/src/app/password-input/password-input-validation-example/password-input-validation-example.component.ts index 69ad7028..7232bae9 100644 --- a/src/app/password-input/password-input-validation-example/password-input-validation-example.component.ts +++ b/src/app/password-input/password-input-validation-example/password-input-validation-example.component.ts @@ -3,20 +3,16 @@ import { FormBuilder, FormGroup } from '@angular/forms'; @Component({ selector: 'it-password-input-validation-example', - templateUrl: './password-input-validation-example.component.html' + templateUrl: './password-input-validation-example.component.html', }) export class PasswordInputValidationExampleComponent { - formGroup: FormGroup; - constructor( - private readonly formBuilder: FormBuilder - ) { + constructor(private readonly formBuilder: FormBuilder) { this.formGroup = this.formBuilder.group({ password: [null], passwordCustom: [null], - passwordStrengthMeter: [null] + passwordStrengthMeter: [null], }); } - } diff --git a/src/app/password-input/password-input.module.ts b/src/app/password-input/password-input.module.ts index 51a24e0e..cfd6a460 100644 --- a/src/app/password-input/password-input.module.ts +++ b/src/app/password-input/password-input.module.ts @@ -9,21 +9,14 @@ import { FormsModule, ReactiveFormsModule } from '@angular/forms'; import { PasswordInputConfirmExampleComponent } from './password-input-confirm-example/password-input-confirm-example.component'; import { PasswordInputValidationExampleComponent } from './password-input-validation-example/password-input-validation-example.component'; - @NgModule({ declarations: [ PasswordInputIndexComponent, PasswordInputExamplesComponent, PasswordInputExampleComponent, PasswordInputConfirmExampleComponent, - PasswordInputValidationExampleComponent + PasswordInputValidationExampleComponent, ], - imports: [ - CommonModule, - SharedModule, - PasswordInputRoutingModule, - ReactiveFormsModule, - FormsModule - ] + imports: [CommonModule, SharedModule, PasswordInputRoutingModule, ReactiveFormsModule, FormsModule], }) -export class PasswordInputModule { } +export class PasswordInputModule {} diff --git a/src/app/popover/popover-config-example/popover-config-example.component.spec.ts b/src/app/popover/popover-config-example/popover-config-example.component.spec.ts index 0baf2e07..5b84e8b8 100644 --- a/src/app/popover/popover-config-example/popover-config-example.component.spec.ts +++ b/src/app/popover/popover-config-example/popover-config-example.component.spec.ts @@ -8,9 +8,8 @@ describe('PopoverConfigExampleComponent', () => { beforeEach(async(() => { TestBed.configureTestingModule({ - declarations: [ PopoverConfigExampleComponent ] - }) - .compileComponents(); + declarations: [PopoverConfigExampleComponent], + }).compileComponents(); })); beforeEach(() => { diff --git a/src/app/popover/popover-config-example/popover-config-example.component.ts b/src/app/popover/popover-config-example/popover-config-example.component.ts index ec852996..e3c61c63 100644 --- a/src/app/popover/popover-config-example/popover-config-example.component.ts +++ b/src/app/popover/popover-config-example/popover-config-example.component.ts @@ -3,9 +3,6 @@ import { Component } from '@angular/core'; @Component({ selector: 'it-popover-config-example', templateUrl: './popover-config-example.component.html', - styleUrls: ['./popover-config-example.component.scss'] + styleUrls: ['./popover-config-example.component.scss'], }) -export class PopoverConfigExampleComponent { - - -} +export class PopoverConfigExampleComponent {} diff --git a/src/app/popover/popover-container-example/popover-container-example.component.spec.ts b/src/app/popover/popover-container-example/popover-container-example.component.spec.ts index 308eaf34..024a267d 100644 --- a/src/app/popover/popover-container-example/popover-container-example.component.spec.ts +++ b/src/app/popover/popover-container-example/popover-container-example.component.spec.ts @@ -8,9 +8,8 @@ describe('PopoverContainerExampleComponent', () => { beforeEach(async(() => { TestBed.configureTestingModule({ - declarations: [ PopoverContainerExampleComponent ] - }) - .compileComponents(); + declarations: [PopoverContainerExampleComponent], + }).compileComponents(); })); beforeEach(() => { diff --git a/src/app/popover/popover-container-example/popover-container-example.component.ts b/src/app/popover/popover-container-example/popover-container-example.component.ts index 2692e0d7..c95e548e 100644 --- a/src/app/popover/popover-container-example/popover-container-example.component.ts +++ b/src/app/popover/popover-container-example/popover-container-example.component.ts @@ -1,10 +1,8 @@ -import { Component, OnInit } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'it-popover-container-example', templateUrl: './popover-container-example.component.html', - styleUrls: ['./popover-container-example.component.scss'] + styleUrls: ['./popover-container-example.component.scss'], }) -export class PopoverContainerExampleComponent { - -} +export class PopoverContainerExampleComponent {} diff --git a/src/app/popover/popover-disabled-example/popover-disabled-example.component.html b/src/app/popover/popover-disabled-example/popover-disabled-example.component.html index 84a7e515..9ecb6698 100644 --- a/src/app/popover/popover-disabled-example/popover-disabled-example.component.html +++ b/src/app/popover/popover-disabled-example/popover-disabled-example.component.html @@ -1,19 +1,14 @@ -

Elementi disabilitati

- +

- +

diff --git a/src/app/popover/popover-disabled-example/popover-disabled-example.component.spec.ts b/src/app/popover/popover-disabled-example/popover-disabled-example.component.spec.ts index d8009006..36b697c6 100644 --- a/src/app/popover/popover-disabled-example/popover-disabled-example.component.spec.ts +++ b/src/app/popover/popover-disabled-example/popover-disabled-example.component.spec.ts @@ -8,9 +8,8 @@ describe('PopoverDisabledExampleComponent', () => { beforeEach(async(() => { TestBed.configureTestingModule({ - declarations: [ PopoverDisabledExampleComponent ] - }) - .compileComponents(); + declarations: [PopoverDisabledExampleComponent], + }).compileComponents(); })); beforeEach(() => { diff --git a/src/app/popover/popover-disabled-example/popover-disabled-example.component.ts b/src/app/popover/popover-disabled-example/popover-disabled-example.component.ts index c933beaa..895f67bd 100644 --- a/src/app/popover/popover-disabled-example/popover-disabled-example.component.ts +++ b/src/app/popover/popover-disabled-example/popover-disabled-example.component.ts @@ -1,10 +1,8 @@ -import { Component, OnInit } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'it-popover-disabled-example', templateUrl: './popover-disabled-example.component.html', - styleUrls: ['./popover-disabled-example.component.scss'] + styleUrls: ['./popover-disabled-example.component.scss'], }) -export class PopoverDisabledExampleComponent { - -} +export class PopoverDisabledExampleComponent {} diff --git a/src/app/popover/popover-example/popover-example.component.ts b/src/app/popover/popover-example/popover-example.component.ts index d4cbcf46..1b344ea8 100644 --- a/src/app/popover/popover-example/popover-example.component.ts +++ b/src/app/popover/popover-example/popover-example.component.ts @@ -3,8 +3,6 @@ import { Component } from '@angular/core'; @Component({ selector: 'it-popover-example', templateUrl: './popover-example.component.html', - styleUrls: ['./popover-example.component.scss'] + styleUrls: ['./popover-example.component.scss'], }) -export class PopoverExampleComponent { - -} +export class PopoverExampleComponent {} diff --git a/src/app/popover/popover-examples/popover-examples.component.spec.ts b/src/app/popover/popover-examples/popover-examples.component.spec.ts index 85607c87..406cdd09 100644 --- a/src/app/popover/popover-examples/popover-examples.component.spec.ts +++ b/src/app/popover/popover-examples/popover-examples.component.spec.ts @@ -8,9 +8,8 @@ describe('PopoverExamplesComponent', () => { beforeEach(async(() => { TestBed.configureTestingModule({ - declarations: [ PopoverExamplesComponent ] - }) - .compileComponents(); + declarations: [PopoverExamplesComponent], + }).compileComponents(); })); beforeEach(() => { diff --git a/src/app/popover/popover-examples/popover-examples.component.ts b/src/app/popover/popover-examples/popover-examples.component.ts index 13082ac7..4cacab13 100644 --- a/src/app/popover/popover-examples/popover-examples.component.ts +++ b/src/app/popover/popover-examples/popover-examples.component.ts @@ -3,8 +3,6 @@ import { Component } from '@angular/core'; @Component({ selector: 'it-popover-examples', templateUrl: './popover-examples.component.html', - styleUrls: ['./popover-examples.component.scss'] + styleUrls: ['./popover-examples.component.scss'], }) -export class PopoverExamplesComponent { - -} +export class PopoverExamplesComponent {} diff --git a/src/app/popover/popover-focus-example/popover-focus-example.component.html b/src/app/popover/popover-focus-example/popover-focus-example.component.html index d419bada..a6a85938 100644 --- a/src/app/popover/popover-focus-example/popover-focus-example.component.html +++ b/src/app/popover/popover-focus-example/popover-focus-example.component.html @@ -1,8 +1,12 @@

Dismiss al click successivo

- Dismissible popover diff --git a/src/app/popover/popover-focus-example/popover-focus-example.component.spec.ts b/src/app/popover/popover-focus-example/popover-focus-example.component.spec.ts index 84abea20..2c662158 100644 --- a/src/app/popover/popover-focus-example/popover-focus-example.component.spec.ts +++ b/src/app/popover/popover-focus-example/popover-focus-example.component.spec.ts @@ -8,9 +8,8 @@ describe('PopoverFocusExampleComponent', () => { beforeEach(async(() => { TestBed.configureTestingModule({ - declarations: [ PopoverFocusExampleComponent ] - }) - .compileComponents(); + declarations: [PopoverFocusExampleComponent], + }).compileComponents(); })); beforeEach(() => { diff --git a/src/app/popover/popover-focus-example/popover-focus-example.component.ts b/src/app/popover/popover-focus-example/popover-focus-example.component.ts index 86ab7c4a..46bbaeea 100644 --- a/src/app/popover/popover-focus-example/popover-focus-example.component.ts +++ b/src/app/popover/popover-focus-example/popover-focus-example.component.ts @@ -3,8 +3,6 @@ import { Component } from '@angular/core'; @Component({ selector: 'it-popover-focus-example', templateUrl: './popover-focus-example.component.html', - styleUrls: ['./popover-focus-example.component.scss'] + styleUrls: ['./popover-focus-example.component.scss'], }) -export class PopoverFocusExampleComponent { - -} +export class PopoverFocusExampleComponent {} diff --git a/src/app/popover/popover-index/popover-index.component.spec.ts b/src/app/popover/popover-index/popover-index.component.spec.ts index f6cd44e7..a74a7faa 100644 --- a/src/app/popover/popover-index/popover-index.component.spec.ts +++ b/src/app/popover/popover-index/popover-index.component.spec.ts @@ -8,9 +8,8 @@ describe('PopoverIndexComponent', () => { beforeEach(async(() => { TestBed.configureTestingModule({ - declarations: [ PopoverIndexComponent ] - }) - .compileComponents(); + declarations: [PopoverIndexComponent], + }).compileComponents(); })); beforeEach(() => { diff --git a/src/app/popover/popover-index/popover-index.component.ts b/src/app/popover/popover-index/popover-index.component.ts index 8bb44c15..19e78a0f 100644 --- a/src/app/popover/popover-index/popover-index.component.ts +++ b/src/app/popover/popover-index/popover-index.component.ts @@ -4,14 +4,12 @@ import Documentation from '../../../assets/documentation.json'; @Component({ selector: 'it-popover-index', templateUrl: './popover-index.component.html', - styleUrls: ['./popover-index.component.scss'] + styleUrls: ['./popover-index.component.scss'], }) export class PopoverIndexComponent { - directive: any; constructor() { this.directive = (Documentation).directives.find(directive => directive.name === 'ItPopoverDirective'); } - } diff --git a/src/app/popover/popover-interactive-example/popover-interactive-example.component.html b/src/app/popover/popover-interactive-example/popover-interactive-example.component.html index bab8be2d..5d16fc42 100644 --- a/src/app/popover/popover-interactive-example/popover-interactive-example.component.html +++ b/src/app/popover/popover-interactive-example/popover-interactive-example.component.html @@ -1,14 +1,15 @@

Esempio Popover

- @@ -18,36 +19,23 @@

Esempio Popover

Container
- - - + +
Collocamento
- + - - + +
- +
-
- Ultima emissione dell'evento shown = {{shownTime | date: 'long'}} -
+
Ultima emissione dell'evento shown = {{ shownTime | date: 'long' }}
-
- Ultima emissione dell'evento hidden = {{hiddenTime | date: 'long'}} -
+
Ultima emissione dell'evento hidden = {{ hiddenTime | date: 'long' }}
-
diff --git a/src/app/popover/popover-interactive-example/popover-interactive-example.component.spec.ts b/src/app/popover/popover-interactive-example/popover-interactive-example.component.spec.ts index 74044452..69b93a88 100644 --- a/src/app/popover/popover-interactive-example/popover-interactive-example.component.spec.ts +++ b/src/app/popover/popover-interactive-example/popover-interactive-example.component.spec.ts @@ -8,9 +8,8 @@ describe('PopoverInteractiveExampleComponent', () => { beforeEach(async(() => { TestBed.configureTestingModule({ - declarations: [ PopoverInteractiveExampleComponent ] - }) - .compileComponents(); + declarations: [PopoverInteractiveExampleComponent], + }).compileComponents(); })); beforeEach(() => { diff --git a/src/app/popover/popover-interactive-example/popover-interactive-example.component.ts b/src/app/popover/popover-interactive-example/popover-interactive-example.component.ts index 894ecad2..e7cb89bd 100644 --- a/src/app/popover/popover-interactive-example/popover-interactive-example.component.ts +++ b/src/app/popover/popover-interactive-example/popover-interactive-example.component.ts @@ -4,7 +4,7 @@ import { ElementPlacement } from 'design-angular-kit/interfaces/core'; @Component({ selector: 'it-popover-interactive-example', templateUrl: './popover-interactive-example.component.html', - styleUrls: ['./popover-interactive-example.component.scss'] + styleUrls: ['./popover-interactive-example.component.scss'], }) export class PopoverInteractiveExampleComponent { placement: ElementPlacement = 'right'; @@ -16,11 +16,11 @@ export class PopoverInteractiveExampleComponent { hiddenTime = ''; logShown() { - this.shownTime = (new Date()).toISOString(); + this.shownTime = new Date().toISOString(); } logHidden() { - this.hiddenTime = (new Date()).toISOString(); + this.hiddenTime = new Date().toISOString(); } get myDescription() { @@ -30,5 +30,4 @@ export class PopoverInteractiveExampleComponent { get myTitle() { return !this.removeTitle ? 'Titolo del Popover' : ''; } - } diff --git a/src/app/popover/popover-placements-example/popover-placements-example.component.html b/src/app/popover/popover-placements-example/popover-placements-example.component.html index 6535d732..1f75eea4 100644 --- a/src/app/popover/popover-placements-example/popover-placements-example.component.html +++ b/src/app/popover/popover-placements-example/popover-placements-example.component.html @@ -2,33 +2,25 @@

Le quattro direzioni

-
-
-
-
diff --git a/src/app/popover/popover-placements-example/popover-placements-example.component.spec.ts b/src/app/popover/popover-placements-example/popover-placements-example.component.spec.ts index b404fbc0..3c4f01bb 100644 --- a/src/app/popover/popover-placements-example/popover-placements-example.component.spec.ts +++ b/src/app/popover/popover-placements-example/popover-placements-example.component.spec.ts @@ -8,9 +8,8 @@ describe('PopoverPlacementsExampleComponent', () => { beforeEach(async(() => { TestBed.configureTestingModule({ - declarations: [ PopoverPlacementsExampleComponent ] - }) - .compileComponents(); + declarations: [PopoverPlacementsExampleComponent], + }).compileComponents(); })); beforeEach(() => { diff --git a/src/app/popover/popover-placements-example/popover-placements-example.component.ts b/src/app/popover/popover-placements-example/popover-placements-example.component.ts index ef380c1c..48cd858e 100644 --- a/src/app/popover/popover-placements-example/popover-placements-example.component.ts +++ b/src/app/popover/popover-placements-example/popover-placements-example.component.ts @@ -3,8 +3,6 @@ import { Component } from '@angular/core'; @Component({ selector: 'it-popover-placements-example', templateUrl: './popover-placements-example.component.html', - styleUrls: ['./popover-placements-example.component.scss'] + styleUrls: ['./popover-placements-example.component.scss'], }) -export class PopoverPlacementsExampleComponent { - -} +export class PopoverPlacementsExampleComponent {} diff --git a/src/app/popover/popover-routing.module.ts b/src/app/popover/popover-routing.module.ts index 85701d5c..ae122861 100644 --- a/src/app/popover/popover-routing.module.ts +++ b/src/app/popover/popover-routing.module.ts @@ -2,12 +2,10 @@ import { NgModule } from '@angular/core'; import { Routes, RouterModule } from '@angular/router'; import { PopoverIndexComponent } from './popover-index/popover-index.component'; -const routes: Routes = [ - { path: '', component: PopoverIndexComponent } -]; +const routes: Routes = [{ path: '', component: PopoverIndexComponent }]; @NgModule({ imports: [RouterModule.forChild(routes)], - exports: [RouterModule] + exports: [RouterModule], }) -export class PopoverRoutingModule { } +export class PopoverRoutingModule {} diff --git a/src/app/popover/popover.module.ts b/src/app/popover/popover.module.ts index 042b6307..b7251ece 100644 --- a/src/app/popover/popover.module.ts +++ b/src/app/popover/popover.module.ts @@ -16,17 +16,17 @@ import { PopoverConfigExampleComponent } from './popover-config-example/popover- import { PopoverInteractiveExampleComponent } from './popover-interactive-example/popover-interactive-example.component'; @NgModule({ - imports: [ - CommonModule, - PopoverRoutingModule, - SharedModule, - FormsModule - ], + imports: [CommonModule, PopoverRoutingModule, SharedModule, FormsModule], declarations: [ - PopoverExamplesComponent, PopoverIndexComponent, PopoverExampleComponent, - PopoverPlacementsExampleComponent, PopoverFocusExampleComponent, - PopoverDisabledExampleComponent, PopoverContainerExampleComponent, - PopoverConfigExampleComponent, PopoverInteractiveExampleComponent - ] + PopoverExamplesComponent, + PopoverIndexComponent, + PopoverExampleComponent, + PopoverPlacementsExampleComponent, + PopoverFocusExampleComponent, + PopoverDisabledExampleComponent, + PopoverContainerExampleComponent, + PopoverConfigExampleComponent, + PopoverInteractiveExampleComponent, + ], }) -export class PopoverModule { } +export class PopoverModule {} diff --git a/src/app/progress-bar/progress-bar-bg/progress-bar-bg.component.html b/src/app/progress-bar/progress-bar-bg/progress-bar-bg.component.html index bb5042fe..4e3640e4 100644 --- a/src/app/progress-bar/progress-bar-bg/progress-bar-bg.component.html +++ b/src/app/progress-bar/progress-bar-bg/progress-bar-bg.component.html @@ -16,4 +16,3 @@

Esempio con sfondi supportati

- diff --git a/src/app/progress-bar/progress-bar-bg/progress-bar-bg.component.spec.ts b/src/app/progress-bar/progress-bar-bg/progress-bar-bg.component.spec.ts index 5aca8511..2e5f740f 100644 --- a/src/app/progress-bar/progress-bar-bg/progress-bar-bg.component.spec.ts +++ b/src/app/progress-bar/progress-bar-bg/progress-bar-bg.component.spec.ts @@ -8,9 +8,8 @@ describe('ProgressBarBgComponent', () => { beforeEach(async(() => { TestBed.configureTestingModule({ - declarations: [ ProgressBarBgComponent ] - }) - .compileComponents(); + declarations: [ProgressBarBgComponent], + }).compileComponents(); })); beforeEach(() => { diff --git a/src/app/progress-bar/progress-bar-bg/progress-bar-bg.component.ts b/src/app/progress-bar/progress-bar-bg/progress-bar-bg.component.ts index a9bee546..e5d618fe 100644 --- a/src/app/progress-bar/progress-bar-bg/progress-bar-bg.component.ts +++ b/src/app/progress-bar/progress-bar-bg/progress-bar-bg.component.ts @@ -3,8 +3,6 @@ import { Component } from '@angular/core'; @Component({ selector: 'it-progress-bar-bg', templateUrl: './progress-bar-bg.component.html', - styleUrls: ['./progress-bar-bg.component.scss'] + styleUrls: ['./progress-bar-bg.component.scss'], }) -export class ProgressBarBgComponent { - -} +export class ProgressBarBgComponent {} diff --git a/src/app/progress-bar/progress-bar-button/progress-bar-button.component.html b/src/app/progress-bar/progress-bar-button/progress-bar-button.component.html index 7e4625e7..47b1d798 100644 --- a/src/app/progress-bar/progress-bar-button/progress-bar-button.component.html +++ b/src/app/progress-bar/progress-bar-button/progress-bar-button.component.html @@ -18,4 +18,3 @@

Pulsante con Progress Bar

- diff --git a/src/app/progress-bar/progress-bar-button/progress-bar-button.component.spec.ts b/src/app/progress-bar/progress-bar-button/progress-bar-button.component.spec.ts index 9a53f7a0..2d1c3787 100644 --- a/src/app/progress-bar/progress-bar-button/progress-bar-button.component.spec.ts +++ b/src/app/progress-bar/progress-bar-button/progress-bar-button.component.spec.ts @@ -8,9 +8,8 @@ describe('ProgressBarHeightComponent', () => { beforeEach(fakeAsync(() => { TestBed.configureTestingModule({ - declarations: [ ProgressBarButtonComponent ] - }) - .compileComponents(); + declarations: [ProgressBarButtonComponent], + }).compileComponents(); })); beforeEach(() => { diff --git a/src/app/progress-bar/progress-bar-button/progress-bar-button.component.ts b/src/app/progress-bar/progress-bar-button/progress-bar-button.component.ts index 9125d26b..8bab14b6 100644 --- a/src/app/progress-bar/progress-bar-button/progress-bar-button.component.ts +++ b/src/app/progress-bar/progress-bar-button/progress-bar-button.component.ts @@ -3,6 +3,6 @@ import { Component } from '@angular/core'; @Component({ selector: 'it-progress-bar-button', templateUrl: './progress-bar-button.component.html', - styleUrls: ['./progress-bar-button.component.scss'] + styleUrls: ['./progress-bar-button.component.scss'], }) export class ProgressBarButtonComponent {} diff --git a/src/app/progress-bar/progress-bar-example/progress-bar-example.component.html b/src/app/progress-bar/progress-bar-example/progress-bar-example.component.html index 68ea3489..f6756be9 100644 --- a/src/app/progress-bar/progress-bar-example/progress-bar-example.component.html +++ b/src/app/progress-bar/progress-bar-example/progress-bar-example.component.html @@ -5,4 +5,3 @@

Esempio barra di avanzamento

- diff --git a/src/app/progress-bar/progress-bar-example/progress-bar-example.component.ts b/src/app/progress-bar/progress-bar-example/progress-bar-example.component.ts index 436c5e9d..1a16440a 100644 --- a/src/app/progress-bar/progress-bar-example/progress-bar-example.component.ts +++ b/src/app/progress-bar/progress-bar-example/progress-bar-example.component.ts @@ -3,9 +3,6 @@ import { Component } from '@angular/core'; @Component({ selector: 'it-progress-bar-example', templateUrl: './progress-bar-example.component.html', - styleUrls: ['./progress-bar-example.component.scss'] + styleUrls: ['./progress-bar-example.component.scss'], }) -export class ProgressBarExampleComponent { - - -} +export class ProgressBarExampleComponent {} diff --git a/src/app/progress-bar/progress-bar-examples/progress-bar-examples.component.spec.ts b/src/app/progress-bar/progress-bar-examples/progress-bar-examples.component.spec.ts index e89c22df..c6d615cf 100644 --- a/src/app/progress-bar/progress-bar-examples/progress-bar-examples.component.spec.ts +++ b/src/app/progress-bar/progress-bar-examples/progress-bar-examples.component.spec.ts @@ -8,9 +8,8 @@ describe('ProgressBarExamplesComponent', () => { beforeEach(async(() => { TestBed.configureTestingModule({ - declarations: [ ProgressBarExamplesComponent ] - }) - .compileComponents(); + declarations: [ProgressBarExamplesComponent], + }).compileComponents(); })); beforeEach(() => { diff --git a/src/app/progress-bar/progress-bar-examples/progress-bar-examples.component.ts b/src/app/progress-bar/progress-bar-examples/progress-bar-examples.component.ts index 463a33e9..d3c3e0cc 100644 --- a/src/app/progress-bar/progress-bar-examples/progress-bar-examples.component.ts +++ b/src/app/progress-bar/progress-bar-examples/progress-bar-examples.component.ts @@ -1,13 +1,10 @@ -import { Component, OnInit } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'it-progress-bar-examples', templateUrl: './progress-bar-examples.component.html', - styleUrls: ['./progress-bar-examples.component.scss'] + styleUrls: ['./progress-bar-examples.component.scss'], }) export class ProgressBarExamplesComponent { - - constructor() { } - - + constructor() {} } diff --git a/src/app/progress-bar/progress-bar-indeterminate/progress-bar-indeterminate.component.html b/src/app/progress-bar/progress-bar-indeterminate/progress-bar-indeterminate.component.html index ad788bf8..484d05f1 100644 --- a/src/app/progress-bar/progress-bar-indeterminate/progress-bar-indeterminate.component.html +++ b/src/app/progress-bar/progress-bar-indeterminate/progress-bar-indeterminate.component.html @@ -4,6 +4,3 @@

Progresso indeterminato

- - - diff --git a/src/app/progress-bar/progress-bar-indeterminate/progress-bar-indeterminate.component.spec.ts b/src/app/progress-bar/progress-bar-indeterminate/progress-bar-indeterminate.component.spec.ts index 933de585..68d329c2 100644 --- a/src/app/progress-bar/progress-bar-indeterminate/progress-bar-indeterminate.component.spec.ts +++ b/src/app/progress-bar/progress-bar-indeterminate/progress-bar-indeterminate.component.spec.ts @@ -8,9 +8,8 @@ describe('ProgressBarHeightComponent', () => { beforeEach(async(() => { TestBed.configureTestingModule({ - declarations: [ ProgressBarIndeterminateComponent ] - }) - .compileComponents(); + declarations: [ProgressBarIndeterminateComponent], + }).compileComponents(); })); beforeEach(() => { diff --git a/src/app/progress-bar/progress-bar-indeterminate/progress-bar-indeterminate.component.ts b/src/app/progress-bar/progress-bar-indeterminate/progress-bar-indeterminate.component.ts index b3df33fb..807147ef 100644 --- a/src/app/progress-bar/progress-bar-indeterminate/progress-bar-indeterminate.component.ts +++ b/src/app/progress-bar/progress-bar-indeterminate/progress-bar-indeterminate.component.ts @@ -3,9 +3,6 @@ import { Component } from '@angular/core'; @Component({ selector: 'it-progress-bar-indeterminate', templateUrl: './progress-bar-indeterminate.component.html', - styleUrls: ['./progress-bar-indeterminate.component.scss'] + styleUrls: ['./progress-bar-indeterminate.component.scss'], }) -export class ProgressBarIndeterminateComponent { - - -} +export class ProgressBarIndeterminateComponent {} diff --git a/src/app/progress-bar/progress-bar-index/progress-bar-index.component.html b/src/app/progress-bar/progress-bar-index/progress-bar-index.component.html index 8347841d..87e418f2 100644 --- a/src/app/progress-bar/progress-bar-index/progress-bar-index.component.html +++ b/src/app/progress-bar/progress-bar-index/progress-bar-index.component.html @@ -7,6 +7,5 @@

Barra di avanzamento

- + - diff --git a/src/app/progress-bar/progress-bar-index/progress-bar-index.component.spec.ts b/src/app/progress-bar/progress-bar-index/progress-bar-index.component.spec.ts index a76b10b3..67f87f36 100644 --- a/src/app/progress-bar/progress-bar-index/progress-bar-index.component.spec.ts +++ b/src/app/progress-bar/progress-bar-index/progress-bar-index.component.spec.ts @@ -8,9 +8,8 @@ describe('ProgressBarIndexComponent', () => { beforeEach(async(() => { TestBed.configureTestingModule({ - declarations: [ ProgressBarIndexComponent ] - }) - .compileComponents(); + declarations: [ProgressBarIndexComponent], + }).compileComponents(); })); beforeEach(() => { diff --git a/src/app/progress-bar/progress-bar-index/progress-bar-index.component.ts b/src/app/progress-bar/progress-bar-index/progress-bar-index.component.ts index c238dcf1..b3a282a7 100644 --- a/src/app/progress-bar/progress-bar-index/progress-bar-index.component.ts +++ b/src/app/progress-bar/progress-bar-index/progress-bar-index.component.ts @@ -1,18 +1,15 @@ -import { Component, OnInit } from '@angular/core'; +import { Component } from '@angular/core'; import Documentation from '../../../assets/documentation.json'; @Component({ selector: 'it-progress-bar-index', templateUrl: './progress-bar-index.component.html', - styleUrls: ['./progress-bar-index.component.scss'] + styleUrls: ['./progress-bar-index.component.scss'], }) export class ProgressBarIndexComponent { - component: any; constructor() { this.component = (Documentation).components.find(component => component.name === 'ItProgressBarComponent'); } - - } diff --git a/src/app/progress-bar/progress-bar-label/progress-bar-label.component.spec.ts b/src/app/progress-bar/progress-bar-label/progress-bar-label.component.spec.ts index e7d7ecc4..cd593cb7 100644 --- a/src/app/progress-bar/progress-bar-label/progress-bar-label.component.spec.ts +++ b/src/app/progress-bar/progress-bar-label/progress-bar-label.component.spec.ts @@ -8,9 +8,8 @@ describe('ProgressBarLabelComponent', () => { beforeEach(async(() => { TestBed.configureTestingModule({ - declarations: [ ProgressBarLabelComponent ] - }) - .compileComponents(); + declarations: [ProgressBarLabelComponent], + }).compileComponents(); })); beforeEach(() => { diff --git a/src/app/progress-bar/progress-bar-label/progress-bar-label.component.ts b/src/app/progress-bar/progress-bar-label/progress-bar-label.component.ts index 04395839..356405c3 100644 --- a/src/app/progress-bar/progress-bar-label/progress-bar-label.component.ts +++ b/src/app/progress-bar/progress-bar-label/progress-bar-label.component.ts @@ -3,8 +3,6 @@ import { Component } from '@angular/core'; @Component({ selector: 'it-progress-bar-label', templateUrl: './progress-bar-label.component.html', - styleUrls: ['./progress-bar-label.component.scss'] + styleUrls: ['./progress-bar-label.component.scss'], }) -export class ProgressBarLabelComponent { - -} +export class ProgressBarLabelComponent {} diff --git a/src/app/progress-bar/progress-bar-routing.module.ts b/src/app/progress-bar/progress-bar-routing.module.ts index 58e0e1a6..143d22c5 100644 --- a/src/app/progress-bar/progress-bar-routing.module.ts +++ b/src/app/progress-bar/progress-bar-routing.module.ts @@ -2,12 +2,10 @@ import { NgModule } from '@angular/core'; import { Routes, RouterModule } from '@angular/router'; import { ProgressBarIndexComponent } from './progress-bar-index/progress-bar-index.component'; -const routes: Routes = [ - { path: '', component: ProgressBarIndexComponent } -]; +const routes: Routes = [{ path: '', component: ProgressBarIndexComponent }]; @NgModule({ imports: [RouterModule.forChild(routes)], - exports: [RouterModule] + exports: [RouterModule], }) -export class ProgressBarRoutingModule { } +export class ProgressBarRoutingModule {} diff --git a/src/app/progress-bar/progress-bar.module.ts b/src/app/progress-bar/progress-bar.module.ts index 71087ced..8f056a58 100644 --- a/src/app/progress-bar/progress-bar.module.ts +++ b/src/app/progress-bar/progress-bar.module.ts @@ -13,15 +13,15 @@ import { ProgressBarBgComponent } from './progress-bar-bg/progress-bar-bg.compon import { ProgressBarButtonComponent } from './progress-bar-button/progress-bar-button.component'; @NgModule({ - imports: [ - CommonModule, - SharedModule, - ProgressBarRoutingModule - ], + imports: [CommonModule, SharedModule, ProgressBarRoutingModule], declarations: [ - ProgressBarExampleComponent, ProgressBarExamplesComponent, ProgressBarIndexComponent, - ProgressBarLabelComponent, ProgressBarIndeterminateComponent, ProgressBarBgComponent, - ProgressBarButtonComponent - ] + ProgressBarExampleComponent, + ProgressBarExamplesComponent, + ProgressBarIndexComponent, + ProgressBarLabelComponent, + ProgressBarIndeterminateComponent, + ProgressBarBgComponent, + ProgressBarButtonComponent, + ], }) -export class ProgressBarModule { } +export class ProgressBarModule {} diff --git a/src/app/radio/radio-checked-example/radio-checked-example.component.html b/src/app/radio/radio-checked-example/radio-checked-example.component.html index 484ea380..2db87f96 100644 --- a/src/app/radio/radio-checked-example/radio-checked-example.component.html +++ b/src/app/radio/radio-checked-example/radio-checked-example.component.html @@ -1,15 +1,12 @@

Radio checked

- + - + - +
-
Nazione selezionata: {{selectedNation}}
+
Nazione selezionata: {{ selectedNation }}
diff --git a/src/app/radio/radio-checked-example/radio-checked-example.component.ts b/src/app/radio/radio-checked-example/radio-checked-example.component.ts index f7d6205c..429dfe21 100644 --- a/src/app/radio/radio-checked-example/radio-checked-example.component.ts +++ b/src/app/radio/radio-checked-example/radio-checked-example.component.ts @@ -1,13 +1,10 @@ -import { Component, OnInit } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'it-radio-checked-example', templateUrl: './radio-checked-example.component.html', - styleUrls: ['./radio-checked-example.component.scss'] + styleUrls: ['./radio-checked-example.component.scss'], }) export class RadioCheckedExampleComponent { - selectedNation = 'Italia'; - - } diff --git a/src/app/radio/radio-example/radio-example.component.html b/src/app/radio/radio-example/radio-example.component.html index 5f24e934..81857164 100644 --- a/src/app/radio/radio-example/radio-example.component.html +++ b/src/app/radio/radio-example/radio-example.component.html @@ -4,15 +4,17 @@

Configurazione Radio button

-

Risultato

- -
Colore selezionato: {{selectedColor}}
+ +
Colore selezionato: {{ selectedColor }}
@@ -25,7 +27,9 @@

Radio con link

Altra label con link -
Link selezionato: {{link}}
+
+ Link selezionato: {{ link }} +
@@ -38,7 +42,7 @@

Radio in Reactive Form

-
Sesso selezionato: {{genderFormGroup.value.gender}}
- - +
+ Sesso selezionato: {{ genderFormGroup.value.gender }} +
diff --git a/src/app/radio/radio-example/radio-example.component.ts b/src/app/radio/radio-example/radio-example.component.ts index d1a02d1c..8f29e04d 100644 --- a/src/app/radio/radio-example/radio-example.component.ts +++ b/src/app/radio/radio-example/radio-example.component.ts @@ -4,15 +4,10 @@ import { FormBuilder, FormGroup } from '@angular/forms'; @Component({ selector: 'it-radio-example', templateUrl: './radio-example.component.html', - styleUrls: ['./radio-example.component.scss'] + styleUrls: ['./radio-example.component.scss'], }) export class RadioExampleComponent implements OnInit { - - colors = [ - 'Rosso', - 'Blu', - 'Giallo' - ]; + colors = ['Rosso', 'Blu', 'Giallo']; selectedColor = 'Blu'; @@ -22,11 +17,11 @@ export class RadioExampleComponent implements OnInit { genderFormGroup: FormGroup; - constructor(private _fb: FormBuilder){} + constructor(private _fb: FormBuilder) {} ngOnInit(): void { - this.genderFormGroup = this._fb.group({ - gender: ['MALE'] - }); + this.genderFormGroup = this._fb.group({ + gender: ['MALE'], + }); } } diff --git a/src/app/radio/radio-examples/radio-examples.component.ts b/src/app/radio/radio-examples/radio-examples.component.ts index 1a4b8bae..ee97da4c 100644 --- a/src/app/radio/radio-examples/radio-examples.component.ts +++ b/src/app/radio/radio-examples/radio-examples.component.ts @@ -1,12 +1,10 @@ -import { Component, OnInit } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'it-radio-examples', templateUrl: './radio-examples.component.html', - styleUrls: ['./radio-examples.component.scss'] + styleUrls: ['./radio-examples.component.scss'], }) export class RadioExamplesComponent { - - constructor() { } - + constructor() {} } diff --git a/src/app/radio/radio-index/radio-index.component.ts b/src/app/radio/radio-index/radio-index.component.ts index 45e917f4..37ad9b1f 100644 --- a/src/app/radio/radio-index/radio-index.component.ts +++ b/src/app/radio/radio-index/radio-index.component.ts @@ -4,10 +4,9 @@ import Documentation from '../../../assets/documentation.json'; @Component({ selector: 'it-radio-index', templateUrl: './radio-index.component.html', - styleUrls: ['./radio-index.component.scss'] + styleUrls: ['./radio-index.component.scss'], }) export class RadioIndexComponent { - component: any; constructor() { diff --git a/src/app/radio/radio-routing.module.ts b/src/app/radio/radio-routing.module.ts index bdfb7bba..fcd2469a 100644 --- a/src/app/radio/radio-routing.module.ts +++ b/src/app/radio/radio-routing.module.ts @@ -2,12 +2,10 @@ import { NgModule } from '@angular/core'; import { Routes, RouterModule } from '@angular/router'; import { RadioIndexComponent } from './radio-index/radio-index.component'; -const routes: Routes = [ - { path: '', component: RadioIndexComponent } -]; +const routes: Routes = [{ path: '', component: RadioIndexComponent }]; @NgModule({ imports: [RouterModule.forChild(routes)], - exports: [RouterModule] + exports: [RouterModule], }) -export class RadioRoutingModule { } +export class RadioRoutingModule {} diff --git a/src/app/radio/radio.module.ts b/src/app/radio/radio.module.ts index 7ab6dda9..ef9d70fe 100644 --- a/src/app/radio/radio.module.ts +++ b/src/app/radio/radio.module.ts @@ -11,13 +11,7 @@ import { RadioExamplesComponent } from './radio-examples/radio-examples.componen import { RadioCheckedExampleComponent } from './radio-checked-example/radio-checked-example.component'; @NgModule({ - imports: [ - CommonModule, - ReactiveFormsModule, - FormsModule, - SharedModule, - RadioRoutingModule - ], - declarations: [RadioIndexComponent, RadioExampleComponent, RadioExamplesComponent, RadioCheckedExampleComponent] + imports: [CommonModule, ReactiveFormsModule, FormsModule, SharedModule, RadioRoutingModule], + declarations: [RadioIndexComponent, RadioExampleComponent, RadioExamplesComponent, RadioCheckedExampleComponent], }) -export class RadioModule { } +export class RadioModule {} diff --git a/src/app/range/range-custom-colors/range-custom-colors.component.html b/src/app/range/range-custom-colors/range-custom-colors.component.html index f9c76208..a1412c31 100644 --- a/src/app/range/range-custom-colors/range-custom-colors.component.html +++ b/src/app/range/range-custom-colors/range-custom-colors.component.html @@ -1,16 +1,12 @@

Barra personalizzata

-
- +
- +
-
diff --git a/src/app/range/range-custom-colors/range-custom-colors.component.spec.ts b/src/app/range/range-custom-colors/range-custom-colors.component.spec.ts index 1ba2a11e..42e1361c 100644 --- a/src/app/range/range-custom-colors/range-custom-colors.component.spec.ts +++ b/src/app/range/range-custom-colors/range-custom-colors.component.spec.ts @@ -8,7 +8,7 @@ describe('RangeCustomColorsComponent', () => { beforeEach(() => { TestBed.configureTestingModule({ - declarations: [RangeCustomColorsComponent] + declarations: [RangeCustomColorsComponent], }); fixture = TestBed.createComponent(RangeCustomColorsComponent); component = fixture.componentInstance; diff --git a/src/app/range/range-custom-colors/range-custom-colors.component.ts b/src/app/range/range-custom-colors/range-custom-colors.component.ts index 7faab343..c18bd9fc 100644 --- a/src/app/range/range-custom-colors/range-custom-colors.component.ts +++ b/src/app/range/range-custom-colors/range-custom-colors.component.ts @@ -2,7 +2,6 @@ import { Component } from '@angular/core'; @Component({ selector: 'it-range-custom-colors', - templateUrl: './range-custom-colors.component.html' + templateUrl: './range-custom-colors.component.html', }) -export class RangeCustomColorsComponent { -} +export class RangeCustomColorsComponent {} diff --git a/src/app/range/range-example/range-example.component.html b/src/app/range/range-example/range-example.component.html index 421c37a7..e2727a78 100644 --- a/src/app/range/range-example/range-example.component.html +++ b/src/app/range/range-example/range-example.component.html @@ -1,15 +1,12 @@
- - {{rangeValue}} % - + {{ rangeValue }} %
- - Valore selezionato: {{formGroup.get('range').value}} + + Valore selezionato: {{ formGroup.get('range').value }}
diff --git a/src/app/range/range-example/range-example.component.spec.ts b/src/app/range/range-example/range-example.component.spec.ts index aa4ffd76..64e8fce1 100644 --- a/src/app/range/range-example/range-example.component.spec.ts +++ b/src/app/range/range-example/range-example.component.spec.ts @@ -8,7 +8,7 @@ describe('RangeExampleComponent', () => { beforeEach(() => { TestBed.configureTestingModule({ - declarations: [RangeExampleComponent] + declarations: [RangeExampleComponent], }); fixture = TestBed.createComponent(RangeExampleComponent); component = fixture.componentInstance; diff --git a/src/app/range/range-example/range-example.component.ts b/src/app/range/range-example/range-example.component.ts index f6e4a7fc..1944ff12 100644 --- a/src/app/range/range-example/range-example.component.ts +++ b/src/app/range/range-example/range-example.component.ts @@ -3,19 +3,16 @@ import { FormBuilder, FormGroup } from '@angular/forms'; @Component({ selector: 'it-range-example', - templateUrl: './range-example.component.html' + templateUrl: './range-example.component.html', }) export class RangeExampleComponent { - rangeValue = 50; formGroup: FormGroup; - constructor( - private readonly formBuilder: FormBuilder - ) { + constructor(private readonly formBuilder: FormBuilder) { this.formGroup = this.formBuilder.group({ - range: [null] - }) + range: [null], + }); } } diff --git a/src/app/range/range-examples/range-examples.component.spec.ts b/src/app/range/range-examples/range-examples.component.spec.ts index e038e27c..89555dcb 100644 --- a/src/app/range/range-examples/range-examples.component.spec.ts +++ b/src/app/range/range-examples/range-examples.component.spec.ts @@ -8,7 +8,7 @@ describe('RangeExamplesComponent', () => { beforeEach(() => { TestBed.configureTestingModule({ - declarations: [RangeExamplesComponent] + declarations: [RangeExamplesComponent], }); fixture = TestBed.createComponent(RangeExamplesComponent); component = fixture.componentInstance; diff --git a/src/app/range/range-examples/range-examples.component.ts b/src/app/range/range-examples/range-examples.component.ts index d30f75d7..cd62fc99 100644 --- a/src/app/range/range-examples/range-examples.component.ts +++ b/src/app/range/range-examples/range-examples.component.ts @@ -2,8 +2,6 @@ import { Component } from '@angular/core'; @Component({ selector: 'it-range-examples', - templateUrl: './range-examples.component.html' + templateUrl: './range-examples.component.html', }) -export class RangeExamplesComponent { - -} +export class RangeExamplesComponent {} diff --git a/src/app/range/range-index/range-index.component.html b/src/app/range/range-index/range-index.component.html index f42f48f1..19a748ab 100644 --- a/src/app/range/range-index/range-index.component.html +++ b/src/app/range/range-index/range-index.component.html @@ -1,7 +1,5 @@

Range

-

- Input di intervallo personalizzato per uno stile uniforme su tutti i browser e personalizzazione integrata. -

+

Input di intervallo personalizzato per uno stile uniforme su tutti i browser e personalizzazione integrata.

@@ -12,4 +10,3 @@

ItRangeComponent

 - diff --git a/src/app/range/range-index/range-index.component.spec.ts b/src/app/range/range-index/range-index.component.spec.ts index 474b42fc..37437e84 100644 --- a/src/app/range/range-index/range-index.component.spec.ts +++ b/src/app/range/range-index/range-index.component.spec.ts @@ -8,7 +8,7 @@ describe('RangeIndexComponent', () => { beforeEach(() => { TestBed.configureTestingModule({ - declarations: [RangeIndexComponent] + declarations: [RangeIndexComponent], }); fixture = TestBed.createComponent(RangeIndexComponent); component = fixture.componentInstance; diff --git a/src/app/range/range-index/range-index.component.ts b/src/app/range/range-index/range-index.component.ts index 304d660e..e2331976 100644 --- a/src/app/range/range-index/range-index.component.ts +++ b/src/app/range/range-index/range-index.component.ts @@ -3,7 +3,7 @@ import Documentation from '../../../assets/documentation.json'; @Component({ selector: 'it-range-index', - templateUrl: './range-index.component.html' + templateUrl: './range-index.component.html', }) export class RangeIndexComponent { component: any; diff --git a/src/app/range/range-routing.module.ts b/src/app/range/range-routing.module.ts index 8c460680..15d8da5f 100644 --- a/src/app/range/range-routing.module.ts +++ b/src/app/range/range-routing.module.ts @@ -2,13 +2,10 @@ import { NgModule } from '@angular/core'; import { RouterModule, Routes } from '@angular/router'; import { RangeIndexComponent } from './range-index/range-index.component'; -const routes: Routes = [ - { path: '', component: RangeIndexComponent } -]; +const routes: Routes = [{ path: '', component: RangeIndexComponent }]; @NgModule({ imports: [RouterModule.forChild(routes)], - exports: [RouterModule] + exports: [RouterModule], }) -export class RangeRoutingModule { -} +export class RangeRoutingModule {} diff --git a/src/app/range/range.module.ts b/src/app/range/range.module.ts index 6857a6ab..12b8322a 100644 --- a/src/app/range/range.module.ts +++ b/src/app/range/range.module.ts @@ -8,21 +8,8 @@ import { FormsModule, ReactiveFormsModule } from '@angular/forms'; import { RangeRoutingModule } from './range-routing.module'; import { RangeCustomColorsComponent } from './range-custom-colors/range-custom-colors.component'; - @NgModule({ - declarations: [ - RangeIndexComponent, - RangeExamplesComponent, - RangeExampleComponent, - RangeCustomColorsComponent - ], - imports: [ - CommonModule, - SharedModule, - RangeRoutingModule, - ReactiveFormsModule, - FormsModule - ] + declarations: [RangeIndexComponent, RangeExamplesComponent, RangeExampleComponent, RangeCustomColorsComponent], + imports: [CommonModule, SharedModule, RangeRoutingModule, ReactiveFormsModule, FormsModule], }) -export class RangeModule { -} +export class RangeModule {} diff --git a/src/app/rating/rating-example-readonly/rating-example-readonly.component.spec.ts b/src/app/rating/rating-example-readonly/rating-example-readonly.component.spec.ts index f362d4e5..60f62c21 100644 --- a/src/app/rating/rating-example-readonly/rating-example-readonly.component.spec.ts +++ b/src/app/rating/rating-example-readonly/rating-example-readonly.component.spec.ts @@ -8,9 +8,8 @@ describe('RatingExampleReadonlyComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ - declarations: [ RatingExampleReadonlyComponent ] - }) - .compileComponents(); + declarations: [RatingExampleReadonlyComponent], + }).compileComponents(); fixture = TestBed.createComponent(RatingExampleReadonlyComponent); component = fixture.componentInstance; diff --git a/src/app/rating/rating-example-readonly/rating-example-readonly.component.ts b/src/app/rating/rating-example-readonly/rating-example-readonly.component.ts index d1ccf594..6bbe39ae 100644 --- a/src/app/rating/rating-example-readonly/rating-example-readonly.component.ts +++ b/src/app/rating/rating-example-readonly/rating-example-readonly.component.ts @@ -2,8 +2,6 @@ import { Component } from '@angular/core'; @Component({ selector: 'it-rating-example-readonly', - templateUrl: './rating-example-readonly.component.html' + templateUrl: './rating-example-readonly.component.html', }) -export class RatingExampleReadonlyComponent { - -} +export class RatingExampleReadonlyComponent {} diff --git a/src/app/rating/rating-example/rating-example.component.html b/src/app/rating/rating-example/rating-example.component.html index 3b2f8440..f144244e 100644 --- a/src/app/rating/rating-example/rating-example.component.html +++ b/src/app/rating/rating-example/rating-example.component.html @@ -13,7 +13,7 @@
FormGroup

Risultato

-
Valore selezionato: {{formGroup.get('rating').value}}
+
Valore selezionato: {{ formGroup.get('rating').value }}
diff --git a/src/app/rating/rating-example/rating-example.component.spec.ts b/src/app/rating/rating-example/rating-example.component.spec.ts index e844c0de..c2679954 100644 --- a/src/app/rating/rating-example/rating-example.component.spec.ts +++ b/src/app/rating/rating-example/rating-example.component.spec.ts @@ -8,9 +8,8 @@ describe('RatingExampleComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ - declarations: [ RatingExampleComponent ] - }) - .compileComponents(); + declarations: [RatingExampleComponent], + }).compileComponents(); fixture = TestBed.createComponent(RatingExampleComponent); component = fixture.componentInstance; diff --git a/src/app/rating/rating-example/rating-example.component.ts b/src/app/rating/rating-example/rating-example.component.ts index bb6af2bf..2d427876 100644 --- a/src/app/rating/rating-example/rating-example.component.ts +++ b/src/app/rating/rating-example/rating-example.component.ts @@ -3,18 +3,16 @@ import { FormBuilder, FormGroup } from '@angular/forms'; @Component({ selector: 'it-rating-example', - templateUrl: './rating-example.component.html' + templateUrl: './rating-example.component.html', }) export class RatingExampleComponent { rating: number = 3; formGroup: FormGroup; - constructor( - private readonly formBuilder: FormBuilder - ) { + constructor(private readonly formBuilder: FormBuilder) { this.formGroup = this.formBuilder.group({ - rating: [0] - }) + rating: [0], + }); } } diff --git a/src/app/rating/rating-examples/rating-examples.component.spec.ts b/src/app/rating/rating-examples/rating-examples.component.spec.ts index fe322e55..3ccc36cd 100644 --- a/src/app/rating/rating-examples/rating-examples.component.spec.ts +++ b/src/app/rating/rating-examples/rating-examples.component.spec.ts @@ -8,9 +8,8 @@ describe('RatingExamplesComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ - declarations: [ RatingExamplesComponent ] - }) - .compileComponents(); + declarations: [RatingExamplesComponent], + }).compileComponents(); fixture = TestBed.createComponent(RatingExamplesComponent); component = fixture.componentInstance; diff --git a/src/app/rating/rating-examples/rating-examples.component.ts b/src/app/rating/rating-examples/rating-examples.component.ts index ef080707..e8aa3f40 100644 --- a/src/app/rating/rating-examples/rating-examples.component.ts +++ b/src/app/rating/rating-examples/rating-examples.component.ts @@ -2,8 +2,6 @@ import { Component } from '@angular/core'; @Component({ selector: 'it-rating-examples', - templateUrl: './rating-examples.component.html' + templateUrl: './rating-examples.component.html', }) -export class RatingExamplesComponent { - -} +export class RatingExamplesComponent {} diff --git a/src/app/rating/rating-index/rating-index.component.spec.ts b/src/app/rating/rating-index/rating-index.component.spec.ts index d9500804..f4f4a636 100644 --- a/src/app/rating/rating-index/rating-index.component.spec.ts +++ b/src/app/rating/rating-index/rating-index.component.spec.ts @@ -8,9 +8,8 @@ describe('RatingIndexComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ - declarations: [ RatingIndexComponent ] - }) - .compileComponents(); + declarations: [RatingIndexComponent], + }).compileComponents(); fixture = TestBed.createComponent(RatingIndexComponent); component = fixture.componentInstance; diff --git a/src/app/rating/rating-index/rating-index.component.ts b/src/app/rating/rating-index/rating-index.component.ts index 5985f115..a4711e41 100644 --- a/src/app/rating/rating-index/rating-index.component.ts +++ b/src/app/rating/rating-index/rating-index.component.ts @@ -3,7 +3,7 @@ import Documentation from '../../../assets/documentation.json'; @Component({ selector: 'it-rating-index', - templateUrl: './rating-index.component.html' + templateUrl: './rating-index.component.html', }) export class RatingIndexComponent { component: any; diff --git a/src/app/rating/rating-routing.module.ts b/src/app/rating/rating-routing.module.ts index fc1b2dfe..be6479e6 100644 --- a/src/app/rating/rating-routing.module.ts +++ b/src/app/rating/rating-routing.module.ts @@ -2,12 +2,10 @@ import { NgModule } from '@angular/core'; import { RouterModule, Routes } from '@angular/router'; import { RatingIndexComponent } from './rating-index/rating-index.component'; -const routes: Routes = [ - { path: '', component: RatingIndexComponent } -]; +const routes: Routes = [{ path: '', component: RatingIndexComponent }]; @NgModule({ imports: [RouterModule.forChild(routes)], - exports: [RouterModule] + exports: [RouterModule], }) -export class RatingRoutingModule { } +export class RatingRoutingModule {} diff --git a/src/app/rating/rating.module.ts b/src/app/rating/rating.module.ts index fa113dd3..131b0914 100644 --- a/src/app/rating/rating.module.ts +++ b/src/app/rating/rating.module.ts @@ -8,21 +8,8 @@ import { RatingExamplesComponent } from './rating-examples/rating-examples.compo import { RatingExampleComponent } from './rating-example/rating-example.component'; import { RatingExampleReadonlyComponent } from './rating-example-readonly/rating-example-readonly.component'; - @NgModule({ - declarations: [ - RatingIndexComponent, - RatingExamplesComponent, - RatingExampleComponent, - RatingExampleReadonlyComponent - ], - imports: [ - CommonModule, - SharedModule, - RatingRoutingModule, - FormsModule, - ReactiveFormsModule - ] + declarations: [RatingIndexComponent, RatingExamplesComponent, RatingExampleComponent, RatingExampleReadonlyComponent], + imports: [CommonModule, SharedModule, RatingRoutingModule, FormsModule, ReactiveFormsModule], }) -export class RatingModule { -} +export class RatingModule {} diff --git a/src/app/router-dispatcher/router-dispatcher.component.spec.ts b/src/app/router-dispatcher/router-dispatcher.component.spec.ts index f254d69d..d7af0677 100644 --- a/src/app/router-dispatcher/router-dispatcher.component.spec.ts +++ b/src/app/router-dispatcher/router-dispatcher.component.spec.ts @@ -8,9 +8,8 @@ describe('RouterDispatcherComponent', () => { beforeEach(async(() => { TestBed.configureTestingModule({ - declarations: [ RouterDispatcherComponent ] - }) - .compileComponents(); + declarations: [RouterDispatcherComponent], + }).compileComponents(); })); beforeEach(() => { diff --git a/src/app/router-dispatcher/router-dispatcher.component.ts b/src/app/router-dispatcher/router-dispatcher.component.ts index 6a6e8b07..6e78f727 100644 --- a/src/app/router-dispatcher/router-dispatcher.component.ts +++ b/src/app/router-dispatcher/router-dispatcher.component.ts @@ -1,13 +1,10 @@ -import { Component, OnInit } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'it-router-dispatcher', templateUrl: './router-dispatcher.component.html', - styleUrls: ['./router-dispatcher.component.scss'] + styleUrls: ['./router-dispatcher.component.scss'], }) export class RouterDispatcherComponent { - - constructor() { } - - + constructor() {} } diff --git a/src/app/select/select-disabled-example/select-disabled-example.component.html b/src/app/select/select-disabled-example/select-disabled-example.component.html index bcdf3e68..bd6714c7 100644 --- a/src/app/select/select-disabled-example/select-disabled-example.component.html +++ b/src/app/select/select-disabled-example/select-disabled-example.component.html @@ -1,12 +1,6 @@

Select disabilitata

- - +

- diff --git a/src/app/select/select-disabled-example/select-disabled-example.component.ts b/src/app/select/select-disabled-example/select-disabled-example.component.ts index 8fce6e89..9b320679 100644 --- a/src/app/select/select-disabled-example/select-disabled-example.component.ts +++ b/src/app/select/select-disabled-example/select-disabled-example.component.ts @@ -1,31 +1,31 @@ -import { Component, OnInit } from '@angular/core'; +import { Component } from '@angular/core'; import { SelectControlOption } from 'projects/design-angular-kit/src/public_api'; @Component({ selector: 'it-select-disabled-example', templateUrl: './select-disabled-example.component.html', - styleUrls: ['./select-disabled-example.component.scss'] + styleUrls: ['./select-disabled-example.component.scss'], }) export class SelectDisabledExampleComponent { selectOptions: Array = [ { selected: true, - value: "", - text: 'Scegli un\'opzione' + value: '', + text: "Scegli un'opzione", }, { value: 1, - text: 'Opzione 1' + text: 'Opzione 1', }, { value: 2, - text: 'Opzione 2' - }, + text: 'Opzione 2', + }, { value: 3, - text: 'Opzione 3' - } + text: 'Opzione 3', + }, ]; - - constructor(){} + + constructor() {} } diff --git a/src/app/select/select-example/select-example.component.html b/src/app/select/select-example/select-example.component.html index bbb82e42..a778bf81 100644 --- a/src/app/select/select-example/select-example.component.html +++ b/src/app/select/select-example/select-example.component.html @@ -7,19 +7,14 @@

Select

[(ngModel)]="selectedValue" [options]="selectOptions" defaultOption="Seleziona un elemento"> - -

-

Risultato

- -
Valore selezionato: {{selectedValue}}
+
Valore selezionato: {{ selectedValue }}
- diff --git a/src/app/select/select-example/select-example.component.ts b/src/app/select/select-example/select-example.component.ts index df47ee05..bd28104c 100644 --- a/src/app/select/select-example/select-example.component.ts +++ b/src/app/select/select-example/select-example.component.ts @@ -4,19 +4,18 @@ import { SelectControlOption } from 'projects/design-angular-kit/src/public_api' @Component({ selector: 'it-select-example', templateUrl: './select-example.component.html', - styleUrls: ['./select-example.component.scss'] + styleUrls: ['./select-example.component.scss'], }) export class SelectExampleComponent { selectedValue: number = null; selectOptions: Array = [ { value: 2, - text: 'Opzione 2' + text: 'Opzione 2', }, { value: 3, - text: 'Opzione 3' - } + text: 'Opzione 3', + }, ]; - } diff --git a/src/app/select/select-examples/select-examples.component.ts b/src/app/select/select-examples/select-examples.component.ts index 27e202c9..51ad1678 100644 --- a/src/app/select/select-examples/select-examples.component.ts +++ b/src/app/select/select-examples/select-examples.component.ts @@ -1,13 +1,10 @@ -import { Component, OnInit } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'it-select-examples', templateUrl: './select-examples.component.html', - styleUrls: ['./select-examples.component.scss'] + styleUrls: ['./select-examples.component.scss'], }) export class SelectExamplesComponent { - - constructor() { } - - + constructor() {} } diff --git a/src/app/select/select-formgroup-example/select-formgroup-example.component.html b/src/app/select/select-formgroup-example/select-formgroup-example.component.html index a57c7652..fb46e5ca 100644 --- a/src/app/select/select-formgroup-example/select-formgroup-example.component.html +++ b/src/app/select/select-formgroup-example/select-formgroup-example.component.html @@ -9,6 +9,6 @@

Interazione con Select dotato di validazione Model Driven

-
Salvato `{{savedValue}}`
+
Salvato `{{ savedValue }}`
diff --git a/src/app/select/select-formgroup-example/select-formgroup-example.component.spec.ts b/src/app/select/select-formgroup-example/select-formgroup-example.component.spec.ts index a7db92e4..22ed5825 100644 --- a/src/app/select/select-formgroup-example/select-formgroup-example.component.spec.ts +++ b/src/app/select/select-formgroup-example/select-formgroup-example.component.spec.ts @@ -8,9 +8,8 @@ describe('SelectFormgroupExampleComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ - declarations: [ SelectFormgroupExampleComponent ] - }) - .compileComponents(); + declarations: [SelectFormgroupExampleComponent], + }).compileComponents(); fixture = TestBed.createComponent(SelectFormgroupExampleComponent); component = fixture.componentInstance; diff --git a/src/app/select/select-formgroup-example/select-formgroup-example.component.ts b/src/app/select/select-formgroup-example/select-formgroup-example.component.ts index 9a794f06..3400234f 100644 --- a/src/app/select/select-formgroup-example/select-formgroup-example.component.ts +++ b/src/app/select/select-formgroup-example/select-formgroup-example.component.ts @@ -4,18 +4,16 @@ import { SelectControlOption } from 'design-angular-kit/interfaces/form'; @Component({ selector: 'it-select-formgroup-example', - templateUrl: './select-formgroup-example.component.html' + templateUrl: './select-formgroup-example.component.html', }) export class SelectFormgroupExampleComponent { myForm: FormGroup; - options: Array = [ - { value: null, text: 'Seleziona un elemento', selected: true } - ]; + options: Array = [{ value: null, text: 'Seleziona un elemento', selected: true }]; constructor(private _fb: FormBuilder) { this.myForm = this._fb.group({ - select: [null, Validators.required] + select: [null, Validators.required], }); Array.from(Array(10).keys()).forEach(number => { diff --git a/src/app/select/select-group-example/select-group-example.component.html b/src/app/select/select-group-example/select-group-example.component.html index dad1023c..cbd1fe3e 100644 --- a/src/app/select/select-group-example/select-group-example.component.html +++ b/src/app/select/select-group-example/select-group-example.component.html @@ -1,20 +1,13 @@

Select con gruppi

- +

-

Risultato

-
Valore selezionato: {{selectedValue}}
+
Valore selezionato: {{ selectedValue }}
- diff --git a/src/app/select/select-group-example/select-group-example.component.ts b/src/app/select/select-group-example/select-group-example.component.ts index 32054891..35b9991d 100644 --- a/src/app/select/select-group-example/select-group-example.component.ts +++ b/src/app/select/select-group-example/select-group-example.component.ts @@ -4,16 +4,16 @@ import { SelectControlGroup, SelectControlOption } from 'projects/design-angular @Component({ selector: 'it-select-group-example', templateUrl: './select-group-example.component.html', - styleUrls: ['./select-group-example.component.scss'] + styleUrls: ['./select-group-example.component.scss'], }) export class SelectGroupExampleComponent { - selectedValue: number | string = ""; + selectedValue: number | string = ''; selectOptions: Array = [ { selected: true, - value: "", - text: 'Scegli un\'opzione' - } + value: '', + text: "Scegli un'opzione", + }, ]; selectGroups: Array = [ { @@ -21,29 +21,28 @@ export class SelectGroupExampleComponent { options: [ { value: 1, - text: 'Opzione 1' + text: 'Opzione 1', }, { value: 2, - text: 'Opzione 2' - } - ] + text: 'Opzione 2', + }, + ], }, { label: 'Gruppo 2', options: [ { value: 3, - text: 'Opzione 3' + text: 'Opzione 3', }, { value: 4, - text: 'Opzione 4' - } - ] - } - + text: 'Opzione 4', + }, + ], + }, ]; - - constructor(){} -} \ No newline at end of file + + constructor() {} +} diff --git a/src/app/select/select-index/select-index.component.ts b/src/app/select/select-index/select-index.component.ts index c09b28de..99ea7c52 100644 --- a/src/app/select/select-index/select-index.component.ts +++ b/src/app/select/select-index/select-index.component.ts @@ -4,10 +4,9 @@ import Documentation from '../../../assets/documentation.json'; @Component({ selector: 'it-select-index', templateUrl: './select-index.component.html', - styleUrls: ['./select-index.component.scss'] + styleUrls: ['./select-index.component.scss'], }) export class SelectIndexComponent { - component: any; constructor() { diff --git a/src/app/select/select-routing.module.ts b/src/app/select/select-routing.module.ts index b74b29d7..19f568ab 100644 --- a/src/app/select/select-routing.module.ts +++ b/src/app/select/select-routing.module.ts @@ -2,12 +2,10 @@ import { NgModule } from '@angular/core'; import { Routes, RouterModule } from '@angular/router'; import { SelectIndexComponent } from './select-index/select-index.component'; -const routes: Routes = [ - { path: '', component: SelectIndexComponent } -]; +const routes: Routes = [{ path: '', component: SelectIndexComponent }]; @NgModule({ imports: [RouterModule.forChild(routes)], - exports: [RouterModule] + exports: [RouterModule], }) -export class SelectRoutingModule { } +export class SelectRoutingModule {} diff --git a/src/app/select/select.module.ts b/src/app/select/select.module.ts index 30b89a09..4fc26c32 100644 --- a/src/app/select/select.module.ts +++ b/src/app/select/select.module.ts @@ -11,23 +11,15 @@ import { SelectGroupExampleComponent } from './select-group-example/select-group import { SelectDisabledExampleComponent } from './select-disabled-example/select-disabled-example.component'; import { SelectFormgroupExampleComponent } from './select-formgroup-example/select-formgroup-example.component'; - @NgModule({ - imports: [ - CommonModule, - ReactiveFormsModule, - FormsModule, - SharedModule, - SelectRoutingModule - ], + imports: [CommonModule, ReactiveFormsModule, FormsModule, SharedModule, SelectRoutingModule], declarations: [ SelectIndexComponent, SelectDisabledExampleComponent, SelectGroupExampleComponent, SelectExamplesComponent, SelectExampleComponent, - SelectFormgroupExampleComponent - ] + SelectFormgroupExampleComponent, + ], }) -export class SelectModule { -} +export class SelectModule {} diff --git a/src/app/shared/api-parameters/api-parameters.component.html b/src/app/shared/api-parameters/api-parameters.component.html index 098aab33..40f09e23 100644 --- a/src/app/shared/api-parameters/api-parameters.component.html +++ b/src/app/shared/api-parameters/api-parameters.component.html @@ -5,12 +5,12 @@

Input

- {{input.name}} + {{ input.name }}

Tipo: - {{input.type}} + {{ input.type }}

@@ -28,12 +28,12 @@

Output

- {{output.name}} + {{ output.name }}

Tipo: - {{output.type}} + {{ output.type }}

@@ -56,28 +56,28 @@

Metodi

- - -

- Tipo di ritorno: - {{method.returnType}} -

- - - - Attributi: - - - - {{arg.name}} - - -

- Tipo: - {{arg.type}} -

- - + + +

+ Tipo di ritorno: + {{ method.returnType }} +

+ + + + Attributi: + + + + {{ arg.name }} + + +

+ Tipo: + {{ arg.type }} +

+ + diff --git a/src/app/shared/api-parameters/api-parameters.component.ts b/src/app/shared/api-parameters/api-parameters.component.ts index 99776074..79aea491 100644 --- a/src/app/shared/api-parameters/api-parameters.component.ts +++ b/src/app/shared/api-parameters/api-parameters.component.ts @@ -3,11 +3,9 @@ import { Component, Input } from '@angular/core'; @Component({ selector: 'it-api-parameters', templateUrl: './api-parameters.component.html', - styleUrls: ['./api-parameters.component.scss'] + styleUrls: ['./api-parameters.component.scss'], }) export class ApiParametersComponent { - @Input() component?: any; @Input() service?: any; - } diff --git a/src/app/shared/source-display/source-display.component.ts b/src/app/shared/source-display/source-display.component.ts index 5d726323..7798283d 100644 --- a/src/app/shared/source-display/source-display.component.ts +++ b/src/app/shared/source-display/source-display.component.ts @@ -3,10 +3,9 @@ import { Component, OnInit, Input } from '@angular/core'; @Component({ selector: 'it-source-display', templateUrl: './source-display.component.html', - styleUrls: ['./source-display.component.scss'] + styleUrls: ['./source-display.component.scss'], }) export class SourceDisplayComponent implements OnInit { - @Input() html: string; @Input() typescript: string; @Input() scss: string; diff --git a/src/app/spinner/spinner-double-example/spinner-double-example.component.html b/src/app/spinner/spinner-double-example/spinner-double-example.component.html index 7e13f22d..e299d1ec 100644 --- a/src/app/spinner/spinner-double-example/spinner-double-example.component.html +++ b/src/app/spinner/spinner-double-example/spinner-double-example.component.html @@ -1,31 +1,25 @@

Spinner doppio

-

Spinner doppio

-

Doppio attivo

-

Doppio small

-

Doppio small attivo

-
-
diff --git a/src/app/spinner/spinner-double-example/spinner-double-example.component.spec.ts b/src/app/spinner/spinner-double-example/spinner-double-example.component.spec.ts index f7dafadb..9cbdfeca 100644 --- a/src/app/spinner/spinner-double-example/spinner-double-example.component.spec.ts +++ b/src/app/spinner/spinner-double-example/spinner-double-example.component.spec.ts @@ -8,9 +8,8 @@ describe('SpinnerDoubleExampleComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ - declarations: [ SpinnerDoubleExampleComponent ] - }) - .compileComponents(); + declarations: [SpinnerDoubleExampleComponent], + }).compileComponents(); fixture = TestBed.createComponent(SpinnerDoubleExampleComponent); component = fixture.componentInstance; diff --git a/src/app/spinner/spinner-double-example/spinner-double-example.component.ts b/src/app/spinner/spinner-double-example/spinner-double-example.component.ts index 167fde62..4cdc57a8 100644 --- a/src/app/spinner/spinner-double-example/spinner-double-example.component.ts +++ b/src/app/spinner/spinner-double-example/spinner-double-example.component.ts @@ -2,8 +2,6 @@ import { Component } from '@angular/core'; @Component({ selector: 'it-spinner-double-example', - templateUrl: './spinner-double-example.component.html' + templateUrl: './spinner-double-example.component.html', }) -export class SpinnerDoubleExampleComponent { - -} +export class SpinnerDoubleExampleComponent {} diff --git a/src/app/spinner/spinner-examples/spinner-examples.component.spec.ts b/src/app/spinner/spinner-examples/spinner-examples.component.spec.ts index 0f33d6fe..1fa7e591 100644 --- a/src/app/spinner/spinner-examples/spinner-examples.component.spec.ts +++ b/src/app/spinner/spinner-examples/spinner-examples.component.spec.ts @@ -8,9 +8,8 @@ describe('SpinnerExamplesComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ - declarations: [ SpinnerExamplesComponent ] - }) - .compileComponents(); + declarations: [SpinnerExamplesComponent], + }).compileComponents(); fixture = TestBed.createComponent(SpinnerExamplesComponent); component = fixture.componentInstance; diff --git a/src/app/spinner/spinner-examples/spinner-examples.component.ts b/src/app/spinner/spinner-examples/spinner-examples.component.ts index 71a6c0e1..2b0f34e4 100644 --- a/src/app/spinner/spinner-examples/spinner-examples.component.ts +++ b/src/app/spinner/spinner-examples/spinner-examples.component.ts @@ -2,8 +2,6 @@ import { Component } from '@angular/core'; @Component({ selector: 'it-spinner-examples', - templateUrl: './spinner-examples.component.html' + templateUrl: './spinner-examples.component.html', }) -export class SpinnerExamplesComponent { - -} +export class SpinnerExamplesComponent {} diff --git a/src/app/spinner/spinner-index/spinner-index.component.html b/src/app/spinner/spinner-index/spinner-index.component.html index da15967d..506b3b02 100644 --- a/src/app/spinner/spinner-index/spinner-index.component.html +++ b/src/app/spinner/spinner-index/spinner-index.component.html @@ -1,5 +1,8 @@

Spinner

-

L’elemento Spinner comunica lo stato attivo di un’operazione ma non il progresso percentuale della stessa. È utile quindi quando non è possibile determinare il tempo necessario a completare una procedura.

+

+ L’elemento Spinner comunica lo stato attivo di un’operazione ma non il progresso percentuale della stessa. È utile quindi quando non è + possibile determinare il tempo necessario a completare una procedura. +

diff --git a/src/app/spinner/spinner-index/spinner-index.component.spec.ts b/src/app/spinner/spinner-index/spinner-index.component.spec.ts index 91d2ef56..373fcb51 100644 --- a/src/app/spinner/spinner-index/spinner-index.component.spec.ts +++ b/src/app/spinner/spinner-index/spinner-index.component.spec.ts @@ -8,9 +8,8 @@ describe('SpinnerIndexComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ - declarations: [ SpinnerIndexComponent ] - }) - .compileComponents(); + declarations: [SpinnerIndexComponent], + }).compileComponents(); fixture = TestBed.createComponent(SpinnerIndexComponent); component = fixture.componentInstance; diff --git a/src/app/spinner/spinner-index/spinner-index.component.ts b/src/app/spinner/spinner-index/spinner-index.component.ts index a04676f5..c88f4878 100644 --- a/src/app/spinner/spinner-index/spinner-index.component.ts +++ b/src/app/spinner/spinner-index/spinner-index.component.ts @@ -3,7 +3,7 @@ import Documentation from '../../../assets/documentation.json'; @Component({ selector: 'it-spinner-index', - templateUrl: './spinner-index.component.html' + templateUrl: './spinner-index.component.html', }) export class SpinnerIndexComponent { component: any; diff --git a/src/app/spinner/spinner-routing.module.ts b/src/app/spinner/spinner-routing.module.ts index b2ce2efb..c1efcfc6 100644 --- a/src/app/spinner/spinner-routing.module.ts +++ b/src/app/spinner/spinner-routing.module.ts @@ -2,13 +2,10 @@ import { NgModule } from '@angular/core'; import { RouterModule, Routes } from '@angular/router'; import { SpinnerIndexComponent } from './spinner-index/spinner-index.component'; -const routes: Routes = [ - { path: '', component: SpinnerIndexComponent } -]; +const routes: Routes = [{ path: '', component: SpinnerIndexComponent }]; @NgModule({ imports: [RouterModule.forChild(routes)], - exports: [RouterModule] + exports: [RouterModule], }) -export class SpinnerRoutingModule { -} +export class SpinnerRoutingModule {} diff --git a/src/app/spinner/spinner-single-example/spinner-single-example.component.html b/src/app/spinner/spinner-single-example/spinner-single-example.component.html index 18a973f7..27c83458 100644 --- a/src/app/spinner/spinner-single-example/spinner-single-example.component.html +++ b/src/app/spinner/spinner-single-example/spinner-single-example.component.html @@ -1,30 +1,24 @@
-

Spinner standard

-

Spinner Attivo

-

Small

-

Small attivo

-
-
diff --git a/src/app/spinner/spinner-single-example/spinner-single-example.component.spec.ts b/src/app/spinner/spinner-single-example/spinner-single-example.component.spec.ts index c961501d..b6440108 100644 --- a/src/app/spinner/spinner-single-example/spinner-single-example.component.spec.ts +++ b/src/app/spinner/spinner-single-example/spinner-single-example.component.spec.ts @@ -8,9 +8,8 @@ describe('SpinnerSingleExampleComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ - declarations: [ SpinnerSingleExampleComponent ] - }) - .compileComponents(); + declarations: [SpinnerSingleExampleComponent], + }).compileComponents(); fixture = TestBed.createComponent(SpinnerSingleExampleComponent); component = fixture.componentInstance; diff --git a/src/app/spinner/spinner-single-example/spinner-single-example.component.ts b/src/app/spinner/spinner-single-example/spinner-single-example.component.ts index 5394b891..e5fca5ec 100644 --- a/src/app/spinner/spinner-single-example/spinner-single-example.component.ts +++ b/src/app/spinner/spinner-single-example/spinner-single-example.component.ts @@ -2,8 +2,6 @@ import { Component } from '@angular/core'; @Component({ selector: 'it-spinner-single-example', - templateUrl: './spinner-single-example.component.html' + templateUrl: './spinner-single-example.component.html', }) -export class SpinnerSingleExampleComponent { - -} +export class SpinnerSingleExampleComponent {} diff --git a/src/app/spinner/spinner.module.ts b/src/app/spinner/spinner.module.ts index 5a2fefa9..c46c2c54 100644 --- a/src/app/spinner/spinner.module.ts +++ b/src/app/spinner/spinner.module.ts @@ -7,19 +7,8 @@ import { SpinnerExamplesComponent } from './spinner-examples/spinner-examples.co import { SpinnerSingleExampleComponent } from './spinner-single-example/spinner-single-example.component'; import { SpinnerDoubleExampleComponent } from './spinner-double-example/spinner-double-example.component'; - @NgModule({ - declarations: [ - SpinnerIndexComponent, - SpinnerExamplesComponent, - SpinnerSingleExampleComponent, - SpinnerDoubleExampleComponent - ], - imports: [ - CommonModule, - SharedModule, - SpinnerRoutingModule - ] + declarations: [SpinnerIndexComponent, SpinnerExamplesComponent, SpinnerSingleExampleComponent, SpinnerDoubleExampleComponent], + imports: [CommonModule, SharedModule, SpinnerRoutingModule], }) -export class SpinnerModule { -} +export class SpinnerModule {} diff --git a/src/app/steppers/steppers-dynamic-example/steppers-dynamic-example.component.html b/src/app/steppers/steppers-dynamic-example/steppers-dynamic-example.component.html index 77dee9a2..4b7ed0ec 100644 --- a/src/app/steppers/steppers-dynamic-example/steppers-dynamic-example.component.html +++ b/src/app/steppers/steppers-dynamic-example/steppers-dynamic-example.component.html @@ -1,29 +1,26 @@

Stepper

-
- - +
- {{step}} + {{ step }}
- -
diff --git a/src/app/steppers/steppers-dynamic-example/steppers-dynamic-example.component.ts b/src/app/steppers/steppers-dynamic-example/steppers-dynamic-example.component.ts index 3ecce93a..65eb8d9b 100644 --- a/src/app/steppers/steppers-dynamic-example/steppers-dynamic-example.component.ts +++ b/src/app/steppers/steppers-dynamic-example/steppers-dynamic-example.component.ts @@ -2,15 +2,14 @@ import { Component } from '@angular/core'; @Component({ selector: 'it-steppers-dynamic-example', - templateUrl: './steppers-dynamic-example.component.html' + templateUrl: './steppers-dynamic-example.component.html', }) export class SteppersDynamicExampleComponent { - /** * Step index */ activeStep = 1; - steps = ['Primo contenuto', 'Secondo contenuto', 'Terzo contenuto'] + steps = ['Primo contenuto', 'Secondo contenuto', 'Terzo contenuto']; isDark = false; @@ -32,12 +31,11 @@ export class SteppersDynamicExampleComponent { this.isSaveLoading = false; } - onConfirmClick(activeStep: number): void { + onConfirmClick(): void { this.isConfirmLoading = true; } - onSaveClick(activeStep: number): void { + onSaveClick(): void { this.isSaveLoading = true; } - } diff --git a/src/app/steppers/steppers-examples/steppers-examples.component.ts b/src/app/steppers/steppers-examples/steppers-examples.component.ts index 6c22387f..1bd08a1e 100644 --- a/src/app/steppers/steppers-examples/steppers-examples.component.ts +++ b/src/app/steppers/steppers-examples/steppers-examples.component.ts @@ -1,13 +1,10 @@ -import { Component, OnInit } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'it-steppers-examples', templateUrl: './steppers-examples.component.html', - styleUrls: ['./steppers-examples.component.scss'] + styleUrls: ['./steppers-examples.component.scss'], }) export class SteppersExamplesComponent { - - constructor() { } - - + constructor() {} } diff --git a/src/app/steppers/steppers-header-example/steppers-header-example.component.ts b/src/app/steppers/steppers-header-example/steppers-header-example.component.ts index f1955a81..3c2f1a88 100644 --- a/src/app/steppers/steppers-header-example/steppers-header-example.component.ts +++ b/src/app/steppers/steppers-header-example/steppers-header-example.component.ts @@ -2,8 +2,6 @@ import { Component } from '@angular/core'; @Component({ selector: 'it-steppers-header-example', - templateUrl: './steppers-header-example.component.html' + templateUrl: './steppers-header-example.component.html', }) -export class SteppersHeaderExampleComponent { - -} +export class SteppersHeaderExampleComponent {} diff --git a/src/app/steppers/steppers-index/steppers-index.component.html b/src/app/steppers/steppers-index/steppers-index.component.html index e4d7528a..c0ebc73f 100644 --- a/src/app/steppers/steppers-index/steppers-index.component.html +++ b/src/app/steppers/steppers-index/steppers-index.component.html @@ -1,5 +1,7 @@

Steppers

-

Gli “Stepper” mostrano l’avanzamento del progresso di una procedura a più passi attraverso la numerazione dei passi stessi.

+

+ Gli “Stepper” mostrano l’avanzamento del progresso di una procedura a più passi attraverso la numerazione dei passi stessi. +

diff --git a/src/app/steppers/steppers-index/steppers-index.component.ts b/src/app/steppers/steppers-index/steppers-index.component.ts index 748495e5..d27a2ee0 100644 --- a/src/app/steppers/steppers-index/steppers-index.component.ts +++ b/src/app/steppers/steppers-index/steppers-index.component.ts @@ -3,7 +3,7 @@ import Documentation from '../../../assets/documentation.json'; @Component({ selector: 'it-steppers-index', - templateUrl: './steppers-index.component.html' + templateUrl: './steppers-index.component.html', }) export class SteppersIndexComponent { steppersContainer: any; diff --git a/src/app/steppers/steppers-mobile-example/steppers-mobile-example.component.ts b/src/app/steppers/steppers-mobile-example/steppers-mobile-example.component.ts index 8a479d60..4879a04d 100644 --- a/src/app/steppers/steppers-mobile-example/steppers-mobile-example.component.ts +++ b/src/app/steppers/steppers-mobile-example/steppers-mobile-example.component.ts @@ -4,8 +4,6 @@ import { Component, ViewEncapsulation } from '@angular/core'; selector: 'it-steppers-mobile-example', templateUrl: './steppers-mobile-example.component.html', styleUrls: ['steppers-mobile-example.component.scss'], - encapsulation: ViewEncapsulation.None + encapsulation: ViewEncapsulation.None, }) -export class SteppersMobileExampleComponent { - -} +export class SteppersMobileExampleComponent {} diff --git a/src/app/steppers/steppers-routing.module.ts b/src/app/steppers/steppers-routing.module.ts index 157ee91e..834b634a 100644 --- a/src/app/steppers/steppers-routing.module.ts +++ b/src/app/steppers/steppers-routing.module.ts @@ -2,13 +2,10 @@ import { NgModule } from '@angular/core'; import { RouterModule, Routes } from '@angular/router'; import { SteppersIndexComponent } from './steppers-index/steppers-index.component'; -const routes: Routes = [ - { path: '', component: SteppersIndexComponent } -]; +const routes: Routes = [{ path: '', component: SteppersIndexComponent }]; @NgModule({ imports: [RouterModule.forChild(routes)], - exports: [RouterModule] + exports: [RouterModule], }) -export class SteppersRoutingModule { -} +export class SteppersRoutingModule {} diff --git a/src/app/steppers/steppers.module.ts b/src/app/steppers/steppers.module.ts index f7135811..232dbb35 100644 --- a/src/app/steppers/steppers.module.ts +++ b/src/app/steppers/steppers.module.ts @@ -15,14 +15,8 @@ import { SteppersMobileExampleComponent } from './steppers-mobile-example/steppe SteppersExamplesComponent, SteppersDynamicExampleComponent, SteppersHeaderExampleComponent, - SteppersMobileExampleComponent + SteppersMobileExampleComponent, ], - imports: [ - CommonModule, - SharedModule, - FormsModule, - SteppersRoutingModule - ] + imports: [CommonModule, SharedModule, FormsModule, SteppersRoutingModule], }) -export class SteppersModule { -} +export class SteppersModule {} diff --git a/src/app/table-of-content-item/table-of-content-item.component.html b/src/app/table-of-content-item/table-of-content-item.component.html index d26b9149..43f1701f 100644 --- a/src/app/table-of-content-item/table-of-content-item.component.html +++ b/src/app/table-of-content-item/table-of-content-item.component.html @@ -1,8 +1,8 @@
- {{tocItem.label}} -
diff --git a/src/app/table-of-content-item/table-of-content-item.component.ts b/src/app/table-of-content-item/table-of-content-item.component.ts index e2348d57..ad06ce5b 100644 --- a/src/app/table-of-content-item/table-of-content-item.component.ts +++ b/src/app/table-of-content-item/table-of-content-item.component.ts @@ -1,14 +1,12 @@ -import { Component, OnInit, Input } from '@angular/core'; +import { Component, Input } from '@angular/core'; @Component({ selector: 'it-table-of-content-item', templateUrl: './table-of-content-item.component.html', - styleUrls: ['./table-of-content-item.component.scss'] + styleUrls: ['./table-of-content-item.component.scss'], }) export class TableOfContentItemComponent { - @Input() tocItem: any; - constructor() { } - + constructor() {} } diff --git a/src/app/table-of-content/table-of-content.component.html b/src/app/table-of-content/table-of-content.component.html index f575a0bf..ffe2cf6e 100644 --- a/src/app/table-of-content/table-of-content.component.html +++ b/src/app/table-of-content/table-of-content.component.html @@ -1,6 +1,8 @@
- diff --git a/src/app/table-of-content/table-of-content.component.ts b/src/app/table-of-content/table-of-content.component.ts index 15c88130..0d5cc067 100644 --- a/src/app/table-of-content/table-of-content.component.ts +++ b/src/app/table-of-content/table-of-content.component.ts @@ -4,14 +4,13 @@ import TableOfContent from '../../assets/table-of-content.json'; @Component({ selector: 'it-table-of-content', templateUrl: './table-of-content.component.html', - styleUrls: ['./table-of-content.component.scss'] + styleUrls: ['./table-of-content.component.scss'], }) export class TableOfContentComponent { - tableOfContent = (TableOfContent).tableOfContent; public toggle(event, tocItem) { - this.tableOfContent = this.tableOfContent.map((item) => { + this.tableOfContent = this.tableOfContent.map(item => { const newTocItem = item; if (item.label === tocItem.label) { newTocItem.active = true; diff --git a/src/app/table/table-alignment-example/table-alignment-example.component.html b/src/app/table/table-alignment-example/table-alignment-example.component.html index daabfa16..381d9af5 100644 --- a/src/app/table/table-alignment-example/table-alignment-example.component.html +++ b/src/app/table/table-alignment-example/table-alignment-example.component.html @@ -15,9 +15,11 @@

Allineamento verticale

Valore 1 Valore 2 Valore 3 - This here is some placeholder text, intended to take up quite a bit of vertical space, to demonstrate how the vertical alignment works in the preceding cells. + + This here is some placeholder text, intended to take up quite a bit of vertical space, to demonstrate how the vertical alignment + works in the preceding cells. + - diff --git a/src/app/table/table-alignment-example/table-alignment-example.component.spec.ts b/src/app/table/table-alignment-example/table-alignment-example.component.spec.ts index c3dff6d6..87f09a0e 100644 --- a/src/app/table/table-alignment-example/table-alignment-example.component.spec.ts +++ b/src/app/table/table-alignment-example/table-alignment-example.component.spec.ts @@ -8,9 +8,8 @@ describe('TableAlignmentExampleComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ - declarations: [ TableAlignmentExampleComponent ] - }) - .compileComponents(); + declarations: [TableAlignmentExampleComponent], + }).compileComponents(); fixture = TestBed.createComponent(TableAlignmentExampleComponent); component = fixture.componentInstance; diff --git a/src/app/table/table-alignment-example/table-alignment-example.component.ts b/src/app/table/table-alignment-example/table-alignment-example.component.ts index 1fcb569e..77c19630 100644 --- a/src/app/table/table-alignment-example/table-alignment-example.component.ts +++ b/src/app/table/table-alignment-example/table-alignment-example.component.ts @@ -2,7 +2,6 @@ import { Component } from '@angular/core'; @Component({ selector: 'it-table-alignment-example', - templateUrl: './table-alignment-example.component.html' + templateUrl: './table-alignment-example.component.html', }) -export class TableAlignmentExampleComponent { -} +export class TableAlignmentExampleComponent {} diff --git a/src/app/table/table-bordered-example/table-bordered-example.component.html b/src/app/table/table-bordered-example/table-bordered-example.component.html index 6b78b65d..a084d74a 100644 --- a/src/app/table/table-bordered-example/table-bordered-example.component.html +++ b/src/app/table/table-bordered-example/table-bordered-example.component.html @@ -31,5 +31,4 @@

Tabella con bordi

- diff --git a/src/app/table/table-bordered-example/table-bordered-example.component.spec.ts b/src/app/table/table-bordered-example/table-bordered-example.component.spec.ts index 821ec61f..fef098bb 100644 --- a/src/app/table/table-bordered-example/table-bordered-example.component.spec.ts +++ b/src/app/table/table-bordered-example/table-bordered-example.component.spec.ts @@ -8,9 +8,8 @@ describe('TableBorderedExampleComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ - declarations: [ TableBorderedExampleComponent ] - }) - .compileComponents(); + declarations: [TableBorderedExampleComponent], + }).compileComponents(); fixture = TestBed.createComponent(TableBorderedExampleComponent); component = fixture.componentInstance; diff --git a/src/app/table/table-bordered-example/table-bordered-example.component.ts b/src/app/table/table-bordered-example/table-bordered-example.component.ts index c07995fa..3dcd2ab1 100644 --- a/src/app/table/table-bordered-example/table-bordered-example.component.ts +++ b/src/app/table/table-bordered-example/table-bordered-example.component.ts @@ -2,8 +2,6 @@ import { Component } from '@angular/core'; @Component({ selector: 'it-table-bordered-example', - templateUrl: './table-bordered-example.component.html' + templateUrl: './table-bordered-example.component.html', }) -export class TableBorderedExampleComponent { - -} +export class TableBorderedExampleComponent {} diff --git a/src/app/table/table-borderless-example/table-borderless-example.component.spec.ts b/src/app/table/table-borderless-example/table-borderless-example.component.spec.ts index 55b50354..b77ddebb 100644 --- a/src/app/table/table-borderless-example/table-borderless-example.component.spec.ts +++ b/src/app/table/table-borderless-example/table-borderless-example.component.spec.ts @@ -8,9 +8,8 @@ describe('TableBorderlessExampleComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ - declarations: [ TableBorderlessExampleComponent ] - }) - .compileComponents(); + declarations: [TableBorderlessExampleComponent], + }).compileComponents(); fixture = TestBed.createComponent(TableBorderlessExampleComponent); component = fixture.componentInstance; diff --git a/src/app/table/table-borderless-example/table-borderless-example.component.ts b/src/app/table/table-borderless-example/table-borderless-example.component.ts index f48e3e67..ab1c1466 100644 --- a/src/app/table/table-borderless-example/table-borderless-example.component.ts +++ b/src/app/table/table-borderless-example/table-borderless-example.component.ts @@ -2,8 +2,6 @@ import { Component } from '@angular/core'; @Component({ selector: 'it-table-borderless-example', - templateUrl: './table-borderless-example.component.html' + templateUrl: './table-borderless-example.component.html', }) -export class TableBorderlessExampleComponent { - -} +export class TableBorderlessExampleComponent {} diff --git a/src/app/table/table-caption-example/table-caption-example.component.html b/src/app/table/table-caption-example/table-caption-example.component.html index 9ba78319..3b4ff4b3 100644 --- a/src/app/table/table-caption-example/table-caption-example.component.html +++ b/src/app/table/table-caption-example/table-caption-example.component.html @@ -67,5 +67,4 @@

Caption

Lista degli utenti - diff --git a/src/app/table/table-caption-example/table-caption-example.component.spec.ts b/src/app/table/table-caption-example/table-caption-example.component.spec.ts index c2304548..658e6339 100644 --- a/src/app/table/table-caption-example/table-caption-example.component.spec.ts +++ b/src/app/table/table-caption-example/table-caption-example.component.spec.ts @@ -8,9 +8,8 @@ describe('TableCaptionExampleComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ - declarations: [ TableCaptionExampleComponent ] - }) - .compileComponents(); + declarations: [TableCaptionExampleComponent], + }).compileComponents(); fixture = TestBed.createComponent(TableCaptionExampleComponent); component = fixture.componentInstance; diff --git a/src/app/table/table-caption-example/table-caption-example.component.ts b/src/app/table/table-caption-example/table-caption-example.component.ts index f598ce66..6326aec5 100644 --- a/src/app/table/table-caption-example/table-caption-example.component.ts +++ b/src/app/table/table-caption-example/table-caption-example.component.ts @@ -3,8 +3,6 @@ import { Component } from '@angular/core'; @Component({ selector: 'it-table-caption-example', templateUrl: './table-caption-example.component.html', - styleUrls: ['./table-caption-example.component.scss'] + styleUrls: ['./table-caption-example.component.scss'], }) -export class TableCaptionExampleComponent { - -} +export class TableCaptionExampleComponent {} diff --git a/src/app/table/table-compact-example/table-compact-example.component.html b/src/app/table/table-compact-example/table-compact-example.component.html index 5dcb494b..0fa675d8 100644 --- a/src/app/table/table-compact-example/table-compact-example.component.html +++ b/src/app/table/table-compact-example/table-compact-example.component.html @@ -31,5 +31,4 @@

Tabella compatta

- diff --git a/src/app/table/table-compact-example/table-compact-example.component.spec.ts b/src/app/table/table-compact-example/table-compact-example.component.spec.ts index 5789ea5a..be8699b9 100644 --- a/src/app/table/table-compact-example/table-compact-example.component.spec.ts +++ b/src/app/table/table-compact-example/table-compact-example.component.spec.ts @@ -8,9 +8,8 @@ describe('TableCompactExampleComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ - declarations: [ TableCompactExampleComponent ] - }) - .compileComponents(); + declarations: [TableCompactExampleComponent], + }).compileComponents(); fixture = TestBed.createComponent(TableCompactExampleComponent); component = fixture.componentInstance; diff --git a/src/app/table/table-compact-example/table-compact-example.component.ts b/src/app/table/table-compact-example/table-compact-example.component.ts index f2b3a704..15b64973 100644 --- a/src/app/table/table-compact-example/table-compact-example.component.ts +++ b/src/app/table/table-compact-example/table-compact-example.component.ts @@ -2,8 +2,6 @@ import { Component } from '@angular/core'; @Component({ selector: 'it-table-compact-example', - templateUrl: './table-compact-example.component.html' + templateUrl: './table-compact-example.component.html', }) -export class TableCompactExampleComponent { - -} +export class TableCompactExampleComponent {} diff --git a/src/app/table/table-example/table-example.component.html b/src/app/table/table-example/table-example.component.html index 6bc23fb7..0f29a1a6 100644 --- a/src/app/table/table-example/table-example.component.html +++ b/src/app/table/table-example/table-example.component.html @@ -1,5 +1,5 @@
- + # @@ -53,8 +53,7 @@
Colorazione

- Per la colorazione su singole righe o celle, fare riferimento alla documentazione Bootstrap Italia + Per la colorazione su singole righe o celle, fare riferimento alla documentazione + Bootstrap Italia

- diff --git a/src/app/table/table-example/table-example.component.spec.ts b/src/app/table/table-example/table-example.component.spec.ts index 51e43ca2..58d6cbcc 100644 --- a/src/app/table/table-example/table-example.component.spec.ts +++ b/src/app/table/table-example/table-example.component.spec.ts @@ -8,9 +8,8 @@ describe('TableExampleComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ - declarations: [ TableExampleComponent ] - }) - .compileComponents(); + declarations: [TableExampleComponent], + }).compileComponents(); fixture = TestBed.createComponent(TableExampleComponent); component = fixture.componentInstance; diff --git a/src/app/table/table-example/table-example.component.ts b/src/app/table/table-example/table-example.component.ts index 37f3dfc5..fefeafa2 100644 --- a/src/app/table/table-example/table-example.component.ts +++ b/src/app/table/table-example/table-example.component.ts @@ -4,7 +4,7 @@ import { TableColor } from 'projects/design-angular-kit/src/lib/interfaces/core' @Component({ selector: 'it-table-example', - templateUrl: './table-example.component.html' + templateUrl: './table-example.component.html', }) export class TableExampleComponent { sortData(event: ItSortEvent) { @@ -13,5 +13,4 @@ export class TableExampleComponent { } color?: TableColor; - } diff --git a/src/app/table/table-examples/table-examples.component.spec.ts b/src/app/table/table-examples/table-examples.component.spec.ts index 32b77444..1832643a 100644 --- a/src/app/table/table-examples/table-examples.component.spec.ts +++ b/src/app/table/table-examples/table-examples.component.spec.ts @@ -8,9 +8,8 @@ describe('TableExamplesComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ - declarations: [ TableExamplesComponent ] - }) - .compileComponents(); + declarations: [TableExamplesComponent], + }).compileComponents(); fixture = TestBed.createComponent(TableExamplesComponent); component = fixture.componentInstance; diff --git a/src/app/table/table-examples/table-examples.component.ts b/src/app/table/table-examples/table-examples.component.ts index fd3bc6b3..48da6c87 100644 --- a/src/app/table/table-examples/table-examples.component.ts +++ b/src/app/table/table-examples/table-examples.component.ts @@ -2,8 +2,6 @@ import { Component } from '@angular/core'; @Component({ selector: 'it-table-examples', - templateUrl: './table-examples.component.html' + templateUrl: './table-examples.component.html', }) -export class TableExamplesComponent { - -} +export class TableExamplesComponent {} diff --git a/src/app/table/table-footer-example/table-footer-example.component.html b/src/app/table/table-footer-example/table-footer-example.component.html index 36495220..35a4fb31 100644 --- a/src/app/table/table-footer-example/table-footer-example.component.html +++ b/src/app/table/table-footer-example/table-footer-example.component.html @@ -40,5 +40,4 @@

Footer

- diff --git a/src/app/table/table-footer-example/table-footer-example.component.spec.ts b/src/app/table/table-footer-example/table-footer-example.component.spec.ts index c7e17c54..b29a6588 100644 --- a/src/app/table/table-footer-example/table-footer-example.component.spec.ts +++ b/src/app/table/table-footer-example/table-footer-example.component.spec.ts @@ -8,9 +8,8 @@ describe('TableFooterExampleComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ - declarations: [ TableFooterExampleComponent ] - }) - .compileComponents(); + declarations: [TableFooterExampleComponent], + }).compileComponents(); fixture = TestBed.createComponent(TableFooterExampleComponent); component = fixture.componentInstance; diff --git a/src/app/table/table-footer-example/table-footer-example.component.ts b/src/app/table/table-footer-example/table-footer-example.component.ts index 94da38ed..8bdf8ee5 100644 --- a/src/app/table/table-footer-example/table-footer-example.component.ts +++ b/src/app/table/table-footer-example/table-footer-example.component.ts @@ -2,8 +2,6 @@ import { Component } from '@angular/core'; @Component({ selector: 'it-table-footer-example', - templateUrl: './table-footer-example.component.html' + templateUrl: './table-footer-example.component.html', }) -export class TableFooterExampleComponent { - -} +export class TableFooterExampleComponent {} diff --git a/src/app/table/table-header-example/table-header-example.component.spec.ts b/src/app/table/table-header-example/table-header-example.component.spec.ts index ee4b30b1..ac2dcafd 100644 --- a/src/app/table/table-header-example/table-header-example.component.spec.ts +++ b/src/app/table/table-header-example/table-header-example.component.spec.ts @@ -8,9 +8,8 @@ describe('TableHeaderExampleComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ - declarations: [ TableHeaderExampleComponent ] - }) - .compileComponents(); + declarations: [TableHeaderExampleComponent], + }).compileComponents(); fixture = TestBed.createComponent(TableHeaderExampleComponent); component = fixture.componentInstance; diff --git a/src/app/table/table-header-example/table-header-example.component.ts b/src/app/table/table-header-example/table-header-example.component.ts index a20c2c38..e507afea 100644 --- a/src/app/table/table-header-example/table-header-example.component.ts +++ b/src/app/table/table-header-example/table-header-example.component.ts @@ -2,8 +2,6 @@ import { Component } from '@angular/core'; @Component({ selector: 'it-table-header-example', - templateUrl: './table-header-example.component.html' + templateUrl: './table-header-example.component.html', }) -export class TableHeaderExampleComponent { - -} +export class TableHeaderExampleComponent {} diff --git a/src/app/table/table-hover-example/table-hover-example.component.html b/src/app/table/table-hover-example/table-hover-example.component.html index 5d661dc3..0a6848fa 100644 --- a/src/app/table/table-hover-example/table-hover-example.component.html +++ b/src/app/table/table-hover-example/table-hover-example.component.html @@ -32,7 +32,6 @@

Righe ed hover

- diff --git a/src/app/table/table-hover-example/table-hover-example.component.spec.ts b/src/app/table/table-hover-example/table-hover-example.component.spec.ts index a2bac587..8c0ab1dd 100644 --- a/src/app/table/table-hover-example/table-hover-example.component.spec.ts +++ b/src/app/table/table-hover-example/table-hover-example.component.spec.ts @@ -8,9 +8,8 @@ describe('TableHoverExampleComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ - declarations: [ TableHoverExampleComponent ] - }) - .compileComponents(); + declarations: [TableHoverExampleComponent], + }).compileComponents(); fixture = TestBed.createComponent(TableHoverExampleComponent); component = fixture.componentInstance; diff --git a/src/app/table/table-hover-example/table-hover-example.component.ts b/src/app/table/table-hover-example/table-hover-example.component.ts index c1009340..2dd76c25 100644 --- a/src/app/table/table-hover-example/table-hover-example.component.ts +++ b/src/app/table/table-hover-example/table-hover-example.component.ts @@ -2,8 +2,6 @@ import { Component } from '@angular/core'; @Component({ selector: 'it-table-hover-example', - templateUrl: './table-hover-example.component.html' + templateUrl: './table-hover-example.component.html', }) -export class TableHoverExampleComponent { - -} +export class TableHoverExampleComponent {} diff --git a/src/app/table/table-index/table-index.component.spec.ts b/src/app/table/table-index/table-index.component.spec.ts index 829dff28..96022f02 100644 --- a/src/app/table/table-index/table-index.component.spec.ts +++ b/src/app/table/table-index/table-index.component.spec.ts @@ -8,9 +8,8 @@ describe('TableIndexComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ - declarations: [ TableIndexComponent ] - }) - .compileComponents(); + declarations: [TableIndexComponent], + }).compileComponents(); fixture = TestBed.createComponent(TableIndexComponent); component = fixture.componentInstance; diff --git a/src/app/table/table-index/table-index.component.ts b/src/app/table/table-index/table-index.component.ts index 5164a22d..6c632cd5 100644 --- a/src/app/table/table-index/table-index.component.ts +++ b/src/app/table/table-index/table-index.component.ts @@ -3,7 +3,7 @@ import Documentation from '../../../assets/documentation.json'; @Component({ selector: 'it-table-index', - templateUrl: './table-index.component.html' + templateUrl: './table-index.component.html', }) export class TableIndexComponent { component: any; diff --git a/src/app/table/table-paginated/table-paginated.component.html b/src/app/table/table-paginated/table-paginated.component.html index 9f5c5c57..7b726f4d 100644 --- a/src/app/table/table-paginated/table-paginated.component.html +++ b/src/app/table/table-paginated/table-paginated.component.html @@ -26,20 +26,20 @@

Tabella con paginazione

- {{item}} + {{ item }} - - + diff --git a/src/app/table/table-paginated/table-paginated.component.spec.ts b/src/app/table/table-paginated/table-paginated.component.spec.ts index 941b39ee..a55c3a93 100644 --- a/src/app/table/table-paginated/table-paginated.component.spec.ts +++ b/src/app/table/table-paginated/table-paginated.component.spec.ts @@ -8,7 +8,7 @@ describe('TablePaginatedComponent', () => { beforeEach(() => { TestBed.configureTestingModule({ - declarations: [TablePaginatedComponent] + declarations: [TablePaginatedComponent], }); fixture = TestBed.createComponent(TablePaginatedComponent); component = fixture.componentInstance; diff --git a/src/app/table/table-paginated/table-paginated.component.ts b/src/app/table/table-paginated/table-paginated.component.ts index c3496d3e..52ef069b 100644 --- a/src/app/table/table-paginated/table-paginated.component.ts +++ b/src/app/table/table-paginated/table-paginated.component.ts @@ -3,7 +3,7 @@ import { finalize, Observable, of } from 'rxjs'; @Component({ selector: 'it-table-paginated', - templateUrl: './table-paginated.component.html' + templateUrl: './table-paginated.component.html', }) export class TablePaginatedComponent implements OnInit { isLoading: boolean = false; @@ -23,15 +23,17 @@ export class TablePaginatedComponent implements OnInit { */ getPage(page: number = 0): void { this.isLoading = true; - this.fakeServer(page, this.pageOffset).pipe( - finalize(() => { - this.isLoading = false; - }) - ).subscribe(data => { - this.list = data.list; - this.currentPage = page; - this.totalPages = Math.ceil(data.totalItemsCount / this.pageOffset); - }); + this.fakeServer(page, this.pageOffset) + .pipe( + finalize(() => { + this.isLoading = false; + }) + ) + .subscribe(data => { + this.list = data.list; + this.currentPage = page; + this.totalPages = Math.ceil(data.totalItemsCount / this.pageOffset); + }); } changerEvent(value: number): void { @@ -39,22 +41,21 @@ export class TablePaginatedComponent implements OnInit { this.getPage(); } - private pages: Array> = [ ['Antonino', 'Francesco', 'Giovanni'], ['Emanuele', 'Francesca', 'Giovanna'], ['Linda', 'Riccardo', 'Marco'], ['Daniel', 'Gioele', 'Giulio'], ['Diego', 'Andrea', 'Lorenzo'], - ['Giorgio', 'Manuel', 'Luca'] + ['Giorgio', 'Manuel', 'Luca'], ]; - private fakeServer(page: number, pageOffset: number): Observable<{ list: Array, totalItemsCount: number }> { + private fakeServer(page: number, pageOffset: number): Observable<{ list: Array; totalItemsCount: number }> { const pageLength = Math.round(pageOffset / this.pages[0].length); - const list = Array.from({length: pageLength}).flatMap(() => this.pages[page]); + const list = Array.from({ length: pageLength }).flatMap(() => this.pages[page]); return of({ list, - totalItemsCount: this.pages.length * list.length + totalItemsCount: this.pages.length * list.length, }); } } diff --git a/src/app/table/table-routing.module.ts b/src/app/table/table-routing.module.ts index 0387c521..5720bc45 100644 --- a/src/app/table/table-routing.module.ts +++ b/src/app/table/table-routing.module.ts @@ -2,13 +2,10 @@ import { NgModule } from '@angular/core'; import { RouterModule, Routes } from '@angular/router'; import { TableIndexComponent } from './table-index/table-index.component'; -const routes: Routes = [ - { path: '', component: TableIndexComponent } -]; +const routes: Routes = [{ path: '', component: TableIndexComponent }]; @NgModule({ imports: [RouterModule.forChild(routes)], - exports: [RouterModule] + exports: [RouterModule], }) -export class TableRoutingModule { -} +export class TableRoutingModule {} diff --git a/src/app/table/table-striped-example/table-striped-example.component.html b/src/app/table/table-striped-example/table-striped-example.component.html index da53aab5..abf10eb2 100644 --- a/src/app/table/table-striped-example/table-striped-example.component.html +++ b/src/app/table/table-striped-example/table-striped-example.component.html @@ -32,7 +32,6 @@

Righe striate

- diff --git a/src/app/table/table-striped-example/table-striped-example.component.spec.ts b/src/app/table/table-striped-example/table-striped-example.component.spec.ts index 839498b0..b27621cb 100644 --- a/src/app/table/table-striped-example/table-striped-example.component.spec.ts +++ b/src/app/table/table-striped-example/table-striped-example.component.spec.ts @@ -8,9 +8,8 @@ describe('TableSripedExampleComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ - declarations: [ TableStripedExampleComponent ] - }) - .compileComponents(); + declarations: [TableStripedExampleComponent], + }).compileComponents(); fixture = TestBed.createComponent(TableStripedExampleComponent); component = fixture.componentInstance; diff --git a/src/app/table/table-striped-example/table-striped-example.component.ts b/src/app/table/table-striped-example/table-striped-example.component.ts index 9eeaff37..c7e59038 100644 --- a/src/app/table/table-striped-example/table-striped-example.component.ts +++ b/src/app/table/table-striped-example/table-striped-example.component.ts @@ -2,8 +2,6 @@ import { Component } from '@angular/core'; @Component({ selector: 'it-table-striped-example', - templateUrl: './table-striped-example.component.html' + templateUrl: './table-striped-example.component.html', }) -export class TableStripedExampleComponent { - -} +export class TableStripedExampleComponent {} diff --git a/src/app/table/table.module.ts b/src/app/table/table.module.ts index 33f696d0..13fcb1c5 100644 --- a/src/app/table/table.module.ts +++ b/src/app/table/table.module.ts @@ -20,8 +20,6 @@ import { ItSortHeaderComponent } from 'projects/design-angular-kit/src/lib/compo import { TablePaginatedComponent } from './table-paginated/table-paginated.component'; import { TranslateModule } from '@ngx-translate/core'; - - @NgModule({ declarations: [ TableIndexComponent, @@ -36,16 +34,8 @@ import { TranslateModule } from '@ngx-translate/core'; TableHeaderExampleComponent, TableFooterExampleComponent, TableCaptionExampleComponent, - TablePaginatedComponent + TablePaginatedComponent, ], - imports: [ - CommonModule, - SharedModule, - TableRoutingModule, - FormsModule, - ItSortDirective, - ItSortHeaderComponent, - TranslateModule - ] + imports: [CommonModule, SharedModule, TableRoutingModule, FormsModule, ItSortDirective, ItSortHeaderComponent, TranslateModule], }) -export class TableModule { } +export class TableModule {} diff --git a/src/app/tabs/tabs-dynamic-example/tabs-dynamic-example.component.html b/src/app/tabs/tabs-dynamic-example/tabs-dynamic-example.component.html index edfc4321..3ed45832 100644 --- a/src/app/tabs/tabs-dynamic-example/tabs-dynamic-example.component.html +++ b/src/app/tabs/tabs-dynamic-example/tabs-dynamic-example.component.html @@ -1,31 +1,20 @@

Tabs Dinamiche

- - + -

Risultato tabs

- - contenuto del {{tab}} tab + + contenuto del {{ tab }} tab
- +
- -
diff --git a/src/app/tabs/tabs-dynamic-example/tabs-dynamic-example.component.ts b/src/app/tabs/tabs-dynamic-example/tabs-dynamic-example.component.ts index a82029be..2c70ba70 100644 --- a/src/app/tabs/tabs-dynamic-example/tabs-dynamic-example.component.ts +++ b/src/app/tabs/tabs-dynamic-example/tabs-dynamic-example.component.ts @@ -3,10 +3,9 @@ import { Component } from '@angular/core'; @Component({ selector: 'it-tabs-dynamic-example', templateUrl: './tabs-dynamic-example.component.html', - styleUrls: ['./tabs-dynamic-example.component.scss'] + styleUrls: ['./tabs-dynamic-example.component.scss'], }) export class TabsDynamicExampleComponent { - tabs = ['Primo', 'Secondo', 'Terzo']; selectedIndex = 0; selectAfterAdding = false; diff --git a/src/app/tabs/tabs-example/tabs-example.component.html b/src/app/tabs/tabs-example/tabs-example.component.html index 11911b23..c77a5e28 100644 --- a/src/app/tabs/tabs-example/tabs-example.component.html +++ b/src/app/tabs/tabs-example/tabs-example.component.html @@ -10,21 +10,15 @@

Configurazione tabs

-

Risultato tabs

- - {{tab.content}} + + {{ tab.content }}

Titolo

Contenuto complesso badge

 - - diff --git a/src/app/tabs/tabs-example/tabs-example.component.ts b/src/app/tabs/tabs-example/tabs-example.component.ts index 3021c032..9e8c9e49 100644 --- a/src/app/tabs/tabs-example/tabs-example.component.ts +++ b/src/app/tabs/tabs-example/tabs-example.component.ts @@ -4,10 +4,9 @@ import { IconName } from 'design-angular-kit/interfaces/icon'; @Component({ selector: 'it-tabs-example', templateUrl: './tabs-example.component.html', - styleUrls: ['./tabs-example.component.scss'] + styleUrls: ['./tabs-example.component.scss'], }) export class TabsExampleComponent { - isDarkTheme = false; isDisabled = false; @@ -15,24 +14,24 @@ export class TabsExampleComponent { isPill = false; tabs: Array<{ - label: string, - content: string, - icon: IconName + label: string; + content: string; + icon: IconName; }> = [ { label: 'tab1', content: 'content1', - icon: 'file' + icon: 'file', }, { label: 'tab2', content: 'content2', - icon: 'calendar' + icon: 'calendar', }, { label: 'tab3', content: 'content3', - icon: 'comment' - } + icon: 'comment', + }, ]; } diff --git a/src/app/tabs/tabs-examples/tabs-examples.component.ts b/src/app/tabs/tabs-examples/tabs-examples.component.ts index 7d55f1a5..cb3eb30c 100644 --- a/src/app/tabs/tabs-examples/tabs-examples.component.ts +++ b/src/app/tabs/tabs-examples/tabs-examples.component.ts @@ -1,13 +1,10 @@ -import { Component, OnInit } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'it-tabs-examples', templateUrl: './tabs-examples.component.html', - styleUrls: ['./tabs-examples.component.scss'] + styleUrls: ['./tabs-examples.component.scss'], }) export class TabsExamplesComponent { - - constructor() { } - - + constructor() {} } diff --git a/src/app/tabs/tabs-index/tabs-index.component.ts b/src/app/tabs/tabs-index/tabs-index.component.ts index 21f3595d..b69b9ec2 100644 --- a/src/app/tabs/tabs-index/tabs-index.component.ts +++ b/src/app/tabs/tabs-index/tabs-index.component.ts @@ -4,10 +4,9 @@ import Documentation from '../../../assets/documentation.json'; @Component({ selector: 'it-tabs-index', templateUrl: './tabs-index.component.html', - styleUrls: ['./tabs-index.component.scss'] + styleUrls: ['./tabs-index.component.scss'], }) export class TabsIndexComponent { - tabGroupComponent: any; tabComponent: any; @@ -15,5 +14,4 @@ export class TabsIndexComponent { this.tabGroupComponent = (Documentation).components.find(component => component.name === 'ItTabContainerComponent'); this.tabComponent = (Documentation).components.find(component => component.name === 'ItTabItemComponent'); } - } diff --git a/src/app/tabs/tabs-routing.module.ts b/src/app/tabs/tabs-routing.module.ts index 96b43121..b16226ca 100644 --- a/src/app/tabs/tabs-routing.module.ts +++ b/src/app/tabs/tabs-routing.module.ts @@ -2,12 +2,10 @@ import { NgModule } from '@angular/core'; import { Routes, RouterModule } from '@angular/router'; import { TabsIndexComponent } from './tabs-index/tabs-index.component'; -const routes: Routes = [ - { path: '', component: TabsIndexComponent} -]; +const routes: Routes = [{ path: '', component: TabsIndexComponent }]; @NgModule({ imports: [RouterModule.forChild(routes)], - exports: [RouterModule] + exports: [RouterModule], }) -export class TabsRoutingModule { } +export class TabsRoutingModule {} diff --git a/src/app/tabs/tabs.module.ts b/src/app/tabs/tabs.module.ts index 2f2b0f93..82340735 100644 --- a/src/app/tabs/tabs.module.ts +++ b/src/app/tabs/tabs.module.ts @@ -10,15 +10,8 @@ import { TabsExamplesComponent } from './tabs-examples/tabs-examples.component'; import { TabsIndexComponent } from './tabs-index/tabs-index.component'; import { TabsDynamicExampleComponent } from './tabs-dynamic-example/tabs-dynamic-example.component'; - @NgModule({ - imports: [ - CommonModule, - FormsModule, - ReactiveFormsModule, - SharedModule, - TabsRoutingModule - ], - declarations: [TabsExampleComponent, TabsExamplesComponent, TabsIndexComponent, TabsDynamicExampleComponent] + imports: [CommonModule, FormsModule, ReactiveFormsModule, SharedModule, TabsRoutingModule], + declarations: [TabsExampleComponent, TabsExamplesComponent, TabsIndexComponent, TabsDynamicExampleComponent], }) -export class TabsModule { } +export class TabsModule {} diff --git a/src/app/textarea/textarea-example/textarea-example.component.html b/src/app/textarea/textarea-example/textarea-example.component.html index 940ea693..8ac126d5 100644 --- a/src/app/textarea/textarea-example/textarea-example.component.html +++ b/src/app/textarea/textarea-example/textarea-example.component.html @@ -2,17 +2,12 @@
NgModel
- +
FormGroup
- +
diff --git a/src/app/textarea/textarea-example/textarea-example.component.spec.ts b/src/app/textarea/textarea-example/textarea-example.component.spec.ts index 83b62251..50300f7d 100644 --- a/src/app/textarea/textarea-example/textarea-example.component.spec.ts +++ b/src/app/textarea/textarea-example/textarea-example.component.spec.ts @@ -8,9 +8,8 @@ describe('TextareaExampleComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ - declarations: [ TextareaExampleComponent ] - }) - .compileComponents(); + declarations: [TextareaExampleComponent], + }).compileComponents(); fixture = TestBed.createComponent(TextareaExampleComponent); component = fixture.componentInstance; diff --git a/src/app/textarea/textarea-example/textarea-example.component.ts b/src/app/textarea/textarea-example/textarea-example.component.ts index 2038cfee..01a4e476 100644 --- a/src/app/textarea/textarea-example/textarea-example.component.ts +++ b/src/app/textarea/textarea-example/textarea-example.component.ts @@ -3,20 +3,16 @@ import { FormBuilder, FormGroup, Validators } from '@angular/forms'; @Component({ selector: 'it-textarea-example', - templateUrl: './textarea-example.component.html' + templateUrl: './textarea-example.component.html', }) export class TextareaExampleComponent { - ngModelValue?: string; formGroup: FormGroup; - constructor( - private readonly formBuilder: FormBuilder - ) { + constructor(private readonly formBuilder: FormBuilder) { this.formGroup = this.formBuilder.group({ - textarea: [null, Validators.maxLength(50)] - }) + textarea: [null, Validators.maxLength(50)], + }); } - } diff --git a/src/app/textarea/textarea-examples/textarea-examples.component.spec.ts b/src/app/textarea/textarea-examples/textarea-examples.component.spec.ts index 29c020d8..7de2e33d 100644 --- a/src/app/textarea/textarea-examples/textarea-examples.component.spec.ts +++ b/src/app/textarea/textarea-examples/textarea-examples.component.spec.ts @@ -8,9 +8,8 @@ describe('TextareaExamplesComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ - declarations: [ TextareaExamplesComponent ] - }) - .compileComponents(); + declarations: [TextareaExamplesComponent], + }).compileComponents(); fixture = TestBed.createComponent(TextareaExamplesComponent); component = fixture.componentInstance; diff --git a/src/app/textarea/textarea-examples/textarea-examples.component.ts b/src/app/textarea/textarea-examples/textarea-examples.component.ts index 2605819d..00c4a798 100644 --- a/src/app/textarea/textarea-examples/textarea-examples.component.ts +++ b/src/app/textarea/textarea-examples/textarea-examples.component.ts @@ -2,8 +2,6 @@ import { Component } from '@angular/core'; @Component({ selector: 'it-textarea-examples', - templateUrl: './textarea-examples.component.html' + templateUrl: './textarea-examples.component.html', }) -export class TextareaExamplesComponent { - -} +export class TextareaExamplesComponent {} diff --git a/src/app/textarea/textarea-index/textarea-index.component.spec.ts b/src/app/textarea/textarea-index/textarea-index.component.spec.ts index ed1aa586..5a578c71 100644 --- a/src/app/textarea/textarea-index/textarea-index.component.spec.ts +++ b/src/app/textarea/textarea-index/textarea-index.component.spec.ts @@ -8,9 +8,8 @@ describe('TextareaIndexComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ - declarations: [ TextareaIndexComponent ] - }) - .compileComponents(); + declarations: [TextareaIndexComponent], + }).compileComponents(); fixture = TestBed.createComponent(TextareaIndexComponent); component = fixture.componentInstance; diff --git a/src/app/textarea/textarea-index/textarea-index.component.ts b/src/app/textarea/textarea-index/textarea-index.component.ts index ec6c64f9..658a5359 100644 --- a/src/app/textarea/textarea-index/textarea-index.component.ts +++ b/src/app/textarea/textarea-index/textarea-index.component.ts @@ -3,7 +3,7 @@ import Documentation from '../../../assets/documentation.json'; @Component({ selector: 'it-textarea-index', - templateUrl: './textarea-index.component.html' + templateUrl: './textarea-index.component.html', }) export class TextareaIndexComponent { component: any; diff --git a/src/app/textarea/textarea-routing.module.ts b/src/app/textarea/textarea-routing.module.ts index b1c9d491..aa1b0db2 100644 --- a/src/app/textarea/textarea-routing.module.ts +++ b/src/app/textarea/textarea-routing.module.ts @@ -2,13 +2,10 @@ import { NgModule } from '@angular/core'; import { RouterModule, Routes } from '@angular/router'; import { TextareaIndexComponent } from './textarea-index/textarea-index.component'; -const routes: Routes = [ - { path: '', component: TextareaIndexComponent } -]; +const routes: Routes = [{ path: '', component: TextareaIndexComponent }]; @NgModule({ imports: [RouterModule.forChild(routes)], - exports: [RouterModule] + exports: [RouterModule], }) -export class TextareaRoutingModule { -} +export class TextareaRoutingModule {} diff --git a/src/app/textarea/textarea.module.ts b/src/app/textarea/textarea.module.ts index 38a65e28..ea43a7d0 100644 --- a/src/app/textarea/textarea.module.ts +++ b/src/app/textarea/textarea.module.ts @@ -7,20 +7,8 @@ import { TextareaExamplesComponent } from './textarea-examples/textarea-examples import { TextareaExampleComponent } from './textarea-example/textarea-example.component'; import { FormsModule, ReactiveFormsModule } from '@angular/forms'; - - @NgModule({ - declarations: [ - TextareaIndexComponent, - TextareaExamplesComponent, - TextareaExampleComponent - ], - imports: [ - CommonModule, - SharedModule, - TextareaRoutingModule, - FormsModule, - ReactiveFormsModule - ] + declarations: [TextareaIndexComponent, TextareaExamplesComponent, TextareaExampleComponent], + imports: [CommonModule, SharedModule, TextareaRoutingModule, FormsModule, ReactiveFormsModule], }) -export class TextareaModule { } +export class TextareaModule {} diff --git a/src/app/toggle/toggle-example/toggle-example.component.html b/src/app/toggle/toggle-example/toggle-example.component.html index 96871a11..3420e4bf 100644 --- a/src/app/toggle/toggle-example/toggle-example.component.html +++ b/src/app/toggle/toggle-example/toggle-example.component.html @@ -7,7 +7,6 @@

Configurazione toggle

Risultato

- +

diff --git a/src/app/toggle/toggle-example/toggle-example.component.ts b/src/app/toggle/toggle-example/toggle-example.component.ts index 9b6e3324..9dd02263 100644 --- a/src/app/toggle/toggle-example/toggle-example.component.ts +++ b/src/app/toggle/toggle-example/toggle-example.component.ts @@ -1,17 +1,14 @@ -import { Component, OnInit } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'it-toggle-example', templateUrl: './toggle-example.component.html', - styleUrls: ['./toggle-example.component.scss'] + styleUrls: ['./toggle-example.component.scss'], }) export class ToggleExampleComponent { - checked = true; label = 'Sono una toggle'; disabled = false; - constructor() { } - - + constructor() {} } diff --git a/src/app/toggle/toggle-examples/toggle-examples.component.ts b/src/app/toggle/toggle-examples/toggle-examples.component.ts index 745b8f83..5849e224 100644 --- a/src/app/toggle/toggle-examples/toggle-examples.component.ts +++ b/src/app/toggle/toggle-examples/toggle-examples.component.ts @@ -1,12 +1,10 @@ -import { Component, OnInit } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'it-toggle-examples', templateUrl: './toggle-examples.component.html', - styleUrls: ['./toggle-examples.component.scss'] + styleUrls: ['./toggle-examples.component.scss'], }) export class ToggleExamplesComponent { - - constructor() { } - + constructor() {} } diff --git a/src/app/toggle/toggle-index/toggle-index.component.html b/src/app/toggle/toggle-index/toggle-index.component.html index e54fae1b..5757a355 100644 --- a/src/app/toggle/toggle-index/toggle-index.component.html +++ b/src/app/toggle/toggle-index/toggle-index.component.html @@ -6,6 +6,6 @@

Toggle

 - + diff --git a/src/app/toggle/toggle-index/toggle-index.component.ts b/src/app/toggle/toggle-index/toggle-index.component.ts index 567ca68f..186d6a0a 100644 --- a/src/app/toggle/toggle-index/toggle-index.component.ts +++ b/src/app/toggle/toggle-index/toggle-index.component.ts @@ -1,17 +1,15 @@ -import { Component, OnInit } from '@angular/core'; +import { Component } from '@angular/core'; import Documentation from '../../../assets/documentation.json'; @Component({ selector: 'it-toggle-index', templateUrl: './toggle-index.component.html', - styleUrls: ['./toggle-index.component.scss'] + styleUrls: ['./toggle-index.component.scss'], }) export class ToggleIndexComponent { - component: any; constructor() { this.component = (Documentation).components.find(component => component.name === 'ItCheckboxComponent'); } - } diff --git a/src/app/toggle/toggle-routing.module.ts b/src/app/toggle/toggle-routing.module.ts index ce6d360d..2de586a9 100644 --- a/src/app/toggle/toggle-routing.module.ts +++ b/src/app/toggle/toggle-routing.module.ts @@ -2,12 +2,10 @@ import { NgModule } from '@angular/core'; import { Routes, RouterModule } from '@angular/router'; import { ToggleIndexComponent } from './toggle-index/toggle-index.component'; -const routes: Routes = [ - { path: '', component: ToggleIndexComponent } -]; +const routes: Routes = [{ path: '', component: ToggleIndexComponent }]; @NgModule({ imports: [RouterModule.forChild(routes)], - exports: [RouterModule] + exports: [RouterModule], }) -export class ToggleRoutingModule { } +export class ToggleRoutingModule {} diff --git a/src/app/toggle/toggle.module.ts b/src/app/toggle/toggle.module.ts index 3fbfefcc..427b0d05 100644 --- a/src/app/toggle/toggle.module.ts +++ b/src/app/toggle/toggle.module.ts @@ -10,12 +10,7 @@ import { ToggleExamplesComponent } from './toggle-examples/toggle-examples.compo import { ToggleIndexComponent } from './toggle-index/toggle-index.component'; @NgModule({ - imports: [ - CommonModule, - FormsModule, - SharedModule, - ToggleRoutingModule - ], - declarations: [ToggleExampleComponent, ToggleExamplesComponent, ToggleIndexComponent] + imports: [CommonModule, FormsModule, SharedModule, ToggleRoutingModule], + declarations: [ToggleExampleComponent, ToggleExamplesComponent, ToggleIndexComponent], }) -export class ToggleModule { } +export class ToggleModule {} diff --git a/src/app/tooltip/tooltip-config-example/tooltip-config-example.component.spec.ts b/src/app/tooltip/tooltip-config-example/tooltip-config-example.component.spec.ts index 38b93266..5ed15cc3 100644 --- a/src/app/tooltip/tooltip-config-example/tooltip-config-example.component.spec.ts +++ b/src/app/tooltip/tooltip-config-example/tooltip-config-example.component.spec.ts @@ -8,9 +8,8 @@ describe('TooltipConfigExampleComponent', () => { beforeEach(async(() => { TestBed.configureTestingModule({ - declarations: [ TooltipConfigExampleComponent ] - }) - .compileComponents(); + declarations: [TooltipConfigExampleComponent], + }).compileComponents(); })); beforeEach(() => { diff --git a/src/app/tooltip/tooltip-config-example/tooltip-config-example.component.ts b/src/app/tooltip/tooltip-config-example/tooltip-config-example.component.ts index 8a71d8cc..f2dbb1da 100644 --- a/src/app/tooltip/tooltip-config-example/tooltip-config-example.component.ts +++ b/src/app/tooltip/tooltip-config-example/tooltip-config-example.component.ts @@ -4,8 +4,6 @@ import { Component } from '@angular/core'; selector: 'it-tooltip-config-example', templateUrl: './tooltip-config-example.component.html', styleUrls: ['./tooltip-config-example.component.scss'], - providers: [] + providers: [], }) -export class TooltipConfigExampleComponent { - -} +export class TooltipConfigExampleComponent {} diff --git a/src/app/tooltip/tooltip-disabled-example/tooltip-disabled-example.component.html b/src/app/tooltip/tooltip-disabled-example/tooltip-disabled-example.component.html index 91420215..a85a136e 100644 --- a/src/app/tooltip/tooltip-disabled-example/tooltip-disabled-example.component.html +++ b/src/app/tooltip/tooltip-disabled-example/tooltip-disabled-example.component.html @@ -1,19 +1,14 @@ -

Elementi disabilitati

-

+

- +

-

+

- +

diff --git a/src/app/tooltip/tooltip-disabled-example/tooltip-disabled-example.component.spec.ts b/src/app/tooltip/tooltip-disabled-example/tooltip-disabled-example.component.spec.ts index a1ee2160..831262e8 100644 --- a/src/app/tooltip/tooltip-disabled-example/tooltip-disabled-example.component.spec.ts +++ b/src/app/tooltip/tooltip-disabled-example/tooltip-disabled-example.component.spec.ts @@ -8,9 +8,8 @@ describe('TooltipDisabledExampleComponent', () => { beforeEach(async(() => { TestBed.configureTestingModule({ - declarations: [ TooltipDisabledExampleComponent ] - }) - .compileComponents(); + declarations: [TooltipDisabledExampleComponent], + }).compileComponents(); })); beforeEach(() => { diff --git a/src/app/tooltip/tooltip-disabled-example/tooltip-disabled-example.component.ts b/src/app/tooltip/tooltip-disabled-example/tooltip-disabled-example.component.ts index 45b43559..ae024585 100644 --- a/src/app/tooltip/tooltip-disabled-example/tooltip-disabled-example.component.ts +++ b/src/app/tooltip/tooltip-disabled-example/tooltip-disabled-example.component.ts @@ -3,8 +3,6 @@ import { Component } from '@angular/core'; @Component({ selector: 'it-tooltip-disabled-example', templateUrl: './tooltip-disabled-example.component.html', - styleUrls: ['./tooltip-disabled-example.component.scss'] + styleUrls: ['./tooltip-disabled-example.component.scss'], }) -export class TooltipDisabledExampleComponent { - -} +export class TooltipDisabledExampleComponent {} diff --git a/src/app/tooltip/tooltip-events-example/tooltip-events-example.component.html b/src/app/tooltip/tooltip-events-example/tooltip-events-example.component.html index 9acf6225..9d12a1ee 100644 --- a/src/app/tooltip/tooltip-events-example/tooltip-events-example.component.html +++ b/src/app/tooltip/tooltip-events-example/tooltip-events-example.component.html @@ -1,27 +1,23 @@

Eventi tooltip

- - +

-
-
- Ultima emissione dell'evento shown = {{shownTime | date: 'long'}} -
+
Ultima emissione dell'evento shown = {{ shownTime | date: 'long' }}
-
- Ultima emissione dell'evento hidden = {{hiddenTime | date: 'long'}} -
+
Ultima emissione dell'evento hidden = {{ hiddenTime | date: 'long' }}
diff --git a/src/app/tooltip/tooltip-events-example/tooltip-events-example.component.spec.ts b/src/app/tooltip/tooltip-events-example/tooltip-events-example.component.spec.ts index 1705f147..00b837ae 100644 --- a/src/app/tooltip/tooltip-events-example/tooltip-events-example.component.spec.ts +++ b/src/app/tooltip/tooltip-events-example/tooltip-events-example.component.spec.ts @@ -8,9 +8,8 @@ describe('TooltipEventsExampleComponent', () => { beforeEach(async(() => { TestBed.configureTestingModule({ - declarations: [ TooltipEventsExampleComponent ] - }) - .compileComponents(); + declarations: [TooltipEventsExampleComponent], + }).compileComponents(); })); beforeEach(() => { diff --git a/src/app/tooltip/tooltip-events-example/tooltip-events-example.component.ts b/src/app/tooltip/tooltip-events-example/tooltip-events-example.component.ts index 7af5e091..730c10fe 100644 --- a/src/app/tooltip/tooltip-events-example/tooltip-events-example.component.ts +++ b/src/app/tooltip/tooltip-events-example/tooltip-events-example.component.ts @@ -3,10 +3,9 @@ import { Component } from '@angular/core'; @Component({ selector: 'it-tooltip-events-example', templateUrl: './tooltip-events-example.component.html', - styleUrls: ['./tooltip-events-example.component.scss'] + styleUrls: ['./tooltip-events-example.component.scss'], }) export class TooltipEventsExampleComponent { - showTime = ''; shownTime = ''; insertedTime = ''; @@ -14,24 +13,22 @@ export class TooltipEventsExampleComponent { hiddenTime = ''; logShow() { - this.showTime = (new Date()).toISOString(); + this.showTime = new Date().toISOString(); } logShown() { - this.shownTime = (new Date()).toISOString(); + this.shownTime = new Date().toISOString(); } logInserted() { - this.insertedTime = (new Date()).toISOString(); + this.insertedTime = new Date().toISOString(); } logHide() { - this.hideTime = (new Date()).toISOString(); + this.hideTime = new Date().toISOString(); } logHidden() { - this.hiddenTime = (new Date()).toISOString(); + this.hiddenTime = new Date().toISOString(); } - - } diff --git a/src/app/tooltip/tooltip-example/tooltip-example.component.spec.ts b/src/app/tooltip/tooltip-example/tooltip-example.component.spec.ts index 9307e44c..42219e08 100644 --- a/src/app/tooltip/tooltip-example/tooltip-example.component.spec.ts +++ b/src/app/tooltip/tooltip-example/tooltip-example.component.spec.ts @@ -8,9 +8,8 @@ describe('TooltipExampleComponent', () => { beforeEach(async(() => { TestBed.configureTestingModule({ - declarations: [ TooltipExampleComponent ] - }) - .compileComponents(); + declarations: [TooltipExampleComponent], + }).compileComponents(); })); beforeEach(() => { diff --git a/src/app/tooltip/tooltip-example/tooltip-example.component.ts b/src/app/tooltip/tooltip-example/tooltip-example.component.ts index 0063513c..2fd1bde0 100644 --- a/src/app/tooltip/tooltip-example/tooltip-example.component.ts +++ b/src/app/tooltip/tooltip-example/tooltip-example.component.ts @@ -3,8 +3,6 @@ import { Component } from '@angular/core'; @Component({ selector: 'it-tooltip-example', templateUrl: './tooltip-example.component.html', - styleUrls: ['./tooltip-example.component.scss'] + styleUrls: ['./tooltip-example.component.scss'], }) -export class TooltipExampleComponent { - -} +export class TooltipExampleComponent {} diff --git a/src/app/tooltip/tooltip-examples/tooltip-examples.component.ts b/src/app/tooltip/tooltip-examples/tooltip-examples.component.ts index a34d773c..13ee55bf 100644 --- a/src/app/tooltip/tooltip-examples/tooltip-examples.component.ts +++ b/src/app/tooltip/tooltip-examples/tooltip-examples.component.ts @@ -3,8 +3,6 @@ import { Component } from '@angular/core'; @Component({ selector: 'it-tooltip-examples', templateUrl: './tooltip-examples.component.html', - styleUrls: ['./tooltip-examples.component.scss'] + styleUrls: ['./tooltip-examples.component.scss'], }) -export class TooltipExamplesComponent { - -} +export class TooltipExamplesComponent {} diff --git a/src/app/tooltip/tooltip-index/tooltip-index.component.spec.ts b/src/app/tooltip/tooltip-index/tooltip-index.component.spec.ts index 79af9853..b825ca0f 100644 --- a/src/app/tooltip/tooltip-index/tooltip-index.component.spec.ts +++ b/src/app/tooltip/tooltip-index/tooltip-index.component.spec.ts @@ -8,9 +8,8 @@ describe('TooltipIndexComponent', () => { beforeEach(async(() => { TestBed.configureTestingModule({ - declarations: [ TooltipIndexComponent ] - }) - .compileComponents(); + declarations: [TooltipIndexComponent], + }).compileComponents(); })); beforeEach(() => { diff --git a/src/app/tooltip/tooltip-index/tooltip-index.component.ts b/src/app/tooltip/tooltip-index/tooltip-index.component.ts index 50b76ee9..9eab3b11 100644 --- a/src/app/tooltip/tooltip-index/tooltip-index.component.ts +++ b/src/app/tooltip/tooltip-index/tooltip-index.component.ts @@ -4,14 +4,12 @@ import Documentation from '../../../assets/documentation.json'; @Component({ selector: 'it-tooltip-index', templateUrl: './tooltip-index.component.html', - styleUrls: ['./tooltip-index.component.scss'] + styleUrls: ['./tooltip-index.component.scss'], }) export class TooltipIndexComponent { - directive: any; constructor() { this.directive = (Documentation).directives.find(directive => directive.name === 'ItTooltipDirective'); } - } diff --git a/src/app/tooltip/tooltip-placements-example/tooltip-placements-example.component.html b/src/app/tooltip/tooltip-placements-example/tooltip-placements-example.component.html index 6fef50ad..d4a082fd 100644 --- a/src/app/tooltip/tooltip-placements-example/tooltip-placements-example.component.html +++ b/src/app/tooltip/tooltip-placements-example/tooltip-placements-example.component.html @@ -1,42 +1,50 @@

Le quattro direzioni

- - - -

- - +

diff --git a/src/app/tooltip/tooltip-placements-example/tooltip-placements-example.component.spec.ts b/src/app/tooltip/tooltip-placements-example/tooltip-placements-example.component.spec.ts index b6de5876..2c9a040e 100644 --- a/src/app/tooltip/tooltip-placements-example/tooltip-placements-example.component.spec.ts +++ b/src/app/tooltip/tooltip-placements-example/tooltip-placements-example.component.spec.ts @@ -8,9 +8,8 @@ describe('TooltipPlacementsExampleComponent', () => { beforeEach(async(() => { TestBed.configureTestingModule({ - declarations: [ TooltipPlacementsExampleComponent ] - }) - .compileComponents(); + declarations: [TooltipPlacementsExampleComponent], + }).compileComponents(); })); beforeEach(() => { diff --git a/src/app/tooltip/tooltip-placements-example/tooltip-placements-example.component.ts b/src/app/tooltip/tooltip-placements-example/tooltip-placements-example.component.ts index 18011f41..36646b7b 100644 --- a/src/app/tooltip/tooltip-placements-example/tooltip-placements-example.component.ts +++ b/src/app/tooltip/tooltip-placements-example/tooltip-placements-example.component.ts @@ -4,10 +4,9 @@ import { ElementPlacement } from 'design-angular-kit/interfaces/core'; @Component({ selector: 'it-tooltip-placements-example', templateUrl: './tooltip-placements-example.component.html', - styleUrls: ['./tooltip-placements-example.component.scss'] + styleUrls: ['./tooltip-placements-example.component.scss'], }) export class TooltipPlacementsExampleComponent { - currentPlacement: ElementPlacement = 'right'; changeCurrentPlacement() { @@ -26,5 +25,4 @@ export class TooltipPlacementsExampleComponent { break; } } - } diff --git a/src/app/tooltip/tooltip-routing.module.ts b/src/app/tooltip/tooltip-routing.module.ts index e3d5e558..2cb2d610 100644 --- a/src/app/tooltip/tooltip-routing.module.ts +++ b/src/app/tooltip/tooltip-routing.module.ts @@ -2,12 +2,10 @@ import { NgModule } from '@angular/core'; import { Routes, RouterModule } from '@angular/router'; import { TooltipIndexComponent } from './tooltip-index/tooltip-index.component'; -const routes: Routes = [ - { path: '', component: TooltipIndexComponent } -]; +const routes: Routes = [{ path: '', component: TooltipIndexComponent }]; @NgModule({ imports: [RouterModule.forChild(routes)], - exports: [RouterModule] + exports: [RouterModule], }) -export class TooltipRoutingModule { } +export class TooltipRoutingModule {} diff --git a/src/app/tooltip/tooltip.module.ts b/src/app/tooltip/tooltip.module.ts index 6a2c9ce6..de778930 100644 --- a/src/app/tooltip/tooltip.module.ts +++ b/src/app/tooltip/tooltip.module.ts @@ -12,15 +12,15 @@ import { TooltipDisabledExampleComponent } from './tooltip-disabled-example/tool import { TooltipConfigExampleComponent } from './tooltip-config-example/tooltip-config-example.component'; @NgModule({ - imports: [ - CommonModule, - SharedModule, - TooltipRoutingModule - ], + imports: [CommonModule, SharedModule, TooltipRoutingModule], declarations: [ - TooltipExampleComponent, TooltipExamplesComponent, TooltipIndexComponent, - TooltipPlacementsExampleComponent, TooltipEventsExampleComponent, - TooltipDisabledExampleComponent, TooltipConfigExampleComponent - ] + TooltipExampleComponent, + TooltipExamplesComponent, + TooltipIndexComponent, + TooltipPlacementsExampleComponent, + TooltipEventsExampleComponent, + TooltipDisabledExampleComponent, + TooltipConfigExampleComponent, + ], }) -export class TooltipModule { } +export class TooltipModule {} diff --git a/src/app/upload/upload-drag-drop-example/upload-drag-drop-example.component.html b/src/app/upload/upload-drag-drop-example/upload-drag-drop-example.component.html index c4708c05..0e339d48 100644 --- a/src/app/upload/upload-drag-drop-example/upload-drag-drop-example.component.html +++ b/src/app/upload/upload-drag-drop-example/upload-drag-drop-example.component.html @@ -2,8 +2,7 @@

Upload Drag&drop

- +
diff --git a/src/app/upload/upload-drag-drop-example/upload-drag-drop-example.component.spec.ts b/src/app/upload/upload-drag-drop-example/upload-drag-drop-example.component.spec.ts index 28c1a3cf..3bbe8b7c 100644 --- a/src/app/upload/upload-drag-drop-example/upload-drag-drop-example.component.spec.ts +++ b/src/app/upload/upload-drag-drop-example/upload-drag-drop-example.component.spec.ts @@ -8,9 +8,8 @@ describe('UploadDragDropExampleComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ - declarations: [ UploadDragDropExampleComponent ] - }) - .compileComponents(); + declarations: [UploadDragDropExampleComponent], + }).compileComponents(); fixture = TestBed.createComponent(UploadDragDropExampleComponent); component = fixture.componentInstance; diff --git a/src/app/upload/upload-drag-drop-example/upload-drag-drop-example.component.ts b/src/app/upload/upload-drag-drop-example/upload-drag-drop-example.component.ts index 64f894fc..f0ce373a 100644 --- a/src/app/upload/upload-drag-drop-example/upload-drag-drop-example.component.ts +++ b/src/app/upload/upload-drag-drop-example/upload-drag-drop-example.component.ts @@ -1,29 +1,28 @@ -import {Component, ViewChild} from '@angular/core'; -import {interval, map, take} from "rxjs"; -import { - ItUploadDragDropComponent -} from "design-angular-kit/components/form/upload-drag-drop/upload-drag-drop.component"; +import { Component, ViewChild } from '@angular/core'; +import { interval, map, take } from 'rxjs'; +import { ItUploadDragDropComponent } from 'design-angular-kit/components/form/upload-drag-drop/upload-drag-drop.component'; @Component({ selector: 'it-upload-drag-drop-example', - templateUrl: './upload-drag-drop-example.component.html' + templateUrl: './upload-drag-drop-example.component.html', }) export class UploadDragDropExampleComponent { - @ViewChild('uploadDragDropComponent') uploadDragDropComponent!: ItUploadDragDropComponent; - onDragUploadStart(file: File): void { - interval(1000).pipe( // Simulate upload of single file - take(100), - map(x => (x + 1) * 10) // Start from 1, end 100 - ).subscribe(progress => { - this.uploadDragDropComponent.progress(progress); - if (progress >= 100) { - setTimeout(() => { - this.uploadDragDropComponent.reset(); - }, 2000); - } - }); + onDragUploadStart(): void { + interval(1000) + .pipe( + // Simulate upload of single file + take(100), + map(x => (x + 1) * 10) // Start from 1, end 100 + ) + .subscribe(progress => { + this.uploadDragDropComponent.progress(progress); + if (progress >= 100) { + setTimeout(() => { + this.uploadDragDropComponent.reset(); + }, 2000); + } + }); } - } diff --git a/src/app/upload/upload-examples/upload-examples.component.spec.ts b/src/app/upload/upload-examples/upload-examples.component.spec.ts index ce801c81..09f54154 100644 --- a/src/app/upload/upload-examples/upload-examples.component.spec.ts +++ b/src/app/upload/upload-examples/upload-examples.component.spec.ts @@ -8,9 +8,8 @@ describe('UploadExamplesComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ - declarations: [ UploadExamplesComponent ] - }) - .compileComponents(); + declarations: [UploadExamplesComponent], + }).compileComponents(); fixture = TestBed.createComponent(UploadExamplesComponent); component = fixture.componentInstance; diff --git a/src/app/upload/upload-examples/upload-examples.component.ts b/src/app/upload/upload-examples/upload-examples.component.ts index 379124fb..182a121f 100644 --- a/src/app/upload/upload-examples/upload-examples.component.ts +++ b/src/app/upload/upload-examples/upload-examples.component.ts @@ -2,8 +2,6 @@ import { Component } from '@angular/core'; @Component({ selector: 'it-upload-examples', - templateUrl: './upload-examples.component.html' + templateUrl: './upload-examples.component.html', }) -export class UploadExamplesComponent { - -} +export class UploadExamplesComponent {} diff --git a/src/app/upload/upload-file-list-example/upload-file-list-example.component.html b/src/app/upload/upload-file-list-example/upload-file-list-example.component.html index de012d3f..b2a4584d 100644 --- a/src/app/upload/upload-file-list-example/upload-file-list-example.component.html +++ b/src/app/upload/upload-file-list-example/upload-file-list-example.component.html @@ -2,9 +2,10 @@

Upload con lista di file

- +
diff --git a/src/app/upload/upload-file-list-example/upload-file-list-example.component.spec.ts b/src/app/upload/upload-file-list-example/upload-file-list-example.component.spec.ts index 7828c2e5..c5f9963f 100644 --- a/src/app/upload/upload-file-list-example/upload-file-list-example.component.spec.ts +++ b/src/app/upload/upload-file-list-example/upload-file-list-example.component.spec.ts @@ -8,9 +8,8 @@ describe('UploadFileListExampleComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ - declarations: [ UploadFileListExampleComponent ] - }) - .compileComponents(); + declarations: [UploadFileListExampleComponent], + }).compileComponents(); fixture = TestBed.createComponent(UploadFileListExampleComponent); component = fixture.componentInstance; diff --git a/src/app/upload/upload-file-list-example/upload-file-list-example.component.ts b/src/app/upload/upload-file-list-example/upload-file-list-example.component.ts index e81226a4..dc376aa1 100644 --- a/src/app/upload/upload-file-list-example/upload-file-list-example.component.ts +++ b/src/app/upload/upload-file-list-example/upload-file-list-example.component.ts @@ -1,14 +1,13 @@ -import {Component} from '@angular/core'; -import {UploadFileListItem} from "design-angular-kit/interfaces/form"; -import {catchError, finalize, from, map, of, skipWhile, switchMap, tap} from "rxjs"; -import {HttpClient, HttpEventType, HttpResponse} from "@angular/common/http"; +import { Component } from '@angular/core'; +import { UploadFileListItem } from 'design-angular-kit/interfaces/form'; +import { catchError, finalize, from, map, of, skipWhile, switchMap, tap } from 'rxjs'; +import { HttpClient, HttpEventType, HttpResponse } from '@angular/common/http'; @Component({ selector: 'it-upload-file-list-example', - templateUrl: './upload-file-list-example.component.html' + templateUrl: './upload-file-list-example.component.html', }) export class UploadFileListExampleComponent { - uploadedFileList: Array = [ { id: 0, @@ -22,28 +21,23 @@ export class UploadFileListExampleComponent { id: 2, file: new File([], 'nome-file-03.png'), progress: 43, - removable: true + removable: true, }, { id: 3, file: new File([], 'nome-file-04.png'), error: true, - removable: true - } + removable: true, + }, ]; - - constructor( - private readonly httpClient: HttpClient - ) { - } - + constructor(private readonly httpClient: HttpClient) {} onUpdateFileList(files: FileList): void { const newFiles: Array = Array.from(files).map((file, index) => ({ - id: (index + this.uploadedFileList.length), // I set an id, useful when deleting + id: index + this.uploadedFileList.length, // I set an id, useful when deleting file, // The uploaded file - removable: true // set new file as removable + removable: true, // set new file as removable })); this.uploadedFileList = [...this.uploadedFileList, ...newFiles]; @@ -62,7 +56,8 @@ export class UploadFileListExampleComponent { fileToUpload.error = undefined; fileToUpload.removable = false; - from(fileToUpload.file.arrayBuffer()).pipe( // Converting the file to arrayBuffer + from(fileToUpload.file.arrayBuffer()).pipe( + // Converting the file to arrayBuffer switchMap(arrayBuffer => { const bytes = [...new Uint8Array(arrayBuffer)]; // Convert arrayBuffer to Array @@ -73,17 +68,18 @@ export class UploadFileListExampleComponent { return this.httpClient.post('url', bytes, { reportProgress: true, - observe: 'events' - }) + observe: 'events', + }); }), - tap(event => { // Update the progress request status + tap(event => { + // Update the progress request status if (event.type === HttpEventType.UploadProgress) { - fileToUpload.progress = Math.round(event.loaded / (event.total || 1) * 100); + fileToUpload.progress = Math.round((event.loaded / (event.total || 1)) * 100); } }), skipWhile(event => event.type !== HttpEventType.Response), // skip while the request not is complete map(event => (event as HttpResponse).body), // request is complete with body - tap(uploadedFile => { + tap(() => { fileToUpload.progress = 100; }), catchError(error => { @@ -103,6 +99,5 @@ export class UploadFileListExampleComponent { } }) ); - } } diff --git a/src/app/upload/upload-image-list-example/upload-image-list-example.component.html b/src/app/upload/upload-image-list-example/upload-image-list-example.component.html index 0ed51bf6..7519aae3 100644 --- a/src/app/upload/upload-image-list-example/upload-image-list-example.component.html +++ b/src/app/upload/upload-image-list-example/upload-image-list-example.component.html @@ -2,10 +2,11 @@

Con anteprima delle immagini

- +
diff --git a/src/app/upload/upload-image-list-example/upload-image-list-example.component.spec.ts b/src/app/upload/upload-image-list-example/upload-image-list-example.component.spec.ts index 74d6a045..cb485021 100644 --- a/src/app/upload/upload-image-list-example/upload-image-list-example.component.spec.ts +++ b/src/app/upload/upload-image-list-example/upload-image-list-example.component.spec.ts @@ -8,9 +8,8 @@ describe('UploadImageListExampleComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ - declarations: [ UploadImageListExampleComponent ] - }) - .compileComponents(); + declarations: [UploadImageListExampleComponent], + }).compileComponents(); fixture = TestBed.createComponent(UploadImageListExampleComponent); component = fixture.componentInstance; diff --git a/src/app/upload/upload-image-list-example/upload-image-list-example.component.ts b/src/app/upload/upload-image-list-example/upload-image-list-example.component.ts index 72b8bc67..9b9378ff 100644 --- a/src/app/upload/upload-image-list-example/upload-image-list-example.component.ts +++ b/src/app/upload/upload-image-list-example/upload-image-list-example.component.ts @@ -1,30 +1,26 @@ -import {Component, OnInit} from '@angular/core'; -import {UploadFileListItem} from "design-angular-kit/interfaces/form"; -import {HttpClient} from "@angular/common/http"; -import {forkJoin} from "rxjs"; +import { Component, OnInit } from '@angular/core'; +import { UploadFileListItem } from 'design-angular-kit/interfaces/form'; +import { HttpClient } from '@angular/common/http'; +import { forkJoin } from 'rxjs'; @Component({ selector: 'it-upload-image-list-example', - templateUrl: './upload-image-list-example.component.html' + templateUrl: './upload-image-list-example.component.html', }) export class UploadImageListExampleComponent implements OnInit { - uploadedImageList: Array = []; - constructor( - private readonly httpClient: HttpClient - ) { - } + constructor(private readonly httpClient: HttpClient) {} ngOnInit() { const images$ = [ 'https://picsum.photos/40/40?image=1055', 'https://picsum.photos/80/40?image=1056', 'https://picsum.photos/40/40?image=1057', - 'https://picsum.photos/120/200?image=1058' - ].map(url => this.httpClient.get(url, {responseType: "blob"})); + 'https://picsum.photos/120/200?image=1058', + ].map(url => this.httpClient.get(url, { responseType: 'blob' })); - forkJoin(images$).subscribe((blobImages) => { + forkJoin(images$).subscribe(blobImages => { this.uploadedImageList = blobImages.map((blob, index) => { const fileName = index === 1 ? 'nome-file-2-nome-file-lungo-per-ellissi.jpg' : `nome-file-${index + 1}.jpg`; return { @@ -32,17 +28,17 @@ export class UploadImageListExampleComponent implements OnInit { file: new File([blob], fileName), removable: index > 1, progress: index === 2 ? 45 : undefined, - error: index === 3 - } - }) + error: index === 3, + }; + }); }); } onUpdateImageList(files: FileList): void { const newFiles: Array = Array.from(files).map((file, index) => ({ - id: (index + this.uploadedImageList.length), // I set an id, useful when deleting + id: index + this.uploadedImageList.length, // I set an id, useful when deleting file, // The uploaded file - removable: true // set new file as removable + removable: true, // set new file as removable })); this.uploadedImageList = [...this.uploadedImageList, ...newFiles]; diff --git a/src/app/upload/upload-index/upload-index.component.spec.ts b/src/app/upload/upload-index/upload-index.component.spec.ts index 4888b390..49dd26bb 100644 --- a/src/app/upload/upload-index/upload-index.component.spec.ts +++ b/src/app/upload/upload-index/upload-index.component.spec.ts @@ -8,9 +8,8 @@ describe('UploadIndexComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ - declarations: [ UploadIndexComponent ] - }) - .compileComponents(); + declarations: [UploadIndexComponent], + }).compileComponents(); fixture = TestBed.createComponent(UploadIndexComponent); component = fixture.componentInstance; diff --git a/src/app/upload/upload-index/upload-index.component.ts b/src/app/upload/upload-index/upload-index.component.ts index 1b2865a7..498df7a3 100644 --- a/src/app/upload/upload-index/upload-index.component.ts +++ b/src/app/upload/upload-index/upload-index.component.ts @@ -3,10 +3,9 @@ import Documentation from '../../../assets/documentation.json'; @Component({ selector: 'it-upload-index', - templateUrl: './upload-index.component.html' + templateUrl: './upload-index.component.html', }) export class UploadIndexComponent { - fileListComponent: any; dragDropComponent: any; diff --git a/src/app/upload/upload-routing.module.ts b/src/app/upload/upload-routing.module.ts index 66ad1671..06356008 100644 --- a/src/app/upload/upload-routing.module.ts +++ b/src/app/upload/upload-routing.module.ts @@ -1,13 +1,11 @@ import { NgModule } from '@angular/core'; -import {RouterModule, Routes} from "@angular/router"; -import {UploadIndexComponent} from "./upload-index/upload-index.component"; +import { RouterModule, Routes } from '@angular/router'; +import { UploadIndexComponent } from './upload-index/upload-index.component'; -const routes: Routes = [ - { path: '', component: UploadIndexComponent } -]; +const routes: Routes = [{ path: '', component: UploadIndexComponent }]; @NgModule({ imports: [RouterModule.forChild(routes)], - exports: [RouterModule] + exports: [RouterModule], }) -export class UploadRoutingModule { } +export class UploadRoutingModule {} diff --git a/src/app/upload/upload.module.ts b/src/app/upload/upload.module.ts index 6579025a..db3c9c3a 100644 --- a/src/app/upload/upload.module.ts +++ b/src/app/upload/upload.module.ts @@ -1,14 +1,13 @@ -import {NgModule} from '@angular/core'; -import {CommonModule} from '@angular/common'; -import {UploadIndexComponent} from './upload-index/upload-index.component'; -import {SharedModule} from "../shared/shared.module"; -import {FormsModule} from "@angular/forms"; -import {UploadRoutingModule} from "./upload-routing.module"; -import {UploadExamplesComponent} from './upload-examples/upload-examples.component'; -import {UploadFileListExampleComponent} from './upload-file-list-example/upload-file-list-example.component'; -import {UploadImageListExampleComponent} from './upload-image-list-example/upload-image-list-example.component'; -import {UploadDragDropExampleComponent} from './upload-drag-drop-example/upload-drag-drop-example.component'; - +import { NgModule } from '@angular/core'; +import { CommonModule } from '@angular/common'; +import { UploadIndexComponent } from './upload-index/upload-index.component'; +import { SharedModule } from '../shared/shared.module'; +import { FormsModule } from '@angular/forms'; +import { UploadRoutingModule } from './upload-routing.module'; +import { UploadExamplesComponent } from './upload-examples/upload-examples.component'; +import { UploadFileListExampleComponent } from './upload-file-list-example/upload-file-list-example.component'; +import { UploadImageListExampleComponent } from './upload-image-list-example/upload-image-list-example.component'; +import { UploadDragDropExampleComponent } from './upload-drag-drop-example/upload-drag-drop-example.component'; @NgModule({ declarations: [ @@ -16,14 +15,8 @@ import {UploadDragDropExampleComponent} from './upload-drag-drop-example/upload- UploadExamplesComponent, UploadFileListExampleComponent, UploadImageListExampleComponent, - UploadDragDropExampleComponent + UploadDragDropExampleComponent, ], - imports: [ - CommonModule, - SharedModule, - FormsModule, - UploadRoutingModule - ] + imports: [CommonModule, SharedModule, FormsModule, UploadRoutingModule], }) -export class UploadModule { -} +export class UploadModule {} diff --git a/src/app/welcome/welcome-routing.module.ts b/src/app/welcome/welcome-routing.module.ts index 50465de9..0055c229 100644 --- a/src/app/welcome/welcome-routing.module.ts +++ b/src/app/welcome/welcome-routing.module.ts @@ -2,12 +2,10 @@ import { NgModule } from '@angular/core'; import { Routes, RouterModule } from '@angular/router'; import { WelcomeComponent } from './welcome/welcome.component'; -const routes: Routes = [ - { path: '', component: WelcomeComponent }, -]; +const routes: Routes = [{ path: '', component: WelcomeComponent }]; @NgModule({ imports: [RouterModule.forChild(routes)], - exports: [RouterModule] + exports: [RouterModule], }) -export class WelcomeRoutingModule { } +export class WelcomeRoutingModule {} diff --git a/src/app/welcome/welcome.module.ts b/src/app/welcome/welcome.module.ts index 835944b6..c84b548c 100644 --- a/src/app/welcome/welcome.module.ts +++ b/src/app/welcome/welcome.module.ts @@ -5,10 +5,7 @@ import { WelcomeRoutingModule } from './welcome-routing.module'; import { WelcomeComponent } from './welcome/welcome.component'; @NgModule({ - imports: [ - CommonModule, - WelcomeRoutingModule - ], - declarations: [WelcomeComponent] + imports: [CommonModule, WelcomeRoutingModule], + declarations: [WelcomeComponent], }) -export class WelcomeModule { } +export class WelcomeModule {} diff --git a/src/app/welcome/welcome/welcome.component.html b/src/app/welcome/welcome/welcome.component.html index c84cbe2c..8c4418f4 100644 --- a/src/app/welcome/welcome/welcome.component.html +++ b/src/app/welcome/welcome/welcome.component.html @@ -2,51 +2,94 @@

Design Angular Kit

- + - - -

Il kit Angular per la Pubblica Amministrazione

-

Angular Kit è un set di componenti open-source per Angular conforme alle Linee guida di design per i - servizi digitali della PA, costruito sulle basi dello UI Kit e della libreria Bootstrap Italia - 2.x.

+

+ Angular Kit è un set di componenti open-source per Angular conforme alle Linee guida di design per i servizi digitali della PA, + costruito sulle basi dello + UI Kit + e della libreria + Bootstrap Italia 2.x. +

Installazione

-

⚠️ Attenzione: la libreria è ancora in fase di sviluppo e non contiene - tutti i componenti disponibili nello UI Kit o in Bootstrap Italia. La vecchia versione è - da considerarsi deprecata.

-

Per provare la versione attualmente in sviluppo, è sufficiente installare il pacchetto npm - attraverso il seguente comando:

+

+ ⚠️ Attenzione: la libreria è ancora in fase di sviluppo e non contiene tutti i componenti disponibili nello UI Kit o in Bootstrap + Italia. La vecchia versione è da considerarsi deprecata. +

+

+ Per provare la versione attualmente in sviluppo, è sufficiente installare il pacchetto npm attraverso il seguente + comando: +

npm install design-angular-kit@prerelease --save

Come contribuire

-

Il progetto si sta avviando verso il rilascio di una versione 1.0.0 stabile prevista per la metà di Febbraio 2023 con l'aggiornamento del core a Bootstrap Italia 2 - (basato su Bootstrap 5). Sul branch main potete trovare il codice dei lavori in corso e nella milestone Version 1.0.0 un piano preliminare delle attività.

-
È possibile contribuire al progetto in vari modi:
    -
  • Con il proprio codice, prendendo in carico una issue tra quelle aperte e non già assegnate tra le issue di Angular Kit.
    • -
  • Attraverso la segnalazione di bug o miglioramenti al repository ufficiale di Angular Kit.
    • -
  • Scrivendoci sul canale dedicato di Slack.
    • +

    + Il progetto si sta avviando verso il rilascio di una versione 1.0.0 stabile prevista per la metà di Febbraio 2023 con l'aggiornamento + del core a + Bootstrap Italia 2 (basato su Bootstrap 5). Sul branch main potete trovare + il codice dei lavori in corso e nella + milestone Version 1.0.0 + un piano preliminare delle attività. +

    +
    + È possibile contribuire al progetto in vari modi: +
      +
    • + Con il proprio codice, prendendo in carico una issue tra quelle aperte e non già assegnate tra + le issue di Angular Kit. +
      • +
    • + Attraverso la segnalazione di bug o miglioramenti al + repository ufficiale di Angular Kit. +
      • +
    • + Scrivendoci sul + canale dedicato + di Slack. +
    -
    -

    Il progetto è distribuito con licenza BSD-3 (consultabile nel file LICENSE), un modello ancora più - permissivo della classica licenza GPL, in quanto consente di modificare e ridistribuire questo software secondo - varie modalità, anche di tipo closed-source.

    +
    +

    + Il progetto è distribuito con licenza BSD-3 (consultabile nel file + LICENSE), un modello ancora più permissivo della + classica licenza GPL, in quanto consente di modificare e ridistribuire questo software secondo varie modalità, anche di tipo + closed-source. +

diff --git a/src/app/welcome/welcome/welcome.component.spec.ts b/src/app/welcome/welcome/welcome.component.spec.ts index eb910c61..78eafc90 100644 --- a/src/app/welcome/welcome/welcome.component.spec.ts +++ b/src/app/welcome/welcome/welcome.component.spec.ts @@ -8,9 +8,8 @@ describe('WelcomeComponent', () => { beforeEach(async(() => { TestBed.configureTestingModule({ - declarations: [ WelcomeComponent ] - }) - .compileComponents(); + declarations: [WelcomeComponent], + }).compileComponents(); })); beforeEach(() => { diff --git a/src/app/welcome/welcome/welcome.component.ts b/src/app/welcome/welcome/welcome.component.ts index 0740fb02..9536e920 100644 --- a/src/app/welcome/welcome/welcome.component.ts +++ b/src/app/welcome/welcome/welcome.component.ts @@ -1,12 +1,10 @@ -import { Component, OnInit } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'it-welcome', templateUrl: './welcome.component.html', - styleUrls: ['./welcome.component.scss'] + styleUrls: ['./welcome.component.scss'], }) export class WelcomeComponent { - - constructor() { } - + constructor() {} } diff --git a/src/environments/environment.prod.ts b/src/environments/environment.prod.ts index 3612073b..c9669790 100644 --- a/src/environments/environment.prod.ts +++ b/src/environments/environment.prod.ts @@ -1,3 +1,3 @@ export const environment = { - production: true + production: true, }; diff --git a/src/environments/environment.ts b/src/environments/environment.ts index 72cd6397..85db3caf 100644 --- a/src/environments/environment.ts +++ b/src/environments/environment.ts @@ -3,7 +3,7 @@ // The list of file replacements can be found in `angular.json`. export const environment = { - production: false + production: false, }; /* diff --git a/src/index.html b/src/index.html index 9acd309e..1747cc91 100644 --- a/src/index.html +++ b/src/index.html @@ -1,17 +1,16 @@ + + + - - - + Design Angular Kit + - Design Angular Kit - + + - - - - - - + + + diff --git a/src/main.ts b/src/main.ts index 91ec6da5..5aa3bf02 100644 --- a/src/main.ts +++ b/src/main.ts @@ -8,5 +8,6 @@ if (environment.production) { enableProdMode(); } -platformBrowserDynamic().bootstrapModule(AppModule) +platformBrowserDynamic() + .bootstrapModule(AppModule) .catch(err => console.log(err)); diff --git a/src/polyfills.ts b/src/polyfills.ts index 3f98c22d..761600d3 100644 --- a/src/polyfills.ts +++ b/src/polyfills.ts @@ -1,16 +1,13 @@ - - - /** * By default, zone.js will patch all possible macroTask and DomEvents * user can disable parts of macroTask/DomEvents patch by setting following flags */ - // (window as any).__Zone_disable_requestAnimationFrame = true; // disable patch requestAnimationFrame - // (window as any).__Zone_disable_on_property = true; // disable patch onProperty such as onclick - // (window as any).__zone_symbol__BLACK_LISTED_EVENTS = ['scroll', 'mousemove']; // disable patch specified eventNames +// (window as any).__Zone_disable_requestAnimationFrame = true; // disable patch requestAnimationFrame +// (window as any).__Zone_disable_on_property = true; // disable patch onProperty such as onclick +// (window as any).__zone_symbol__BLACK_LISTED_EVENTS = ['scroll', 'mousemove']; // disable patch specified eventNames - /* +/* * in IE/Edge developer tools, the addEventListener will also be wrapped by zone.js * with the following flag, it will bypass `zone.js` patch for IE/Edge */ @@ -19,9 +16,7 @@ /*************************************************************************************************** * Zone JS is required by default for Angular itself. */ -import 'zone.js'; // Included with Angular CLI. - - +import 'zone.js'; // Included with Angular CLI. /*************************************************************************************************** * APPLICATION IMPORTS diff --git a/src/test.ts b/src/test.ts index ae25f27c..b4bc56d9 100644 --- a/src/test.ts +++ b/src/test.ts @@ -2,15 +2,9 @@ import 'zone.js/testing'; import { getTestBed } from '@angular/core/testing'; -import { - BrowserDynamicTestingModule, - platformBrowserDynamicTesting -} from '@angular/platform-browser-dynamic/testing'; +import { BrowserDynamicTestingModule, platformBrowserDynamicTesting } from '@angular/platform-browser-dynamic/testing'; // First, initialize the Angular testing environment. -getTestBed().initTestEnvironment( - BrowserDynamicTestingModule, - platformBrowserDynamicTesting(), { - teardown: { destroyAfterEach: false } -} -); +getTestBed().initTestEnvironment(BrowserDynamicTestingModule, platformBrowserDynamicTesting(), { + teardown: { destroyAfterEach: false }, +}); From b1c969e0d2b28b3766d8330ac7f0540db0c45d74 Mon Sep 17 00:00:00 2001 From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com> Date: Thu, 14 Mar 2024 23:34:34 +0100 Subject: [PATCH 2/2] build(deps-dev): bump follow redirects Bumps [follow-redirects](https://github.com/follow-redirects/follow-redirects) from 1.15.4 to 1.15.6. - [Release notes](https://github.com/follow-redirects/follow-redirects/releases) - [Commits](https://github.com/follow-redirects/follow-redirects/compare/v1.15.4...v1.15.6) --- updated-dependencies: - dependency-name: follow-redirects dependency-type: indirect ... Signed-off-by: dependabot[bot] Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> --- package-lock.json | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/package-lock.json b/package-lock.json index d956e898..a7252bf3 100644 --- a/package-lock.json +++ b/package-lock.json @@ -11660,9 +11660,9 @@ "dev": true }, "node_modules/follow-redirects": { - "version": "1.15.4", - "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.4.tgz", - "integrity": "sha512-Cr4D/5wlrb0z9dgERpUL3LrmPKVDsETIJhaCMeDfuFYcqa5bldGV6wBsAN6X/vxlXQtFBMrXdXxdL8CbDTGniw==", + "version": "1.15.6", + "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.6.tgz", + "integrity": "sha512-wWN62YITEaOpSK584EZXJafH1AGpO8RVgElfkuXbTOrPX4fIfOyEpW/CsiNd8JdYrAoOvafRTOEnvsO++qCqFA==", "dev": true, "funding": [ {