Sonnenstand darstellen

[panzaeron]

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.

[Apollo]

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

[Bonze]

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 ?

[Apollo]

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

Gruss

[panzaeron]

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.

[Apollo]

Habs mal fertig gebaut: icon.zenith wirds in 2.8 geben

[Bonze]

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

[Apollo]

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

<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):

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

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

Gruss

[Bonze]

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

[Apollo]

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


Guckst du: icon.zenith

[Bonze]

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

[panzaeron]

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?

[whe]

sorry, bei mir erscheint die Sonne nicht.

[panzaeron]

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?

[whe]

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 ?