Formulaire:Tutorial

@@ Ligne 11 : / Ligne 11 : @@
 <h1>{{int:wf-formtutorial-main-title}}</h1>
 {{#forminput:form=Tutorial|button text={{int:wf-formtutorial-main-btn}}|placeholder={{int:wf-formtutorial-main-placeholder}}|}}
-<p data-toggle="modal" data-target="#ModalNom"><span class="glyphicon glyphicon-info-sign"></span> {{int:wf-formtutorial-main-subtitle}}</p>
-</div>
-</div>
-</div>
-<div class="container">
-<div class="row">
-<div class="col-md-4 col-sm-4 col-xs-12">
-[[Wikifab:Get_started|<span class="contribute-block">
-<span class="glyphicon glyphicon-thumbs-up icon-contribute" aria-hidden="true"></span>
-<span class="contribute-block-title">{{int:wf-contribute-getstart-title}}</span>
-<span>{{int:wf-contribute-getstart-subtitle1}}</span>
-</span>]]
-</div>
-<div class="col-md-4 col-sm-4 col-xs-12">
-[[Wikifab:Taking_pictures|<span class="contribute-block">
-<span class="glyphicon glyphicon-camera icon-contribute" aria-hidden="true"></span>
-<span class="contribute-block-title">{{int:wf-contribute-takingpictures-title}}</span>
-<span>{{int:wf-contribute-takingpictures-subtitle1}}</span>
-</span>]]
-</div>
-<div class="col-md-4 col-sm-4 col-xs-12">
-[[Wikifab:Help|<span class="contribute-block">
-<span class="glyphicon glyphicon-book icon-contribute" aria-hidden="true"></span>
-<span class="contribute-block-title">{{int:wf-contribute-help-title}}</span>
-<span>{{int:wf-contribute-help-subtitle1}}</span>
-</span>]]
 </div>
 </div>
@@ Ligne 92 : / Ligne 66 : @@
 {{{end template}}}
 <div class="hrContentMinor-2"></div>
+<div class="IntroductionFormTemplate hide-mobile-view">
 {{{for template|Introduction}}}
 <div class="edit-step-title">{{int:wf-formtutorial-introduction-field-title}} <span>{{int:wf-formtutorial-introduction-field-info}}</span></div>
 {{{field|Introduction|input type=textarea|translatable|rows=5|maxlength=10000|class=form-textarea}}}
 {{{end template}}}
-<div class="multipleTemplateHideButton">
+</div>
+<div class="hide-mobile-view multipleTemplateHideButton multipleTemplateSingleEntry">
 {{{for template|TutoVideo|multiple|minimum=0|maximum instances=1|add button text={{int:wf-tuto-video-btnlink}} }}}
-{{#formLinkVideo:{{{field|TutoVideoService|dropdown|mandatory|class=embedVideoDropdown}}} | {{{field|TutoVideoURL|mandatory|class=embedVideoUrlInput WfFormText}}}}}
+<div class="dokit-video-radio">{{{field|VideoType|input type=dropdown|default=Youtube|mandatory|class=WfFormDropdown WfFormDropdownAutoWidth WfFormTextCombine|show on select=Youtube=>dokit-video-youtube;Vimeo=>dokit-video-vimeo;Dailymotion=>dokit-video-dailymotion;Mp4=>dokit-video-mp4}}}</div>
+<div class="dokit-video-url" id="dokit-video-youtube">
+{{{field|VideoURLYoutube|mandatory|placeholder={{int:dokit-video-youtube-placeholder}}|class=dokit-video-url-field}}}
+</div>
+<div class="dokit-video-url" id="dokit-video-vimeo">
+{{{field|VideoURLVimeo|mandatory|placeholder={{int:dokit-video-vimeo-placeholder}}|class=dokit-video-url-field}}}
+</div>
+<div class="dokit-video-url" id="dokit-video-dailymotion">
+{{{field|VideoURLDailymotion|placeholder={{int:dokit-video-dailymotion-placeholder}}|mandatory|class=dokit-video-url-field}}}
+</div>
+<div class="dokit-video-url" id="dokit-video-mp4">
+{{{field|mp4video|uploadable|size=25|class=form-picture}}}
+</div>
 {{{end template}}}
 </div>
@@ Ligne 107 : / Ligne 95 : @@
 <div class="material-tool-list row">
 <div class="col-md-6 col-sm-6 col-xs-12">
-<div class="col-pic-materials msuploadContainer">
+<div class="col-pic-materials msuploadContainer msuploadmultiplewhitebg">
 {{{field|Step_Picture_00|size=32|class=form-picture|default=|uploadable|image preview}}}
 {{{field|Step_Picture_00_annotation|input type=editableImage|target=Step_Picture_00}}}
-<p class="upload-instructions">Votre image sera visible après l'enregistrement de la page.</p>
+{{{field|Step_Picture_01|size=32|class=form-picture|default=|uploadable|image preview}}}
-<div class="btn btn-primary" type="button" data-toggle="collapse-next"  aria-expanded="false" >+ Ajouter des photos </div>
-<div class="collapse" id="collapseExample">
-<div class="well add-more-pics">
-<span>2ème photo : </span>{{{field|Step_Picture_01|size=32|class=form-picture|default=|uploadable|image preview}}}
 {{{field|Step_Picture_01_annotation|input type=editableImage|target=Step_Picture_01}}}
+{{{field|Step_Picture_02|size=32|class=form-picture|default=|uploadable|image preview}}}
-<span>3ème photo : </span>{{{field|Step_Picture_02|size=32|class=form-picture|default=|uploadable|image preview}}}
 {{{field|Step_Picture_02_annotation|input type=editableImage|target=Step_Picture_02}}}
+{{{field|Step_Picture_03|size=32|class=form-picture|default=|uploadable|image preview}}}
-<span>4ème photo : </span>{{{field|Step_Picture_03|size=32|class=form-picture|default=|uploadable|image preview}}}
 {{{field|Step_Picture_03_annotation|input type=editableImage|target=Step_Picture_03}}}
+{{{field|Step_Picture_04|size=32|class=form-picture|default=|uploadable|image preview}}}
-<span>5ème photo : </span>{{{field|Step_Picture_04|size=32|class=form-picture|default=|uploadable|image preview}}}
 {{{field|Step_Picture_04_annotation|input type=editableImage|target=Step_Picture_04}}}
+{{{field|Step_Picture_05|size=32|class=form-picture|default=|uploadable|image preview}}}
-<span>6ème photo : </span>{{{field|Step_Picture_05|size=32|class=form-picture|default=|uploadable|image preview}}}
 {{{field|Step_Picture_05_annotation|input type=editableImage|target=Step_Picture_05}}}
-</div>
-</div>
 </div>
 </div>
@@ Ligne 137 : / Ligne 115 : @@
 <div class="edit-step-title">{{int:wf-formtutorial-tools-tabs-title}}</div>
 {{{field|Tools|input type=textarea|class=form-textarea|translatable|rows=8}}}
+</div>
 </div>
 {{!}}-{{!}}
@@ Ligne 160 : / Ligne 139 : @@
 <h2>{{int:wf-formtutorial-steps}}</h2>
 <div class="multipleTemplate-tutostep">{{{for template|Tuto Step|multiple|minimum instances=1|maximum instances=400|add button text={{int:wf-formtutorial-step-btnaddstep}} }}}
-<div class="row">
+<div class="WfFormTutoStep row">
-<div class="col-md-6 col-sm-6 col-xs-12">
+<div class="col-sm-6 col-12 order-sm-2 WfFormTutoStepInstructions">
+<div class="step-title-numeroted">{{{field|Step_Title|input type=text|translatable|class=form-text form-step-title|placeholder={{int:wf-formtutorial-step-title-placeholder}}|size=50}}}</div>
+<div>{{{field|Step_Content|input type=textarea|translatable|rows=16|class=form-textarea}}}</div>
+</div>
+<div class="col-sm-6 col-12 order-sm-1">
 <div class="col-pic-step msuploadContainer">
 {{{field|Step_Picture_00|size=32|class=form-picture|default=|uploadable|image preview}}}
@@ Ligne 176 : / Ligne 159 : @@
 {{{field|Step_Picture_05_annotation|input type=editableImage|target=Step_Picture_05}}}
 </div>
-</div>
-<div class="col-md-6 col-sm-6 col-xs-12">
-<div>{{{field|Step_Title|input type=text|translatable|class=form-text form-step-title|placeholder={{int:wf-formtutorial-step-title-placeholder}}|size=50}}}</div>
-<div>{{{field|Step_Content|input type=textarea|translatable|rows=16|class=form-textarea}}}</div>
 </div>
 </div>
-<div class="hrContentMinor"></div>{{{end template}}}</div>
+{{{end template}}}</div>
 <div class="bg-halfsquare-separator-3"></div>
 <div class="notes-ref">
@@ Ligne 189 : / Ligne 168 : @@
 {{{field|Notes|input type=textarea|class=form-textarea|translatable|rows=5|maxlength=5000}}}
 {{{end template}}}
+{{{for template|PageLang}}}<div id="language-dropdown">{{{field|Language|input type=dropdown|hidden|class=language-value}}}</div>{{{end template}}}
 </div>
-<hr class="WfEndForm">
+<div class="saving-menu">{{{standard input|saveDraft}}}
-<div class="saving-menu">
+<span class="display-none">{{{standard input|watch}}}</span>{{{standard input|save}}}<span id="loaderSave"><i class="fa fa-spinner fa-pulse fa-2x fa-fw "></i></span>{{{standard input|cancel}}}<div class="status-checkbox-container"><span class="status-checkbox-label">{{int:wf-completetooltip-label}}</span><span class="status-checkbox">{{{for template|Tuto_Status}}}{{{field|Complete|default=Draft|mandatory|input type=dropdown|class=WfFormDropdownLight|mapping using translate=wf-propertyvalue-complete-}}}{{{end template}}}</span><span class="custom-tooltip-light">{{#info:<p>'''{{int:wf-propertyvalue-complete-Published}} :''' {{int:wf-completetooltip-published-description}}</p><p>'''{{int:wf-propertyvalue-complete-Draft}} :''' {{int:wf-completetooltip-draft-description}}</p>}}</span></div>
-<span class="status-checkbox">{{int:wf-completetooltip-label}} : {{{for template|Tuto_Status}}}{{{field|Complete|default=Draft|mandatory|input type=dropdown|class=WfFormDropdownLight|mapping using translate=wf-propertyvalue-complete-}}}{{{end template}}}</span><span class="custom-tooltip-light">{{#info:<p>'''{{int:wf-propertyvalue-complete-Published}} :''' {{int:wf-completetooltip-published-description}}</p><p>'''{{int:wf-propertyvalue-complete-Draft}} :''' {{int:wf-completetooltip-draft-description}}</p>}}</span><span class="display-none">{{{standard input|watch}}} {{{standard input|saveDraft}}}</span>{{{standard input|cancel}}}{{{standard input|save and continue}}}{{{standard input|save}}}<span id="loaderSave"><i class="fa fa-spinner fa-pulse fa-2x fa-fw "></i></span>
 </div>
 </includeonly>
@@ Ligne 216 : / Ligne 195 : @@
 </div>
 </div>
-</div>
-</div>
-</div>
-</div>
-<div class="modal fade wfform-2" id="ModalNom" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
-<div class="modal-dialog">
-<div class="modal-content">
-<div class="modal-header">
-<h4 class="modal-title" id="myModalLabel">{{int:wf-formtutorial-popuptutoname-title}}</h4>
-</div>
-<div class="modal-body">
-{{int:wf-formtutorial-popuptutoname-subtitle}}
-<h4>1. {{int:wf-formtutorial-popuptutoname-option1}}</h4>
-.1 {{int:wf-formtutorial-popuptutoname-option1a}}
-* {{int:wf-formtutorial-popuptutoname-option1b}}
-* {{int:wf-formtutorial-popuptutoname-option1c}}
-.2 {{int:wf-formtutorial-popuptutoname-option1d}}
-* {{int:wf-formtutorial-popuptutoname-option1b}}
-* {{int:wf-formtutorial-popuptutoname-option1e}}
-.3 {{int:wf-formtutorial-popuptutoname-option1f}}
-* {{int:wf-formtutorial-popuptutoname-option1g}}
-* {{int:wf-formtutorial-popuptutoname-option1h}}
-<h4>2. {{int:wf-formtutorial-popuptutoname-option2}}</h4>
-.1 {{int:wf-formtutorial-popuptutoname-option2a}}
-.2 {{int:wf-formtutorial-popuptutoname-option2b}}
-* {{int:wf-formtutorial-popuptutoname-option2c}}
-* {{int:wf-formtutorial-popuptutoname-option2d}}
-{{Info|Text={{int:wf-formtutorial-popuptutoname-last}}|}}
 </div>
 </div>
 </div>
 </div>

Dernière version du 18 août 2026 à 10:07

Oups ! Vous n'avez pas la permission de créer une page car vous n'êtes pas connecté. Créez un compte ou connectez vous

Description of allowed licenses

Fichier:CC-BY.pngAttribution Recommended

This license lets others distribute, remix, tweak, and build upon your work, even commercially, as long as they credit you for the original creation. This is the most accommodating of licenses offered. Recommended for maximum dissemination and use of licensed materials.

View License Deed | View Legal Code

Fichier:CC-BY-SA.pngAttribution-ShareAlike

This license lets others remix, tweak, and build upon your work even for commercial purposes, as long as they credit you and license their new creations under the identical terms. This license is often compared to “copyleft” free and open source software licenses. All new works based on yours will carry the same license, so any derivatives will also allow commercial use. This is the license used by Wikipedia, and is recommended for materials that would benefit from incorporating content from Wikipedia and similarly licensed projects.

View License Deed | View Legal Code

Why those two licenses? What is my interest in publishing my tutorials under these licenses? Read our vision and share your thoughts on this page.