Voir la source de Formulaire:Tutorial

__NOTOC__<noinclude>
<div class="tutorial-page">
<div class="container">
<div class="new-tutorial-page">
{{#ifanon:<div class="alert alert-warning" role="alert">
{{int:wf-formtutorial-alert|[[Special:UserLogin/signup|{{int:wf-formtutorial-alert-createaccount}}]]|[[Special:UserLogin|{{int:wf-formtutorial-alert-login}}]]}}
</div>
</div>
</div>
</div>|
<h1>{{int:wf-formtutorial-main-title}}</h1>
{{#forminput:form=Tutorial|button text={{int:wf-formtutorial-main-btn}}|placeholder={{int:wf-formtutorial-main-placeholder}}|language selector}}
</div>
</div>
</div>
}}
</noinclude><includeonly>
<div id="wikiPreview" style="display: none; padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #AAAAAA;"></div>
{{{for template|Tuto Details}}}
<div class="row">
<div class="col-md-4 col-sm-4 col-xs-12 col-pic-detail">
<div class="WfFormLabel"><span>{{int:wf-formtutorial-main-picture-field-title}}</span><span class="custom-tooltip">{{#info:{{int:wf-formtutorial-main-picture-tooltip}}}}</span></div>
<div class="msuploadContainer msuploadContainerTall">
{{{field|Main_Picture|input type=text|uploadable|size=25|class=form-picture ratio4_3|image preview}}}
{{{field|Main_Picture_annotation|input type=editableImage|target=Main_Picture}}}
</div>
<div class="Licences-group" id="accordion" role="tablist" aria-multiselectable="true">
<div class="Licences">
<div class="Licences-heading" role="tab" id="headingOne">
<p class="Licences-title" data-toggle="collapse" data-target="#Licences">{{int:wf-formtutorial-edit-license-field}}</p>
</div>
<div id="Licences" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne">
<div class="Licences-body">
{{{field|Licences|input type=dropdown|class=WfFormDropdown|default=Attribution (CC BY)}}}
</div>
</div>
</div>
</div>
</div>
<div class="col-md-8 col-sm-8 col-xs-12">
<div class="row">
<div class="col-md-12">
<div class="WfFormLabel">{{int:wf-formtutorial-description-field-title}}</div><div>{{{field|Description|input type=textarea|mandatory|translatable|rows=2|maxlength=4000|class=WfFormTextarea|placeholder={{int:wf-formtutorial-description-field-placeholder}}|}}}</div>
<p class="WfFormLabel">{{int:wf-formtutorial-area-field-title}}</p>
{{{field|Area|mandatory|input type=checkboxes|class=WfFormCheckbox|hide select all|mapping using translate=wf-propertyvalue-area-}}}
</div>
</div>
<div class="row">
<div class="col-md-6 col-xs-12">
<div class="WfFormLabel"><span>{{int:wf-formtutorial-type-field-title}}</span><span class="custom-tooltip">{{#info:<p>'''{{int:wf-formtutorial-type-creation}}''' : {{int:wf-formtutorial-type-popup-creation}}</p> <p>'''{{int:wf-formtutorial-type-technique}}''' : {{int:wf-formtutorial-type-popup-technique}}</p>}}</span></div>
{{{field|Type|mandatory|class=WfFormDropdown|mapping using translate=wf-propertyvalue-type-}}}
<div class="WfFormLabel"><span>{{int:wf-formtutorial-difficulty-field-title}}</span><span class="custom-tooltip">{{#info:<p>'''{{int:wf-formtutorial-difficulty-popup-title1}}''' {{int:wf-formtutorial-difficulty-popup-text1}}</p><p>'''{{int:wf-formtutorial-difficulty-popup-title2}}''' {{int:wf-formtutorial-difficulty-popup-text2}}</p><p>'''{{int:wf-formtutorial-difficulty-popup-title3}}''' {{int:wf-formtutorial-difficulty-popup-text3}}</p><p>'''{{int:wf-formtutorial-difficulty-popup-title4}}''' {{int:wf-formtutorial-difficulty-popup-text4}}</p><p>'''{{int:wf-formtutorial-difficulty-popup-title5}}''' {{int:wf-formtutorial-difficulty-popup-text5}}</p>}}</span></div>
{{{field|Difficulty|input type=dropdown|mandatory|class=WfFormDropdown|mapping using translate=wf-propertyvalue-difficulty-}}} 
</div>
<div class="col-md-6 col-xs-12">
<div class="WfFormLabel"><span>{{int:wf-formtutorial-duration-field-title}}</span><span class="custom-tooltip">{{#info:{{int:wf-formtutorial-duration-popup}}|}}</span></div>
{{{field|Duration|mandatory|class=WfFormText WfFormTextCombine}}} {{{field|Duration-type|mandatory|input type=dropdown|class=WfFormDropdown WfFormDropdownCombine|mapping using translate=wf-propertyvalue-durationtype-}}} 
<div class="WfFormLabel"><span>{{int:wf-formtutorial-cost-field-title}}</span><span class="custom-tooltip">{{#info:{{int:wf-formtutorial-cost-popup}}|}}</span></div>
{{{field|Cost|mandatory|class=WfFormText WfFormTextCombine}}} {{{field|Currency|mandatory|input type=dropdown|class=WfFormDropdown WfFormDropdownCombine}}}
</div>
</div>
<div class="WfFormLabel"><span>{{int:wf-formtutorial-tags-field-title}}</span><span class="custom-tooltip">{{#info:{{int:wf-formtutorial-tags-popup}}|}}</span></div>
<div class="WfFormTokensParent">{{{field|Tags|placeholder={{int:wf-formtutorial-tag-field-tooltip}}|class=WfFormTokens|input type=tokens|size=}}}</div>
</div>
</div>
{{{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>
<div class="hide-mobile-view multipleTemplateHideButton multipleTemplateSingleEntry">
{{{for template|TutoVideo|multiple|minimum=0|maximum instances=1|add button text={{int:wf-tuto-video-btnlink}} }}}
<div class="dokit-video-radio">{{{field|VideoType|input type=dropdown|default=Youtube|mandatory|class=WfFormDropdown WfFormDropdownFullWidth 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>
{{{for template|Materials}}}
<div class="Input-tabs hide-mobile-view">
{{#tag:tabber|
 {{int:wf-formtutorial-tools-materials-tabs-title}} =
<div class="material-tool-list row">
<div class="col-md-6 col-sm-6 col-xs-12">
<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}}}
{{{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}}}
{{{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}}}
{{{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}}}
{{{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}}}
{{{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 class="edit-step-title">{{int:wf-formtutorial-materials-tabs-title}}</div>
{{{field|Material|input type=textarea|class=form-textarea|translatable|rows=8}}}
<br>
<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>
{{!}}-{{!}}
 {{int:wf-prerequisites-tabs-title}} =<div class="file-subtitle">{{int:wf-prerequisites-tabs-subtitle}}</div><div class="prerequisites-selection">{{{field|Prerequisites|holds template}}}</div>
{{!}}-{{!}}
 {{int:wf-formtutorial-file-tabs-title}}=<div class="row">
<div class="col-md-6 col-sm-6 col-xs-12 box-file-form">
<div class="file-subtitle">{{int:wf-formtutorial-file-tabs-option1}}</div>
<div class="add-attachments add-attachments-upload simplePMG">{{{field|Tuto_Attachments|holds template}}}</div></div>
<div class="col-md-6 col-sm-6 col-xs-12 box-file-form">
<div class="file-subtitle">{{int:wf-formtutorial-file-tabs-option2}}</div>
<div class="add-attachments">{{{field|ExternalAttachmentsLinks|holds template}}}</div>
</div>
}}
</div>
</div>
{{{end template}}}
{{{for template|Prerequisites|multiple|maximum instances=20|add button text={{int:wf-prerequisites-tabs-btnlink}}|embed in field=Materials[Prerequisites]}}}{{{field|Prerequisites|input type=combobox|existing values only|placeholder={{int:wf-prerequisites-tabs-placeholder}}|values from category=Tutorials}}}{{{end template}}}
{{{for template|ExternalAttachmentsLinks|multiple|maximum instances=10|add button text={{int:wf-formtutorial-file-tabs-btnlink}}|embed in field=Materials[ExternalAttachmentsLinks]}}}{{{field|ExternalAttachmentsLinks|input type=text|class=WfFormTextFullWidth}}}{{{end template}}}
{{{for template|Tuto_Attachments|multiple|maximum instances=30|add button text={{int:wf-formtutorial-file-tabs-btnfile}}|embed in field=Materials[Tuto_Attachments]}}}{{{field|Attachment|class=WfFormText|default=|uploadable}}}{{{end template}}}
<h2 class="multipleTemplate-tutostep-title">{{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="WfFormTutoStep">
<div class="col-sm-6 col-xs-12 col-sm-push-6 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-xs-12 col-sm-pull-6">
<div class="col-pic-step msuploadContainer">
{{{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}}}
{{{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}}}
{{{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}}}
{{{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}}}
{{{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}}}
{{{field|Step_Picture_05_annotation|input type=editableImage|target=Step_Picture_05}}}
</div>
</div>
</div>
{{{end template}}}</div>
<div class="notes-ref">
<h2>{{int:wf-formtutorial-note-title}}</h2>
{{{for template|Notes}}}
{{{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 hide-mobile-view">
<div class="saving-menu">{{{standard input|saveDraft}}}
<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>
</div>
</includeonly>

<div class="modal fade wfform" id="ModalCreativeCommons" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<span class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></span><h4 class="modal-title">{{int:wf-formtutorial-popuplicense-title}}</h4>
</div>
<div class="modal-body">
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12">
[[File:CC-BY.png]]<span class="cc-modal-subtitle">{{int:wf-formtutorial-popuplicense-licence1-title}} <span class="label label-success">{{int:wf-formtutorial-popuplicense-licence-recommended}}</span></span>
<p>{{int:wf-formtutorial-popuplicense-licence1-description}}</p>
<p>[http://creativecommons.org/licenses/by/4.0/ {{int:wf-formtutorial-popuplicense-licence-link1}}] | [http://creativecommons.org/licenses/by/4.0/legalcode {{int:wf-formtutorial-popuplicense-licence-link2}}]</p>
<br>
[[File:CC-BY-SA.png]]<span class="cc-modal-subtitle">{{int:wf-formtutorial-popuplicense-licence2-title}}</span>
<p>{{int:wf-formtutorial-popuplicense-licence2-description}}</p>
<p>[http://creativecommons.org/licenses/by-sa/4.0/ {{int:wf-formtutorial-popuplicense-licence-link1}}] | [http://creativecommons.org/licenses/by-sa/4.0/legalcode {{int:wf-formtutorial-popuplicense-licence-link2}}]</p>
<hr>
<p>{{int:wf-formtutorial-popuplicense-question}} [http://feedback.wikifab.org/t/under-which-open-license-can-i-publish-my-tutorial-on-wikifab/30 {{int:wf-formtutorial-popuplicense-question-link}}].</p>
</div>
</div>
</div>
</div>
</div>
</div>