merge

assets/exclusive/js/backOffice/seller/training_form.js

@@ -61,7 +61,7 @@ $(document).ready(function()
 
 
 			var selectSousDomaine = $("#training_categorySubDomain");
-			selectSousDomaine.parent().addClass('content_load');
+			selectSousDomaine.prop('disabled', 'disabled').parent().addClass('content_load');
 			getChildCategoryBuisness(idCategory, function(categories)
 			{
 				if (categories)
@@ -69,6 +69,7 @@ $(document).ready(function()
 					$.each(categories, function(id, categorie) {
 						$("<option>", {value:id, text:categorie}).appendTo(selectSousDomaine);
 					});
+					selectSousDomaine.prop('disabled', false);
 				}
 				selectSousDomaine.parent().removeClass('content_load');
 			});
@@ -100,7 +101,7 @@ $(document).ready(function()
 			$("#training_categoryBuisness option:not([value=''])").remove();
 			
 			var selectSousDomaine = $("#training_categoryBuisnessDomain");
-			selectSousDomaine.parent().addClass('content_load');
+			selectSousDomaine.prop('disabled', 'disabled').parent().addClass('content_load');
 			getChildCategoryBuisness(idCategory, function(categories)
 			{
 				if (categories)
@@ -108,6 +109,7 @@ $(document).ready(function()
 					$.each(categories, function(id, categorie) {
 						$("<option>", {value:id, text:categorie}).appendTo(selectSousDomaine);
 					});
+					selectSousDomaine.prop('disabled', false);
 				}
 				selectSousDomaine.parent().removeClass('content_load');
 			});
@@ -137,7 +139,7 @@ $(document).ready(function()
 			$("#training_categoryBuisness option:not([value=''])").remove();
 
 			var selectSousDomaine = $("#training_categoryBuisness");
-			selectSousDomaine.parent().addClass('content_load');
+			selectSousDomaine.prop('disabled', 'disabled').parent().addClass('content_load');
 			getChildCategoryBuisness(idCategory, function(categories)
 			{
 				if (categories)
@@ -145,6 +147,7 @@ $(document).ready(function()
 					$.each(categories, function(id, categorie) {
 						$("<option>", {value:id, text:categorie}).appendTo(selectSousDomaine);
 					});
+					selectSousDomaine.prop('disabled', false);
 				}
 				selectSousDomaine.parent().removeClass('content_load');
 			});
@@ -228,7 +231,7 @@ $(document).ready(function()
 		// Mise en attente de chargement
 		$.each(inputsCategory, function(id, category) {
 			if (id) {
-				category.parent().addClass('content_load');
+				category.prop('disabled', 'disabled').parent().addClass('content_load');
 			}
 		});
 
@@ -275,17 +278,19 @@ $(document).ready(function()
 						$.each(categories, function(id, categorie) {
 							$("<option>", {value:id, text:categorie}).appendTo(inputsCategory[idArray+1]);
 						});
-						// Selectionner sa valeur
-						inputsCategory[idArray+1].val(categoriesParentsId[idArray+1]);
 
 						// Contenu chargé
-						inputsCategory[idArray+1].parent().removeClass('content_load');
+						inputsCategory[idArray+1].prop('disabled', false).parent().removeClass('content_load');
+
+						// Selectionner sa valeur
+						inputsCategory[idArray+1].val(categoriesParentsId[idArray+1]);
 					}
 				});
 			}
 		});
 	}
 
+
 	/**
 	 * Stock, de façon récursive, les id des parents de la catégory dans la table categoriesParentsId
 	 * @param {int} categoryId
@@ -315,6 +320,69 @@ $(document).ready(function()
 
 
 
+	/**********************************/
+	/************ Accroche ************/
+	/**********************************/
+
+	// Si l'accroche correspond au 170 premiers caractères de la description placé la valeur de l'accroche en placeholder
+	//var accrocheVal = $("#training_hook").val();
+	var descriptionVal = $("#training_description").val().substr(0, 170);
+
+	/*if (descriptionVal.indexOf(accrocheVal) === 0)
+	{
+		$("#training_hook").val(accrocheVal);
+	}*/
+
+	$("#training_description").on( 'change keyup paste cut', function (){
+		var value = $(this).val();
+		
+		if (descriptionVal == $("#training_hook").val()) {
+			$("#training_hook").val(value.substr(0, 170));
+		}
+
+		descriptionVal = value.substr(0, 170);
+	});
+
+	// Si l'accroche change et qu'elle est vide
+	$("#training_hook").on( 'change', function (){
+		if ($.trim($(this).val()) == '') {
+			$(this).val($("#training_description").val().substr(0, 170));
+		}
+	});
+
+
+
+
+
+
+	/**********************************/
+	/********* TYPE OPTIONNEL *********/
+	/**********************************/
+	$("input[name='training[optionnalType]'][value='NA'] + label").hide();
+	if ($("input[name='training[type]'][value='INTRA']:checked").length > 0) {
+		$("input[name='training[optionnalType]'][value='INTRA'] + label").hide().attr('disabled', false);
+	}
+	if ($("input[name='training[type]'][value='INTER']:checked").length > 0) {
+		$("input[name='training[optionnalType]'][value='INTER'] + label").hide().attr('disabled', false);
+	}
+	$("input[name='training[type]']").change(function(){
+		$("input[name='training[optionnalType]'][value='NA']").prop('checked', true);
+		if ($("input[name='training[type]'][value='INTRA']:checked").length > 0) {
+			$("input[name='training[optionnalType]'][value='INTRA'] + label").hide().attr('disabled', true);
+			$("input[name='training[optionnalType]'][value='INTER'] + label").show().attr('disabled', false);
+		}
+		if ($("input[name='training[type]'][value='INTER']:checked").length > 0) {
+			$("input[name='training[optionnalType]'][value='INTER'] + label").hide().attr('disabled', false);
+			$("input[name='training[optionnalType]'][value='INTRA'] + label").show().attr('disabled', true);
+		}
+	});
+
+
+
+
+
+
+
 
 
 
@@ -342,6 +410,7 @@ $(document).ready(function()
 	 */
 	function loadTagField(field)
 	{
+		field.addClass('d-none');
 		var datasField = $.parseJSON(field.val());
 		var nameField = field.attr("name");
 
@@ -350,10 +419,10 @@ $(document).ready(function()
 		if (typeof datasField["liste"] !== "undefined") {
 			// element liste
 			$.each(datasField["liste"], function(idElem, elem){
-				addElemList(listeContent, nameField, elem, true, field.attr('data-placeholder'), false);
+				addElemList(listeContent, field, nameField, elem, true, field.attr('placeholder'), false);
 			});
 		}
-		addElemList(listeContent, nameField, '', true, field.attr('data-placeholder'), false);
+		addElemList(listeContent, field, nameField, '', true, field.attr('placeholder'), false);
 	}
 
 	/**
@@ -363,8 +432,9 @@ $(document).ready(function()
 	 */
 	function loadComplexField(field)
 	{
-		var datasField = $.parseJSON(field.attr("data-value"));
-		var nameField = field.attr("data-name");
+		field.addClass('d-none');
+		var datasField = $.parseJSON(field.val());
+		var nameField = field.attr("name").replace("[", "_").replace("]", "");
 		if (typeof datasField === "undefined" || datasField == null) {
 			datasField = [];
 		}
@@ -373,7 +443,7 @@ $(document).ready(function()
 
 		// Description
 		if (typeof datasField["description"] !== "undefined") {
-			var desc = field.find("textarea[name='"+nameField+"[description]']");
+			var desc = $("textarea[name='"+nameField+"_description']");
 			if (desc.length) {
 				desc.text(datasField["description"]);
 			}
@@ -385,13 +455,13 @@ $(document).ready(function()
 				if (typeof liste["titre"] !== "undefined") {
 					titre = liste["titre"];
 				}
-				var listeContent = addList(listesContent, nameField, titre, parseInt(id), titreLabel, field.attr('data-placeholder'));
+				var listeContent = addList(listesContent, field, nameField, titre, parseInt(id), titreLabel, field.attr('placeholder'));
 
 				// element liste
 				$.each(liste["liste"], function(idElem, elem){
-					addElemList(listeContent, nameField+"[listes]["+id+"]", elem, false, field.attr('data-placeholder'), false);
+					addElemList(listeContent, field, nameField+"_listes_"+id+"", elem, false, field.attr('placeholder'), false);
 				});
-				addElemList(listeContent, nameField+"[listes]["+id+"]", '', false, field.attr('data-placeholder'), false);
+				addElemList(listeContent, field, nameField+"_listes_"+id+"", '', false, field.attr('placeholder'), false);
 			});
 		}
 	}
@@ -403,45 +473,58 @@ $(document).ready(function()
 	 */
 	function addComplexFiel(field)
 	{
-		var nameField = field.attr("data-name");
+		var nameField = field.attr("name").replace("[", "_").replace("]", "");
 		var descriptionLabel = field.attr("data-label-description");
 		var listesLabel = field.attr("data-label-listes");
 		var titreLabel = field.attr("data-label-titreliste");
 		var addListeLabel = field.attr("data-label-addliste");
 
-		var placeholder = field.attr("data-placeholder");
+		var placeholder = field.attr("placeholder");
+
+
+		// Listes
+		var contentComplexField = $("<div>", {
+			id: nameField+"_complex_field"
+		}).insertAfter(field);
 
 		// Description
 		$("<label>", {
 			text: descriptionLabel,
-			"for": nameField+"Description",
-			class: "like-label"
-		}).appendTo(field);
+			"for": nameField+"_description",
+			class: "like-label h5 sub-form-separator py-1 mb-2 d-block"
+		}).appendTo(contentComplexField);
+
 		$("<textarea>", {
-			id: nameField+"Description",
+			id: nameField+"_description",
 			class: "form-control",
 			type: "text",
-			name: nameField+"[description]",
+			name: nameField+"_description",
 			//"data-require_publie": 1
-		}).appendTo(field);
+		})
+		.appendTo(contentComplexField)
+		.on('change keyup paste cut', function(){
+			saveContent(field);
+		});
+
+
 		$("<div>",{
 			class:"invalid-feedback"
-		}).appendTo(field);
+		}).appendTo(contentComplexField);
 
