BusinessAssets HTML : ps

This commit is contained in:
gandhimathi 2019-02-21 17:36:20 +00:00
parent 987dd09ba1
commit 81ee80698b

View File

@ -57,6 +57,92 @@
<input matInput autocomplete="off" placeholder="Remarks" formControlName="business_pd_visited_remark">
<!-- <mat-error *ngIf="!_businessAssetsQuesFrom.controls['business_pd_visited_remark'].value.valid">Remarks Required</mat-error> -->
</mat-form-field>
<div fxLayout="row wrap" fxLayoutGap="2px" fxLayoutAlign="start none" *ngIf=" _businessAssetsQuesFrom.controls['business_address_availability'].value == 'yes'">
<div formArrayName="business_assets_for_address" fxFill>
<div *ngFor="let itemrow of _businessAssetsQuesFrom.controls.business_assets_for_address['controls']; let i=index; let last=last;">
<div [formGroupName]="i">
<mat-form-field>
<mat-select placeholder="Ownership Type" formControlName="business_ownership_type" (selectionChange)="setRequiredValidation($event.value,itemrow,7)">
<mat-option value="owned">Owned</mat-option>
<mat-option value="rented">Rented</mat-option>
</mat-select>
</mat-form-field>
<mat-form-field *ngIf="(itemrow.get('business_ownership_type').value == 'rented')">
<input matInput autocomplete="off" placeholder="Monthly Rent Amount" formControlName="business_monthly_rented_amt"
type='numbers' (keyup)="inWords($event,i,9)">
<mat-hint align="end" style="font-size:12px" *ngIf="itemrow.get('business_monthly_rented_amt').value != ''">{{"&#8377;"}}
{{RentAmtInwordsForAddress[i]}} Only</mat-hint>
<mat-error>Monthly Rent Amount Required</mat-error>
</mat-form-field>
<div fxLayout="row wrap" fxLayoutGap="2px" fxLayoutAlign="start none" *ngIf="(itemrow.get('business_ownership_type').value == 'owned')">
<!-- {{itemrow.get('business_ownership_type').value}} -->
<!-- <mat-form-field *ngIf="sup.get('business_assets_mode').value == 2 || sup.get('business_assets_mode').value == 5" style="width:45%"> -->
<mat-form-field>
<input matInput placeholder="Approximate Market Value" formControlName="business_approximate_market_value"
type='numbers' autocomplete="off" (keyup)="inWords($event,i,10)">
<mat-hint align="end" style="font-size:12px" *ngIf="itemrow.get('business_approximate_market_value').value != ''">{{"&#8377;"}}
{{appxMarketAmtInwordsForAddress[i]}} Only</mat-hint>
</mat-form-field>
<mat-form-field>
<mat-select multiple placeholder="Asset Owned by" formControlName="business_name_of_the_owner"
[compareWith]="compareObjects" (selectionChange)="setRequiredValidation($event.value,itemrow,8)">
<mat-optgroup *ngFor="let group of mergeCompanyApplicant" [label]="group.groupName">
<mat-option *ngFor="let val of group.groupValues" [value]="val">
{{val.name}}
</mat-option>
</mat-optgroup>
</mat-select>
<mat-error>Asset Owned by Required</mat-error>
</mat-form-field>
<!-- <mat-form-field style="width:45%">
<input matInput placeholder="business_name_of_the_owner" formControlName="business_name_of_the_owner" autocomplete="off">
</mat-form-field> -->
<!-- -->
<mat-form-field style="width:45%" *ngIf="isOtherOwnerForAddress">
<input matInput placeholder="Specify Asset Owned Name" formControlName="business_name_of_the_other_owner"
autocomplete="off">
</mat-form-field>
<!-- <span *ngIf="(sup.get('business_assets_mode').value == 1 || sup.get('business_assets_mode').value == 2 || sup.get('business_assets_mode').value == 3) && sup.get('business_ownership_type').value == 'owned'"> -->
<mat-form-field>
<mat-label>Approx Vintage</mat-label>
<input matInput autocomplete="off" placeholder="eg.999" formControlName="business_vintage"
minlength="1" maxlength="3" type='numbers' (keyup)="calculateVintagePurchase($event.target.value,i,3)">
<!-- <mat-error> Invalid format</mat-error> -->
</mat-form-field>
<mat-form-field>
<mat-label>Purchase Year</mat-label>
<input matInput autocomplete="off" placeholder="YYYY eg.2018" formControlName="business_purchase_year"
minlength="4" maxlength="4" type='numbers' (keyup)="calculateVintagePurchase($event.target.value,i,4)">
<!-- <mat-error> Invalid year format</mat-error> -->
</mat-form-field>
</div>
<!-- </div> -->
<span>
<div *ngIf="(itemrow.get('business_ownership_type').value == 'owned')">
<p>Is There a Loan Existing Against This Asset?</p>
<mat-radio-group formControlName="business_emi">
<mat-radio-button value="yes">Yes</mat-radio-button>
<mat-radio-button value="no">No</mat-radio-button>
</mat-radio-group>
</div>
</span>
</div>
</div>
</div>
</div>
</div>
</mat-card-content>
</mat-card>
@ -88,6 +174,10 @@
<mat-form-field *ngIf="detail.get('property_type').value==1">
<input matInput placeholder="Specify Other Property" formControlName="other_property_type" autocomplete="off">
</mat-form-field>
<mat-form-field *ngIf="detail.get('property_type').value != ''">
<input matInput placeholder="Address of the Property" formControlName="address_of_the_property"
autocomplete="off">
</mat-form-field>
</div>
</div>
</div>
@ -95,6 +185,17 @@
<div *ngIf="sup.get('business_assets_mode').value==3">
<div *ngFor="let detail of sup['controls'].business_details['controls']; let s=index">
<div [formGroupName]="s">
<mat-form-field>
<mat-select placeholder="Type of Vehicle" formControlName="vehicle_type">
<mat-option *ngFor="let vehicle of m_vehicle_type" [value]="vehicle.vehicle_type_id">{{vehicle.vehicle_type_name }}</mat-option>
</mat-select>
</mat-form-field>
<mat-form-field *ngIf="detail.get('vehicle_type').value == 1">
<input matInput placeholder=" Specify Vehicle" formControlName="other_vehicle_type"
autocomplete="off">
</mat-form-field>
<mat-form-field>
<input matInput formControlName="manufacturer_model_vehicle" placeholder="Manufacture, Model" autocomplete="off">
</mat-form-field>
@ -118,10 +219,10 @@
<mat-form-field>
<input matInput formControlName="any_other_assets" placeholder="Description of the Assets" autocomplete="off" >
</mat-form-field>
<mat-form-field>
<!-- <mat-form-field>
<input matInput type="number" formControlName="any_other_asset_value" placeholder="Value of the Assets" autocomplete="off" (keyup)="inWords($event,s,1)">
<mat-hint align="end" style="font-size:11px" *ngIf="detail.get('any_other_asset_value').value != ''">{{"&#8377;"}} {{AssetValueInwords[s]}} Only</mat-hint>
</mat-form-field>
</mat-form-field> -->
<mat-form-field>
<mat-select placeholder="Is there any asset loan?" formControlName="any_other_asset_loan">
<mat-option *ngFor="let data of m_any_asset_loan_type" [value]="data.value">{{data.viewValue | titlecase}}</mat-option>
@ -141,6 +242,8 @@
</mat-select>
</mat-form-field>
<mat-form-field *ngIf="(sup.get('business_assets_mode').value != '' && sup.get('business_ownership_type').value == 'rented')">
<input matInput autocomplete="off" placeholder="Monthly Rent Amount" formControlName="business_monthly_rented_amt" (keyup)="inWords($event,i,3)">
<mat-hint align="end" style="font-size:12px" *ngIf="sup.get('business_monthly_rented_amt').value != ''">{{"&#8377;"}} {{RentAmtInwords[i]}} Only</mat-hint>
@ -156,7 +259,7 @@
</mat-form-field>
<mat-form-field>
<!--<mat-form-field *ngIf="sup.get('business_assets_mode').value==1 || sup.get('business_assets_mode').value==2 || sup.get('business_assets_mode').value==3 || sup.get('business_assets_mode').value==4">-->
<mat-select placeholder="Assets Owned By"
<mat-select multiple placeholder="Assets Owned By" (selectionChange)="setRequiredValidation($event.value,sup,4)"
formControlName="business_name_of_the_owner" [compareWith]="compareObjects">
<mat-optgroup *ngFor="let group of mergeCompanyApplicant" [label]="group.groupName">
<mat-option *ngFor="let val of group.groupValues" [value]="val">
@ -166,7 +269,7 @@
</mat-select>
</mat-form-field>
<mat-form-field *ngIf="checkOthers(sup.get('business_name_of_the_owner').value)===true">
<mat-form-field *ngIf="isOtherOwner">
<input matInput placeholder="Specify Asset Owned Name" formControlName="business_name_of_the_other_owner" autocomplete="off">
</mat-form-field>