Auteur Sujet: Ajout : Saut direct à une date  (Lu 655 fois)

Manu

  • Newbie
  • *
  • Messages: 6
    • Voir le profil
Ajout : Saut direct à une date
« le: 24 juin 2017, 08:56:16 »
Bonjour,

Voilà une petite amélioration pour permettre aux utilisateurs de sauter directement à une date précise du calendrier sans être obligé de cliquer sur "Suivant" comme un malade.

Placement d'un objet de sélection de date dans la vue générale du calendrier :

Fichier : app/View/Events/index.cpt
Avant la ligne 21 :
</h1>Insérer :
<div class="pull-right span3" id="gotoDate">
<div class="input-prepend input-append">
<span class="add-on"><span class="fa fa-calendar"></span></span>
<input type="text" name="eventGoToDate" value="" class="input-medium" placeholder="<?php echo __('Go to date');?>" />
<button class="btn btn-success"><?php echo __('Jump');?></button>
</div>
</div>

Les commandes js :

Fichier : app/webroot/js/scripts.js
Dans la partie "Events" (ligne 185+) ajouter :
    $("#gotoDate input").datepicker({
        defaultDate: "+1d",
        changeMonth: true,
        changeYear: true,
        numberOfMonths: 1,
        dateFormat: 'dd/mm/yy',
        minDate: new Date()
    });
et
    $("#gotoDate").on('click', 'button', function(e) {
        e.preventDefault();

        var datePicked = $(this).prev('input').val();
        if(!datePicked.length) {
            $(this).prev('input').addClass('form-error').focus();
        }else {
            var dates = datePicked.split('/');
            window.location = site_url+'events/index/m:'+dates[1]+'/y:'+dates[2];
        }
    });

Traductions :

Dans les divers fichiers de traduction default.po ajouter :
msgid "Go to date"
msgstr "Choix de la date"

msgid "Jump"
msgstr "Aller"

Ne pas oublié de vider les caches pour remettre à zéro les fichiers de langues.

That's all folks
« Modifié: 24 juin 2017, 09:04:05 par Manu »