-		$("<div>", {
-			html: "<h4>"+listesLabel+"</h4>",
-			"for": nameField+"Description",
-			class: "sub-form-separator d-flex border-bottom py-2 mb-3 mt-3"
-		}).appendTo(field);
+		$("<span>", {
+			html: listesLabel,
+			"for": nameField+"_description",
+			class: "sub-form-separator h5 py-1 mb-2 mt-3 d-block"
+		}).appendTo(contentComplexField);
 
-		// Listes
 		var listesAndButtonContent = $("<div>", {
 
-		}).appendTo(field);
+		}).appendTo(contentComplexField);
 
 
-		var listesContent = $("<div>", {
 
+		var listesContent = $("<div>", {
+			id: nameField+"_listes",
 		}).appendTo(listesAndButtonContent);
 
 		// Ajouter une liste
@@ -452,7 +535,7 @@ $(document).ready(function()
 		})
 		.appendTo(listesAndButtonContent)
 		.click(function(){
-			addList(listesContent, nameField, '', null, titreLabel, placeholder);
+			addList(listesContent, field, nameField, '', null, titreLabel, placeholder);
 		});
 
 		return listesContent;
@@ -466,7 +549,7 @@ $(document).ready(function()
 	 * @param listId L'id utilisé par la liste (pour évité d'écraser les précédentes)
 	 * @returns
 	 */
-	function addList(listesContent, nameField, value, listId, titreLabel, placeholder)
+	function addList(listesContent, field, nameField, value, listId, titreLabel, placeholder)
 	{
 		if (typeof value === "undefined" || value === null) { value = ""; }
 		if (typeof titreLabel === "undefined") { titreLabel = ""; }
@@ -484,29 +567,34 @@ $(document).ready(function()
 		}
 		nbListe++;
 
-		var nameFieldListe = nameField+"[listes]["+curListeId+"]";
+		var nameFieldListe = nameField+"_listes_"+curListeId+"";
 
-		var formGroup = $("<div>", {class:"form-group"}).appendTo(listesContent);
+		var newListeContent = $("<div>", {class:"new-liste-content", id:nameFieldListe}).appendTo(listesContent);
+		
+		var formGroup = $("<div>", {class:"form-group"}).appendTo(newListeContent);
 		// Titre
 		$("<label>", {
 			text: titreLabel,
-			"for": nameFieldListe+"[titre]",
+			"for": nameFieldListe+"_titre",
 			class: "like-label"
 		}).appendTo(formGroup);
 		let title = $("<input>", {
-			id: nameFieldListe+"[titre]",
+			id: nameFieldListe+"_titre",
 			class: "form-control ",
 			type: "text",
-			name: nameFieldListe+"[titre]",
+			name: nameFieldListe+"_titre",
 			value: value
 		});
 		title.appendTo(formGroup);
+		title.on('change keyup paste cut', function(){
+			saveContent(field);
+		});
 
 		// Liste
-		var formGroup = $("<div>", {class:"form-group"}).appendTo(listesContent);
+		var formGroup = $("<div>", {class:"form-group"}).appendTo(newListeContent);
 		var listeContent = $("<ul>", {class: "complex-field"}).appendTo(formGroup);
 
-		addElemList(listeContent, nameFieldListe, "", true, placeholder, false);
+		addElemList(listeContent, field, nameFieldListe, "", true, placeholder, false);
 
 		return listeContent;
 	}
@@ -522,7 +610,7 @@ $(document).ready(function()
 
 		// Liste
 		var listeContent = $("<ul>", {class: "tag-field"}).insertAfter(field).click(function(){
-			addElemList($(this), nameField, "", true, field.attr('placeholder'), true);
+			addElemList($(this), field, nameField, "", true, field.attr('placeholder'), true);
 		});
 
 		return listeContent;
@@ -538,7 +626,7 @@ $(document).ready(function()
 	 * @param focus Si l'élément doit prendre le focus après sont ajout
 	 * @returns
 	 */
-	function addElemList(listeContent, nameFieldListe, value, isTagInput, placeHolder, focus)
+	function addElemList(listeContent, field, nameFieldListe, value, isTagInput, placeHolder, focus)
 	{
 		// Test si les variables sont renseignées, sinon les init
 		if (typeof focus === "undefined") { focus = false; }
@@ -556,10 +644,8 @@ $(document).ready(function()
 		{
 			// Si on a un champ vide et qu'on tente d'ajouter un élément avec une valeur, utiliser le champ vide sinon créer le champ
 			var contentFields = placeolder;
-			var inputForm = contentFields.find("input");
 			var input = contentFields.find("span.input-list-elem");
 			contentFields.removeClass("list-placeholder");
-			inputForm.val(value);
 			input.text(value);
 		}
 		else
@@ -573,12 +659,6 @@ $(document).ready(function()
 			}
 
 			// Ajout du champs du formulaire qui contiendra le donnée à envoyer à l'envoi du formulaire
-			var inputForm = $("<input>", {
-				name: nameFieldListe+"[liste][]",
-				type: "hidden",
-				value: value
-			}).appendTo(contentFields).hide();
-
 			// Ajout du champ éditable et visible sur le formulaire
 			var input = $("<span>", {
 				class: "input-list-elem",
@@ -594,12 +674,16 @@ $(document).ready(function()
 		enableElementList(listeContent.find(".js_list_element_content:not(.edit-enable)"), false);
 
 		// Ajout du bouton de suppression suppression
-		var buttonDelete = $("<span>", {class: "list-delete"}).appendTo(contentFields);
+		var buttonDelete = contentFields.find(".list-delete");
+		if (buttonDelete.length == 0)
+		{
+			buttonDelete = $("<span>", {class: "list-delete"}).appendTo(contentFields);
+			// L'icone croix du bouton de suppression
+			$("<i>", {class:"ion-android-close"}).appendTo(buttonDelete).click(function( event ) {
+				contentFields.remove();
+			});
+		}
 
-		// L'icone croix du bouton de suppression
-		$("<i>", {class:"ion-android-close px-1 ml-1 border-left"}).appendTo(buttonDelete).click(function( event ) {
-			contentFields.remove();
-		});
 
 		/*if (!isTagInput) {
 			buttonDelete.addClass('d-inline-block position-absolute').css({top:0, right:0});
@@ -618,7 +702,7 @@ $(document).ready(function()
 				event.preventDefault();
 				// Si le champs n'est pas vide, ajouter un nouveau champ
 				if ( $(this).text() != "" ) {
-					addElemList(listeContent, nameFieldListe, "", isTagInput, placeHolder, true);
+					addElemList(listeContent, field, nameFieldListe, "", isTagInput, placeHolder, true);
 				}
 				return false;
 			}
@@ -644,7 +728,7 @@ $(document).ready(function()
 				if (contentFields.is(':last-child'))  {
 					contentFields.removeClass("list-placeholder");
 					if (!listeContent.find("list-placeholder").length) {
-						addElemList(listeContent, nameFieldListe, "", isTagInput, placeHolder);
+						addElemList(listeContent, field, nameFieldListe, "", isTagInput, placeHolder);
 					}
 				}
 
@@ -675,19 +759,15 @@ $(document).ready(function()
 		    //$(this).text($(this).text()+text);
 		    document.execCommand("insertHTML", false, text);
 
-			inputForm.val(input.text());
+			saveContent(field);
 		});
 
 		// Lors d'un changement de l'input visible, mettre à jour la valeur dans l'input qui sera envoyer par le form
 		input.on( 'change keyup paste cut', function (){
-			var value = input.text();
-			inputForm.val(value.trim());
-			saveContent(listeContent);
+			saveContent(field);
 		});
 		input.on( 'focusout', function (){
-			var value = input.text();
-			input.text(value.trim());
-			saveContent(listeContent);
+			saveContent(field);
 		});
 
 		// Edition au click
@@ -702,14 +782,47 @@ $(document).ready(function()
 		return input;
 	}
 
-	function saveContent(listeContent)
+	function saveContent(formInput)
 	{
-		var elements = listeContent.find(".input-list-elem");
-		var result = [];
-		elements.each(function(index){
-			result.push($(this).text());
-		});
-		console.log(result);
+		if (formInput.hasClass("js_complex_field"))
+		{
+			var nameField = formInput.attr("name").replace("[", "_").replace("]", "");
+			var contentComplexField = $('#'+nameField+'_complex_field');
+			var description = $('#'+nameField+'_description').val();
+			var listes = contentComplexField.find('.new-liste-content');
+
+			var result = {
+				description: description,
+				listes:[]
+			};
+
+			listes.each(function(index){
+				var listeDatas = {titre:'', liste:[]};
+				listeDatas.titre = $('#'+$(this).attr('id')+"_titre").val();
+				var elements = $(this).find(".input-list-elem");
+
+				elements.each(function(index){
+					if ($(this).text() != '') {
+						listeDatas.liste.push($(this).text().trim());
+					}
+				});
+				result.listes.push(listeDatas);
+			});
+
+			formInput.val(JSON.stringify(result));
+		}
+		else
+		{
+			var listeContent = formInput.next(".tag-field");
+			var elements = listeContent.find(".input-list-elem");
+			var result = {liste:[]};
+			elements.each(function(index){
+				if ($(this).text() != '') {
+					result.liste.push($(this).text().trim());
+				}
+			});
+			formInput.val(JSON.stringify(result));
+		}
 	}
 
 	/**

assets/shared/build/scss/bootstrap/extended/form.scss

@@ -289,11 +289,11 @@ form .form-text {
 	margin-top: 4px;
 	width: 100%;
 
-	@include media-breakpoint-up("lg") {
+	/*@include media-breakpoint-up("lg") {
 		& {
 			width: 50%;
 		}
-	}
+	}*/
 }
 
 /* Champ en attente de chargement */
@@ -320,6 +320,16 @@ form .form-text {
 	}
 }
 
+  
+
+/* Style spécifique pour le formulaire de formation */
+.content_load #training_categoryDomain,
+.content_load #training_categorySubDomain,
+.content_load #training_categoryBuisnessDomain,
+.content_load #training_categoryBuisness {
+	display: inline-block;
+	width: calc( 100% - 30px );
+}
 
 
 /* Style spécifique pour le formulaire des demandes pour rejoindre une entreprise */
@@ -421,99 +431,178 @@ form .form-text {
 
 
 
-.custom-checkbox {
-	label {
-		position: relative;
-		margin-bottom: 0;
-	  
-		// Background-color and (when enabled) gradient
-		&::before {
-		  position: absolute;
-		  top: (($font-size-base * $line-height-base - $custom-control-indicator-size) / 2);
-		  left: -$custom-control-gutter;
-		  display: block;
-		  width: $custom-control-indicator-size;
-		  height: $custom-control-indicator-size;
-		  pointer-events: none;
-		  content: "";
-		  user-select: none;
-		  background-color: $custom-control-indicator-bg;
-		  @include box-shadow($custom-control-indicator-box-shadow);
-		}
-	  
-		// Foreground (icon)
-		&::after {
-		  position: absolute;
-		  top: (($font-size-base * $line-height-base - $custom-control-indicator-size) / 2);
-		  left: -$custom-control-gutter;
-		  display: block;
-		  width: $custom-control-indicator-size;
-		  height: $custom-control-indicator-size;
-		  content: "";
-		  background-repeat: no-repeat;
-		  background-position: center center;
-		  background-size: $custom-control-indicator-bg-size;
-		}
-	  }
-
-	label::before {
-	  @include border-radius($custom-checkbox-indicator-border-radius);
+.custom-control-input + label {
+	position: relative;
+	margin-bottom: 0;
+	margin-left: $custom-control-gutter;
+	margin-right: $custom-control-gutter / 2;
+	display: block;
+	
+	// Background-color and (when enabled) gradient
+	&::before {
+		position: absolute;
+		top: (($font-size-base * $line-height-base - $custom-control-indicator-size) / 2);
+		left: -$custom-control-gutter;
+		display: block;
+		width: $custom-control-indicator-size;
+		height: $custom-control-indicator-size;
+		pointer-events: none;
+		content: "";
+		user-select: none;
+		background-color: $custom-control-indicator-bg;
+		@include box-shadow($custom-control-indicator-box-shadow);
+		@include border-radius($custom-checkbox-indicator-border-radius);
 	}
+	
+	// Foreground (icon)
+	&::after {
+		position: absolute;
+		top: (($font-size-base * $line-height-base - $custom-control-indicator-size) / 2);
+		left: -$custom-control-gutter;
+		display: block;
+		width: $custom-control-indicator-size;
+		height: $custom-control-indicator-size;
+		content: "";
+		background-repeat: no-repeat;
+		background-position: center center;
+		background-size: $custom-control-indicator-bg-size;
+	}
+}
+input[type="radio"].custom-control-input + label {
+	display: block;
+	// Background-color and (when enabled) gradient
+	&::before {
+		@include border-radius(50%);
+	}
+}
   
-	.custom-control-input:checked + label {
-	  &::before {
+.custom-control-input:checked + label {
+	&::before {
 		@include gradient-bg($custom-control-indicator-checked-bg);
-	  }
-	  &::after {
+	}
+	&::after {
 		background-image: $custom-checkbox-indicator-icon-checked;
-	  }
 	}
+}
+input[type="radio"].custom-control-input:checked + label {
+	// Background-color and (when enabled) gradient
+	&::after {
+		background-image: none;
+		background-color: white;
+		@include border-radius(50%);
+		width: $custom-control-indicator-size - 0.6rem;
+		height: $custom-control-indicator-size - 0.6rem;
+
+		top: 0.55rem;
+		left: -$custom-control-gutter + ($custom-control-indicator-size - 0.70rem);
+	}
+}
   
-	.custom-control-input:indeterminate + label {
-	  &::before {
+.custom-control-input:indeterminate + label {
+	&::before {
 		@include gradient-bg($custom-checkbox-indicator-indeterminate-bg);
 		@include box-shadow($custom-checkbox-indicator-indeterminate-box-shadow);
-	  }
-	  &::after {
+	}
+	&::after {
 		background-image: $custom-checkbox-indicator-icon-indeterminate;
-	  }
 	}
+}
   
-	.custom-control-input:disabled {
-	  &:checked + label::before {
+.custom-control-input:disabled {
+	&:checked + label::before {
 		background-color: $custom-control-indicator-checked-disabled-bg;
-	  }
-	  &:indeterminate + label::before {
+	}
+	&:indeterminate + label::before {
 		background-color: $custom-control-indicator-checked-disabled-bg;
-	  }
 	}
-  }
+}
   
-  .custom-control-input {
+.custom-control-input {
 	&:checked + label::before {
-	  color: $custom-control-indicator-checked-color;
-	  @include gradient-bg($custom-control-indicator-checked-bg);
-	  @include box-shadow($custom-control-indicator-checked-box-shadow);
+		color: $custom-control-indicator-checked-color;
+		@include gradient-bg($custom-control-indicator-checked-bg);
+		@include box-shadow($custom-control-indicator-checked-box-shadow);
 	}
-  
+
 	&:focus + label::before {
-	  // the mixin is not used here to make sure there is feedback
-	  box-shadow: $custom-control-indicator-focus-box-shadow;
+		// the mixin is not used here to make sure there is feedback
+		box-shadow: $custom-control-indicator-focus-box-shadow;
 	}
-  
+
 	&:active + label::before {
-	  color: $custom-control-indicator-active-color;
-	  background-color: $custom-control-indicator-active-bg;
-	  @include box-shadow($custom-control-indicator-active-box-shadow);
+		color: $custom-control-indicator-active-color;
+		background-color: $custom-control-indicator-active-bg;
+		@include box-shadow($custom-control-indicator-active-box-shadow);
 	}
-  
+
 	&:disabled {
-	  + label {
+		+ label {
 		color: $custom-control-label-disabled-color;
-  
+
 		&::before {
-		  background-color: $custom-control-indicator-disabled-bg;
+			background-color: $custom-control-indicator-disabled-bg;
 		}
-	  }
+		}
+	}
+}
+
+
+.form-captain  {
+	select {
+		@extend .form-control;
 	}
+	textarea {
+		@extend .form-control;
+	}
+	input[type="checkbox"] {
+		@extend .custom-control-input;
+	}
+	input[type="radio"] {
+		@extend .custom-control-input;
+	}
+  }
+
+  .cpt-duration {
+	  border: 1px solid $gray-400;
+	  @include border-radius(5px);
+	  height: 40px;
+	  overflow: hidden;
+
+	  div {
+		display: inline-block;
+		width: 50%;
+		
+		input {
+			@include border-radius(5px 0px 0px 5px);
+			display: inline-block;
+			width: calc(100% - 40px);
+			border: none;
+		}
+		&:after {
+			@include border-radius(0px 5px 5px 0px);
+			display: inline-block;
+			content: "min";
+			width: 40px;
+			text-align: center;
+			color: $gray-700;
+			background-color: $gray-200;
+			height: 100%;
+			line-height: 38px;
+		}
+
+		&:first-child {
+			input {
+				width: calc(100% - 30px);
+			}
+			&:after {
+				@include border-radius(0px);
+				content: "h";
+				width: 30px;
+			}
+		}
+
+			label {
+				display: none;
+			}
+	  }
   }

assets/shared/build/scss/settings.scss

@@ -48,7 +48,7 @@ $body-color: $black;
 $theme-colors: (
     "primary": $red-captain,
     "secondary": #fff,
-    "light":#fff,
+    "light":#F5F5F5,
     "info":lighten($red-captain,20%),
     "dark": #424242,
     "danger":   #FC523F,

assets/shared/build/scss/temp.scss

@@ -21,6 +21,8 @@ tr[data-toggle-up]
 
 .complex-field {
 	min-height: 1rem;
+	padding-left: 0;
+
 }
 
 .complex-field .complex-field li
@@ -61,6 +63,8 @@ tr[data-toggle-up]
 
 	/* .form-control */
 	padding: 0.375rem 0.75rem;
+	padding-bottom: 0rem;
+
 	font-size: 0.875rem;
 	line-height: 1.5;
 	color: #b5b5b5;
@@ -76,35 +80,28 @@ tr[data-toggle-up]
 {
 	/* .badge-secondary */
     color: rgba(0, 0, 0, 1);
-    background-color: rgba(17, 17, 17, 0.05);
-    border: none;
-
+    //background-color: rgba(17, 17, 17, 0.05);
 
 	/* .p-2 */
-    padding: 0.5rem !important;
+    padding: 0.4rem !important;
+    padding-left: 0.8rem !important;
     /* .mb-2 */
-    margin-bottom: 0.5rem !important;
+    margin-bottom: 0.4rem !important;
     /* .mr-2 */
 	margin-right: 0.5rem !important;
 	/* .position-relative */
     position: relative !important;
 
-    /* .justify-content-center */
-    -webkit-justify-content: center !important;
-    -ms-flex-pack: center !important;
-    justify-content: center !important;
-
     /* .d-flex */
     display: -webkit-flex !important;
     display: -ms-flexbox !important;
     display: flex !important;
 
     /* .badge */
-    line-height: 1;
     text-align: center;
-    white-space: nowrap;
+    //white-space: nowrap;
     vertical-align: baseline;
-    border-radius: 0.25rem;
+    border-radius: 20px;
 }
 
 .tag-field li.list-placeholder
@@ -131,8 +128,9 @@ tr[data-toggle-up]
 }
 .complex-field li .input-list-elem
 {
-	display: block;
+	display: inherit;
 	width: 90%;
+	min-height: 38px;
 
 	padding: 0.375rem 0.75rem;
 	padding-right: 0.75rem;
@@ -157,17 +155,42 @@ tr[data-toggle-up]
     display: -ms-flexbox !important;
     display: flex !important;
 
+	position: absolute;
+	background-color: RGBA(0,0,0, 0.3);
+	height: 20px;
+	width: 20px;
+	border-radius: 50%;
+	right: -19px;
+	top: 6px;
+
+	color: white;
+	cursor: pointer;
+
+	opacity: 0.5;
+
+	transition: opacity 0.5s;
+
+	i {
+		width: 100%;
+		height: 100%;
+		padding: 3px;
+	}
 }
 
+.complex-field li .list-delete:hover,
+.tag-field li .list-delete:hover {
+	opacity: 1;
+}
 
 .complex-field li
 {
 	position: relative;
-	padding-right: 1.5rem;
+	padding-right: 1rem;
 
 	margin-top: 0.5rem;
 	font-size: 0.875rem;
 	line-height: 1.5;
+	min-height: 38px;
 	background-color: #fff;
 	background-clip: padding-box;
 	border: 1px solid lightgray;
@@ -177,9 +200,12 @@ tr[data-toggle-up]
 .complex-field li .list-delete
 {
 	position: absolute;
-	top: 0;
-	right: 0;
-	padding: 0.375rem 0rem;
+	top: 5;
+	right: 5;
+
+	i {
+		padding: 4px 6px;
+	}
 }
 
 .complex-field li.list-placeholder .list-delete,
@@ -193,15 +219,15 @@ tr[data-toggle-up]
 .tag-field li span {
 	min-height: calc( 14px*0.75 );
 	/*line-height: calc(14px*0.75);*/
-	line-height: 1;
+	margin-right: 25px;
 }
 
 
 .sub-form-separator {
-	margin-left: 5rem;
+	margin-left: 0rem;
 }
 .sub-form-separator + div {
-	margin-left: 5rem;
+	margin-left: 0rem;
 }
 
 

assets/shared/build/scss/theme/base/nav-space.scss

@@ -109,6 +109,14 @@ $space-society-main-color-light: lighten($space-society-main-color,5%);
 	color: $space-user-main-color;
 }
 
+.tag-field li {
+	border: 2px solid rgba($space-user-main-color, 0.5);
+}
+.complex-field li .list-delete,
+.tag-field li .list-delete {
+	background-color: rgba($space-user-main-color, 0.5);
+}
+
 
 .space-of {
 	.page-link:hover,
@@ -122,16 +130,13 @@ $space-society-main-color-light: lighten($space-society-main-color,5%);
 		border-color: $space-of-main-color;
 	}
 
-	.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
+	.custom-control-input:checked + label::before {
 	    background-color: $space-of-main-color;
 	}
-	.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
-	    background-color: $space-of-main-color;
-	}
-	.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
+	.custom-control-input:disabled:checked + label::before {
 	    background-color: rgba($space-of-main-color, 0.5);
 	}
-	.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
+	.custom-control-input:checked + label::before {
 	    background-color: $space-of-main-color;
 	}
 
@@ -140,10 +145,10 @@ $space-society-main-color-light: lighten($space-society-main-color,5%);
 		background-color: $space-of-main-color;
 	}
 
-  a,
+	a,
 	.btn-link {
-  	color: $space-of-main-color;
-  }
+	color: $space-of-main-color;
+	}
 
 	.btn-primary:not(:disabled):not(.disabled):active,
 	.btn-primary:not(:disabled):not(.disabled).active,
@@ -164,11 +169,14 @@ $space-society-main-color-light: lighten($space-society-main-color,5%);
 	.dropdown-item:active {
 		background-color: $space-of-main-color;
 	}
-
-	.custom-checkbox .custom-control-input.disabled-visible:disabled:checked ~ .custom-control-label::before {
+	
+	.custom-control-input:indeterminate + label::before {
+ 		background-color: rgba($space-of-main-color,0.5);
+	}
+	.custom-control-input.disabled-visible:disabled:checked + label::before {
  		background-color: rgba($space-of-main-color,0.8);
 	}
-	.custom-checkbox .custom-control-input.disabled-visible:disabled + label
+	.custom-control-input.disabled-visible:disabled + label
 	{
 		color: rgba($black,0.8);
 	}
@@ -211,6 +219,14 @@ $space-society-main-color-light: lighten($space-society-main-color,5%);
 			}
 		}
 	}
+	
+	.tag-field li {
+		border: 2px solid rgba($space-of-main-color, 0.5);
+	}
+	.complex-field li .list-delete,
+	.tag-field li .list-delete {
+		background-color: rgba($space-of-main-color, 0.5);
+	}
 }
 
 
@@ -228,25 +244,22 @@ $space-society-main-color-light: lighten($space-society-main-color,5%);
 		border-color: $space-society-main-color;
 	}
 
-	.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
+	.custom-control-input:checked + label::before {
 	    background-color: $space-society-main-color;
 	}
-	.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
+	.custom-control-input:disabled:checked + label::before {
 	    background-color: rgba($space-society-main-color, 0.5);
 	}
-	.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
-	    background-color: $space-of-main-color;
-	}
 
 	.nave-space-background,
 	.nave-space {
 		background-color: $space-society-main-color;
 	}
 
-  a,
-	.btn-link {
-  	color: $space-society-main-color;
-  }
+	a,
+		.btn-link {
+		color: $space-society-main-color;
+	}
 
 	.btn-primary:not(:disabled):not(.disabled):active,
 	.btn-primary:not(:disabled):not(.disabled).active,
@@ -268,10 +281,13 @@ $space-society-main-color-light: lighten($space-society-main-color,5%);
 		background-color: $space-society-main-color;
 	}
 
-	.custom-checkbox .custom-control-input.disabled-visible:disabled:checked ~ .custom-control-label::before {
+	.custom-control-input:indeterminate + label::before {
+		background-color: rgba($space-society-main-color,0.5);
+  	 }
+	.custom-control-input.disabled-visible:disabled:checked + label::before {
  		background-color: rgba($space-society-main-color,0.6);
 	}
-	.custom-checkbox .custom-control-input.disabled-visible:disabled + label
+	.custom-control-input.disabled-visible:disabled + label
 	{
 		color: rgba($black,0.6);
 	}
@@ -316,6 +332,14 @@ $space-society-main-color-light: lighten($space-society-main-color,5%);
 			}
 		}
 	}
