Admin3 Migration von Konfigurationsdateien

apollon77

Das gulpfile.js beim Template-Adapter ist wieder da.

pix

Hallo,

ich werde mich bemühen, die Änderungen zeitnah in meine Adapter zu pflegen. Das kostet ja wieder mal Gehirnschmalz.

Freue mich auf die Nutzung von iobroker.net:3000 :P

Pix

frankjoke

~~@Bluefox:~~

… `

@bluefox, can we standardize also on the modules a bit in 3.x?

As I just create a new adapter I copied over some fom the javascript adapter (it's a state machine with some graphical interface).

I realized that you use in there

robsdobs

Wäre es vielleicht möglich als Einstiegsseite nicht die Adapter Übersicht zu haben, sondern die Übersicht der Instanzen?

Oder das konfigurierbar zu haben?

Im normalen Betrieb installiert man weniger Adapter und wenn es ein Update gibt sieht man das unter 2.x auch am grünen Reiter. Da wäre die Schnelle Übersicht über den Zustand der laufenden Adapter vielleicht als Einstieg sinnvoller.

Gesendet von meinem A0001 mit Tapatalk

vegetto

I released the update for the chromecast adapter. Beyond updating the html everything else is quite simple thanks to the comprehensive instructions.

I will run it for a few days at home before doing a PR to the stable repositories.

Some feedback about the gulp file:

The version I copied from the template does less checking that the version in the admin adapter. Should they get added eventually?

- Gulp checks - Admin adapter: 
>! [23:34:54] Using gulpfile ~/code/iobroker/ioBroker.chromecast/gulpfile.js
>! [23:34:54] Starting 'iobCSS'…
>! [23:34:54] Starting 'appCSS'…
>! [23:34:54] Finished 'appCSS' after 2.63 ms
>! [23:34:54] Starting 'treeTableCSS'…
>! [23:34:54] Starting 'configCSS'…
>! [23:34:54] Finished 'configCSS' after 1.13 ms
>! [23:34:54] Starting 'materializeCSS'…
>! [23:34:54] Finished 'materializeCSS' after 656 μs
>! [23:34:54] Starting 'vendorJS'…
>! [23:34:54] Starting 'materializeJS'…
>! [23:34:54] Starting 'appJS'…
>! [23:34:54] Starting 'appHTML'…
>! [23:34:54] Starting 'aceCopy'…
>! [23:34:54] Starting 'colorpickerCopy'…
>! [23:34:54] Starting 'appCopy'…
>! [23:34:54] Finished 'iobCSS' after 32 ms
>! [23:34:54] Finished 'treeTableCSS' after 23 ms
>! [23:34:54] Starting '2_css'…
>! [23:34:54] Finished '2_css' after 28 μs
>! [23:34:54] Finished 'vendorJS' after 21 ms
>! [23:34:54] Finished 'materializeJS' after 19 ms
>! [23:34:54] Finished 'appJS' after 17 ms
>! [23:34:54] Starting '3_js'…
>! [23:34:54] Finished '3_js' after 2.01 μs
>! [23:34:54] Finished 'appCopy' after 12 ms
>! [23:34:54] Finished 'appHTML' after 17 ms
>! [23:34:54] Finished 'aceCopy' after 15 ms
>! [23:34:54] Finished 'colorpickerCopy' after 14 ms
>! [23:34:54] Starting '4_static'…
>! [23:34:54] Finished '4_static' after 1.84 μs
>! [23:34:54] Starting 'default'…
>! [23:34:54] Finished 'default' after 1.67 μs
- Gulp checks - Template adapter:

>! [23:48:42] Using gulpfile ~/code/iobroker/ioBroker.chromecast/gulpfile.js
>! [23:48:42] Starting 'updatePackages'…
>! [23:48:42] Finished 'updatePackages' after 1.04 ms
>! [23:48:42] Starting 'updateReadme'…
>! [23:48:42] Finished 'updateReadme' after 270 μs
>! [23:48:42] Starting 'default'…
>! [23:48:42] Finished 'default' after 21 μs

The flow is not clear: I need to update package.json and io-package.json before calling gulp to update the readme. If I call it before then the Readme stays with the "dummy" changelog even after I update the template in io-package.json. But if I do this then the code that adds the news entries to the io-package.json is not useful. My proposal would be that:
<list type="decimal">4. Developer edits io-package.json to modify the version and add the news in english for the new version
1. Developer calls gulp -> gulp updates the version in package.json and any other places (grunt did a global replace of the old version string). Then gulp calls iobroker.3000 (or directly the google translate API) to add the translated news.
2. Developer uploads to github for the automated tests
3. Alpha testers (such as the developer) pull the new beta from github
4. Developer pushes to npm
5. Beta testers test the new version
6. Developer does a PR to the iobroker.repository -> everyone gets the new version

blauholsten

Hi,

versuche gerade die Migration des Viessmann Adapter auf Admin3.

Ich denke, ich habe mich halbwegs in die Materialize Geschichte eingearbeitet, jedoch stehen mir seit Stunden die Haare zu berge.

Ich muss in der Adapter Config, select Felder dynamisch generieren. Das klappt aber mit der Templete Vorlage nicht, die SELECTS werden nicht angezeigt. Wenn ich die Config Seite neu öffne, sind sie da.

Wenn ich aber die Source Quelle im HTML Tag tauschen, von:

auf:

klappt alles!

Was soll ich tun?

Kann es sein das die Datei im im Admin die Funktion:

$('select').material_select();

irgenwie nicht bearbeitet?

Wenn ich die Materialize Seite richtig verstanden habe, ist eine Initialisierung nach dem dynamischen anlegen der selects durch diesen Code nötig.

Darnat

Moin,

im EnOcean-Adapter werden Listen auch dynamisch generiert.

Es wird eine Liste mit Geräten erstellt und in jeder Zeile (= ein Gerät) gibt es eine Select-Dropdown-Liste:

        function showDevice(obj, isFirst) {
            var text = '';
            text += '' + obj.native.id + '';
            text += '' + obj.native.eep + '';
            text += '' + obj.native.manufacturer + '';
            text += '' + obj.native.desc + '';

            text += '' + '' +
              '<select id="' + obj.native.id + '_deviceOP" data-id="' + obj.native.id + '">' + '<option value/disabled/selected="">Select operation</option>';

            for (var i in deviceCommands) {
                text += '<option value="' + i + '">' + _(i) + '</option>';
            }

            text += '</select>';

            text = '' + text + '';
            $('#devices').append(text);
            $('#' + obj.native.id + '_deviceOP').change({id : obj.native.id}, onSelect);
            $('#' + obj.native.id + '_deviceOP').select();
        }

Und im Body-Abschnitt in einer Tabelle.

Sieht dann so aus:

Darnat

Moin,

bezüglich der Migration zum Admin Adapter 3 hätte ich da auch noch eine Frage:

Im Adapter V2 wird der EnOcean-Adapter grün angezeigt (conntect to Enocean). Im V3-Adapter bleibt er auf Gelb.

Was muss ich setzen, damit er Grün angezeigt wird?

Gruß,

Sven

Update 11.1.: Nach Update auf 3.0.10 funktioniert es.

foxthefox

Hallo,

evtl. habt ihr eine Idee für mich.

Ich versuche gerade den fritzdect Adapter für Adminv3 fit zu machen und es wird einfach nichts in der neuen materialize Formatierung angezeigt.

Ich hab die index_m.html erzeugt, die words.js enthält alle Sprachen in strukturierter Form (nach dem gulp Aufruf waren da sehr viele Zeilenumbrüche drin, die ich händisch korrigiert habe). i18n ist nicht Bestandteil von github.

Ich komme nur zu folgender Anzeige

Der template Adapter führt jedoch zu korrekter Anzeige:

Hab keine Idee mehr, was hier die Anzeige in materialize verhindert.

Die beiden Fehlermeldungen scheinen in beiden Adaptern aufzutauchen und nicht zu stören.

Ansonsten hat die Konsole keine weiteren Fehlermeldungen.

installierte Adapter

admin-beta 3.0.10

admin 2.0.9

discovery 1.0.1

template 0.0.6

fritzdect 0.0.13 von github

js-controller 1.2.3

Hat jemand Rat für mich?

Gruß

Klaus

AlCalzone

~~@foxthefox:~~

Hab keine Idee mehr, was hier die Anzeige in materialize verhindert. `
Hast du den Eintrag in die io-package.json hinzugefügt? Adapter-Upload durchgeführt? Klasse auf dem Container-Div angepasst?

