(init wikifab pages)
 
(7 révisions intermédiaires par 2 utilisateurs non affichées)
Ligne 10 : Ligne 10 :
 
</div>|
 
</div>|
 
<h1>{{int:wf-formtutorial-main-title}}</h1>
 
<h1>{{int:wf-formtutorial-main-title}}</h1>
{{#forminput:form=Tutorial|button text={{int:wf-formtutorial-main-btn}}|placeholder={{int:wf-formtutorial-main-placeholder}}|}}
+
{{#forminput:form=Tutorial|button text={{int:wf-formtutorial-main-btn}}|placeholder={{int:wf-formtutorial-main-placeholder}}|language selector}}
 
</div>
 
</div>
 
</div>
 
</div>
Ligne 22 : Ligne 22 :
 
<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="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">
 
<div class="msuploadContainer msuploadContainerTall">
{{{field|Main_Picture|uploadable|size=25|class=form-picture|image preview}}}
+
{{{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}}}
 
{{{field|Main_Picture_annotation|input type=editableImage|target=Main_Picture}}}
 
</div>
 
</div>
Ligne 49 : Ligne 49 :
 
<div class="col-md-6 col-xs-12">
 
<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>
 
<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}}}
+
{{{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>
 
<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-}}}  
 
{{{field|Difficulty|input type=dropdown|mandatory|class=WfFormDropdown|mapping using translate=wf-propertyvalue-difficulty-}}}  
Ligne 74 : Ligne 74 :
 
<div class="hide-mobile-view multipleTemplateHideButton multipleTemplateSingleEntry">
 
<div class="hide-mobile-view multipleTemplateHideButton multipleTemplateSingleEntry">
 
{{{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}} }}}
<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-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">
 
<div class="dokit-video-url" id="dokit-video-youtube">
 
{{{field|VideoURLYoutube|mandatory|placeholder={{int:dokit-video-youtube-placeholder}}|class=dokit-video-url-field}}}
 
{{{field|VideoURLYoutube|mandatory|placeholder={{int:dokit-video-youtube-placeholder}}|class=dokit-video-url-field}}}
Ligne 90 : Ligne 90 :
 
</div>
 
</div>
 
{{{for template|Materials}}}
 
{{{for template|Materials}}}
<div class="Input-tabs">
+
<div class="Input-tabs hide-mobile-view">
 
{{#tag:tabber|
 
{{#tag:tabber|
 
  {{int:wf-formtutorial-tools-materials-tabs-title}} =
 
  {{int:wf-formtutorial-tools-materials-tabs-title}} =
Ligne 113 : Ligne 113 :
 
<div class="edit-step-title">{{int:wf-formtutorial-materials-tabs-title}}</div>
 
<div class="edit-step-title">{{int:wf-formtutorial-materials-tabs-title}}</div>
 
{{{field|Material|input type=textarea|class=form-textarea|translatable|rows=8}}}
 
{{{field|Material|input type=textarea|class=form-textarea|translatable|rows=8}}}
 +
<br>
 
<div class="edit-step-title">{{int:wf-formtutorial-tools-tabs-title}}</div>
 
<div class="edit-step-title">{{int:wf-formtutorial-tools-tabs-title}}</div>
 
{{{field|Tools|input type=textarea|class=form-textarea|translatable|rows=8}}}
 
{{{field|Tools|input type=textarea|class=form-textarea|translatable|rows=8}}}
Ligne 118 : Ligne 119 :
 
</div>
 
</div>
 
{{!}}-{{!}}
 
{{!}}-{{!}}
  {{int:wf-prerequisites-tabs-title}} =<h4>{{int:wf-prerequisites-tabs-subtitle}}</h4><div class="prerequisites-selection">{{{field|Prerequisites|holds template}}}</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}} =
+
  {{int:wf-formtutorial-file-tabs-title}}=<div class="row">
<div class="row">
 
 
<div class="col-md-6 col-sm-6 col-xs-12 box-file-form">
 
<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="file-subtitle">{{int:wf-formtutorial-file-tabs-option1}}</div>
<div class="add-attachments add-attachments-upload">{{{field|Tuto_Attachments|holds template}}}</div></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="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="file-subtitle">{{int:wf-formtutorial-file-tabs-option2}}</div>
Ligne 130 : Ligne 130 :
 
</div>
 
</div>
 
}}
 
}}
 +
</div>
 
</div>
 
</div>
 
{{{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|class=WfFormText}}}{{{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}}}
 
{{{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>
+
<h2 class="multipleTemplate-tutostep-title">{{int:wf-formtutorial-steps}}</h2>
{{{for template|Separator}}}<br>{{{end template}}}
 
<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="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="WfFormTutoStep">
Ligne 162 : Ligne 161 :
 
</div>
 
</div>
 
{{{end template}}}</div>
 
{{{end template}}}</div>
<div class="bg-halfsquare-separator-3"></div>
 
 
<div class="notes-ref">
 
<div class="notes-ref">
 
<h2>{{int:wf-formtutorial-note-title}}</h2>
 
<h2>{{int:wf-formtutorial-note-title}}</h2>
Ligne 168 : Ligne 166 :
 
{{{field|Notes|input type=textarea|class=form-textarea|translatable|rows=5|maxlength=5000}}}
 
{{{field|Notes|input type=textarea|class=form-textarea|translatable|rows=5|maxlength=5000}}}
 
{{{end template}}}
 
{{{end template}}}
 +
{{{for template|PageLang}}}<div id="language-dropdown">{{{field|Language|input type=dropdown|hidden|class=language-value}}}</div>{{{end template}}}
 
</div>
 
</div>
<hr class="WfEndForm">
+
<hr class="WfEndForm hide-mobile-view">
 
<div class="saving-menu">{{{standard input|saveDraft}}}
 
<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>
 
<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>

Version actuelle datée du 27 novembre 2023 à 16:59