Difference between revisions of "Form:Tutorial"

Latest revision as of 16:09, 4 March 2022

Oops ! You do not have permission to create a page because your are not log in. To create a page, create an account or log in

@@ Line 76: / Line 76: @@
 </div>
 <div class="dokit-video-url" id="dokit-video-mp4">
-{{{field|mp4video|uploadable|size=25|class=form-picture}}}
+{{{field|mp4video|class=WfFormText|uploadable|mandatory|size=25}}}
 </div>
 {{{end template}}}
@@ Line 83: / Line 83: @@
 <div class="Input-tabs hide-mobile-view">
 {{#tag:tabber|
-{{#if: {{#ask: [[Dokit:DocOptions]] [[DokitItemEnable::yes]] }}| {{int:dokit-item-tabs-title}}=<div class="file-subtitle"><span>{{int:dokit-item-tabs-subtitle}}</span><span class="custom-tooltip">{{#info:{{int:dokit-item-tabs-subtitle-tooltip|[[Form:Item|{{int:dokit-item-tabs-subtitle-tooltip-link}}]]}}}}</span></div>
+{{#if: {{#ask: [[Dokit:DocOptions]] [[DokitItemEnable::yes]] }}| {{int:dokit-item-tabs-title}}=<div class="file-subtitle"><span>{{int:dokit-item-tabs-subtitle-tooltip|<span class="newwin">[[Form:Item|{{int:dokit-item-tabs-subtitle-tooltip-link}}]]</span>}}</span></div>
 <div class="prerequisites-selection">{{{field|ItemList|holds template}}}</div>
 {{!}}-{{!}}|}}
@@ Line 91: / Line 91: @@
 <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">{{{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="file-subtitle">{{int:wf-formtutorial-file-tabs-option2}}</div>
@@ Line 101: / Line 101: @@
 {{{end template}}}
 {{{for template|ItemList|multiple|maximum instances=100|add button text={{int:dokit-item-tabs-btnlink}}|embed in field=Materials[ItemList]}}}{{{field|Item|input type=combobox|existing values only|placeholder={{int:dokit-item-tabs-placeholder}}|values from namespace=Item}}}{{{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 concept=QueryTutorials}}}{{{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}}}
@@ Line 115: / Line 115: @@
 <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">
+{{#if: {{#ask: [[Dokit:DocOptions]] [[DokitReusableStepEnable::yes]] }}|<div class="dokit-custom-dropdown-topright">{{{field|StepType|input type=dropdown|class=WfFormDropdown WfFormDropdownAutoWidth|default=Normal|noempty|mapping using translate=dokit-propertyvalue-reusablestep-|mandatory|show on select=Normal=>TutoStepNormal;Transclude=>TutoStepTransclude;}}}</div>
+<div id="TutoStepTransclude">{{{field|embedstep|input type=combobox|existing values only|placeholder={{int:dokit-reusable-field-placeholder}}|values from concept=QueryStandAloneSteps}}}</div>
+<div class="WfFormTutoStep" id="TutoStepNormal">
 <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>|<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 ratio4_3|default=|uploadable|image preview}}}
+{{{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 ratio4_3|default=|uploadable|image preview}}}
+{{{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 ratio4_3|default=|uploadable|image preview}}}
+{{{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 ratio4_3|default=|uploadable|image preview}}}
+{{{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 ratio4_3|default=|uploadable|image preview}}}
+{{{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 ratio4_3|default=|uploadable|image preview}}}
+{{{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>
@@ Line 140: / Line 146: @@
 {{{for template|Notes}}}{{{end template}}}
 {{{for template|PageLang}}}<div id="language-dropdown">{{{field|Language|input type=dropdown|hidden|class=language-value}}}</div>{{{end template}}}
-<hr class="WfEndForm hide-mobile-view">
+<hr class="WfEndForm">
 <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>