Différences entre les pages « Formulaire:DokitHpDesign » et « Formulaire:DokitPage »

m (A protégé « Formulaire:DokitHpDesign » : Protection of Dokit pages ([Modifier=Autoriser uniquement les administrateurs] (infini) [Renommer=Autoriser uniquement les administrateurs] (infini)))
 
(init wikifab pages)
 
Ligne 1 : Ligne 1 :
 
__NOTOC__<noinclude>
 
__NOTOC__<noinclude>
{{#forminput:form=DokitHpDesign|button text=Personnaliser la HP|placeholder=Dokit:HpDesign|default=Dokit:HpDesign}}
+
<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=DokitPage|button text={{int:dokit-formDokitPage-main-btn}}|placeholder={{int:wf-formtutorial-main-placeholder}}|}}
 +
</div>
 +
</div>
 +
</div>
 +
}}
 
</noinclude><includeonly>
 
</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="row">
<div class="col-xs-3">{{Dokit:AdminNav}}</div>
+
<div class="col-md-4 col-sm-4 col-xs-12 col-pic-detail">
<div class="col-xs-9">
+
<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>
<h2>{{int:wf-propertyvalue-HpDesignBanner}}</h2>
+
<div class="msuploadContainer msuploadContainerTall">
{{{for template|HpDesignChoices}}}
+
{{{field|Main_Picture|uploadable|size=25|class=form-picture|image preview}}}
<div>{{{field|HpDesignBanner|input type=checkboxes|mapping using translate=wf-propertyvalue-HpDesignBanner-|show on select=yes=>HpDesignBannerOptions}}}</div>
+
{{{field|Main_Picture_annotation|input type=editableImage|target=Main_Picture}}}
<div id="HpDesignBannerOptions">
+
</div>
<h3>{{int:wf-propertyvalue-HpDesignBanner-Title}}</h3>
+
</div>
<div class="HpDesignBanner-title-lang"><span class="lang-name">Français</span>{{{field|HpDesignTitleFr|mandatory|input type=text|class=WfFormText}}}</div>
+
<div class="col-md-8 col-sm-8 col-xs-12">
<div class="HpDesignBanner-title-lang"><span class="lang-name">English</span>{{{field|HpDesignTitleEn|mandatory|input type=text|class=WfFormText}}}</div>
+
<div class="row">
<div class="HpDesignBanner-title-lang"><span class="lang-name">Deutsch</span>{{{field|HpDesignTitleDe|mandatory|input type=text|class=WfFormText}}}</div>
+
<div class="col-md-12">
<div class="HpDesignBanner-title-lang"><span class="lang-name">Español</span>{{{field|HpDesignTitleEs|mandatory|input type=text|class=WfFormText}}}</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="HpDesignBanner-title-lang"><span class="lang-name">Italiano</span>{{{field|HpDesignTitleIt|mandatory|input type=text|class=WfFormText}}}</div>
+
<div class="WfFormLabel">{{int:dokit-formgroup-fieldname-categories}}</div>
<div class="HpDesignBanner-title-lang"><span class="lang-name">Português</span>{{{field|HpDesignTitlePt|mandatory|input type=text|class=WfFormText}}}</div>
+
<div class="WfFormTree">{{{field|Categories|input type=tree|top category=Categories|height=86|width=100%|hideroot|list}}}</div>
{{{field|HpDesignSearchBar|input type=checkboxes|mapping using translate=wf-propertyvalue-HpDesignSearchBar-}}}
+
<!-- START CHECKBOX ADMIN PROPERTY LIST --><!--END CHECKBOX ADMIN PROPERTY LIST -->
 +
</div>
 +
</div>
 +
<div class="row">
 +
<!-- START DROPDOWN ADMIN PROPERTY LIST --><!--END DROPDOWN ADMIN PROPERTY LIST -->
 +
</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>
<hr>
 
<h2>{{int:wf-propertyvalue-HpDesignBanner-ExploreMode}}</h2>
 
<div>
 
{{{field|HpDesignType|input type=radiobutton|class=radio-list|show on select=Tutorials=>hp-explore-description-tuto;Categories=>hp-explore-description-cat;Manuals=>hp-explore-description-manual}}}
 
 
</div>
 
</div>
<hr>
 
<h2>{{int:wf-propertyvalue-HpDesign-bottom}}</h2>
 
<div>{{{field|HpDesignComments|input type=checkboxes|mapping using translate=wf-propertyvalue-HpDesignComments-}}}</div>
 
<div>{{{field|HpDesignRecentChanges|input type=checkboxes|mapping using translate=wf-propertyvalue-HpDesignRecentChanges-}}}</div>
 
 
{{{end template}}}
 
{{{end template}}}
<hr>
+
<div class="hrContentMinor-2"></div>
<span class="display-none">{{{standard input|saveDraft}}} {{{standard input|watch}}}</span>{{{standard input|save|class=btn btn-primary}}}<span id="loaderSave"><i class="fa fa-spinner fa-pulse fa-2x fa-fw "></i></span>{{{standard input|cancel}}}
+
<div class="multipleTemplate-dokitstep">{{{for template|DokitPageStep|multiple|maximum instances=400|add button text=+ }}}
 +
<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;Wikitext=>dokitpage-template-wikitext;Space=>dokitpage-template-space;StepLeft=>dokitpage-stepleft;StepRight=>dokitpage-stepright;Warning=>dokitpage-template-warning;}}}</div>
 +
<div id="dokitpage-template-title">{{{field|DokitPageTitleType|input type=dropdown|mandatory|default=H1|class=WfFormDropdown WfFormDropdownCombineLeft}}} {{{field|DokitPageTitle|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|input type=text|class=WfFormText WfFormTextCombineLeft}}}</div>
 +
<div id="dokitpage-template-vetext">{{{field|DokitPageVeText|input type=textarea|translatable|rows=16|class=form-textarea}}}</div>
 +
<div id="dokitpage-template-media">
 +
{{{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 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>
 +
<div id="dokitpage-template-file">{{{field|DokitPageFile|class=WfFormText|default=|uploadable}}}</div>
 +
<div id="dokitpage-template-transclude">{{{field|DokitPageTransclude|input type=combobox|existing values only|values from namespace=Main}}}</div>
 +
<div id="dokitpage-template-wikitext">{{{field|DokitPageWikitext|input type=textarea|translatable|rows=5}}}</div>
 +
<div id="dokitpage-template-space"><label>{{int:dokit-space-label}}</label> {{{field|DokitPageSpace|input type=dropdown|mandatory|class=WfFormDropdown WfFormDropdownAutoWidth}}}</div>
 +
{{{end template}}}</div>
 +
<hr class="WfEndForm hide-mobile-view">
 +
<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>
 
</div>
 
</includeonly>
 
</includeonly>

Version du 23 novembre 2018 à 12:16