diff --git a/scripts/deleteUnUsableIosIcon.js b/scripts/deleteUnUsableIosIcon.js index 618d4049d6..f6747d2601 100644 --- a/scripts/deleteUnUsableIosIcon.js +++ b/scripts/deleteUnUsableIosIcon.js @@ -134,7 +134,9 @@ function deleteUnUsableIosIcon(ionicIconFilePath) { "arrow-up-circle-outline.svg", "arrow-down-circle-outline.svg", "caret-forward-circle.svg", - "ribbon.svg" + "ribbon.svg", + "chevron-up.svg", + "chevron-down.svg" ].includes(file))) { fs.unlinkSync(ionicIconFilePath + '/' + file); } diff --git a/src/app/manage-learn/core/services/attachment/attachment.service.ts b/src/app/manage-learn/core/services/attachment/attachment.service.ts index 6deff67007..8cefeff622 100644 --- a/src/app/manage-learn/core/services/attachment/attachment.service.ts +++ b/src/app/manage-learn/core/services/attachment/attachment.service.ts @@ -140,7 +140,7 @@ export class AttachmentService { await actionSheet.present(); return actionSheet.onDidDismiss(); } - takePicture(sourceType: PictureSourceType, mediaType: MediaType = this.camera.MediaType.ALLMEDIA) { + async takePicture(sourceType: PictureSourceType, mediaType: MediaType = this.camera.MediaType.ALLMEDIA) { var options: CameraOptions = { quality: 20, sourceType: sourceType, @@ -150,15 +150,15 @@ export class AttachmentService { destinationType: this.camera.DestinationType.FILE_URI }; - this.camera + await this.camera .getPicture(options) - .then((imagePath) => { + .then(async(imagePath) => { if (this.platform.is("android") && sourceType === this.camera.PictureSourceType.PHOTOLIBRARY) { let newFilePath = imagePath; if (!newFilePath.includes("file://")) { newFilePath = "file://" + imagePath } - this.checkForFileSizeRestriction(newFilePath).then(isValidFile => { + await this.checkForFileSizeRestriction(newFilePath).then(isValidFile => { if (isValidFile) { this.filePath .resolveNativePath(newFilePath) @@ -169,7 +169,7 @@ export class AttachmentService { } }) } else { - this.checkForFileSizeRestriction(imagePath).then(isValidFile => { + await this.checkForFileSizeRestriction(imagePath).then(isValidFile => { if (isValidFile) { this.copyFile(imagePath); } @@ -329,13 +329,13 @@ export class AttachmentService { this.payload = payload; switch (type) { case 'openCamera': - this.takePicture(this.camera.PictureSourceType.CAMERA); + await this.takePicture(this.camera.PictureSourceType.CAMERA); break; case 'openGallery': - this.takePicture(this.camera.PictureSourceType.PHOTOLIBRARY); + await this.takePicture(this.camera.PictureSourceType.PHOTOLIBRARY); break; case 'openFiles': - this.openFile(); + await this.openFile(); break; } } diff --git a/src/app/manage-learn/core/services/utils.service.ts b/src/app/manage-learn/core/services/utils.service.ts index bfec1a93b2..fd80c5d823 100644 --- a/src/app/manage-learn/core/services/utils.service.ts +++ b/src/app/manage-learn/core/services/utils.service.ts @@ -20,6 +20,8 @@ import { Events } from '@app/util/events'; import { Location } from "@angular/common"; import { ToastService } from "./toast/toast.service"; import { TranslateService } from "@ngx-translate/core"; +import { PopoverController } from "@ionic/angular"; +import { PiiConsentPopupComponent } from "../../shared"; @Injectable({ providedIn: "root" @@ -41,6 +43,7 @@ export class UtilsService { filters: any = {}; statuses = statuses; numberTasksCompleted =0; + consentPopup constructor( @Inject("PROFILE_SERVICE") private profileService: ProfileService, @Inject("AUTH_SERVICE") public authService: AuthService, @@ -54,6 +57,7 @@ export class UtilsService { private location : Location, private toast : ToastService, private translate: TranslateService, + private popoverCtrl : PopoverController ) { this.events.subscribe("loggedInProfile:update", _ => { @@ -780,4 +784,42 @@ return data; ]; return tabs; } + + async showConsentPopup(type){ + let componentProps={} + switch (type) { + case 'program': + componentProps={ + consentMessage1 : "FRMELEMNTS_LBL_CONSENT_POPUP_MSG1", + consentMessage2 : "FRMELEMNTS_LBL_CONSENT_POPUP_POLICY_MSG", + consentMessage3 : "FRMELEMNTS_LBL_CONSENT_POPUP_MSG2", + redirectLink : RouterLinks.TERM_OF_USE + } + break; + + default: + componentProps={ + consentMessage1 : "FRMELEMNTS_LBL_CONSENT_POPUP_MSG1", + consentMessage2 : "FRMELEMNTS_LBL_CONSENT_POPUP_POLICY_MSG", + consentMessage3 : "FRMELEMNTS_LBL_CONSENT_POPUP_MSG2", + redirectLink : RouterLinks.TERM_OF_USE + } + break; + } + this.consentPopup = await this.popoverCtrl.create({ + component : PiiConsentPopupComponent, + componentProps : componentProps, + cssClass: 'sb-popover back-drop-hard', + backdropDismiss: false + }) + await this.consentPopup.present() + let {data} = await this.consentPopup.onDidDismiss() + return data + } + + async closeConsentPopup(){ + this.consentPopup ? await this.consentPopup.dismiss() : null + } + + } \ No newline at end of file diff --git a/src/app/manage-learn/programs/program-details/program-details.component.html b/src/app/manage-learn/programs/program-details/program-details.component.html new file mode 100644 index 0000000000..f6c1a634da --- /dev/null +++ b/src/app/manage-learn/programs/program-details/program-details.component.html @@ -0,0 +1,50 @@ + + +
{{programDetails?.programName}}
+
{{description}} + + {{ (showMore ? 'READ_LESS' : 'READ_MORE') | translate }} + +
+
+ + {{"FRMELEMNTS_LBL_JOIN_PROGRAM_POPUP" | translate}} + + +
+ {{"FRMELEMNTS_MSG_PROGRAM_JOINED" | translate:{'date':(endDate | date: 'd/M/yyyy')} }} +
+ + + +
+ + +
+ + +
+
{{data?.sectionName}}
+
+ +
+
+
+
+ + +
+
+ + +
+ +
+
+
{{"EMPTY_SEARCH_RESULTS" | translate}}.
+
{{"FRMELEMNTS_MSG_NO_SOLUTIONS_FOR_PROGRAM" | translate:{'type':selectedSection} }}
+
+ + + \ No newline at end of file diff --git a/src/app/manage-learn/programs/program-details/program-details.component.scss b/src/app/manage-learn/programs/program-details/program-details.component.scss new file mode 100644 index 0000000000..463a39c4d8 --- /dev/null +++ b/src/app/manage-learn/programs/program-details/program-details.component.scss @@ -0,0 +1,79 @@ +@import 'src/assets/styles/_custom-mixins'; +@import "src/assets/styles/variables"; +@import "src/assets/styles/_variables.scss"; + +.details-block{ + margin-left: 0px; + padding: 15px; + .title{ + font-size: 18px; + font-weight: 700; + padding: 0px 15px; + margin-bottom: 10px; + color: $black; + } + .description{ + color: $black; + padding: 0px 15px; + font-weight: 600; + } +} + +.hr-line { + height: 1px; + border: 1px solid map-get($colors, medium_gray); + margin: 10px 0px; +} + +.program-joined-message{ + background-color: map-get($colors, light_red); + padding: 10px; + font-weight: 700; + margin: 0px 15px; + border-radius: 10px; + font-size: 12px; +} + +.read-more{ + color: $blue; + text-decoration-line: underline; + font-weight: 600; +} + +.section-filter{ + background-color: var(--app-secondary-background); + border-radius: 25px; +} + +.section-card{ + border-radius: 25px !important; + padding: 5px; + margin: 10px 0px; + background-color: var(--app-secondary-background); + .icon{ + background-color: $white; + box-shadow: var(--button-style-shadow); + height: 22px; + border-radius: 50%; + } +} + +.section-details{ + .section-name{ + font-size: 18px; + font-weight: 600; + color: map-get($colors, bright_blue); + text-transform:capitalize; + } + ion-icon{ + font-size: 22px; + } +} + +.no-data{ + margin: 100px 0px 50px 0px; + .message-1{ + font-size: 16px; + margin-bottom: 10px; + } +} \ No newline at end of file diff --git a/src/app/manage-learn/programs/program-details/program-details.component.ts b/src/app/manage-learn/programs/program-details/program-details.component.ts new file mode 100644 index 0000000000..cc88b4880d --- /dev/null +++ b/src/app/manage-learn/programs/program-details/program-details.component.ts @@ -0,0 +1,174 @@ +import { Component, OnInit } from '@angular/core'; +import { AppHeaderService } from '@app/services'; +import { LibraryFiltersLayout } from '@project-sunbird/common-consumption'; +import { TranslateService } from '@ngx-translate/core'; +import { GenericPopUpService } from '../../shared'; +import { ActivatedRoute } from '@angular/router'; +import { urlConstants } from '../../core/constants/urlConstants'; +import { LoaderService, UtilsService, ToastService } from '../../core'; +import { KendraApiService } from '../../core/services/kendra-api.service'; + +@Component({ + selector: 'app-program-details', + templateUrl: './program-details.component.html', + styleUrls: ['./program-details.component.scss'], +}) +export class ProgramDetailsComponent implements OnInit { + headerConfig = { + showHeader : true, + showBurgerMenu : false, + actionButtons : [] + } + filtersList : any = [] + selectedFilterIndex = 0 + layout = LibraryFiltersLayout.ROUND + selectedSection: any + showMore:boolean=false + description + characterLimit = 150 + programDetails:any={} + solutionsList:any=[] + filteredList:any=[] + sharingStatus='ACTIVE' + endDate=Date() + programId + count = 0; + limit = 25; + page = 1; + + constructor(private headerService: AppHeaderService, private translate: TranslateService, private popupService: GenericPopUpService, + private activatedRoute: ActivatedRoute, private loader: LoaderService, private utils: UtilsService, private kendraService: KendraApiService, + private toastService: ToastService) { + this.translate.get(['ALL','FRMELEMNTS_LBL_PROJECTS','FRMELEMNTS_LBL_OBSERVATIONS','FRMELEMNTS_LBL_COURSES','FRMELEMNTS_LBL_SURVEY']).subscribe((translation)=>{ + this.filtersList = Object.keys(translation).map(translateItem => { return translation[translateItem]}) + }) + activatedRoute.params.subscribe((param)=>{ + this.programId = param.id + this.getSolutions() + }) + } + + ngOnInit() {} + + ionViewWillEnter(){ + this.headerConfig = this.headerService.getDefaultPageConfig() + this.headerConfig.showHeader = true + this.headerConfig.showBurgerMenu = false + this.headerConfig.actionButtons = [] + this.headerService.updatePageConfig(this.headerConfig) + } + + async getSolutions() { + this.loader.startLoader(); + let payload = await this.utils.getProfileInfo(); + if (payload) { + const config = { + url:`${urlConstants.API_URLS.SOLUTIONS_LISTING}${this.programId}?page=${this.page}&limit=${this.limit}&search=`, + payload: payload, + }; + this.kendraService.post(config).subscribe( + (success) => { + this.loader.stopLoader(); + if (success.result.data) { + this.programDetails = success.result + this.count = success.result.count; + this.formatList() + this.readMoreOrLess() + } + }, + (error) => { + this.loader.stopLoader(); + } + ); + } else { + this.loader.stopLoader(); + } + } + + readMoreOrLess(){ + if(this.showMore){ + this.description = this.programDetails.description + }else{ + if(this.programDetails.description.length > this.characterLimit){ + this.description = this.programDetails.description.slice(0,this.characterLimit)+'...' + }else{ + this.description = this.programDetails.description + } + } + } + + formatList(){ + this.programDetails.data.forEach(data => { + let sectionName=data.type=='improvementProject'?'projects':data.type=='survey'?data.type:data.type+'s' + let index = this.solutionsList.findIndex((val)=>{return val.sectionName==sectionName}) + if(index!==-1){ + this.solutionsList[index].sectionList.push(data) + }else{ + let order=data.type=='improvementProject'?0:data.type=='observation'?1:data.type=='course'?2:3 + this.solutionsList.push({sectionName:sectionName,sectionList:[data],order:order}) + } + }); + this.filteredList=this.solutionsList.sort((a,b)=>{return a.order - b.order}) + } + + onFilterChange(event){ + this.selectedFilterIndex = event.data.index + this.filteredList=this.solutionsList + this.selectedSection = '' + if(event.data.index!==0){ + this.filteredList = this.solutionsList.filter((data)=>{ + return data.sectionName == event.data.text.toLowerCase() + }) + this.selectedSection = event.data.text.toLowerCase() + } + } + + joinProgram(){ + this.popupService.showJoinProgramForProjectPopup("FRMELEMNTS_LBL_JOIN_PROGRAM_POPUP",this.programDetails.programName,'program', + "FRMELEMNTS_LBL_JOIN_PROGRAM_POPUP","FRMELEMNTS_LBL_JOIN_PROGRAM_MSG2").then( + (data:any)=>{ + if(data){ + this.showConsentPopup() + } + } + ) + } + + showConsentPopup(message?){ + this.utils.showConsentPopup('program').then((data)=>{ + if(data!==undefined){ + this.programDetails.programJoined = true + if(message){ + this.toastService.openToast(message) + } + } + }) + } + + cardClick(){ + if(!this.programDetails.programJoined){ + this.joinProgram() + } + } + + save(event){ + let message + this.translate.get(['FRMELEMNTS_MSG_DATA_SETTINGS_UPDATE_SUCCESS']).subscribe((msg)=>{ + message = msg['FRMELEMNTS_MSG_DATA_SETTINGS_UPDATE_SUCCESS'] + }) + if(this.sharingStatus!==event){ + this.showConsentPopup(message) + this.sharingStatus=event + }else{ + this.toastService.openToast(message) + } + } + + ionViewWillLeave(){ + this.utils.closeConsentPopup() + } + + selectSection(name){ + this.selectedSection = name + } +} \ No newline at end of file diff --git a/src/app/manage-learn/programs/program-listing/program-listing.component.ts b/src/app/manage-learn/programs/program-listing/program-listing.component.ts index 947581ba81..657eddef6c 100644 --- a/src/app/manage-learn/programs/program-listing/program-listing.component.ts +++ b/src/app/manage-learn/programs/program-listing/program-listing.component.ts @@ -84,7 +84,7 @@ export class ProgramListingComponent implements OnInit { } selectedProgram(id) { - this.router.navigate([`/${RouterLinks.PROGRAM}/${RouterLinks.SOLUTIONS}`, id]); + this.router.navigate([`/${RouterLinks.PROGRAM}/${RouterLinks.DETAILS}`,id]); } handleNavBackButton() { diff --git a/src/app/manage-learn/programs/programs.module.ts b/src/app/manage-learn/programs/programs.module.ts index 612a1d86f5..df3be49646 100644 --- a/src/app/manage-learn/programs/programs.module.ts +++ b/src/app/manage-learn/programs/programs.module.ts @@ -9,6 +9,8 @@ import { RouterLinks } from '@app/app/app.constant'; import { TranslateModule } from '@ngx-translate/core'; import { FormsModule } from '@angular/forms'; import { CoreModule } from '../core/core.module'; +import { ProgramDetailsComponent } from './program-details/program-details.component'; +import { CommonConsumptionModule } from '@project-sunbird/common-consumption'; const routes: Routes = [ { @@ -19,10 +21,14 @@ const routes: Routes = [ path: `${RouterLinks.SOLUTIONS}/:id`, component: SolutionListingComponent, }, + { + path: `${RouterLinks.DETAILS}/:id`, + component: ProgramDetailsComponent, + }, ]; @NgModule({ - declarations: [ProgramListingComponent, SolutionListingComponent], + declarations: [ProgramListingComponent, SolutionListingComponent, ProgramDetailsComponent], imports: [ CommonModule, RouterModule.forChild(routes), @@ -31,6 +37,7 @@ const routes: Routes = [ IonicModule, FormsModule, CoreModule, + CommonConsumptionModule, ], entryComponents:[] }) diff --git a/src/app/manage-learn/project/add-file/add-file.page.ts b/src/app/manage-learn/project/add-file/add-file.page.ts index f47e7cb40d..f32d874dbb 100644 --- a/src/app/manage-learn/project/add-file/add-file.page.ts +++ b/src/app/manage-learn/project/add-file/add-file.page.ts @@ -65,6 +65,7 @@ export class AddFilePage implements OnInit { this.description = params.taskId ? actions.TASK_FILE_DESCRIPTION.label : actions.PROJECT_FILE_DESCRIPTION.label; this.taskId = params.taskId; }) + this.updateRemarks = _.debounce(this.updateRemarks,1500) } ngOnInit() { } @@ -75,14 +76,7 @@ export class AddFilePage implements OnInit { } handleHeaderEvents($event) { - if ($event.name == 'back') { - if (JSON.stringify(this.projectCopy) !== JSON.stringify(this.project) || - JSON.stringify(this.projectCopy.tasks[this.taskIndex]) !== JSON.stringify(this.task)) { - this.pageExitConfirm(); - } else { - this.location.back() - } - } + this.location.back() } getProject() { this.db.query({ _id: this.projectId }).then( @@ -110,6 +104,7 @@ export class AddFilePage implements OnInit { } else { this.project.remarks = this.remarks } + this.update('save') } setHeaderConfig() { @@ -164,20 +159,24 @@ export class AddFilePage implements OnInit { delete(index) { this.attachments.splice(index, 1); - this.task.isEdit = true; this.update('delete'); + this.task.isEdit = true; } - onAction(event) { + async onAction(event) { if(!this.taskId){ - this.popupService.showPPPForProjectPopUp('FRMELEMNTS_LBL_EVIDENCES_CONTENT_POLICY', 'FRMELEMNTS_LBL_EVIDENCES_CONTENT_POLICY_TEXT', 'FRMELEMNTS_LBL_EVIDENCES_CONTENT_POLICY_LABEL', 'FRMELEMNTS_LBL_UPLOAD_EVIDENCES', 'https://diksha.gov.in/term-of-use.html', 'contentPolicy').then((data: any) => { + this.popupService.showPPPForProjectPopUp('FRMELEMNTS_LBL_EVIDENCES_CONTENT_POLICY', 'FRMELEMNTS_LBL_EVIDENCES_CONTENT_POLICY_TEXT', 'FRMELEMNTS_LBL_EVIDENCES_CONTENT_POLICY_LABEL', 'FRMELEMNTS_LBL_UPLOAD_EVIDENCES', 'https://diksha.gov.in/term-of-use.html', 'contentPolicy').then(async(data: any) => { if (data.isClicked) { if(data.isChecked){ if (event == 'openLink') { this.toggleLinkModal(); return; } - this.attachmentService.openAttachmentSource(event, this.attachments); + await this.attachmentService.openAttachmentSource(event, this.attachments); + setTimeout(() => { + this.update('save') + }, 1000); + }else{ this.toast.showMessage('FRMELEMNTS_MSG_EVIDENCES_CONTENT_POLICY_REJECT', 'danger'); } @@ -188,7 +187,10 @@ export class AddFilePage implements OnInit { this.toggleLinkModal(); return; } - this.attachmentService.openAttachmentSource(event, this.attachments); + await this.attachmentService.openAttachmentSource(event, this.attachments); + setTimeout(() => { + this.update('save') + }, 1000); } } @@ -197,13 +199,11 @@ export class AddFilePage implements OnInit { if (this.taskId) { this.task.attachments = this.attachments; this.task.remarks = this.remarks; + this.location.back(); if (JSON.stringify(this.projectCopy.tasks[this.taskIndex]) !== JSON.stringify(this.task)) { this.task.isEdit = true; this.project.isEdit = true; - this.taskId ? this.update(): this.update('submit'); this.toast.showMessage('FRMELEMNTS_LBL_FILES_ATTACHED', 'success') - } else { - this.location.back(); } } else { if (this.network.isNetworkAvailable) { @@ -223,6 +223,7 @@ export class AddFilePage implements OnInit { this.project.attachments = this.project?.attachments.concat(this.projectService.getLinks(event)); } this.toast.showMessage('FRMELEMNTS_MSG_SUCCESSFULLY_ATTACHED', 'success'); + this.update('save')   } this.toggleLinkModal(); } @@ -237,11 +238,8 @@ export class AddFilePage implements OnInit { .update(this.project) .then((success) => { this.project._rev = success.rev; - if (type == 'submit') { - this.attachments = []; - this.doSyncAction(type === 'submit'); - }else{ - this.location.back(); + if(type !== 'save'){ + this.location.back() } }) } @@ -255,35 +253,6 @@ export class AddFilePage implements OnInit { } } - async pageExitConfirm() { - let data; - this.translate.get(["FRMELEMNTS_MSG_ATTACHMENT_PAGE_EXIT_CONFIRM", "FRMELEMNTS_BTN_EXIT_PAGE", "FRMELEMNTS_BTN_YES_PAGE", "FRMELEMNTS_LBL_YES", "NO"]).subscribe((text) => { - data = text; - }); - const alert = await this.alert.create({ - cssClass: 'central-alert', - header: data['FRMELEMNTS_BTN_EXIT_PAGE'], - message: data['FRMELEMNTS_MSG_ATTACHMENT_PAGE_EXIT_CONFIRM'], - buttons: [ - { - text: this.taskId ? data["FRMELEMNTS_BTN_YES_PAGE"] : data["FRMELEMNTS_LBL_YES"], - handler: () => { }, - }, { - text: data["NO"], - role: "cancel", - cssClass: "secondary", - handler: (blah) => { - }, - }, - ], - }); - await alert.present(); - let resp = await alert.onDidDismiss(); - if (resp.role !== 'cancel') { - this.location.back(); - } - } - async submitProjectConfirmation() { let data; this.translate.get(["FRMELEMNTS_MSG_SUBMIT_PROJECT", "FRMELEMNTS_LBL_SUBMIT_IMPROVEMENT", "CANCEL", "FRMELEMNTS_BTN_SUBMIT"]).subscribe((text) => { @@ -316,7 +285,8 @@ export class AddFilePage implements OnInit { this.project.attachments = this.attachments; this.project.remarks = this.remarks; // this.project.status = statusType.submitted; - this.update('submit'); + this.attachments = []; + this.doSyncAction(true); }, 0) this.router.navigate([`${RouterLinks.PROJECT}/${RouterLinks.DETAILS}`], { queryParams: { diff --git a/src/app/manage-learn/shared/components/index.ts b/src/app/manage-learn/shared/components/index.ts index fc933f6ff8..1f4ac8a221 100644 --- a/src/app/manage-learn/shared/components/index.ts +++ b/src/app/manage-learn/shared/components/index.ts @@ -32,4 +32,6 @@ export * from './attachment-lists/attachment-lists.component'; export * from './report-list/report-list.component'; export * from './entity-search-local/entity-search-local.component'; export * from './start-improvement/start-improvement.component'; -export * from './join-program/join-program.component' +export * from './join-program/join-program.component'; +export * from './share-profile-data/share-profile-data.component'; +export * from './pii-consent-popup/pii-consent-popup.component' diff --git a/src/app/manage-learn/shared/components/join-program/join-program.component.html b/src/app/manage-learn/shared/components/join-program/join-program.component.html index ada73dd23c..7564ec88a5 100644 --- a/src/app/manage-learn/shared/components/join-program/join-program.component.html +++ b/src/app/manage-learn/shared/components/join-program/join-program.component.html @@ -11,7 +11,7 @@

- {{'FRMELEMNTS_LBL_JOIN_PROGRAM_MSG' | translate:{'name':name,'type':type} }} + {{ (message ? message : 'FRMELEMNTS_LBL_JOIN_PROGRAM_MSG') | translate:{'name':name,'type':type} }}

diff --git a/src/app/manage-learn/shared/components/join-program/join-program.component.ts b/src/app/manage-learn/shared/components/join-program/join-program.component.ts index ec6a2bea5a..d234e2702a 100644 --- a/src/app/manage-learn/shared/components/join-program/join-program.component.ts +++ b/src/app/manage-learn/shared/components/join-program/join-program.component.ts @@ -12,6 +12,7 @@ export class JoinProgramComponent implements OnInit { @Input() name @Input() type @Input() button + @Input() message? constructor(private popOverCtrl:PopoverController) { } diff --git a/src/app/manage-learn/shared/components/pii-consent-popup/pii-consent-popup.component.html b/src/app/manage-learn/shared/components/pii-consent-popup/pii-consent-popup.component.html new file mode 100644 index 0000000000..b6f1c276b0 --- /dev/null +++ b/src/app/manage-learn/shared/components/pii-consent-popup/pii-consent-popup.component.html @@ -0,0 +1,42 @@ + + + {{'PROFILE_DETAILS_TITLE' | translate}} + + + +
+
+
+
+

+ {{element.key}} + {{element.value}} +

+
+
+
+
+

+ + {{'FRMELEMNTS_LBL_CONSENT_POPUP_INFO' | translate}} +

+
+
+ + + +

+ {{ consentMessage1 | translate }} + {{ consentMessage2 | translate }} + {{ consentMessage3 | translate }} +

+
+
+ {{'FRMELEMNTS_BTN_DONOT_SHARE' | translate}} + + {{'SHARE' | translate}} + +
+
+
+
\ No newline at end of file diff --git a/src/app/manage-learn/shared/components/pii-consent-popup/pii-consent-popup.component.scss b/src/app/manage-learn/shared/components/pii-consent-popup/pii-consent-popup.component.scss new file mode 100644 index 0000000000..e9f8c93f64 --- /dev/null +++ b/src/app/manage-learn/shared/components/pii-consent-popup/pii-consent-popup.component.scss @@ -0,0 +1,76 @@ +@import "src/assets/styles/base/_variables.scss"; +@import "src/assets/styles/_variables.scss"; +@import "src/assets/styles/_custom-mixins.scss"; + + +ion-header{ + background-color: white !important; +} + +#main-content { + overflow-y: scroll; + background-color: var(--app-secondary-background); +} + +.consent-popover-info { + overflow: hidden; + padding: 14px; +} + +.body { + flex-grow: 1; + flex-shrink: 1; + height: 38vh; + overflow-y: scroll; +} + +.footer { + flex-grow: 0; + flex-shrink: 0; +} + +.terms-checkbox{ + --background-checked: #{$blue}; + --border-color: #{$blue}; + --border-radius: 4px; + --border-width: 0.063rem; + --border-color-checked:#{$blue}; +} + +.button-section{ + ion-button{ + flex: 1; + height: 45px; + margin-left: 15px; + margin-right: 15px; + font-size: 16px; + color: var(--app-primary); + --background: white !important; + --border-radius: 15px !important + } + + .disable{ + pointer-events: none; + } + + .enable{ + color: white; + --background : var(--app-primary) !important + } +} + +.profile-info{ + color: map-get($colors, granite_gray); + font-family: "Noto Sans", sans-serif; + font-size: $font-size-base; + letter-spacing: 0; +} + +.profile-info-section{ + display: grid; + grid-template-columns: 100px 227px; +} + +.terms-info{ + color: $blue +} \ No newline at end of file diff --git a/src/app/manage-learn/shared/components/pii-consent-popup/pii-consent-popup.component.ts b/src/app/manage-learn/shared/components/pii-consent-popup/pii-consent-popup.component.ts new file mode 100644 index 0000000000..7d3b461b31 --- /dev/null +++ b/src/app/manage-learn/shared/components/pii-consent-popup/pii-consent-popup.component.ts @@ -0,0 +1,116 @@ +import { Component, Input, OnInit } from '@angular/core'; +import { AppGlobalService, CommonUtilService, FormAndFrameworkUtilService, UtilityService } from '@app/services'; +import { PopoverController } from '@ionic/angular'; + +@Component({ + selector: 'app-pii-consent-popup', + templateUrl: './pii-consent-popup.component.html', + styleUrls: ['./pii-consent-popup.component.scss'], +}) +export class PiiConsentPopupComponent implements OnInit { + + @Input() consentMessage1 + @Input() consentMessage2 + @Input() consentMessage3 + @Input() redirectLink + isAgreed=false + profile + detailsList=[] + + constructor(private appGlobalService: AppGlobalService, private formAndFrameworkUtilService: FormAndFrameworkUtilService, + private commonUtilService: CommonUtilService, private popoverCtrl: PopoverController, private utilityService: UtilityService) { } + + ngOnInit() {} + + async ionViewWillEnter() { + this.profile = this.appGlobalService.getCurrentUser(); + const profileKeys = await this.formAndFrameworkUtilService.getConsentFormConfig(); + profileKeys.forEach(element => { + this.detailsList.push({ + key: this.commonUtilService.getTranslatedValue(element.templateOptions.placeHolder, + JSON.parse(element.templateOptions.placeHolder)['en']), + value: this.convertDataSrcToObject(element) + }); + }); +} + + +convertDataSrcToObject(ele) { + const dataSrc = ele.templateOptions.dataSrc; + switch (dataSrc.marker) { + case 'SERVER_PROFILE': + if (ele.code === 'emailId' || ele.code === 'phoneNumber') { + if (ele.code === 'emailId') { + return this.profile.serverProfile['email'] ? this.profile.serverProfile['email'] : + (this.profile.serverProfile['maskedEmail'] ? this.profile.serverProfile['maskedEmail'] : '-'); + } else { + return this.profile.serverProfile['phone'] ? this.profile.serverProfile['phone'] : + (this.profile.serverProfile['maskedPhone'] ? this.profile.serverProfile['maskedPhone'] : '-'); + } + } else { + if (ele.code === 'externalIds') { + let externalId = '-'; + if (this.profile.serverProfile[dataSrc.params.categoryCode] ) { + this.profile.serverProfile[dataSrc.params.categoryCode].forEach((externaleId) => { + if (externaleId.provider === this.profile.serverProfile.channel) { + externalId = externaleId.id; + } + }); + } + return externalId; + } else { + return this.profile.serverProfile[dataSrc.params.categoryCode] ? + this.profile.serverProfile[dataSrc.params.categoryCode] : '-'; + } + } + case 'SERVER_PROFILE_LOCATIONS': + let location = '-'; + if (this.profile.serverProfile.userLocations && this.profile.serverProfile.userLocations.length) { + this.profile.serverProfile.userLocations.forEach(element => { + if (element.type === ele.code) { + location = element.name; + } else if (ele.code === 'schoolId' && element.type === 'school' ) { + location = element.code; + } + }); + } + return location; + case 'SERVER_PROFILE_DECLARED': + if (this.profile.serverProfile.declarations.length && this.profile.serverProfile.declarations[0].info) { + return this.profile.serverProfile.declarations[0].info[dataSrc.params.categoryCode] ? + this.profile.serverProfile.declarations[0].info[dataSrc.params.categoryCode] : '-'; + } else if (ele.code === 'emailId' || ele.code === 'phoneNumber') { + if (ele.code === 'emailId') { + return this.profile.serverProfile['maskedEmail'] ? this.profile.serverProfile['maskedEmail'] : '-'; + } else { + return this.profile.serverProfile['maskedPhone'] ? this.profile.serverProfile['maskedPhone'] : '-'; + } + } + return '-'; + default: + return '-'; + } +} + + + async openTermsOfUse(){ + const baseUrl = await this.utilityService.getBuildConfigValue('TOU_BASE_URL'); + const url = baseUrl + this.redirectLink; + const options = 'hardwareback=yes,clearcache=no,zoom=no,toolbar=yes,disallowoverscroll=yes'; + (window as any).cordova.InAppBrowser.open(url, '_blank', options); + } + + changeEvent(event) { + this.isAgreed = event.target.checked; +} + +share() { + this.popoverCtrl.dismiss(true) +} + + +dontShare() { + this.popoverCtrl.dismiss(false) +} + +} diff --git a/src/app/manage-learn/shared/components/share-profile-data/share-profile-data.component.html b/src/app/manage-learn/shared/components/share-profile-data/share-profile-data.component.html new file mode 100644 index 0000000000..3ee3e2889d --- /dev/null +++ b/src/app/manage-learn/shared/components/share-profile-data/share-profile-data.component.html @@ -0,0 +1,40 @@ + +
+
+ {{'FRMELEMNTS_LBL_DATA_SETTINGS' | translate}} + +
+
+
{{'FRMELEMNTS_LBL_DATA_SHARING_ON' | translate}}
+
{{'FRMELEMNTS_LBL_DATA_SHARING_OFF' | translate}}
+

{{"FRMELEMNTS_MSG_SHARE_DATA_INFO" | translate:{'type':type} }} +
{{'DFLT_TRK_FRMELEMNTS_LBL_COURSE_LAST_UPDATED_ON' | translate:{'last_updated_on_date': lastUpdatedOn | date: 'dd/MM/yyyy'} }} +

+

{{"FRMELEMNTS_MSG_DONOT_SHARE_DATA_INFO" | translate:{'type':type} }}

+
{{ (showShareData ? 'FRMELEMNTS_BTN_CLOSE' : 'FRMELEMNTS_BTN_EDIT_SETTING') | translate }}
+
+
+
+
+
+ + {{'FRMELEMNTS_LBL_UPDATE_DATA_SETTINGS' | translate}} + + + + + {{'FRMELEMNTS_LBL_SHARE_PROFILE_INFORMATION' | translate}} + + + + {{'FRMELEMNTS_LBL_DONOT_SHARE_PROFILE_INFO' |translate}} + + + + +
+ {{'SAVE' | translate}} +
+
+
+ \ No newline at end of file diff --git a/src/app/manage-learn/shared/components/share-profile-data/share-profile-data.component.scss b/src/app/manage-learn/shared/components/share-profile-data/share-profile-data.component.scss new file mode 100644 index 0000000000..02d31c8a51 --- /dev/null +++ b/src/app/manage-learn/shared/components/share-profile-data/share-profile-data.component.scss @@ -0,0 +1,66 @@ +@import 'src/assets/styles/_custom-mixins'; +@import "src/assets/styles/variables"; +@import "src/assets/styles/_variables.scss"; + + +ion-card{ + border-radius: 10px; +} + +.heading-icon-block{ + font-size: 1rem !important; + margin-top: 8px; + color: $black; + ion-icon{ + font-size: 1.5rem; + color: #024f9d; + } +} + +.data-share-header{ + margin-top: 10px; + .data-share-info{ + padding: 5px 0px; + font-size: 16px; + text-transform: uppercase; + } + p{ + font-size: 14px; + } +} + +.edit-setting{ + float: right; + padding: 12px; + color: $blue; + font-weight: bold; +} + +.hr{ + height: 1px; + border: 1px solid #E9DED3; + margin-top: 8px; +} + +.label-margin-bottom{ + margin-bottom: 3px !important; + padding-top: 10px; + font-size: 16px; +} + +.data-list{ + background: unset !important; +} + +.radio-item{ + --padding-start: 0px; +} + +.radio-detail{ + font-size: 14px; + color: map-get($colors, primary_black); +} + +ion-button{ + width: 8rem; +} \ No newline at end of file diff --git a/src/app/manage-learn/shared/components/share-profile-data/share-profile-data.component.ts b/src/app/manage-learn/shared/components/share-profile-data/share-profile-data.component.ts new file mode 100644 index 0000000000..e45166d41a --- /dev/null +++ b/src/app/manage-learn/shared/components/share-profile-data/share-profile-data.component.ts @@ -0,0 +1,36 @@ +import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core'; + +@Component({ + selector: 'app-share-profile-data', + templateUrl: './share-profile-data.component.html', + styleUrls: ['./share-profile-data.component.scss'], +}) +export class ShareProfileDataComponent implements OnInit { + @Input() dataSharingStatus + @Input() type + @Input() lastUpdatedOn + @Output() save = new EventEmitter() + showShareData = false; + isDataShare = false; + + constructor() { } + + ngOnInit() {} + + toggleDataShare() { + this.isDataShare = !this.isDataShare; + this.showShareData = false; + } + + toggleEditSettings(){ + this.showShareData = !this.showShareData; + } + + saveChanges(){ + this.isDataShare = false + this.showShareData = false; + this.save.emit(this.dataSharingStatus) + + } + +} diff --git a/src/app/manage-learn/shared/generic.popup.ts b/src/app/manage-learn/shared/generic.popup.ts index 364e5816d9..b878a0f2c5 100644 --- a/src/app/manage-learn/shared/generic.popup.ts +++ b/src/app/manage-learn/shared/generic.popup.ts @@ -76,14 +76,15 @@ export class GenericPopUpService { return data; } - async showJoinProgramForProjectPopup(header,name,type,button){ + async showJoinProgramForProjectPopup(header,name,type,button,message?){ const alert = await this.popOverCtrl.create({ component : JoinProgramComponent, componentProps: { header: header, name: name, type:type, - button: button + button: button, + message: message }, cssClass: 'sb-popover', }); diff --git a/src/app/manage-learn/shared/shared.module.ts b/src/app/manage-learn/shared/shared.module.ts index a8dfef0416..0bdff2fb62 100644 --- a/src/app/manage-learn/shared/shared.module.ts +++ b/src/app/manage-learn/shared/shared.module.ts @@ -37,7 +37,9 @@ import { ReportListComponent, EntitySearchLocalComponent, StartImprovementComponent, - JoinProgramComponent + JoinProgramComponent, + ShareProfileDataComponent, + PiiConsentPopupComponent } from './components'; import { TranslateModule } from '@ngx-translate/core'; @@ -133,7 +135,9 @@ import { EntitySearchPipe } from './pipe/entity-local-search'; EntitySearchPipe, EntitySearchLocalComponent, StartImprovementComponent, - JoinProgramComponent + JoinProgramComponent, + ShareProfileDataComponent, + PiiConsentPopupComponent ], imports: [CommonModule, FormsModule, IonicModule, ReactiveFormsModule, TranslateModule, ChartsModule], @@ -193,7 +197,9 @@ import { EntitySearchPipe } from './pipe/entity-local-search'; EntitySearchPipe, EntitySearchLocalComponent, StartImprovementComponent, - JoinProgramComponent + JoinProgramComponent, + ShareProfileDataComponent, + PiiConsentPopupComponent ], providers: [ Camera, @@ -233,7 +239,9 @@ import { EntitySearchPipe } from './pipe/entity-local-search'; ReportListComponent, EntitySearchLocalComponent, StartImprovementComponent, - JoinProgramComponent + JoinProgramComponent, + ShareProfileDataComponent, + PiiConsentPopupComponent ], }) diff --git a/src/assets/i18n/en.json b/src/assets/i18n/en.json index 55ffa1053b..57e7c6e424 100644 --- a/src/assets/i18n/en.json +++ b/src/assets/i18n/en.json @@ -1379,5 +1379,18 @@ "FRMELEMNTS_LBL_START_OBSERVATION_POPUP_MSG1":"You must click on the Start observation button to access and edit the observation.", "FRMELEMNTS_LBL_START_OBSERVATION_POPUP_MSG2":"Click on the Start observation to get complete access to the content", "FRMELEMNTS_LBL_JOIN_PROGRAM_POPUP":"Join program", - "FRMELEMNTS_LBL_JOIN_PROGRAM_MSG":"Please join {{name}} program to view and access this {{type}}." + "FRMELEMNTS_LBL_JOIN_PROGRAM_MSG":"Please join {{name}} program to view and access this {{type}}.", + "FRMELEMNTS_MSG_NO_SOLUTIONS_FOR_PROGRAM":"There are no {{type}} attached to this program", + "FRMELEMNTS_MSG_PROGRAM_JOINED":"You have joined this program, please complete the resources by {{date}}", + "FRMELEMNTS_MSG_SHARE_DATA_INFO": "You have agreed to share your profile details with the {{type}} administrator", + "FRMELEMNTS_MSG_DONOT_SHARE_DATA_INFO": "You have not agreed to share your profile details with the {{type}} administrator", + "FRMELEMNTS_MSG_PROGRAM_NO_RESOURCES":"Please change and update your profile details to view program resources", + "FRMELEMNTS_LBL_OBSERVATIONS":"Observations", + "FRMELEMNTS_LBL_COURSES":"Courses", + "FRMELEMNTS_LBL_SURVEYS":"Surveys", + "FRMELEMNTS_LBL_CONSENT_POPUP_MSG1": "I consent to share my details with the administrators of this program. All program administrators are bound by the ", + "FRMELEMNTS_LBL_CONSENT_POPUP_MSG2":"in their use of my data", + "FRMELEMNTS_LBL_CONSENT_POPUP_POLICY_MSG": "Privacy Policy and DIKSHA Terms ", + "FRMELEMNTS_LBL_JOIN_PROGRAM_MSG2":"Please join {{name}} {{type}} to view and access all the resources in this {{type}}.", + "FRMELEMNTS_MSG_DATA_SETTINGS_UPDATE_SUCCESS":"Your data setting has been updated successfully" } \ No newline at end of file