merge master

.env.example

@@ -1,18 +1,32 @@
 
+# environnement de travail
 APP_ENV=dev
 APP_DEBUG=1
 APP_SECRET="@TODO Choisir une valeur secrète pour ce projet"
 
-APP_URL_PREFIX="/phoenix"
+# base de donnée
+DATABASE_URL="mysql://root:logipro@mysql/[nom_de_la_bd]"
 
-APP_HOST="localhost"
+# compositions des urls
+APP_URL_PREFIX="/phoenix"
+APP_HOST="vm"
 
-DATABASE_URL="mysql://root:@localhost/phoenix"
+# chemin de compilation des assets
+WEBPACK_DEV_PUBLIC_PATH="http://192.168.240.[ip_vm_docker]:3000/phoenix/build"
 
-WEBPACK_DEV_PUBLIC_PATH="/phoenix/build"
+# convertisseur pdf distant
+DOCX_TO_PDF_CONVERTER_URL="https://unoconv.logipro.com/unoconv/pdf"
 
+# mailer
 MAILER_HOST="isp15.logipro.com"
 MAILER_USERNAME="phoenix@logipro.com"
 MAILER_PASSWORD="phoenix43;"
+MAILER_DEV_DESTINARY="example@logipro.com"
+MAILER_PORT="25"
+MAILER_ENCRYPTION="tls"
 
-MAILER_DEV_DESTINARY="example@logipro.com"
+# bundle jupyter
+#JUPYTER_URL="http[|s]://[ip/domaine]"
+#JUPYTER_API_URL="http[|s]://[ip/domaine]:5000"
+#JUPYTER_API_TOKEN="[token_admin_jupyter]"
+#JUPYTER_UPLOAD_SIZE_MO=100

.env.test

@@ -1,4 +1,10 @@
-# define your env variables for the test env here
-KERNEL_CLASS='App\Kernel'
-APP_SECRET='s$cretf0rt3st'
-SYMFONY_DEPRECATIONS_HELPER=999999
+    APP_ENV=test
+    APP_URL_PREFIX="/phoenix"
+    APP_LANGUAGE="fr"
+
+    # define your env variables for the test env here
+    KERNEL_CLASS='Logipro\Phoenix\Kernel\AppKernel'
+    APP_SECRET='s$cretf0rt3st'
+    SYMFONY_DEPRECATIONS_HELPER=999999
+
+    DATABASE_TEST_URL="sqlite:///%kernel.project_dir%/var/app.db"

.gitignore

@@ -1,30 +1,41 @@
+###> Fichiers racine
 /.env
 /.buildpath
 /.svn
 /.project
 /.history
-/composer.lock
+/.vscode/
 /yarn.lock
 /yarn-error.log
 /symfony.lock
 /package-lock.json
+/composer.local.json
+###> phpunit/phpunit ###
+/phpunit.xml
+.phpunit.result.cache
+###< phpunit/phpunit ###
+###> fin fichiers racine
 
-# tous le types de cache
-/var/cach*
-/var/log/
-/var/uploads/
-# fichier readme pour créer le dossier
-!/var/uploads/readme
+###> dossier bin
+bin/update.sh
+bin/cron.sh
+bin/.phpunit
+###< fin dossier bin
 
-/vendor/
+###> dossier node_modules
 /node_modules/
+###> fin dossier node_modules
 
+###> dossier config
 config/.routes.yaml.swp
+config/packages/Dev
+config/bundles.local.php
+###> fin dossier config
 
+###> dossiers public
 /public/.htaccess
-/public/bundles/bazingajstranslation
-/public/bundles/kmsfroalaeditor
-/public/bundles/fosjsrouting
+/public/bundles
+!/public/bundles/phx-custom.js
 
 # contenu du dossier upload
 /public/uploads/
@@ -36,20 +47,56 @@ config/.routes.yaml.swp
 /public/uploads/import/
 !/public/uploads/import/modeleImportContact.csv
 
-# fichier d'import des contacts
+# fichier des modèles de documents
 !/public/uploads/documents/
 
-# fichier îece jointe des mails
+# fichier pîece jointe des mails
 !/public/uploads/attachments/
 
+# ce dossier est ignoré car il est unique pour chaque plateforme
+/public/build/bundles
+
+###> liip/imagine-bundle ###
+/public/media/cache/
+###< liip/imagine-bundle ###
+
+# fichier SCORM
+/public/content/
+/private/
+
+###< fin dossier public
+
+###> dossier src/assets
+/assets/exclusive/css/custom-learning-space.css
+/assets/exclusive/css/custom-catalog.css
+###< fin dossier assets
+
+###> dossier src/command
+/Command/Dev
+###< fin dossier command
+
 # contenu du dossier templates/temp
-/templates/temp/
+/templates/temp/*
 # fichier readme pour créer le dossier
 !/templates/temp/readme
 
-/assets/exclusive/css/custom-learning-space.css
-/assets/exclusive/css/custom-catalog.css
+###> dossier var
+# tous le types de cache
+/var/
+# fichier readme pour créer le dossier
+!/var/uploads/readme
+###> fin var
 
-bin/update.sh
+###> dossier vendor
+/vendor/
+###> fin dossier vendor
+
+.phpunit
+##### dev
+# --- à supprimer en prod
+#/public/build
+# à supprimer en prod ---
 
-.phpunit
+# --- à ajouter en prod
+bin/dev
+# à ajouter en prod ---

.vscode/settings.json

@@ -1,4 +1,4 @@
 {
-    "editor.insertSpaces": false,
-    "editor.tabSize": 4
+	"editor.tabSize": 4,
+    "files.eol": "\n",
 }

README.md

@@ -1,3 +1,98 @@
-# Phoenix
+# Agora (Infinity)
 
-Projet Phoenix
+#Installation
+
+##Environnement de Dev pour Linux
+
+Pré-requis:
+* poste de travail Linux compatible docker LAMP PHP7.2
+* npm installé sur le poste local
+* environnement docker installé
+* editeur VSCodium
+* un répertoire de travail \[work\]
+
+Récuperer la dernière version sur le git
+	cd [work]
+	git clone [Url Agora]
+
+Création du docker NOMDUDOCKER avec :
+* volume partagé : \[work\] en local / dossier exposé au web (A partir de maintenant on appelera \[APP\] le chemin de ce dossié ou se trouve la racine de l'application Agora (ex. : /var/www/html/Phoenix/))
+
+Se connecter sous le docker avec une commande ressemblant à:
+
+	docker exec -ti NOMDUDOCKER /bin/bash
+
+
+Modifier le contenu du fichier de configuration apache ppur pointer vers le dossier APP/public
+
+	nano /etc/apache2/sites-enabled/default.conf
+
+	Alias /phoenix /var/www/html/Phoenix/public
+	<Directory /var/www/html/Phoenix/public>
+			Options Indexes FollowSymLinks MultiViews
+			AllowOverride All
+			Order allow,deny
+			allow from all
+	</Directory>
+
+Permettre l'affichage des erreurs php
+	nano /usr/local/etc/php/php.ini
+	ajouter (ou remplacer "display_errors = Off" par) "display_errors = On"  
+
+Relancer le serveur apache
+	service apache2 restart
+
+Créer le fichier APP/public/.htaccess avec le contenu:
+	Options +FollowSymlinks
+	RewriteEngine On
+	
+	RewriteCond %{REQUEST_FILENAME} !-f
+	RewriteRule ^(.*)$ /phoenix/index.php [QSA,L]
+    
+Changer les droit d'accès du répertoire de téléchargement
+    chmod 777 [APP]/var/uploads
+
+Lancer la mise à jour des paquets
+	cd APP
+	php -d memory_limit=3000M composer install --verbose --profile
+
+Verifier que les lignes suivantes sont présentes dans le fichier APP/.env avec le contenu suivant:
+	APP_ENV=dev
+	APP_DEBUG=1
+	APP_SECRET="@TODO Choisir une valeur secrète pour ce projet"	
+	APP_URL_PREFIX="/phoenix"
+	APP_HOST="localhost"
+	DATABASE_URL="mysql://root:logipro@[IPDOCKERMYSQL]/phoenix"
+	DATABASE_TEST_URL="mysql://root:logipro@[IPDOCKERMYSQL]/phoenixtest"
+	ASSETS_BASE_URL="phoenix"
+	WEBPACK_DEV_PUBLIC_PATH="/phoenix/build"	
+	MAILER_HOST="isp15.logipro.com"
+	MAILER_USERNAME="phoenix@logipro.com"
+	MAILER_PASSWORD="phoenix43;"	
+	MAILER_DEV_DESTINARY="[prenom].[nom]@logipro.com"
+
+Lancer les commandes dans APP:
+	cd APP
+	php bin/console doctrine:database:create
+	php bin/console doctrine:schema:create
+	php bin/console phoenix:setup
+	php bin/console phoenix:thematic:init
+
+Les commandes suivantes à LANCER DEPUIS EN LOCAL depuis WORK permettront de construire les liens à l'intérieur des pages
+	npm install
+	npm run dev
+
+Preparer les executions périodique avec le cron (crontab -e)
+
+    * * * * * /usr/local/bin/php /var/www/html/Phoenix/bin/console phoenix:cron:minute
+
+Pour vous connecter
+	dans le navigateur : [URL]/phoenix
+	login / mdp : admin@logipro.com / admin
+
+Ajouter le logo pour vous prévenir de comportement bizarre avec les emails (paramètres / informations générales)
+
+
+##Environnement de Dev pour Windows
+
+Une procédure d'installation est présente sur le réseau interne de Logipro [http://jira.logipro.com:8090/display/TLP/Installer+docker]

assets/exclusive/js/back-office/form_library_utility.js

@@ -1,97 +1,85 @@
 /**
  * Ce fichier gère la partie formulaire des librairies
  */
