Ce Forum passera en lecture seule en janvier 2020
Image
Merci de vous rendre sur https://community.jeedom.com maintenant pour vos prochains postes ;)

Adapté widget portail coulissant animée par flamalex

Réservé à l'utilisation et la création de widgets dans JEEDOM
yoda
Timide
Messages : 180
Inscription : 27 oct. 2017, 11:51

Adapté widget portail coulissant animée par flamalex

Message par yoda » 22 nov. 2018, 09:45

Bonjour,

J'aurais besoin d'aide pour adapter le widget de flamalex à mon contexte.

J'ai un FGS-222 qui envoie une impulsion (contact sec) à mon portail coulissant pour qu'il s'ouvre.

L'état est donc toujours 0.

Si j'applique le widget de Flamalex (voir code plus bas) sur :
  • le on (type=setvalue&value=255), l'image du portail est fermé et reste fermé.
  • le off (type=setvalue&value=0), l'image du portail s'ouvre à chaque chargement du dashboard et reste ouvert.
  • l'état, l'image du portail est ouverte (pas d'animation) et reste ouverte.
Dans les faits, si je cliquer sur OFF, le portail s'ouvre, reste ouvert 1 minute et se referme. Est ce possible de reproduire cette animation sur le dashboard en adaptant le code (et peut-être le paramétrage du fgs-222) :

Code : Tout sélectionner

<div id="portail#id#" style="width:180px;min-height:180px;" class="cmd tooltips cmd-widget cursor" data-type="action" data-subtype="other" data-cmd_id="#id#">
   <center>
         <span style="font-size : 3em;font-weight: bold;margin-top: -20px;" class="action" id="iconPortailCmd#id#"></span>
  </center>
   <script>
      var animePortailOpen;
      var animePortailClose;
   
         var VitesseAnime = (parseFloat("#VitesseAnime#") >= 0) ? '#VitesseAnime#' : 1 ;
       var cmdNom = '#name#'.toLowerCase();
      
         if('#state#' == '1' || '#state#' == 1){
             $('#iconPortailCmd#id#').append('<img src="plugins/widget/core/template/dashboard/cmd.action.other.PORTAIL ANTRACITE/100a.png" couleurImg="rouge" width="180" height="180"/>');   
             if (cmdNom.indexOf('on') == 0 || cmdNom.indexOf('ouvrir') == 0 ) {
                $('#portail#id#').hide();  
            }
          
             if (cmdNom.indexOf('off') == 0 || cmdNom.indexOf('fermer') == 0) {
                 VitesseAnime = parseFloat(VitesseAnime)*2000;
                animePortailOpen = setInterval(animePortailOpen, VitesseAnime);
            }
        }
     
           
     else if('#state#' == '0' || '#state#' == 0){
             $('#iconPortailCmd#id#').append('<img src="plugins/widget/core/template/dashboard/cmd.action.other.PORTAIL ANTRACITE/00.png" couleurImg2="blanc" width="180" height="180"/>');      
             if (cmdNom.indexOf('off') == 0 || cmdNom.indexOf('arret') == 0) {
              $('#portail#id#').hide(); }
          
          if (cmdNom.indexOf('on') == 0 || cmdNom.indexOf('marche') == 0) {
               VitesseAnime = parseFloat(VitesseAnime)*2000;
                animePortailClose = setInterval(animePortailClose, VitesseAnime);
                 
            }
        }
       
     
       
     
     
            $('#portail#id#').on('click', function(){
              clearInterval(animePortailOpen);
              jeedom.cmd.execute({id: '#id#'});
          });     
            $('#portail#id#').on('click', function(){
              clearInterval(animePortailClose);
              jeedom.cmd.execute({id: '#id#'});
          });
      
     
    
           
     
     
        function animePortailOpen(){
         var couleurImg = $('#iconPortailCmd#id# img').attr('couleurImg');     
             if(couleurImg == 'rouge'){
                 $('#iconPortailCmd#id# img').attr({'src': 'plugins/widget/core/template/dashboard/cmd.action.other.PORTAIL ANTRACITE/90a.png',
                                               'couleurImg': 'bleu'
                                              });
               }else if(couleurImg == 'bleu'){
             $('#iconPortailCmd#id# img').attr({'src': 'plugins/widget/core/template/dashboard/cmd.action.other.PORTAIL ANTRACITE/80a.png',
                                               'couleurImg': 'magenta'
                                              });
            }else if(couleurImg == 'magenta'){
             $('#iconPortailCmd#id# img').attr({'src': 'plugins/widget/core/template/dashboard/cmd.action.other.PORTAIL ANTRACITE/70a.png',
                                               'couleurImg': 'vert'
                                              });
            }else if(couleurImg == 'vert'){
             $('#iconPortailCmd#id# img').attr({'src': 'plugins/widget/core/template/dashboard/cmd.action.other.PORTAIL ANTRACITE/60a.png',
                                               'couleurImg': 'jaune'
                                              });
              }else if(couleurImg == 'jaune'){
             $('#iconPortailCmd#id# img').attr({'src': 'plugins/widget/core/template/dashboard/cmd.action.other.PORTAIL ANTRACITE/50a.png',
                                               'couleurImg': 'violet'
                                              });
                }else if(couleurImg == 'violet'){
             $('#iconPortailCmd#id# img').attr({'src': 'plugins/widget/core/template/dashboard/cmd.action.other.PORTAIL ANTRACITE/40a.png',
                                               'couleurImg': 'orange'
                                              });
                  }else if(couleurImg == 'orange'){
             $('#iconPortailCmd#id# img').attr({'src': 'plugins/widget/core/template/dashboard/cmd.action.other.PORTAIL ANTRACITE/30a.png',
                                               'couleurImg': 'gris'
                                              });
                    }else if(couleurImg == 'gris'){
             $('#iconPortailCmd#id# img').attr({'src': 'plugins/widget/core/template/dashboard/cmd.action.other.PORTAIL ANTRACITE/20a.png',
                                               'couleurImg': 'rose'
                                              });
                      }else if(couleurImg == 'rose'){
             $('#iconPortailCmd#id# img').attr({'src': 'plugins/widget/core/template/dashboard/cmd.action.other.PORTAIL ANTRACITE/10a.png',
                                               'couleurImg': 'noir'
                                              });
                        }else if(couleurImg == 'noir'){
             $('#iconPortailCmd#id# img').attr({'src': 'plugins/widget/core/template/dashboard/cmd.action.other.PORTAIL ANTRACITE/00.png',
                                               'couleurImg': 'blanc'
                                              });
            }else{
            $('#iconPortailCmd#id# img').attr({'src': 'plugins/widget/core/template/dashboard/cmd.action.other.PORTAIL ANTRACITE/00.png',
                                               'couleurImg': 'blanc'
                                              });
            }}
              
              
              
              
               function animePortailClose(){
         var couleurImg2 = $('#iconPortailCmd#id# img').attr('couleurImg2');  
               if(couleurImg2 == 'blanc'){
            $('#iconPortailCmd#id# img').attr({'src': 'plugins/widget/core/template/dashboard/cmd.action.other.PORTAIL ANTRACITE/10a.png',
                                               'couleurImg2': 'rose'
                                              });
                }else if(couleurImg2 == 'rose'){
             $('#iconPortailCmd#id# img').attr({'src': 'plugins/widget/core/template/dashboard/cmd.action.other.PORTAIL ANTRACITE/20a.png',
                                               'couleurImg2': 'orange'
                                              });
                  }else if(couleurImg2 == 'orange'){
             $('#iconPortailCmd#id# img').attr({'src': 'plugins/widget/core/template/dashboard/cmd.action.other.PORTAIL ANTRACITE/30a.png',
                                               'couleurImg2': 'gris'
                                              });
                    }else if(couleurImg2 == 'gris'){
             $('#iconPortailCmd#id# img').attr({'src': 'plugins/widget/core/template/dashboard/cmd.action.other.PORTAIL ANTRACITE/40a.png',
                                               'couleurImg2': 'jaune'
                                               });
                      }else if(couleurImg2 == 'jaune'){
             $('#iconPortailCmd#id# img').attr({'src': 'plugins/widget/core/template/dashboard/cmd.action.other.PORTAIL ANTRACITE/50a.png',
                                               'couleurImg2': 'violet'
                                               });
                         }else if(couleurImg2 == 'violet'){
             $('#iconPortailCmd#id# img').attr({'src': 'plugins/widget/core/template/dashboard/cmd.action.other.PORTAIL ANTRACITE/60a.png',
                                               'couleurImg2': 'vert'
                                              });
                           }else if(couleurImg2 == 'vert'){
             $('#iconPortailCmd#id# img').attr({'src': 'plugins/widget/core/template/dashboard/cmd.action.other.PORTAIL ANTRACITE/70a.png',
                                               'couleurImg2': 'magenta'
                                              });
                             }else if(couleurImg2 == 'magenta'){
             $('#iconPortailCmd#id# img').attr({'src': 'plugins/widget/core/template/dashboard/cmd.action.other.PORTAIL ANTRACITE/80a.png',
                                               'couleurImg2': 'bleu'
                                              });
                               }else if(couleurImg2 == 'bleu'){
             $('#iconPortailCmd#id# img').attr({'src': 'plugins/widget/core/template/dashboard/cmd.action.other.PORTAIL ANTRACITE/90a.png',
                                               'couleurImg2': 'noir'
                                              });
                                 }else if(couleurImg2 == 'noir'){
             $('#iconPortailCmd#id# img').attr({'src': 'plugins/widget/core/template/dashboard/cmd.action.other.PORTAIL ANTRACITE/100a.png',
                                               'couleurImg2': 'rouge'
                                              });
                       
                      }else{
            $('#iconPortailCmd#id# img').attr({'src': 'plugins/widget/core/template/dashboard/cmd.action.other.PORTAIL ANTRACITE/100a.png',
                                               'couleurImg2': 'rouge'
                                              });
            }
                    
        }
    
   </script>
</div>

flamalex
Timide
Messages : 81
Inscription : 11 août 2016, 21:40

Re: Adapté widget portail coulissant animée par flamalex

Message par flamalex » 06 déc. 2018, 17:44

Bonjour Yoda,
j’avais egalement un fgs222, mais j’avais aussi 2 fins de course qui venaient confirmer l’etat ouvert ou fermé. peut etre une piste.
pour le moment, ayant demenagé et tt revendu je ne pourrai pas t’aider d'avantage.

yoda
Timide
Messages : 180
Inscription : 27 oct. 2017, 11:51

Re: Adapté widget portail coulissant animée par flamalex

Message par yoda » 06 déc. 2018, 17:57

Merci de ton retour, moi je n'ai pas de fin de course domotiser pour confirmer l'état.

Il faudrait donc bien que je modifie le code de ton widget ou que je passe par un PNG animé.

Quelqu'un aurait déjà réalisé un truc de semblable ?

Merci

Répondre

Revenir vers « [Plugin officiel] Widgets »

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 0 invité