Difference between revisions of "Form:DokitPage"

(init wikifab pages)
(init wikifab pages)
 
(5 intermediate revisions by the same user not shown)
Line 10: Line 10:
 
</div>|
 
</div>|
 
<h1>{{int:wf-formtutorial-main-title}}</h1>
 
<h1>{{int:wf-formtutorial-main-title}}</h1>
−
{{#forminput:form=DokitPage|button text={{int:dokit-formDokitPage-main-btn}}|placeholder={{int:wf-formtutorial-main-placeholder}}|}}
+
{{#forminput:form=DokitPage|button text={{int:dokit-formDokitPage-main-btn}}|placeholder={{int:wf-formtutorial-main-placeholder}}|language selector}}
 
</div>
 
</div>
 
</div>
 
</div>
Line 22: Line 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>
Line 29: Line 29:
 
<div class="row">
 
<div class="row">
 
<div class="col-md-12">
 
<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>
+
<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:dokit-dokitpage-description-field-placeholder}}|}}}</div>
 
<div class="WfFormLabel">{{int:dokit-formgroup-fieldname-categories}}</div>
 
<div class="WfFormLabel">{{int:dokit-formgroup-fieldname-categories}}</div>
 
<div class="WfFormTree">{{{field|Categories|input type=tree|top category=Categories|height=56|width=100%|hideroot|list}}}</div>
 
<div class="WfFormTree">{{{field|Categories|input type=tree|top category=Categories|height=56|width=100%|hideroot|list}}}</div>
Line 37: Line 37:
 
<div class="row">
 
<div class="row">
 
<!-- START DROPDOWN ADMIN PROPERTY LIST --><!--END DROPDOWN ADMIN PROPERTY LIST -->
 
<!-- START DROPDOWN ADMIN PROPERTY LIST --><!--END DROPDOWN ADMIN PROPERTY LIST -->
 +
<!-- START TEXT ADMIN PROPERTY LIST --><!--END TEXT ADMIN PROPERTY LIST -->
 
