@ -3,7 +3,7 @@
<!-- <mat - progress - bar *ngIf="loading" mode="indeterminate" color="warn"></mat - progress - bar> -->
< br >
< div class = "text-center mt-4" >
< h2 class = " font-weight-bold " style = "color: #5faca1;" > Tender Details < / h2 >
< h2 class = " tenderHeading" > Tender Details < / h2 >
< / div >
< div class = "container" >
@ -13,7 +13,7 @@
< mat-tab-group class = "custom-tab-group" color = "warn" >
< mat-tab label = "Basic Details " [ disabled ] = " true " > < br > < br >
< mat-tab label = "Basic Details " [ disabled ] = " true " > < br > < br >
< div class = "card" >
< div class = "card-body" >
< div class = "form-row" >
@ -494,7 +494,7 @@
< / div > < br >
< div class = "form-row" >
< div class = "form-group col-md-12" >
< button class = "btn btn-light float-left font-weight-bold " ( click ) = " prevTab ( ) " > < i
< button class = "btn btn-light float-left font-weight-bold " ( click ) = " prevTab ( ) " > < i
class="bi bi-arrow-left-circle">< / i > Prev
< / button >
< button class = "btn btn-light float-right font-weight-bold"
@ -584,7 +584,7 @@
< / tr >
< tr >
< td colspan = "12" class = "text-right" >
< button class = " btn btn-outline-secondary btn-sm"
< button class = " Buttons" mat-raised-button
(click)="addNewcoverDocRow()">Add Row< / button >
< / td >
< / tr >
@ -649,27 +649,30 @@
< / mat-tab >
< mat-tab label = "Tender Documents" [ disabled ] = " tru e" > < br > < br >
< mat-tab label = "Tender Documents" [ disabled ] = " fals e" > < br > < br >
< div class = "col-md-12" >
< div class = "table-responsive" >
< table class = "table table-bordered" >
< tbody >
< tr >
< th colspan = "4" style = "background-color: #b8b8b8;" > < / th >
< th colspan = "4" class = "text-center" style = "background-color: #b8b8b8;" >
Drawing Document < / th >
< th colspan = "4" style = "background-color: #b8b8b8;" > < mat-slide-toggle
matTooltip=" Slide to Add Drawing Documents" aria-label="Button that displays a tooltip when focused or hovered over"
(change)="addDrawingToggle($event)"
class="float-right warn">< / mat-slide-toggle >
< / th >
Notice < / th >
< th colspan = "4" style = "background-color: #b8b8b8;" >
< mat-slide-toggle matTooltip = "Slide to Add Notice"
(change)="addNoticeToggle($event)"
class="float-right">< / mat-slide-toggle > < / th >
< / tr >
< tr >
< th colspan = "4" class = "col-sm-4" style = "text-align: center;" > Upload
Files< / th >
@ -678,31 +681,30 @@
< th colspan = "4" class = "col-sm-4" style = "text-align: center;" > Description
< / th >
< / tr >
< tr * ngFor = "let drawDOC of drawings Documents; let i = index">
< tr * ngFor = "let nitDoc of nit Documents; let i = index">
< td colspan = "4" >
< div class = "input-group" >
< mat-form-field class = "columns" appearance = "outline"
style="height: 15px;margin-top: -10px;width:90%;">
< mat-label
*ngIf="drawings Documents[i].file; else assetImageLabel">
{{drawings Documents[i].file}}< / mat-label >
*ngIf="nit Documents[i].file; else assetImageLabel">
{{nit Documents[i].file}}< / mat-label >
< ng-template # assetImageLabel >
< mat-label > {{ 'assetImagePath' | translate }}
< / mat-label >
< / ng-template >
< input matInput readonly
[(ngModel)]="drawingsDocuments[i].file"
< input matInput readonly [ ( ngModel ) ] = " nitDocuments [ i ] . file "
[ngModelOptions]="{standalone: true}">
< button mat-icon-button matSuffix
(click)="assetFileInput.click()">
< mat-icon > attach_file< / mat-icon >
< / button >
< input hidden ( change ) = " Upload Drawing Files( $ event , i ) "
< input hidden ( change ) = " Upload Notice Files( $ event , i , ' NIT ' ) "
#assetFileInput type="file" id="file">
< / mat-form-field >
<!-- <input type="file" class="form - control"
[(ngModel)]="drawings Documents[i].file"
[(ngModel)]="nit Documents[i].file"
(change)="UploadDrawingFiles($event,i)"
(change)="readUrl($event)"
[ngModelOptions]="{standalone: true}"> -->
@ -717,23 +719,23 @@
style="height: 15px;margin-top: -10px;width:90%;">
< mat-label > Document Type< / mat-label >
< mat-select style = "border: none; padding: 0; width: 100%;"
[(ngModel)]="drawings Documents[i].docType"
[(ngModel)]="nit Documents[i].docType"
[ngModelOptions]="{standalone: true}">
< mat-option style = "opacity: .5;" > Select Document Type
< / mat-option >
< mat-option
*ngFor="let documentType of filteredDocumentDrawing TypeLov "
*ngFor="let documentType of filteredDocumentNIT TypeLov "
[value]="documentType.id">
{{documentType.documentType}}
< / mat-option >
< / mat-select >
< / mat-form-field >
<!-- <select class="form - control" id="documentType"
[(ngModel)]="drawings Documents[i].docType"
[(ngModel)]="nit Documents[i].docType"
[ngModelOptions]="{standalone: true}">
< option [ value ] = " documentType . id "
*ngFor="let documentType of filteredDocumentDrawing TypeLov ">
*ngFor="let documentType of filteredDocumentNIT TypeLov ">
{{documentType.documentType}}
< / option >
< / select > -->
@ -741,11 +743,10 @@
< td colspan = "4" >
< div class = "input-group" >
< input type = "text" class = "form-control"
[(ngModel)]="drawings Documents[i].description"
[(ngModel)]="nit Documents[i].description"
[ngModelOptions]="{standalone: true}">
< button class = "btn btn-outline-secondary delete-btn"
type="button"
(click)="deleteDrawingsRow(drawDOC.tender_id,i)">
type="button" (click)="deleteNITRow(nitDoc.tender_id,i)">
< i class = "bi bi-trash" > < / i >
< / button >
< / div >
@ -753,8 +754,8 @@
< / tr >
< tr >
< td colspan = "12" class = "text-right" >
< button class = " btn btn-outline-secondary btn-sm"
(click)="addNewDrawing Row()">Add Row< / button >
< button class = " Buttons" mat-raised-button
(click)="addNewNitDoc Row()">Add Row< / button >
< / td >
< / tr >
< / tbody >
@ -763,80 +764,77 @@
< tbody >
< tr >
< th colspan = "4" style = "background-color: #b8b8b8;" > < / th >
< th colspan = "4" class = "text-center" style = "background-color: #b8b8b8;" >
Notice < / th >
< th colspan = "4" style = "background-color: #b8b8b8;" >
< mat-slide-toggle matTooltip = "Slide to Add Notice"
(change)="addNoticeToggle($event)"
class="float-right">< / mat-slide-toggle > < / th >
< th colspan = "12" class = "text-center" style = "background-color:#b8b8b8;" >
Work Item Documents
< / tr >
< tr >
< th colspan = "4" class = "col-sm-4" style = "text-align: center;" > Upload
Files< / th >
< th colspan = "4" class = "col-sm-4" style = "text-align: center;" > Document
Type< / th >
< th colspan = "4" class = "col-sm-4" style = "text-align: center;" > Description
< / th >
< th colspan = "4" class = "col-sm-2"
style="padding-bottom: 0;padding-right: 0;text-align: center;">
Upload Files< / th >
< th colspan = "4" class = "col-sm-5"
style="min-width: 250px;text-align: center;">Document Type< / th >
< th colspan = "4" class = "col-sm-5"
style="min-width: 250px;text-align: center;">Description< / th >
< / tr >
< tr * ngFor = "let nitDoc of nit Documents; let i = index">
< tr * ngFor = "let workItemDoc of workItem Documents; let i = index">
< td colspan = "4" >
< div class = "input-group" >
< mat-form-field class = "columns" appearance = "outline"
style="height: 15px;margin-top: -10px;width:90%;">
style="height: 15px;margin-top: -10px;width: 90%;">
< mat-label
*ngIf="nit Documents[i].file; else assetImageLabel">
{{nit Documents[i].file}}< / mat-label >
*ngIf="workItem Documents[i].file; else assetImageLabel">
{{workItem Documents[i].file}}< / mat-label >
< ng-template # assetImageLabel >
< mat-label > {{ 'assetImagePath' | translate }}
< / mat-label >
< / ng-template >
< input matInput readonly [ ( ngModel ) ] = " nitDocuments [ i ] . file "
< input matInput readonly
[(ngModel)]="workItemDocuments[i].file"
[ngModelOptions]="{standalone: true}">
< button mat-icon-button matSuffix
(click)="assetFileInput.click()">
< mat-icon > attach_file< / mat-icon >
< / button >
< input hidden ( change ) = " Upload Notice Files( $ event , i , ' NIT ' ) "
< input hidden ( change ) = " Upload Files( $ event , i , ' WID ' ) "
#assetFileInput type="file" id="file">
< / mat-form-field >
<!-- <input type="file" class="form - control"
[(ngModel)]="nitDocuments[i].file "
(change)="UploadDrawingFiles($event,i) "
(change)="readUrl($event )"
[disabled]="workItemDoc.isUploaded "
[(ngModel)]="workItemDocuments[i].file "
(change)="UploadFiles($event,i,'WID' )"
[ngModelOptions]="{standalone: true}"> -->
<!-- <button class="btn btn - outline - secondary delete - btn" type="button" >
<!-- <button class="btn btn - outline - secondary delete - btn" type="button" [disabled]="workItemDoc.isUploaded" >
< i class = "bi bi-cloud-upload" > < / i >
< / button > -->
< / div >
< / td >
< td colspan = "4" >
< mat-form-field appearance = "outline" class = "columns"
style="height: 15px;margin-top: -10px;width:90%;">
< mat-label > Document Type< / mat-label >
< mat-select style = "border: none; padding: 0; width: 100%;"
[(ngModel)]="nit Documents[i].docType"
[(ngModel)]="workItem Documents[i].docType"
[ngModelOptions]="{standalone: true}">
< mat-option style = "opacity: .5;" > Select Document Type
< / mat-option >
< mat-option
*ngFor="let documentType of filteredDocumentNIT TypeLov "
*ngFor="let documentType of filteredDocumentTypeLov"
[value]="documentType.id">
{{documentType.documentType}}
< / mat-option >
< / mat-select >
< / mat-form-field >
<!-- <select class="form - control" id="documentType"
[(ngModel)]="nit Documents[i].docType"
[(ngModel)]="workItem Documents[i].docType"
[ngModelOptions]="{standalone: true}">
< option [ value ] = " documentType . id "
*ngFor="let documentType of filteredDocumentNIT TypeLov ">
*ngFor="let documentType of filteredDocumentTypeLov">
{{documentType.documentType}}
< / option >
< / select > -->
@ -844,10 +842,11 @@
< td colspan = "4" >
< div class = "input-group" >
< input type = "text" class = "form-control"
[(ngModel)]="nit Documents[i].description"
[(ngModel)]="workItem Documents[i].description"
[ngModelOptions]="{standalone: true}">
< button class = "btn btn-outline-secondary delete-btn"
type="button" (click)="deleteNITRow(nitDoc.tender_id,i)">
type="button"
(click)="deleteWIDRow(workItemDoc.tender_id,i)">
< i class = "bi bi-trash" > < / i >
< / button >
< / div >
@ -855,87 +854,94 @@
< / tr >
< tr >
< td colspan = "12" class = "text-right" >
< button class = "btn btn-outline-secondary btn-sm"
(click)="addNewNitDocRow()">Add Row< / button >
<!-- <button class="btn btn - outline - secondary btn - sm" type="button" (click)="UploadFiles(this.tenderData.tenderId)">Upload
< i class = "bi bi-cloud-upload" > < / i >
< / button > -->
< button class = "Buttons" mat-raised-button
(click)="addNewWorkItemDocRow()">Add Row< / button >
< / td >
< / tr >
< / tbody >
< tbody >
< tr >
< th colspan = "4" style = "background-color: #b8b8b8;" > < / th >
< th colspan = "4" class = "text-center" style = "background-color: #b8b8b8;" >
Drawing Document < / th >
< th colspan = "4" style = "background-color: #b8b8b8;" > < mat-slide-toggle
matTooltip=" Slide to Add Drawing Documents" aria-label="Button that displays a tooltip when focused or hovered over"
(change)="addDrawingToggle($event)"
class="float-right warn">< / mat-slide-toggle >
< / th >
< tbody >
< tr >
< th colspan = "12" class = "text-center" style = "background-color:#b8b8b8;" >
Work Item Documents
< / tr >
< tr >
< th colspan = "4" class = "col-sm-2"
style="padding-bottom: 0;padding-right: 0;text-align: center;">
Upload Files< / th >
< th colspan = "4" class = "col-sm-5"
style="min-width: 250px;text-align: center;">Document Type< / th >
< th colspan = "4" class = "col-sm-5"
style="min-width: 250px;text-align: center;">Description< / th >
< th colspan = "4" class = "col-sm-4" style = "text-align: center;" > Upload
Files< / th >
< th colspan = "4" class = "col-sm-4" style = "text-align: center;" > Document
Type< / th >
< th colspan = "4" class = "col-sm-4" style = "text-align: center;" > Description
< / th >
< / tr >
< tr * ngFor = "let workItemDoc of workItem Documents; let i = index">
< tr * ngFor = "let drawDOC of drawings Documents; let i = index">
< td colspan = "4" >
< div class = "input-group" >
< mat-form-field class = "columns" appearance = "outline"
style="height: 15px;margin-top: -10px;width: 90%;">
style="height: 15px;margin-top: -10px;width:90%;">
< mat-label
*ngIf="workItem Documents[i].file; else assetImageLabel">
{{workItem Documents[i].file}}< / mat-label >
*ngIf="drawings Documents[i].file; else assetImageLabel">
{{drawings Documents[i].file}}< / mat-label >
< ng-template # assetImageLabel >
< mat-label > {{ 'assetImagePath' | translate }}
< / mat-label >
< / ng-template >
< input matInput readonly
[(ngModel)]="workItem Documents[i].file"
[(ngModel)]="drawings Documents[i].file"
[ngModelOptions]="{standalone: true}">
< button mat-icon-button matSuffix
(click)="assetFileInput.click()">
< mat-icon > attach_file< / mat-icon >
< / button >
< input hidden ( change ) = " Upload Files( $ event , i , ' WID ' ) "
< input hidden ( change ) = " Upload Drawing Files( $ event , i ) "
#assetFileInput type="file" id="file">
< / mat-form-field >
<!-- <input type="file" class="form - control"
[disabled]="workItemDoc.isUploaded "
[(ngModel)]="workItemDocuments[i].file "
(change)="UploadFiles($event,i,'WID' )"
[(ngModel)]="drawingsDocuments[i].file "
(change)="UploadDrawingFiles($event,i) "
(change)="readUrl($event )"
[ngModelOptions]="{standalone: true}"> -->
<!-- <button class="btn btn - outline - secondary delete - btn" type="button" [disabled]="workItemDoc.isUploaded" >
<!-- <button class="btn btn - outline - secondary delete - btn" type="button" >
< i class = "bi bi-cloud-upload" > < / i >
< / button > -->
< / div >
< / td >
< td colspan = "4" >
< td colspan = "4" >
< mat-form-field appearance = "outline" class = "columns"
style="height: 15px;margin-top: -10px;width:90%;">
< mat-label > Document Type< / mat-label >
< mat-select style = "border: none; padding: 0; width: 100%;"
[(ngModel)]="workItem Documents[i].docType"
[(ngModel)]="drawings Documents[i].docType"
[ngModelOptions]="{standalone: true}">
< mat-option style = "opacity: .5;" > Select Document Type
< / mat-option >
< mat-option
*ngFor="let documentType of filteredDocumentTypeLov"
*ngFor="let documentType of filteredDocumentDrawing TypeLov "
[value]="documentType.id">
{{documentType.documentType}}
< / mat-option >
< / mat-select >
< / mat-form-field >
<!-- <select class="form - control" id="documentType"
[(ngModel)]="workItem Documents[i].docType"
[(ngModel)]="drawings Documents[i].docType"
[ngModelOptions]="{standalone: true}">
< option [ value ] = " documentType . id "
*ngFor="let documentType of filteredDocumentTypeLov">
*ngFor="let documentType of filteredDocumentDrawing TypeLov ">
{{documentType.documentType}}
< / option >
< / select > -->
@ -943,11 +949,11 @@
< td colspan = "4" >
< div class = "input-group" >
< input type = "text" class = "form-control"
[(ngModel)]="workItem Documents[i].description"
[(ngModel)]="drawings Documents[i].description"
[ngModelOptions]="{standalone: true}">
< button class = "btn btn-outline-secondary delete-btn"
type="button"
(click)="deleteWIDRow(workItemDoc .tender_id,i)">
(click)="deleteDrawingsRow(drawDOC .tender_id,i)">
< i class = "bi bi-trash" > < / i >
< / button >
< / div >
@ -955,13 +961,8 @@
< / tr >
< tr >
< td colspan = "12" class = "text-right" >
<!-- <button class="btn btn - outline - secondary btn - sm" type="button" (click)="UploadFiles(this.tenderData.tenderId)">Upload
< i class = "bi bi-cloud-upload" > < / i >
< / button > -->
< button class = "btn btn-outline-secondary btn-sm"
(click)="addNewWorkItemDocRow()">Add Row< / button >
< button class = "Buttons" mat-raised-button
(click)="addNewDrawingRow()">Add Row< / button >
< / td >
< / tr >
< / tbody >
@ -976,10 +977,10 @@
< br >
< div class = "form-row" >
< div class = "form-group col-md-12" >
< button class = "btn btn-light float-left font-weight-bold" ( click ) = " prevTab ( ) " > < i
<!-- <button class="btn btn - light float - left font - weight - bold" (click)="prevTab()">< i
class="bi bi-arrow-left-circle">< / i > Prev
< / button >
< button class = " btn btn-outline-primary float-right font-weight-bold"
< / button > -->
< button class = " ButtonSubmit float-right " mat-raised-button
(click)="TendersDocuments()">Submit Tender
< i class = "bi bi-arrow-right-circle" > < / i >
< / button >