Sineedge/sparqsineedge
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Forms UI

Browse Source
This commit is contained in:
saravanakumarkandasami 2018-11-15 12:58:14 +05:30
parent f5ca6b7683
commit 22cdfdf27a
6 changed files with 96 additions and 73 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

83
ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/business-info/business-info.component.html
View File

@ -5,7 +5,7 @@
<input matInput placeholder="Name of Business / Profession" formControlName="profession_name"> <input matInput placeholder="Name of Business / Profession" formControlName="profession_name">
</mat-form-field> </mat-form-field>
<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-form-field> <mat-form-field>
<mat-select placeholder="Industry" <mat-select placeholder="Industry"
@ -25,7 +25,7 @@
<mat-card> <mat-card>
<mat-card-header> <mat-card-header>
<p>Designation <p>Designation
<p> </p>
</mat-card-header> </mat-card-header>
<div formArrayName="designation"> <div formArrayName="designation">
<div *ngFor="let members of businessForm.controls.designation['controls']; let i=index" <div *ngFor="let members of businessForm.controls.designation['controls']; let i=index"
@ -37,13 +37,13 @@
<mat-form-field> <mat-form-field>
<input matInput placeholder="Designation" formControlName="sec_designation"> <input matInput placeholder="Designation" formControlName="sec_designation">
</mat-form-field> </mat-form-field>
<button type="button" mat-raised-button mat-icon-button (click)="addDesignation()" <button type="button" class="mr-1 mb-1 hover-icon" mat-raised-button mat-icon-button (click)="addDesignation()"
*ngIf="i==0"> matTooltip="Add More Designation" matTooltipPosition="above" color="primary" *ngIf="i==0">
<mat-icon>add</mat-icon> <mat-icon>add</mat-icon>
</button> </button>
<button type="button" mat-raised-button mat-icon-button (click)="deleteDesignation(i)" <button type="button" class="mr-1 mb-1 hover-icon" mat-raised-button mat-icon-button (click)="deleteDesignation(i)"
*ngIf="i>0"> matTooltip="Delete" matTooltipPosition="above" *ngIf="i>0">
<mat-icon>close</mat-icon> <mat-icon>delete</mat-icon>
</button> </button>
</mat-card-content> </mat-card-content>
</div> </div>
@ -65,7 +65,7 @@
</mat-select> </mat-select>
</mat-form-field> </mat-form-field>
<mat-form-field *ngIf="businessForm.controls['main_person'].value == 'Others'"> <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"> formControlName="other_main_person">
</mat-form-field> </mat-form-field>
<mat-form-field> <mat-form-field>
@ -85,7 +85,7 @@
<mat-card> <mat-card>
<mat-card-header> <mat-card-header>
<p>Partners / Directors / Shareholders <p>Partners / Directors / Shareholders
<p> </p>
</mat-card-header> </mat-card-header>
<div formArrayName="partners"> <div formArrayName="partners">
<div *ngFor="let members of businessForm.controls.partners['controls']; let i=index" <div *ngFor="let members of businessForm.controls.partners['controls']; let i=index"
@ -104,16 +104,16 @@
formControlName="current_business_experiance"> formControlName="current_business_experiance">
</mat-form-field> </mat-form-field>
<mat-form-field> <mat-form-field>
<input matInput placeholder="Total Business experience" <input matInput placeholder="Total Business Experience"
formControlName="total_business_experiance"> formControlName="total_business_experiance">
</mat-form-field> </mat-form-field>
<button type="button" mat-raised-button mat-icon-button (click)="addPartnerDetails()" <button type="button" class="mr-1 mb-1 hover-icon" mat-raised-button mat-icon-button (click)="addPartnerDetails()"
*ngIf="i==0"> matTooltip="Add More Partners / Directors / Shareholders" matTooltipPosition="above" color="primary" *ngIf="i==0">
<mat-icon>add</mat-icon> <mat-icon>add</mat-icon>
</button> </button>
<button type="button" mat-raised-button mat-icon-button (click)="deletePartnerDetails(i)" <button type="button" class="mr-1 mb-1 hover-icon" mat-raised-button mat-icon-button (click)="deletePartnerDetails(i)"
*ngIf="i>0"> matTooltip="Delete" matTooltipPosition="above" *ngIf="i>0">
<mat-icon>close</mat-icon> <mat-icon>delete</mat-icon>
</button> </button>
</mat-card-content> </mat-card-content>
</div> </div>
@ -122,7 +122,7 @@
<mat-card> <mat-card>
<mat-card-header> <mat-card-header>
<p>Employees As per applicant <p>Employees As per applicant
<p> </p>
</mat-card-header> </mat-card-header>
<mat-card-content class="matcard"> <mat-card-content class="matcard">
<mat-form-field> <mat-form-field>
@ -142,7 +142,7 @@
<mat-card> <mat-card>
<mat-card-header> <mat-card-header>
<p>As per PD Officer <p>As per PD Officer
<p> </p>
</mat-card-header> </mat-card-header>
<mat-card-content class="matcard"> <mat-card-content class="matcard">
<mat-form-field> <mat-form-field>
@ -162,15 +162,15 @@
<mat-card> <mat-card>
<mat-card-header> <mat-card-header>
<p>Investments <p>Investments
<p> </p>
</mat-card-header> </mat-card-header>
<mat-card-content class="matcard"> <mat-card-content class="matcard">
<mat-form-field> <mat-form-field>
<input matInput placeholder="Amount invested by applicant" <input matInput placeholder="Amount Invested by Applicant"
formControlName="invested_amount"> formControlName="invested_amount">
</mat-form-field> </mat-form-field>
<mat-form-field> <mat-form-field>
<input matInput placeholder="Monthly Working capital needed" <input matInput placeholder="Monthly Working Capital Needed"
formControlName="working_capital"> formControlName="working_capital">
</mat-form-field> </mat-form-field>
</mat-card-content> </mat-card-content>
@ -178,9 +178,9 @@
<mat-card> <mat-card>
<mat-card-header> <mat-card-header>
<p>Location <p>Location
<p> </p>
</mat-card-header> </mat-card-header>
<mat-card-content class="matcard"> <mat-card-content class="matcards">
<mat-form-field> <mat-form-field>
<mat-select <mat-select
placeholder="Is the location of the business / profession suited to the nature of business / service provided? " placeholder="Is the location of the business / profession suited to the nature of business / service provided? "
@ -195,11 +195,11 @@
<mat-card> <mat-card>
<mat-card-header> <mat-card-header>
<p>Business Setup <p>Business Setup
<p> </p>
</mat-card-header> </mat-card-header>
<mat-card-content class="matcard"> <mat-card-content class="matcards">
<mat-form-field> <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"> formControlName="ownership_setup">
<mat-option value="self_owned">self owned</mat-option> <mat-option value="self_owned">self owned</mat-option>
<mat-option value="rented">Rented</mat-option> <mat-option value="rented">Rented</mat-option>
@ -208,11 +208,11 @@
</mat-select> </mat-select>
</mat-form-field> </mat-form-field>
<mat-form-field *ngIf="businessForm.controls['ownership_setup'].value == 'others'"> <mat-form-field *ngIf="businessForm.controls['ownership_setup'].value == 'others'">
<input matInput placeholder="please specify" <input matInput placeholder="Please Specify"
formControlName="ownership_others"> formControlName="ownership_others">
</mat-form-field> </mat-form-field>
<mat-form-field *ngIf="businessForm.controls['ownership_setup'].value == 'rented'"> <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"> formControlName="rent_paid">
</mat-form-field> </mat-form-field>
</mat-card-content> </mat-card-content>
@ -220,7 +220,7 @@
<mat-card> <mat-card>
<mat-card-header> <mat-card-header>
<p>Is the below documents seen and photo captured ? <p>Is the below documents seen and photo captured ?
<p> </p>
</mat-card-header> </mat-card-header>
<mat-card-content class="matcard"> <mat-card-content class="matcard">
<mat-form-field> <mat-form-field>
@ -231,28 +231,28 @@
</mat-select> </mat-select>
</mat-form-field> </mat-form-field>
<mat-form-field> <mat-form-field>
<mat-select placeholder="GST Regn cert" <mat-select placeholder="GST Regn Cert"
formControlName="gst_Regn_cert"> formControlName="gst_Regn_cert">
<mat-option value="yes">Yes</mat-option> <mat-option value="yes">Yes</mat-option>
<mat-option value="no">No</mat-option> <mat-option value="no">No</mat-option>
</mat-select> </mat-select>
</mat-form-field> </mat-form-field>
<mat-form-field> <mat-form-field>
<mat-select placeholder="Export / import cert" <mat-select placeholder="Export / Import cert"
formControlName="export_import_cert"> formControlName="export_import_cert">
<mat-option value="yes">Yes</mat-option> <mat-option value="yes">Yes</mat-option>
<mat-option value="no">No</mat-option> <mat-option value="no">No</mat-option>
</mat-select> </mat-select>
</mat-form-field> </mat-form-field>
<mat-form-field> <mat-form-field>
<mat-select placeholder="FactoryCert" <mat-select placeholder="Factory Cert"
formControlName="factory_cert"> formControlName="factory_cert">
<mat-option value="yes">Yes</mat-option> <mat-option value="yes">Yes</mat-option>
<mat-option value="no">No</mat-option> <mat-option value="no">No</mat-option>
</mat-select> </mat-select>
</mat-form-field> </mat-form-field>
<mat-form-field> <mat-form-field>
<mat-select placeholder="Cert of practice" <mat-select placeholder="Cert of Practice"
formControlName="practice_cert"> formControlName="practice_cert">
<mat-option value="yes">Yes</mat-option> <mat-option value="yes">Yes</mat-option>
<mat-option value="no">No</mat-option> <mat-option value="no">No</mat-option>
@ -273,7 +273,7 @@
</mat-select> </mat-select>
</mat-form-field> </mat-form-field>
<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"> formControlName="other_documents">
<mat-option value="yes">Yes</mat-option> <mat-option value="yes">Yes</mat-option>
<mat-option value="no">No</mat-option> <mat-option value="no">No</mat-option>
@ -282,17 +282,17 @@
<div formArrayName="documents" *ngIf="businessForm.controls['other_documents'].value == 'yes'"> <div formArrayName="documents" *ngIf="businessForm.controls['other_documents'].value == 'yes'">
<div *ngFor="let members of businessForm.controls.documents['controls']; let i=index" <div *ngFor="let members of businessForm.controls.documents['controls']; let i=index"
[formGroupName]="i"> [formGroupName]="i">
<mat-form-field> <mat-form-field style="width:100%">
<input matInput placeholder="Specify Document Details" <input matInput placeholder="Specify Document Details"
formControlName="document"> formControlName="document">
</mat-form-field> </mat-form-field>
<button type="button" mat-raised-button mat-icon-button (click)="addDocuments()" <button type="button" class="mr-1 mb-1 hover-icon" mat-raised-button mat-icon-button (click)="addDocuments()"
*ngIf="i==0"> matTooltip="Add More Document Details" matTooltipPosition="above" color="primary" *ngIf="i==0">
<mat-icon>add</mat-icon> <mat-icon>add</mat-icon>
</button> </button>
<button type="button" mat-raised-button mat-icon-button (click)="deleteDocuments(i)" <button type="button" class="mr-1 mb-1 hover-icon" mat-raised-button mat-icon-button (click)="deleteDocuments(i)"
*ngIf="i>0"> matTooltip="Delete" matTooltipPosition="above" *ngIf="i>0">
<mat-icon>close</mat-icon> <mat-icon>delete</mat-icon>
</button> </button>
</div> </div>
</div> </div>
@ -306,6 +306,9 @@
</mat-form-field> </mat-form-field>
</div> </div>
</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> </form>
</mat-card> </mat-card>

