[TUTO noodom] Widget nooPickAColor

[noodom]

Bonsoir,

Je vous propose un nouveau widget pour simplifier la saisie d’une couleur tout en laissant le maximum de possibilité de personnaliser la couleur souhaitée :

Les paramètres sont les suivants :

• showBasicColors : affiche l’onglet ‹ Couleurs basiques › (par défaut 1)
• showSavedColors : affiche l’onglet ‹ Sauvegardes › de la liste des dernières couleurs sélectionnées (par défaut 1)
• showAdvanced : affiche l’onglet ‹ Mode avancé › (par défaut 1)
• fadeMenuToggle : affiche un effet d’ouverture et fermeture progressif de la popup (par défaut 1)
• showHexInput : affiche la valeur de la couleur (par défaut 0)
• showSpectrum : affiche le spectre de la couleur correspondante dans l’onglet ‹ Couleurs basiques › (par défaut 1)
• basicColors : liste de couleurs basiques personnalisées, ex : Poubelle verte:'#008000',Poubelle jaune:'#ff0',Poubelle marron:'#5b3c11',Poubelle bleue:'#00f'

Le code et les explications d’installation sont accessibles ici :

• Onglet « Couleurs basiques » :
  – permet de sélectionner directement les couleurs les plus courantes
  – possibilité de personnaliser la couleur à l’aide de son spectre, qu’il est possible de cacher par paramètre optionnel showSpectrum=0/1). Il suffit ensuite de sélectionner le bouton « Sélection » pour valider son choix.
  – possiblité de ne pas l’afficher à l’aide du paramètre optionnel showBasicColors=0/1

• Onglet « Sauvegardes » :
  – permet de sélectionner directement les dernières couleurs déjà sélectionnées (supprimer des sélections les plus anciennes lorsque le maximum de 32 est atteint)
  – possiblité de ne pas l’afficher à l’aide du paramètre optionnel showSavedColors=0/1

• Onglet « Mode avancé » :
  – permet de paramétrer de façon plus précise une couleur avec les critères Hue, Luminosité et Saturation
  – une prévisualisation est visible en bas d’onglet. Il suffit de la sélectionner pour prendre en compte ce paramétrage.
  – possiblité de ne pas l’afficher à l’aide du paramètre optionnel showAdvanced=0/1

• Possibilité d’afficher la valeur hexadécimale sélectionnée avec le paramètre optionnel showHexInput=0/1

• Ouverture et fermeture progressives de la popup en fonction du paramètre optionnel fadeMenuToggle=0/1

[noodom]

Sur la vidéo de l’exemple, je me suis amusé imaginer une application concrète pour donner un exemple concret d’utilisation :
Association de la valeur de la couleur sélectionnée depuis mon widget neonButton à l’aide mon scénario de modification des paramètres :

Déclencheur : changement de couleur depuis nooPickAColor

Exécution du scénario :
1.Récupération de la valeur de la couleur du virtuel nooPickAColor

2. Affectation de la couleur au paramètre backgroundColorFromOn de la commande [Widgets Tests][neonButton][toggle]
3. Affectation de la couleur au paramètre backgroundColorFromOff de la commande [Widgets Tests][neonButton][toggle]
4. Affectation de la couleur au paramètre colorTextOn de la commande [Widgets Tests][neonButton][toggle]

Liens concernés :

[TUTO noodom] nouveau widget nooNeonButton