+	
+	.tag-field li {
+		border: 2px solid rgba($space-society-main-color, 0.5);
+	}
+	.complex-field li .list-delete,
+	.tag-field li .list-delete {
+		background-color: rgba($space-society-main-color, 0.5);
+	}
 }
 
 .no-space {
@@ -330,14 +354,19 @@ $space-society-main-color-light: lighten($space-society-main-color,5%);
 		border-color: theme-color("primary");
 	}
 
-	.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
+	.custom-control-input:checked + label::before {
 	    background-color: theme-color("primary");
 	}
-	.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
+	.custom-control-input:disabled:checked + label::before {
 	    background-color: rgba(theme-color("primary"), 0.5);
 	}
-	.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
-	    background-color: theme-color("primary");
+	
+	.tag-field li {
+		border: 2px solid rgba(theme-color("primary"), 0.5);
+	}
+	.complex-field li .list-delete,
+	.tag-field li .list-delete {
+		background-color: rgba(theme-color("primary"), 0.5);
 	}
 
   a,
@@ -345,10 +374,13 @@ $space-society-main-color-light: lighten($space-society-main-color,5%);
   	color: theme-color("primary");
   }
 
-  .custom-checkbox .custom-control-input.disabled-visible:disabled:checked ~ .custom-control-label::before {
+  .custom-control-input:indeterminate + label::before {
+	background-color: rgba(theme-color("primary"),0.5);
+   }
+  .custom-control-input.disabled-visible:disabled:checked + label::before {
  		background-color: theme-color("primary");
 	}
-	.custom-checkbox .custom-control-input.disabled-visible:disabled + label
+	.custom-control-input.disabled-visible:disabled + label
 	{
 		color: $black;
 	}

config/services.yaml

@@ -58,3 +58,11 @@ services:
 #===============================================================================
   Logipro\CaptainLearning\Service\FileUploader:
     arguments: ['@service_container']
+
+
+
+#===============================================================================
+# Form type.
+#===============================================================================
+  Logipro\CaptainLearning\Form\Seller\TrainingType:
+    arguments: ["@service_container"]

public/build/manifest.json

@@ -12,7 +12,7 @@
   "build/individual.company.list.js": "http://localhost:3000/CaptainLearning/build/individual.company.list.js",
   "build/manifest.js": "http://localhost:3000/CaptainLearning/build/manifest.js",
   "build/images/billetsNoir.svg": "http://localhost:3000/CaptainLearning/build/images/billetsNoir.514fdca3.svg",
-  "build/fonts/ionicons.eot?v=2.0.0": "http://localhost:3000/CaptainLearning/build/fonts/ionicons.2c2ae068.eot",
+  "build/images/ionicons.svg?v=2.0.0": "http://localhost:3000/CaptainLearning/build/images/ionicons.621bd386.svg",
   "build/fonts/ionicons.ttf?v=2.0.0": "http://localhost:3000/CaptainLearning/build/fonts/ionicons.24712f6c.ttf",
   "build/fonts/ionicons.woff?v=2.0.0": "http://localhost:3000/CaptainLearning/build/fonts/ionicons.05acfdb5.woff",
   "build/images/apple-touch-icon.png": "http://localhost:3000/CaptainLearning/build/images/apple-touch-icon.b4c8c50b.png",
@@ -63,7 +63,7 @@
   "build/images/add_souhait.svg": "http://localhost:3000/CaptainLearning/build/images/add_souhait.935a729a.svg",
   "build/images/add_souhait_maincolor.svg": "http://localhost:3000/CaptainLearning/build/images/add_souhait_maincolor.2ebb95d1.svg",
   "build/images/billets.svg": "http://localhost:3000/CaptainLearning/build/images/billets.847328cb.svg",
-  "build/images/ionicons.svg?v=2.0.0": "http://localhost:3000/CaptainLearning/build/images/ionicons.621bd386.svg",
+  "build/fonts/ionicons.eot?v=2.0.0": "http://localhost:3000/CaptainLearning/build/fonts/ionicons.2c2ae068.eot",
   "build/images/close.svg": "http://localhost:3000/CaptainLearning/build/images/close.14776e9e.svg",
   "build/images/close_hover.svg": "http://localhost:3000/CaptainLearning/build/images/close_hover.a2e05323.svg",
   "build/images/cpf.svg": "http://localhost:3000/CaptainLearning/build/images/cpf.b6dfda1d.svg",

src/CaptainLearning/Entity/Common/AbstractUploadableEntity.php

@@ -2,7 +2,7 @@
 namespace Logipro\CaptainLearning\Entity\Common;
 
 abstract class AbstractUploadableEntity extends AbstractEntity
-implements \Serializable
+
 {
 	protected static function convertToByte($size)
 	{

src/CaptainLearning/Entity/Company/Company.php

@@ -595,45 +595,5 @@ class Company extends AbstractUploadableEntity
 			'image/gif'
 		);
 	}
-
-	public function serialize()
-	{
-		return serialize(array(
-			$this->companyId,
-			$this->name,
-			$this->siret,
-			$this->address,
-			$this->postal_code,
-			$this->city,
-			$this->email,
-			$this->phone,
-			$this->stripe_customer_id,
-			$this->submit_tva,
-			$this->intra_community_tva,
-			$this->created_at,
-			$this->type,
-			$this->salaried_number
-		));
-	}
-
-	public function unserialize($serialized)
-	{
-		list(
-			$this->companyId,
-			$this->name,
-			$this->siret,
-			$this->address,
-			$this->postal_code,
-			$this->city,
-			$this->email,
-			$this->phone,
-			$this->stripe_customer_id,
-			$this->submit_tva,
-			$this->intra_community_tva,
-			$this->created_at,
-			$this->type,
-			$this->salaried_number
-			) = unserialize($serialized);
-	}
 }
 ?>

