Projet

Général

Profil

Evolution #22108

Demande d'évolution

Ajouté par Nicolas Penot il y a plus de 6 ans. Mis à jour il y a plus de 6 ans.

Statut:
Fermé
Priorité:
Normal
Assigné à:
Version cible:
Début:
16/11/2017
Echéance:
% réalisé:

100%

Distribution:

Description

Bonjour,

Edispatcher va devenir le nouvel Intranet Académique en remplacement de posh.

Nous avons donc créer notre propre thème. Mais malgré cela, certaines modifications ont dû être faites dans des fichiers hors thème pour correspondre à des besoins cosmétiques.
Renaud m'avait parlé sur IRC qu'il y aurait peut être moyen de templétiser ces modifications.

La liste des modifications :

1) Nous avons modifié le fichier ng/public/elements/edispatcher-ressources/edispatcher-app-icon.html car nous avons fait le choix d'utiliser des icônes transparentes afin que l'icône ait la couleur de la catégorie à laquelle elle appartient.
Pour effectuer cela, nous avons modifié la ligne 172 :

<div class="icone" style$="background-image:url({{app.icon}});border-color:{{app.oCategorie.color}}">

par
<div class="icone" style$="background-image:url({{app.icon}});border-color:{{app.oCategorie.color}};background-color:{{app.oCategorie.color}}">

Nous avons donc ajouté la balise background-color:{{app.oCategorie.color}}


2) Nous avons voulu enlever la couleur de la catégorie : "Toutes les catégories". En effet, l'ensemble des couleurs des autres catégories peuvent être modifier avec le fichier ressources.config.local.php mais pas la catégorie "Toutes les catégories".
Pour cela, nous avons modifié le fichier ng/public/elements/edispatcher-ressources/edispatcher-categories.html à la ligne 162 :

<i style="color: grey" class="fa fa-square"></i>

par
<i style="color: transparent" class="fa fa-square"></i>

Nous avons donc remplacé la couleur grey par transparent.


3) Nous ne souhaitions pas utiliser le changement de la couleur suivant les profils National 4, National 6, etc.. et nous trouvions que la fonction COLORIZE assombrissait trop les couleurs des catégories, celles-ci devenant trop sombre.
Dans le fichier ng/public/elements/behaviors/AppsBehavior.html à la ligne 459 nous avons modifier dans la partie :

// Récupération des catégories ==========================================================
             $xml.find("categorie").each(function(){
               nom=xmlText(this,'nom');
               couleur=xmlText(this,'couleur') || '#EEF';
               indice=Math.abs(parseInt(xmlText(this,'indice') || "999"));
               icone=xmlText(this,'icone') || self.defaultCategorieIcon
               var key=nom.normalize()
               if (self.hashCategories[key] == undefined )
               {
                   var categorie=new Categorie({name:nom,key:key,
                                                       color:_COLORIZE(couleur,30),
                                                       icone:icone,
                                                       indice:indice});
                   self.hashCategories[key]=categorie
               }
             })

Le code :

