Ankündigung

Einklappen
Keine Ankündigung bisher.

Sonnenstand darstellen

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

    #16
    Zitat von Bonze Beitrag anzeigen
    EDIT: hab aber immernoch das Problem, das Smartvisu mir überhaupt nichts ausgibt an der Stelle, an der ich das Icon einbinden möchte.
    muss ich die widget.min.js bearbeitet haben ?
    Blöd, das neue Forumsystem schickt mir keine E-Mail mehr wenn in einem abonnierter Thread ein neuer Beitrag geschrieben wird (auch wenn es so eingestellt ist), deshalb habe ich es erst jetzt gesehen.
    Schau Dir mal deine config.php an, wenn dort in dem letzten Parameter "define('config_js', 'min.js');" steht, dann verwendet er widget.min.js wenn dort nur js steht dann die widget.js.

    Kommentar


      #17
      Für die Windmühle gibt es ab 2.8 nun ein neues dynamisches icon:

      icon.windmill

      Dort kann man über einen Wert 0-255 die Geschwindigkeit einstellen

      Gruss
      Join smartVISU on facebook. Web: smartvisu.de.
      Dir gefällt smartVISU? Bitte spenden für die Weiterentwicklung.

      Kommentar


        #18
        ich verstehe den genauen syntax der widget.min.js nicht,
        ich kann kein jquery, hab schon mehrere Sachen gegoogelt, aber ich finde das zu verschachtelt um das direkt zu blicken.
        kann mir vl jemand mal so grob den aufbau erklären ?

        Kommentar


          #19
          Die musst du auch nicht, guck mal die widget.js, die widget.min.js ist die Gleiche nur gepackt.

          Gruss
          Join smartVISU on facebook. Web: smartvisu.de.
          Dir gefällt smartVISU? Bitte spenden für die Weiterentwicklung.

          Kommentar


            #20
            Vielleicht noch als Ergänzung:
            Lösche bei config_js das "min." raus, dann kannst du widget.min.js erstmal ignorieren und die Änderungen nimmst du dann in der widget.js vor.

            Kommentar


              #21
              Habs mal fertig gebaut: icon.zenith wirds in 2.8 geben
              Join smartVISU on facebook. Web: smartvisu.de.
              Dir gefällt smartVISU? Bitte spenden für die Weiterentwicklung.

              Kommentar


                #22
                bin dran verzweifelt, bekomme keinen Fehler, weder über die Console von Mozilla, noch irgendwie sonst nen Fehler/Ausgabe.
                Wie hast dus denn gemacht?

                Kommentar


                  #23
                  Naja, ganz einfach:
                  Das icon zeichnen über die icons.html:

                  PHP-Code:
                  <svg id="{{ uid(page, id) }}" data-widget="icon.zenith" data-item="{{ item_value }}, {{ item_switch }}" data-min="{{ min|default('0') }}" data-max="{{ max|default('255') }}"
                      
                  class="icon icon0" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 100 100">
                      <
                  circle cx="10" cy="90" r="4" />
                      <
                  circle cx="90" cy="90" r="4" />
                      <
                  path d="M 10,90 A30,30 0 1,1 90,90" fill="none" stroke-dashoffset="1" stroke-dasharray="1,5" />
                      {{ 
                  _self.sun('sun') }}
                  </
                  svg
                  (wobei hier die Sonne ausgelagert ist, dafür aber animiert ist )

                  und in die widgets.js (halt die Berechnung der neuen Koordinaten der Sonne):

                  PHP-Code:
                  $(document).delegate('svg[data-widget="icon.zenith"]', {
                      
                  'update': function (eventresponse) {

                          var 
                  ang response[0] / $(this).attr('data-max') * Math.PI;
                          
                  pt fx.rotate([1090], ang, [5090]);
                          
                          $(
                  '#' this.id ' #sun').attr('x'pt[0] - 50);
                          $(
                  '#' this.id ' #sun').attr('y'pt[1] - 50);
                      }
                  }); 

                  Gruss
                  Join smartVISU on facebook. Web: smartvisu.de.
                  Dir gefällt smartVISU? Bitte spenden für die Weiterentwicklung.

                  Kommentar


                    #24
                    das komische ist, dein code funktioniert beim testen genausogut wie meiner, bekomme nichts angezeigt
                    ich glaube, bei mir stimmt was nich

                    hab die neueste smarthome version und den neusten Mozilla mit Firebug im einsatz
                    Zuletzt geändert von Bonze; 06.05.2015, 09:55.

                    Kommentar


                      #25
                      screenshot-localhost 2015-05-06 10-56-03.png


                      Guckst du: icon.zenith
                      Join smartVISU on facebook. Web: smartvisu.de.
                      Dir gefällt smartVISU? Bitte spenden für die Weiterentwicklung.

                      Kommentar


                        #26
                        ja
                        mein code war ziemlich der gleiche wie deiner, es wurde nichts angezeigt, bei deinem auch nicht , deshalb bin ich erleichtert, dass ich nicht zu bloed dafuer bin

                        Kommentar


                          #27
                          Das icon.zenith ist ja super geworden

                          Edit: Ist es eventuell sinnvoll, wenn die Sonne bei 0 und 255 bzw. dem Max-Wert ausgeblendet wird, weil die Sonne untergegangen ist?
                          Zuletzt geändert von panzaeron; 06.05.2015, 20:01.

                          Kommentar


                            #28
                            sorry, bei mir erscheint die Sonne nicht.

                            Kommentar


                              #29
                              Zitat von whe Beitrag anzeigen
                              sorry, bei mir erscheint die Sonne nicht.
                              Mit diesen Informationen ist es schwierig zu sagen, woran das liegt. Wie hast du denn das Icon eingebunden? Vielleicht hast du vergessen die Sonne mit zu kopieren?

                              Kommentar


                                #30
                                danke,

                                hatte vergessen die Sonne mit zu kopieren; sieht gut aus; tolles Icon
                                hast Du noch eine Idee, wie man die Elevation animiert darstellen kann ?

                                Kommentar

                                Lädt...
                                X