Homec4science
Diffusion Primo_3_package (master) Browse

Primo3/primo-explore/custom/src/js/slsp/slsp-edit-personal-details/js/epfl-edit-personal-details.module.js
acd0e971ee37master

Last Change
Raw File

epfl-edit-personal-details.module.js
View Options

/* --------------------- */
/* - Début ajouts EPFL - */
/*
Ce module permet d'afficher les boutons renvoyant à SWITCH edu-ID.
- "this" a été remplacé partout par une variable "vm". C'est indispensable
pour garder la bonne référence dans les promesses.
- Les boutons sont ajoutés avant l'adresse ce qui ne peut pas passer par
un template
*/
/* - Fin ajouts EPFL - */
/* ------------------- */
angular
.module('epflEditPersonalDetails', [])
//------------------------------ edit personal details ---------------------------
.controller('EditPersonalDetailsController', ['$scope', '$element', '$translate' , function ($scope, $element, $translate) {
var vm = this; // Ajout EPFL
let lang = 'en';
let sms = $scope.$root.$$childHead.$ctrl.userSessionManagerService;
if (sms) {
lang = sms.getInterfaceLanguage();
}
vm.detailsBaseEdu = "https:\/\/eduid.ch\/web\/change-account-data\/2\/?lang=" + lang;
vm.detailsBaseReg = "https:\/\/registration.slsp.ch\/library-card\/?lang=" + lang;
vm.exclude = ['STAFF', '11', '12', '13', '14', '15', '16', '91', '92'];
vm.grpA = ['11', '91', '92']; // comptes locaux
vm.grpB = ['12', '13', '14', '15', '16']; // comptes institutionnels
vm.getPatronGrp = function() {
if (vm.parentCtrl.personalInfoService.personalInfo !== undefined) {
let patron = vm.parentCtrl.personalInfoService.personalInfo.patronstatus[0].registration[0].institution[0].patronstatuscode;
if (!vm.exclude.includes(patron)) {
return true;
}
else {
return false;
}
}
return false;
}
vm.grpLabelA = function() {
if (vm.parentCtrl.personalInfoService.personalInfo !== undefined) {
let labelA = vm.parentCtrl.personalInfoService.personalInfo.patronstatus[0].registration[0].institution[0].patronstatuscode;
if (vm.grpA.includes(labelA)) {
return true;
}
else {
return false;
}
}
return false;
}
vm.grpLabelB = function() {
if (vm.parentCtrl.personalInfoService.personalInfo !== undefined) {
let labelB = vm.parentCtrl.personalInfoService.personalInfo.patronstatus[0].registration[0].institution[0].patronstatuscode;
if (vm.grpB.includes(labelB)) {
return true;
}
else {
return false;
}
}
return false;
}
/* --------------------- */
/* - Début ajouts EPFL - */
vm.test = 0;
vm.testPersonalInfo = function() {
/* Constructeur de la promesse. Cette promess échoue quand
les informations utilisateur ne sont pas ou pas encore
disponible. */
return new Promise((persInfoAv, persInfoNotAv) => {
if (vm.parentCtrl.personalInfoService.personalInfo !== undefined) {
persInfoAv();
} else {
persInfoNotAv();
}
})
}
vm.persInfoAv = function() {
/* Succès de la promesse: le groupe utilisateur a été trouvé et
les boutons adéquats s'afichent. */
let html = '<div class="btn-account">';
if (vm.grpLabelA()) {
html += `<md-card-content flex="100" class="bar courier-info layout-align-left-center layout-row"><span>${vm.parentCtrl.$translate.instant('customized.libraries.details')}</span></md-card-content>`;
}
else if (vm.grpLabelB()) {
html += `<md-card-content flex="100" class="bar courier-info layout-align-left-center layout-row"><span>${vm.parentCtrl.$translate.instant('customized.slsp.details')}</span></md-card-content>`;
}
else if (vm.getPatronGrp) {
html += `<a href="${vm.detailsBaseEdu }" target="_blank">
<md-card-content flex="100" class="bar layout-align-left-center layout-row">
<prm-icon class="rotate-20 margin-right-small" icon-type="svg" svg-icon-set="primo-ui" icon-definition="pencil">
<svg id="pencil_cache64" viewBox="0 0 24 24" y="696" xmlns="http://www.w3.org/2000/svg" fit="" preserveAspectRatio="xMidYMid meet" focusable="false">
<path d="M20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18,2.9 17.35,2.9 16.96,3.29L15.12,5.12L18.87,8.87M3,17.25V21H6.75L17.81,9.93L14.06,6.18L3,17.25Z"></path>
</svg>
</prm-icon>
<span class="md-subhead" >${vm.parentCtrl.$translate.instant('customized.personal.details')}</span>
</md-card-content>
</a>
<a href="${vm.detailsBaseReg}" target="_blank">
<md-card-content flex="100" class="bar layout-align-left-center layout-row">
<prm-icon class="rotate-20 margin-right-small" icon-type="svg" svg-icon-set="primo-ui" icon-definition="account-card-details">
<svg id="account-card-details_cache63" viewBox="0 0 24 24" y="1176" xmlns="http://www.w3.org/2000/svg" fit="" preserveAspectRatio="xMidYMid meet" focusable="false">
<path d="M2,3H22C23.05,3 24,3.95 24,5V19C24,20.05 23.05,21 22,21H2C0.95,21 0,20.05 0,19V5C0,3.95 0.95,3 2,3M14,6V7H22V6H14M14,8V9H21.5L22,9V8H14M14,10V11H21V10H14M8,13.91C6,13.91 2,15 2,17V18H14V17C14,15 10,13.91 8,13.91M8,6A3,3 0 0,0 5,9A3,3 0 0,0 8,12A3,3 0 0,0 11,9A3,3 0 0,0 8,6Z"></path>
</svg>
</prm-icon>
<span class="md-subhead" >${vm.parentCtrl.$translate.instant('customized.libcard.number')}</span>
</md-card-content>
</a>`
}
html += '</div>';
var htmlcompiled = angular.element(html)[0];
var place_to_insert = $element[0].parentElement.children[1].children[0];
place_to_insert.insertBefore(htmlcompiled, place_to_insert.children[1]);
}
vm.persInfoNotAv = function() {
vm.test += 1;
if (vm.test < 10) {
/* En cas d'échec, on attend 0.5 second et on relance le test */
setTimeout(() => vm.testPersonalInfo().then(vm.persInfoAv, vm.persInfoNotAv), 500);
}
}
if (vm.test === 0) {
/* Premier lancement du test pour voir si les infos utilisateur
sont disponibles */
vm.testPersonalInfo().then(vm.persInfoAv, vm.persInfoNotAv);
}
/* - Fin ajouts EPFL - */
/* ------------------- */
}])
.component('prmPersonalInfoAfter', {
bindings: { parentCtrl: '<' },
controller: 'EditPersonalDetailsController',
/* Suppression EPFL */
// template: '<md-card ng-if="$ctrl.grpLabelA()" translate="customized.libraries.details" flex="100" class="bar alert-bar courier-info"></md-card><md-card ng-if="$ctrl.grpLabelB()" translate="customized.slsp.details" flex="100" class="bar alert-bar courier-info"></md-card> <div layout="column"> <md-button ng-if="$ctrl.getPatronGrp()" href="{{ $ctrl.detailsBaseEdu }}" target="_blank" layout="row" class="courier-info bar alert-bar layout-align-left-center layout-row" layout-align="left center"><span class="md-subhead"><prm-icon class="rotate-20 margin-right-small" icon-type="svg" svg-icon-set="primo-ui" icon-definition="pencil"></prm-icon><span class="md-subhead" translate="customized.personal.details"></span></md-button> <br /> <md-button ng-if="$ctrl.getPatronGrp()" href="{{ $ctrl.detailsBaseReg }}" target="_blank" layout="row" class="courier-info bar alert-bar layout-align-left-center layout-row" layout-align="left center"><prm-icon class="rotate-20 margin-right-small" icon-type="svg" svg-icon-set="primo-ui" icon-definition="account-card-details"></prm-icon><span class="md-subhead" translate="customized.libcard.number"></span></md-button ></div> '
});
c4science · Help