@@ -1,4 +1,4 @@
<section>
<section *ngIf="partnerDetails" >
<div class="shadow" *ngIf="showExportOptions" (click)="showExportOptions = false"></div>
<section class="subpage">
@@ -7,10 +7,11 @@
</header>
<div class="segments">
<button class="button" [ngClass]="{'active' : selectedSegment === 1}" (click)="selectedSegment = 1"> Profile </button>
<button class="button" [ngClass]="{'active' : selectedSegment === 2}" (click)="selectedSegment = 2"
*ngIf="partnerDetails.surveyCtoData.hiiData.length > 0 || partnerDetails.surveyCtoData.spData.length > 0 || partnerDetails.surveyCtoData.spSchemeData.length > 0"
> Implementation Data </button>
<button class="button" [ngClass]="{'active' : selectedSegment === 1}" (click)="selectedSegment = 1"> Profile
</button>
<button class="button" [ngClass]="{'active' : selectedSegment === 2}" (click)="selectedSegment = 2"
*ngIf="partnerDetails.surveyCtoData.hiiData.length > 0 || partnerDetails.surveyCtoData.spData.length > 0 || partnerDetails.surveyCtoData.spSchemeData.length > 0">
Implementation Data </button>
</div>
<ng-container *ngIf="selectedSegment === 1">
@@ -21,22 +22,26 @@
<div class="container">
<div class="input-holder">
<input type="text" disabled="{{ !isFormEditable }}" [(ngModel)]="partnerDetails.primaryContact.name">
<input type="text" disabled="{{ !isFormEditable }}"
[(ngModel)]="partnerDetails.primaryContact.name">
<label> Name </label>
</div>
<div class="input-holder">
<input type="text" disabled="{{ !isFormEditable }}" [(ngModel)]="partnerDetails.primaryContact.designation">
<label> Name </label>
<input type="text" disabled="{{ !isFormEditable }}"
[(ngModel)]="partnerDetails.primaryContact.designation">
<label> Designation </label>
</div>
<div class="input-holder">
<input type="text" disabled="{{ !isFormEditable }}" [(ngModel)]="partnerDetails.primaryContact.email">
<label> Name </label>
<input type="text" disabled="{{ !isFormEditable }}"
[(ngModel)]="partnerDetails.primaryContact.email">
<label> Email </label>
</div>
<div class="input-holder">
<input type="text" disabled="{{ !isFormEditable }}" [(ngModel)]="partnerDetails.primaryContact.contactNumber">
<input type="text" disabled="{{ !isFormEditable }}"
[(ngModel)]="partnerDetails.primaryContact.contactNumber">
<label> Contact </label>
</div>
</div>
@@ -49,42 +54,53 @@
<div class="container">
<div class="input-holder">
<input type="text" disabled="{{ !isFormEditable }}" [(ngModel)]="partnerDetails.organizationBasicInfo.name">
<input type="text" disabled="{{ !isFormEditable }}"
[(ngModel)]="partnerDetails.organizationBasicInfo.name">
<label> Name </label>
</div>
<div class="input-holder">
<input type="text" disabled="{{ !isFormEditable }}" [(ngModel)]="partnerDetails.organizationBasicInfo.website">
<input type="text" disabled="{{ !isFormEditable }}"
[(ngModel)]="partnerDetails.organizationBasicInfo.website">
<label> Official Website </label>
</div>
<div class="input-holder">
<input type="text" disabled="{{ !isFormEditable }}" [(ngModel)]="partnerDetails.organizationBasicInfo.type">
<input type="text" disabled="{{ !isFormEditable }}"
[(ngModel)]="partnerDetails.organizationBasicInfo.type">
<label> Type </label>
</div>
<div class="input-holder">
<div class="text"> <button *ngFor="let area of partnerDetails.organizationBasicInfo.areasOfWork"> {{ area }} </button> </div>
<ng-select [items]="areasOfWork" [readonly]="!isFormEditable" [multiple]="true"
[closeOnSelect]="false" [searchable]="false" bindLabel="name"
placeholder="Select areas of work"
[(ngModel)]="partnerDetails.organizationBasicInfo.areasOfWork">
</ng-select>
<label> Thematic areas of work </label>
</div>
<div class="input-holder">
<input type="text" disabled="{{ !isFormEditable }}" [(ngModel)]="partnerDetails.organizationBasicInfo.source">
<input type="text" disabled="{{ !isFormEditable }}"
[(ngModel)]="partnerDetails.organizationBasicInfo.source">
<label> How did you hear about us </label>
</div>
<div class="input-holder">
<input type="text" disabled="{{ !isFormEditable }}" [(ngModel)]="partnerDetails.organizationBasicInfo.referralName">
<input type="text" disabled="{{ !isFormEditable }}"
[(ngModel)]="partnerDetails.organizationBasicInfo.referralName">
<label> Name of the organisation and person that referred </label>
</div>
<div class="checkbox-holder">
<input type="checkbox" disabled="{{ !isFormEditable }}" [(ngModel)]="partnerDetails.organizationBasicInfo.wouldLikeUpdates">
<input type="checkbox" disabled="{{ !isFormEditable }}"
[(ngModel)]="partnerDetails.organizationBasicInfo.wouldLikeUpdates">
<label> I would like to receive periodic updates about CAC </label>
</div>
<div class="input-holder">
<textarea type="text" disabled="{{ !isFormEditable }}" [(ngModel)]="partnerDetails.organizationBasicInfo.reasonForBecomingMember"></textarea>
<textarea type="text" disabled="{{ !isFormEditable }}"
[(ngModel)]="partnerDetails.organizationBasicInfo.reasonForBecomingMember"></textarea>
<label> I would like to become a member of CAC because </label>
</div>
</div>
@@ -97,20 +113,23 @@
</header>
<div class="container">
<div class="input-holder">
<input type="text" disabled="{{ !isFormEditable }}" [(ngModel)]="partnerDetails.alternateContact.designation">
<input type="text" disabled="{{ !isFormEditable }}"
[(ngModel)]="partnerDetails.alternateContact.designation">
<label> Name </label>
</div>
<div class="input-holder">
<input type="text" disabled="{{ !isFormEditable }}" [(ngModel)]="partnerDetails.alternateContact.email">
<input type="text" disabled="{{ !isFormEditable }}"
[(ngModel)]="partnerDetails.alternateContact.email">
<label> Name </label>
</div>
<div class="input-holder">
<input type="text" disabled="{{ !isFormEditable }}" [(ngModel)]="partnerDetails.alternateContact.contactNumber">
<input type="text" disabled="{{ !isFormEditable }}"
[(ngModel)]="partnerDetails.alternateContact.contactNumber">
<label> Contact </label>
</div>
</div>
@@ -123,80 +142,100 @@
<div class="container">
<div class="input-holder">
<input type="text" disabled="{{ !isFormEditable }}" [(ngModel)]="partnerDetails.detailedProfile.partnerLocation">
<input type="text" disabled="{{ !isFormEditable }}"
[(ngModel)]="partnerDetails.detailedProfile.partnerLocation">
<label> Partner/Organization/Network Headquarters Location </label>
</div>
<div class="input-holder">
<input type="text" disabled="{{ !isFormEditable }}" [(ngModel)]="partnerDetails.detailedProfile.state">
<input type="text" disabled="{{ !isFormEditable }}"
[(ngModel)]="partnerDetails.detailedProfile.state">
<label> State </label>
</div>
<div class="input-holder">
<input type="text" disabled="{{ !isFormEditable }}" [(ngModel)]="partnerDetails.detailedProfile.district">
<input type="text" disabled="{{ !isFormEditable }}"
[(ngModel)]="partnerDetails.detailedProfile.district">
<label> District </label>
</div>
<div class="checkbox-holder">
<input type="checkbox" disabled="{{ !isFormEditable }}" [(ngModel)]="partnerDetails.detailedProfile.haveBranchesInOtherDistricts">
<input type="checkbox" disabled="{{ !isFormEditable }}"
[(ngModel)]="partnerDetails.detailedProfile.haveBranchesInOtherDistricts">
<label> Do you have Branches / Field presence in any other District? </label>
</div>
<div class="input-holder">
<div class="text">
<button *ngFor="let country of partnerDetails.detailedProfile.branchLocationCountries"> {{ country }} </button>
</div>
<ng-select [items]="countries" [readonly]="!isFormEditable" [multiple]="true"
[closeOnSelect]="false" bindLabel="name" placeholder="Select countries"
[(ngModel)]="partnerDetails.detailedProfile.branchLocationCountries">
</ng-select>
<label> Branch or Field office Location (Countries) </label>
</div>
<div class="input-holder">
<div class="text">
<button *ngFor="let state of partnerDetails.detailedProfile.states"> {{ state }} </button>
<ng-container *ngIf="hasIndiaBranchLocation()">
<div class="input-holder">
<ng-select [items]="states" [readonly]="!isFormEditable" [multiple]="true"
[closeOnSelect]="false" [searchable]="false" bindLabel="name"
placeholder="Select states" (change)="updateDistricts($event)"
[(ngModel)]="partnerDetails.detailedProfile.states">
</ng-select>
<label> Branch or Field office Location (States) </label>
</div>
<label> Branch or Field office Location (States) </label>
</div>
<div class="input-holder">
<div class="text">
<button *ngFor="let district of partnerDetails.detailedProfile.districts"> {{ district }} </button>
<div class="input-holder">
<ng-select [items]="districts" [readonly]="!isFormEditable" [multiple]="true"
[closeOnSelect]="false" [searchable]="false" bindLabel="name"
placeholder="Select districts" [(ngModel)]="partnerDetails.detailedProfile.districts">
</ng-select>
<label> Branch or Field office Location (Districts) </label>
</div>
<label> Branch or Field office Location (Districts) </label>
</div>
</ng-container>
<div class="input-holder">
<input type="text" disabled="{{ !isFormEditable }}" [(ngModel)]="partnerDetails.detailedProfile.yearOfEstablishment">
<input type="text" disabled="{{ !isFormEditable }}"
[(ngModel)]="partnerDetails.detailedProfile.yearOfEstablishment">
<label> Which year your organisation/partner/network was established? </label>
</div>
<div class="input-holder">
<div class="text">
<button *ngFor="let community of partnerDetails.detailedProfile.communities"> {{ community }} </button>
</div>
<ng-select [items]="communities" [readonly]="!isFormEditable" [multiple]="true"
[closeOnSelect]="false" [searchable]="false" bindLabel="name"
placeholder="Select communities" [(ngModel)]="partnerDetails.detailedProfile.communities">
</ng-select>
<label> Which communities do you work with? </label>
</div>
<div class="input-holder">
<div class="text">
<button *ngFor="let mode of partnerDetails.detailedProfile.preferredModeOfCommunications"> {{ mode }} </button>
</div>
<ng-select [items]="preferredModesOfCommunication" [readonly]="!isFormEditable"
[multiple]="true" [closeOnSelect]="false" [searchable]="false" bindLabel="name"
placeholder="Select mode of communication"
[(ngModel)]="partnerDetails.detailedProfile.preferredModeOfCommunications">
</ng-select>
<label> Select your preferred mode of communications with the Collab</label>
</div>
<div class="input-holder">
<div class="text">
<button *ngFor="let language of partnerDetails.detailedProfile.preferredLanguages"> {{ language }} </button>
</div>
<label> Preferred Language of Communication* (emails, webinars etc. Select all that apply) </label>
<ng-select [items]="preferredLanguages" [readonly]="!isFormEditable" [multiple]="true"
[closeOnSelect]="false" [searchable]="false" bindLabel="name"
placeholder="Select preferred Language"
[(ngModel)]="partnerDetails.detailedProfile.preferredLanguages">
</ng-select>
<label> Preferred Language of Communication* (emails, webinars etc. Select all that apply)
</label>
</div>
<div class="input-holder">
<input type="text" disabled="{{ !isFormEditable }}" [(ngModel)]="partnerDetails.detailedProfile.totalReachOfOrganization">
<input type="text" disabled="{{ !isFormEditable }}"
[(ngModel)]="partnerDetails.detailedProfile.totalReachOfOrganization">
<label> What is the total reach of your organisation in a year? </label>
</div>
<div class="input-holder">
<textarea maxlength="100" type="text" disabled="{{ !isFormEditable }}" [(ngModel)]="partnerDetails.detailedProfile.bio"></textarea>
<label> Bio (This information will be displayed along with your logo in the members section of this website. Max:100 Characters) </label>
<textarea maxlength="100" type="text" disabled="{{ !isFormEditable }}"
[(ngModel)]="partnerDetails.detailedProfile.bio"></textarea>
<label> Bio (This information will be displayed along with your logo in the members section of
this website. Max:100 Characters) </label>
</div>
</div>
</section>
@@ -209,55 +248,68 @@
</header>
<div class="container">
<div class="input-holder">
<div class="text">
<button *ngFor="let support of partnerDetails.strengthAndCapability.primaryAreasOfSupportRequired"> {{ support }} </button>
<div class="input-holder">
<ng-select [items]="areasOfSupport" [readonly]="!isFormEditable" [multiple]="true"
[closeOnSelect]="false" [searchable]="false" bindLabel="name" placeholder="Select areas"
[(ngModel)]="partnerDetails.strengthAndCapability.primaryAreasOfSupportRequired">
</ng-select>
<label> What are the primary areas of support that you seek from #COVIDActionCollab? </label>
</div>
<label> What are the primary areas of support that you seek from #COVIDActionCollab? </label>
</div>
<div class="input-holder">
<input type="text" disabled="{{ !isFormEditable }}" [(ngModel)]="partnerDetails.strengthAndCapability.primaryAreasOfSupportRequiredOther">
<label> If other, please describe </label>
</div>
<div class="input-holder">
<input type="text" disabled="{{ !isFormEditable }}"
[(ngModel)]="partnerDetails.strengthAndCapability.primaryAreasOfSupportRequiredOther">
<label> If other, please describe </label>
</div>
<div class="input-holder">
<textarea maxlength="100" type="text" disabled="{{ !isFormEditable }}" [(ngModel)]="partnerDetails.strengthAndCapability.primaryAreasOfSupportRequiredDescription"></textarea>
<label> Kindly elaborate on the option(s) selected above </label>
</div>
<div class="input-holder">
<textarea maxlength="100" type="text" disabled="{{ !isFormEditable }}"
[(ngModel)]="partnerDetails.strengthAndCapability.primaryAreasOfSupportRequiredDescription"></textarea>
<label> Kindly elaborate on the option(s) selected above </label>
</div>
<div class="input-holder">
<div class="text">
<button *ngFor="let support of partnerDetails.strengthAndCapability.primaryAreasOfSupportOffered"> {{ support }} </button>
<div class="input-holder">
<ng-select [items]="areasOfSupport" [readonly]="!isFormEditable" [multiple]="true"
[closeOnSelect]="false" [searchable]="false" bindLabel="name" placeholder="Select areas"
[(ngModel)]="partnerDetails.strengthAndCapability.primaryAreasOfSupportOffered">
</ng-select>
<label> What are the areas in which you can support/contribute to the #COVIDActionCollab and its
partners? </label>
</div>
<label> What are the areas in which you can support/contribute to the #COVIDActionCollab and its partners? </label>
</div>
<div class="input-holder">
<input type="text" disabled="{{ !isFormEditable }}" [(ngModel)]="partnerDetails.strengthAndCapability.primaryAreasOfSupportOfferedOther">
<label> If other, please describe </label>
</div>
<div class="input-holder">
<input type="text" disabled="{{ !isFormEditable }}"
[(ngModel)]="partnerDetails.strengthAndCapability.primaryAreasOfSupportOfferedOther">
<label> If other, please describe </label>
</div>
<div class="input-holder">
<textarea maxlength="100" type="text" disabled="{{ !isFormEditable }}" [(ngModel)]="partnerDetails.strengthAndCapability.primaryAreasOfSupportOfferedDescription"></textarea>
<label> Kindly elaborate on the option(s) selected above </label>
</div>
<div class="input-holder">
<textarea maxlength="100" type="text" disabled="{{ !isFormEditable }}"
[(ngModel)]="partnerDetails.strengthAndCapability.primaryAreasOfSupportOfferedDescription"></textarea>
<label> Kindly elaborate on the option(s) selected above </label>
</div>
<div class="input-holder">
<textarea maxlength="100" type="text" disabled="{{ !isFormEditable }}" [(ngModel)]="partnerDetails.strengthAndCapability.otherSpecificSupportRequired"></textarea>
<label> Do you require any other specific support? </label>
</div>
<div class="input-holder">
<textarea maxlength="100" type="text" disabled="{{ !isFormEditable }}"
[(ngModel)]="partnerDetails.strengthAndCapability.otherSpecificSupportRequired"></textarea>
<label> Do you require any other specific support? </label>
</div>
</div>
</section>
<div class="card">
<div class="checkbox-holder">
<input type="checkbox" disabled="{{ !isFormEditable }}" [(ngModel)]="partnerDetails.didAgree">
<label> I agree to the <a href="https://covidactioncollab.org/Mou-charter/" target="_blank">MOU & Charter</a>. </label>
<label> I agree to the <a href="https://covidactioncollab.org/Mou-charter/" target="_blank">MOU &
Charter</a>. </label>
</div>
<div class="checkbox-holder">
<input type="checkbox" disabled="{{ !isFormEditable }}" [(ngModel)]="partnerDetails.didDeclare">
<label> I/We hereby declare that I/we neither support nor are associated with any act which promotes: 1. Human trafficking; 2. Smoking / Chewing tobacco; 3. Violence / terrorism 4. Child labour / Child Marriage 5. Discrimination based color, race, religion, caste, disability & sexual orientation 6. Mining 7. Terrorism 8. Abortion counselling referrals, advocate to decriminalise abortion or expand abortion services. </label>
<label> I/We hereby declare that I/we neither support nor are associated with any act which
promotes: 1. Human trafficking; 2. Smoking / Chewing tobacco; 3. Violence / terrorism 4. Child
labour / Child Marriage 5. Discrimination based color, race, religion, caste, disability &
sexual orientation 6. Mining 7. Terrorism 8. Abortion counselling referrals, advocate to
decriminalise abortion or expand abortion services. </label>
</div>
</div>
</ng-container>
@@ -268,78 +320,78 @@
<h5> HII Data </h5>
</header>
<section class="table" *ngFor="let package of partnerDetails.surveyCtoData.hiiData">
<div class="row">
<div class="col">
Name
</div>
<div class="col">
{{ package.name }}
</div>
</div>
<div class="row">
<div class="col">
Implementation Status
</div>
<div class="col">
{{ package.implementationStatus }}
</div>
</div>
<div class="row">
<div class="col">
No. of Females
</div>
<div class="col">
{{ package.noOfFemales }}
</div>
</div>
<div class="row">
<div class="col">
No. of Males
</div>
<div class="col">
{{ package.noOfMales }}
</div>
</div>
<div class="row">
<div class="col">
No. of Transgenders
</div>
<div class="col">
{{ package.noOfTransgender }}
</div>
</div>
<div class="row">
<div class="col">
Health Package ID
</div>
<div class="col">
{{ package.packagesHealth }}
</div>
</div>
<div class="row">
<div class="col">
Health Remarks
</div>
<div class="col">
{{ package.healthRemarks }}
</div>
</div>
<div class="row">
<div class="col">
Disaggregation Note
</div>
<div class="col">
{{ package.disaggregationNote }}
</div>
</div>
<div class="row">
<div class="col">
Relevant Documents
</div>
<div class="col">
<a href="{{ package.relevantDocuments }}" target="_blank"> Link </a>
</div>
<div class="row">
<div class="col">
Name
</div>
<div class="col">
{{ package.name }}
</div>
</div>
<div class="row">
<div class="col">
Implementation Status
</div>
<div class="col">
{{ package.implementationStatus }}
</div>
</div>
<div class="row">
<div class="col">
No. of Females
</div>
<div class="col">
{{ package.noOfFemales }}
</div>
</div>
<div class="row">
<div class="col">
No. of Males
</div>
<div class="col">
{{ package.noOfMales }}
</div>
</div>
<div class="row">
<div class="col">
No. of Transgenders
</div>
<div class="col">
{{ package.noOfTransgender }}
</div>
</div>
<div class="row">
<div class="col">
Health Package ID
</div>
<div class="col">
{{ package.packagesHealth }}
</div>
</div>
<div class="row">
<div class="col">
Health Remarks
</div>
<div class="col">
{{ package.healthRemarks }}
</div>
</div>
<div class="row">
<div class="col">
Disaggregation Note
</div>
<div class="col">
{{ package.disaggregationNote }}
</div>
</div>
<div class="row">
<div class="col">
Relevant Documents
</div>
<div class="col">
<a href="{{ package.relevantDocuments }}" target="_blank"> Link </a>
</div>
</div>
</section>
</section>
@@ -348,46 +400,46 @@
<h5> SP Data </h5>
</header>
<section class="table" *ngFor="let package of partnerDetails.surveyCtoData.spData">
<div class="row">
<div class="col">
Name
</div>
<div class="col">
{{ package.name }}
</div>
</div>
<div class="row">
<div class="col">
Implementation Status
</div>
<div class="col">
{{ package.status }}
</div>
</div>
<div class="row">
<div class="col">
Total Aggregation
</div>
<div class="col">
{{ package.totalAggregation }}
</div>
</div>
<div class="row">
<div class="col">
Other Remarks
</div>
<div class="col">
{{ package.otherRemarks }}
</div>
</div>
<div class="row">
<div class="col">
Relevant Documents
</div>
<div class="col">
<a href="{{ package.relevantDocuments }}" target="_blank"> Link </a>
</div>
</div>
<div class="row">
<div class="col">
Name
</div>
<div class="col">
{{ package.name }}
</div>
</div>
<div class="row">
<div class="col">
Implementation Status
</div>
<div class="col">
{{ package.status }}
</div>
</div>
<div class="row">
<div class="col">
Total Aggregation
</div>
<div class="col">
{{ package.totalAggregation }}
</div>
</div>
<div class="row">
<div class="col">
Other Remarks
</div>
<div class="col">
{{ package.otherRemarks }}
</div>
</div>
<div class="row">
<div class="col">
Relevant Documents
</div>
<div class="col">
<a href="{{ package.relevantDocuments }}" target="_blank"> Link </a>
</div>
</div>
</section>
</section>
@@ -396,22 +448,22 @@
<h5> SP Scheme </h5>
</header>
<section class="table" *ngFor="let package of partnerDetails.surveyCtoData.spSchemeData">
<div class="row">
<div class="col">
Count
</div>
<div class="col">
{{ package.count }}
</div>
</div>
<div class="row">
<div class="col">
Scheme Id
</div>
<div class="col">
{{ package.schemeId }}
</div>
</div>
<div class="row">
<div class="col">
Count
</div>
<div class="col">
{{ package.count }}
</div>
</div>
<div class="row">
<div class="col">
Scheme Id
</div>
<div class="col">
{{ package.schemeId }}
</div>
</div>
</section>
</section>
</ng-container>
@@ -423,10 +475,12 @@
<img src="assets/chevron-left.svg" alt="">
Back
</button>
<ng-container *ngIf="!isFormEditable" >
<button class="button edit" (click)="isFormEditable=true"> <img src="assets/edit.svg" alt=""> Edit </button>
<button class="button" (click)="showExportOptions=true"> <img src="assets/export.svg" alt=""> Export </button>
<ng-container *ngIf="!isFormEditable">
<button class="button edit" (click)="isFormEditable=true"> <img src="assets/edit.svg" alt=""> Edit
</button>
<button class="button" (click)="showExportOptions=true"> <img src="assets/export.svg" alt=""> Export
</button>
<button class="button delete"> <img src="assets/delete.svg" alt=""> Delete </button>
</ng-container>
@@ -436,25 +490,28 @@
<div class="sub-options">
<header>
<h5>Select Data Type</h5>
</header>
</header>
<div>
<span>Profile Data</span>
<div class="radioButton" [ngClass]="{'active' : isProfileData}" (click) = "isProfileData = true; isImplementationData=false; isBothData=false" ></div>
<div class="radioButton" [ngClass]="{'active' : isProfileData}"
(click)="isProfileData = true; isImplementationData=false; isBothData=false"></div>
</div>
<div>
<span>Implementation Data</span>
<div class="radioButton" [ngClass]="{'active' : isImplementationData}" (click) = "isImplementationData= true; isProfileData=false; isBothData=false" ></div>
<div class="radioButton" [ngClass]="{'active' : isImplementationData}"
(click)="isImplementationData= true; isProfileData=false; isBothData=false"></div>
</div>
<div>
<span>Both</span>
<div class="radioButton" [ngClass]="{'active' : isBothData}" (click)="isBothData = true; isProfileData = false; isImplementationData=false"></div>
<div class="radioButton" [ngClass]="{'active' : isBothData}"
(click)="isBothData = true; isProfileData = false; isImplementationData=false"></div>
</div>
</div>
<header>
<h5> Export as </h5>
</header>
<div class="options">
<div class="options">
<button class="button" (click)="exportProfileData('CSV')"> CSV </button>
<button class="button" (click)="exportProfileData('XLSX')"> Excel </button>
</div>
@@ -462,7 +519,8 @@
</ng-container>
<ng-container *ngIf="isFormEditable">
<button class="button edit" (click)="isFormEditable=false"> <img src="assets/save.svg" alt=""> Save </button>
<button class="button edit" (click)="save()"> <img src="assets/save.svg" alt=""> Save
</button>
<button class="button delete" (click)="isFormEditable=false"> X Cancel </button>
</ng-container>
</section>
Adwaith Rao