Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. fuerchtischlumpf

    NEWS

    • Neues Video "KI im Smart Home" - ioBroker plus n8n

    • Neues Video über Aliase, virtuelle Geräte und Kategorien

    • Wir empfehlen: Node.js 22.x

    F
    • Profile
    • Following 0
    • Followers 0
    • Topics 3
    • Posts 11
    • Best 1
    • Groups 1

    fuerchtischlumpf

    @fuerchtischlumpf

    Starter

    1
    Reputation
    3
    Profile views
    11
    Posts
    0
    Followers
    0
    Following
    Joined Last Online

    fuerchtischlumpf Follow
    Starter

    Best posts made by fuerchtischlumpf

    • iFrame und Startseite CMI TA - Benutzer und Passwort

      Hallo liebe Communty,
      ich möchte gerne die Startseite meiner UVR per iFrame in vis einbinden.
      Das ganze funktioniert mit der Einschränkung, dass die Passwortabfrage aufblobt.

      Im Browser kann ich mit http://benutzer:passwort@..... das Ganze umgehen, in iFrame jedoch wird nichts angezeigt.

      Kann man hier was machen?

      Vielen Dank

      Gruß Fürchtischlumpf

      posted in Visualisierung
      F
      fuerchtischlumpf

    Latest posts made by fuerchtischlumpf

    • RE: Eigenes Widget erstellen und mit Daten füllen

      @fuerchtischlumpf hier noch ein Code-Schnipsel mit meinen animierten Heizkörper - Aus und laufend mit Heat-Ani und Binding an einen Modbus-Datenpunkt:


      <svg x="0px" y="0px"
      width="66px" height="90px" viewBox="0 0 66 90" xml:space="preserve">
      <path class="Hitzewellen" d="M11.519,13.313c0,0,2,0.779,2,4.114c0,5.381-4,4.978-4,9.916c0,3.692,2,4.961,2,4.961"/>
      <path class="Hitzewellen" d="M54.477,13.313c0,0,2,0.779,2,4.114c0,5.381-4,4.978-4,9.916c0,3.692,2,4.961,2,4.961"/>
      <path class="Hitzewellen" d="M20.11,13.313c0,0,2,0.779,2,4.114c0,5.381-4,4.978-4,9.916c0,3.692,2,4.961,2,4.961"/>
      <path class="Hitzewellen" d="M28.702,13.313c0,0,2,0.779,2,4.114c0,5.381-4,4.978-4,9.916c0,3.692,2,4.961,2,4.961"/>
      <path class="Hitzewellen" d="M37.293,13.313c0,0,2,0.779,2,4.114c0,5.381-4,4.978-4,9.916c0,3.692,2,4.961,2,4.961"/>
      <path class="Hitzewellen" d="M45.885,13.313c0,0,2,0.779,2,4.114c0,5.381-4,4.978-4,9.916c0,3.692,2,4.961,2,4.961"/>
      <path class="Heizkoerper" d="M10.667,80.762c0,1.686-1.585,3.052-3.54,3.052l0,0
      c-1.957,0-3.543-1.366-3.543-3.052v-40.63c0-1.686,1.586-3.052,3.543-3.052l0,0c1.955,0,3.54,1.366,3.54,3.052V80.762z"/>
      <path class="Heizkoerper" d="M20.679,80.762c0,1.686-1.585,3.052-3.54,3.052l0,0
      c-1.957,0-3.543-1.366-3.543-3.052v-40.63c0-1.686,1.586-3.052,3.543-3.052l0,0c1.955,0,3.54,1.366,3.54,3.052V80.762z"/>
      <path class="Heizkoerper" d="M60.728,80.762c0,1.686-1.585,3.052-3.54,3.052l0,0
      c-1.957,0-3.543-1.366-3.543-3.052v-40.63c0-1.686,1.586-3.052,3.543-3.052l0,0c1.955,0,3.54,1.366,3.54,3.052V80.762z"/>
      <path class="Heizkoerper" d="M63.902,47.922c0,0.877-0.711,1.587-1.587,1.587l0,0
      c-0.877,0-1.588-0.71-1.588-1.587V42.79c0-0.876,0.711-1.587,1.588-1.587l0,0c0.876,0,1.587,0.711,1.587,1.587V47.922z"/>
      <path class="Heizkoerper" d="M30.691,80.762c0,1.686-1.585,3.052-3.54,3.052l0,0
      c-1.957,0-3.543-1.366-3.543-3.052v-40.63c0-1.686,1.586-3.052,3.543-3.052l0,0c1.955,0,3.54,1.366,3.54,3.052V80.762z"/>
      <path class="Heizkoerper" d="M50.716,80.762c0,1.686-1.585,3.052-3.54,3.052l0,0
      c-1.957,0-3.543-1.366-3.543-3.052v-40.63c0-1.686,1.586-3.052,3.543-3.052l0,0c1.955,0,3.54,1.366,3.54,3.052V80.762z"/>
      <path class="Heizkoerper" d="M40.703,80.762c0,1.686-1.585,3.052-3.54,3.052l0,0
      c-1.957,0-3.543-1.366-3.543-3.052v-40.63c0-1.686,1.586-3.052,3.543-3.052l0,0c1.955,0,3.54,1.366,3.54,3.052V80.762z"/>
      </svg>

      <style>
      .Hitzewellen {
      fill: none;
      stroke:#F29400;
      stroke-width:{h:modbus.0.coils.12_Pumpe_Heizkreis; h == 'true' ? '3' : '0'};
      stroke-linecap:round;
      stroke-miterlimit:10;
      filter: drop-shadow(0px 0px 5px #F29400);
      animation: Hitzewelle 4s linear infinite;
      }
      .Heizkoerper {
      fill: none;
      stroke:{h:modbus.0.coils.12_Pumpe_Heizkreis; h == 'true' ? '#F29400' : '#ffffff'};
      stroke-width: 2;
      stroke-linecap:round;
      }
      @keyframes Hitzewelle {
      60% {
      opacity: 0.4;
      }
      </style>

      posted in Visualisierung
      F
      fuerchtischlumpf
    • RE: Eigenes Widget erstellen und mit Daten füllen

      @mattes-0 ich habe mir mal ein komplettes Heizsystem mit Animation gebaut und die SVG-Daten mit objekt-binding ins Standard HTML-Widget gepackt - nutze es nur nicht mehr. 3ac85ffc-16de-440b-ac3a-975d71f7c462-image.png

      posted in Visualisierung
      F
      fuerchtischlumpf
    • RE: VIS 2 View Im Widget Transparent

      @der-jeti Ja, genau - mit der Einstellung wird der Hintergrund entfernt, bzw. er wird 100% transparent.

      posted in Visualisierung
      F
      fuerchtischlumpf
    • RE: VIS 2 View Im Widget Transparent

      @der-jeti 34165cdd-87df-4a37-85ba-011b17f49230-image.png

      posted in Visualisierung
      F
      fuerchtischlumpf
    • RE: VIS 2 View Im Widget Transparent

      @der-jeti das hat mich auch gefuchst! Haken bei Hintergrund einzelner wert und transparenten rgba Wert eingeben.

      posted in Visualisierung
      F
      fuerchtischlumpf
    • RE: Zeigt her eure Vis2

      @peks200 said in Zeigt her eure Vis2:

      #wXXXX .echarts-for-react path
      {
      fill-opacity: 1;
      stroke-opacity: 1;
      }
      #wXXXX div[aria-label]
      {
      opacity: 0;
      }

      Danke für den Hinweis, woher weißt du welche Codes was in den Widgets beeinflussen, das Wissen fehlt mir leider komplett!

      posted in Visualisierung
      F
      fuerchtischlumpf
    • RE: Zeigt her eure Vis2

      @peks200 richtig gut geworden, ich möchte meine VIS-2 auch wie eine App aufbauen! Hast du Responive benutzt und welche Widgets hast du für die Diagramme verwendet?

      Gruß Fürchti

      posted in Visualisierung
      F
      fuerchtischlumpf
    • RE: Bilder in Vis anzeigen lassen

      @jwerlsdf Ich hatte früher auch Bilder verwendet, habe das aber inzwischen mit Vektorgrafik in simplen HTML-Widget und Objektbindings umgesetzt.

      Beispiel Papiertonne:

      <svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
      	 width="80px" height="80px" viewBox="0 0 80 80" style="enable-background:new 0 0 80 80;" xml:space="preserve">
          
      <g>
      	<path class="paper" d="M58.314,61.435c0,0-5.588-7.429-6.373-9.12
      		c-2.052-4.415-0.529-6.798-2.027-9.725c-0.791-1.545-4.154-5.686-4.154-5.686l-15.362,4.243c0,0,3.991,3.988,4.826,5.483
      		c1.66,2.974,0.46,7.505,3.174,11.895c0.854,1.382,5.958,7.617,5.958,7.617L58.314,61.435z"/>
      	<line class="paper" x1="34.55" y1="43.267" x2="45.141" y2="39.536"/>
      	<line class="paper" x1="35.979" y1="44.705" x2="46.569" y2="40.975"/>
      	<line class="paper" x1="36.896" y1="46.301" x2="47.486" y2="42.57"/>
      	<line class="paper" x1="41.273" y1="59.629" x2="51.864" y2="55.897"/>
      	<line class="paper" x1="43.044" y1="61.873" x2="53.635" y2="58.142"/>
      	<path class="paper" d="M41.273,64.459c0,0-2.299,1.689-2.886,1.177
      	c-2.409-2.106-7.555-8.583-7.99-12.203c-0.095-0.783,1.112-2.188,1.053-2.974c-0.238-3.125-7.434-10.097-7.434-10.097l8.362-3.458"
      		/>
      	<path class="paper" d="M51.459,45.875l2.771-1.17c0,0-6.359-7.826-7.313-11.156
      		c-0.408-1.422,0.117-4.502-0.347-5.906c-0.759-2.296-5.296-8.094-5.296-8.094l-15.502,5.698c0,0,6.623,4.795,7.206,7.678
      		c0.11,0.543,0.101,2.659,0.052,3.225c-0.054,0.629,0.176,2.644,0.176,2.644"/>
      </g>
      
      <style>
      .paper {
      	fill: none;
      	stroke: {papier:trashschedule.0.type.papier.daysLeft; papier <= 1 ? "red" : "lime"};
      	opacity:0.6;
      	stroke-linecap:round;
      	stroke-width:2px
      	}
      </style>
      
      posted in Visualisierung
      F
      fuerchtischlumpf
    • Frage TasmoCompiler v7.0.4

      Hallo Zusammen,
      ich wollte mir auf Gitpod mit dem TasmoCompiler eine eigene Firmware zusammenstellen.
      Der Compiler startet auch, lässt alle Einstellungen zu nur endet das ganz dann mit folgender Antwort:
      Screenshot 2021-12-07 200156.png

      Ich weiß nicht ob es an Gitpod oder mir liegt!?
      Bitte um Hilfe

      Vielen Dank

      posted in Microcontroller
      F
      fuerchtischlumpf
    • Seiten in VIS nicht linksbündig sondern zentriert darstellen

      Hallo Leute,
      ich komme nicht drauf, wie ich die VIS-Seiten im Browser immer zentriert darstelle, bin da voller Laie!

      Vielen Dank.

      posted in Visualisierung
      F
      fuerchtischlumpf
    Community
    Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
    The ioBroker Community 2014-2023
    logo