</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="WfFormLabel"><span>{{int:wf-formtutorial-tags-field-title}}</span><span class="custom-tooltip">{{#info:{{int:wf-formtutorial-tags-popup}}|}}</span></div>
Line 44: Line 45:
 
{{{end template}}}
 
{{{end template}}}
 
<div class="hrContentMinor-2"></div>
 
<div class="hrContentMinor-2"></div>
−
<div class="multipleTemplate-tutostep multipleTemplate-dokitstep">{{{for template|DokitPageStep|multiple|maximum instances=400|add button text={{int:dokit-formdokitpage-step-btnaddstep}} }}}
+
<div class="WikiPageEditContent">
−
<div class="dokit-sos-radio">{{{field|StepType|input type=radiobutton|mapping using translate=dokitpage-property-|show on select=Media=>dokitpage-template-media;Video=>dokitpage-template-video;Title=>dokitpage-template-title;VeText=>dokitpage-template-vetext;File=>dokitpage-template-file;Transclude=>dokitpage-template-transclude;Space=>dokitpage-template-space;StepLeft=>dokitpage-stepleft;StepRight=>dokitpage-stepright;Warning=>dokitpage-template-warning;}}}</div>
+
{{{standard input|free text|translatable|input type=textarea|class=form-textarea toolbarOnTop}}}
−
<div id="dokitpage-template-title">{{{field|DokitPageTitleType|input type=dropdown|mandatory|default=H1|class=WfFormDropdown WfFormDropdownCombineLeft}}} {{{field|DokitPageTitle|translatable|input type=text|class=WfFormText WfFormTextCombineLeft}}}</div>
 
−
<div id="dokitpage-template-warning">{{{field|DokitPageWarningType|input type=dropdown|mandatory|default=Info|class=WfFormDropdown WfFormDropdownCombineLeft}}} {{{field|DokitPageWarning|translatable|input type=text|class=WfFormText WfFormTextCombineLeft}}}</div>
 
−
<div id="dokitpage-template-vetext">
 
−
<div class="dokit-custom-dropdown-topright">{{{field|DokitPageVeColumns|default=OneColumnVe|mapping using translate=dokitpage-property-|class=WfFormDropdown WfFormDropdownAutoWidth|mandatory|show on select=OneColumnVe=>dokitpage-template-ve1;TwoColumnsVe=>dokitpage-template-ve2;ThreeColumnsVe=>dokitpage-template-ve3;FourColumnsVe=>dokitpage-template-ve4;}}}</div>
 
−
<div class="row" id="dokitpage-template-ve1">
 
−
<div class="col-md-12">
 
−
{{{field|DokitPageVeText11|input type=textarea|translatable|rows=5|class=form-textarea}}}
 
−
</div>
 
−
</div>
 
−
<div class="row" id="dokitpage-template-ve2">
 
−
<div class="col-md-6">
 
−
{{{field|DokitPageVeText21|input type=textarea|translatable|rows=5|class=form-textarea}}}
 
−
</div>
 
−
<div class="col-md-6">
 
−
{{{field|DokitPageVeText22|input type=textarea|translatable|rows=5|class=form-textarea}}}
 
−
</div>
 
−
</div>
 
−
<div class="row" id="dokitpage-template-ve3">
 
−
<div class="col-md-4">
 
−
{{{field|DokitPageVeText31|input type=textarea|translatable|rows=5|class=WfFormTextarea}}}
 
−
</div>
 
−
<div class="col-md-4">
 
−
{{{field|DokitPageVeText32|input type=textarea|translatable|rows=5|class=WfFormTextarea}}}
 
−
</div>
 
−
<div class="col-md-4">
 
−
{{{field|DokitPageVeText33|input type=textarea|translatable|rows=5|class=WfFormTextarea}}}
 
−
</div>
 
−
</div>
 
−
<div class="row" id="dokitpage-template-ve4">
 
−
<div class="col-md-3">
 
−
{{{field|DokitPageVeText41|input type=textarea|translatable|rows=4|class=WfFormTextarea}}}
 
−
</div>
 
−
<div class="col-md-3">
 
−
{{{field|DokitPageVeText42|input type=textarea|translatable|rows=4|class=WfFormTextarea}}}
 
−
</div>
 
−
<div class="col-md-3">
 
−
{{{field|DokitPageVeText43|input type=textarea|translatable|rows=4|class=WfFormTextarea}}}
 
−
</div>
 
−
<div class="col-md-3">
 
−
{{{field|DokitPageVeText44|input type=textarea|translatable|rows=4|class=WfFormTextarea}}}
 
−
</div>
 
−
</div>
 
−
</div>
 
−
<div id="dokitpage-template-media">
 
−
<div class="dokit-custom-dropdown-topright">{{{field|DokitPageImageColumns|default=OneColumn|mapping using translate=dokitpage-property-|class=WfFormDropdown WfFormDropdownAutoWidth|mandatory|show on select=OneColumn=>dokitpage-template-image1;TwoColumns=>dokitpage-template-image2;ThreeColumns=>dokitpage-template-image3;FourColumns=>dokitpage-template-image4;}}}</div>
 
−
{{{field|DokitPageImageWidth|input type=checkboxes|class=WfFormCheckbox|mapping using translate=dokitpage-enablewidth-}}}
 
−
<div class="row" id="dokitpage-template-image1">
 
−
<div class="col-md-12">
 
−
<div class="col-pic-step msuploadContainer msuploadContainerTall">
 
−
{{{field|DokitPageImage11|size=32|class=form-picture|default=|uploadable|image preview}}}
 
−
{{{field|DokitPageImageAnnotation11|input type=editableImage|target=DokitPageImage11}}}
 
−
</div>
 
−
</div>
 
−
</div>
 
−
<div class="row" id="dokitpage-template-image2">
 
−
<div class="col-md-6">
 
−
<div class="col-pic-step msuploadContainer msuploadContainerTall">
 
−
{{{field|DokitPageImage21|size=32|class=form-picture|default=|uploadable|image preview}}}
 
−
{{{field|DokitPageImageAnnotation21|input type=editableImage|target=DokitPageImage21}}}
 
−
</div>
 
−
</div>
 
−
<div class="col-md-6">
 
−
<div class="col-pic-step msuploadContainer msuploadContainerTall">
 
−
{{{field|DokitPageImage22|size=32|class=form-picture|default=|uploadable|image preview}}}
 
−
{{{field|DokitPageImageAnnotation22|input type=editableImage|target=DokitPageImage22}}}
 
−
</div>
 
−
</div>
 
−
</div>
 
−
<div class="row" id="dokitpage-template-image3">
 
−
<div class="col-md-4">
 
−
<div class="col-pic-step msuploadContainer msuploadContainerTall">
 
−
{{{field|DokitPageImage31|size=32|class=form-picture|default=|uploadable|image preview}}}
 
−
{{{field|DokitPageImageAnnotation31|input type=editableImage|target=DokitPageImage31}}}
 
−
</div>
 
−
</div>
 
−
<div class="col-md-4">
 
−
<div class="col-pic-step msuploadContainer msuploadContainerTall">
 
−
{{{field|DokitPageImage32|size=32|class=form-picture|default=|uploadable|image preview}}}
 
−
{{{field|DokitPageImageAnnotation32|input type=editableImage|target=DokitPageImage32}}}
 
−
</div>
 
−
</div>
 
−
<div class="col-md-4">
 
−
<div class="col-pic-step msuploadContainer msuploadContainerTall">
 
−
{{{field|DokitPageImage33|size=32|class=form-picture|default=|uploadable|image preview}}}
 
−
{{{field|DokitPageImageAnnotation33|input type=editableImage|target=DokitPageImage33}}}
 
−
</div>
 
−
</div>
 
−
</div>
 
−
<div class="row" id="dokitpage-template-image4">
 
−
<div class="col-md-3">
 
−
<div class="col-pic-step msuploadContainer msuploadContainerTall">
 
−
{{{field|DokitPageImage41|size=32|class=form-picture|default=|uploadable|image preview}}}
 
−
{{{field|DokitPageImageAnnotation41|input type=editableImage|target=DokitPageImage41}}}
 
−
</div>
 
−
</div>
 
−
<div class="col-md-3">
 
−
<div class="col-pic-step msuploadContainer msuploadContainerTall">
 
−
{{{field|DokitPageImage42|size=32|class=form-picture|default=|uploadable|image preview}}}
 
−
{{{field|DokitPageImageAnnotation42|input type=editableImage|target=DokitPageImage42}}}
 
−
</div>
 
−
</div>
 
−
<div class="col-md-3">
 
−
<div class="col-pic-step msuploadContainer msuploadContainerTall">
 
−
{{{field|DokitPageImage43|size=32|class=form-picture|default=|uploadable|image preview}}}
 
−
{{{field|DokitPageImageAnnotation43|input type=editableImage|target=DokitPageImage43}}}
 
−
</div>
 
−
</div>
 
−
<div class="col-md-3">
 
−
<div class="col-pic-step msuploadContainer msuploadContainerTall">
 
−
{{{field|DokitPageImage44|size=32|class=form-picture|default=|uploadable|image preview}}}
 
−
{{{field|DokitPageImageAnnotation44|input type=editableImage|target=DokitPageImage44}}}
 
−
</div>
 
−
</div>
 
−
</div>
 
−
</div>
 
−
<div class="row" id="dokitpage-stepright">
 
−
<div class="col-md-6">
 
−
<div class="msuploadContainer msuploadContainerTall">
 
−
{{{field|DokitPageStepRightImage|size=32|class=form-picture|default=|uploadable|image preview}}}
 
−
{{{field|DokitPageStepRightImageAnnotation|input type=editableImage|target=DokitPageStepRightImage}}}
 
−
</div>
 
−
</div>
 
−
<div class="col-md-6">
 
−
{{{field|DokitPageStepRightContent|input type=textarea|translatable|rows=5|class=form-textarea}}}
 
−
</div>
 
−
</div>
 
−
<div class="row" id="dokitpage-stepleft">
 
−
<div class="col-md-6">
 
−
{{{field|DokitPageStepLeftContent|input type=textarea|translatable|rows=5|class=form-textarea}}}
 
−
</div>
 
−
<div class="col-md-6">
 
−
<div class="msuploadContainer msuploadContainerTall">
 
−
{{{field|DokitPageStepLeftImage|size=32|class=form-picture|default=|uploadable|image preview}}}
 
−
{{{field|DokitPageStepLeftImageAnnotation|input type=editableImage|target=DokitPageStepLeftImage}}}
 
−
</div>
 
−
</div>
 
−
</div>
 
−
<div id="dokitpage-template-video">
 
−
<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>
 
−
<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>
 
−
<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>
 
−
<div class="dokit-video-url" id="dokit-video-mp4">
 
−
{{{field|mp4video|uploadable|size=25|class=form-picture}}}
 
−
</div>
 
 
</div>
 
</div>
−
<div id="dokitpage-template-file">{{{field|DokitPageFile|class=WfFormText|default=|uploadable}}}</div>
+
{{{for template|PageLang}}}<div id="language-dropdown">{{{field|Language|input type=dropdown|hidden|class=language-value}}}</div>{{{end template}}}
−
<div id="dokitpage-template-transclude">{{{field|DokitPageTransclude|input type=combobox|existing values only|values from namespace=Main}}}</div>
 
−
<div id="dokitpage-template-space"><span class="WfFormlabel">{{int:dokit-space-label}}</span> {{{field|DokitPageSpace|input type=dropdown|default=M|mandatory|class=WfFormDropdown WfFormDropdownAutoWidth}}}</div>
 
−
{{{end template}}}</div>
 
 
{{{for template|AddComments}}}{{{end template}}}
 
{{{for template|AddComments}}}{{{end template}}}
−
<hr class="WfEndForm hide-mobile-view">
+
<hr class="WfEndForm">
 
<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>
 
</div>
 
</div>
 
</includeonly>
 
</includeonly>

Latest revision as of 16:09, 4 March 2022

Retrieved from "https://demo.dokit.io/w/index.php?title=Form:DokitPage&oldid=3798"
© 2017 - 2024 Dokit, SAS.