| /** |
| * Licensed to the Apache Software Foundation (ASF) under one |
| * or more contributor license agreements. See the NOTICE file |
| * distributed with this work for additional information |
| * regarding copyright ownership. The ASF licenses this file |
| * to you under the Apache License, Version 2.0 (the |
| * "License"); you may not use this file except in compliance |
| * with the License. You may obtain a copy of the License at |
| * |
| * http://www.apache.org/licenses/LICENSE-2.0 |
| * |
| * Unless required by applicable law or agreed to in writing, |
| * software distributed under the License is distributed on an |
| * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY |
| * KIND, either express or implied. See the License for the |
| * specific language governing permissions and limitations |
| * under the License. |
| */ |
| import {Component, OnDestroy, OnInit, ViewChild} from '@angular/core'; |
| import {ActivatedRoute, Router} from '@angular/router'; |
| import {DepositAccountStore} from '../store/index'; |
| import {CREATE, RESET_FORM} from '../store/product.actions'; |
| import {Subscription} from 'rxjs/Subscription'; |
| import * as fromDepositAccount from '../store'; |
| import {Error} from '../../services/domain/error.model'; |
| import {ProductDefinition} from '../../services/depositAccount/domain/definition/product-definition.model'; |
| import {DepositProductFormComponent} from './form.component'; |
| import {CurrencyService} from '../../services/currency/currency.service'; |
| import {DepositAccountService} from '../../services/depositAccount/deposit-account.service'; |
| import {Currency} from '../../services/currency/domain/currency.model'; |
| import {Action} from '../../services/depositAccount/domain/definition/action.model'; |
| import {Observable} from 'rxjs/Observable'; |
| |
| @Component({ |
| templateUrl: './create.component.html' |
| }) |
| export class DepositProductCreateComponent implements OnInit, OnDestroy { |
| |
| private formStateSubscription: Subscription; |
| |
| @ViewChild('form') formComponent: DepositProductFormComponent; |
| |
| definition: ProductDefinition = { |
| type: 'CHECKING', |
| identifier: '', |
| name: '', |
| interest: 0, |
| charges: [], |
| currency: { |
| code: 'USD', |
| name: '', |
| scale: 2, |
| sign: '' |
| }, |
| flexible: false, |
| minimumBalance: 0, |
| cashAccountIdentifier: '', |
| expenseAccountIdentifier: '', |
| term: { |
| interestPayable: 'ANNUALLY' |
| } |
| }; |
| |
| currencies: Observable<Currency[]>; |
| |
| actions: Observable<Action[]>; |
| |
| constructor(private router: Router, private route: ActivatedRoute, private depositStore: DepositAccountStore, |
| private depositService: DepositAccountService, private currencyService: CurrencyService) {} |
| |
| ngOnInit(): void { |
| this.currencies = this.currencyService.fetchCurrencies(); |
| this.actions = this.depositService.fetchActions(); |
| |
| this.formStateSubscription = this.depositStore.select(fromDepositAccount.getProductFormError) |
| .filter((error: Error) => !!error) |
| .subscribe((error: Error) => { |
| const detailForm = this.formComponent.formGroup; |
| const errors = detailForm.get('identifier').errors || {}; |
| errors['unique'] = true; |
| detailForm.get('identifier').setErrors(errors); |
| this.formComponent.step.open(); |
| }); |
| } |
| |
| ngOnDestroy(): void { |
| this.formStateSubscription.unsubscribe(); |
| |
| this.depositStore.dispatch({ type: RESET_FORM }); |
| } |
| |
| onSave(productDefinition: ProductDefinition): void { |
| this.depositStore.dispatch({ type: CREATE, payload: { |
| productDefinition, |
| activatedRoute: this.route |
| }}); |
| } |
| |
| onCancel() { |
| this.navigateAway(); |
| } |
| |
| navigateAway(): void { |
| this.router.navigate(['../'], { relativeTo: this.route }); |
| } |
| |
| } |