Quelques gabarits html5 pour FrontEndUsers 1.22.3

Quelques gabarits html5 pour FrontEndUsers 1.22.3 - Version imprimable

+- Forum CMS Made Simple FR (https://www.cmsmadesimple.fr/forum)
+-- Forum : Ressources (https://www.cmsmadesimple.fr/forum/forum-4.html)
+--- Forum : Développement et Astuces (https://www.cmsmadesimple.fr/forum/forum-15.html)
+--- Sujet : Quelques gabarits html5 pour FrontEndUsers 1.22.3 (/thread-3119.html)

Quelques gabarits html5 pour FrontEndUsers 1.22.3 - ceck - 13/02/2014

Bonjour,

CMS Made Simple, sa communauté, et ses modules sont tellement géniaux que je me sens motivé pour apporter une (modeste) contribution.
Il s'agit de quelques gabarits pour FrontEndUsers 1.22.3 que j'ai un peu réécri en html5 :

[h]- connexion[/h]

Code :
[== Indéfini ==]

{* Par defaut = orig_loginform.tpl *}

<!-- FEU-connexion MIS A JOUR le 13-02-2014 -->

{* ##################################### *}

{* login form template *}

{* this is a sample template, feel free to customize it *}

{* ##################################### *}

{if isset($alt_loginform)}

    <div id="altlogin">{$alt_loginform}</div><br/>

{/if}

<fieldset style="display: block;border: 1px solid #bbb;background: #fff;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;" id="loginform">

    <legend> Vous ouvre l'accès aux contenus réservés </legend>

{$startform}

{if $error}

    <span style="color:red;font-weight:bold;">{$error}</span><br>

{/if}

    <p><label for="{$feuactionid}feu_input_username">{$prompt_username} :</label>&nbsp;{$input_username}<br /></p>

    <p><label for="{$feuactionid}feu_input_password">{$prompt_password} :</label>&nbsp;{$input_password}</p>

{if isset($captcha)}

    <p><label for="{$feuactionid}input_captcha">{$captcha_title}:</label>&nbsp;{$input_captcha}<br/>{$captcha}</p>

{/if}

{if isset($input_rememberme)}

    <p><label for="{$feuactionid}feu_rememberme">{$prompt_rememberme} :</label>&nbsp;&nbsp;{$input_rememberme}</p>

{/if}

    <p><input type="submit" name="{$feuactionid}submit" value="{$FrontEndUsers->Lang('login')}"/></p>

    <p><a href="{$url_forgot}" title="{$FrontEndUsers->Lang('info_forgotpw')}">{$FrontEndUsers->Lang('forgotpw')}</a>&nbsp;

    <a href="{$url_lostun}" title="{$FrontEndUsers->Lang('info_lostun')}">{$FrontEndUsers->Lang('lostusername')}</a></p>

{$endform}

</fieldset>

[h]- deconnexion[/h]

Code :
[== Indéfini ==]

{* Par defaut = orig_logoutform.tpl *}

<!-- FEU-connexion MIS A JOUR le 13-02-2014 -->

{* ##################################### *}

{* logout form template *}

{* this is a sample template, feel free to customize it *}

{* ##################################### *}

{if isset($alt_logoutform)}

    {$alt_logoutform}

{/if}

{if isset($message)}

    <div class="message">{$message}</div>

{/if}

{* affichage infos login *}

{$username}<br />

<a href="{$url_changesettings}" title="{$FrontEndUsers->Lang('info_changesettings')}">Editer mon compte</a><br /><br />

{if isset($url_logout)}

    <a href="{$url_logout}" title="{$FrontEndUsers->Lang('info_logout')}">

    <a href="{$url_logout}" title="{$FrontEndUsers->Lang('info_logout')}"><img src="{uploads_url}/images/icons/logout.png" width="44" height="24" alt="logout" title="{$FrontEndUsers->Lang('info_logout')}" /><img src="{uploads_url}/gabarit/clear.gif" height="24" width="40" alt="space" /></a>

{/if}

[h]- changement_des_parametres[/h]

Code :
[== Indéfini ==]

{* Par defaut = orig_changesettings.tpl *}

<!-- FEU-changesettings MIS A JOUR le 13-02-2014 -->

{* ##################################### *}

{* change settings template *}

{* this is a sample template, feel free to customize it *}

{* ##################################### *}

<!-- change settings template -->

{* {$title} *}

{if isset($message) && $message != ''}

    {if isset($error) && $error != ''}

        <p style="color: red;">{$message}</p>

    {else}

        <p>{$message}</p>

    {/if}

{/if}

<fieldset style="display: block;border: 1px solid #bbb;background: #fff;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;" id="myaccountform">

    <legend>Mettre à jour mes informations</legend>

{$startform}

    {if $controlcount > 0}

    <table style="width:100%;">

        {foreach from=$controls key='name' item=control}

        <tr>

            <td style="color:{$control->color};">

                {if isset($control->hidden)}{$control->hidden}

                {/if}

                {$control->prompt}

                {$control->marker}

            </td>

            <td>

                {if isset($control->image)}{$control->image}

                    <br/>

                {/if}

                {$control->control}{$control->addtext|default:''}

                {if isset($control->control2)}

                    {$control->prompt2}&nbsp;{$control->control2}<br/>

                {/if}

            </td>

        </tr>

        {/foreach}

    </table>

    {/if}

    {$hidden|default:''}{$hidden2|default:''}{$submit}

{$endform}

</fieldset>

<!-- change settings template -->

[h]- oubli_mot_de_passe1[/h]

Code :
[== Indéfini ==]

{* Par defaut = orig_forgotpassword1.tpl *}

<!-- FEU-forgotpassword1 MIS A JOUR le 13-02-2014 -->

{* ##################################### *}

{* forgotpassword1 template *}

{* this is a sample template, feel free to customize it *}

{* ##################################### *}

<!-- forgot password template -->

<fieldset style="display: block;border: 1px solid #bbb;background: #fff;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;" id="loginform">

<legend> {$title} </legend>

{$startform}

{if !empty($message) }

    {if !empty($error) }

        <p style="color: red;">{$message}</p>

    {else}

        <p>{$message}</p>

    {/if}

{/if}

<p>{$lostpw_message}</p>

<p>{$prompt_username}&nbsp;{$input_username}</p>

{if isset($captcha)}

    <div>{$captcha_title}<br/>{$captcha}<br/>{$input_captcha}</div>

{/if}

<p>{$hidden}{$submit}&nbsp{$cancel}</p>

{$endform}

</fieldset>

<!-- forgot password template -->

[h]- oubli_mot_de_passe3[/h]

Code :
[== Indéfini ==]

{* Par defaut = orig_forgotpassword3.tpl *}

<!-- FEU-forgotpassword3 MIS A JOUR le 13-02-2014 -->

{* ##################################### *}

{* forgotpassword3 template *}

{* this is a sample template, feel free to customize it *}

{* ##################################### *}

<!-- forgot password verification template -->

<fieldset style="display: block;border: 1px solid #bbb;background: #fff;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;" id="loginform">

<legend>Réinitialisation du mot de passe</legend>

{$startform}

{$title}

{if !empty($message)}

    {if !empty($error) }

        <p style="color: red;">{$message}</p>

    {else}

        <p>{$message}</p>

    {/if}

{/if}

<table style="width:90%;">

    <tr>

        <td style="width:120px;">{$prompt_username}</td>

        <td>{$input_username}</td>

    </tr>

    <tr>

        <td>{$prompt_code}</td>

        <td>{$input_code}</td>

    </tr>

    <tr>

        <td>{$prompt_password}</td>

        <td>{$input_password}</td>

    </tr>

    <tr>

        <td>{$prompt_repeatpassword}</td>

        <td>{$input_repeatpassword}</td>

    </tr>

</table>

<p>{$hidden}{$submit}</p>

{$endform}

</fieldset>

<!-- forgot password verification template -->

Voilà.
Si ça peut être utiles à quelques débutants (comme moi), tant mieux !

PS : je suis ouvert à toute critique constructive.

Quelques gabarits html5 pour FrontEndUsers 1.22.3 - jce76350 - 13/02/2014

Mettre ces informations sur la forge en Feature Request pour le module Frontend Users
http://dev.cmsmadesimple.org/feature_request/list/14

Quelques gabarits html5 pour FrontEndUsers 1.22.3 - Jean le Chauve - 14/02/2014

Merci beaucoup Christian Smile

Quelques gabarits html5 pour FrontEndUsers 1.22.3 - ceck - 14/02/2014

jce76350 a écrit :Mettre ces informations sur la forge en Feature Request pour le module Frontend Users
http://dev.cmsmadesimple.org/feature_request/list/14

@jce76350,

Oui, je veux bien les mettre sur la forge, mais bien qu'ayant ouvert un compte chez sourceforge.net, je ne sais pas comment procéder.
J'ai déja tenté d'envoyer des fichiers zip de mes applis mais sans succès.
Je précise que je ne suis qu'un amateur.
Y-a-t-il un article explicatif là-dessus ?

Quelques gabarits html5 pour FrontEndUsers 1.22.3 - ceck - 14/02/2014

Désolé jce76350, mais quand j'ai vu " la forge " dans ton post, j'ai tout de suite pensé à SourceForge.net...
Que je suis bête !
Je vais me créer un compte sur dev.cmsmadesimple.org et y déposer un zip de mes gabarits.

Quelques gabarits html5 pour FrontEndUsers 1.22.3 - jce76350 - 14/02/2014

Citation :mais quand j'ai vu " la forge " dans ton post, j'ai tout de suite pensé à SourceForge.net...

heu nettoie tes lunettes Cool

car je t'ai mis le lien direct du module sur la forge

Quelques gabarits html5 pour FrontEndUsers 1.22.3 - ceck - 14/02/2014

Oui, j'ai vu ton lien et j'ai fait un dépôt.
:/

Quelques gabarits html5 pour FrontEndUsers 1.22.3 - bess - 14/02/2014

Merci Christian pour le partage Smile