src/CaptainLearning/Entity/Training/Training.php

@@ -1159,5 +1159,125 @@ class Training extends AbstractEntity
 
         return $this;
     }
+
+    /**
+     * Get the value of pictureOne
+     */ 
+    public function getPictureOne()
+    {
+        return $this->pictureOne;
+    }
+
+    /**
+     * Set the value of pictureOne
+     *
+     * @return  self
+     */ 
+    public function setPictureOne($pictureOne)
+    {
+        $this->pictureOne = $pictureOne;
+
+        return $this;
+    }
+
+    /**
+     * Get the value of pictureTwo
+     */ 
+    public function getPictureTwo()
+    {
+        return $this->pictureTwo;
+    }
+
+    /**
+     * Set the value of pictureTwo
+     *
+     * @return  self
+     */ 
+    public function setPictureTwo($pictureTwo)
+    {
+        $this->pictureTwo = $pictureTwo;
+
+        return $this;
+    }
+
+    /**
+     * Get the value of pictureTree
+     */ 
+    public function getPictureTree()
+    {
+        return $this->pictureTree;
+    }
+
+    /**
+     * Set the value of pictureTree
+     *
+     * @return  self
+     */ 
+    public function setPictureTree($pictureTree)
+    {
+        $this->pictureTree = $pictureTree;
+
+        return $this;
+    }
+
+    /**
+     * Get the value of pictureFour
+     */ 
+    public function getPictureFour()
+    {
+        return $this->pictureFour;
+    }
+
+    /**
+     * Set the value of pictureFour
+     *
+     * @return  self
+     */ 
+    public function setPictureFour($pictureFour)
+    {
+        $this->pictureFour = $pictureFour;
+
+        return $this;
+    }
+
+    /**
+     * Get the value of pictureFive
+     */ 
+    public function getPictureFive()
+    {
+        return $this->pictureFive;
+    }
+
+    /**
+     * Set the value of pictureFive
+     *
+     * @return  self
+     */ 
+    public function setPictureFive($pictureFive)
+    {
+        $this->pictureFive = $pictureFive;
+
+        return $this;
+    }
+
+    /**
+     * Get the value of cover
+     */ 
+    public function getCover()
+    {
+        return $this->cover;
+    }
+
+    /**
+     * Set the value of cover
+     *
+     * @return  self
+     */ 
+    public function setCover($cover)
+    {
+        $this->cover = $cover;
+
+        return $this;
+    }
 }
 ?>