Bonsoir, Je vous propose un nouveau widget pour afficher un bouton Toogle. [neonButton] Les paramètres sont les suivants : backgroundColorFromOn : couleur de début du dégradé du bouton On (‹ #70a1ff › si non renseigné) backgroundColorToOn : couleur de fin du dégradé du bouton On (‹ #1e90ff › si non renseigné) backgroundColorFromOff : couleur de début du dégradé du bouton Off (‹ #333 › si non renseigné) backgroundColorToOff : couleur de fin du dégradé du bouton Off (‹ #000 › si non rense…

[TUTO noodom] Modification dynamique de paramètres de commande associée à un widget

Bonjour à tous, Je vous propose un scénario permettant de modifier simplement et dynamiquement les paramètres d’une commande associée à un widget. Il suffit de copier le code du fichier blocCodeModificationParametre.php dans un bloc code de scénario et d’appeler ce scénario en passant comme paramètres la commande (id ou nom) et le paramètre à modifier (nom et valeur). Le code et la documentation sont à récupérer ici : Les exemples décrits dans la documentation concernent les paramètres de …

[noodom]

Bugs/Comportements connus de ce widget :

• Problèmes d’affichage selon la sélection ou non des onglets :
  – sélection unique de l’onglet ‹ Mode avancé › : le fond n’est pas complet => Non reproduit, à suivre.
  – sélection unique de l’onglet ‹ Sauvegardes › : l’onglet ‹ Couleurs basiques › est affiché aussi => Not a bug, si pas de possibilités de sélectionner une couleur en mode avancé, on force l’affichage de l’onglet des couleurs basiques. A voir si préférable d’autoriser l’affichage seul des sauvegardes (malgré un risque de liste vide…)

• Il est nécessaire d’ajuster la taille du widget à la taille de la popup ouverte pour qu’elle ne soit pas coupée

[patrice_payen]

Bonjour,

J’ai surement fait quelque chose qui conduit à cela mais je ne trouve pas la cause.

Je ne vois pas le moyen de saisir la couleur.
Une idee?

Patrice

[noodom]

Salut,

Tu peux ouvrir la console de ton navigateur, aller dans ta pièce Salon et regarder l’erreur remontée ?
(Tu devrais avoir un numéro et/ou pouvoir cliquer dessus pour pointer sur la ligne en erreur)

[patrice_payen]

DevTools failed to load SourceMap: Could not load content for chrome-extension://pgjjikdiikihdfpoppgaidccahalehjh/webspeed.js.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME
DevTools failed to load SourceMap: Could not load content for https://xxx/3rdparty/jquery.contextMenu/jquery.contextMenu.min.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
DevTools failed to load SourceMap: Could not load content for chrome-extension://pgjjikdiikihdfpoppgaidccahalehjh/webspeed.js.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME
10[Violation] Added non-passive event listener to a scroll-blocking <some> event. Consider marking event handler as 'passive' to make the page more responsive. See <URL>
jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2 [Violation] 'setTimeout' handler took 102ms
jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2 [Deprecation] Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help, check https://xhr.spec.whatwg.org/.
send @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
ajax @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
jeedom.object.byId @ getResource.php?file=core/js/object.class.js&md5=cd5a69adaf185c27a43dce2ae13fd6c3&lang=fr_FR:225
jeedom.object.getImgPath @ getResource.php?file=core/js/object.class.js&md5=cd5a69adaf185c27a43dce2ae13fd6c3&lang=fr_FR:322
(anonymous) @ getResource.php?file=desktop/js/dashboard.js&md5=beb3006de93c7e08e58ab4768e944df8&lang=fr_FR:28
setTimeout (async)
(anonymous) @ getResource.php?file=desktop/js/dashboard.js&md5=beb3006de93c7e08e58ab4768e944df8&lang=fr_FR:26
e @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
t @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
setTimeout (async)
(anonymous) @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
c @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
fireWith @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
fire @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
c @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
fireWith @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
ready @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
B @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
getResource.php?file=desktop/js/dashboard.js&md5=beb3006de93c7e08e58ab4768e944df8&lang=fr_FR:26 [Violation] 'setTimeout' handler took 114ms
DevTools failed to load SourceMap: Could not load content for https://xxx/3rdparty/jquery.contextMenu/jquery.contextMenu.min.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
2VM217:7 Uncaught SyntaxError: Unexpected token '<'
    at b (jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2)
    at Function.globalEval (jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2)
    at Object.dataFilter (jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2)
    at jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
    at l (jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2)
    at XMLHttpRequest.<anonymous> (jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2)
    at Object.send (jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2)
    at Function.ajax (jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2)
    at Function.S._evalUrl (jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2)
    at Pe (jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2)
b @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
globalEval @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
dataFilter @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
(anonymous) @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
l @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
(anonymous) @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
send @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
ajax @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
S._evalUrl @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
Pe @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
append @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
S.fn.<computed> @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
$.include @ jquery.utils.js?md5=770c81874df2027d4a24ae3d4df3c100:239
(anonymous) @ nooscript.js:2
b @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
Pe @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
append @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
(anonymous) @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
$ @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
html @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
success @ getResource.php?file=desktop/js/dashboard.js&md5=beb3006de93c7e08e58ab4768e944df8&lang=fr_FR:457
success @ getResource.php?file=core/js/private.class.js&md5=7e00d774b14e38f2c73e1d391e0bf62e&lang=fr_FR:114
c @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
fireWith @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
l @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
(anonymous) @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
load (async)
send @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
ajax @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
S._evalUrl @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
Pe @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
append @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
S.fn.<computed> @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
$.include @ jquery.utils.js?md5=770c81874df2027d4a24ae3d4df3c100:239
(anonymous) @ nooscript.js:2
b @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
Pe @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
append @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
(anonymous) @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
$ @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
html @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
success @ getResource.php?file=desktop/js/dashboard.js&md5=beb3006de93c7e08e58ab4768e944df8&lang=fr_FR:457
success @ getResource.php?file=core/js/private.class.js&md5=7e00d774b14e38f2c73e1d391e0bf62e&lang=fr_FR:114
c @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
fireWith @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
l @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
(anonymous) @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
load (async)
send @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
ajax @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
jeedom.object.toHtml @ getResource.php?file=core/js/object.class.js&md5=cd5a69adaf185c27a43dce2ae13fd6c3&lang=fr_FR:132
getObjectHtml @ getResource.php?file=desktop/js/dashboard.js&md5=beb3006de93c7e08e58ab4768e944df8&lang=fr_FR:444
(anonymous) @ index.php?v=d&p=dashboard&object_id=10:274
jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2 [Violation] 'load' handler took 284ms
[Violation] Forced reflow while executing JavaScript took 120ms
jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2 jQuery.Deferred exception: myCmd.pickAColor is not a function TypeError: myCmd.pickAColor is not a function
    at HTMLDocument.<anonymous> (nooscript.js:31:15)
    at e (https://xxx/3rdparty/jquery/jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2:30005)
    at t (https://xxx/3rdparty/jquery/jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2:30307) undefined
S.Deferred.exceptionHook @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
t @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
setTimeout (async)
(anonymous) @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
c @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
add @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
(anonymous) @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
Deferred @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
then @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
S.fn.ready @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
(anonymous) @ nooscript.js:3
$.include @ jquery.utils.js?md5=770c81874df2027d4a24ae3d4df3c100:251
(anonymous) @ nooscript.js:2
b @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
Pe @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
append @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
(anonymous) @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
$ @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
html @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
success @ getResource.php?file=desktop/js/dashboard.js&md5=beb3006de93c7e08e58ab4768e944df8&lang=fr_FR:457
success @ getResource.php?file=core/js/private.class.js&md5=7e00d774b14e38f2c73e1d391e0bf62e&lang=fr_FR:114
c @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
fireWith @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
l @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
(anonymous) @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
load (async)
send @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
ajax @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
jeedom.object.toHtml @ getResource.php?file=core/js/object.class.js&md5=cd5a69adaf185c27a43dce2ae13fd6c3&lang=fr_FR:132
getObjectHtml @ getResource.php?file=desktop/js/dashboard.js&md5=beb3006de93c7e08e58ab4768e944df8&lang=fr_FR:444
(anonymous) @ index.php?v=d&p=dashboard&object_id=10:274
jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2 Uncaught TypeError: myCmd.pickAColor is not a function
    at HTMLDocument.<anonymous> (nooscript.js:31)
    at e (jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2)
    at t (jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2)
(anonymous) @ nooscript.js:31
e @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
t @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
setTimeout (async)
S.readyException @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
(anonymous) @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
e @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
t @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
setTimeout (async)
(anonymous) @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
c @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
fireWith @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
fire @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
c @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
fireWith @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
t @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
setTimeout (async)
(anonymous) @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
c @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
add @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
(anonymous) @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
Deferred @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
then @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
S.fn.ready @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
(anonymous) @ nooscript.js:3
$.include @ jquery.utils.js?md5=770c81874df2027d4a24ae3d4df3c100:251
(anonymous) @ nooscript.js:2
b @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
Pe @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
append @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
(anonymous) @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
$ @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
html @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
success @ getResource.php?file=desktop/js/dashboard.js&md5=beb3006de93c7e08e58ab4768e944df8&lang=fr_FR:457
success @ getResource.php?file=core/js/private.class.js&md5=7e00d774b14e38f2c73e1d391e0bf62e&lang=fr_FR:114
c @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
fireWith @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
l @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
(anonymous) @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
load (async)
send @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
ajax @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
jeedom.object.toHtml @ getResource.php?file=core/js/object.class.js&md5=cd5a69adaf185c27a43dce2ae13fd6c3&lang=fr_FR:132
getObjectHtml @ getResource.php?file=desktop/js/dashboard.js&md5=beb3006de93c7e08e58ab4768e944df8&lang=fr_FR:444
(anonymous) @ index.php?v=d&p=dashboard&object_id=10:274
kwift.CHROME.min.js:17 [Violation] 'requestIdleCallback' handler took 233ms
DevTools failed to load SourceMap: Could not load content for https://xxx/3rdparty/highstock/highstock.js.map: Load canceled due to load timeout
DevTools failed to load SourceMap: Could not load content for https://xxx/3rdparty/highstock/highcharts-more.js.map: Load canceled due to load timeout
DevTools failed to load SourceMap: Could not load content for https:/xxx/3rdparty/highstock/modules/solid-gauge.js.map: Load canceled due to load timeout
DevTools failed to load SourceMap: Could not load content for https:/xxx/3rdparty/highstock/modules/exporting.js.map: Load canceled due to load timeout
DevTools failed to load SourceMap: Could not load content for https://xxx/3rdparty/highstock/modules/offline-exporting.js.map: Load canceled due to load timeout
DevTools failed to load SourceMap: Could not load content for https:/xxx/3rdparty/jquery.contextMenu/jquery.contextMenu.min.css.map: Load canceled due to load timeout
DevTools failed to load SourceMap: Could not load content for https://xxx/3rdparty/highstock/highstock.js.map: Load canceled due to load timeout
DevTools failed to load SourceMap: Could not load content for https://xxx/3rdparty/highstock/highcharts-more.js.map: Load canceled due to load timeout
DevTools failed to load SourceMap: Could not load content for https://xxx/3rdparty/highstock/modules/solid-gauge.js.map: Load canceled due to load timeout
DevTools failed to load SourceMap: Could not load content for https://xxx/3rdparty/highstock/modules/exporting.js.map: Load canceled due to load timeout
DevTools failed to load SourceMap: Could not load content for https://xxx/3rdparty/highstock/modules/offline-exporting.js.map: Load canceled due to load timeout
DevTools failed to load SourceMap: Could not load content for https://xxx/3rdparty/jquery.contextMenu/jquery.contextMenu.min.css.map: Load canceled due to load timeout

[noodom]

@patrice_payen

(anonymous) @ nooscript.js:31

Tu dois pouvoir cliquer sur la ligne (anonymous) @ nooscript.js:31 et voir où elle pointe dans le code ?

Sinon, tu as des saisi des paramètres optionnels ?

[patrice_payen]

@noodom

(anonymous) @ nooscript.js:31

Aucun parametres

[noodom]

Tu as bien inclus les fichiers suivants et ils sont bien présents dans cette arborescence ?

• data/customTemplates/dashboard/cmd.action.color.nooPickAColor/pick-a-color-1.2.3.min.css
• data/customTemplates/dashboard/cmd.action.color.nooPickAColor/pick-a-color.min.js
• data/customTemplates/dashboard/cmd.action.color.nooPickAColor/tinycolor-0.9.15.min.js

[patrice_payen]

Oui via l’action « ajouter des fichiers »

[patrice_payen]

J’ai trouvé. Les fichiers etaient des fichiers avec du code html et non js.

Merci de ton aide.

Il serait super que l’on ait pas à avoir une tuile de la taille du popup.

[noodom]

Parfait !

Par contre, je n’ai pas compris ta remarque : « Les fichiers etaient des fichiers avec du code html et non js. »
Tu as modifié quoi pour que ça marche ?

Pour le problème de la taille de la tuile, je ne sais en effet pas encore comment gérer ce problème.

[patrice_payen]

Export depuis GitHub s’est mal fait. En faisant « enregistrer sous », thé code html de la page à été sauvegardé et pas le fichier lui-meme

[noodom]

Ok je comprends mieux😉

[noodom]

Bonsoir,

Ajout d’un nouveau paramètre optionnel permettant de définir ses propres couleurs basiques :

basicColors : liste de couleurs basiques personnalisées, ex : Poubelle verte:'#008000',Poubelle jaune:'#ff0',Poubelle marron:'#5b3c11',Poubelle bleue:'#00f'

L’ajout de ce paramètre supprimera le spectre de ces couleurs (le spectre est alors visible seulement avec les couleurs basiques définies par défaut)