Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨

[Pat1968]

@Kuddel

Hallo Kuddel

Deine Menüleiste wie hast du die hergestellt?

Sieht gut aus 👍

[helfi9999]

@Kuddel Bin mal gespannt wie es aussehen wird, deine View ist immer für mich eine Inspiration.

[hofmannha]

@helfi9999
Hallo Kuddel,
ich Ware auch schon auf die Menüleiste. Wird sicherlich wieder ein Hammer von Dir.
Gruß

[nousefor82]

@Pat1968

Hi,

das ist das Top-App-Bar Widget vom Material Design Widget Adapter.

Einfach in die Suche eingeben... gibt mittlerweile einen eigenen Thread dazu.

Viele Grüße

[hofmannha]

@nousefor82
Hallo,
bei mir finde ic den AApter nicht.
Das ist alles bei Suche.

[Negalein]

@hofmannha sagte in [Vorstellung] Meine zweite Visualisierung:

bei mir finde ic den AApter nicht.

https://forum.iobroker.net/topic/29660/material-design-widgets-top-app-bar-widget

Installieren über GIT
https://github.com/Scrounger/iobroker.vis-materialdesign

[hofmannha]

@Negalein
Danke vielmals. Hat funktioniert.
Gruß

[hofmannha]

@Kuddel
Hallo Kuddel,
welches Widgets hast Du für dein neues Menü genommen.
Bin auch am Rumprobieren. Komme aber nicht so richtig voran.
Gruß

[hofmannha]

@hofmannha sagte in [Vorstellung] Meine zweite Visualisierung:

@Kuddel
Hallo Kuddel,
welches Widgets hast Du für dein neues Menü genommen.
Bin auch am Rumprobieren. Komme aber nicht so richtig voran.
Gruß

[Glasfaser]

@hofmannha

@Negalein sagte in [Vorstellung] Meine zweite Visualisierung:

@hofmannha sagte in [Vorstellung] Meine zweite Visualisierung:

bei mir finde ic den AApter nicht.

https://forum.iobroker.net/topic/29660/material-design-widgets-top-app-bar-widget

Installieren über GIT
https://github.com/Scrounger/iobroker.vis-materialdesign

Hier nochmal ;)

https://forum.iobroker.net/topic/29660/material-design-widgets-top-app-bar-widget

[Negalein]

@Glasfaser sagte in [Vorstellung] Meine zweite Visualisierung:

Hier nochmal

doppelt hält besser ;) :grin:

[Kuddel]

Ich aktualisiere morgen die letzten Seiten meiner VIS mit dem neuen Design.
Dann werde ich das ganze noch testen und ein paar kleine Verbesserungen einbauen.

Ich denke nächste Woche kommt der Upload in einem neuen Thread.

Das nächste Projekt ist dann eine VIS fürs Handy...

[hofmannha]

@Kuddel
Hallo,
kannst Du mir sagen wo ich die Sub-Menüs editieren bzw. beschriften kann. Ich suche mir
schon den Wolf.
Gruß

[Kuddel]

@hofmannha

Spoiler

{"itemText": "System", "subItems": ["ioBroker", "HomeMatic", "Geräte", "Netzwerk", "Logs", "VMware"]}

[hofmannha]

@Kuddel sagte in [Vorstellung] Meine zweite Visualisierung:

{"itemText": "System", "subItems": ["ioBroker", "HomeMatic", "Geräte", "Netzwerk", "Logs", "VMware"]}

vielen vielen Dank. Es funktioniert.
Schönes Wochenende

[hofmannha]

@Kuddel
Hallo Kuddel,
noch eine Frage, dann gebe ich Ruhe.
Wo ich noch nicht ganz durchblicke ist das Widget "View in Widget8".
Muß ich diese Widget in jede meiner View integrieren oder nur in der View wo das Menü sich befindet?
Gruß

[Kuddel]

@hofmannha ich habe das in meiner neuen VIS so gemacht:

auf Seite 0000_Startseite habe ich genau 2 Widgehts:

