|
|
Ligne 1 : |
Ligne 1 : |
− | {{#switch: {{{StepType|}}} | + | __NOTOC__ __NOEDITSECTION__ |
− | | Media = {{#switch: {{{DokitPageImageColumns|}}}
| + | <div class="print-description print-only">[[Description::{{{Description|}}}]]</div> |
− | | OneColumn = <div class="row dokit-page-section">
| + | <p class="tuto-details-autor-revision noprint hideInTranslatedPage">{{int:wf-author-title}} {{#displayAuthorDiv:toto}} | [{{fullurl:{{PAGENAME}}|action=history}} {{int:wf-last-edit-on}}] {{REVISIONDAY:{{PAGENAME}}}}/{{REVISIONMONTH:{{PAGENAME}}}}/{{REVISIONYEAR:{{PAGENAME}}}} {{int:wf-last-edit-by}} [[user:{{REVISIONUSER:{{PAGENAME}}}}|{{REVISIONUSER:{{PAGENAME}}}}]]</p> |
− | <div class="col-xs-12 DokitPageImage {{{DokitPageImageWidth|}}}">{{#if:{{{DokitPageImage11|}}}|{{#annotatedImage:[[File:{{{DokitPageImage11}}}|frameless|border|class=img-responsive dokit-page-centerimage]]|{{{DokitPageImageAnnotation11}}}}}|<div class="no-image-yet"><div><i class="fa fa-image" aria-hidden="true"></i></div><p>{{int:wf-noimageyet}}</p></div>}}</div> | + | <div class="row firstPage"> |
| + | <div class="col-md-5 col-sm-5 col-xs-12 fullWidthPrint"> |
| + | <div class="tuto-main-image noprint">{{#if:{{{Main_Picture|}}}|{{#annotatedImage:[[File:{{{Main_Picture}}}|frameless|border]]|{{{Main_Picture_annotation}}}}}|<div class="no-image-yet"><div><i class="fa fa-image" aria-hidden="true"></i></div><p>{{int:wf-noimageyet}}</p></div>}} |
| </div> | | </div> |
− | | TwoColumns = <div class="row dokit-page-section">
| + | <div class="tuto-details-box print-only"> |
− | <div class="col-xs-6 DokitPageImage {{{DokitPageImageWidth|}}}">{{#if:{{{DokitPageImage21|}}}|{{#annotatedImage:[[File:{{{DokitPageImage21}}}|frameless|border|class=img-responsive } dokit-page-centerimage]]|{{{DokitPageImageAnnotation21}}}}}|<div class="no-image-yet"><div><i class="fa fa-image" aria-hidden="true"></i></div><p>{{int:wf-noimageyet}}</p></div>}}</div> | + | <div class="tuto-items-container"> |
− | <div class="col-xs-6 DokitPageImage {{{DokitPageImageWidth|}}}">{{#if:{{{DokitPageImage22|}}}|{{#annotatedImage:[[File:{{{DokitPageImage22}}}|frameless|border|class=img-responsive dokit-page-centerimage]]|{{{DokitPageImageAnnotation22}}}}}|<div class="no-image-yet"><div><i class="fa fa-image" aria-hidden="true"></i></div><p>{{int:wf-noimageyet}}</p></div>}}</div> | + | {{#if:{{{Difficulty|}}}|<div class="tuto-items-details-container"> |
| + | <div class="tuto-items-details-container-left"><i class="fa fa-tachometer" aria-hidden="true"></i> {{int:wf-formtutorial-difficulty-field-title}}</div> |
| + | <div class="tuto-items-details-container-right"><span class="propertyKey" style="display:none">[[Difficulty::{{{Difficulty|}}}]]</span> {{int:wf-propertyvalue-difficulty-{{{Difficulty|}}}|}}</div> |
| + | </div>|}} |
| + | {{#if:{{{Duration|}}}|<div class="tuto-items-details-container"> |
| + | <div class="tuto-items-details-container-left"><i class="fa fa-clock-o" aria-hidden="true"></i> {{int:wf-formtutorial-duration-field-title}}</div> |
| + | <div class="tuto-items-details-container-right">[[Duration::{{{Duration|}}}]] <span class="propertyKey" style="display:none">[[Duration-type::{{{Duration-type|}}}]]</span> {{int:wf-propertyvalue-durationtype-{{{Duration-type|}}}|}}</div> |
| + | </div>|}} |
| + | <!-- START ADMIN PRINT PROPERTY LIST --><!--END ADMIN PRINT PROPERTY LIST --> |
| </div> | | </div> |
− | | ThreeColumns = <div class="row dokit-page-section">
| |
− | <div class="col-xs-4 DokitPageImage {{{DokitPageImageWidth|}}}">{{#if:{{{DokitPageImage31|}}}|{{#annotatedImage:[[File:{{{DokitPageImage31}}}|frameless|border|class=img-responsive dokit-page-centerimage]]|{{{DokitPageImageAnnotation31}}}}}|<div class="no-image-yet"><div><i class="fa fa-image" aria-hidden="true"></i></div><p>{{int:wf-noimageyet}}</p></div>}}</div>
| |
− | <div class="col-xs-4 DokitPageImage {{{DokitPageImageWidth|}}}">{{#if:{{{DokitPageImage32|}}}|{{#annotatedImage:[[File:{{{DokitPageImage32}}}|frameless|border|class=img-responsive dokit-page-centerimage]]|{{{DokitPageImageAnnotation32}}}}}|<div class="no-image-yet"><div><i class="fa fa-image" aria-hidden="true"></i></div><p>{{int:wf-noimageyet}}</p></div>}}</div>
| |
− | <div class="col-xs-4 DokitPageImage {{{DokitPageImageWidth|}}}">{{#if:{{{DokitPageImage33|}}}|{{#annotatedImage:[[File:{{{DokitPageImage33}}}|frameless|border|class=img-responsive dokit-page-centerimage]]|{{{DokitPageImageAnnotation33}}}}}|<div class="no-image-yet"><div><i class="fa fa-image" aria-hidden="true"></i></div><p>{{int:wf-noimageyet}}</p></div>}}</div>
| |
| </div> | | </div> |
− | | FourColumns = <div class="row dokit-page-section">
| |
− | <div class="col-xs-3 DokitPageImage {{{DokitPageImageWidth|}}}">{{#if:{{{DokitPageImage41|}}}|{{#annotatedImage:[[File:{{{DokitPageImage41}}}|frameless|border|class=img-responsive dokit-page-centerimage]]|{{{DokitPageImageAnnotation41}}}}}|<div class="no-image-yet"><div><i class="fa fa-image" aria-hidden="true"></i></div><p>{{int:wf-noimageyet}}</p></div>}}</div>
| |
− | <div class="col-xs-3 DokitPageImage {{{DokitPageImageWidth|}}}">{{#if:{{{DokitPageImage42|}}}|{{#annotatedImage:[[File:{{{DokitPageImage42}}}|frameless|border|class=img-responsive dokit-page-centerimage]]|{{{DokitPageImageAnnotation42}}}}}|<div class="no-image-yet"><div><i class="fa fa-image" aria-hidden="true"></i></div><p>{{int:wf-noimageyet}}</p></div>}}</div>
| |
− | <div class="col-xs-3 DokitPageImage {{{DokitPageImageWidth|}}}">{{#if:{{{DokitPageImage43|}}}|{{#annotatedImage:[[File:{{{DokitPageImage43}}}|frameless|border|class=img-responsive dokit-page-centerimage]]|{{{DokitPageImageAnnotation43}}}}}|<div class="no-image-yet"><div><i class="fa fa-image" aria-hidden="true"></i></div><p>{{int:wf-noimageyet}}</p></div>}}</div>
| |
− | <div class="col-xs-3 DokitPageImage {{{DokitPageImageWidth|}}}">{{#if:{{{DokitPageImage44|}}}|{{#annotatedImage:[[File:{{{DokitPageImage44}}}|frameless|border|class=img-responsive dokit-page-centerimage]]|{{{DokitPageImageAnnotation44}}}}}|<div class="no-image-yet"><div><i class="fa fa-image" aria-hidden="true"></i></div><p>{{int:wf-noimageyet}}</p></div>}}</div>
| |
| </div> | | </div> |
− | }} | + | <div class="col-md-7 col-sm-7 col-xs-12 fullWidthPrint no-print-book"> |
− | | Video = <div class="row noprint dokit-page-section"> | + | <div class="tuto-details-box"> |
− | <div class="col-xs-12"> | + | <div class="tuto-details-about-title noprint">[[Description::{{{Description|}}}]]</div> |
− | <h2 class="VideoTitle">{{int:wf-video-intro-title}}</h2> | + | <div class="tuto-items-container">{{#if:{{{Difficulty|}}}|<div class="tuto-items-details-container noprint"> |
− | <div class="allSizeScreenButton"> | + | <div class="tuto-items-details-container-left"><i class="fa fa-tachometer" aria-hidden="true"></i> {{int:wf-formtutorial-difficulty-field-title}}</div> <div class="tuto-items-details-container-right"><span class="propertyKey" style="display:none">[[Difficulty::{{{Difficulty|}}}]]</span> {{int:wf-propertyvalue-difficulty-{{{Difficulty|}}}|}}</div> </div>|}}{{#if:{{{Duration|}}}|<div class="tuto-items-details-container noprint"> <div class="tuto-items-details-container-left"><i class="fa fa-clock-o" aria-hidden="true"></i> {{int:wf-formtutorial-duration-field-title}}</div> <div class="tuto-items-details-container-right">[[Duration::{{{Duration|}}}]] <span class="propertyKey" style="display:none">[[Duration-type::{{{Duration-type|}}}]]</span> {{int:wf-propertyvalue-durationtype-{{{Duration-type|}}}|}}</div></div>|}} |
− | <span class="resizeButton smallButton"></span> | + | <!-- START ADMIN WEB PROPERTY LIST --><!--END ADMIN WEB PROPERTY LIST --> |
− | <span class="resizeButton mediumButton"></span> | + | <div class="tuto-items-languages noprint"><languages /></div> |
− | <span class="resizeButton largeButton"></span> | + | <div class="tuto-items-details-container printTOC"><div class="tuto-items-details-container-left"><i class="fa fa-list-ol" aria-hidden="true"></i></div>__TOC__</div> |
| </div> | | </div> |
− | <div class="videoMainContainer">
| |
− | <div class="videoContainer">{{#switch:{{{VideoType}}}|Youtube={{#ev:youtube|{{{VideoURLYoutube}}}}}|Vimeo={{#ev:vimeo|{{{VideoURLVimeo}}}}}|Dailymotion={{#ev:dailymotion|{{{VideoURLDailymotion}}}}}|Mp4=[[File:{{{mp4video}}}]]}}</div>
| |
| </div> | | </div> |
| </div> | | </div> |
| </div> | | </div> |
− | | StepRight =
| + | <span class="propertyKey" style="display:none">{{#arraymap:{{{Tags|}}}|,|x|[[Tags::x]]}}</span> |
− | <div class="row dokit-page-section"> | + | <span class="propertyKey" style="display:none">[[Main_Picture::{{{Main_Picture|}}}]]</span> |
− | <div class="col-md-6 DokitPageImage col-md-push-6">[[DokitPageStepRightContent::{{{DokitPageStepRightContent|}}}]]</div>
| + | <span class="propertyKey" style="display:none"><!-- Language attributes are moved to an other template, but thoses should stay to still makes works old pages -->[[Language::{{{Language|}}}]]</span> |
− | <div class="col-md-6 DokitPageImage col-md-pull-6 {{{DokitPageImageWidth|}}}">{{#if:{{{DokitPageStepRightImage|}}}|{{#annotatedImage:[[File:{{{DokitPageStepRightImage}}}|frameless|border|class=img-responsive dokit-page-centerimage]]|{{{DokitPageStepRightImageAnnotation}}}}}|<div class="no-image-yet"><div><i class="fa fa-image" aria-hidden="true"></i></div><p>{{int:wf-noimageyet}}</p></div>}}</div>
| + | <span class="propertyKey" style="display:none">[[SourceLanguage::{{{SourceLanguage|}}}]]</span> |
− | </div>
| + | <span class="propertyKey" style="display:none">[[IsTranslation::{{{IsTranslation|}}}]]</span> |
− | | StepLeft =
| + | <span class="noprint">{{#arraymap:{{{Categories|}}}|,|x|[[Category:x]]| }}</span> |
− | <div class="row dokit-page-section">
| + | {{#stepNumber: step| init}} |
− | <div class="col-md-6 DokitPageImage">[[DokitPageStepLeftContent::{{{DokitPageStepLeftContent|}}}]]</div>
| + | {{#seo: |
− | <div class="col-md-6 DokitPageImage {{{DokitPageImageWidth|}}}">{{#if:{{{DokitPageStepLeftImage|}}}|{{#annotatedImage:[[File:{{{DokitPageStepLeftImage}}}|frameless|border|class=img-responsive dokit-page-centerimage]]|{{{DokitPageStepLeftImageAnnotation}}}}}|<div class="no-image-yet"><div><i class="fa fa-image" aria-hidden="true"></i></div><p>{{int:wf-noimageyet}}</p></div>}}</div>
| + | |keywords={{{Tags|}}} |
− | </div>
| + | |description={{{Description|}}} |
− | | Title = {{#switch: {{{DokitPageTitleType|}}}
| |
− | | H1 = <h1>[[DokitPageTitle::{{{DokitPageTitle|}}}]]</h1> | |
− | | H2 = <h2>[[DokitPageTitle::{{{DokitPageTitle|}}}]]</h2> | |
− | | H3 = <h3>[[DokitPageTitle::{{{DokitPageTitle|}}}]]</h3>
| |
− | | H4 = <h4>[[DokitPageTitle::{{{DokitPageTitle|}}}]]</h4>
| |
− | | H5 = <h5>[[DokitPageTitle::{{{DokitPageTitle|}}}]]</h5>
| |
− | | H6 = <h6>[[DokitPageTitle::{{{DokitPageTitle|}}}]]</h6>
| |
− | }}
| |
− | | Warning = {{#switch: {{{DokitPageWarningType|}}}
| |
− | | Info = <div class="icon-instructions info-icon dokit-page-section"><div class="icon-instructions-icon"><i class="fa fa-info-circle" aria-hidden="true"></i></div><div class="icon-instructions-text">[[DokitPageWarning::{{{DokitPageWarning|}}}]]</div></div>
| |
− | | Pin = <div class="icon-instructions pin-icon dokit-page-section"><div class="icon-instructions-icon"><i class="fa fa-thumb-tack" aria-hidden="true"></i></div>
| |
− | <div class="icon-instructions-text">[[DokitPageWarning::{{{DokitPageWarning|}}}]]</div></div>
| |
− | | Dont = <div class="icon-instructions dont-icon dokit-page-section"><div class="icon-instructions-icon"><i class="fa fa-hand-paper-o" aria-hidden="true"></i></div><div class="icon-instructions-text">[[DokitPageWarning::{{{DokitPageWarning|}}}]]</div></div>
| |
− | | Warning = <div class="icon-instructions caution-icon dokit-page-section"><div class="icon-instructions-icon"><i class="fa fa-exclamation-triangle" aria-hidden="true"></i></div><div class="icon-instructions-text">[[DokitPageWarning::{{{DokitPageWarning|}}}]]</div></div>
| |
− | | Idea = <div class="icon-instructions idea-icon dokit-page-section"><div class="icon-instructions-icon"><i class="fa fa-lightbulb-o" aria-hidden="true"></i></div><div class="icon-instructions-text">[[DokitPageWarning::{{{DokitPageWarning|}}}]]</div></div>
| |
− | }}
| |
− | | VeText = {{#switch: {{{DokitPageVeColumns|}}}
| |
− | | OneColumnVe = <div class="row dokit-page-section"><div class="col-md-12">
| |
− | {{{DokitPageVeText11|}}}
| |
− | </div></div>
| |
− | | TwoColumnsVe = <div class="row dokit-page-section"><div class="col-md-6"> | |
− | {{{DokitPageVeText21|}}}
| |
− | </div><div class="col-md-6">
| |
− | {{{DokitPageVeText22|}}}
| |
− | </div></div>
| |
− | | ThreeColumnsVe = <div class="row dokit-page-section"><div class="col-md-4"> | |
− | {{{DokitPageVeText31|}}}
| |
− | </div><div class="col-md-4"> | |
− | {{{DokitPageVeText32|}}} | |
− | </div><div class="col-md-4">
| |
− | {{{DokitPageVeText33|}}} | |
− | </div></div>
| |
− | | FourColumnsVe = <div class="row dokit-page-section"><div class="col-md-3"> | |
− | {{{DokitPageVeText41|}}} | |
− | </div><div class="col-md-3">
| |
− | {{{DokitPageVeText42|}}}
| |
− | </div><div class="col-md-3">
| |
− | {{{DokitPageVeText43|}}}
| |
− | </div><div class="col-md-3">
| |
− | {{{DokitPageVeText44|}}} | |
− | </div></div>
| |
| }} | | }} |
− | | File = <div class="attach-link-table dokit-page-section"><i class="fa fa-file"></i> [[:File:{{{DokitPageFile|}}}]]</div>
| |
− | | Transclude = {{:{{{DokitPageTransclude|}}}}}
| |
− | | Space = <hr class="DokitPageSpace {{{DokitPageSpace|}}}">
| |
− | |}}
| |
− | <div class="display-none">
| |
− | [[StepType::{{{StepType|}}}]]
| |
− | [[DokitPageImageWidth::{{{DokitPageImageWidth|}}}]]
| |
− | [[DokitPageVeText11::{{{DokitPageVeText11|}}}]]
| |
− | [[DokitPageVeColumns::{{{DokitPageVeColumns|}}}]]
| |
− | [[DokitPageVeText21::{{{DokitPageVeText21|}}}]]
| |
− | [[DokitPageVeText22::{{{DokitPageVeText22|}}}]]
| |
− | [[DokitPageVeText31::{{{DokitPageVeText31|}}}]]
| |
− | [[DokitPageVeText32::{{{DokitPageVeText32|}}}]]
| |
− | [[DokitPageVeText33::{{{DokitPageVeText33|}}}]]
| |
− | [[DokitPageVeText41::{{{DokitPageVeText41|}}}]]
| |
− | [[DokitPageVeText42::{{{DokitPageVeText42|}}}]]
| |
− | [[DokitPageVeText43::{{{DokitPageVeText43|}}}]]
| |
− | [[DokitPageVeText44::{{{DokitPageVeText44|}}}]]
| |
− | [[DokitPageTitleType::{{{DokitPageTitleType|}}}]]
| |
− | [[DokitPageWarningType::{{{DokitPageWarningType|}}}]]
| |
− | [[DokitPageImageColumns::{{{DokitPageImageColumns|}}}]]
| |
− | [[Category:DokitPage]]
| |
− | [[VideoType::{{{VideoType|}}}]]
| |
− | [[TutoVideoServiceYoutube::{{{TutoVideoServiceYoutube|}}}]]
| |
− | [[TutoVideoURLYoutube::{{{TutoVideoURLYoutube|}}}]]
| |
− | [[TutoVideoServiceVimeo::{{{TutoVideoServiceVimeo|}}}]]
| |
− | [[TutoVideoURLVimeo::{{{TutoVideoURLVimeo|}}}]]
| |
− | [[TutoVideoServiceDailymotion::{{{TutoVideoServiceDailymotion|}}}]]
| |
− | [[TutoVideoURLDailymotion::{{{TutoVideoURLDailymotion|}}}]]
| |
− | [[DokitPageSpace::{{{DokitPageSpace|}}}]]
| |
− | [[mp4video::{{{mp4video|}}}]]</div>
| |