Modèle:Tuto Details : Différence entre versions

Version actuelle datée du 27 novembre 2023 à 16:54

Auteur Clément Flipo | Dernière modification // par [[user:|]]

Pas encore d'image

Catégories

Coût

Catégories

Coût

@@ Ligne 1 : / Ligne 1 : @@
-__NOTOC__
+__NOTOC__ __NOEDITSECTION__
-<div class="row">
+<div class="print-description print-only">[[Description::{{{Description|}}}]]</div>
-<div class="col-md-8 col-sm-8 col-xs-12">
+<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="row">
+<div class="row firstPage">
-<div class="col-md-6 col-sm-12 col-xs-12">
+<div class="col-md-5 col-sm-5 col-xs-12 fullWidthPrint">
-<div class="tuto-details-box">
+<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>}}
-<p class="tuto-details-about-title">[[Description::{{{Description|}}}]]</p>
-<p>Une [[Type::{{{Type|}}}]] dans la catégorie : {{#arraymap:{{{Area|}}}|,|x|[[Area::x]]}}</p>
-<ul>
-<li>Difficulté : [[Difficulty::{{{Difficulty|}}}]]</li>
-<li>Durée : {{{Duration|}}} [[Duration-type::{{{Duration-type|}}}]]</li>
-<li>Coût : [[Cost::{{{Cost|}}}]] </li>
-<li>Licence : [[Licences::{{{Licences|}}}]] </li>
-</ul>
 </div>
+<div class="tuto-details-box print-only">
+<div class="tuto-items-container">
+{{#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>|}}
+<div class="tuto-items-details-container">
+<div class="tuto-items-details-container-left"><i class="fa fa-tag" aria-hidden="true"></i> {{int:wf-formtutorial-area-field-title}}</div>
+<div class="tuto-items-details-container-right">{{#arraymap:{{{Area|}}}|,|x|[[Area::x|{{int:wf-propertyvalue-area-x}}]]}}</div>
 </div>
-<div class="col-md-6 col-sm-12 col-xs-12">
+<div class="tuto-items-details-container">
-<div class="tuto-details-autor">
+<div class="tuto-items-details-container-left"><i class="fa fa-money" aria-hidden="true"></i> {{int:wf-formtutorial-cost-field-title}}</div>
-<div class="tuto-details-author-box">
+<div class="tuto-items-details-container-right">[[Cost::{{{Cost|}}}]] [[Currency::{{{Currency|}}}]]</div>
-<div class="row">
-<div class="col-md-4 col-sm-4 col-xs-4">
-<div class="tuto-details-author-photo">[[Fichier:Clement.jpg|border]]</div>
 </div>
-<div class="col-md-8 col-sm-8 col-xs-8">
-<div class="tuto-details-author-name">{{REVISIONUSER}}</div>
-<div class="tuto-details-author-hometown"><span class="glyphicon glyphicon-map-marker" aria-hidden="true"></span> Paris, FR</div>
-<div class="tuto-details-author-card">
-<div class="tuto-details-author-followers">
-<strong class="stat-count">1k</strong>
-<span class="text-muted">Abonnés</span>
 </div>
-<div class="tuto-details-author-followers">
-<strong class="stat-count">532</strong>
-<span class="text-muted">Abonnements</span>
-</div>
-</div>
-</div>
-</div>
-</div>
-</div>
-</div>
-</div>
-<div class="hrContentMinor-2"></div>
-<div class="row">
-<div class="col-lg-3 col-md-3 col-sm-4 col-xs-12">
-<h5 class="tuto-details-material-title">Matériaux :</h5>
-</div>
-<div class="col-lg-10 col-md-9 col-sm-8 col-xs-12">
-{{{Materials|}}}
-</div>
-</div>
-<div class="row">
-<div class="col-lg-3 col-md-3 col-sm-4 col-xs-12">
-<h5 class="tuto-details-material-title">Outils :</h5>
-</div>
-<div class="col-lg-10 col-md-9 col-sm-8 col-xs-12">
-{{{Tools|}}}
-</div>
-</div>
-<div class="row">
-<div class="col-lg-3 col-md-3 col-sm-4 col-xs-12">
-<h5 class="tuto-details-material-title">Tutoriel(s) lié(s) :</h5>
-</div>
-<div class="col-lg-10 col-md-9 col-sm-8 col-xs-12">
-[[Tutoriels complémentaires::{{{Tutoriels complémentaires|}}}]]
 </div>
 </div>
+<div class="col-md-7 col-sm-7 col-xs-12 fullWidthPrint no-print-book">
+<div class="tuto-details-box">
+<div class="tuto-details-about-title noprint">[[Description::{{{Description|}}}]]</div>
+<div class="tuto-items-container">{{#if:{{{Difficulty|}}}|<div class="tuto-items-details-container noprint">
+<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>|}}
+<div class="tuto-items-details-container noprint"><div class="tuto-items-details-container-left"><i class="fa fa-tag" aria-hidden="true"></i> {{int:wf-formtutorial-area-field-title}}</div> <div class="tuto-items-details-container-right">{{#arraymap:{{{Area|}}}|,|x|[[Area::x|{{int:wf-propertyvalue-area-x}}]]}}</div></div><div class="tuto-items-details-container noprint"><div class="tuto-items-details-container-left"><i class="fa fa-money" aria-hidden="true"></i> {{int:wf-formtutorial-cost-field-title}}</div> <div class="tuto-items-details-container-right">[[Cost::{{{Cost|}}}]] [[Currency::{{{Currency|}}}]]</div></div>
+<div class="tuto-items-languages noprint"><languages /></div>
+<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>
+{{#if:{{{Licences|}}}|<div class="licence-detail noprint"><i class="fa fa-creative-commons"></i><span class="licence-detail-title">{{int:wf-formtutorial-license-field-title}} :</span> [[Licences::{{{Licences|}}}]]</div>|}}
 </div>
-<div class="col-md-4 col-sm-4 col-xs-12">
-<div class="tuto-main-image">
-<div class="tuto-main-image-title">En réalisant ce tutoriel vous obtiendrez :</div>
-[[Fichier:{{{Main_Picture}}}|border]]
 </div>
 </div>
 </div>
-[[Catégorie:Tutoriels]]
+<span class="propertyKey" style="display:none">{{#arraymap:{{{Tags|}}}|,|x|[[Tags::x]]}}</span>
+<span class="propertyKey" style="display:none">[[Main_Picture::{{{Main_Picture|}}}]]</span>
+<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>
+<span class="propertyKey" style="display:none">[[SourceLanguage::{{{SourceLanguage|}}}]]</span>
+<span class="propertyKey" style="display:none">[[Type::{{{Type|}}}]]</span>
+<span class="propertyKey" style="display:none">[[IsTranslation::{{{IsTranslation|}}}]]</span>
+<span class="noprint">{{#arraymap:{{{Categories|}}}|,|x|[[Category:x]]|&#32;}}</span>
+{{#stepNumber: step| init}}
+{{#seo:
+|keywords={{{Tags|}}}
+|description={{{Description|}}}
+}}