Différences entre les pages « Modèle:Tuto Details » et « AboutGroups »

m (A protégé « Modèle:Tuto Details » : Protection of Dokit pages ([Modifier=Autoriser uniquement les administrateurs] (infini) [Renommer=Autoriser uniquement les administrateurs] (infini)))
 
(init wikifab pages)
 
Ligne 1 : Ligne 1 :
 
__NOTOC__
 
__NOTOC__
<p class="tuto-details-autor-revision noprint">{{int:wf-author-title}} {{#displayAuthorDiv:toto}}</p>
+
<div class="about-groups">
<p class="tuto-details-autor-revision print-only">{{#displayAuthorDiv:toto}}</p>
+
<div class="container">
<div class="row firstPage">
+
<h1>{{int:wf-formgroup-welcome-title}}</h1>
<div class="col-md-5 col-sm-5 col-xs-12 fullWidthPrint">
+
<p>Rassemblez vos tutoriels, vos membres et vos équipements dans un groupe à vos couleurs.</p>
<div class="tuto-main-image">{{#if:{{{Main_Picture|}}}|{{#annotatedImage:[[File:{{{Main_Picture}}}|frameless|border]]|{{{Main_Picture_annotation}}}}}|[[File:No-image-yet.jpg|link=]]}}
+
<span data-toggle="modal" data-target="#CreateNewGroup" class="sign-up-button-hp wf-btn-lg">{{int:wf-formgroup-title}}</span> [[Groups|<span class="wf-btn-dark wf-btn-lg">Voir les groupes</span>]]
<div class="print-only pageurl">{{fullurl:{{FULLPAGENAME}}}}</div>
+
</div></div>
<div class="print-only lasteditdateinfo">{{int:wf-last-edit-on}} {{REVISIONDAY2}}/{{REVISIONMONTH}}/{{REVISIONYEAR}} </div>
+
<div class="container">
 +
<div class="row group-section-1">
 +
<div class="col-sm-5 col-xs-12 col-sm-offset-1">
 +
<h3 class="title">{{int:wf-formgroup-section-onepage-title}}</h3>
 +
<p>{{int:wf-formgroup-section-onepage-text}}</p>
 
</div>
 
</div>
<div class="row tuto-details-box print-only">
+
<div class="col-sm-5 col-xs-12 img-part">[[File:Group-Wikifab-Step1.jpg|link=]]</div>
<br>
 
<div class="col-md-5">
 
<div class="tuto-items-container">
 
<div class="tuto-items-details-container">
 
<div class="tuto-items-details-container-left"><i class="fa fa-graduation-cap" aria-hidden="true"></i> {{int:wf-property-scientificfields}}</div>
 
<div class="tuto-items-details-container-right">{{#arraymap:{{{Area|}}}|,|x|[[Area::x|{{int:wf-propertyvalue-area-x}}]]}}</div>
 
 
</div>
 
</div>
<div class="tuto-items-details-container">
+
<div class="row group-section-1">
<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="col-sm-offset-1 col-sm-5 col-xs-12 img-part">[[File:Group-Wikifab-Step2.jpg|link=]]</div>
<div class="tuto-items-details-container-right"><span class="propertyKey" style="display:none">[[Difficulty::{{{Difficulty|}}}]]</span> {{int:wf-propertyvalue-difficulty-{{{Difficulty|}}}|}}</div>
+
<div class="col-sm-5 col-xs-12">
 +
<h3 class="title">{{int:wf-formgroup-section-animate-title}}</h3>
 +
<p>{{int:wf-formgroup-section-animate-text}}</p>
 
</div>
 
</div>
<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>
 
</div>
 
</div>
 +
<div class="group-main-tabs">
 +
<div class="group-main-tabs-title">
 +
<h2>{{int:wf-formgroup-section-howto-title}} </h2>
 +
<p>{{int:wf-formgroup-section-howto-text}} </p>
 
</div>
 
</div>
<div class="col-md-7">
+
{{#tag:tabber|
<h2>{{int:wf-formtutorial-description-field-title}}</h2>
+
1. {{int:wf-formgroup-section-howto-tabs-join-name}} =
<p>[[Description::{{{Description|}}}]]</p>
+
<div class="container">
 +
[[File:add-to-group-1.jpg|link=]]
 +
<h3>{{int:wf-formgroup-section-howto-tabs-join-title}} </h3>
 +
{{int:wf-formgroup-section-howto-tabs-join-text}}
 
</div>
 
</div>
 +
{{!}}-{{!}}
 +
2. {{int:wf-formgroup-section-howto-tabs-add-name}} =
 +
<div class="container">
 +
[[File:add-to-group-2.gif|link=]]
 +
<h3>{{int:wf-formgroup-section-howto-tabs-add-title}} </h3>
 +
{{int:wf-formgroup-section-howto-tabs-add-text}}
 
</div>
 
</div>
 +
{{!}}-{{!}}
 +
3. {{int:wf-formgroup-section-howto-tabs-done-name}} =
 +
<div class="container">
 +
[[File:add-to-group-3.jpg|link=]]
 +
<h3>{{int:wf-formgroup-section-howto-tabs-done-title}}</h3>
 +
{{int:wf-formgroup-section-howto-tabs-done-text}}
 
</div>
 
</div>
<div class="print-only printPageBreakBefore"></div>
+
}}</div>
<div class="col-md-7 col-sm-7 col-xs-12 fullWidthPrint">
+
<div class="container">
<div class="tuto-details-box">
+
<hr>
<p class="tuto-details-about-title noprint">[[Description::{{{Description|}}}]]</p>
+
<div class="group-bottom-links">
<div class="tuto-items-container">
+
<p class="group-ready">{{int:wf-formgroup-create-today}}</p>
<div class="tuto-items-details-container noprint">
+
[[#create-a-group|<span class="create-group-btn">{{int:wf-formgroup-title}}</span>]]
<div class="tuto-items-details-container-left"><i class="fa fa-graduation-cap" aria-hidden="true"></i> {{int:wf-property-scientificfields}}</div>
+
<p class="download-subbutton">{{int:wf-formgroup-its-free}}</p>
<div class="tuto-items-details-container-right">{{#arraymap:{{{Area|}}}|,|x|[[Area::x|{{int:wf-propertyvalue-area-x}}]]}}</div>
 
 
</div>
 
</div>
<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>
 
</div>
<div class="tuto-items-details-container noprint">
+
<div class="modal fade" id="CreateNewGroup" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<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="modal-dialog">
<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 class="modal-content">
 +
<div class="modal-header">
 +
<h4 class="modal-title" id="myModalLabel">Créer un groupe</h4>
 
</div>
 
</div>
<h2 class="print-only">{{int:wf-formtutorial-summary-field-title}}</h2>
+
<div class="modal-body NewPageTabs">
<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>
+
{{#ifanon:<div class="alert alert-warning" role="alert">
 +
{{int:wf-formgroup-alert|[[Special:UserLogin/signup|{{int:wf-formtutorial-alert-createaccount}}]]|[[Special:UserLogin|{{int:wf-formtutorial-alert-login}}]]}}
 +
</div>|
 +
<div class="NewPageField">{{#forminput:form=Group|namespace=Group|placeholder=Entrez ici le nom de votre groupe|button text=Créer}} }}</div>
 
</div>
 
</div>
<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>
 
</div>
 
</div>
</div>
 
<span class="propertyKey" style="display:none">[[Tags::{{{Tags|}}}]]</span>
 
<span class="propertyKey" style="display:none">[[Language::{{{Language|}}}]]</span>
 
<span class="propertyKey" style="display:none">[[SourceLanguage::{{{SourceLanguage|}}}]]</span>
 
<span class="propertyKey" style="display:none">[[IsTranslation::{{{IsTranslation|}}}]]</span>
 
<div class="noprint">[[Category:Tutorials]]</div>
 
{{#stepNumber: step| init}}
 
<hr class="print-only printPageBreakAfter"/>
 
{{#seo:
 
|keywords={{{Tags|}}}
 
|description={{{Description|}}}
 
}}
 

Version du 23 novembre 2018 à 12:16

Communautés, bienvenue chez vous !

Rassemblez vos tutoriels, vos membres et vos équipements dans un groupe à vos couleurs.

Voir les groupes

Tous vos tutoriels sur une seule page

Personnalisez votre groupe en ajoutant votre logo et votre bannière. Tous les utilisateurs peuvent rejoindre votre groupe en cliquant sur le bouton "Rejoindre ce groupe".

Animez votre communauté

Renseignez vos informations: vos machines, votre agenda et votre description. Vos utilisateurs recevront une notification à chaque nouvelle publication dans le groupe.

Comment ajouter un tutoriel à un groupe ?

C'est très simple. Voici comment ajoutez un tutoriel à votre groupe en 2 clics.

Fichier:Add-to-group-1.jpg

Rejoindre un groupe

Sur la page du groupe, cliquez sur le bouton "Rejoindre".

Fichier:Add-to-group-2.gif

Ajouter un tutoriel à un groupe

Sur le tutoriel, cliquez sur le bouton "Ajouter à" puis choisissez le nom du groupe dans lequel vous souhaitez ajouter le tutoriel.

Fichier:Add-to-group-3.jpg

Tada ! Votre tutoriel est ajouté au groupe

Sur le principe du wiki, tout le monde peut rejoindre n'importe quel groupe et ajouter ou retirer un tutoriel d'un groupe.