src/CaptainLearning/Entity/Type/EnumTrainingCertificationType.php

@@ -40,10 +40,10 @@ class EnumTrainingCertificationType extends StringType
 	public static function getFormChoices()
 	{
 		return array(
-			'CERTIFICATION_NONE' => self::CERTIFICATION_NONE,
-			'CERTIFICATION_CERTIFYING' => self::CERTIFICATION_CERTIFYING,
-			'CERTIFICATION_DIPLOMA' => self::CERTIFICATION_DIPLOMA,
-			'CERTIFICATION_QUALIFYING' => self::CERTIFICATION_QUALIFYING
+			'enum_training_certification_none' => self::CERTIFICATION_NONE,
+			'enum_training_certification_certifying' => self::CERTIFICATION_CERTIFYING,
+			'enum_training_certification_diploma' => self::CERTIFICATION_DIPLOMA,
+			'enum_training_certification_qualifying' => self::CERTIFICATION_QUALIFYING
 		);
 	}
 }

src/CaptainLearning/Entity/Type/EnumTrainingTypeType.php

@@ -35,14 +35,25 @@ class EnumTrainingTypeType extends StringType
 	 * Retourne un tableau de choix utilisable dans un formulaire.
 	 * @return string[]
 	 */
-	public static function getFormChoices($withNA = false)
+	public static function getFormChoices($withNA = false, $optional = false)
 	{
 		$choises = array();
+
+		if ($optional)
+		{
+			if ($withNA) {
+				$choises['enum_training_type_na'] = self::TYPE_NA;
+			}
+			$choises['enum_training_type_optional_intra'] = self::TYPE_INTRA;
+			$choises['enum_training_type_optional_inter'] = self::TYPE_INTER;
+			return $choises;
+		}
+
 		if ($withNA) {
-			$choises['NA'] = self::TYPE_NA;
+			$choises['enum_training_type_na'] = self::TYPE_NA;
 		}
-		$choises['INTRA'] = self::TYPE_INTRA;
-		$choises['INTER'] = self::TYPE_INTER;
+		$choises['enum_training_type_intra'] = self::TYPE_INTRA;
+		$choises['enum_training_type_inter'] = self::TYPE_INTER;
 		return $choises;
 	}
 }

src/CaptainLearning/Entity/User/User.php

@@ -19,7 +19,7 @@ use Logipro\CaptainLearning\Entity\User\Constraints\Password\Password;
  * Représente un utilisateur du logiciel.
  */
 class User extends AbstractUploadableEntity