8
ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/business-info/business-info.component.scss
View File

@ -8,13 +8,19 @@
width: 100%; width: 100%;
} }
.matcard > * { .matcard > * {
width: 80%; width: 45%;
} }
.card mat-form-field { .card mat-form-field {
margin: 0 2%; margin: 0 2%;
width: 40%;
} }
.matcard mat-form-field { .matcard mat-form-field {
margin: 0 2%; margin: 0 2%;
width: 40%;
}
.matcards mat-form-field {
margin: 0 2%;
width: 98%;
} }
.address .button { .address .button {
float: right; float: right;

18
ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/employment-info/employment-info.component.html
View File

@ -1,7 +1,8 @@
<mat-card style="padding: 12px;"> <mat-card style="padding: 12px;">
<p>Employement Information</p>
<form [formGroup]="employmentForm" class="address"> <form [formGroup]="employmentForm" class="address">
<mat-form-field> <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>
<mat-form-field> <mat-form-field>
<input matInput placeholder="Since how long working with this employer?" formControlName="how_long"> <input matInput placeholder="Since how long working with this employer?" formControlName="how_long">
@ -14,7 +15,7 @@
</mat-select> </mat-select>
</mat-form-field> </mat-form-field>
<mat-form-field *ngIf="employmentForm.controls['was_met'].value == 'yes'"> <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-form-field> <mat-form-field>
<mat-select placeholder="Salary amount confirmed ?" <mat-select placeholder="Salary amount confirmed ?"
@ -27,7 +28,7 @@
<input matInput placeholder="What is the salary amount confirmed?" formControlName="confirm_salary_amount"> <input matInput placeholder="What is the salary amount confirmed?" formControlName="confirm_salary_amount">
</mat-form-field> </mat-form-field>
<mat-form-field> <mat-form-field>
<mat-select placeholder="Attendance Register seen ?" <mat-select placeholder="Attendance register seen ?"
formControlName="attendance_seen"> formControlName="attendance_seen">
<mat-option value="yes">Yes</mat-option> <mat-option value="yes">Yes</mat-option>
<mat-option value="no">No</mat-option> <mat-option value="no">No</mat-option>
@ -50,15 +51,15 @@
</mat-form-field> </mat-form-field>
<mat-form-field> <mat-form-field>
<input matInput placeholder="Net Take home" <input matInput placeholder="Net Take Home"
formControlName="net_take_home"> formControlName="net_take_home">
</mat-form-field> </mat-form-field>
<mat-form-field> <mat-form-field>
<input matInput placeholder="Bonus or incentive" <input matInput placeholder="Bonus or Incentive"
formControlName="bonus_incentive"> formControlName="bonus_incentive">
</mat-form-field> </mat-form-field>
<mat-form-field> <mat-form-field>
<input matInput placeholder="Any delays" <input matInput placeholder="Any Delays"
formControlName="any_delays"> formControlName="any_delays">
</mat-form-field> </mat-form-field>
</mat-card-content> </mat-card-content>
@ -71,6 +72,9 @@
</mat-form-field> </mat-form-field>
</div> </div>
</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> </form>
</mat-card> </mat-card>

24
ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/financial-info/financial-info.component.html
View File

@ -1,8 +1,9 @@
<mat-card style="padding: 12px;"> <mat-card style="padding: 12px;">
<p>Financial Information</p>
<form [formGroup]="financialForm" class="address"> <form [formGroup]="financialForm" class="address">
<mat-card> <mat-card>
<mat-card-header> <mat-card-header>
<p>Data as per Financial statements<p> <p>Data as Per Financial Statements<p>
</mat-card-header> </mat-card-header>
<div formArrayName="date_per_financial"> <div formArrayName="date_per_financial">
<div *ngFor="let details of financialForm.controls.date_per_financial['controls']; let i=index" <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"> <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>
<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> </mat-form-field>
<button type="button" mat-raised-button mat-icon-button (click)="addDate()" <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> <mat-icon>add</mat-icon>
</button> </button>
<button type="button" mat-raised-button mat-icon-button (click)="deleteDate(i)" <button type="button" mat-raised-button mat-icon-button (click)="deleteDate(i)"
*ngIf="i>0"> matTooltip="Delete" matTooltipPosition="above" class="mr-1 mb-1 hover-icon" *ngIf="i>0">
<mat-icon>close</mat-icon> <mat-icon>delete</mat-icon>
</button> </button>
</mat-card-content> </mat-card-content>
</div> </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"> <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>
<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> </mat-form-field>
<button type="button" mat-raised-button mat-icon-button (click)="addGoods()" <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> <mat-icon>add</mat-icon>
</button> </button>
<button type="button" mat-raised-button mat-icon-button (click)="deleteGoods(i)" <button type="button" mat-raised-button mat-icon-button (click)="deleteGoods(i)"
*ngIf="i>0"> matTooltip="Delete" matTooltipPosition="above" class="mr-1 mb-1 hover-icon" *ngIf="i>0">
<mat-icon>close</mat-icon> <mat-icon>delete</mat-icon>
</button> </button>
</mat-card-content> </mat-card-content>
</div> </div>
@ -85,6 +86,9 @@
</mat-form-field> </mat-form-field>
</div> </div>
</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> </form>
</mat-card> </mat-card>

1
ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/financial-info/financial-info.component.scss
View File

@ -9,6 +9,7 @@
} }
.matcard mat-form-field { .matcard mat-form-field {
margin: 0 2%; margin: 0 2%;
width:26%
} }
.address .button { .address .button {
float: right; float: right;

35
ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/stock/stock.component.html
View File

@ -1,4 +1,5 @@
<mat-card style="padding: 12px;"> <mat-card style="padding: 12px;">
<p>Stock Details</p>
<form [formGroup]="stockForm" class="address"> <form [formGroup]="stockForm" class="address">
<mat-card> <mat-card>
@ -18,20 +19,20 @@
<mat-form-field> <mat-form-field>
<input matInput placeholder="Value" formControlName="raw_value"> <input matInput placeholder="Value" formControlName="raw_value">
</mat-form-field> </mat-form-field>
<mat-form-field> <mat-form-field style="width:76%">
<input matInput placeholder="Value of Rawmaterials as per Financial Statements" formControlName="rawmaterial_value"> <input matInput placeholder="Value of raw materials as per financial Statements" formControlName="rawmaterial_value">
</mat-form-field> </mat-form-field>
<mat-form-field> <mat-form-field style="width:76%">
<input matInput placeholder="Is the Stock of Raw Materials Sufficient ?" formControlName="is_sufficiant_raw"> <input matInput placeholder="Is the stock of raw materials sufficient ?" formControlName="is_sufficiant_raw">
</mat-form-field> </mat-form-field>
<button type="button" mat-raised-button mat-icon-button (click)="addRawMaterials()" <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> <mat-icon>add</mat-icon>
</button> </button>
<button type="button" mat-raised-button mat-icon-button (click)="deleteRawMaterials(i)" <button type="button" mat-raised-button mat-icon-button (click)="deleteRawMaterials(i)"
*ngIf="i>0"> matTooltip="Delete" matTooltipPosition="above" class="mr-1 mb-1 hover-icon" *ngIf="i>0">
<mat-icon>close</mat-icon> <mat-icon>delete</mat-icon>
</button> </button>
</mat-card-content> </mat-card-content>
</div> </div>
@ -54,20 +55,20 @@
<mat-form-field> <mat-form-field>
<input matInput placeholder="Value" formControlName="goods_value"> <input matInput placeholder="Value" formControlName="goods_value">
</mat-form-field> </mat-form-field>
<mat-form-field> <mat-form-field style="width:76%">
<input matInput placeholder="Value of Finished Goods as per Financial Statements" formControlName="finished_goods_value"> <input matInput placeholder="Value of finished goods as per financial statements" formControlName="finished_goods_value">
</mat-form-field> </mat-form-field>
<mat-form-field> <mat-form-field style="width:76%">
<input matInput placeholder="Is the Stock of Finished Goods Sufficient ?" formControlName="is_sufficiant_goods"> <input matInput placeholder="Is the stock of finished goods sufficient ?" formControlName="is_sufficiant_goods">
</mat-form-field> </mat-form-field>
<button type="button" mat-raised-button mat-icon-button (click)="addGoods()" <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> <mat-icon>add</mat-icon>
</button> </button>
<button type="button" mat-raised-button mat-icon-button (click)="deleteGoods(i)" <button type="button" mat-raised-button mat-icon-button (click)="deleteGoods(i)"
*ngIf="i>0"> matTooltip="Delete" matTooltipPosition="above" class="mr-1 mb-1 hover-icon" *ngIf="i>0">
<mat-icon>close</mat-icon> <mat-icon>delete</mat-icon>
</button> </button>
</mat-card-content> </mat-card-content>
</div> </div>
@ -81,6 +82,10 @@
</mat-form-field> </mat-form-field>
</div> </div>
</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> </form>
</mat-card> </mat-card>