searchbar.component.js
86a6a6ed9e8fMaj_january_2022

searchbar.component.js
View Options

			"use strict";

			/*
			OBJECTIFS:
			- Toujours afficher l'onglet pour modifier le scope
			- Afficher une alerte si les dates correspondent
			UTILISATION:
			Pour paramétrer l'alerte, il faut modifier le fichier alert.json (dans ce dossier)
			*/
			module.exports = {
			bindings: {parentCtrl: '<'},
			template: '<div class="epfl-alert-message" ng-if="ctrl.active" ng-bind-html="ctrl.get_txt() "></div>',
			controllerAs: 'ctrl',
			controller: ['$translate', function($translate){

			var vm = this;

			/********************/
			/* MESSAGE D'ALERTE */
			/********************/

			// récupère le fichier json avec les paramètres de l'alerte
			vm.alert = require("./alert.js");

			// par défaut, l'alerte n'est pas considérée comme active
			vm.active = false;

			// Vérifie dans le fichier json si une alerte est prévue
			if (vm.alert.active === true){

			// Teste si les dates correspondent pour l'affichage de l'alerte
			var d_now = Date.now();
			if ((new Date(vm.alert.begin) < d_now) && (d_now < new Date(vm.alert.end))) {
			// déclenche l'affichage de l'alerte
			vm.active = true;
			}
			}

			// getteur qui retourne le texte en fonction de la langue
			vm.get_txt = function(){
			var lang = ['en', 'fr', 'it', 'de'].includes($translate.use()) ? $translate.use():'en';
			return vm.active ? vm.alert.txt[lang] : "";
			}

			/*******************/
			/* SCOPE PERMANENT */
			/*******************/

			// Rendre permanent l'affichage des onglets permettant de sélectionnet le scope
			vm.parentCtrl.showTabsAndScopes = true;

			// console.log(vm.alert);
			}
			]};