Forms UI
This commit is contained in:
saravanakumarkandasami
parent
f5ca6b7683
commit
22cdfdf27a
@ -5,7 +5,7 @@
|
||||
<input matInput placeholder="Name of Business / Profession" formControlName="profession_name">
|
||||
</mat-form-field>
|
||||
<mat-form-field>
|
||||
<input matInput placeholder="How many years in Business" formControlName="business_years">
|
||||
<input matInput placeholder="How many years in business" formControlName="business_years">
|
||||
</mat-form-field>
|
||||
<mat-form-field>
|
||||
<mat-select placeholder="Industry"
|
||||
@ -25,7 +25,7 @@
|
||||
<mat-card>
|
||||
<mat-card-header>
|
||||
<p>Designation
|
||||
<p>
|
||||
</p>
|
||||
</mat-card-header>
|
||||
<div formArrayName="designation">
|
||||
<div *ngFor="let members of businessForm.controls.designation['controls']; let i=index"
|
||||
@ -37,13 +37,13 @@
|
||||
<mat-form-field>
|
||||
<input matInput placeholder="Designation" formControlName="sec_designation">
|
||||
</mat-form-field>
|
||||
<button type="button" mat-raised-button mat-icon-button (click)="addDesignation()"
|
||||
*ngIf="i==0">
|
||||
<button type="button" class="mr-1 mb-1 hover-icon" mat-raised-button mat-icon-button (click)="addDesignation()"
|
||||
matTooltip="Add More Designation" matTooltipPosition="above" color="primary" *ngIf="i==0">
|
||||
<mat-icon>add</mat-icon>
|
||||
</button>
|
||||
<button type="button" mat-raised-button mat-icon-button (click)="deleteDesignation(i)"
|
||||
*ngIf="i>0">
|
||||
<mat-icon>close</mat-icon>
|
||||
<button type="button" class="mr-1 mb-1 hover-icon" mat-raised-button mat-icon-button (click)="deleteDesignation(i)"
|
||||
matTooltip="Delete" matTooltipPosition="above" *ngIf="i>0">
|
||||
<mat-icon>delete</mat-icon>
|
||||
</button>
|
||||
</mat-card-content>
|
||||
</div>
|
||||
@ -65,7 +65,7 @@
|
||||
</mat-select>
|
||||
</mat-form-field>
|
||||
<mat-form-field *ngIf="businessForm.controls['main_person'].value == 'Others'">
|
||||
<input matInput placeholder="Specify other persion"
|
||||
<input matInput placeholder="Specify other person"
|
||||
formControlName="other_main_person">
|
||||
</mat-form-field>
|
||||
<mat-form-field>
|
||||
@ -85,7 +85,7 @@
|
||||
<mat-card>
|
||||
<mat-card-header>
|
||||
<p>Partners / Directors / Shareholders
|
||||
<p>
|
||||
</p>
|
||||
</mat-card-header>
|
||||
<div formArrayName="partners">
|
||||
<div *ngFor="let members of businessForm.controls.partners['controls']; let i=index"
|
||||
@ -104,16 +104,16 @@
|
||||
formControlName="current_business_experiance">
|
||||
</mat-form-field>
|
||||
<mat-form-field>
|
||||
<input matInput placeholder="Total Business experience"
|
||||
<input matInput placeholder="Total Business Experience"
|
||||
formControlName="total_business_experiance">
|
||||
</mat-form-field>
|
||||
<button type="button" mat-raised-button mat-icon-button (click)="addPartnerDetails()"
|
||||
*ngIf="i==0">
|
||||
<button type="button" class="mr-1 mb-1 hover-icon" mat-raised-button mat-icon-button (click)="addPartnerDetails()"
|
||||
matTooltip="Add More Partners / Directors / Shareholders" matTooltipPosition="above" color="primary" *ngIf="i==0">
|
||||
<mat-icon>add</mat-icon>
|
||||
</button>
|
||||
<button type="button" mat-raised-button mat-icon-button (click)="deletePartnerDetails(i)"
|
||||
*ngIf="i>0">
|
||||
<mat-icon>close</mat-icon>
|
||||
<button type="button" class="mr-1 mb-1 hover-icon" mat-raised-button mat-icon-button (click)="deletePartnerDetails(i)"
|
||||
matTooltip="Delete" matTooltipPosition="above" *ngIf="i>0">
|
||||
<mat-icon>delete</mat-icon>
|
||||
</button>
|
||||
</mat-card-content>
|
||||
</div>
|
||||
@ -122,7 +122,7 @@
|
||||
<mat-card>
|
||||
<mat-card-header>
|
||||
<p>Employees As per applicant
|
||||
<p>
|
||||
</p>
|
||||
</mat-card-header>
|
||||
<mat-card-content class="matcard">
|
||||
<mat-form-field>
|
||||
@ -142,7 +142,7 @@
|
||||
<mat-card>
|
||||
<mat-card-header>
|
||||
<p>As per PD Officer
|
||||
<p>
|
||||
</p>
|
||||
</mat-card-header>
|
||||
<mat-card-content class="matcard">
|
||||
<mat-form-field>
|
||||
@ -162,15 +162,15 @@
|
||||
<mat-card>
|
||||
<mat-card-header>
|
||||
<p>Investments
|
||||
<p>
|
||||
</p>
|
||||
</mat-card-header>
|
||||
<mat-card-content class="matcard">
|
||||
<mat-form-field>
|
||||
<input matInput placeholder="Amount invested by applicant"
|
||||
<input matInput placeholder="Amount Invested by Applicant"
|
||||
formControlName="invested_amount">
|
||||
</mat-form-field>
|
||||
<mat-form-field>
|
||||
<input matInput placeholder="Monthly Working capital needed"
|
||||
<input matInput placeholder="Monthly Working Capital Needed"
|
||||
formControlName="working_capital">
|
||||
</mat-form-field>
|
||||
</mat-card-content>
|
||||
@ -178,9 +178,9 @@
|
||||
<mat-card>
|
||||
<mat-card-header>
|
||||
<p>Location
|
||||
<p>
|
||||
</p>
|
||||
</mat-card-header>
|
||||
<mat-card-content class="matcard">
|
||||
<mat-card-content class="matcards">
|
||||
<mat-form-field>
|
||||
<mat-select
|
||||
placeholder="Is the location of the business / profession suited to the nature of business / service provided? "
|
||||
@ -195,11 +195,11 @@
|
||||
<mat-card>
|
||||
<mat-card-header>
|
||||
<p>Business Setup
|
||||
<p>
|
||||
</p>
|
||||
</mat-card-header>
|
||||
<mat-card-content class="matcard">
|
||||
<mat-card-content class="matcards">
|
||||
<mat-form-field>
|
||||
<mat-select placeholder="What is the Ownership of the setup ?"
|
||||
<mat-select placeholder="What is the ownership of the setup ?"
|
||||
formControlName="ownership_setup">
|
||||
<mat-option value="self_owned">self owned</mat-option>
|
||||
<mat-option value="rented">Rented</mat-option>
|
||||
@ -208,11 +208,11 @@
|
||||
</mat-select>
|
||||
</mat-form-field>
|
||||
<mat-form-field *ngIf="businessForm.controls['ownership_setup'].value == 'others'">
|
||||
<input matInput placeholder="please specify"
|
||||
<input matInput placeholder="Please Specify"
|
||||
formControlName="ownership_others">
|
||||
</mat-form-field>
|
||||
<mat-form-field *ngIf="businessForm.controls['ownership_setup'].value == 'rented'">
|
||||
<input matInput placeholder="provide rent paid?"
|
||||
<input matInput placeholder="Provide Rent Paid?"
|
||||
formControlName="rent_paid">
|
||||
</mat-form-field>
|
||||
</mat-card-content>
|
||||
@ -220,7 +220,7 @@
|
||||
<mat-card>
|
||||
<mat-card-header>
|
||||
<p>Is the below documents seen and photo captured ?
|
||||
<p>
|
||||
</p>
|
||||
</mat-card-header>
|
||||
<mat-card-content class="matcard">
|
||||
<mat-form-field>
|
||||
@ -231,28 +231,28 @@
|
||||
</mat-select>
|
||||
</mat-form-field>
|
||||
<mat-form-field>
|
||||
<mat-select placeholder="GST Regn cert"
|
||||
<mat-select placeholder="GST Regn Cert"
|
||||
formControlName="gst_Regn_cert">
|
||||
<mat-option value="yes">Yes</mat-option>
|
||||
<mat-option value="no">No</mat-option>
|
||||
</mat-select>
|
||||
</mat-form-field>
|
||||
<mat-form-field>
|
||||
<mat-select placeholder="Export / import cert"
|
||||
<mat-select placeholder="Export / Import cert"
|
||||
formControlName="export_import_cert">
|
||||
<mat-option value="yes">Yes</mat-option>
|
||||
<mat-option value="no">No</mat-option>
|
||||
</mat-select>
|
||||
</mat-form-field>
|
||||
<mat-form-field>
|
||||
<mat-select placeholder="FactoryCert"
|
||||
<mat-select placeholder="Factory Cert"
|
||||
formControlName="factory_cert">
|
||||
<mat-option value="yes">Yes</mat-option>
|
||||
<mat-option value="no">No</mat-option>
|
||||
</mat-select>
|
||||
</mat-form-field>
|
||||
<mat-form-field>
|
||||
<mat-select placeholder="Cert of practice"
|
||||
<mat-select placeholder="Cert of Practice"
|
||||
formControlName="practice_cert">
|
||||
<mat-option value="yes">Yes</mat-option>
|
||||
<mat-option value="no">No</mat-option>
|
||||
@ -273,7 +273,7 @@
|
||||
</mat-select>
|
||||
</mat-form-field>
|
||||
<mat-form-field>
|
||||
<mat-select placeholder="do you want to add other documents?"
|
||||
<mat-select placeholder="Do you want to add other documents?"
|
||||
formControlName="other_documents">
|
||||
<mat-option value="yes">Yes</mat-option>
|
||||
<mat-option value="no">No</mat-option>
|
||||
@ -282,17 +282,17 @@
|
||||
<div formArrayName="documents" *ngIf="businessForm.controls['other_documents'].value == 'yes'">
|
||||
<div *ngFor="let members of businessForm.controls.documents['controls']; let i=index"
|
||||
[formGroupName]="i">
|
||||
<mat-form-field>
|
||||
<mat-form-field style="width:100%">
|
||||
<input matInput placeholder="Specify Document Details"
|
||||
formControlName="document">
|
||||
</mat-form-field>
|
||||
<button type="button" mat-raised-button mat-icon-button (click)="addDocuments()"
|
||||
*ngIf="i==0">
|
||||
<button type="button" class="mr-1 mb-1 hover-icon" mat-raised-button mat-icon-button (click)="addDocuments()"
|
||||
matTooltip="Add More Document Details" matTooltipPosition="above" color="primary" *ngIf="i==0">
|
||||
<mat-icon>add</mat-icon>
|
||||
</button>
|
||||
<button type="button" mat-raised-button mat-icon-button (click)="deleteDocuments(i)"
|
||||
*ngIf="i>0">
|
||||
<mat-icon>close</mat-icon>
|
||||
<button type="button" class="mr-1 mb-1 hover-icon" mat-raised-button mat-icon-button (click)="deleteDocuments(i)"
|
||||
matTooltip="Delete" matTooltipPosition="above" *ngIf="i>0">
|
||||
<mat-icon>delete</mat-icon>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
@ -306,6 +306,9 @@
|
||||
</mat-form-field>
|
||||
</div>
|
||||
</div>
|
||||
<button mat-raised-button type="submit" class="button" (click)="submitDetails()">Submit</button>
|
||||
<div style="text-align: right;">
|
||||
<button type="submit" class="mr-1 mb-1 hover-icon" mat-raised-button mat-icon-button matTooltip="Submit" matTooltipPosition="above" (click)="submitDetails()"><mat-icon>save</mat-icon>
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</mat-card>
|
||||
@ -8,13 +8,19 @@
|
||||
width: 100%;
|
||||
}
|
||||
.matcard > * {
|
||||
width: 80%;
|
||||
width: 45%;
|
||||
}
|
||||
.card mat-form-field {
|
||||
margin: 0 2%;
|
||||
width: 40%;
|
||||
}
|
||||
.matcard mat-form-field {
|
||||
margin: 0 2%;
|
||||
width: 40%;
|
||||
}
|
||||
.matcards mat-form-field {
|
||||
margin: 0 2%;
|
||||
width: 98%;
|
||||
}
|
||||
.address .button {
|
||||
float: right;
|
||||
|
||||
@ -1,7 +1,8 @@
|
||||
<mat-card style="padding: 12px;">
|
||||
<p>Employement Information</p>
|
||||
<form [formGroup]="employmentForm" class="address">
|
||||
<mat-form-field>
|
||||
<input matInput placeholder="Name of employer" formControlName="employer_name">
|
||||
<input matInput placeholder="Name of Employer" formControlName="employer_name">
|
||||
</mat-form-field>
|
||||
<mat-form-field>
|
||||
<input matInput placeholder="Since how long working with this employer?" formControlName="how_long">
|
||||
@ -14,7 +15,7 @@
|
||||
</mat-select>
|
||||
</mat-form-field>
|
||||
<mat-form-field *ngIf="employmentForm.controls['was_met'].value == 'yes'">
|
||||
<input matInput placeholder="Name and Designation of person met" formControlName="name_designation">
|
||||
<input matInput placeholder="Name and designation of person met" formControlName="name_designation">
|
||||
</mat-form-field>
|
||||
<mat-form-field>
|
||||
<mat-select placeholder="Salary amount confirmed ?"
|
||||
@ -27,7 +28,7 @@
|
||||
<input matInput placeholder="What is the salary amount confirmed?" formControlName="confirm_salary_amount">
|
||||
</mat-form-field>
|
||||
<mat-form-field>
|
||||
<mat-select placeholder="Attendance Register seen ?"
|
||||
<mat-select placeholder="Attendance register seen ?"
|
||||
formControlName="attendance_seen">
|
||||
<mat-option value="yes">Yes</mat-option>
|
||||
<mat-option value="no">No</mat-option>
|
||||
@ -50,15 +51,15 @@
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field>
|
||||
<input matInput placeholder="Net Take home"
|
||||
<input matInput placeholder="Net Take Home"
|
||||
formControlName="net_take_home">
|
||||
</mat-form-field>
|
||||
<mat-form-field>
|
||||
<input matInput placeholder="Bonus or incentive"
|
||||
<input matInput placeholder="Bonus or Incentive"
|
||||
formControlName="bonus_incentive">
|
||||
</mat-form-field>
|
||||
<mat-form-field>
|
||||
<input matInput placeholder="Any delays"
|
||||
<input matInput placeholder="Any Delays"
|
||||
formControlName="any_delays">
|
||||
</mat-form-field>
|
||||
</mat-card-content>
|
||||
@ -71,6 +72,9 @@
|
||||
</mat-form-field>
|
||||
</div>
|
||||
</div>
|
||||
<button mat-raised-button type="submit" class="button" (click)="submitDetails()">Submit</button>
|
||||
<div style="text-align: right;">
|
||||
<button type="submit" class="mr-1 mb-1 hover-icon" mat-raised-button mat-icon-button matTooltip="Submit" matTooltipPosition="above" (click)="submitDetails()"><mat-icon>save</mat-icon>
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</mat-card>
|
||||
@ -1,8 +1,9 @@
|
||||
<mat-card style="padding: 12px;">
|
||||
<p>Financial Information</p>
|
||||
<form [formGroup]="financialForm" class="address">
|
||||
<mat-card>
|
||||
<mat-card-header>
|
||||
<p>Data as per Financial statements<p>
|
||||
<p>Data as Per Financial Statements<p>
|
||||
</mat-card-header>
|
||||
<div formArrayName="date_per_financial">
|
||||
<div *ngFor="let details of financialForm.controls.date_per_financial['controls']; let i=index"
|
||||
@ -24,16 +25,16 @@
|
||||
<input matInput [ngClass]="{'highlight': details.controls['financial_variation'].value >= 40 || details.controls['financial_variation'].value >= -40}" placeholder="Variation from Previous Year" formControlName="financial_variation">
|
||||
</mat-form-field>
|
||||
<mat-form-field>
|
||||
<input matInput placeholder="Reason for major difference" formControlName="financial_reason">
|
||||
<input matInput placeholder="Reason For Major Difference" formControlName="financial_reason">
|
||||
</mat-form-field>
|
||||
|
||||
<button type="button" mat-raised-button mat-icon-button (click)="addDate()"
|
||||
*ngIf="i==0">
|
||||
matTooltip="Add More Financial Statements" matTooltipPosition="above" class="mr-1 mb-1 hover-icon" color="primary" *ngIf="i==0">
|
||||
<mat-icon>add</mat-icon>
|
||||
</button>
|
||||
<button type="button" mat-raised-button mat-icon-button (click)="deleteDate(i)"
|
||||
*ngIf="i>0">
|
||||
<mat-icon>close</mat-icon>
|
||||
matTooltip="Delete" matTooltipPosition="above" class="mr-1 mb-1 hover-icon" *ngIf="i>0">
|
||||
<mat-icon>delete</mat-icon>
|
||||
</button>
|
||||
</mat-card-content>
|
||||
</div>
|
||||
@ -63,15 +64,15 @@
|
||||
<input matInput [ngClass]="{'highlight': details.controls['estimate_variation'].value >= 40 || details.controls['estimate_variation'].value >= -40}" placeholder="Variation from Previous Year" formControlName="estimate_variation">
|
||||
</mat-form-field>
|
||||
<mat-form-field>
|
||||
<input matInput placeholder="Reason for major difference" formControlName="estimate_reason">
|
||||
<input matInput placeholder="Reason For Major Difference" formControlName="estimate_reason">
|
||||
</mat-form-field>
|
||||
<button type="button" mat-raised-button mat-icon-button (click)="addGoods()"
|
||||
*ngIf="i==0">
|
||||
matTooltip="Add More Estimated Value" matTooltipPosition="above" class="mr-1 mb-1 hover-icon" color="primary" *ngIf="i==0">
|
||||
<mat-icon>add</mat-icon>
|
||||
</button>
|
||||
<button type="button" mat-raised-button mat-icon-button (click)="deleteGoods(i)"
|
||||
*ngIf="i>0">
|
||||
<mat-icon>close</mat-icon>
|
||||
matTooltip="Delete" matTooltipPosition="above" class="mr-1 mb-1 hover-icon" *ngIf="i>0">
|
||||
<mat-icon>delete</mat-icon>
|
||||
</button>
|
||||
</mat-card-content>
|
||||
</div>
|
||||
@ -85,6 +86,9 @@
|
||||
</mat-form-field>
|
||||
</div>
|
||||
</div>
|
||||
<button mat-raised-button type="submit" class="button" (click)="submitDetails()">Submit</button>
|
||||
<div style="text-align: right;">
|
||||
<button type="submit" class="mr-1 mb-1 hover-icon" mat-raised-button mat-icon-button matTooltip="Submit" matTooltipPosition="above" (click)="submitDetails()"><mat-icon>save</mat-icon>
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</mat-card>
|
||||
@ -9,6 +9,7 @@
|
||||
}
|
||||
.matcard mat-form-field {
|
||||
margin: 0 2%;
|
||||
width:26%
|
||||
}
|
||||
.address .button {
|
||||
float: right;
|
||||
|
||||
@ -1,4 +1,5 @@
|
||||
<mat-card style="padding: 12px;">
|
||||
<p>Stock Details</p>
|
||||
<form [formGroup]="stockForm" class="address">
|
||||
|
||||
<mat-card>
|
||||
@ -18,20 +19,20 @@
|
||||
<mat-form-field>
|
||||
<input matInput placeholder="Value" formControlName="raw_value">
|
||||
</mat-form-field>
|
||||
<mat-form-field>
|
||||
<input matInput placeholder="Value of Rawmaterials as per Financial Statements" formControlName="rawmaterial_value">
|
||||
<mat-form-field style="width:76%">
|
||||
<input matInput placeholder="Value of raw materials as per financial Statements" formControlName="rawmaterial_value">
|
||||
</mat-form-field>
|
||||
<mat-form-field>
|
||||
<input matInput placeholder="Is the Stock of Raw Materials Sufficient ?" formControlName="is_sufficiant_raw">
|
||||
<mat-form-field style="width:76%">
|
||||
<input matInput placeholder="Is the stock of raw materials sufficient ?" formControlName="is_sufficiant_raw">
|
||||
</mat-form-field>
|
||||
|
||||
<button type="button" mat-raised-button mat-icon-button (click)="addRawMaterials()"
|
||||
*ngIf="i==0">
|
||||
matTooltip="Add More Raw Materials" matTooltipPosition="above" class="mr-1 mb-1 hover-icon" color="primary" *ngIf="i==0">
|
||||
<mat-icon>add</mat-icon>
|
||||
</button>
|
||||
<button type="button" mat-raised-button mat-icon-button (click)="deleteRawMaterials(i)"
|
||||
*ngIf="i>0">
|
||||
<mat-icon>close</mat-icon>
|
||||
matTooltip="Delete" matTooltipPosition="above" class="mr-1 mb-1 hover-icon" *ngIf="i>0">
|
||||
<mat-icon>delete</mat-icon>
|
||||
</button>
|
||||
</mat-card-content>
|
||||
</div>
|
||||
@ -54,20 +55,20 @@
|
||||
<mat-form-field>
|
||||
<input matInput placeholder="Value" formControlName="goods_value">
|
||||
</mat-form-field>
|
||||
<mat-form-field>
|
||||
<input matInput placeholder="Value of Finished Goods as per Financial Statements" formControlName="finished_goods_value">
|
||||
<mat-form-field style="width:76%">
|
||||
<input matInput placeholder="Value of finished goods as per financial statements" formControlName="finished_goods_value">
|
||||
</mat-form-field>
|
||||
<mat-form-field>
|
||||
<input matInput placeholder="Is the Stock of Finished Goods Sufficient ?" formControlName="is_sufficiant_goods">
|
||||
<mat-form-field style="width:76%">
|
||||
<input matInput placeholder="Is the stock of finished goods sufficient ?" formControlName="is_sufficiant_goods">
|
||||
</mat-form-field>
|
||||
|
||||
<button type="button" mat-raised-button mat-icon-button (click)="addGoods()"
|
||||
*ngIf="i==0">
|
||||
matTooltip="Add More Finished Goods" matTooltipPosition="above" class="mr-1 mb-1 hover-icon" color="primary" *ngIf="i==0">
|
||||
<mat-icon>add</mat-icon>
|
||||
</button>
|
||||
<button type="button" mat-raised-button mat-icon-button (click)="deleteGoods(i)"
|
||||
*ngIf="i>0">
|
||||
<mat-icon>close</mat-icon>
|
||||
matTooltip="Delete" matTooltipPosition="above" class="mr-1 mb-1 hover-icon" *ngIf="i>0">
|
||||
<mat-icon>delete</mat-icon>
|
||||
</button>
|
||||
</mat-card-content>
|
||||
</div>
|
||||
@ -81,6 +82,10 @@
|
||||
</mat-form-field>
|
||||
</div>
|
||||
</div>
|
||||
<button mat-raised-button type="submit" class="button" (click)="submitDetails()">Submit</button>
|
||||
<div style="text-align: right;">
|
||||
<button type="submit" class="mr-1 mb-1 hover-icon" mat-raised-button mat-icon-button matTooltip="Submit" matTooltipPosition="above" (click)="submitDetails()"><mat-icon>save</mat-icon>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
</mat-card>
|
||||
Loading…
Reference in New Issue
Block a user