(init wikifab pages)
(init wikifab pages)
Line 1: Line 1:
 
__NOTOC__<noinclude>
 
__NOTOC__<noinclude>
<div class="group-form-page">
+
<div class="tutorial-page">
 
<div class="container">
 
<div class="container">
<div class="new-group-page">
+
<div class="new-tutorial-page">
{{#ifanon:<h1 id="create-a-group">{{int:wf-formgroup-title}}</h1>
+
{{#ifanon:<div class="alert alert-warning" role="alert">
<p class="group-form-subtitle">{{int:wf-formgroup-baseline}} <i class="fa fa-hand-peace-o" aria-hidden="true"></i></p>
+
{{int:wf-formtutorial-alert|[[Special:UserLogin/signup|{{int:wf-formtutorial-alert-createaccount}}]]|[[Special:UserLogin|{{int:wf-formtutorial-alert-login}}]]}}
<br>
 
<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>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>|
 
</div>|
<h1 id="create-a-group">{{int:wf-formgroup-title}}</h1>
+
<h1>{{int:dokit-manual-create-btn}}</h1>
<p class="group-form-subtitle">{{int:wf-formgroup-baseline}} <i class="fa fa-hand-peace-o" aria-hidden="true"></i></p>
+
{{#forminput:form=Group|namespace=Manual|button text= {{int:dokit-manual-create-shortbtn}}|placeholder= {{int:dokit-manual-create-placeholder}}|}}
{{#forminput:form=Group|namespace=Group|button text= {{int:wf-formgroup-create-button-title}}|placeholder= {{int:wf-formgroup-create-button-placeholder}}|}}
 
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
}}<div class="container">
+
}}
<div class="group-section-0">
 
<h2>{{int:wf-formgroup-welcome-title}}</h2>
 
<p>{{int:wf-formgroup-welcome-baseline}}</p>
 
</div>
 
<div class="row group-section-1">
 
<div class="col-sm-6 col-xs-12">
 
<h3 class="title">{{int:wf-formgroup-section-onepage-title}}</h3>
 
<p>{{int:wf-formgroup-section-onepage-text}}</p>
 
</div>
 
<div class="col-sm-6 col-xs-12 img-part">[[File:Group-Wikifab-Step1.jpg|link=]]</div>
 
</div>
 
<div class="row group-section-1">
 
<div class="col-sm-6 col-xs-12 img-part">[[File:Group-Wikifab-Step2.jpg|link=]]</div>
 
<div class="col-sm-6 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="group-section-2">
 
<h3>{{int:wf-formgroup-section-forwho-title}}</h3>
 
<div class="row">
 
<div class="col-sm-5 col-xs-12">
 
<p>{{int:wf-formgroup-section-forwho-text}}</p>
 
</div>
 
<div class="col-sm-7 col-xs-12">
 
<div class="row">
 
<div class="col-sm-6 col-xs-12">
 
* <i class="fa fa-check-square-o" aria-hidden="true"></i> {{int:wf-formgroup-section-forwho-fablabs}}
 
* <i class="fa fa-check-square-o" aria-hidden="true"></i> {{int:wf-formgroup-section-forwho-asso}}
 
* <i class="fa fa-check-square-o" aria-hidden="true"></i> {{int:wf-formgroup-section-forwho-workshop}}
 
</div>
 
<div class="col-sm-6 col-xs-12">
 
* <i class="fa fa-check-square-o" aria-hidden="true"></i> {{int:wf-formgroup-section-forwho-events}}
 
* <i class="fa fa-check-square-o" aria-hidden="true"></i> {{int:wf-formgroup-section-forwho-others}}
 
</div>
 
</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>
 
{{#tag:tabber|
 
1. {{int:wf-formgroup-section-howto-tabs-join-name}} =
 
<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>
 
{{!}}-{{!}}
 
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>
 
{{!}}-{{!}}
 
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="container">
 
<hr>
 
<div class="group-bottom-links">
 
<p class="group-ready">{{int:wf-formgroup-create-today}}</p>
 
[[#create-a-group|<span class="create-group-btn">{{int:wf-formgroup-title}}</span>]]
 
<p class="download-subbutton">{{int:wf-formgroup-its-free}}</p>
 
</div>
 
</div>
 
 
</noinclude><includeonly>
 
</noinclude><includeonly>
 
<div class="container">
 
<div class="container">
<h1>{{FULLPAGENAME}}</h1>
 
 
<div id="wikiPreview" style="display: none; padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #AAAAAA;"></div>
 
<div id="wikiPreview" style="display: none; padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #AAAAAA;"></div>
 +
<div class="form-group-bg">
 
{{{for template|Group Details}}}
 
{{{for template|Group Details}}}
<div class="row">
+
<div class="form-group row">
<div class="col-md-3 col-sm-4 col-xs-12">
+
<div class="col-xs-12 col-sm-3 col-md-2">
 
<div class="WfFormLabel">{{int:wf-formgroup-fieldname-logo}}</div>
 
<div class="WfFormLabel">{{int:wf-formgroup-fieldname-logo}}</div>
<div class="group-logo-upload msuploadContainer msuploadContainerMedium">
+
<div class="group-logo-upload msuploadContainer msuploadContainerTall">
{{{field|group-logo|size=32|class=form-picture|default=|uploadable|image preview}}}
+
{{{field|group-logo|size=32|class=form-control|default=|uploadable|image preview}}}
 
</div>
 
</div>
 
</div>
 
</div>
<div class="col-md-9 col-sm-8 col-xs-12">
+
<div class="col-xs-12 col-sm-9 col-md-10">
 
<div class="WfFormLabel">{{int:wf-formgroup-fieldname-banner}}</div>
 
<div class="WfFormLabel">{{int:wf-formgroup-fieldname-banner}}</div>
<div class="group-banner-upload msuploadContainer msuploadContainerMedium">
+
<div class="group-logo-upload msuploadContainer msuploadContainerTall">
 
{{{field|group-banner|size=32|class=form-picture|default=|uploadable|image preview}}}
 
{{{field|group-banner|size=32|class=form-picture|default=|uploadable|image preview}}}
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 +
<div class="form-group row">
 +
<div class="col-xs-12 col-md-6">
 
<div class="WfFormLabel">{{int:wf-formgroup-fieldname-description}}</div>
 
<div class="WfFormLabel">{{int:wf-formgroup-fieldname-description}}</div>
<div>{{{field|group-description|input type=textarea|rows=2|maxlength=1500|class=WfFormTextarea|placeholder=Décrivez votre groupe en moins de 240 caractères.}}}</div>
+
{{{field|group-description|input type=textarea|rows=3|maxlength=140|class=WfFormTextarea|placeholder={{int:dokit-manual-description-placeholder}} }}}
<div class="row">
 
<div class="col-md-3">
 
<div class="WfFormLabel"><span>{{int:wf-formgroup-fieldname-type}}</span> <span class="custom-tooltip">{{#info:{{int:wf-formgroup-fieldinfo-type}}|}}</span></div>
 
{{{field|group-type|input type=dropdown|class=WfFormDropdown|mapping using translate=wf-propertyvalue-grouptype-}}}
 
</div>
 
<div class="col-md-3">
 
<div class="WfFormLabel">{{int:wf-formgroup-fieldname-website}}</div>
 
{{{field|group-url|class=WfFormTextFullWidth|placeholder=wikifab.org}}}
 
 
</div>
 
</div>
<div class="col-md-3">
+
<div class="col-xs-12 col-md-6">
<div class="WfFormLabel">{{int:wf-formgroup-fieldname-address}}</div>
+
<div class="WfFormLabel">{{int:dokit-formgroup-fieldname-categories}}</div>
{{{field|group-address|class=WfFormTextFullWidth|placeholder=42 Place de la Bastille, Paris}}}
+
<div class="WfFormTree">{{{field|Categories|input type=tree|top category=Categories|height=86|width=100%|hideroot|list}}}</div>
 
</div>
 
</div>
<div class="col-md-3">
 
<div class="WfFormLabel">{{int:wf-formgroup-fieldname-email}}</div>
 
{{{field|group-email|class=WfFormTextFullWidth|placeholder=contact@wikifab.org}}}
 
 
</div>
 
</div>
</div>
 
{{{end template}}}
 
 
{{{for template|Group Tabs}}}
 
<div class="Input-tabs group-tabs">
 
{{#tag:tabber|
 
{{int:wf-formgroup-tab-machine-name}} =
 
<h2>{{int:wf-formgroup-tab-machine-header}}</h2>
 
{{{field|Group_Machines|holds template}}}
 
{{!}}-{{!}}
 
{{int:wf-formgroup-tab-events-name}} =
 
<h2>{{int:wf-formgroup-tab-events-header}}</h2>
 
{{{field|Group_Event|holds template}}}
 
{{!}}-{{!}}
 
{{int:wf-formgroup-tab-about-name}} =
 
<h2>{{int:wf-formgroup-tab-about-header}}</h2>
 
<div class="row">
 
<div class="col-md-2 col-sm-2 col-xs-3 edit-form-title">{{int:wf-formgroup-fieldname-description}}</div>
 
<div class="col-md-10 col-sm-10 col-xs-9 table-edit-form">{{{field|group-long-description|input type=textarea|rows=3|maxlength=3000|class=form-textarea|placeholder=Rédigez une description longue pour votre groupe.}}}</div>
 
<div class="col-md-2 col-sm-2 col-xs-3 edit-form-title">{{int:wf-formgroup-fieldname-phone}}</div>
 
<div class="col-md-10 col-sm-10 col-xs-9 table-edit-form">{{{field|group-phone|class=group-field|placeholder=+33 1 22 33 44 55}}}</div>
 
</div>
 
}}
 
 
{{{end template}}}
 
{{{end template}}}
 
{{{for template|Group_Machines|multiple|maximum instances=100|add button text=+ {{int:wf-formgroup-button-addmachine}}|embed in field=Group Tabs[Group_Machines]}}}<div class=""><div class="col-md-3 col-sm-4 col-xs-12 msuploadContainer">
 
{{{field|group-machine-image|uploadable|size=25|class=group-logo|image preview}}}
 
</div><div class="col-md-9 col-sm-8 col-xs-12">
 
<div><p class="machines-form-first">{{int:wf-formgroup-fieldname-machinename}} </p>{{{field|group-machine-name|input type=text}}}</div>
 
<div><p class="machines-form">{{int:wf-formgroup-fieldname-description}}</p>{{{field|group-machine-description|input type=textarea|rows=2|maxlength=3000|class=form-textarea|placeholder={{int:wf-formgroup-fieldplaceholder-machinedescription}} Matériaux utilisables, surface de travail et applications possibles de cette machine}}}</div>
 
<div><p class="machines-form">{{int:wf-formgroup-fieldname-tarifsconditions}} </p>{{{field|group-machine-conditions|input type=textarea|rows=2|maxlength=3000|class=form-textarea|placeholder={{int:wf-formgroup-fieldplaceholder-machinetarif}}Ex: 20€/h. Utilisation encadrée par un responsable.}}}</div>
 
</div></div><hr>{{{end template}}}
 
{{{for template|Group_Event|multiple|maximum instances=100|add button text=+ {{int:wf-formgroup-button-addevent}}|embed in field=Group Tabs[Group_Event]}}}
 
<div class="row">
 
<div class="col-md-3 col-sm-3 col-xs-4 edit-form-title">{{int:wf-formgroup-fieldname-event-name}}</div>
 
<div class="col-md-9 col-sm-9 col-xs-8 table-edit-form">{{{field|group-event-title|input type=text}}}</div>
 
<div class="col-md-3 col-sm-3 col-xs-4 edit-form-title">{{int:wf-formgroup-fieldname-event-description}}</div>
 
<div class="col-md-9 col-sm-9 col-xs-8 table-edit-form">{{{field|group-event-description|input type=text}}}</div>
 
<div class="col-md-3 col-sm-3 col-xs-4 edit-form-title">{{int:wf-formgroup-fieldname-event-address}}</div>
 
<div class="col-md-9 col-sm-9 col-xs-8 table-edit-form">{{{field|group-event-address|input type=text|placeholder=Place de la république. 75011 Paris}}}</div>
 
<div class="col-md-3 col-sm-3 col-xs-4 edit-form-title">{{int:wf-formgroup-fieldname-event-date}}</div>
 
<div class="col-md-9 col-sm-9 col-xs-8 table-edit-form">{{{field|group-event-date|input type=datepicker
 
|week start=1
 
|date format=dd.mm.yy}}}</div>
 
<div class="col-md-3 col-sm-3 col-xs-4 edit-form-title">{{int:wf-formgroup-fieldname-event-link}}</div>
 
<div class="col-md-9 col-sm-9 col-xs-8 table-edit-form">{{{field|group-event-url|input type=text}}}</div>
 
</div><hr>
 
{{{end template}}}</div></div>
 
 
 
<hr class="WfEndForm">
 
<hr class="WfEndForm">
<div class="saving-menu"><span class="display-none">{{{standard input|watch}}} {{{standard input|saveDraft}}}</span>{{{standard input|cancel}}}{{{standard input|save and continue}}}{{{standard input|save}}}<span id="loaderSave"><i class="fa fa-spinner fa-pulse fa-2x fa-fw "></i></span>
+
<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>

Revision as of 10:25, 20 November 2018