day calendar

Calendrier de jour

Essayez la démo

Cette application rend une série d'événements sur un calendrier d'une seule journée. Il faut un tableau d'objets JavaScript qui contient l'heure de début et de fin de l'événement:

 [
    { start : 30 , end : 120 } ,
    { start : 300 , end : 330 } ,
    { start : 290 , end : 330 }
]

Les chiffres sont à quelques minutes depuis 9h (donc 30 sont 9h30, 120 est 11h etc.). Seul la journée de travail de 9h à 18h est montrée.

Interface utilisateur?

Instructions

Vous pouvez interagir avec le calendrier et passer un tableau d'objets JavaScript sur la console à l'aide de la fonction de rendu ()

 renderDay ( [
    { 
        start : 200 ,
        end :   270
     }
 ] ) ;

Instructions d'installation

Si vous êtes nouveau dans GitHub, vous pouvez trouver un tutoriel rapide ici.

(1) Télécharger le référentiel et l'ouvrir

git clone https://github.com/tobiasbueschel/day-calendar.git
cd day-calendar

(2) installer des modules de nœud

sudo npm install

(3) installer des composants de bower

bower install

(4) exécuter l'application et apporter des modifications

Le projet utilise le grognement du coureur de tâche JavaScript. Les commandes suivantes seront utiles:

• grunt dev exécute la version de développement de l'application
• grunt prod gère la version de production de l'application
• grunt inject Injecte les composants de bower dans index.html

Contributif

N'hésitez pas à envoyer une demande de traction. Si vous trouvez des bogues, veuillez le signaler sur la page du problème.

Références et technologie utilisées

• Angularjs
• Tonnelle
• Grognement

Licence

Voir la licence MIT.