-implements UserInterface
+implements UserInterface, \Serializable
 {
 	/**
 	 * ID utilisateur.

src/CaptainLearning/Form/DataTransformer/CPTDurationTransformer.php

@@ -0,0 +1,28 @@
+<?php
+namespace Logipro\CaptainLearning\Form\DataTransformer;
+
+use Doctrine\Common\Persistence\ObjectManager;
+use Symfony\Component\Form\DataTransformerInterface;
+use Symfony\Component\Form\Exception\TransformationFailedException;
+
+class CPTDurationTransformer implements DataTransformerInterface
+{
+    public function transform($value): array
+    {
+        $valueInMinutes = $value/60;
+        $minutes = $valueInMinutes%60;
+        $hours = ($valueInMinutes-$minutes)/60;
+        
+        return array('hours' => $hours, 'minutes' => $minutes);
+    }
+
+    public function reverseTransform($array): int
+    {
+        $total = 0;
+        $total += $array['hours']*60;
+        $total += $array['minutes'];
+        $total *= 60;
+
+        return $total;
+    }
+}

src/CaptainLearning/Form/Seller/TrainingType.php

@@ -13,6 +13,11 @@ use Symfony\Component\Form\Extension\Core\Type\SubmitType;
 use Symfony\Component\Form\Extension\Core\Type\IntegerType;
 use Symfony\Component\Form\Extension\Core\Type\ChoiceType;
 use Symfony\Component\Form\Extension\Core\Type\HiddenType;
+use Symfony\Component\Form\Extension\Core\Type\TimeType;
+use Symfony\Component\Form\Extension\Core\Type\NumberType;
+use Symfony\Component\Form\Extension\Core\Type\UrlType;
+use Symfony\Component\Form\Extension\Core\Type\CheckboxType;
+use Symfony\Component\Form\Extension\Core\Type\FileType;
 use Symfony\Bridge\Doctrine\Form\Type\EntityType;
 use Logipro\CaptainLearning\Entity\Training\Training;
 use Logipro\CaptainLearning\Entity\Place;
@@ -23,11 +28,20 @@ use Logipro\CaptainLearning\Entity\Type\EnumTrainingCertificationType;
 use Logipro\CaptainLearning\Entity\Type\EnumTrainingModalityType;
 use Logipro\CaptainLearning\Entity\type\EnumCategoryType;
 
+use Logipro\CaptainLearning\Form\Type\CPTDurationType;
+
 /**
  * Formulaire de creation d'une formation.
  */
 class TrainingType extends AbstractType
 {
+	protected $container;
+ 
+	public function __construct($container){
+	
+		$this->container = $container;
+	}
+ 
 	public function buildForm(FormBuilderInterface $builder, array $options)
 	{
 		$labelSave =  'form_training_save_create';
@@ -38,7 +52,8 @@ class TrainingType extends AbstractType
 	    // Déclaration des champs
 		$builder->add('name', TextType::class, array(
 			'required' => true,
-            'empty_data' => ''
+			'empty_data' => '',
+			'help' => 'form_training_name_help'
 		))
 		->add('place', EntityType::class, array(
             'class' => Place::class,
@@ -50,6 +65,7 @@ class TrainingType extends AbstractType
 			},
             'choice_label' => 'name',
 			'required' => false,
+			'placeholder' => 'form_training_place_placeholder'
 		))
 		->add('minimalPlaceNumber', IntegerType::class, array(
 			'required' => true,
@@ -66,7 +82,7 @@ class TrainingType extends AbstractType
 			'required' => true,
 		))
 		->add('optionnalType', ChoiceType::class, array(
-            'choices' => EnumTrainingTypeType::getFormChoices(true),
+            'choices' => EnumTrainingTypeType::getFormChoices(true, true),
 			'expanded'=> true,
 			'multiple'=> false,
 			'required' => true,
@@ -84,25 +100,25 @@ class TrainingType extends AbstractType
 			'required' => true,
 		))
 		->add('eligibleCPF', ChoiceType::class, array(
-            'choices' => array("Oui"=> 1, "Non"=> 0),
+            'choices' => array("enum_yes"=> 1, "enum_no"=> 0),
 			'expanded'=> true,
 			'multiple'=> false,
 			'required' => true,
 			'empty_data' => 0,
 		))
 		->add('code', TextType::class, array(
-			'required' => true,
+			'required' => false,
             'empty_data' => '',
-			'help' => 'Code unique de la fromation au sein de l\'organisme de formation (optionnel)',
+			'help' => 'form_training_code_help',
 		))
 		->add('description', TextareaType::class, array(
-			'required' => true,
+			'required' => false,
             'empty_data' => '',
 		))
 		->add('hook', TextareaType::class, array(
-			'required' => true,
+			'required' => false,
             'empty_data' => '',
-			'help' => 'En quelques mots percutants quel est le b...',
+			'help' => "form_training_hook_help",
 		))
 		->add('category', EntityType::class, array(
             'class' => Category::class,
@@ -120,6 +136,7 @@ class TrainingType extends AbstractType
 			},
             'choice_label' => 'name',
 			'required' => false,
+			'help' => 'form_training_category_help'
 		))
 
 		->add('categoryDomain', EntityType::class, array(
@@ -135,7 +152,7 @@ class TrainingType extends AbstractType
             'choice_label' => 'name',
 			'required' => false,
 			'mapped' => false,
-			'placeholder' => "form_training_select_category_domain"
+			'placeholder' => "form_training_categoryDomain_placeholder"
 		))
 		->add('categorySubDomain', EntityType::class, array(
             'class' => Category::class,
@@ -143,7 +160,7 @@ class TrainingType extends AbstractType
             'choice_label' => 'name',
 			'required' => false,
 			'mapped' => false,
-			'placeholder' => "form_training_select_category_sub_domain"
+			'placeholder' => "form_training_categorySubDomain_placeholder"
 		))
 		->add('categoryBuisnessDomain', EntityType::class, array(
             'class' => Category::class,
@@ -151,7 +168,7 @@ class TrainingType extends AbstractType
             'choice_label' => 'name',
 			'required' => false,
 			'mapped' => false,
-			'placeholder' => "form_training_select_category_buisness_domain"
+			'placeholder' => "form_training_categoryBuisnessDomain_placeholder"
 		))
 		->add('categoryBuisness', EntityType::class, array(
             'class' => Category::class,
@@ -159,17 +176,103 @@ class TrainingType extends AbstractType
             'choice_label' => 'name',
 			'required' => false,
 			'mapped' => false,
-			'placeholder' => "form_training_select_category_buisness"
+			'placeholder' => "form_training_categoryBuisness_placeholder"
 		))
 
 
 
 		->add('prerequisites', TextType::class, array(
 			'required' => false,
-			'empty_data' => '',
-			'attr' => array('class' => 'js_tag_field'),
+			'empty_data' => ''
+		))
+		->add('target', TextType::class, array(
+			'required' => false,
+			'empty_data' => ''
+		))
+
+        ->add('duration', CPTDurationType::class, array(
+			'help' => 'form_training_duration_help'
+		))
+		
+		->add('spreading', NumberType::class, array(
+			'required' => false,
+			'empty_data' => 0,
+			'help' => 'form_training_spreading_help'
+		))
+		
+		->add('price', NumberType::class, array(
+			'required' => false
+		))
+
+		->add('price_on_request', CheckboxType::class, array(
+			'required' => false,
+			'help' => 'form_training_price_on_request_help'
+		))
+
+		->add('objectives', TextType::class, array(
+			'required' => false,
+			'empty_data' => ''
+		))
+
+		->add('content', TextType::class, array(
+			'required' => false,
+			'empty_data' => ''
 		))
 
+		->add('teaching_methods', TextareaType::class, array(
+			'required' => false,
+            'empty_data' => '',
+		))
+		->add('technical_methods', TextareaType::class, array(
+			'required' => false,
+            'empty_data' => '',
+		))
+		->add('acquired_evaluation', TextareaType::class, array(
+			'required' => false,
+            'empty_data' => '',
+		))
+		->add('level', TextareaType::class, array(
+			'required' => false,
+            'empty_data' => '',
+		))
+		->add('teaching_modalities', TextareaType::class, array(
+			'required' => false,
+            'empty_data' => '',
+		))
+		->add('border_modalities', TextareaType::class, array(
+			'required' => false,
+            'empty_data' => '',
+		))
+		->add('technical_modalities', TextareaType::class, array(
+			'required' => false,
+            'empty_data' => '',
+		))
+
+		->add('video_url', UrlType::class, array(
+			'required' => false,
+            'empty_data' => ''
+		))
+		/*->add('picture_one', FileType::class, array(
+			'required' => false
+		))
+		->add('picture_two', FileType::class, array(
+			'required' => false
+		))
+		->add('picture_tree', FileType::class, array(
+			'required' => false
+		))
+		->add('picture_four', FileType::class, array(
+			'required' => false
+		))
+		->add('picture_five', FileType::class, array(
+			'required' => false
+		))
+
+		->add('cover', FileType::class, array(
+			'required' => false
+		))*/
+
+
 		->add('save', SubmitType::class, array(
 			'label' => $labelSave
 		));
@@ -177,12 +280,11 @@ class TrainingType extends AbstractType
 		
         $builder->addEventListener(FormEvents::PRE_SET_DATA, array($this, 'onPreSetData'));
         $builder->addEventListener(FormEvents::PRE_SUBMIT, array($this, 'onPreSubmit'));
-        $builder->addEventListener(FormEvents::POST_SUBMIT, array($this, 'onPostSubmit'));
+        $builder->addEventListener(FormEvents::SUBMIT, array($this, 'onSubmit'));
 	}
 
 	function onPreSubmit(FormEvent $event)
 	{
-		dump('testb');
         $form = $event->getForm();
 		$data = $event->getData();
 		
@@ -257,7 +359,8 @@ class TrainingType extends AbstractType
 				->setParameter('categoryId', $data["buisnessCategory"]);
 			},
 			'choice_label' => 'name',
-			'required' => false
+			'required' => false,
+			'help' => 'form_training_categoryBuisness_help'
 		));
     }
 
@@ -276,39 +379,89 @@ class TrainingType extends AbstractType
         $data = $event->getData();
 		$form = $event->getForm();
 
-		$form;
-		
 		$form->add('buisnessCategory', EntityType::class, array(
 			'class' => Category::class,
 			'query_builder' => function (EntityRepository $repository) use($data) {
-				// Retourner que les catégories de type catégory
-				return $repository->createQueryBuilder('category')
-				->andWhere("category.typeClassification = :categoryType")
-				->setParameter('categoryType', EnumCategoryType::TYPE_BUISNESS)
-				->andWhere("category.categoryId = :categoryId")
-				->setParameter('categoryId', $data->getBuisnessCategory()->getCategoryId());
+				if ($data->getBuisnessCategory())
+				{
+					// Retourner que les catégories de type catégory
+					return $repository->createQueryBuilder('category')
+					->andWhere("category.typeClassification = :categoryType")
+					->setParameter('categoryType', EnumCategoryType::TYPE_BUISNESS)
+					->andWhere("category.categoryId = :categoryId")
+					->setParameter('categoryId', $data->getBuisnessCategory()->getCategoryId());
+				}
+				else {
+					return null;
+				}
 			},
 			'choice_label' => 'categoryId',
 			'required' => false,
 			'choice_attr' => array("class" => "d-none"),
-			'label_attr' => array("class" => "d-none")
+			'label_attr' => array("class" => "d-none"),
+			'attr' => array(
+				'class' => 'd-none',
+			)
 		));
 
+		$trans = $this->container->get('translator');
+		
 		$form->add('prerequisites', TextType::class, array(
 			'data' => json_encode(unserialize($data->getPrerequisites())),
 			'required' => false,
 			'empty_data' => '',
-			'attr' => array('class' => 'js_tag_field'),
+			'attr' => array(
+				'class' => 'js_tag_field d-none',
+				'placeholder' => 'Entrer ici un pré-requis',
+			),
+			'help' => 'form_training_prerequisites_help'
+		))->add('target', TextType::class, array(
+			'data' => json_encode(unserialize($data->getTarget())),
+			'required' => false,
+			'empty_data' => '',
+			'attr' => array(
+				'class' => 'js_tag_field d-none',
+				'placeholder' => 'Entrer ici un public cible'
+			),
+		))->add('objectives', TextType::class, array(
+			'data' => json_encode(unserialize($data->getObjectives())),
+			'required' => false,
+			'empty_data' => '',
+			'attr' => array(
+				'class' => 'js_complex_field', 
+				'data-label-titreliste' => $trans->trans('form_training_objectives_title_list'), 
+				'data-label-description' => $trans->trans('form_training_objectives_description'), 
+				'data-label-listes' => $trans->trans('form_training_objectives_lists'), 
+				'data-label-addliste' => $trans->trans('form_training_objectives_add_list'),
+				'placeholder' => $trans->trans('form_training_objectives_placeholder')),
+		))->add('content', TextType::class, array(
+			'data' => json_encode(unserialize($data->getContent())),
+			'required' => false,
+			'empty_data' => '',
+			'attr' => array(
+				'class' => 'js_complex_field', 
+				'data-label-titreliste' => $trans->trans('form_training_content_title_list'), 
+				'data-label-description' => $trans->trans('form_training_content_description'), 
+				'data-label-listes' => $trans->trans('form_training_content_lists'), 
+				'data-label-addliste' => $trans->trans('form_training_content_add_list'), 
+				'placeholder' => $trans->trans('form_training_content_placeholder')),
 		));
