Difference between revisions of "Template:DokitPageStep"

[unchecked revision][unchecked revision]
(init wikifab pages)
 
(init wikifab pages)
 
(One intermediate revision by the same user not shown)
Line 1: Line 1:
 
{{#switch: {{{StepType|}}}
 
{{#switch: {{{StepType|}}}
 
| Media = {{#switch: {{{DokitPageImageColumns|}}}
 
| Media = {{#switch: {{{DokitPageImageColumns|}}}
| OneColumn = <div class="row">
+
| OneColumn = <div class="row dokit-page-section">
<div class="col-xs-12 DokitPageImage">{{#if:{{{DokitPageImage11|}}}|{{#annotatedImage:[[File:{{{DokitPageImage11}}}|frameless|border]]|{{{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="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>
 
</div>
| TwoColumns = <div class="row">
+
| TwoColumns = <div class="row dokit-page-section">
<div class="col-xs-6 DokitPageImage">{{#if:{{{DokitPageImage21|}}}|{{#annotatedImage:[[File:{{{DokitPageImage21}}}|frameless|border]]|{{{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="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="col-xs-6 DokitPageImage">{{#if:{{{DokitPageImage22|}}}|{{#annotatedImage:[[File:{{{DokitPageImage22}}}|frameless|border]]|{{{DokitPageImageAnnotation22}}}}}|<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-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>
 
</div>
 
</div>
| ThreeColumns = <div class="row">
+
| ThreeColumns = <div class="row dokit-page-section">
<div class="col-xs-4 DokitPageImage">{{#if:{{{DokitPageImage31|}}}|{{#annotatedImage:[[File:{{{DokitPageImage31}}}|frameless|border]]|{{{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:{{{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">{{#if:{{{DokitPageImage32|}}}|{{#annotatedImage:[[File:{{{DokitPageImage32}}}|frameless|border]]|{{{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:{{{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">{{#if:{{{DokitPageImage33|}}}|{{#annotatedImage:[[File:{{{DokitPageImage33}}}|frameless|border]]|{{{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 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">
+
| FourColumns = <div class="row dokit-page-section">
<div class="col-xs-3 DokitPageImage">{{#if:{{{DokitPageImage41|}}}|{{#annotatedImage:[[File:{{{DokitPageImage41}}}|frameless|border]]|{{{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:{{{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">{{#if:{{{DokitPageImage42|}}}|{{#annotatedImage:[[File:{{{DokitPageImage42}}}|frameless|border]]|{{{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:{{{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">{{#if:{{{DokitPageImage43|}}}|{{#annotatedImage:[[File:{{{DokitPageImage43}}}|frameless|border]]|{{{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:{{{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">{{#if:{{{DokitPageImage44|}}}|{{#annotatedImage:[[File:{{{DokitPageImage44}}}|frameless|border]]|{{{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 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>
 
}}
 
}}
| Video = <div class="row noprint">
+
| Video = <div class="row noprint dokit-page-section">
 
<div class="col-xs-12">
 
<div class="col-xs-12">
 
<h2 class="VideoTitle">{{int:wf-video-intro-title}}</h2>
 
<h2 class="VideoTitle">{{int:wf-video-intro-title}}</h2>
Line 34: Line 34:
 
</div>
 
</div>
 
| StepRight =  
 
| StepRight =  
<div class="row">
+
<div class="row dokit-page-section">
<div class="col-md-6 DokitPageImage">[[DokitPageStepRightContent::{{{DokitPageStepRightContent|}}}]]</div>
+
<div class="col-md-6 DokitPageImage col-md-push-6">[[DokitPageStepRightContent::{{{DokitPageStepRightContent|}}}]]</div>
<div class="col-md-6 DokitPageImage">{{#if:{{{DokitPageStepRightImage|}}}|{{#annotatedImage:[[File:{{{DokitPageStepRightImage}}}|frameless|border]]|{{{DokitPageStepRightImageAnnotation}}}}}|<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-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>
 
</div>
 
</div>
 
| StepLeft =  
 
| StepLeft =  
<div class="row">
+
<div class="row dokit-page-section">
<div class="col-md-6 DokitPageImage col-md-push-6">[[DokitPageStepLeftContent::{{{DokitPageStepLeftContent|}}}]]</div>
+
<div class="col-md-6 DokitPageImage">[[DokitPageStepLeftContent::{{{DokitPageStepLeftContent|}}}]]</div>
<div class="col-md-6 DokitPageImage col-md-pull-6">{{#if:{{{DokitPageStepLeftImage|}}}|{{#annotatedImage:[[File:{{{DokitPageStepLeftImage}}}|frameless|border]]|{{{DokitPageStepLeftImageAnnotation}}}}}|<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-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>
 
</div>
 
</div>
| StepLeft =
 
 
| Title = {{#switch: {{{DokitPageTitleType|}}}
 
| Title = {{#switch: {{{DokitPageTitleType|}}}
 
| H1 = <h1>[[DokitPageTitle::{{{DokitPageTitle|}}}]]</h1>
 
| H1 = <h1>[[DokitPageTitle::{{{DokitPageTitle|}}}]]</h1>
Line 53: Line 52:
 
}}
 
}}
 
| Warning = {{#switch: {{{DokitPageWarningType|}}}
 
| Warning = {{#switch: {{{DokitPageWarningType|}}}
| Info = <div class="icon-instructions info-icon"><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>
+
| 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"><div class="icon-instructions-icon"><i class="fa fa-thumb-tack" aria-hidden="true"></i></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>
 
<div class="icon-instructions-text">[[DokitPageWarning::{{{DokitPageWarning|}}}]]</div></div>
| Dont = <div class="icon-instructions dont-icon"><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>
+
| 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"><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>
+
| 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"><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>
+
| 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 = {{{DokitPageVeText|}}}
+
| VeText = {{#switch: {{{DokitPageVeColumns|}}}
| File = <div class="attach-link-table"><i class="fa fa-file"></i> [[:File:{{{DokitPageFile|}}}]]</div>
+
| 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|}}}}}
 
| Transclude = {{:{{{DokitPageTransclude|}}}}}
| Wikitext = {{{DokitPageWikitext|}}}
 
 
| Space = <hr class="DokitPageSpace {{{DokitPageSpace|}}}">
 
| Space = <hr class="DokitPageSpace {{{DokitPageSpace|}}}">
 
|}}
 
|}}
 
 
<div class="display-none">
 
<div class="display-none">
 
[[StepType::{{{StepType|}}}]]
 
[[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|}}}]]
 
[[DokitPageTitleType::{{{DokitPageTitleType|}}}]]
 
[[DokitPageWarningType::{{{DokitPageWarningType|}}}]]
 
[[DokitPageWarningType::{{{DokitPageWarningType|}}}]]
Line 81: Line 115:
 
[[TutoVideoURLDailymotion::{{{TutoVideoURLDailymotion|}}}]]
 
[[TutoVideoURLDailymotion::{{{TutoVideoURLDailymotion|}}}]]
 
[[DokitPageSpace::{{{DokitPageSpace|}}}]]
 
[[DokitPageSpace::{{{DokitPageSpace|}}}]]
[[mp4video::{{{mp4video|}}}]]
+
[[mp4video::{{{mp4video|}}}]]</div>
</div>
 

Latest revision as of 12:20, 25 January 2019