new Categorie({name:nom,key:key,
               color:_COLORIZE(couleur,30)

par

new Categorie({name:nom,key:key,
                   color:couleur,

Nous avons donc enlever ici le _COLORIZE( et le ,30).


Voici donc les 3 modifications hors thème que nous avons faites à Caen.
Je souhaiterais réfléchir avec vous au moyen le plus propre de les intégrer afin de ne pas devoir les ré-appliquer à chaque mise à jour (et pour éviter le risque que, comme posh, les mises à jour ne soient plus effectuées car trop de modifications à ré-appliquer à chaque maj.)

Je suis ouvert à tout moyen de rendre pérenne mes modifications (création de patchs EOLE [je sais faire], création de templates [si on m'aide sur ce sujet car je n'y connais rien]).

Merci d'avance,

Nicolas.

intranet-academique-2.png Voir - Vue catégorie icone normal (209 ko) Nicolas Penot, 16/11/2017 16:04

intranet-academique-1.png Voir - Vue générale (341 ko) Nicolas Penot, 16/11/2017 16:04

intranet-academique-3.png Voir - Vue catégorie icone transparent (180 ko) Nicolas Penot, 16/11/2017 16:04

Révisions associées

Révision 077a7f8f (diff)
Ajouté par Christophe LEON il y a plus de 6 ans

fixes #22108, nouveaux attributs pour custo categorie, et backgound icon

Historique

#1 Mis à jour par Nicolas Penot il y a plus de 6 ans

Suite à la demande de Renaud sur IRC, voici ci-joint 3 captures d'écran de notre Intranet Académique.

1) Vue générale en étant sur la catégorie "Toutes les catégories"

2) Vue de la catégorie "Au quotidien" composée d'icône normal :
(Suite à la question de Renaud sur IRC : [15:54:46] <rdussol> NicolasCaen, est-ce que vous avez testé votre code avec une ou des icones non transparentes ? => Réponse oui et pas d'impact)

3) Vue de catégorie "Formation et Ressources" composée d'icônes transparentes :

#2 Mis à jour par Renaud Dussol il y a plus de 6 ans

Pour moi concernant le point 1) le code background-color:{{app.oCategorie.color}} peut être intégré sans impact, car si on souhaite utiliser des icones transparentes pour avoir la couleur de la catégorie cela marchera et si on continue à utiliser des icones non transparentes cela fonctionnera comme avant

#3 Mis à jour par Renaud Dussol il y a plus de 6 ans

Pour le point 2), créer une property sur le même type que allTitle, qui serait allColor (avec 'grey' par défaut) et dans le template, appeler le composant avec all-color='green' (ou autre couleur)
je vais le tester chez nous et voir si ça marche

#4 Mis à jour par Renaud Dussol il y a plus de 6 ans

Solution pour le Point 2) validée en test
je pense qu'on peut faire pareil pour l'icone d'ailleurs (si on veut utiliser autre chose que fa-square)
et faire pareil aussi pour le menu favoris, qui est en dur aussi

Christophe je t'ai mis en observateur car je ne sais pas si tu es averti des évolutions de la demande

#5 Mis à jour par Renaud Dussol il y a plus de 6 ans

Pour la 3eme point, je ne comprends pas à quoi sert cette fonction COLORIZE
Je l'ai enlevée chez nous et c'est vrai que les couleurs sont plus claires mais cela ne nous avait jamais vraiment gêné
Maintenant si ça ne sert à rien autant l'enlever
Je ne comprends pas non plus le rapport avec les profils
Bref ce point là est très obscur (sans jeu de mots) pour moi...

#6 Mis à jour par Renaud Dussol il y a plus de 6 ans

  • Tracker changé de Demande à Evolution

#7 Mis à jour par Christophe LEON il y a plus de 6 ans

Pour 2)

Les attributs suivants ont été ajoutés aux balises <edispatcher-applications>, <edispatcher-favoris>, <edispatcher-categories> (j'indique ici les valeurs par défaut)
  • icon-for-favoris="fa-star"
  • icon-for-all="fa-square"
  • color-for-all="gey"
  • color-for-favoris="pink"
  • favoris-title="Favoris"
  • all-title='Toutes mes applications'

#8 Mis à jour par Christophe LEON il y a plus de 6 ans

  • Statut changé de Nouveau à Accepté
  • Assigné à mis à Christophe LEON

Pour 1)

L'attribut icon-background-color a été ajouté sur <edispatcher-applications> et <edispatcher-favoris>

icon-background-color="categorie" pour avoir la couleur de la categorie
icon-background-color="#RVB" pour spécifier la même couleur pour tout
par défaut icon-background-color="transparent"

#9 Mis à jour par Christophe LEON il y a plus de 6 ans

  • % réalisé changé de 0 à 100

Pour 3)

le _COLORIZE est nécessaire pour nous car les catégories sont légèrement teintées en fonction du profil

$(window).on("edispatcher_started",function(){
_COLORIZE = function (color,weight) {
return color;
}
})

#10 Mis à jour par Christophe LEON il y a plus de 6 ans

  • Statut changé de Accepté à Résolu

#11 Mis à jour par Arnaud FORNEROT il y a plus de 6 ans

  • Version cible mis à Envole 5.7

#12 Mis à jour par Arnaud FORNEROT il y a plus de 6 ans

  • Statut changé de Résolu à Fermé

Formats disponibles : Atom PDF