- /**
- *
- * @param container
- * @returns
- */
-module.exports = function (container,options)
-{
+/**
+*
+* @param container
+* @returns
+*/
+module.exports = function (container, options) {
 	options = options || {};
 
 	let modal = container;
 	let body = modal.find('.ali-Content');
-	if (!modal.hasClass('modal'))
-	{
+	if (!modal.hasClass('modal')) {
 		modal = container.parents('.modal');
 	}
 
-	if (modal.length == 0)
-	{
+	if (modal.length == 0) {
 		modal = container;
 		body = container;
 	}
-	else
-	{
+	else {
 		body = modal.find('.modal-body');
 	}
-	
-	let defaultOptions = { 
-		postSucces: function(response)
-		{
-			if (!response.urlRedirect)
-			{
-				if (response.newContent && response.newContent != '')
-				{
+
+	let defaultOptions = {
+		postSucces: function (response) {
+			if (!response.urlRedirect) {
+				if (response.newContent && response.newContent != '') {
 					$('#modalCreateNewElementFromLibrary').find('.modal-content').html(response.newContent);
 				}
-				else
-				{
+				else {
 					// Fermeture de la modale
-					if (modal)
-					{
+					if (modal) {
 						modal.modal('hide');
 					}
 				}
 				// Affichage du message si les classes sont définis
-				if (response.message && response.messageType)
-				{
-					$.phoenix.addToast(response.message,response.messageType);
+				if (response.message && response.messageType) {
+					$.phoenix.addToast(response.message, response.messageType);
 				}
 			}
-			else
-			{
+			else {
 				// On est sur la liste on reactualise la page
-				window.parent.document.location = response.urlRedirect;
+				if (window.parent.document.location == response.urlRedirect) {
+					location.reload();
+				}
+				else {
+					window.parent.document.location = response.urlRedirect;
+				}
+
 			}
 		},
-		postError: function(response)
-		{
+		postError: function (response) {
 		},
-		beforeSubmit: function(formData)
-		{
+		beforeSubmit: function (formData) {
 			return formData;
 		}
-	 };
-	 $.extend(defaultOptions, options);
+	};
+	$.extend(defaultOptions, options);
 
 	// Soumission des formulaires en AJAX
 	let form = container;
-	if (form.phxGetTagName() != "form")
-	{
+	if (form.phxGetTagName() != "form") {
 		form = container.find('form');
 	}
 
-	form.on('submit', function()
-	{
+	form.on('submit', function () {
 		// traite les champs date spéciaux
 		let firstInvalid = null;
-		form.find('*[required][readonly]').each(function()
-		{
+		form.find('*[required][readonly]').each(function () {
 			let element = $(this);
 
 			element.removeAttr('readonly');
 
 			let native = element[0];
-			if (native.checkValidity() === false)
-			{
+			if (native.checkValidity() === false) {
 				firstInvalid = element;
 			}
-			element.attr('readonly','readonly');
+			element.attr('readonly', 'readonly');
 		});
-		if (firstInvalid)
-		{
+		if (firstInvalid) {
 			firstInvalid.focus();
 			return false;
 		}
@@ -108,88 +96,77 @@ module.exports = function (container,options)
 		formData = defaultOptions.beforeSubmit(formData);
 
 		$.ajax({
-			method: 'POST', 
-			url: action, 
+			method: 'POST',
+			url: action,
 			data: formData,
 			processData: false,
 			contentType: false
 		}).done
-		(
-			function(response)
-			{
-				$(document).phxUnlock();
-
-				if (response)
-				{
-					if (response.messageType == 'error')
-					{
-						if (response.formError)
-						{
-							let highter = body.find(':first-child').offset().top;
-							let minTop = 1000000;
-							let addError = function (field,value)
-                            {
-								let fieldContainer = field.parent();
-
-								// cas spécifique des autocompletes
-								if (field.attr('data-phx-remote-select-hidden'))
-								{
-									field = container.find(field.attr('data-phx-remote-select-hidden') + "_search");
-
-									fieldContainer = field.parents('.ali-InputSearch').parent();
-								}
-								let top = Math.abs(highter - field.offset().top);
-								if (minTop > top)
-                                {
-                                    minTop = top;
-							   }
-							   
-								 // ajoute les erreurs au formulaire
-								let events = ['change','keydown','paste','drop'];
-								events = events.join('.logipro.error ') + '.logipro.error';
-
-								field.off(events);
-
-                                field.addClass('ali-InputError');
-                                let span = $('<span>',{
-                                    class:'invalid-feedback d-block'
-                                }).text(value);
-                                fieldContainer.append(span);
-
-                                field.on(events,function()
-                                {
-                                    field.removeClass('ali-InputError');
-                                    span.remove();
-                                });
-                            }
-
-                            // erreur des champs
-							$.each(response.formError,function(key,value)
-							{
-								let field = container.find('#' + key);
-
-								// test car parfois le controleur remonte des erreurs sur aucun champ
-								// ces erreurs concernent le formulaire global
-								if (field.length > 0)
-								{
-									addError(field,value);
+			(
+				function (response) {
+					$(document).phxUnlock();
+
+					if (response) {
+						if (response.messageType == 'error') {
+							if (response.formError) {
+								let highter = body.find(':first-child').offset().top;
+								let minTop = 1000000;
+								let addError = function (field, value) {
+									let fieldContainer = field.parent();
+
+									// cas spécifique des autocompletes
+									if (field.attr('data-phx-remote-select-hidden')) {
+										field = container.find(field.attr('data-phx-remote-select-hidden') + "_search");
+
+										fieldContainer = field.parents('.ali-InputSearch').parent();
+									}
+									let top = Math.abs(highter - field.offset().top);
+									if (minTop > top) {
+										minTop = top;
+									}
+
+									// ajoute les erreurs au formulaire
+									let events = ['change', 'keydown', 'paste', 'drop'];
+									events = events.join('.logipro.error ') + '.logipro.error';
+
+									field.off(events);
+
+									field.addClass('ali-InputError');
+									let span = $('<span>', {
+										class: 'invalid-feedback d-block'
+									}).text(value);
+									fieldContainer.append(span);
+
+									field.on(events, function () {
+										field.removeClass('ali-InputError');
+										span.remove();
+									});
 								}
-							});
 
-							body.scrollTop(minTop - 20);
-						}
-						// erreur générale
-						$.phoenix.addToast(response.message,response.messageType);
+								// erreur des champs
+								$.each(response.formError, function (key, value) {
+									let field = container.find('#' + key);
 
-						defaultOptions.postError(response);
-					}
-					else
-					{
-						defaultOptions.postSucces(response);
+									// test car parfois le controleur remonte des erreurs sur aucun champ
+									// ces erreurs concernent le formulaire global
+									if (field.length > 0) {
+										addError(field, value);
+									}
+								});
+
+								body.scrollTop(minTop - 20);
+							}
+							// erreur générale
+							$.phoenix.addToast(response.message, response.messageType);
+
+							defaultOptions.postError(response);
+						}
+						else {
+							defaultOptions.postSucces(response);
+						}
 					}
 				}
-			}
-		);
+			);
 		return false;
 	});
 }

assets/exclusive/js/back-office/init_back_office.js

@@ -33,24 +33,6 @@ $(document).ready(function ()
 	removeOutlineOnClick();
 });
 
-function initscrollDatepicker(container)
-{
-	// initialise les datepicker
-	var lastScrollTop = 0;
-	container.scroll(function (event)
-	{
-		container.find('[data-airpicker]').each(function()
-		{
-			let picker = $(this).data('datepicker');
-			if (picker)
-			{
-				picker.hide();
-			}
-		});
-	});
-}
-
-
 function initscrollDatepicker(container)
 {
 	// initialise les datepicker

assets/exclusive/js/back-office/init_back_office_forum.js

@@ -366,6 +366,7 @@ function createQuestion(formQuestion) {
 				}
 				else
 				{
+					form.phxUnlock();
 					alert(response.error);
 				}
 

assets/exclusive/js/back-office/init_diary.js

@@ -0,0 +1,277 @@
+"use strict";
+import { Calendar } from '@fullcalendar/core';
+import dayGridPlugin from '@fullcalendar/daygrid';
+import timeGridPlugin from '@fullcalendar/timegrid';
+import listPlugin from '@fullcalendar/list';
+import bootstrapPlugin from '@fullcalendar/bootstrap';
+import { initBtnPlace } from './session/create/session_place';
+
+$(document).ready(function()
+{
+	initDiary();
+});
+
+function initDiary()
+{
+	var eventClick = false;
+	var minRenderDate = null;
+	var maxRenderDate = null;
+	var calendarEl = document.getElementById('ali-calendar');
+	var nbLoading = 0;
+	
+	var calendar = new Calendar(calendarEl, {
+		plugins: [ dayGridPlugin, timeGridPlugin, listPlugin, bootstrapPlugin ],
+		themeSystem: 'bootstrap',
+		contentHeight: 900,
+		firstDay: 1,
+		buttonText : {
+			today: "Aujourd'hui",
+			month: 'Mois',
+			week:  'Semaine',
+			day:   'Jour'
+		},
+		allDaySlot: false,
+		bootstrapFontAwesome:{
+			close: 'ali-times',
+			prev: 'ali-chevron-left',
+			next: 'ali-chevron-right',
+			prevYear: 'ali-angle-double-left',
+			nextYear: 'ali-angle-double-right'
+		},
+		header: {
+			left:   'prev next today',
+			center: 'title',
+			right:  'dayGridMonth,timeGridWeek,timeGridDay'
+		},
+		columnHeaderFormat: { weekday: 'long' },
+		windowResize: function(view) {
+			var columnFormat = view.calendar.getOption('columnHeaderFormat');
+			if ($(window).width() < 900)
+			{
+				if (columnFormat.weekday == 'long')
+				{
+					columnFormat.weekday = "short";
+					calendar.setOption('columnHeaderFormat', columnFormat);
+				}
+			}
+			else
+			{
+				if (columnFormat.weekday == 'short')
+				{
+					columnFormat.weekday = "long";
+					calendar.setOption('columnHeaderFormat', columnFormat);
+				}
+			}
+		},
+		datesRender: function(info) {
+			// Variable qui permet de savoir si on doit charger les event de la plage affiché ou non
+			var loadEvents = false;
+
+			if (!minRenderDate && !maxRenderDate)
+			{
+				// S'il n'y a pas encore eu d'affichage de plage sauvegarder la plage afficher
+				minRenderDate = info.view.activeStart;
+				maxRenderDate = info.view.activeEnd;
+				// et autoriser le chargement des events de cette plage
+				var loadEvents = true;
+			}
+			else {
+				// Si la date de début est hors de la plage déjà charger
+				if (minRenderDate > info.view.activeStart)
+				{
+					// Etendre la plage sauvegarder
+					minRenderDate = info.view.activeStart;
+					// et autoriser le chargement des events de cette plage
+					loadEvents = true;
+				}
+				// Si la date de fin est hors de la plage déjà charger
+				if (maxRenderDate < info.view.activeEnd)
+				{
+					// Etendre la plage sauvegarder
+					maxRenderDate = info.view.activeEnd;
+					// et autoriser le chargement des events de cette plage
+					loadEvents = true;
+				}
+			}
+			
+			// Si le chargement deevent est autorisé
+			if (loadEvents)
+			{
+				nbLoading = nbLoading + 1;
+				$(".ali-DiaryLoading").show();
+
+				var viewCalendar = info.view.calendar;
+				// Définir la plage d'évent à charger (correspond à ce qui est affiché sur le calendrier)
+				var datas = {
+					"startDate": formatDate(info.view.activeStart),
+					"endDate": formatDate(info.view.activeEnd)
+				};
+
+				// Envoyer la requête pour récupérer les events
+				var url = $("#ali-calendar").data('get-events-action');
+				$.get(url, datas, function (reponse) {
+					// S'il y a une reponse 
+					if (reponse)
+					{
+						$.each(reponse, function(id, elem)
+						{
+							// Traiter les dates
+							elem.start = new Date(elem.start);
+							elem.end = new Date(elem.end);
+
+							var eventCalendar = viewCalendar.getEventById(elem.id);
+							if (eventCalendar)
+							{
+								// Si l'event et déjà dans le calendrier le metttre à jour
+								eventCalendar.setProp('title', elem.title);
+								eventCalendar.setDates(elem.start, elem.end);
+								eventCalendar.setDates(elem.start, elem.end);
+							}
+							else
+							{
+								// Sinon l'ajouter
+								viewCalendar.addEvent(elem);
+							}
+						});
+						
+						nbLoading = nbLoading - 1;
+						if (!nbLoading) {
+							$(".ali-DiaryLoading").hide();
+						}
+					}
+
+				});
+			}
+		},
+		eventClick: function(eventClickInfo) {
+			eventClick = true;
+			var aliCalendar = $("#ali-calendar");
+			var elem = $(eventClickInfo.el);
+			var event = eventClickInfo.event;
+			var toolTip = elem.find('.ali-DiaryToolTip');
+			var container = $(".fc-view-container .fc-scroller");
+
+			container.css('position', 'relative');
+
+			if (!toolTip.length)
+			{
+				toolTip = $('<div>', {class:"ali-DiaryToolTip", html:event.extendedProps.preview}).fadeOut(0).appendTo(container);
+				// Initialiser le bouton "Lieu de formation"
+				var placeBtn = toolTip.find('.ali-ClassroomPlace-btn');
+				if (placeBtn.length) {
+					initBtnPlace(placeBtn);
+				}
+				// Initialiser le bouton "Ouvrir la classe"
+				var virtualBtn = toolTip.find("a[name='create-virtual-class']");
+				if (virtualBtn.length) {
+					initVirtualClassButton(virtualBtn);
+				}
+			}
+
+			if (toolTip.is(":visible")) {
+				return;
+			}
+
+			$('.ali-DiaryToolTip').fadeOut(200);
+
+			// Position de la tooltip
+			var leftParent = aliCalendar.offset().left;
+			var leftEvent = elem.offset().left;
+			var leftEventInParent = leftEvent - leftParent;
+			var ratioLeft = leftEventInParent / aliCalendar.width();
+			var tooltipClass = "";
+			if (ratioLeft < 0.33) {
+				// à droite
+				tooltipClass = "ali-DiaryToolTip-right";
+			}
+			else if (ratioLeft > 0.55) {
+				// à gauche
+				tooltipClass = "ali-DiaryToolTip-left";
+			}
+			else {
+				// centre
+				tooltipClass = "ali-DiaryToolTip-center";
+			}
+
+			var topParent = aliCalendar.offset().top;
+			var topEvent = elem.offset().top;
+			var topEventInParent = topEvent - topParent;
+			var marge = 0;
+			if (topEventInParent + elem.height() + toolTip.height() > aliCalendar.height()) {
+				tooltipClass += ", ali-DiaryToolTip-top"
+			}
+			else {
+				marge = 20;
+			}
+			// Position dans le contenaire
+			toolTip.css({
+				top: elem.offset().top - container.offset().top  + container.scrollTop() + marge,
+				left: elem.offset().left - container.offset().left,
+			});
+			
+			toolTip.removeClass("ali-DiaryToolTip-right, ali-DiaryToolTip-left, ali-DiaryToolTip-center, ali-DiaryToolTip-top");
+			toolTip.addClass(tooltipClass).fadeIn(200);
+		}
+
+	});
+	calendar.setOption('locale', 'fr');
+	calendar.render();
+
+	// Si on clik en dehors des events, masquer les tooltips
+	$('body').click(function(){
+		if (eventClick) {
+			eventClick = false;
+		}
+		else {
+			$('.ali-DiaryToolTip').fadeOut(200);
+		}
+	});
+}
+
+/**
+ * Formate la date en texte
+ * @param Date formattedDate 
+ */
+function formatDate(formattedDate)
+{
+	var d = formattedDate.getDate();
+	var m =  formattedDate.getMonth();
+	m += 1;  // JavaScript months are 0-11
+	var y = formattedDate.getFullYear();
+	var hours = formattedDate.getHours();
+	var minutes = formattedDate.getMinutes();
+	var secondes = formattedDate.getSeconds();
+	
+	return y + "/" + m + "/" + d + ' ' + hours + ':' + minutes + ':' + secondes;
+}
+
+
+/**
+ * Initialise un boutons pour créer/rejoindre une classe virtuelle
+ * @param {dom} link lien de l'actiond de création de la classe virtuelle
+ */
+function initVirtualClassButton(link) {
+	if (typeof link == 'undefined' || link.length == 0) {
+		return;
+	}
+
+	link.off('click.logipro');
+	link.on('click.logipro', function (event) {
+		event.preventDefault();
+
+		$(document).phxLock();
+
+		$.post(link.attr('href'), '', function (response) {
+			$(document).phxUnlock();
+			if (response.result) {
+				link.next().removeClass('d-none');
+				link.remove();
+			}
+			else {
+				$.phoenix.addToast(Translator.trans('message_create_bbb_fail'), 'error');
+			}
+		}).fail(function () {
+			$(document).phxUnlock();
+		})
+	});
+}

assets/exclusive/js/back-office/learning_path/learning_path_edit.js

@@ -1,7 +1,12 @@
 let phxInitCreateFromLibrary = require('../form_library_utility');
+let programUtility  = require('../utilities/program');
 
 
-$(document).ready(function () {
+$(document).ready(function ()
+{
+    // initialise le programme
+    programUtility.initProgram();
+
     // gère la modal d'édition d'une offre
     let modal = $('#modalEditThisLearningPath');
 

assets/exclusive/js/back-office/learning_path/learning_path_editor.js

@@ -2,6 +2,12 @@ import { phxInitSearchCoworker } from '../../../../shared/js/init/init_coworker-
 import { phxInitOsmap } from '../../../../shared/js/init/init_osmap';
 var dropzoneInit = require('./../../utilities/dropzone');
 var phxInitCreateFromLibrary = require('../form_library_utility');
+const simplebar = require('simplebar/dist/simplebar.js');
+new simplebar($('.ali-EditorContentLeftPanelSimplebar')[0], { autoHide: false });
+new simplebar($('.ali-EditorContentRightPanelSimplebar')[0], { autoHide: false });
+import { updateSequenceSummaryList } from './learning_path_editor_sequence_summary.js';
+import { selectSequencInSummary } from './learning_path_editor_sequence_summary.js';
+
 
 $(document).ready(function () {
     updateWindowsSize();
@@ -26,11 +32,12 @@ $(document).ready(function () {
     }
 });
 
+
+
 /**
  * Initialise le parcours
  */
-function initLearningPath()
-{
+function initLearningPath() {
     initDragAndDrop();
     initConditions();
     initVirtualClassButtons();
@@ -63,6 +70,9 @@ function initOneSequence(sequence) {
     initCreateItem(sequence);
     initDeleteSequence(sequence.find("a[data-phx-delete-sequence]"));
     initOneDragAndDrop(sequence.find('[data-phx-draggable]')[0]);
+
+    updateSequenceSummaryList();
+    selectSequencInSummary(-1, true);
 }
 
 /**
@@ -125,8 +135,10 @@ function updateStatusScorm() {
     $.each(scormBeingProcessed, function () {
         var _this = $(this);
         var action = _this.attr('data-action-scorm-status');
+        //console.log(action);
 
         $.get(action, function (response) {
+            //console.log(response);
             if (typeof response.status != 'undefined' && response.status == 'IMPORTED') {
                 // Scorm importé
                 // Recharger le preview si c'est celui visualisé
@@ -143,6 +155,17 @@ function updateStatusScorm() {
                         }).insertAfter(_this);
                     });
                 }
+
+                if (typeof (response.duration) != 'undefined') {
+                    var sequenceItemParent = _this.parents('.ali-SequenceActivityPackage');
+
+                    if (sequenceItemParent.length) {
+                        sequenceItemParent.find('.ali-EditorSequenceItemLogo-duration').html(
+                            '<i class="material-icons">access_time</i> ' + response.duration
+                        );
+                    }
+                }
+
                 // Retirer la notice
                 _this.remove();
             }
@@ -185,8 +208,6 @@ function initOneDragAndDrop(container) {
     draggable.on('drag:start', function (e) {
         // Fixer la taille de la copie de l'élément
         $(e.source).width($(e.sourceContainer).width());
-        // Masquer le selecteur
-        $('.ali-SequenceItemSelector').fadeOut(200);
     });
     draggable.on('drag:stop', function (e) {
         setTimeout(setSelectorPosition, 50);
@@ -293,8 +314,7 @@ function saveSequenceItemsOrder(orders) {
 
             // Si de nouvelles limites concernant la date pour l'événement selectionné sont remontées suite au déplacement
             // Mettre à jour les limites sur le datepicker
-            if (typeof response['newMinDateSequenceItemSelect'] != 'undefined')
-            {
+            if (typeof response['newMinDateSequenceItemSelect'] != 'undefined') {
                 var fieldDate = $('.ali-EditorContentRightPanelContent-form [data-airpicker="date time"]');
                 if (fieldDate.length > 0) {
                     fieldDate.datepicker().data('datepicker').update({
@@ -464,7 +484,7 @@ function initConditions() {
 }
 
 /**
- * Recupération du formualire pour gérer les conditions
+ * Recupération du formualaire pour gérer les conditions
  * @param {*} zone 
  */
 function manageConditionForm(zone) {
@@ -483,13 +503,13 @@ function manageConditionForm(zone) {
 
         // Vérouillage des champs
         var contentCondition = newForm.find('.ali-EditorSequenceOneAssertionEdit-assertion');
-        contentCondition.each(function(){
+        contentCondition.each(function () {
             var _this = $(this);
             var checkbox = $(this).find('div:first-child input[type="checkbox"]');
             if (!checkbox.is(":checked")) {
                 _this.addClass('locked');
             }
-            checkbox.change(function(){
+            checkbox.change(function () {
                 if (checkbox.is(":checked")) {
                     _this.removeClass('locked');
                 }
@@ -508,7 +528,7 @@ function manageConditionForm(zone) {
             $.get(actionCancel).done(function (response) {
                 let responseContent = $(response.conditionHtml);
                 var parent = zone.parent().parent();
-                
+
                 parent.replaceWith(responseContent);
 
                 setSelectorPosition();
@@ -542,7 +562,7 @@ function manageConditionForm(zone) {
                             var parent = zone.parent().parent();
 
                             parent.replaceWith(responseContent);
-                            
+
                             setSelectorPosition();
 
                             initConditionsByParent(responseContent);
@@ -677,9 +697,9 @@ function initModalDelete() {
                 setSequenceItemOrderByList(parent, true);
             });
 
-            
+
             updateView(response);
-            
+
             // Effacer la preview si c'est le même item
             // @todo
 
@@ -723,6 +743,8 @@ function initModalDelete() {
                     setSelectorPosition();
                 }
                 $(this).remove();
+
+                updateSequenceSummaryList();
             });
         });
 
@@ -831,7 +853,9 @@ function initCreateItem(sequence) {
 
     // Activer les boutons de création
     sequence.find('.ali-EditorSequenceCreateItem').each(function () {
-        $(this).addClass('active');
+        if ($(this).hasClass('disabled') === false) {
+            $(this).addClass('active');
+        }
     });
 }
 
@@ -839,8 +863,8 @@ function initCreateItem(sequence) {
  * Initialise le comportement des popups de création
  */
 function initModalCreateItem() {
-    var modals = $('#modalCreateActivityPackage, #modalCreateActivityPage, #modalCreateEventClassroom, #modalCreateEventVirtualClassroom');
-
+    var modals = $('#modalCreateActivityPackage, #modalCreateActivityPage, #modalCreateEventClassroom, #modalCreateEventVirtualClassroom,[id^="modalBundle"]');
+    
     var cloneforms = {};
     modals.each(function () {
         var form = $(this).find('form');
@@ -879,6 +903,10 @@ function initModalCreateItem() {
 
                 // selectionner le sequence item
                 selectSequenceItem(sequenceItemHtml.find('.ali-EditorSequenceItem'));
+
+                
+                // Envoi event pour informer l'ajout d'un sequence item
+                $(".ali-EditorContentLeftPanelContent").trigger("logiprolearningpathaddsequenceitem", sequenceItemHtml);
             },
             beforeSubmit: function (formData) {
                 var listSequence = $('[data-phx-draggable-list="' + sequenceId + '"]');
@@ -901,7 +929,14 @@ function initCreateSequence() {
     var modal = $('#modalCreateSequence');
     var cloneform = null;
     var form = modal.find('form');
-    initForm(form, modal);
+
+    // Initialiser le formulaire qu'une fois
+    if (form.attr('data-formInit') != 'true')
+    {
+        initForm(form, modal);
+        form.attr('data-formInit', 'true');
+    }
+    
     // Clonage des formulaires
     cloneform = form.clone();
 
@@ -1049,7 +1084,6 @@ function setupPackageDropzone(content) {
     myDropzone.on('success', function (file) {
 
         let response = JSON.parse(file.xhr.response);
-        console.log('finish');
         window.removeEventListener("beforeunload", lockClose, true);
 
         if (response.success) {
@@ -1146,40 +1180,41 @@ function showFormEditSequenceItem(action, sequenceItem) {
         initAirDatePicker(content);
         phxInitSearchCoworker();
         initSubmitFormUpdate(content.find('form'));
-        
+
         // Après ouverture du panneau de droite
-        setTimeout(function(){initPlace();}, 200);
+        setTimeout(function () { initPlace(); }, 200);
 
         content.initCustomInputFile();
 
-        // Mettre à jour la taille de la zone du bouton submit
-        updateFormSubmitPosition();
-
         // Dévérouillage de la page
         $(document).phxUnlock();
+        
+        // Envoi event pour informer que le formulaire est affiché
+        sequenceItem.trigger("logiprolearningpathsequenceformopen");
     });
 }
 
-function updateView(response)
-{
+function updateView(response) {
     // Mise à jour de la liste
-    if (typeof response.learningPathHtml != 'undefined') {
+    if (typeof response.learningPathHtml != 'undefined')
+    {
         var currentSelectId = $(".ali-EditorSequenceItem.active, .ali-EditorSequenceHeadTitle.active").attr('id');
-        
-        $('.ali-EditorContentLeftPanelContent').html(response.learningPathHtml);
 
-        var newCurrentSelectId = $('.ali-EditorContentLeftPanelContent').find('#'+currentSelectId);
+        var reponseHtml = $(response.learningPathHtml);
+        // Déplacer le formulaire en mode responsive petit ecran dans le nouveau contenue
+        reponseHtml.find('#'+currentSelectId+' + .ali-EditorSequenceContentEdit').replaceWith($('.ali-EditorSequenceItem.active + .ali-EditorSequenceContentEdit'));
+
+        $('.ali-EditorContentLeftPanelContent').html(reponseHtml);
+
+        var newCurrentSelectId = $('.ali-EditorContentLeftPanelContent').find('#' + currentSelectId);
         if (newCurrentSelectId.length) {
             newCurrentSelectId.addClass('active');
         }
-
         initLearningPath();
 
-
         // recharger la dropzone
         var sequenceItemActive = $('.ali-EditorSequenceItem.active');
-        if (sequenceItemActive.length)
-        {
+        if (sequenceItemActive.length) {
             $(document).phxLock();
             var action = sequenceItemActive.attr('data-phx-update-item');
             var content = $('.ali-EditorContentRightPanelContent-form');
@@ -1200,7 +1235,9 @@ function updateView(response)
         var listItem = $('[data-phx-draggable-item="' + itemId + '"]')
 
         // Replacer le contenu
-        listItem.replaceWith(response.sequenceItemHtml);
+        listItem.find(".ali-EditorSequenceItem").replaceWith($(response.sequenceItemHtml).find(".ali-EditorSequenceItem"));
+        listItem.find(".ali-EditorSequenceItemSeparator").replaceWith($(response.sequenceItemHtml).find(".ali-EditorSequenceItemSeparator"));
+        
         // Nouvelle élement
         listItem = $('[data-phx-draggable-item="' + itemId + '"]');
         // Le rendre actif
@@ -1243,6 +1280,20 @@ function updateView(response)
             $(document).phxUnlock();
         });
     }
+
+     // Crée l'événement
+     /*var event = document.createEvent('Event');
+
+     // Nomme l'événement 'build'.
+     event.initEvent('logiprolearningpathsave', true, true);
+
+     // target peut être n'importe quel Element ou autre EventTarget.
+     console.log($('.ali-EditorSequenceItem.active').parent());
+     $('.ali-EditorSequenceItem.active').parent()[0].dispatchEvent(event);*/
+
+     console.log( $('.ali-EditorSequences'));
+    
+     $('.ali-EditorSequences').trigger('logiprolearningpathsequencesave');
 }
 
 /**
@@ -1282,6 +1333,7 @@ function initSubmitFormUpdate(form) {
             return formData;
         },
         postError: function (response) {
+            console.log('error');
             var saveLoginAnim = form.find('.ali-SaveAnim');
             // Affichage d'erreur
             saveLoginAnim.text(Translator.trans('label_sequence_item_unsaved')).css({ 'background-image': 'none' });
@@ -1322,7 +1374,7 @@ function initAirDatePicker(container) {
         let dateEndSession = fieldDate.attr('data-phx-end-session');
         let dataAltField = fieldDate.attr('data-alt-field');
 
-        let myDatepicker = fieldDate.datepicker({
+        let options = {
             minDate: new Date(dateStartSession),
             maxDate: new Date(dateEndSession),
             offset: 0,
@@ -1332,17 +1384,11 @@ function initAirDatePicker(container) {
             position: 'top left',
             classes: 'ali-EditorSequence-datePicker',
             timepicker: true,
-            language: {
-                days: ['Dimanche', 'Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi'],
-                daysShort: ['Dim', 'Lun', 'Mar', 'Mer', 'Jeu', 'Ven', 'Sam'],
-                daysMin: ['Di', 'Lu', 'Ma', 'Me', 'Je', 'Ve', 'Sa'],
-                months: ['Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Decembre'],
-                monthsShort: ['Jan', 'Fév', 'Mars', 'Avr', 'Mai', 'Juin', 'Juil', 'Août', 'Sep', 'Oct', 'Nov', 'Dec'],
-                clear: 'Effacer'
-            },
             startDate: start,
             minHours: 0
-        }).data('datepicker');
+        };
+        let utility = require('../utilities/utility');
+        let myDatepicker = utility.initDatepicker(container,options).first().datepicker().data('datepicker');
 
         let valueDate = $(dataAltField).val();
         if (valueDate != '') {
@@ -1353,7 +1399,7 @@ function initAirDatePicker(container) {
         // Si on scroll le calendrier disparait
         // C'est la seule solution rapide trouvé pour régler le problème de calendrier positionné toujours en bas
         var lastScrollTop = 0;
-        $('.ali-EditorContentRightPanelContent').scroll(function (event) {
+        $('.ali-EditorContentRightPanelContent').parent().scroll(function (event) {
             myDatepicker.hide();
         });
     }
@@ -1422,37 +1468,13 @@ function updateWindowsSize() {
         doit = setTimeout(function () {
             $(window).trigger('phx-windows-resize');
             // Fixer la taille du panneau d'édition qui est en sticky
-            $('.ali-EditorContentRightPanelContent').css({ 'max-height': $(window).height() });
+            //$('.ali-EditorContentRightPanelContent').css({ 'max-height': $(window).height() });
             // Mettre à jour la position du panneau d'édition en fonction de la taille de l'écran
             updateFormUpdatePosition();
             // Mettre à jour la position du selecteur
             setSelectorPosition();
-            // Mettre à jour la taille de la zone du bouton submit
-            updateFormSubmitPosition();
         }, 200);
     });
-
-    // Initialiser la taille du panneau d'édition qui est en sticky
-    $('.ali-EditorContentRightPanelContent').css({ 'max-height': $(window).height() });
-    updateFormSubmitPosition();
-}
-
-/**
- * Met à jour la postion du bouton submit du formulaire d'édition
- */
-function updateFormSubmitPosition() {
-    var submitButtonContent = $('.ali-EditorSequenceItemSubmit');
-    if (submitButtonContent.length) {
-        if ($(window).width() <= 1200) {
-            submitButtonContent.width('100%');
-            submitButtonContent.css({ 'left': 0 });
-        }
-        else {
-            submitButtonContent.width($('.ali-EditorContentRightPanel').width());
-            submitButtonContent.css({ 'right': 0, 'left': 'initial' });
-            //submitButtonContent.css({'left':$('.ali-EditorContentRightPanelContent-form').offset().left});
-        }
-    }
 }
 
 /**
@@ -1505,7 +1527,6 @@ function setSelectorPosition(itemSelect) {
     if (!rightPanel.hasClass('active')) {
         // Pour corriger le problème d'animation
         rightPanel.animate({ 'width': '30%' }, 200);
-        setTimeout(updateFormSubmitPosition, 400);
     }
     rightPanel.addClass('active');
 
@@ -1518,16 +1539,6 @@ function setSelectorPosition(itemSelect) {
     // Récupération sequence item actif
     var currentActive = $('.ali-EditorSequenceItem.active, .ali-EditorSequenceHeadTitle.active');
 
-    // Si l'élément selectioné est le même que l'actif
-    if ($(currentActive[0]).is(itemSelect)) {
-        // Mise à jour de la position
-        $('.ali-SequenceItemSelector').css({
-            height: height,
-            top: topPosition
-        }).fadeIn(200);
-        return;
-    }
-
     // Rendre inactif l'ancien sequence item
     currentActive.removeClass('active');
     // Rendre actif le nouveau sequence item
@@ -1535,28 +1546,13 @@ function setSelectorPosition(itemSelect) {
 
 
     // Prendre les anciens selecteurs (élément affiché sur l'écran permétant de visualiser le sequence item en cours d'édition)
-    var oldSelector = $('.ali-SequenceItemSelector');
     var oldSelectorLine = $('.ali-SequenceItemSelectorLine');
 
     // Faire disparaitre le ancien selecteur avec une animation
     oldSelectorLine.fadeOut(500, function () { $(this).remove() });
-    oldSelector.animate({ left: -horizontalDiff }, 200, function () {
-        $(this).remove();
-    });
-
-    // Ajouter les nouveaux selecteur avec animation
-    var newSelector = $('<div>', { class: "ali-SequenceItemSelector" }).css({
-        width: '20px',
-        height: height,
-        background: itemSelect.css('border-left-color'),
-        top: topPosition,
-        left: -horizontalDiff
-    })
-        .appendTo(rightPanel);
 
     // Si le panneau d'édition n'est pas visible, pas d'animation
     if ($(window).width() <= 1200) {
-        newSelector.fadeOut().css({ left: '-20px' });
 
         $('<div>', { class: "ali-SequenceItemSelectorLine" }).css({
             position: 'absolute',
@@ -1568,21 +1564,19 @@ function setSelectorPosition(itemSelect) {
         }).appendTo(rightPanel);
     }
     else {
-        newSelector.animate({ left: '-20px' }, 200, function () {
-            $('<div>', { class: "ali-SequenceItemSelectorLine" }).css({
-                position: 'absolute',
-                width: '4px',
-                background: itemSelect.css('border-left-color'),
-                top: topPosition,
-                bottom: topPosition + height,
-                left: 0
-            })
-                .appendTo(rightPanel)
-                .animate({
-                    top: 0,
-                    bottom: 0
-                }, 200);
-        });
+        $('<div>', { class: "ali-SequenceItemSelectorLine" }).css({
+            position: 'absolute',
+            width: '4px',
+            background: itemSelect.css('border-left-color'),
+            top: topPosition,
+            bottom: topPosition + height,
+            left: 0
+        })
+            .appendTo(rightPanel)
+            .animate({
+                top: 0,
+                bottom: 0
+            }, 200);
     }
 }
 
@@ -1613,10 +1607,14 @@ function selectSequence(sequence, force) {
     setSelectorPosition(sequence);
     updateFormUpdatePosition();
 
-    var action = sequence.attr('data-phx-update-item');
-    if (action) {
-        showFormEditSequenceItem(action);
-    }
+    // On attend la fin de l'animation du panneau d'édition pour afficher 
+    // correctement le contenue du formulaire. (voir BUGANDCO-25)
+    setTimeout(function(){
+        var action = sequence.attr('data-phx-update-item');
+        if (action) {
+            showFormEditSequenceItem(action);
+        }
+    }, 200);
 }
 
 /**
@@ -1653,21 +1651,23 @@ function selectSequenceItem(sequenceItem, force) {
     setSelectorPosition(sequenceItem);
     updateFormUpdatePosition();
 
-    var action = sequenceItem.attr('data-phx-update-item');
-    if (action) {
-        showFormEditSequenceItem(action, sequenceItem);
-    }
+    // On attend la fin de l'animation du panneau d'édition pour afficher 
+    // correctement le contenue du formulaire. (voir BUGANDCO-25)
+    setTimeout(function(){
+        var action = sequenceItem.attr('data-phx-update-item');
+        if (action) {
+            showFormEditSequenceItem(action, sequenceItem);
+        }
+    }, 200);
 }
 
 /**
  * Ferme la zone d'édition
  */
 function closeEditPanel() {
-    var oldSelector = $('.ali-SequenceItemSelector');
     var oldSelectorLine = $('.ali-SequenceItemSelectorLine');
 
     oldSelectorLine.fadeOut(500, function () { $(this).remove() });
-    oldSelector.fadeOut(500, function () { $(this).remove() });
 
     $('.ali-EditorSequenceItem.active').removeClass('active');
     $('.ali-EditorContentRightPanel').css('width', '').removeClass('active');
@@ -1923,11 +1923,10 @@ function initDropZone() {
                 });
 
                 // ajoute l'image de l'image
-                if (file.type.indexOf('image') !== 0)
-                {
-                    imgField.attr('src',response.picture);
+                if (file.type.indexOf('image') !== 0) {
+                    imgField.attr('src', response.picture);
                 }
-                imgField.parent().attr('href',response.url_download);
+                imgField.parent().attr('href', response.url_download);
 
                 // lien d'edition
                 let editLink = bloc.find('.edit-name');
@@ -1954,7 +1953,6 @@ function initDropZone() {
     });
 
     Dropzone.prototype.filesize = function (bytes) {
-        console.log(bytes);
 
         let prefix = '';
         let prefixes = [
@@ -1999,7 +1997,7 @@ function initDropZone() {
 
         $(file.previewElement).find('.dz-check,.dropdown').remove();
         $(file.previewElement).find('.text-danger').text(error);
-        
+
         $(document).phxUnlock();
         window.addEventListener("beforeunload", lockClose, true);
     });
@@ -2034,13 +2032,11 @@ function initDropZone() {
         }
     });
 
-    window.addEventListener("beforeunload", function(event)
-	{
-		deleteAllTemporaryFilesRessources(dzWrapper);
+    window.addEventListener("beforeunload", function (event) {
+        deleteAllTemporaryFilesRessources(dzWrapper);
     }, true);
-    
-    dzWrapper.find(".list-group-item").parent().on("dragend dragenter dragleave dragover dragstart drop click",function(e)
-    {
+
+    dzWrapper.find(".list-group-item").parent().on("dragend dragenter dragleave dragover dragstart drop click", function (e) {
         e.preventDefault();
     });
 
@@ -2059,5 +2055,4 @@ function deleteAllTemporaryFilesRessources(dzWrapper) {
 
         });
     }
-}
-
+}

assets/exclusive/js/back-office/learning_path/learning_path_editor_sequence_summary.js

@@ -0,0 +1,373 @@
+$(document).ready(function () {
+	// Initialiser le sommaire
+	initSequenceSummary();
+	
+	// Au redimentionnement de la fenêtre
+    $(window).on('phx-windows-resize', function () {
+		// Mettre à jour le sommaire des sequences
+		updateSequenceSummaryArrow($('.ali-EditorSequenceSummaryMask ul').css('top'));
+	});
+	
+	// Simuler un scroll pour lancer le calcule de la sequence affiché
+	$(".ali-EditorContentLeftPanel .simplebar-content").scroll();
+});
+
+// Indique si la flèche du haut et afficher ou non
+var arrowTop = 1;
+// Informe si l'action clique a été effecture sur l'un des élément du sommaire
+var sequenceSummaryClick = false;
+// Numéro du premier élément affiché dans le sommaire
+var firstSequenceShow = 0;
+// Numéro du dernier élément affiché dans le sommaire
+var lastSequenceShow = 0;
+
+
+/**
+ * Initialiser le sommaire des sequences
+ */
+function initSequenceSummary()
+{
+	// Mettre à jour la liste
+    updateSequenceSummaryList();
+
+	// Recalculer la taille que doit prendre la zone du sommaire des sequences
+    resizeSequenceSummary();
+
+    var sequenceContent = $('.ali-EditorSequenceSummary');
+    var maskSequenceList = sequenceContent.find('.ali-EditorSequenceSummaryMask');
+    var sequenceList = maskSequenceList.find('ul');
+    var sequences = sequenceList.find('li');
+
+    var sequenceFirst = sequences.first();
+    var sequenceHeight = parseInt(sequenceFirst.css('height')) + parseInt(sequenceFirst.css('margin-bottom'));
+
+    var animRunning = false;
+
+	// Click sur la flèche du bas
+    $(".ali-EditorSequenceSummary-down").click(function(){
+		// Effectuer l'action seulement s'il n'y a pas d'annimation en cours
+        if (!animRunning)
+        {
+			// Informer qu'on lance une animation
+			animRunning = true;
+			// Aubout de 500ms (durée de l'animation défini dans le css) informé que l'animation est terminée
+            setTimeout(function(){animRunning = false;}, 500);
+
+			// Calculer la nouvelle position que doit avoir la liste
+			// = sa position actuelle moins la hauteur de la zone d'affichage (ce qui a pour effet d'afficher les éléments suivants)
+			var newTop = parseInt(sequenceList.css('top')) - parseInt(maskSequenceList.height());
+			
+			// On actualiser l'affichage des flèches (si n'y a plus d'élément en dessous ne plus afficher la fleche du bas)
+            updateSequenceSummaryArrow(newTop);
+        }
+    });
+
+	// Click sur la flèche du haut
+    $(".ali-EditorSequenceSummary-up").click(function(){
+		// Effectuer l'action seulement s'il n'y a pas d'annimation en cours
+        if (!animRunning)
+        {
+			// Informer qu'on lance une animation
+            animRunning = true;
+			// Aubout de 500ms (durée de l'animation défini dans le css) informé que l'animation est terminée
+            setTimeout(function(){animRunning = false;}, 500);
+
+			// Calculer la nouvelle position que doit avoir la liste
+			// = sa position actuelle plus la hauteur de la zone d'affichage (ce qui a pour effet d'afficher les éléments précédents)
+            var newTop = parseInt(sequenceList.css('top')) + parseInt(maskSequenceList.height());
+            
+			// On actualiser l'affichage des flèches (si n'y a plus d'élément au dessus ne plus afficher la fleche du haut)
+            updateSequenceSummaryArrow(newTop);
+        }
+    });
+
+	// Mettre à jour l'affichage des flèches
+    updateSequenceSummaryArrow(0);
+
+	// Identifiant timer pour l'annuler si l'action est répété avant que ce dernier termine.
+	var idTimeout = null;
+	
+	// Au scroll du conteneur des sequences
+    $(".ali-EditorContentLeftPanel .simplebar-content").scroll(function() {
+		// Récupéré la position du scroll
+		var scrollTop = $(this).scrollTop();
+		// Si le scroll n'est pas causé par le clique sur un élément du sommaire de sequence
+		if (!sequenceSummaryClick)
+		{
+			// On ajouter une marge correspondant à la motier de l'écran
+			// Ce qui nous permet de dire que l'élément ciblé sur l'écran est celui qui se trouve le plus au centre de l'écran
+            scrollTop += $(this).height()/2;
+		};
+		
+		// Un repère pour savoir si on a trouvé l'élément le plus proche du centre de l'écrant pour ne pas tester les autres.
+		var find = false;
+		// On parcour la liste des sequences inversée et on cherche la séquence la plus proche au dessus (ou égale) du niveau "scrollTop"
+		// le égale est important si 'sequenceSummaryClick' est à 'true', car le scroll sera placer pile poile sur la sequence (donc =)
+        $($('.ali-EditorSequence').get().reverse()).each(function(id, elem){
+			// Tant qu'on n'a pas trouver la sequence la plus proche
+            if (!find)
+            {
+				// Si la séquence est au dessus (ou égale) du niveau "scrollTop", on la concidère la plus proche (comme on parours la liste à l'envers)
+                if ( (parseInt($(this).position().top)) <= scrollTop )
+                {
+					// On indique qu'on a trouvé
+					find = true;
+					// On récupère l'object dans le sommaire correspondant à la séquence trouvée
+					var object = $('#'+$(this).find('.ali-EditorSequenceHeadTitle').attr('id')+'Summary');
+					// S'il n'est pas déjà actif
+                    if (!object.hasClass('active'))
+                    {
+						// On désactive celui qui est actuellement actif
+						$('.ali-EditorSequenceSummaryMask ul li.active').removeClass('active');
+						// Et on active celui-là
+                        object.addClass('active');
+						
+						// Si l'on est pas dans le cas d'un clique sur le sommaire on peut supposer que 
+						// l'élément ciblé se trouve en dehors de la zone d'affichage du sommaire
+						// Donc afficher la bonne partie du sommaire pour que la séquence dans le sommaire soit visible.
+						if (!sequenceSummaryClick)
+						{
+							// Descendre ou monter pour afficher le niveau suivant ou précédent (pour avoir une animation sympa)
+							if (object.attr('data-num') < firstSequenceShow ) {
+								$(".ali-EditorSequenceSummary-up").click();
+							}
+							if (object.attr('data-num') > lastSequenceShow ) {
+								$(".ali-EditorSequenceSummary-down").click();
+							}
+
+							// Si l'élément n'est toujour pas affiché, aller directement sur lui
+							// Le time out est là pour que l'animation précédente
+							clearTimeout(idTimeout);
+							idTimeout = setTimeout(function() {
+								showSequencInSummary(object.attr('data-num'));
+							}, 500);
+						}
+                    }
+                    return;
+                }
+            }
+        });
+    });
+}
+
+/**
+ * Met à jour l'affichage des fleches sur le sommaire des sequences
+ * newTop INT La position de la liste sur laquelle se baser
+ */
+function updateSequenceSummaryArrow(newTop)
+{
+    if (!newTop) {
+        newTop = 0;
+    }
+    else {
+        newTop = parseInt(newTop);
+    }
+
+    var sequenceContent = $('.ali-EditorSequenceSummary');
+    var maskSequenceList = sequenceContent.find('.ali-EditorSequenceSummaryMask');
+    var sequenceList = maskSequenceList.find('ul');
+    var sequences = sequenceList.find('li');
+
+    var sequenceFirst = sequences.first();
+    var sequenceHeight = parseInt(sequenceFirst.css('height')) + parseInt(sequenceFirst.css('margin-bottom'));
+    
+    // Arrow down
+    if (-(newTop - parseInt(maskSequenceList.height())) >= parseInt(sequenceList.height()))
+    {
+        // Si Il n'y a que des éléménet au dessus de la zone basse d'affichage, ne pas afficher la fleche
+        newTop = -(parseInt(sequenceList.height()) - parseInt(maskSequenceList.height())  + 5);
+		// Seulement si elle est visible, la masquer
+		// La propriété visibility est utilisé car elle permet de masqué l'élément ici la flèche tout en reservant la taille qu'elle prend
+        if ($(".ali-EditorSequenceSummary-down").css("visibility") != 'hidden')
+        {
+            $(".ali-EditorSequenceSummary-down").css('visibility', 'hidden');
+        }
+    }
+    else if (parseInt(sequenceList.height()) + newTop > parseInt(maskSequenceList.height()))
+    {
+        // Si il a des élément en dessous de la zone basse d'affichage, afficher la fleche pour permettre de descendre
+        // Seulement si elle n'est pas visible
+		// La propriété visibility est utilisé car elle permet de masqué l'élément ici la flèche tout en reservant la taille qu'elle prend
+        if ($(".ali-EditorSequenceSummary-down").css("visibility") != 'visible')
+        {
+            $(".ali-EditorSequenceSummary-down").css('visibility', 'visible');
+        }
+    }
+        
+
+    // Arrow up
+    if ($(".ali-EditorSequenceSummary-down").css("visibility") != 'visible') {
+        // Si la fleche du bas n'est pas affiché, retirer la taille qu'elle devrais prendre et qui est du coup pris par un élément
+        newTop -= sequenceHeight;
+    }
+    if (newTop >= -sequenceHeight) {
+        // Si la position ne cache qu'un seul élément (à cause de la fleche) masquer la fleche
+        // Et positionner le top en haut, car rien de sert d'afficher de élément qui n'existe pas
+        newTop = -sequenceHeight;
+        // Seulement si elle est visible la masquer
+		// La propriété visibility est utilisé car elle permet de masqué l'élément ici la flèche tout en reservant la taille qu'elle prend
+        if ($(".ali-EditorSequenceSummary-up").css("visibility") != 'hidden')
+        {
+            $(".ali-EditorSequenceSummary-up").css('visibility', 'hidden');
+            arrowTop = 0;
+        }
+    }
+    else if (newTop != 0) {
+        // Sinon, s'il y a un décalage vers le haut, afficher la fleche pour permettre de remonter
+        // Seulement si elle n'est pas visible
+		// La propriété visibility est utilisé car elle permet de masqué l'élément ici la flèche tout en reservant la taille qu'elle prend
+        if ($(".ali-EditorSequenceSummary-up").css("visibility") != 'visible')
+        {
+            $(".ali-EditorSequenceSummary-up").css('visibility', 'visible');
+            arrowTop = 1;
+        }
+    }
+    sequenceList.css('top', newTop + 'px');
+    resizeSequenceSummary();
+
+    firstSequenceShow = -newTop/sequenceHeight + arrowTop;
+    lastSequenceShow = firstSequenceShow + maskSequenceList.height()/sequenceHeight - arrowTop;
+}
+
+/**
+ * Met à jour la liste des éléments composant le sommaire des sequences
+ */
+export function updateSequenceSummaryList()
+{
+	var sequenceList = $('.ali-EditorSequenceSummaryMask ul');
+	// Vider la liste
+    sequenceList.html('');
+
+    var sequences = $('.ali-EditorSequence');
+    
+    // Il y a moins de deux sequences, ne pas afficher le sommaire
+    if (sequences.length < 2) {
+        $('.ali-EditorSequenceSummary').addClass('d-none');
+    }
+    else
+    {
+        // Parcourir toutes les sequences
+        sequences.each(function(id, elem){
+            var _this = $(this);
+            var title = _this.find('.ali-EditorSequenceHeadTitle');
+
+            // Ajouter un élément dans la liste correspondant à la sequence courante
+            var li = $("<li>", {html:   'S'+(id+1), 
+                                title:  title.find('.ali-EditorSequenceHeadTitle-text').text(), 
+                                id:     title.attr('id')+'Summary',
+                                "data-target":	title.attr('id'),
+                                "data-num": (id+1)
+                            } ).appendTo(sequenceList).tooltip({
+                                placement: 'right', 
+                                template: '<div class="tooltip ali-EditorSequenceSummary-tooltip" role="tooltip"><div class="arrow"></div><div class="tooltip-inner"></div></div>'
+                            });
+
+            // Ajouter l'action au click permétant de scroller la page jusqu'à la sequence
+            li.click(function(){
+                // Préciser qu'on effecture une action click sur le sommaire (pour affecter le mode de ciblage des sequences qui est différent du scroll)
+                sequenceSummaryClick = true;
+                
+                // Animer le scroll
+                _this.parents('.simplebar-content').animate({
+                    scrollTop: title.position().top
+                }, 500, function(){
+                    // Par sécurité, après l'animation, déséléctionner l'élément représentant l'ancienne sequence séléctioné, et acrtiver la nouvelle)
+                    // Car la séléction à l'aide du scroll n'est pas fiable surtout pour le dernier élément car le scroll est bloqué à cause du fond de page.
+                    setTimeout(function(){
+                        sequenceList.find('li.active').removeClass('active');
+                        li.addClass('active');
+                        sequenceSummaryClick = false;
+                    }, 100);
+                });
+            });
+        });
+        
+        $('.ali-EditorSequenceSummary').removeClass('d-none');
+        
+        // Mettre à jour l'affichage des flèches.
+        updateSequenceSummaryArrow(sequenceList.css('top'));
+    }
+}
+
+/**
+ * Cible dans le sommaire la séquence que l'on désir afficher.
+ * num étant le numéro de la séquence correspondant à son ordre d'affichage (commençant à 1).
+ */
+function showSequencInSummary(num, force)
+{
+	if (typeof force == 'undefined') {
+		force = false;
+	}
+    if (num < firstSequenceShow || num > lastSequenceShow || force)
+    {
+        var sequenceContent = $('.ali-EditorSequenceSummary');
+        var maskSequenceList = sequenceContent.find('.ali-EditorSequenceSummaryMask');
+        var sequenceList = maskSequenceList.find('ul');
+        var sequences = sequenceList.find('li');
+        var sequenceFirst = sequences.first();
+        var sequenceHeight = parseInt(sequenceFirst.css('height')) + parseInt(sequenceFirst.css('margin-bottom'));
+
+        var top = (num-2) * sequenceHeight;
+        sequenceList.css('top', -top + "px");
+        updateSequenceSummaryArrow(-top)
+    }
+}
+
+/**
+ * Selectionne une sequence dans le sommaire et dans la vue
+ * -1 pour selectionner le dernier
+ */
+export function selectSequencInSummary(num)
+{
+	// Si c'est -1 c'est qu'on veut selectionner le dernier
+	if (num == -1) {
+		num = $('.ali-EditorSequence').length;
+	}
+	showSequencInSummary(num, true);
+
+	var elementInSummary = $('[data-num="'+num+'"]');
+	var sequence = $('#'+elementInSummary.attr('data-target'));
+
+	$('.ali-EditorSequenceHeadTitle-text').parents('.simplebar-content').animate({
+		scrollTop: sequence.position().top
+	}, 500, function(){
+		$('.ali-EditorSequenceSummaryMask ul li.active').removeClass('active');
+		elementInSummary.addClass('active');
+	});
+}
+
+/**
+ * Permet de définir la taille que doit prendre le sommaire et du coup le nombre d'élément affiché
+ */
+function resizeSequenceSummary()
+{
+	// On passe l'opacité des flèche à 1
+	// De base elle est à 0.01 (défini dans le css) car si on utilise display none, on ne peut pas connaitre sa taille tant que l'élément n'est pas affiché
+    $(".ali-EditorSequenceSummary-down, .ali-EditorSequenceSummary-up").css('opacity', 1);
+
+	// Le nombre maximum l'élément qu'on affiche dans le sommaire est de 9
+	var nbMaxSequence = 9;
+    var sequenceContent = $('.ali-EditorSequenceSummary');
+    var maskSequenceList = sequenceContent.find('.ali-EditorSequenceSummaryMask');
+    var sequenceList = maskSequenceList.find('ul');
+    var sequences = sequenceList.find('li');
+
+    var sequenceFirst = sequences.first();
+
+    var sequenceHeight = parseInt(sequenceFirst.css('height')) + parseInt(sequenceFirst.css('margin-bottom'));
+    var listHeight = sequenceContent.height();
+	
+	// On calcule en fonction de la taille de la page combien d'élément au maximum on peut afficher
+    var nbMaxListContent = Math.floor(listHeight / sequenceHeight);
+
+	// On garder le minimum entre le resultat trouvé et le maximum autorisé
+    var nbSequenceDisplayed = Math.min(nbMaxListContent, nbMaxSequence);
+
+	// On calcule et applique la taille du sommaire en retirant 2 espaces d'élément réservé pour les flèches
+    var maxHeight = (nbSequenceDisplayed - 2) * sequenceHeight;
+    maskSequenceList.height(maxHeight + "px");
+
+	// On affiche le sommaire
+	// De base elle est à 0.01 (défini dans le css) car si on utilise display none, on ne peut pas connaitre sa taille tant que l'élément n'est pas affiché
+    $(".ali-EditorSequenceSummaryMask").css('opacity', 1);
+}

assets/exclusive/js/back-office/offer/menu_offer.js

@@ -1,5 +1,6 @@
 // gère la modal de création d'une session
 let phxInitCreateFromLibrary = require('../form_library_utility');
+let offerUtility = require('./offer_utility');
 //let sessionUtility = require('./session_utility');
 //let coworkerUtility = require('../utilities/coworker');
 
@@ -7,10 +8,52 @@ $('#modalCreateNewElementFromLibrary').on('load.phx.modal', function(event)
 {
 	let modal = $(this);
 
-// -- modal création session
+// -- modal création offre
 	if (modal.find('form[name="offer_create"]').length > 0)
 	{
 		// intialise le formulaire
-		phxInitCreateFromLibrary(modal);
+		phxInitCreateFromLibrary(modal, {
+			postError: function (response)
+			{
+				if (!response.success)
+				{
+					if (typeof response.formError.offer_create_isInter !== 'undefined')
+					{
+						let fields = modal.find('#offer_create_isInter, #offer_create_isIntra');
+						let fieldContainer = modal.find('#offer_create_type_content');
+
+						// Supprimer l'ancienne erreur sur ce champs s'il y est
+						let fieldError = modal.find('#offer_create_type_content .invalid-feedback');
+						if (fieldError.length > 0) {
+							fieldError.remove();
+						}
+						fields.addClass('ali-InputError').parent().find('.invalid-feedback').remove();
+
+						if (fieldContainer.length > 0)
+						{
+                            // Ajouter l'erreur
+							let span = $('<span>',{
+								class:'invalid-feedback mb-3 d-block'
+							}).text(response.formError.offer_create_isInter);
+
+							fieldContainer.append(span);
+						}
+					}
+				}
+
+			}
+		});
+
+		let fields = modal.find('#offer_create_isInter, #offer_create_isIntra');
+		fields.change(function(){
+			// Supprimer l'ancienne erreur sur ce champs s'il y est
+			let fieldError = modal.find('#offer_create_type_content .invalid-feedback');
+			if (fieldError.length > 0) {
+				fieldError.remove();
+			}
+		})
+
+		// initialise les types
+		offerUtility.initOfferTypes(modal);
 	}
 });

assets/exclusive/js/back-office/offer/offer_edit.js

@@ -1,7 +1,25 @@
 let phxInitCreateFromLibrary = require('../form_library_utility');
+let offerUtility = require('./offer_utility');
+let programUtility  = require('../utilities/program');
 
 $(document).ready(function()
 {
+    let options = {
+        onchange: function (event)
+        {
+            // désactive le bouton
+            let button = $('form[name="program"] .ali-FormBox-submit a.btn,.ali-OfferFollow-colright a.btn');
+            button.attr('data-toggle','tooltip');
+            button.addClass('disabled-event');
+            button.tooltip();
+
+            button.on('click',function(event){
+                event.preventDefault();
+            });
+        }
+    };
+    programUtility.initProgram(options);
+
     // gère la modal d'édition d'une offre
     let modal = $('#modalEditThisOffer');
 
@@ -10,9 +28,53 @@ $(document).ready(function()
     if (form.length > 0)
     {
         // intialise le formulaire
-        phxInitCreateFromLibrary(form);
+        phxInitCreateFromLibrary(form, {
+			postError: function (response)
+			{
+				if (!response.success)
+				{
+                    // S'il ya une erreur concernant le type d'offre, prendre en main l'affichage de l'érreur
+					if (typeof response.formError.offer_update_isInter !== 'undefined')
+					{
+						let fields = modal.find('#offer_update_isInter, #offer_update_isIntra');
+						let fieldContainer = modal.find('#offer_update_type_content');
+
+						// Supprimer l'ancienne erreur sur ce champs s'il y est
+						let fieldError = modal.find('#offer_update_type_content .invalid-feedback');
+						if (fieldError.length > 0) {
+							fieldError.remove();
+						}
+                        fields.addClass('ali-InputError').parent().find('.invalid-feedback').remove();
+
+						if (fieldContainer.length > 0)
+						{
+                            // Ajouter l'erreur
+							let span = $('<span>',{
+								class:'invalid-feedback mb-3 d-block'
+							}).text(response.formError.offer_update_isInter);
+
+							fieldContainer.append(span);
+						}
+					}
+				}
+
+			}
+		});
+
+		let fields = modal.find('#offer_update_isInter, #offer_update_isIntra');
+		fields.change(function(){
+			// Supprimer l'ancienne erreur sur ce champs s'il y est
+			let fieldError = modal.find('#offer_update_type_content .invalid-feedback');
+			if (fieldError.length > 0) {
+				fieldError.remove();
+			}
+		})
     }
 
+    
+    // initialise les types
+    offerUtility.initOfferTypes(modal);
+
 // -- modal session
     var modalSession = $('#modalOfferAssociateSession');
     modalSession.on('load.phx.modal', function(event) {
@@ -69,43 +131,18 @@ $(document).ready(function()
             noResult.toggleClass('d-none', numResults > 0);
         });
 
-        // Gestion de la sélection
-        let submitButton = modalSession.find(".sessionSelection_submit");
-        let selectableRows = modalSession.find('[data-toggle="phxSelectSession"]');
-
-        selectableRows.each(function() {
-
-            let sessionRow = $(this);
-            let checkbox = sessionRow.find('input');
-
-            checkbox.on('change', function() {
-
-                let isChecked = $(this).prop('checked');
-
-                sessionRow.toggleClass('selected', isChecked);
-
-                let numSelected = selectableRows.filter('.selected').length;
-
-                if (numSelected > 0) 
-                {
-                    submitButton.prop('disabled', false);
-                    if (numSelected > 1) {
-                        submitButton.find('span').text('ces ' + numSelected + ' sessions');
-                    } else {
-                        submitButton.find('span').text('cette session');
-                    }
-                } 
-                else 
-                {
-                    submitButton.prop('disabled', true);
-                };                
-            });
+        // Selection des sessions
+        offerUtility.initLinkSession(modalSession, 'First');
+    });
 
-        });
+// -- modal programme de parcours
+    var modalLearningPathProgram = $('#modalOfferImportLearningPathProgram');
+    modalLearningPathProgram.on('load.phx.modal', function(event) {
+            offerUtility.initFormImportLearningPathProgram(modalLearningPathProgram);
     });
 
 	// Publication au catalogue
-	$('.ali-OfferInfosForum .custom-switch-indicator').click(function(event){
+	$('.ali-OfferInfosForum #switch-ali+.custom-switch-indicator').click(function(event){
         event.preventDefault();
         let target = $(this).parent().find('.custom-switch-input');
         
@@ -137,5 +174,42 @@ $(document).ready(function()
             });
         }
     });
+
+	// Activer achat
+	$('.ali-OfferInfosForum #switch-ali-sell+.custom-switch-indicator').click(function(event){
+        event.preventDefault();
+        let target = $(this).parent().find('.custom-switch-input');
+        
+        if (!target.prop('disabled'))
+        {
+            // get switch value
+            let newCheckValue = target[0].checked;
+            target.prop('checked', !newCheckValue);
+            target.prop('disabled', true);
+            // send via ajax
+            let url = target.data("url");
+
+            $.post({
+                url: url,
+                data: {sell: !newCheckValue},
+                dataType:"json",
+            }).done(function(response) {
+                if(response) {
+                    target.prop('checked', !newCheckValue);
+                }
+                else {
+                    target.prop('checked', newCheckValue);
+                }
+                
+                target.prop('disabled', false);
+            });
+        }
+    });
     
+
+    // Afficher nouveau formulaire du programme
+    $("#ali-OfferProgram-showForm").click(function(){
+        $("#ali-OfferProgram-form").removeClass('d-none');
+        $("#ali-OfferProgram-actions").hide();
+    });
 });

assets/exclusive/js/back-office/offer/offer_import_learning_path.js

@@ -0,0 +1,9 @@
+let offerUtility = require('./offer_utility');
+
+$(document).ready(function()
+{
+	// -- modal parcours
+	let modalLearningPath = $('#modalCreateNewElementFromLibrary');
+
+	offerUtility.initFormImportLearningPathProgram(modalLearningPath);
+});

assets/exclusive/js/back-office/offer/offer_import_session.js

@@ -0,0 +1,59 @@
+let offerUtility = require('./offer_utility');
+
+$(document).ready(function()
+{
+	// -- modal parcours
+	let modalSession = $('#modalCreateNewElementFromLibrary');
+
+	// Champ de recherche
+	let searchBar = modalSession.find('.sessionSelection_search');
+	let noResult = modalSession.find('.sessionSelection_noResult');
+
+	/**
+	 * Désactive la touche Entrée dans ce champ,
+	 * sinon ça valide le formulaire.
+	 */
+	searchBar.on('keypress', function(event) {
+		if (event.which == 13) {
+			return false;
+		}
+	});
+
+	searchBar.on('keyup', function() {
+
+		let term = $(this).val();
+		term = term.trim();
+		term = term.replace(/\s+/g, ' ');
+
+		let words = term.split(' ');
+
+		let numResults = 0;
+
+		modalSession.find('[data-phx-filterable]').each(function() {
+
+			let filterTest = $(this).attr('data-phx-filterable');
+
+			for (let i in words) {
+				let regexp = new RegExp(words[i], 'i');
+
+				if (!regexp.test(filterTest)) {
+					// Un mot non trouvé = on cache
+					$(this).addClass('filter-not-match');
+					return;
+				}
+			}
+
+			// Si on arrive ici c'est qu'on a trouvé tous les mots
+			$(this).removeClass('filter-not-match');
+
+			++numResults;
+		});
+
+		// Affichage du message "aucun résultat"
+		noResult.toggleClass('d-none', numResults > 0);
+	}); 
+
+	// Selection des sessions
+	offerUtility.initLinkSession(modalSession, 'modalOfferSessionImport');
+
+});

assets/exclusive/js/back-office/offer/offer_utility.js

@@ -0,0 +1,165 @@
+"use strict";
+let phxInitCreateFromLibrary = require('../form_library_utility');
+
+module.exports = {
+    initOfferTypes : (function(target)
+    {
+		target.find('.content_offer_isInter, .content_offer_isIntra').css('min-width', '100%');
+		function checkOfferTypeInter()
+		{
+			// Test sur type inter
+			if (target.find('.offer_isInter').is(':checked')) {
+				target.find('.content_offer_isInter').hide().removeClass('d-none').show(200);
+			}
+			else {
+				target.find('.content_offer_isInter').hide(200, function(){$(this).addClass('d-none')});
+			}
+		}
+
+		function checkOfferTypeIntra()
+		{
+			// Test sur type intra
+			if (target.find('.offer_isIntra').is(':checked')) {
+				target.find('.content_offer_isIntra').hide().removeClass('d-none').show(200);
+			}
+			else {
+				target.find('.content_offer_isIntra').hide(200, function(){$(this).addClass('d-none')});
+			}
+		}
+		
+		checkOfferTypeInter();
+		checkOfferTypeIntra();
+
+		// Au changement
+		target.find('.offer_isInter').change(function(){
+			checkOfferTypeInter();
+		});
+		target.find('.offer_isIntra').change(function(){
+			checkOfferTypeIntra();
+		});
+	}),
+	initLinkSession : (function(container, stepName)
+	{
+		// Gestion de la sélection
+		let submitButton = container.find(".sessionSelection_submit");
+		let selectableRows = container.find('[data-toggle="phxSelectSession"]');
+
+		selectableRows.each(function() {
+
+			let sessionRow = $(this);
+			let checkbox = sessionRow.find('input');
+
+			checkbox.on('change', function() {
+
+				let isChecked = $(this).prop('checked');
+
+				sessionRow.toggleClass('selected', isChecked);
+
+				let numSelected = selectableRows.filter('.selected').length;
+
+				if (numSelected > 0) 
+				{
+					submitButton.prop('disabled', false);
+					if (numSelected > 1) {
+						submitButton.find('span').text('ces ' + numSelected + ' sessions');
+					} else {
+						submitButton.find('span').text('cette session');
+					}
+				} 
+				else 
+				{
+					submitButton.prop('disabled', true);
+				};                
+			});
+
+		});
+
+		// cible les formulaire de la première étape
+		container.find('[data-modal-step="'+ stepName +'"] form').each(function()
+		{
+			// validation du formulaire en ajax
+			let form = $(this);
+			phxInitCreateFromLibrary(form,
+			{
+				postSucces: function (response)
+				{
+					// redirige la page en cas de demande de redirection
+					if (response.urlRedirect)
+					{
+						if (window.location.href == response.urlRedirect)
+						{
+							window.location.reload();
+						}
+						else
+						{
+							// On est sur la liste on reactualise la page
+							window.location.href = response.urlRedirect;
+						}
+					}
+					// ajoute une étape à la modal
+					else
+					{
+						// insert le pannel
+						container.find('.modal-content').append(response.html);
+
+						// affiche le pannel
+						$.phoenix.showPannel(form.parents('[data-modal-step]'),'from-right','resumeOffer');
+
+						// initialise le pannel
+						let pannel =container.find('[data-modal-step="resumeOffer"]');
+						pannel.find('[data-modal-trigger="'+ stepName +'"]').on('click',function()
+						{
+							pannel.remove();
+						});
+
+						phxInitCreateFromLibrary(pannel.find('form'));
+
+
+						// @FIXME
+
+					}
+				}
+			});
+		})
+	}),
+	initFormImportLearningPathProgram : (function(container)
+	{
+		// Champ de recherche
+		let searchBar = container.find('.pathSelection_search');
+		let noResult = container.find('.pathSelection_noResult');
+	
+		searchBar.on('keyup', function() {
+	
+		let term = $(this).val();
+		term = term.trim();
+		term = term.replace(/\s+/g, ' ');
+	
+		let words = term.split(' ');
+	
+		let numResults = 0;
+	
+		container.find('[data-phx-filterable]').each(function() {
+	
+			let filterTest = $(this).attr('data-phx-filterable');
+	
+			for (let i in words) {
+				let regexp = new RegExp(words[i], 'i');
+	
+				if (!regexp.test(filterTest)) {
+					// Un mot non trouvé = on cache
+					$(this).addClass('filter-not-match');
+					return;
+				}
+			}
+	
+			// Si on arrive ici c'est qu'on a trouvé tous les mots
+			$(this).removeClass('filter-not-match');
+	
+			++numResults;
+		});
+	
+		// Affichage du message "aucun résultat"
+		noResult.toggleClass('d-none', numResults > 0);
+		}); 
+	})
+};

assets/exclusive/js/back-office/person/tab/notices.js

@@ -45,7 +45,6 @@ module.exports = function ()
 		let attribut = 'data-phx-remote-select';
 		let remote = _this.find('[' + attribut + ']')
 		let selectInput = remote.attr(attribut);
-		console.log(selectInput);
 		new PHXRemoteSelect(this, {
 			selectInput: selectInput,
 		});

assets/exclusive/js/back-office/session/create/menu_session.js

@@ -3,30 +3,49 @@ let phxInitCreateFromLibrary = require('../../form_library_utility');
 let sessionUtility = require('./session_utility');
 let coworkerUtility = require('../../utilities/coworker');
 let utility = require('../../utilities/utility');
-let personUtility  = require('../../person/person_utility');
+let personUtility = require('../../person/person_utility');
 let societyUtility = require('../../utilities/society');
 
-$('#modalCreateNewElementFromLibrary').on('load.phx.modal', function(event)
-{
+$('#modalCreateNewElementFromLibrary').on('load.phx.modal', function (event) {
 	let modal = $(this);
 
-// -- Création session
-	let sessionCreationForm = modal.find('form[name="session_create"]');
-	if (sessionCreationForm.length > 0)
-	{
+	// -- Création session classique
+	let sessionFixedForm = modal.find('form[name="session_create"]');
+	if (sessionFixedForm.length > 0) {
 		// intialise le formulaire
-		phxInitCreateFromLibrary(sessionCreationForm);
+		phxInitCreateFromLibrary(sessionFixedForm);
 
 		// initialise date début < date fin
-		sessionUtility.initSessionDates(sessionCreationForm);
+		sessionUtility.initSessionDates(sessionFixedForm);
 
 		// initialise la recherche de référence pédagogique
-		coworkerUtility.initCoworkerSearch(sessionCreationForm);
+		coworkerUtility.initCoworkerSearch(sessionFixedForm);
 
 		// Initialise le changement de type
-		sessionUtility.initTypeSession(sessionCreationForm);	
+		sessionUtility.initTypeSession(sessionFixedForm);
+
+		// initialise la zone pour activer les notification email du forum
+		sessionUtility.initAreaNotifyMailForum(sessionFixedForm);
+	}
+
+	// -- Création session ouverte
+	let sessionOpenForm = modal.find('form[name="session_open_create"]');
+	if (sessionOpenForm.length > 0) {
+		// intialise le formulaire
+		phxInitCreateFromLibrary(sessionOpenForm);
+
+		// initialise date début < date fin
+		sessionUtility.initSessionOpenDates(sessionOpenForm);
+
+		// initialise la recherche de référence pédagogique
+		coworkerUtility.initCoworkerSearch(sessionOpenForm);
+
+		// initialise la zone pour activer les notification email du forum
+		sessionUtility.initAreaNotifyMailForum(sessionOpenForm);
 	}
 
 	// -- Création collaborateur
-	sessionUtility.initCoworkerCreate(modal); 	
+	sessionUtility.initCoworkerCreate(modal);
+
+
 });

assets/exclusive/js/back-office/session/create/session_edit.js

@@ -2,46 +2,41 @@ let phxInitCreateFromLibrary = require('../../form_library_utility');
 let sessionUtility = require('./session_utility');
 let coworker = require('../../utilities/coworker');
 let utility = require('../../utilities/utility');
-let personUtility  = require('../../person/person_utility');
-let societyUtility  = require('../../utilities/society');
+let offerUtility = require('../../offer/offer_utility');
+let personUtility = require('../../person/person_utility');
+let societyUtility = require('../../utilities/society');
 import phxRemoveAccents from '../../../../../modules/phxRemoveAccents';
-let PHXRemoteSelect = require ('../../../../../shared/js/classes/PHXRemoteSelect');
+let PHXRemoteSelect = require('../../../../../shared/js/classes/PHXRemoteSelect');
+let programUtility = require('../../utilities/program');
 
-
-$(document).ready(function()
-{
+$(document).ready(function () {
 	initVirtualClassButtons();
-	
-    // gère la modal d'édition d'une session
+
+	programUtility.initProgram();
+
+	// gère la modal d'édition d'une session
 	let modal = $('#modalEditThisSession');
-	if (modal.find('.ali-focus').length > 0)
-	{
+	if (modal.find('.ali-focus').length > 0) {
 		modal.modal('show');
 	}
 
 	// événement lors de l'affichage de l'onglet
-	$(document).on('shown.bs.tab', 'a[data-toggle="tab"]', function (e)
-	{
+	$(document).on('shown.bs.tab', 'a[data-toggle="tab"]', function (e) {
 		let id = $(e.currentTarget).attr('aria-controls');
-		switch (id)
-		{