(init wikifab pages)
Ligne 25 : Ligne 25 :
 
</div>
 
</div>
 
<div class="col-md-4 col-sm-4 col-xs-12">
 
<div class="col-md-4 col-sm-4 col-xs-12">
[[R%C3%A9ussir_vos_photos_de_tutoriels|<span class="contribute-block">
+
[[Wikifab:Taking_pictures|<span class="contribute-block">
 
<span class="glyphicon glyphicon-camera icon-contribute" aria-hidden="true"></span>
 
<span class="glyphicon glyphicon-camera icon-contribute" aria-hidden="true"></span>
 
<span class="contribute-block-title">{{int:wf-contribute-takingpictures-title}}</span>
 
<span class="contribute-block-title">{{int:wf-contribute-takingpictures-title}}</span>
Ligne 45 : Ligne 45 :
 
{{{for template|Tuto Details}}}
 
{{{for template|Tuto Details}}}
 
<div class="row">
 
<div class="row">
<div class="col-md-8 col-sm-8 col-xs-12">
+
<div class="col-md-4 col-sm-4 col-xs-12 col-pic-detail">
<div class="row table-edit-form">
+
<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="col-md-2 col-sm-2 col-xs-3 edit-form-title">{{int:wf-formtutorial-type-field-title}}</div>
+
<div class="msuploadContainer msuploadContainerTall">
<div class="col-md-10 col-sm-10 col-xs-9 custom-tooltip">{{{field|Type|mandatory|class=form-dropdown}}}
+
{{{field|Main_Picture|uploadable|size=25|class=form-picture|image preview}}}
{{#info:<p>'''{{int:wf-formtutorial-type-creation}}''' : {{int:wf-formtutorial-type-popup-creation}}</p>
+
{{{field|Main_Picture_annotation|input type=editableImage|target=Main_Picture}}}
<p>'''{{int:wf-formtutorial-type-technique}}''' : {{int:wf-formtutorial-type-popup-technique}}</p>}}
 
 
</div>
 
</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>
<div class="row table-edit-form">
+
<div id="Licences" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne">
<div class="col-md-2 col-sm-2 col-xs-12 edit-form-title">{{int:wf-formtutorial-area-field-title}}</div>
+
<div class="Licences-body">
<div class="col-md-10 col-sm-10 col-xs-12">{{{field|Area|mandatory|class=form-checkbox|mapping using translate=wf-propertyvalue-area-}}}</div>
+
{{{field|Licences|input type=dropdown|class=WfFormDropdown|default=Attribution (CC BY)}}}
 
</div>
 
</div>
<div class="row table-edit-form">
 
<div class="col-md-2 col-sm-2 col-xs-12 edit-form-title">{{int:wf-formtutorial-tags-field-title}}</div>
 
<div class="col-md-10 col-sm-10 col-xs-12 custom-tooltip">{{{field|Tags|class=form-tokens|input type=tokens|size=}}} {{#info:{{int:wf-formtutorial-tags-popup}}|}}</div>
 
 
</div>
 
</div>
<div class="row table-edit-form">
 
<div class="col-md-2 col-sm-2 col-xs-12 edit-form-title">{{int:wf-formtutorial-description-field-title}}</div>
 
<div class="col-md-10 col-sm-10 col-xs-12">{{{field|Description|input type=textarea|mandatory|translatable|rows=3|maxlength=4000|class=form-textarea|placeholder={{int:wf-formtutorial-description-field-placeholder}}|}}}
 
 
</div>
 
</div>
 
</div>
 
</div>
<div class="row licence-section">
 
<div class="col-md-2 col-sm-2 col-xs-3 edit-form-title table-edit-form">{{int:wf-formtutorial-difficulty-field-title}}</div>
 
<div class="col-md-4 col-sm-4 col-xs-9 table-edit-form custom-tooltip">{{{field|Difficulty|input type=dropdown|mandatory|class=form-dropdown|mapping using translate=wf-propertyvalue-difficulty-}}} {{#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>}}</div>
 
<div class="col-md-2 col-sm-2 col-xs-3 edit-form-title table-edit-form">{{int:wf-formtutorial-cost-field-title}}</div>
 
<div class="col-md-4 col-sm-4 col-xs-9 table-edit-form custom-tooltip">{{{field|Cost|mandatory|class=form-duration}}} {{{field|Currency|mandatory|input type=dropdown|class=form-dropdown-2}}} {{#info:{{int:wf-formtutorial-cost-popup}}|}}</div>
 
 
</div>
 
</div>
 +
<div class="col-md-8 col-sm-8 col-xs-12">
 
<div class="row">
 
<div class="row">
<div class="col-md-2 col-sm-2 col-xs-3 edit-form-title table-edit-form">{{int:wf-formtutorial-duration-field-title}}</div>
+
<div class="col-md-12">
<div class="col-md-4 col-sm-10 col-xs-9 table-edit-form custom-tooltip licence-section">{{{field|Duration|mandatory|class=form-duration}}} {{{field|Duration-type|mandatory|input type=dropdown|class=form-dropdown-2|mapping using translate=wf-propertyvalue-durationtype-}}} {{#info:{{int:wf-formtutorial-duration-popup}}|}}</div>
+
<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>
<div class="col-md-2 col-sm-2 col-xs-3 edit-form-title table-edit-form">{{int:wf-formtutorial-license-field-title}}</div>
+
<p class="WfFormLabel">{{int:wf-formtutorial-area-field-title}}</p>
<div class="col-md-4 col-sm-10 col-xs-9 table-edit-form">{{{field|Licences|input type=dropdown|class=form-dropdown-3}}}<span class="style-instructions-text" data-toggle="modal" data-target="#ModalCreativeCommons"><span class="glyphicon glyphicon-question-sign tuto-question-icon"></span></span></div>
+
{{{field|Area|mandatory|input type=checkboxes|class=WfFormCheckbox|hide select all|mapping using translate=wf-propertyvalue-area-}}}
 
</div>
 
</div>
 
</div>
 
</div>
<div class="col-md-4 col-sm-4 col-xs-12 col-pic-detail">
+
<div class="row">
<div class="msuploadContainer">
+
<div class="col-md-6 col-xs-12">
{{{field|Main_Picture|uploadable|size=25|class=form-picture|image preview}}}
+
<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|Main_Picture_annotation|input type=editableImage|target=Main_Picture}}}
+
{{{field|Type|mandatory|class=WfFormDropdown}}}
{{{end template}}}
+
<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>
 +
<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>
 
</div>
 
</div>
 +
{{{end template}}}
 
<div class="hrContentMinor-2"></div>
 
<div class="hrContentMinor-2"></div>
 
{{{for template|Introduction}}}
 
{{{for template|Introduction}}}
Ligne 94 : Ligne 98 :
 
<div class="multipleTemplateHideButton">
 
<div class="multipleTemplateHideButton">
 
{{{for template|TutoVideo|multiple|minimum=0|maximum instances=1|add button text={{int:wf-tuto-video-btnlink}} }}}
 
{{{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}}}}}  
+
{{#formLinkVideo:{{{field|TutoVideoService|dropdown|mandatory|class=embedVideoDropdown}}} | {{{field|TutoVideoURL|mandatory|class=embedVideoUrlInput WfFormText}}}}}  
 
{{{end template}}}
 
{{{end template}}}
 
</div>
 
</div>
Ligne 150 : Ligne 154 :
 
{{{end template}}}
 
{{{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|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}}}{{{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=WfFormText}}}{{{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|default=|uploadable}}}{{{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}}}
 
<div class="bg-halfsquare-separator-2"></div>
 
<div class="bg-halfsquare-separator-2"></div>
 
{{{for template|Separator}}}<br>{{{end template}}}
 
{{{for template|Separator}}}<br>{{{end template}}}
Ligne 157 : Ligne 161 :
 
<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="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="row">
<div class="col-md-6 col-sm-6 col-xs-12">
+
<div class="col-sm-6 col-xs-12 col-sm-push-6 WfFormTutoStepInstructions">
 +
<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 class="col-sm-6 col-xs-12 col-sm-pull-6">
 
<div class="col-pic-step msuploadContainer">
 
<div class="col-pic-step msuploadContainer">
 
{{{field|Step_Picture_00|size=32|class=form-picture|default=|uploadable|image preview}}}
 
{{{field|Step_Picture_00|size=32|class=form-picture|default=|uploadable|image preview}}}
Ligne 172 : Ligne 180 :
 
{{{field|Step_Picture_05_annotation|input type=editableImage|target=Step_Picture_05}}}
 
{{{field|Step_Picture_05_annotation|input type=editableImage|target=Step_Picture_05}}}
 
</div>
 
</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>
 
</div>
Ligne 186 : Ligne 190 :
 
{{{end template}}}
 
{{{end template}}}
 
</div>
 
</div>
 +
<hr class="WfEndForm">
 
<div class="saving-menu">
 
<div class="saving-menu">
{{{standard input|save}}}
+
<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>
{{{standard input|save and continue}}}
 
<span class="display-none">{{{standard input|saveDraft}}}</span>
 
{{{standard input|cancel}}}
 
{{{standard input|watch}}}
 
<span class="status-checkbox">
 
{{{for template|Tuto_Status}}}{{{field|Complete|mapping using translate=wf-propertyvalue-complete-}}}{{{end template}}}
 
</span>
 
 
</div>
 
</div>
 
</includeonly>
 
</includeonly>
Ligne 218 : Ligne 216 :
 
</div>
 
</div>
 
</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.1 {{int:wf-formtutorial-popuptutoname-option1a}}
 
 
* {{int:wf-formtutorial-popuptutoname-option1b}}
 
* {{int:wf-formtutorial-popuptutoname-option1c}}
 
 
1.2 {{int:wf-formtutorial-popuptutoname-option1d}}
 
 
* {{int:wf-formtutorial-popuptutoname-option1b}}
 
* {{int:wf-formtutorial-popuptutoname-option1e}}
 
 
1.3 {{int:wf-formtutorial-popuptutoname-option1f}}
 
 
* {{int:wf-formtutorial-popuptutoname-option1g}}
 
* {{int:wf-formtutorial-popuptutoname-option1h}}
 
 
 
<h4>2. {{int:wf-formtutorial-popuptutoname-option2}}</h4>
 
 
2.1 {{int:wf-formtutorial-popuptutoname-option2a}}
 
 
2.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>
 
</div>
 
</div>
 
</div>
 
</div>

Version du 26 juin 2018 à 14:39