C'est bien ce qu'il me semblait, c'était qu'un petit deja en soit.
Merci Loic !
C'est bien ce qu'il me semblait, c'était qu'un petit deja en soit.
Merci Loic !
C'est data/customTemplate/dashboardAntoinekl1 a écrit : ↑05 sept. 2019, 11:06bonjour à tous
je suis désolé, un truc m'échappe avec le nouvel outil de widget
j'ai un widget dans le plugin widget qui s'appel : badge_festdesign
suite à la mise à jour V4, ma commane s'affiche bien avec le bon design, mais il pointe sur celui du plugin si je comprends bien
je vais donc dans le nouvel outil widgte et j'ajoute un nouveau widget avec le même nom : badge_festdesign
il me retrouve les affectations, nickel
je vide le cache des widgets
ma commande n'a plus de widget qui s'affiche sur le dashboard
dans ce widget, j'ai pas d'image, donc il devrait s'afficher
il prend bien le code dans l'arbo dashboard qui s'affiche dans on va dans la partie CODE : cmd.info.binary.badge_fastdesign.html ?
si le widget utilise une image, l'ancien lien était : plugins/widget/core/template/dashboard/
qu'elle est la nouvelle arbo à mettre ?
Si qqun peut me sortir de ce brouillard
merci
Je le ferais pas en auto ca va ramener trop de truc mais tu peux le faire a la main c'est dans les répertoire que tu as cité au dessus avec pour racine /var/www/htmlAntoinekl1 a écrit : ↑05 sept. 2019, 11:32@LOIC
l'idée de pouvoir récupérer les images contenus dans le répertoire des widgets pour les insérer dans la bibliothèque des images, c'est qqchose que tu penses pouvoir faire ou je fais une crois dessus et je commande à faire les extractions ?
je sais que tu m'avais répondu que tu craignais qu'il y a beaucoup d'image inutiles et que cela risque de charger la bibliothèque, peux être que cela peut être fait en ligne de commande, si la bibliothèque et contenue dans un répertoire et pas en base de données ? ca peut se faire par une commande à la manp ?
merci, mais je n'y arrive pas, impossible de faire afficher un widget avec un code perso, il m'affiche #_iconçoff_#loic a écrit : ↑05 sept. 2019, 11:34C'est data/customTemplate/dashboardAntoinekl1 a écrit : ↑05 sept. 2019, 11:06bonjour à tous
je suis désolé, un truc m'échappe avec le nouvel outil de widget
j'ai un widget dans le plugin widget qui s'appel : badge_festdesign
suite à la mise à jour V4, ma commane s'affiche bien avec le bon design, mais il pointe sur celui du plugin si je comprends bien
je vais donc dans le nouvel outil widgte et j'ajoute un nouveau widget avec le même nom : badge_festdesign
il me retrouve les affectations, nickel
je vide le cache des widgets
ma commande n'a plus de widget qui s'affiche sur le dashboard
dans ce widget, j'ai pas d'image, donc il devrait s'afficher
il prend bien le code dans l'arbo dashboard qui s'affiche dans on va dans la partie CODE : cmd.info.binary.badge_fastdesign.html ?
si le widget utilise une image, l'ancien lien était : plugins/widget/core/template/dashboard/
qu'elle est la nouvelle arbo à mettre ?
Si qqun peut me sortir de ce brouillard
merci
m4x91 a écrit : ↑04 sept. 2019, 23:42Salut Loic,
Pour ma part c'est top et c'est ce qu'il faudrait partout
Sans valeur :
Capture d’écran 2019-09-04 à 23.47.22.png
Avec valeur à 100 (Il faut vider le cacher ou mettre un autre widget puis remettre celui modifié pour avoir la modification effective sur le dashboard) :
Capture d’écran 2019-09-04 à 23.47.16.png
PS : Au choix de l'image, sur le binaire à la place de On ou Off il faudrait mettre 0 ou 1.
PS2 : Merci pour cette belle V4 et a l'écoute que vous faites avec les users
J'ai indiqué la démarche que je faisais, la voici un peu plus complète avec le résultat de 3 tests différents
Code : Tout sélectionner
<div onClick="#lien#;" style="padding:0px;min-width:110px;min-height:90px;" class="cmd #history# container-fluid tooltips cmd-widget" data-type="info" data-version="#version#" data-eqLogic_id="#eqLogic_id#" data-subtype="binary" data-cmd_id="#id#" data-cmd_uid="#uid#" title="Valeur du #valueDate#, collectée le #collectDate#">
<center>
<span class='cmdName' style="font-weight: bold;font-size: 12px;#hideCmdName#">#name_display#</span>
<div class='displayDF#id#'></div>
<div class='boxFD#id#'>
<div class="ValueFD#id# #Ombre#">
<span class="iconeFD#id#" id="iconeFDValue#id#"></span>
</div>
</div>
</center>
<style>
@font-face {
font-family: 'Audiowide';
font-style: normal;
font-weight: 400;
src: local('Audiowide Regular'), local('Audiowide-Regular'), url(https://fonts.gstatic.com/s/audiowide/v7/l7gdbjpo0cum0ckerWCdmA_OIxo.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Audiowide';
font-style: normal;
font-weight: 400;
src: local('Audiowide Regular'), local('Audiowide-Regular'), url(https://fonts.gstatic.com/s/audiowide/v7/l7gdbjpo0cum0ckerWCdlg_O.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
div.displayFD#id# {
position: relative;
}
.boxFD#id# {
height: 70px;
width: 80px;
border-radius : 10px;
text-align: center;
}
.ValueFD#id# {
position: relative;
text-align: center;
top: 5px;
z-index:1;
border-radius : 10px;
display: block;
overflow: hidden;
width: 80px;
height : 75px;
border-radius : 10px;
}
.iconeFD#id# {
font-family: "Audiowide", helvetica, arial, sans-serif;
font-weight: bold;
color: #fff;
font-size: 4em;
}
</style>
<script>
jeedom.cmd.update['#id#'] = function(_options){
$(".iconeFD#id#").empty();
// Récupération des valeurs des paramètres
var chxcolor = ('#color#' !='#'+'color#') ? "#color#":"0099ff";
var chxbord = ('#bord#' !='#'+'bord#') ? "#bord#":"oui";
var chxombre = ('#ombre#' !='#'+'ombre#') ? "#ombre#":"oui";
var chxicone0 = ('#icone0#' !='#'+'icone0#') ? "#icone0#":"fas fa-times";
var chxicone1 = ('#icone1#' !='#'+'icone1#') ? "#icone1#":"fas fa-check";
var valeur = _options.display_value;
if (parseInt(valeur) == 1) {
$(".iconeFD#id#").append("<i class='"+chxicone1+"'></i>");
} else {
$(".iconeFD#id#").append("<i class='"+chxicone0+"'></i>");
}
$('.boxFD#id#').css('background-color', '#'+chxcolor);
var LightenColor = function(color, percent) {
var num = parseInt(color,16),
amt = Math.round(2.55 * percent),
R = (num >> 16) + amt,
B = (num >> 8 & 0x00FF) + amt,
G = (num & 0x0000FF) + amt;
return (0x1000000 + (R<255?R<1?0:R:255)*0x10000 + (B<255?B<1?0:B:255)*0x100 + (G<255?G<1?0:G:255)).toString(16).slice(1);
};
var couleur = LightenColor(chxcolor, -30);
var boxColor = LightenColor(chxcolor, -60);
var ombre = '';
for (var iter = 1; iter < 99; iter++) {
couleur = LightenColor(couleur, 0.5);
ombre = ombre + '#' + couleur + ' ' + iter + 'px' + ' ' + iter + 'px, ';
}
ombre = ombre + '#' + couleur +' 100px 100px';
if (chxbord != "non") {
$('.boxFD#id#').css('box-shadow', '#' +boxColor+' 4px 4px');
}
if (chxombre != "non") {
$('.ValueFD#id#').css('text-shadow', ombre);
$('.UniteFD#id#').css('text-shadow', ombre);
}
}
jeedom.cmd.update['#id#']({display_value:'#state#',valueDate:'#valueDate#',collectDate:'#collectDate#',alertLevel:'#alertLevel#'});
</script>
</div>
Code : Tout sélectionner
<div class="cmd tooltips cmd-widget cursor autoonoff" data-type="action" data-subtype="other" data-cmd_id="#id#" data-cmd_uid="#uid#" data-version="#version#">
<div class="autoonoffDivConteneur" >
<span class="autoonoffName" style="#hideCmdName#">#valueName#<br/></span>
<span class="autoonoffAction"><br/><img class="autoonoffImg" style="width: 80px;" src="" /></span>
</div>
<script type="text/javascript">
jeedom.cmd.update['#id#'] = function(_options){
$.include(['data/customTemplate/dashboard/cmd.action.other.CommutateurOFF12/AutoOnOff.js', 'data/customTemplate/dashboard/cmd.action.other.CommutateurOFF12/AutoOnOff.css'], function() {
var widget = $('div.cmd[data-cmd_uid="#uid#"]');
if ('#reverse#'.trim() == '1') {
var sens = ['off','auto','on'];
} else {
var sens = ['on','off','auto'];
}
if ('#nospace#'.trim() == '1') { $('span.autoonoffAction br', widget).remove(); }
if ('#inline#'.trim() == '1') { autoonoffInline(widget); }
if (autoonoffNormalize(_options.display_value.toString()) == 'auto') {
$('.autoonoffImg', widget).attr('src','data/customTemplate/dashboard/cmd.action.other.CommutateurOFF12/AutoOnOffCommut_AUTO.png');
if (autoonoffNormalize('#name#') == 'auto' || autoonoffNormalize('#name#') == sens[0]) {
widget.hide();
} else {
widget.show();
}
} else if (autoonoffNormalize(_options.display_value.toString()) == 'on') {
$('.autoonoffImg', widget).attr('src','data/customTemplate/dashboard/cmd.action.other.CommutateurOFF12/AutoOnOffCommut_ON.png');
if (autoonoffNormalize('#name#') == 'on' || autoonoffNormalize('#name#') == sens[1]) {
widget.hide();
} else {
widget.show();
}
} else {
$('.autoonoffImg', widget).attr('src','data/customTemplate/dashboard/cmd.action.other.CommutateurOFF12/AutoOnOffCommut_OFF.png');
if (autoonoffNormalize('#name#') == 'off' || autoonoffNormalize('#name#') == sens[2]) {
widget.hide();
} else {
widget.show();
}
}
});
}
jeedom.cmd.update['#id#']({display_value:'#state#'});
$('.cmd[data-cmd_uid=#uid#] .autoonoffAction').off().on('click', function () {
jeedom.cmd.execute({id: '#id#'});
});
</script>
</div>
Code : Tout sélectionner
<div style="width:100px;height:80px;" class="cmd tooltips cmd-widget cursor" data-type="action" data-subtype="other" data-cmd_id="#id#" data-cmd_uid="#uid#" data-version="#version#">
<center>
<span class="cmdName" style="font-weight: bold;font-size : 12px; #hideCmdName#">#valueName#</span>
<span style="font-size: 2.5em; font-weight: bold; margin-top: 5px;" class="action center-block iconCmd"></span>
</center>
<script>
jeedom.cmd.update['#id#'] = function(_options){
if (_options.display_value == '1' || _options.display_value == 1 || _options.display_value == '99' || _options.display_value == 99 || _options.display_value == 'on') {
if (jeedom.cmd.normalizeName('#name#') == 'on') {
$('.cmd[data-cmd_id=#id#]').hide();
}else{
$('.cmd[data-cmd_id=#id#]').show();
$('.cmd[data-cmd_id=#id#] .iconCmd').empty().append('<img src="data/customTemplate/dashboard/cmd.action.other.ActifInactifSlide/ToggleSlide_ON.png" width="80px" />');
}
} else {
if (jeedom.cmd.normalizeName('#name#') == 'off') {
$('.cmd[data-cmd_id=#id#]').hide();
}else{
$('.cmd[data-cmd_id=#id#]').show();
$('.cmd[data-cmd_id=#id#] .iconCmd').empty().append('<img src="data/customTemplate/dashboard/cmd.action.other.ActifInactifSlide/ToggleSlide_OFF.png" width="80px" />');
}
}
}
jeedom.cmd.update['#id#']({display_value:'#state#'});
$('.cmd[data-cmd_uid=#uid#] .iconCmd').off().on('click', function () {
jeedom.cmd.execute({id: '#id#'});
});
</script>
</div>
j'ai ajouté le code des 3 widget , mais je peux ouvrir un ticket
Non ce n'est plus possible mais on va ajouter des widgets avancé au core
Loïc, merci pour ta réponse rapide !!!
je suis bien d'accord avec toi
Je confirme le fonctionnement. Merci @loic
OK tu te mélanges complètement :Antoinekl1 a écrit : ↑05 sept. 2019, 14:00je suis bien d'accord avec toi
il n'y aurait pas un soucis, comme il prend forcement un template dans la création du widget, il n'y a plus de champs vide dans la liste déroulante, comment il peut savoir qu'il doit utiliser le code et non le template ?
ok, il ne faut donc pas créer un widget dans le nouvelle outil, tu ne travail que sur le code ?loic a écrit : ↑05 sept. 2019, 14:59OK tu te mélanges complètement :Antoinekl1 a écrit : ↑05 sept. 2019, 14:00je suis bien d'accord avec toi
il n'y aurait pas un soucis, comme il prend forcement un template dans la création du widget, il n'y a plus de champs vide dans la liste déroulante, comment il peut savoir qu'il doit utiliser le code et non le template ?
- soit tu fais un widget code
- soit tu fais un widget template basé sur nos template
Il ne faut surtout pas avoir un widget code et un template du meme nom sinon il prend le template.
Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 25 invités