[TUTO noodom] Widget nooPickAColor

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 :

nooPickAColorDemo

image

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

6 « J'aime »

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

image

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

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

Liens concernés :

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

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

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)

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

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 ?

Aucun parametres

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

Oui via l’action « ajouter des fichiers »

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.

Parfait ! :slight_smile:

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.

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

Ok je comprends mieux😉

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'

image

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)