1. Das Menü
2. Vie in Widget 8

Über das View in Widget werden dann die Seiten dargestellt

[hofmannha]

@Kuddel
Hallo Kuddel,
funktioniert bei Dir die Anzeige von der QNap-Nas?
Sie lässt sich über den Button nicht neu starten und die Anzeige des freien Speichers
funktioniert auch nicht. Könntest Du mir da helfen?
Gruß

[hofmannha]

@hofmannha
der freie Speicher wird ja angezeigt aber sonst nicht.

[Kuddel]

@hofmannha hast du den DP erstellt, der mit dem Widget verknüpft ist?

Hast du das Javascript, das den Reboot auslöst erstellt ?

Spoiler

on({id: "javascript.0.shutdown.shutdown_qnap-archiv", change: 'any'}, function (obj) {
   
var SSH = require('simple-ssh');

var ssh = new SSH({
   host: '192.168.4.20',
   port: 22,
   user: 'admin',
   pass: 'DEIN_PASSWORD'
});

ssh.exec('echo "DEIN_PASSWORD"|poweroff').start();   
console.log("+++ QNAP-Archiv wird heruntergefahren +++");    
   
    }
);

Wenn du auf deinem NAS den Public_SSH Key vom ioBroker hinterlegt hast, würde das auch ganz einfach per Blockly gehen:

Spoiler

<xml xmlns="http://www.w3.org/1999/xhtml">
 <block type="comment" id="Ud`Xh8nC{*uXDZ2.M3yl" x="-412" y="-237">
   <field name="COMMENT">QNAP-Archiv</field>
   <next>
     <block type="on_ext" id="|NIT4keHej?||-ti9@t!">
       <mutation items="1"></mutation>
       <field name="CONDITION">ne</field>
       <field name="ACK_CONDITION"></field>
       <value name="OID0">
         <shadow type="field_oid" id="{d@ZA=8Fo2}uS:@^hvm`">
           <field name="oid">javascript.0.shutdown.shutdown_qnap-archiv</field>
         </shadow>
       </value>
       <statement name="STATEMENT">
         <block type="controls_if" id="(,:8n8$AhuRlF,VpaikH">
           <value name="IF0">
             <block type="logic_compare" id="X)W@5uL61{hl)/bf!}:c">
               <field name="OP">EQ</field>
               <value name="A">
                 <block type="get_value" id="Gjd.jjcih^Tu*kc}z19W">
                   <field name="ATTR">val</field>
                   <field name="OID">javascript.0.shutdown.shutdown_qnap-archiv</field>
                 </block>
               </value>
               <value name="B">
                 <block type="logic_boolean" id="LmOZV()_kP];2t?K,a]X">
                   <field name="BOOL">TRUE</field>
                 </block>
               </value>
             </block>
           </value>
           <statement name="DO0">
             <block type="exec" id="i~6uI1]uLVezZm-7pF*6">
               <mutation with_statement="true"></mutation>
               <field name="WITH_STATEMENT">TRUE</field>
               <field name="LOG"></field>
               <value name="COMMAND">
                 <shadow type="text" id="F?j`+#sU:M3LHtrzm;~4">
                   <field name="TEXT">ssh admin@192.168.4.20 poweroff</field>
                 </shadow>
               </value>
               <statement name="STATEMENT">
                 <block type="control" id="V1Vu7,MzqAprLA9R;525">
                   <mutation delay_input="true"></mutation>
                   <field name="OID">javascript.0.shutdown.shutdown_qnap-archiv</field>
                   <field name="WITH_DELAY">TRUE</field>
                   <field name="DELAY_MS">10</field>
                   <field name="UNIT">sec</field>
                   <field name="CLEAR_RUNNING">FALSE</field>
                   <value name="VALUE">
                     <block type="logic_boolean" id="e~5cazkIL{N*l,56o/qC">
                       <field name="BOOL">FALSE</field>
                     </block>
                   </value>
                 </block>
               </statement>
             </block>
           </statement>
         </block>
       </statement>
     </block>
   </next>
 </block>
</xml>