Afficher/masquer la grille

Serveur :

Guide des applications


Ce site est à destination des chefs de projets et développeurs d’iMDEO chargés de la conception et du développement des applications web du Groupe Hervé.

Il s'agit d'un référentiel répertoriant les éléments standards utilisés au sein des applications du Groupe Hervé.

La charte graphique proposée au cours de l’année 2013 est en évolution ; de nouveaux composants, de nouvelles mises en page peuvent l’enrichir au fur et à mesure de son application.

Guide de conception

Ce guide permet de vous éclairer sur la mise en oeuvre de la nouvelle charte. Il est agrémenté de d'aide dans le choix de certains composants ou de mises en forme, ainsi qu'un rappel sur les régles ergonomiques de base.

Guide de conception v1.1


Thèmes par famille d'applications

Ressources Humaines

Thème BLEU
Valeur primaire : #5c8bad,
Valeur secondaire : #e0ebf2

Commercial et Ingénierie de l’offre

Thème VERT
Valeur primaire : #789e6e,
Valeur secondaire : #e7efe4

Mesures, Analyses et Amélioration

Thème ANIS
Valeur primaire : #909f57,
Valeur secondaire : #f0f4e2

Techniques et Méthodes, SSE et Production

Thème BEIGE
Valeur primaire : #9e8d55,
Valeur secondaire : #eee7d2

Achats métier et Logistique

Thème JAUNE D'OR
Valeur primaire : #cf9532,
Valeur secondaire : #faedd7

Juridique

Thème ORANGE
Valeur primaire : #c96209,
Valeur secondaire : #f9e2ce

Gestion budgétaire

Thème ROUGE
Valeur primaire : #a63a2f,
Valeur secondaire : #f1d9d6

Compta - Paie et Finance

Thème VIOLET
Valeur primaire : #8a679a,
Valeur secondaire : #ebe3ee



Mises à jour