foxthefox

~~@AlCalzone:~~

~~@foxthefox:~~

Hab keine Idee mehr, was hier die Anzeige in materialize verhindert. Hast du den Eintrag in die io-package.json hinzugefügt? Adapter-Upload durchgeführt? Klasse auf dem Container-Div angepasst?

Yepp.

Habe materialize true in io-Package.json, nach jeder html Änderungen hab ich Upload gemacht, und div heißt "m adapter-container".

Hab auch nochmals den Adapter installiert.

GELÖST :D

=>

hab id nicht in class umbenannt

blauholsten

Hi,

so habe meine problemchen soweit beseitigt.

@Darnat….Danke nochmal für den Tip mit dem enOcean Adapter

Eine Laien Frage hätte ich aber noch. Wenn ich die selects dynamisch befüllen lasse, wird die translate class irgendwie nicht bearbeitet.

Ich möchte jedoch die Optionen wie im Template-Adapter übersetzen lassen.

(Auszug template)


            <select class="value" id="mySelect"><option value="auto" class="translate">Auto</option>
                <option value="manual" class="translate">Manual</option></select> 
            <label for="mySelect" class="translate">My select</label>

Kann mir jemand erklären wann auf diese Klasse reagiert wird? Sorry für die vielleicht einfache Frage.