+
 	}
 
 	
 
-	function onPostSubmit(FormEvent $event)
+	function onSubmit(FormEvent $event)
 	{
-		dump('testd');
-        $data = $event->getData();
+		$data = $event->getData();
 		$form = $event->getForm();
+
+		if ($data) {
+			$data->setPrerequisites(\serialize(json_decode($data->getPrerequisites())));
+			$data->setTarget(\serialize(json_decode($data->getTarget())));
+			$data->setObjectives(\serialize(json_decode($data->getObjectives())));
+			$data->setContent(\serialize(json_decode($data->getContent())));
+		}
 	}
 	
 	/*public function addBuisnessCategories(FormInterface $form, $buisnessCategory = null)

src/CaptainLearning/Form/Type/CPTDurationType.php

@@ -0,0 +1,40 @@
+<?php
+namespace Logipro\CaptainLearning\Form\Type;
+
+use Doctrine\Common\Persistence\ObjectManager;
+use Logipro\CaptainLearning\Form\DataTransformer\CPTDurationTransformer;
+use Symfony\Component\Form\AbstractType;
+use Symfony\Component\Form\Extension\Core\Type\TextType;
+use Symfony\Component\Form\Extension\Core\Type\FormType;
+use Symfony\Component\Form\FormBuilderInterface;
+use Symfony\Component\OptionsResolver\OptionsResolver;
+
+class CPTDurationType extends AbstractType
+{
+    public function buildForm(FormBuilderInterface $builder, array $options)
+    {
+        $builder
+            ->addModelTransformer(new CPTDurationTransformer(), true)
+            ->add('hours', TextType::class, array(
+                'required' => false,
+                'attr' => array('class' => 'cpt-hours'),
+            ))
+            ->add('minutes', TextType::class, array(
+                'required' => false,
+                'attr' => array('class' => 'cpt-minutes'),
+            ));
+    }
+
+    public function configureOptions(OptionsResolver $resolver)
+    {
+        $resolver->setDefault('attr', [
+            'class' => 'cpt-duration'
+        ]);
+        $resolver->setDefault('required', false);
+    }
+
+    public function getParent (): string {
+        return FormType::class;
+    }
+
+}

templates/backOffice/seller/training/form/widget-form.html.twig

@@ -1,6 +1,107 @@
 {% extends "backOffice/common/widget/layout.html.twig" %}
 {% block body %}
-    
+		
+	{{ form_start(form, {attr: {class: 'form-captain w-100'} }) }}
+		<div class="col-12">
+			{{ form_errors(form) }}
+		</div>
+
+		{% set zones = [
+			{
+				"name": 'form_category_edit_informations',
+				"inputs": [
+					form.name,
+					form.place,
+					form.minimalPlaceNumber,
+					form.maximalPlaceNumber,
+					form.type,
+					form.optionnalType,
+					form.modality,
+					form.certification,
+					form.eligibleCPF,
+					form.code,
+					form.description,
+					form.hook,
+					form.category,
+					form.categoryDomain,
+					form.categorySubDomain,
+					form.categoryBuisnessDomain,
+					form.categoryBuisness,
+					form.prerequisites,
+					form.target,
+					form.duration,
+					form.spreading,
+					form.price,
+					form.price_on_request,
+				]
+			},
+			{
+				"name": 'form_category_edit_informations',
+				"inputs": [
+					form.objectives,
+				]
+			},
+			{
+				"name": 'form_category_edit_informations',
+				"inputs": [
+					form.content,
+				]
+			},
+			{
+				"name": 'form_category_edit_informations',
+				"inputs": [
+					form.teaching_methods,
+					form.technical_methods,
+					form.acquired_evaluation,
+					form.level,
+					form.teaching_modalities,
+					form.border_modalities,
+					form.technical_modalities,
+				]
+			},
+			{
+				"name": 'form_category_edit_informations',
+				"inputs": [
+					form.video_url
+				]
+			}
+		] %}
+
+   		{% for key, zone in zones %}
+			<div class="col-12">
+				<div class="form-separator d-flex border-bottom py-2 mb-3 mt-2">
+					<span class="form-step mr-2">{{ key + 1 }}</span>
+					<h3>{{ zone.name|trans }}</h3>
+				</div>
+
+				{% for keyinput, input in zone.inputs %}
+					<div class="form-group row mx-0 py-1 {{ (keyinput%2)?'bg-light':'' }}">
+						{% if input.vars.block_prefixes.1 != "checkbox" %}
+							{{ form_label(input, null, { 'label_attr': {'class': 'col-sm-12 col-lg-4'} }) }}
+						{% else %}
+							<div class='col-sm-12 col-lg-4'></div>
+						{% endif %}
+						<div class="col-md-12 col-xl-8">
+							<div class="row px-3">
+								<div class="col-sm-12 col-xl-6">
+									{{ form_widget(input, { 'attr': {}, 'help': 'foobar' }) }}
+									{% if input.vars.block_prefixes.1 == "checkbox" %}
+										{{ form_label(input, null, { 'label_attr': {'class': ''} }) }}
+									{% endif %}
+								</div>
+								<div class="col-sm-12 col-xl-6">
+									{{ form_help(input, {'attr': {'class': 'form-text text-muted help-feedback'}}) }}
+									<div class="invalid-feedback d-block">{{ form_errors(input) }}</div>
+								</div>
+							</div>
+						</div>
+					</div>
+				{% endfor %}
+			</div>
+		{% endfor %}
+		
+	{{ form_end(form) }}
+
 		{{ form_start(form, {attr: {class: 'form-captain w-100'} }) }}
 			<div class="col-12">
 				{{ form_errors(form) }}

translations/messages.fr.xlf

@@ -93,6 +93,15 @@
 			<!-- fin configurations -->
 
 			<!-- enum -->
+			<trans-unit id="enum_yes">
+				<source>enum_yes</source>
+				<target>Oui</target>
+			</trans-unit>
+			<trans-unit id="enum_no">
+				<source>enum_no</source>
+				<target>Non</target>
+			</trans-unit>
+
 			<trans-unit id="enum_training_organization_document_statut_type_waiting_send">
 				<source>enum_training_organization_document_statut_type_waiting_send</source>
 				<target>En attente d'envoi</target>
@@ -202,6 +211,68 @@
 				<source>enum_user_civility_type_to_delete</source>
 				<target>Supprimée</target>
 			</trans-unit>
+
+			
+			<trans-unit id="enum_training_type_na">
+				<source>enum_training_type_na</source>
+				<target>Non attribué</target>
+			</trans-unit>
+			<trans-unit id="enum_training_type_intra">
+				<source>enum_training_type_intra</source>
+				<target>Intra-entreprise</target>
+			</trans-unit>
+			<trans-unit id="enum_training_type_inter">
+				<source>enum_training_type_inter</source>
+				<target>Inter-entreprise</target>
+			</trans-unit>
+			<trans-unit id="enum_training_type_optional_intra">
+				<source>enum_training_type_optional_intra</source>
+				<target>Autoriser les demandes intra-entreprise</target>
+			</trans-unit>
+			<trans-unit id="enum_training_type_optional_inter">
+				<source>enum_training_type_optional_inter</source>
+				<target>Autoriser les demandes inter-entreprise</target>
+			</trans-unit>
+
+			<trans-unit id="enum_training_modality_type_autonomous">
+				<source>enum_training_modality_type_autonomous</source>
+				<target>Autonome</target>
+			</trans-unit>
+			<trans-unit id="enum_training_modality_type_face_to_face">
+				<source>enum_training_modality_type_face_to_face</source>
+				<target>Présentiel</target>
+			</trans-unit>
+			<trans-unit id="enum_training_modality_type_virtual_class">
+				<source>enum_training_modality_type_virtual_class</source>
+				<target>Classe virtuelle</target>
+			</trans-unit>
+			<trans-unit id="enum_training_modality_type_tutoring">
+				<source>enum_training_modality_type_tutoring</source>
+				<target>Tutorat</target>
+			</trans-unit>
+			<trans-unit id="enum_training_modality_type_mixed">
+				<source>enum_training_modality_type_mixed</source>
+				<target>Mixte</target>
+			</trans-unit>
+
+			
+			<trans-unit id="enum_training_certification_none">
+				<source>enum_training_certification_none</source>
+				<target>Aucune</target>
+			</trans-unit>
+			<trans-unit id="enum_training_certification_certifying">
+				<source>enum_training_certification_certifying</source>
+				<target>Certifiante</target>
+			</trans-unit>
+			<trans-unit id="enum_training_certification_diploma">
+				<source>enum_training_certification_diploma</source>
+				<target>Diplômante</target>
+			</trans-unit>
+			<trans-unit id="enum_training_certification_qualifying">
+				<source>enum_training_certification_qualifying</source>
+				<target>Qualifiante</target>
+			</trans-unit>
+
 			<!-- fin enum -->
 			
 			<!-- Rôles -->
@@ -940,6 +1011,243 @@
 				<source>list_training_no_session</source>
 				<target>aucune session</target>
 			</trans-unit>
+
+			<trans-unit id="form_training_name">
+				<source>form_training_name</source>
+				<target>Intitulé de la formation</target>
+			</trans-unit>
+			<trans-unit id="form_training_name_help">
+				<source>form_training_name_help</source>
+				<target>Il est contre-productif d'utiliser le mot formation. Exemple : «Bachelor Marketing international »</target>
+			</trans-unit>
+			<trans-unit id="form_training_place">
+				<source>form_training_place</source>
+				<target>Lieu</target>
+			</trans-unit>
+			<trans-unit id="form_training_place_placeholder">
+				<source>form_training_place_placeholder</source>
+				<target>Indéfini</target>
+			</trans-unit>
+			<trans-unit id="form_training_minimalPlaceNumber">
+				<source>form_training_minimalPlaceNumber</source>
+				<target>Nombre minimal de places</target>
+			</trans-unit>
+			<trans-unit id="form_training_maximalPlaceNumber">
+				<source>form_training_maximalPlaceNumber</source>
+				<target>Nombre maximal de places</target>
+			</trans-unit>
+			<trans-unit id="form_training_type">
+				<source>form_training_type</source>
+				<target>Type</target>
+			</trans-unit>
+			<trans-unit id="form_training_optionnalType">
+				<source>form_training_optionnalType</source>
+				<target>Type secondaire</target>
+			</trans-unit>
+			<trans-unit id="form_training_modality">
+				<source>form_training_modality</source>
+				<target>Modalité</target>
+			</trans-unit>
+			<trans-unit id="form_training_certification">
+				<source>form_training_certification</source>
+				<target>Certification</target>
+			</trans-unit>
+			<trans-unit id="form_training_eligibleCPF">
+				<source>form_training_eligibleCPF</source>
+				<target>Eligibilité au CPF</target>
+			</trans-unit>
+			<trans-unit id="form_training_code">
+				<source>form_training_code</source>
+				<target>Code de la formation</target>
+			</trans-unit>
+			<trans-unit id="form_training_code_help">
+				<source>form_training_code_help</source>
+				<target>Code unique de la fromation au sein de l'organisme de formation (optionnel)</target>
+			</trans-unit>
+			<trans-unit id="form_training_description">
+				<source>form_training_description</source>
+				<target>Description</target>
+			</trans-unit>
+			<trans-unit id="form_training_hook">
+				<source>form_training_hook</source>
+				<target>Accroche</target>
+			</trans-unit>
+			<trans-unit id="form_training_hook_help">
+				<source>form_training_hook_help</source>
+				<target>En quelques mots percutants quel est le bénéfice majeur dont bénéficiera votre apprenant à l’issue de la formation. Une bonne accroche invite l'apprenant à lire le reste de la fiche. Par exemple pour une formation « Bachelor européen Marketing International » une accroche pourrait être « Propulsez votre carrière en apprenant les rouages de la vente à l'international ». En l'absence d'accroche personnalisée, les 170 premiers caractères de votre description seront utilisés</target>
+			</trans-unit>
+			<trans-unit id="form_training_category">
+				<source>form_training_category</source>
+				<target>Catégorie thématique</target>
+			</trans-unit>
+			<trans-unit id="form_training_category_help">
+				<source>form_training_category_help</source>
+				<target>La catégorie qui correspond le mieux à votre formation. Toutefois, vous pouvez laisser ce champ vide s'il n'y aucune catégorie qui correspond.</target>
+			</trans-unit>
+			<trans-unit id="form_training_categoryDomain">
+				<source>form_training_categoryDomain</source>
+				<target>Grand domaine</target>
+			</trans-unit>
+			<trans-unit id="form_training_categoryDomain_placeholder">
+				<source>form_training_categoryDomain_placeholder</source>
+				<target>-- Grand domaine --</target>
+			</trans-unit>
+			<trans-unit id="form_training_categorySubDomain">
+				<source>form_training_categorySubDomain</source>
+				<target>Domaine professionnel</target>
+			</trans-unit>
+			<trans-unit id="form_training_categorySubDomain_placeholder">
+				<source>form_training_categorySubDomain_placeholder</source>
+				<target>-- Domaine professionnel --</target>
+			</trans-unit>
+			<trans-unit id="form_training_categoryBuisnessDomain">
+				<source>form_training_categoryBuisnessDomain</source>
+				<target>Répertoire métier</target>
+			</trans-unit>
+			<trans-unit id="form_training_categoryBuisnessDomain_placeholder">
+				<source>form_training_categoryBuisnessDomain_placeholder</source>
+				<target>-- Répertoire métier --</target>
+			</trans-unit>
+			<trans-unit id="form_training_categoryBuisness">
+				<source>form_training_categoryBuisness</source>
+				<target>Métier</target>
+			</trans-unit>
+			<trans-unit id="form_training_categoryBuisness_placeholder">
+				<source>form_training_categoryBuisness_placeholder</source>
+				<target>-- Métier --</target>
+			</trans-unit>
+			<trans-unit id="form_training_categoryBuisness_help">
+				<source>form_training_categoryBuisness_help</source>
+				<target>Cela permet de classer la formation selon la nomenclature des métiers de Pôle-emploi</target>
+			</trans-unit>
+			<trans-unit id="form_training_prerequisites">
+				<source>form_training_prerequisites</source>
+				<target>Pré-requis</target>
+			</trans-unit>
+			<trans-unit id="form_training_prerequisites_help">
+				<source>form_training_prerequisites_help</source>
+				<target>Que faut-il savoir? De quoi faut-il disposer pour suivre la formation? Exemple : pour une formation de perfectionnement à la trompette « solfège niveau avancé, trompette niveau intermédiaire »</target>
+			</trans-unit>
+			<trans-unit id="form_training_target">
+				<source>form_training_target</source>
+				<target>Public cible</target>
+			</trans-unit>
+			<trans-unit id="form_training_duration">
+				<source>form_training_duration</source>
+				<target>Nombre d'heures de la formation</target>
+			</trans-unit>
+			<trans-unit id="form_training_duration_help">
+				<source>form_training_duration_help</source>
+				<target>C’est la durée déclarée de la formation : celle qui se trouve sur la convention et qui sert à faire le calcul du taux horaire.</target>
+			</trans-unit>
+			<trans-unit id="form_training_spreading">
+				<source>form_training_spreading</source>
+				<target>Etalement en jours</target>
+			</trans-unit>
+			<trans-unit id="form_training_spreading_help">
+				<source>form_training_spreading_help</source>
+				<target>Nombre de jours d’ouverture de la session (utile pour vos apprenants qui anticiperont leur organisation). Par exemple une formation de 14 heures en autonomie (suivi de modules elearning) peut s'étaler sur 60 jours. Une formation en présentiel de 2 jours (durée : 14h) s’étalera sur 2 jours.</target>
+			</trans-unit>
+			<trans-unit id="form_training_price">
+				<source>form_training_price</source>
+				<target>Prix HT</target>
+			</trans-unit>
+			<trans-unit id="form_training_price_on_request">
+				<source>form_training_price_on_request</source>
+				<target>Prix sur demande</target>
+			</trans-unit>
+			<trans-unit id="form_training_price_on_request_help">
+				<source>form_training_price_on_request_help</source>
+				<target>Cette informations est affichée sur la liste des formations. Si cochée, le texte "prix sur demande" remplace le prix de la formation</target>
+			</trans-unit>
+
+			<trans-unit id="form_training_objectives">
+				<source>form_training_objectives</source>
+				<target>Objectifs pédagogiques</target>
+			</trans-unit>
+			<trans-unit id="form_training_objectives_title_list">
+				<source>form_training_objectives_title_list</source>
+				<target>Titre de la liste</target>
+			</trans-unit>
+			<trans-unit id="form_training_objectives_description">
+				<source>form_training_objectives_description</source>
+				<target>Résumé des objectifs</target>
+			</trans-unit>
+			<trans-unit id="form_training_objectives_lists">
+				<source>form_training_objectives_lists</source>
+				<target>Détails des objectifs</target>
+			</trans-unit>
+			<trans-unit id="form_training_objectives_add_list">
+				<source>form_training_objectives_add_list</source>
+				<target>Ajouter une liste</target>
+			</trans-unit>
+			<trans-unit id="form_training_objectives_placeholder">
+				<source>form_training_objectives_placeholder</source>
+				<target>Ajouter un élément</target>
+			</trans-unit>
+
+			<trans-unit id="form_training_content">
+				<source>form_training_content</source>
+				<target>Contenus pédagogiques</target>
+			</trans-unit>
+			<trans-unit id="form_training_content_title_list">
+				<source>form_training_content_title_list</source>
+				<target>Titre de la liste</target>
+			</trans-unit>
+			<trans-unit id="form_training_content_description">
+				<source>form_training_content_description</source>
+				<target>Résumé des contenus pédagogiques</target>
+			</trans-unit>
+			<trans-unit id="form_training_content_lists">
+				<source>form_training_content_lists</source>
+				<target>Détails du contenus pédagogiques</target>
+			</trans-unit>
+			<trans-unit id="form_training_content_add_list">
+				<source>form_training_content_add_list</source>
+				<target>Ajouter une liste</target>
+			</trans-unit>
+			<trans-unit id="form_training_content_placeholder">
+				<source>form_training_content_placeholder</source>
+				<target>Ajouter un élément</target>
+			</trans-unit>
+
+			<trans-unit id="form_training_teaching_methods">
+				<source>form_training_teaching_methods</source>
+				<target>Moyens pédagogique</target>
+			</trans-unit>
+			<trans-unit id="form_training_technical_methods">
+				<source>form_training_technical_methods</source>
+				<target>Moyens technique</target>
+			</trans-unit>
+			<trans-unit id="form_training_acquired_evaluation">
+				<source>form_training_acquired_evaluation</source>
+				<target>Evaluation acquis</target>
+			</trans-unit>
+			<trans-unit id="form_training_level">
+				<source>form_training_level</source>
+				<target>Niveau</target>
+			</trans-unit>
+			<trans-unit id="form_training_teaching_modalities">
+				<source>form_training_teaching_modalities</source>
+				<target>Modalités pédagogique</target>
+			</trans-unit>
+			<trans-unit id="form_training_border_modalities">
+				<source>form_training_border_modalities</source>
+				<target>Modalités d'encadrement</target>
+			</trans-unit>
+			<trans-unit id="form_training_technical_modalities">
+				<source>form_training_technical_modalities</source>
+				<target>Modalités techniques</target>
+			</trans-unit>
+			<trans-unit id="form_training_video_url">
+				<source>form_training_video_url</source>
+				<target>Vidéo</target>
+			</trans-unit>
+			<trans-unit id="form_training_video_url_help">
+				<source>form_training_video_url_help</source>
+				<target>Lien d'une vidéo Youtube ou Vimeo</target>
+			</trans-unit>
+
 			
 			<!-- fin back office Vendeur -->