├── .browserslistrc ├── .editorconfig ├── .eslintrc.json ├── .gitignore ├── .prettierrc ├── .vscode └── settings.json ├── README.md ├── angular.json ├── karma.conf.js ├── package.json ├── src ├── app │ ├── app-routing.module.ts │ ├── app.component.css │ ├── app.component.html │ ├── app.component.ts │ ├── app.module.ts │ ├── forms │ │ ├── components │ │ │ ├── delivery-page │ │ │ │ ├── delivery-page.component.css │ │ │ │ ├── delivery-page.component.html │ │ │ │ └── delivery-page.component.ts │ │ │ ├── forms-home │ │ │ │ ├── forms-home.component.css │ │ │ │ ├── forms-home.component.html │ │ │ │ └── forms-home.component.ts │ │ │ ├── payment-page │ │ │ │ ├── payment-page.component.css │ │ │ │ ├── payment-page.component.html │ │ │ │ └── payment-page.component.ts │ │ │ ├── review-page │ │ │ │ ├── review-page.component.css │ │ │ │ ├── review-page.component.html │ │ │ │ └── review-page.component.ts │ │ │ └── shippping-page │ │ │ │ ├── shipping-page.component.css │ │ │ │ ├── shipping-page.component.html │ │ │ │ └── shipping-page.component.ts │ │ ├── forms-routing.module.ts │ │ ├── forms.module.ts │ │ ├── models │ │ │ ├── delivery-page-form-value.interface.ts │ │ │ ├── delivery-page-form-value.mock.ts │ │ │ ├── forms-state-model-init.const.ts │ │ │ ├── froms-state-model.interface.ts │ │ │ ├── payment-page-form-value.interface.ts │ │ │ ├── shipping-method.interface.ts │ │ │ ├── shipping-methods.const.ts │ │ │ └── shipping-page-form-value.interface.ts │ │ ├── services │ │ │ ├── can-activate-forms.ts │ │ │ ├── delivery-page-form.validator.spec.ts │ │ │ └── delivery-page-form.validator.ts │ │ └── store │ │ │ ├── forms.selectors.ts │ │ │ └── forms.state.ts │ ├── models │ │ ├── app-state-model.interface.ts │ │ ├── forms-state-init.const.ts │ │ ├── forms-state.interface.ts │ │ └── route-path.enum.ts │ └── shared │ │ ├── address-form │ │ ├── address-form-value.interface.ts │ │ ├── address-form.component.html │ │ └── address-form.component.ts │ │ ├── form-group-error-state-matcher.ts │ │ ├── material.module.ts │ │ ├── regexes.const.ts │ │ └── shared.module.ts ├── assets │ ├── .gitkeep │ ├── i18n │ │ └── en.json │ └── icon.png ├── environments │ ├── environment.prod.ts │ └── environment.ts ├── icon.ico ├── index.html ├── main.ts ├── polyfills.ts ├── styles.css └── test.ts ├── tsconfig.app.json ├── tsconfig.json └── tsconfig.spec.json /.browserslistrc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiongemi/angular-form-ngxs/HEAD/.browserslistrc -------------------------------------------------------------------------------- /.editorconfig: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiongemi/angular-form-ngxs/HEAD/.editorconfig -------------------------------------------------------------------------------- /.eslintrc.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiongemi/angular-form-ngxs/HEAD/.eslintrc.json -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiongemi/angular-form-ngxs/HEAD/.gitignore -------------------------------------------------------------------------------- /.prettierrc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiongemi/angular-form-ngxs/HEAD/.prettierrc -------------------------------------------------------------------------------- /.vscode/settings.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiongemi/angular-form-ngxs/HEAD/.vscode/settings.json -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiongemi/angular-form-ngxs/HEAD/README.md -------------------------------------------------------------------------------- /angular.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiongemi/angular-form-ngxs/HEAD/angular.json -------------------------------------------------------------------------------- /karma.conf.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiongemi/angular-form-ngxs/HEAD/karma.conf.js -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiongemi/angular-form-ngxs/HEAD/package.json -------------------------------------------------------------------------------- /src/app/app-routing.module.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiongemi/angular-form-ngxs/HEAD/src/app/app-routing.module.ts -------------------------------------------------------------------------------- /src/app/app.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/app.component.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiongemi/angular-form-ngxs/HEAD/src/app/app.component.html -------------------------------------------------------------------------------- /src/app/app.component.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiongemi/angular-form-ngxs/HEAD/src/app/app.component.ts -------------------------------------------------------------------------------- /src/app/app.module.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiongemi/angular-form-ngxs/HEAD/src/app/app.module.ts -------------------------------------------------------------------------------- /src/app/forms/components/delivery-page/delivery-page.component.css: -------------------------------------------------------------------------------- 1 | .mat-checkbox-layout { 2 | white-space: normal !important; 3 | } 4 | -------------------------------------------------------------------------------- /src/app/forms/components/delivery-page/delivery-page.component.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiongemi/angular-form-ngxs/HEAD/src/app/forms/components/delivery-page/delivery-page.component.html -------------------------------------------------------------------------------- /src/app/forms/components/delivery-page/delivery-page.component.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiongemi/angular-form-ngxs/HEAD/src/app/forms/components/delivery-page/delivery-page.component.ts -------------------------------------------------------------------------------- /src/app/forms/components/forms-home/forms-home.component.css: -------------------------------------------------------------------------------- 1 | .mat-tab-links { 2 | justify-content: center; 3 | } 4 | -------------------------------------------------------------------------------- /src/app/forms/components/forms-home/forms-home.component.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiongemi/angular-form-ngxs/HEAD/src/app/forms/components/forms-home/forms-home.component.html -------------------------------------------------------------------------------- /src/app/forms/components/forms-home/forms-home.component.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiongemi/angular-form-ngxs/HEAD/src/app/forms/components/forms-home/forms-home.component.ts -------------------------------------------------------------------------------- /src/app/forms/components/payment-page/payment-page.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/forms/components/payment-page/payment-page.component.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiongemi/angular-form-ngxs/HEAD/src/app/forms/components/payment-page/payment-page.component.html -------------------------------------------------------------------------------- /src/app/forms/components/payment-page/payment-page.component.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiongemi/angular-form-ngxs/HEAD/src/app/forms/components/payment-page/payment-page.component.ts -------------------------------------------------------------------------------- /src/app/forms/components/review-page/review-page.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiongemi/angular-form-ngxs/HEAD/src/app/forms/components/review-page/review-page.component.css -------------------------------------------------------------------------------- /src/app/forms/components/review-page/review-page.component.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiongemi/angular-form-ngxs/HEAD/src/app/forms/components/review-page/review-page.component.html -------------------------------------------------------------------------------- /src/app/forms/components/review-page/review-page.component.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiongemi/angular-form-ngxs/HEAD/src/app/forms/components/review-page/review-page.component.ts -------------------------------------------------------------------------------- /src/app/forms/components/shippping-page/shipping-page.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiongemi/angular-form-ngxs/HEAD/src/app/forms/components/shippping-page/shipping-page.component.css -------------------------------------------------------------------------------- /src/app/forms/components/shippping-page/shipping-page.component.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiongemi/angular-form-ngxs/HEAD/src/app/forms/components/shippping-page/shipping-page.component.html -------------------------------------------------------------------------------- /src/app/forms/components/shippping-page/shipping-page.component.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiongemi/angular-form-ngxs/HEAD/src/app/forms/components/shippping-page/shipping-page.component.ts -------------------------------------------------------------------------------- /src/app/forms/forms-routing.module.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiongemi/angular-form-ngxs/HEAD/src/app/forms/forms-routing.module.ts -------------------------------------------------------------------------------- /src/app/forms/forms.module.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiongemi/angular-form-ngxs/HEAD/src/app/forms/forms.module.ts -------------------------------------------------------------------------------- /src/app/forms/models/delivery-page-form-value.interface.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiongemi/angular-form-ngxs/HEAD/src/app/forms/models/delivery-page-form-value.interface.ts -------------------------------------------------------------------------------- /src/app/forms/models/delivery-page-form-value.mock.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiongemi/angular-form-ngxs/HEAD/src/app/forms/models/delivery-page-form-value.mock.ts -------------------------------------------------------------------------------- /src/app/forms/models/forms-state-model-init.const.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiongemi/angular-form-ngxs/HEAD/src/app/forms/models/forms-state-model-init.const.ts -------------------------------------------------------------------------------- /src/app/forms/models/froms-state-model.interface.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiongemi/angular-form-ngxs/HEAD/src/app/forms/models/froms-state-model.interface.ts -------------------------------------------------------------------------------- /src/app/forms/models/payment-page-form-value.interface.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiongemi/angular-form-ngxs/HEAD/src/app/forms/models/payment-page-form-value.interface.ts -------------------------------------------------------------------------------- /src/app/forms/models/shipping-method.interface.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiongemi/angular-form-ngxs/HEAD/src/app/forms/models/shipping-method.interface.ts -------------------------------------------------------------------------------- /src/app/forms/models/shipping-methods.const.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiongemi/angular-form-ngxs/HEAD/src/app/forms/models/shipping-methods.const.ts -------------------------------------------------------------------------------- /src/app/forms/models/shipping-page-form-value.interface.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiongemi/angular-form-ngxs/HEAD/src/app/forms/models/shipping-page-form-value.interface.ts -------------------------------------------------------------------------------- /src/app/forms/services/can-activate-forms.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiongemi/angular-form-ngxs/HEAD/src/app/forms/services/can-activate-forms.ts -------------------------------------------------------------------------------- /src/app/forms/services/delivery-page-form.validator.spec.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiongemi/angular-form-ngxs/HEAD/src/app/forms/services/delivery-page-form.validator.spec.ts -------------------------------------------------------------------------------- /src/app/forms/services/delivery-page-form.validator.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiongemi/angular-form-ngxs/HEAD/src/app/forms/services/delivery-page-form.validator.ts -------------------------------------------------------------------------------- /src/app/forms/store/forms.selectors.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiongemi/angular-form-ngxs/HEAD/src/app/forms/store/forms.selectors.ts -------------------------------------------------------------------------------- /src/app/forms/store/forms.state.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiongemi/angular-form-ngxs/HEAD/src/app/forms/store/forms.state.ts -------------------------------------------------------------------------------- /src/app/models/app-state-model.interface.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiongemi/angular-form-ngxs/HEAD/src/app/models/app-state-model.interface.ts -------------------------------------------------------------------------------- /src/app/models/forms-state-init.const.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiongemi/angular-form-ngxs/HEAD/src/app/models/forms-state-init.const.ts -------------------------------------------------------------------------------- /src/app/models/forms-state.interface.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiongemi/angular-form-ngxs/HEAD/src/app/models/forms-state.interface.ts -------------------------------------------------------------------------------- /src/app/models/route-path.enum.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiongemi/angular-form-ngxs/HEAD/src/app/models/route-path.enum.ts -------------------------------------------------------------------------------- /src/app/shared/address-form/address-form-value.interface.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiongemi/angular-form-ngxs/HEAD/src/app/shared/address-form/address-form-value.interface.ts -------------------------------------------------------------------------------- /src/app/shared/address-form/address-form.component.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiongemi/angular-form-ngxs/HEAD/src/app/shared/address-form/address-form.component.html -------------------------------------------------------------------------------- /src/app/shared/address-form/address-form.component.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiongemi/angular-form-ngxs/HEAD/src/app/shared/address-form/address-form.component.ts -------------------------------------------------------------------------------- /src/app/shared/form-group-error-state-matcher.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiongemi/angular-form-ngxs/HEAD/src/app/shared/form-group-error-state-matcher.ts -------------------------------------------------------------------------------- /src/app/shared/material.module.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiongemi/angular-form-ngxs/HEAD/src/app/shared/material.module.ts -------------------------------------------------------------------------------- /src/app/shared/regexes.const.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiongemi/angular-form-ngxs/HEAD/src/app/shared/regexes.const.ts -------------------------------------------------------------------------------- /src/app/shared/shared.module.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiongemi/angular-form-ngxs/HEAD/src/app/shared/shared.module.ts -------------------------------------------------------------------------------- /src/assets/.gitkeep: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/assets/i18n/en.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiongemi/angular-form-ngxs/HEAD/src/assets/i18n/en.json -------------------------------------------------------------------------------- /src/assets/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiongemi/angular-form-ngxs/HEAD/src/assets/icon.png -------------------------------------------------------------------------------- /src/environments/environment.prod.ts: -------------------------------------------------------------------------------- 1 | export const environment = { 2 | production: true 3 | }; 4 | -------------------------------------------------------------------------------- /src/environments/environment.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiongemi/angular-form-ngxs/HEAD/src/environments/environment.ts -------------------------------------------------------------------------------- /src/icon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiongemi/angular-form-ngxs/HEAD/src/icon.ico -------------------------------------------------------------------------------- /src/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiongemi/angular-form-ngxs/HEAD/src/index.html -------------------------------------------------------------------------------- /src/main.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiongemi/angular-form-ngxs/HEAD/src/main.ts -------------------------------------------------------------------------------- /src/polyfills.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiongemi/angular-form-ngxs/HEAD/src/polyfills.ts -------------------------------------------------------------------------------- /src/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiongemi/angular-form-ngxs/HEAD/src/styles.css -------------------------------------------------------------------------------- /src/test.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiongemi/angular-form-ngxs/HEAD/src/test.ts -------------------------------------------------------------------------------- /tsconfig.app.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiongemi/angular-form-ngxs/HEAD/tsconfig.app.json -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiongemi/angular-form-ngxs/HEAD/tsconfig.json -------------------------------------------------------------------------------- /tsconfig.spec.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiongemi/angular-form-ngxs/HEAD/tsconfig.spec.json --------------------------------------------------------------------------------