Bluefox

~~@blauholsten:~~

Hi,

so habe meine problemchen soweit beseitigt.

@Darnat….Danke nochmal für den Tip mit dem enOcean Adapter

Eine Laien Frage hätte ich aber noch. Wenn ich die selects dynamisch befüllen lasse, wird die translate class irgendwie nicht bearbeitet.

Ich möchte jedoch die Optionen wie im Template-Adapter übersetzen lassen.

(Auszug template)
        
            <select class="value" id="mySelect"><option value="auto" class="translate">Auto</option>
                <option value="manual" class="translate">Manual</option></select> 
            <label for="mySelect" class="translate">My select</label>
            
        
    
Kann mir jemand erklären wann auf diese Klasse reagiert wird? Sorry für die vielleicht einfache Frage. `
Die Texte musst du schon übersetzt einfügen.

var options = '<option value="auto">' + _('Auto') + '</option>' + 
             '<option value="manual">' + _('Manual') + '</option>';

$('#mySelect')
	.html(options) // add translated options
	.select();        // reinit materialize select

blauholsten

~~@Bluefox:~~

Die Texte musst du schon übersetzt einfügen. `
Verstehe ich das richtig, das mit der translate class funktioniert nicht? Ich brauche also die Übersetzungen alle in der index_m?

~~@Bluefox:~~

var options = '<option value="auto">' + _('Auto') + '</option>' + 
             '<option value="manual">' + _('Manual') + '</option>';
       

```` `

Ist zwar etwas offtopic, aber kann mir jemand````
_('xxx')


Was passiert in diesem Bsp. genau? :oops: :oops: :oops:

carsten04

~~@blauholsten:~~

~~@Bluefox:~~

Die Texte musst du schon übersetzt einfügen. `
Verstehe ich das richtig, das mit der translate class funktioniert nicht? Ich brauche also die Übersetzungen alle in der index_m?

~~@Bluefox:~~
var options = '<option value="auto">' + _('Auto') + '</option>' + 
             '<option value="manual">' + _('Manual') + '</option>';
       

```` `  
Ist zwar etwas offtopic, aber kann mir jemand````
_('xxx')
Was passiert in diesem Bsp. genau? :oops: :oops: :oops: `  

Das ist eine einfache javascript-Fkt. aus translate.js und übersetzt je nach Spracheinstellung aus dem Dictionary.

blauholsten

~~@carsten04:~~

Das ist eine einfache javascript-Fkt. aus translate.js und übersetzt je nach Spracheinstellung aus dem Dictionary. `
Danke, das erklärt einiges. :|

Mir war nicht klar was die Funktion tut.

Werde morgen probieren…

EDIT....

Danke @all, das mit der Funktion geht es wunderbar

PrinzEisenherz1

EDIT: Hat sich erledigt. Hab den Fehler gefunden

Hi zusammen!

Hab n Problem wo ich jetzt schon mehrere Stunden dransitze und den Fehler nicht finde!

Und zwar möchte ich vom OPi-Adapter noch die index_m.html für Admin3 erstellen und da klappt das mit den checkboxen nicht.

Wenn ich die betätigen möchte dann passiert da gar nichts. Also ich kann da hinklicken und da verändert sich nicht. Wenn ich aber unter Admin 2.0.9 die Einstellungen ändere dann sind sie auch im Admin 3 geändert.

hier mal der Ausschnitt aus meine index_m.html


          ![](opi.png)

##### OPI-Monitor Adapter settings

        CPU

          ###### Memory 

          Network

          eMMC

          Swap

          Temperature

          Uptime

          WLAN

Wäre super wenn mir da jemand helfen könnte.

Gruß

Johnny

blauholsten

~~@PrinzEisenherz1:~~

Wäre super wenn mir da jemand helfen könnte.

Gruß

Johnny `
Kann nur vermuten, ist nicht wirklich wissen….

Aber probier mal alle Checkboxen in ein form div zu packen. Des Weiteren solltest du Labels nutzen

http://materializecss.com/forms.html

EDIT…was sagt die console

PrinzEisenherz1

Das hatte ich schon probiert, aber hat leider auch nicht geklappt

EDIT:

Hat sich erledigt. Hab den Fehler gefunden. Lag nicht an der div-Aufteilung sondern einem Fehler im vorherigen Code.

Johnny

Pman

Wenn die Adapter-Einstellungen keine Tabs haben kommt es zu einem CSS-Fehler, da dann jede "row" 100% hoch ist.

Was ist hier die richtige Lösung? Immer einen Dummy-Tab erstellen oder kann man das css auf diese Situation anpassen?

@bluefox bitte mal beim mqtt-client checken, da tritt das Problem auf.

Community Forum

NEWS

Admin3 Migration von Konfigurationsdateien

Support us

802

32.4k

81.4k

1.3m