Application

  • Détails des mises à jour Afficher

    29/11/2018 (V1.7.4) :

    • [Buttons] - Design : Flat design des boutons, mise en évidence des boutons d'action principaux.

    15/01/2018 (V1.7.3) :

    • [Autocompletion] - technique : ajout de l'évènement "autocompletionchange" pour tracker la modification de la valeur du champ.
    • [Autocompletion] - technique : ajout de la possibilité de mettre du html dans les résultats de la recherche intuitive.

    31/07/2017 (V1.7.2) :

    • [Daterangepicker] - Agrandisement taille du champ (pour IE)
    • [Daterangepicker] - Correction problème d'affichage dans une popup.

    31/07/2017 (V1.7.1) :

    • [Tablesorter] - Correction des flèches de tri qui ne s'actualisaient plus.
    • [Daterpicker] - Correction problème du calendrier qui ne s'affichait plus
    • [Daterangepicker] - Migration vers version 2.1.25 du composant (nécessaire faire fonctionner le composant sans bouton appliquer et avec masque de saisie lorsqu'on vide le champ)
    • [Multi Select] - Correction visuelle du champ qui se superposait à l'autre
    • [Bandeau] - Correction de la page de test du bandeau des applications qui ne fonctionnait pas en production

    13/07/2017 (V1.7.0) :

    • Attention cette version requiert la version minimale 1.7.7 de la brique com.gh.charte
    • [Tablesorter] - Correction problème d'affichage des tableaux sous IE11
    • [Select Simple] - Ajout d'un select simple avec champ de recherche
    • [Multi Select] - Ajout d'un select multiple avec champ de recherche (type inline)
    • [Editeur wysiwyg] - Francisation
    • [Editeur wysiwyg] - Déclinaison des 3 modes mini, medium et maxi
    • [Editeur wysiwyg] - Ajout de l'insertion de liens (mode medium et maxi)
    • [Notifications] - Ajustement de la durée des notifications
    • [Notifications] - Si 2 notifications identiques on n'affiche pas la suivante
    • [Autocompletion] - Supprimer "croix" dans champs texte sur IE11
    • [Sidemessage] - Corrections sur leur positionnement (notamment dans les modales)
    • [Daterangepicker] - Migration vers nouvelle version du composant
    • [Daterangepicker] - Suppression du bouton "Appliquer", l'enregistrement se fait automatiquement sur sélection de la date
    • [Daterangepicker] - Migration vers version 1.3.23 du composant (nécessaire pour évolution sur le bouton appliquer)
    • [Bootstrap] - Migration vers version 2.3.2
    • [jQuery UI] - Migration vers version 1.12.1
    • [jQuery Migrate] - Migration vers version 1.4.1
    • [Moment] - Migration vers version 2.18.1

    04/11/2016 (V1.6.12) :

    • [DoubleSelect] - Correction pour les intitulés longs
    • [Tableau] - Ajout de "stamps" pour indiquer les états
    • [Loader] - Correction Gif du Loader (thème : Techniques et méthodes, SSE et production) : Ticket mantis #8370
    • [Recherche] - Correction recherché (simple et avancée) afin d'éviter le problème de mise en forme lorsque l'utilisateur zoom sur le navigateur.

    11/05/2015 (V1.6.11) :

    • [Autocompletion] - Correction d'un bug sur la méthode reset (readonly)
    • [DatePicker] - Fond gris sur les colonnes des week-end et du numéro de semaine
    • [Sidemessage] - Ajout d'une méthode destroy pour détruire le composant

    06/02/2015 (V1.6.10) :

    • [Loader] - Ajout du loader décliné selon le thème utilisé (page Structures > Actions transverses (+loader))
    • [Lightbox] - Ajout du pied de page pour soumission de formulaire (hors recherche)
    • [Lightbox] - Correction d'un bug sur le mode inline
    • [Formulaire] - Ajout séparateur de type HR (page Formulaires > Elements simples)
    • [Multidevise] - Ajout du choix de la devise courante au niveau de la barre d'application (page Structures > Multidevise)
    • [Etiquette] - Ajout de la fonctionnalité (page Structures > Etiquette et actions transverses)
    • [404] - Ajout de la page 404 (page Structures > Page 404)

    10/09/2014 (V1.6.9) :

    • Correction bugs divers.

    10/09/2014 (V1.6.8) :

    • [Autocomplete] - Ajout de la possibilité de modifier certains paramètres après initialisation
    • [Lightbox] - Correction d'un bug sur les boutons ajoutés (callback appelés plusieurs fois si réinitialisation du composant)

    01/08/2014 (V1.6.7) :

    • [Autocomplete] - Correction bug sur chargement des images de personnes
    • [Show/Hide] - Amélioration pour dynamisation des libellés

    17/06/2014 (V1.6.6) :

    • Ajout des styles pour le bandeau d'environnements (DEV, INT, REC)

    06/06/2014 (V1.6.5) :

    • [SideMessage] - Correction bug pour déclaration d'un tableau de messages

    03/06/2014 (V1.6.4) :

    • [Champs de formulaire] - Correction régression suite intégration composant placeholder pour IE

    23/05/2014 (V1.6.3) :

    • Ajout de la documentation des composants

    09/05/2014 (V1.6.2) :

    • [Notification] - Ajout de la croix de fermeture sur les notifications de succès
    • [TextInput, Textarea] - Gestion des placeholders sous IE
    • [Tous les composants] - Possibilité de passer tous les paramètres des composants de base à travers le composant de la charte
    • [Lightbox] - Correction de bugs en lien avec les SideMessages

    10/03/2014 (V1.6) :

    • [DateRangePicker] - Correction du bug lorsque l'on vide le champ (les calendriers se repositionnent sur la date du jour et plus au 01/01/1800)
    • [Lightbox] - Ajout d'un paramètre cache (à false par défaut) permettant de forcer la mise en cache du contenu lors d'un chargement AJAX
    • [SimpleContent] - Ajout d'une classe "simple-content" permettant d'aligner du contenu autre que composants face au label dans un formulaire
    • [SideMessage] - Remplacement de l'image (croix) de fermeture par un caractère spécial (cela permet d'éviter les problèmes de chemin vers le images)
    • [Autocompletion] - Ajout d'un padding à droite pour éviter que le texte ne déborde sur les boutons d'action
    • [WYSIWYG] - Correction du data-linkage + amélioration focus du composant + amélioration HTML de base
    • [Autocompletion] - Initialisation du composant avec une valeur par défaut (ajout des paramètres defaultLabel et defaultPicture)
    • [Autocompletion, upload, multiselect et WYSIWYG] - Implémentation méthodes disable/enable + makeReadonly/makeWritable
    • [Autocompletion, upload, multiselect et WYSIWYG] - Surcharge de l'évènement reset du formulaire
    • [Entete] - Correction taille de la photo de l'utilisateur connecté
    • [Upload] - Correction du noms des champs générés dynamiquement : on reprend le nom de l'input sur lequel on créé le composant (et non plus "pjs" par défaut)
    • [Upload] - Ajout du data-linkage pour affichage des messages d'erreurs automatiques
    • [Lightbox] - Correction du problème de hauteur lors d'un chargement AJAX
    • [Lightbox] - Amélioration pour composants DatePicker et SimpleMultiselect dans lightbox
    • [DoubleMultiselect] - Inversion des 2 colonnes
    • [Champs de formulaire] - Ajout d'une classe error directement sur les champs pour effet de surbrillance
    • [Autocompletion] - Ajout des paramètres showSearch et showSelf permettant de désactiver les icônes Loupe et Moi-même

    25/11/2013 :

    • Nouvelle apparence des boutons principaux (primary button).

    22/11/2013 :

    • Création de la page /reference/proto.php pour les éléments créés dans des applications du groupe à la charte mais pas encore validés officiellement
    • Mise à jour du css pour les éléments de la page proto (en bas de la css style-charte-grp.css)

    06/11/2013 :

    • Renommage de la class "label" en "stamp" (pastilles de couleurs)
    • Ajout de différentes classes outils (en bas de style-charte-grp.css)

    31/10/2013 :

    • Ajout de texte explicatif complémentaires sur les éléments des différentes pages
    • Création de la page "Gestion des tailles des éléments" dans la rubrique "Formulaires"

    18/09/2013 :

    • Francisation des datepicker et daterangepicker
    • Ajout d'un masque de saisi dans les datepicker et daterangepicker
    • Modification des couleurs de thèmes

    18/07/2013 :

    • Ajout des boutons radio, checkbox et multi-checkbox dans la page "Formulaires > Elements simples"

    09/07/2013 :

    • Précision thèmes en page d'accueil
    • Ajout navigation second niveau sur pages formulaires

    05/07/2013 :

    • Finalisation nouveau DoubleMultiselect
    • Modification des modales (gestion des boutons)
    • Intégration du Layout de page de login
    • Ajout du composant d'upload multifichier

    02/07/2013 :

    • Ajout de la class "no-label" pour aligner les element aux autres labels quand ils n'en ont pas.
    • Style Datarange picker
    • Style bouton Afficher / masquer

    24/06/2013 :

    • Ajout du JS pour afficher/masquer plus de critère dans le layout de recherche avancée
    • Ajout de champ dans le formulaire simple
    • Ajout de la fleche de selection quand une option de format de tableau est selectionnée (class selected)
    • Modification de la position des vignettes dans les tableau
    • Retouche de padding et line height sur les éléments pour ajuster à la charte

    21/06/2013 :

    • Ajout des styles de bouton dans la page formulaire
    • Ajout de la page Navigation
    • Ajout de la page Layout avec ses pages de sous menu
    • Ajout de la page Onglet
    • Ajout des images des thèmes
    • Ajout d'une classe clearfix dans le JS des lightbox
    • Modification des titre H1 H2 (dans editorial + sur les pages)
    • Retouche d'un selecteur pour une couleur dans les thèmes
    • Composant upload fichier
    • Correction du PIE.htc pour dégradés sous IE

    20/06/2013 :

    • Ajout du datepicker dans la page Formulaires
    • Ajout des popups d'erreur, info dans la page Formulaires
    • Modification du panel d'options
    • Modification de l'onglet Layout pour gérer un dropdown
    • Modification des titres des pages
    • Corrections styles modales

    19/06/2013 :

    • Ajout du composant autocomplete dans la page Formulaires
    • Ajout d'exemples notifications dans la page Ediotrial

    18/06/2013 :

    • Ajout de la page Modales
    • Ajout d'exemples de modales statiques
    • Ajout d'exemples de modales dynamiques (AJAX et IFRAME)
    • Petites corrections sur le double multiselect
    • Modifications sur la sélection des thèmes

    17/06/2013 :

    • Ajout de la page Tableaux
    • Ajout d'exemples de tableaux statiques
    • Ajout d'exemples de tableaux avec tri
    • Ajout des exemples de notifications dans la page éditorial
    • Intégration de la page formulaire (avec gestion des tailles en classes span)
Guide de conception

  • V 1.1 : Version initiale du document