Adapterentwicklung / Object ID Baum

snador

Ansonsten hab ich nur folgendes drin. Ein Klick auf ein Elemente zum testen.

   $('#select2').click(function () {
            initSelectId(function (sid) {
                sid.selectId('show', $('#object2').val(), function (newId) {
                    if (newId != $('#object2').val()) {
                        $('#object2').val(newId);
                        onChange();
                    }
                });
            });
        });

snador

Ach so. Vielleicht sollte ich noch dazu sagen, dass ich die Funktion nicht im Backend benötige wie der vCard Adapter sondern auf einer Edit Seite im Frontend, ähnlich wie der Vis Adapter. Spielt ggf. ne Rolle bzgl. der einzubindenden Ressourcen…

snador

Hier noch das aktuelle Testszenario:

/**
 *  ioBroker.nightingale
 *  https://github.com/ioBroker/ioBroker.nightingale
 *
 *  Copyright (c) 2018 Sandro Zimmermann https://github.com/xxx
 *  License: MIT
 *
*/

/* jshint browser:--undef */
/* jshint browser:true */
/* global document */
/* global console */
/* global session */
/* global window */
/* global location */
/* global setTimeout */
/* global clearTimeout */
/* global io */
/* global systemLang:true */
/* global systemLang */
/* global _ */
/* global can */
/* global storage */
/* global servConn */
/* global systemDictionary:true */
/* global systemDictionary */
/* global $ */
/* global translateAll */
/* global jQuery */
/* global $ */
/* global document */
/* jshint -W097 */// jshint strict:false

'use strict';

var selectId;

// Dict ///////////////////////////////////////////////////
$.extend(systemDictionary, {
    'Views': {
    	'en': 'Views',
    	'de': 'Views',
    	'ru': 'Страницы'
    }
});

// NGL ///////////////////////////////////////////////////
var ngl = {

	version: "0.0.1",
    requiredServerVersion: '0.0.0',
    enums:        {},
    objects:      {},
    states:       {},
    root:         [],
    refresh:      false,
    isFirstTime:  true,
    conn:         servConn,
    editMode:     false,
    queueStates:  [],
    updateStates: [],
    ids:          [],
    user:         'admin',
    defaultInvisibleRoles: ['inhibit', 'button', 'action', 'timer'],
    defaultInvisibleNames: ['TIMER_ON', 'RELOCK_DELAY', 'OLD_VALUE', 'STATE_UNCERTAIN', 'DECISION_VALUE', 'ADJUSTING_DATA' , 'ADJUSTING_COMMAND', 'INSTALL_TEST'],
    ignoreIndicators: ['indicator.updates', 'indicator.state'],
    lastTimes:    [],
    activePage:   null,
    erasePage:    {},
    isMobile:     null,

    // Init ///////////////////////////////////////////////////

    init: function(){

    	console.log('init');

    	ngl.initConn();

    	console.log(ngl.conn);
    	console.log(ngl.conn._socket);

    	ngl.conn.getObjects(function (err, data) {
                    vis.objects = data;
        });

    	$('#testfield').click(function () {
            ngl.initSelectId(function (sid) {
                sid.selectId('show', $('#testfield').val(), function (newId) {
                    if (newId != $('#testfield').val()) {
                        $('#testfield').val(newId);
                        onChange();
                    }
                });
            });
        });

    },

    // Connection ///////////////////////////////////////////////////

    initConn: function(){

    	ngl.conn.namespace   = 'nightingale.0';
	    ngl.conn._useStorage = false;
	    var states = [];
	    ngl.conn.init({
	        name:          		'',  			// optional - default 'vis.0'
	        connLink:      		'',  	// optional URL of the socket.io adapter
	        socketSession: 		''           				// optional - used by authentication
	    },{
	        onConnChange: function (isConnected) {
	            if (isConnected) {
	                console.log('connected');
	                ngl.conn.getStates(function (err, _states) {
	                    var count = 0;
	                    for (var id in _states) {
	                        count++;
	                    }
	                    console.log('Received ' + count + ' states.');
	                    states = _states;
	                });
	            } else {
	                console.log('disconnected');
	            }
	        },
	        onRefresh: function () {
	            window.location.reload();
	        },
	        onUpdate: function (id, state) {
	            setTimeout(function () {
	                console.log('NEW VALUE of ' + id + ': ' + JSON.stringify(state));
	                states[id] = state;
	            }, 0);
	        },
	        onError: function (err) {
	            window.alert(_('Cannot execute %s for %s, because of insufficient permissions', err.command, err.arg), _('Insufficient permissions'), 'alert', 600);
	        }
	    });

    },

    // Object Tree ///////////////////////////////////////////////////

    initSelectId: function(cb) {
        if (selectId) return cb(selectId);
        ngl.conn._socket.emit('getObjects', function (err, res) {
            if (!err && res) {
                selectId = $('#dialog-select-member').selectId('init',  {
                    noMultiselect: true,
                    objects: res,
                    imgPath:       '../../lib/css/fancytree/',
                    filter:        {type: 'state'},
                    name:          'vcard-select-state',
                    texts: {
                        select:          _('Select'),
                        cancel:          _('Cancel'),
                        all:             _('All'),
                        id:              _('ID'),
                        name:            _('Name'),
                        role:            _('Role'),
                        room:            _('Room'),
                        value:           _('Value'),
                        selectid:        _('Select ID'),
                        from:            _('From'),
                        lc:              _('Last changed'),
                        ts:              _('Time stamp'),
                        wait:            _('Processing...'),
                        ack:             _('Acknowledged'),
                        selectAll:       _('Select all'),
                        unselectAll:     _('Deselect all'),
                        invertSelection: _('Invert selection')
                    },
                    columns: ['image', 'name', 'role', 'room']
                });
                cb && cb(selectId);
            }
        });
    }

    // Helpers ///////////////////////////////////////////////////

};

// Ready ///////////////////////////////////////////////////
(function ($) {
    $(document).ready(function () {
        ngl.init();
    });
})(jQuery);


    <title>Titel</title>

### Nightingale Adapter

snador

So, ich hab mal den Code oben drüber aktualisiert. Sorry aber ich blicke insgesamt noch nicht wirklich durch, deshalb die ganze Anfängerfragen. Ich versuche gerade im Adapter "Frontend" (www) eine Seite zu erstellen (ähnlich Vis Edit) die eine Connection erstellt und SocketIO zum Laufen bringt. Danach möchte ich gerne den Object Baum holen. Nur mal so für den Anfang. Vielleicht versteh ich es irgendwann Ich hab mir die grundsätzliche Vorgehensweise in diversen Adaptern abgeschaut.

Nun zu meinen Fragen.

1: Muss ich die Connection im www überhaupt noch initialisieren oder steht die schon wenn der Adapter läuft? Ist es so halbweg korrekt?

2: Die Connection scheint erfolgreich zu laufen aber es kommt die Meldung "socket.io not initialized" (Meldung kommt erst wenn ngl.conn.getObjects aufgerufen wird). Wie mache ich das und muss ich überhaupt?

3: In der Funktion initSelectId bringt der Aufruf socket.emit() den weiter oben erwähnten Fehler aber auch ngl.conn._socket.emit() liefert zurück das _socket logischerweise null ist Führe ich auf Punkt [2] zurück…

4: Ist mein grober Ansatz überhaupt korrekt?

Vielleicht kann einer der Wissenden mal drüber schauen und dem Noob etwas auf die Sprünge helfen.

Vielen Dank!
4236_console.jpg

snador

Neuer Stand: Ich habe den socket.io Adapter installiert und läuft es erst einmal. Nun fragen ich mich allerdings warum andere Adapter auch laufen ohne das der Socket.io Adapter installiert war? Gibt es noch eine andere (eventuell günstigere) Variante ohne den socket.io Adapter zu installieren? Und ist es normal das in der Console minutenlang alle gefundenen Objekte durchlaufen?

Fragen über Fragen, sorry

AlCalzone

~~@snador:~~

Gibt es noch eine andere (eventuell günstigere) Variante ohne den socket.io Adapter zu installieren? `
Möglicherweise mit dem Web-Adapter und seiner integrierten socket.io-Instanz.

snador

Ich habe jetzt noch was anderes ausprobiert Ich habe mir aus einem anderen Adapter den Part "_socket/info.js" herauskopiert und eingebunden und den socket.io Adapter wieder deinstalliert. Und siehe da es geht Kann mir Jemand erklären warum und ob die Vorgehensweise so einigermaßen korrekt ist.


    <title>Titel</title>

Aber noch eine andere Frage: Muss das so sein, dass in der Console unablässig die Objekte laufen? Siehe Anhang:
4236_console.jpg

simatec

Ich krame hier mal den alten Thread wieder raus.
Aktuell habe ich ein vergleichbares Problem.

Ich bekomme die Object-ID Dialog auf biegen und brechen nicht aufgerufen.
Hier mal der aktuelle Stand vom Github mit meinen Versuchen.
https://github.com/simatec/ioBroker.shuttercontrol/blob/master/admin/index_m.html

Hab keine Idee, was ich noch probieren kann.

simatec

edit: Die Dialogbox mit Oject-Baum öffnet jetzt.
Wie man allerdings die ausgewählte ID nun in die neu angelegte Tabellenzeile bekommt, erschließt sich mir garnicht.
Gibt es irgendwo eine Doku zu den Aufbau der Tabellen?

blauholsten

Moin,

Wenn du dich etwas gedulden kannst, schick ich dir nachher wie das geht.
Ich habe mich vor einiger Zeit damit beschäftigt, wenn ich mich richtig erinnere haben blufox seine links nicht wirklich funktioniert.

simatec

@blauholsten
Perfekt ...

blauholsten

Hi,

hatte vorhin nicht richtig gelesen, hast ein PR den kannst du mal testen...

simatec

@blauholsten
Der PR bringt so leider nix.
Bin aber auch schon etwas weiter gekommen.
ID‘s werden nun geschrieben.
Muss allerdings nochmal schauen, warum über den edit Button nur dann der Dialog Object Baum aufgerufen wird, solang ich keine nein Zeile in der Tabelle hinzufüge.
Wenn ich eine neue Zeile hinzufüge, geht edit erst nach dem speichern.
Ist allerdings noch nicht im Github gepusht

blauholsten

Hi,

habe dein Adapter mal kurz installiert, bekomme folgende Meldung wenn ich die ID öffnen will....

Uncaught TypeError: $(...).selectId is not a function
    at n.<anonymous> (index_m.html?0:206)
    at n.onack (universalModuleDefinition:3)
    at n.onpacket (universalModuleDefinition:3)
    at n.<anonymous> (universalModuleDefinition:3)
    at n.emit (universalModuleDefinition:2)
    at n.ondecoded (universalModuleDefinition:1)
    at s.<anonymous> (universalModuleDefinition:3)
    at s.r.emit (universalModuleDefinition:1)
    at s.add (universalModuleDefinition:1)
    at n.ondata (universalModuleDefinition:1)

simatec

@blauholsten
Das sollte gefixt sein. Werde morgen mal den aktuellen Stand pushen. Rechner ist schon aus

simatec

Ich bin nun ein Stück weiter.
Aufrufen und setzen der ID's aus dem Objectbaum geht mit folgenden Zeilen:

$('#events .values-buttons[data-command="edit"]').on('click', function () {
                var id = $(this).data('index');
                initSelectId(function (sid) {
                    sid.selectId('show', $('#events .values-input[data-name="name"][data-index="' + id + '"]').val(), function (newId) {
                        if (newId) {
                            $('#events .values-input[data-name="name"][data-index="' + id + '"]').val(newId).trigger('change');
                        }
                    });
                });
            });

Füge ich allerdings eine neue Zeile in der Tabelle hinzu oder ändere in der Tabelle etwas, so kann ich danach über die edit button das select menü nicht mehr aufrufen.
Ich denke es liegt an dem refresh. Erst nach speichern & schließen funktionier die obere Funktion wieder.
Wie kann ich das umgehen?? Hat wer eine Idee?

https://github.com/simatec/ioBroker.shuttercontrol/blob/e57b0e67d3ad4abb9702bca7594f3fc14fac02e3/admin/index_m.html#L131

s.bormann

Nach jedem Refresh muss die Funktion wieder neu hinzugefügt werden. Das geht am besten so:

values2table('table', array, onChange, onTableReady);

function onTableReady(){
//... hier die Zeilen einfügen, die die edit-Buttons mit dem SelectId-Dialog belegt
}

Hier ein Beispiel:
https://github.com/sbormann/ioBroker.iqontrol/blob/9f5800c5ff4269b3bb9c03f3f77846c4ade71dce/admin/index_m.js#L363

Ich hoffe, das hilft!

simatec

@s-bormann
Danke für deine Antwort.
Ich muss das aber noch einmal kurz beschreiben.
Wenn ich den Edit Button betätige wird das selectID Dialog aufgerufen und ich kann eine ID auswählen und einfügen.
Das geht soweit auch und ich kann die bei allen Tabelleneinträgen so durchführen.
Mein Problem besteht nur, wenn ich mit dem Add Button eine neue Zeile einfüge.
Wenn die neue Zeile angelegt ist, kann ich die edit Button nicht mehr betätigen.

Erst ein speichern und schließen behebt das Problem

s.bormann

@simatec Ja, genau so ist es. Beim adden wird die Tabelle neu aufgebaut - damit werden auch alle edit knopfe neu generiert und haben somit ist auch das selectId-Click-Event weg. Das Event muss neu mit .on(... gebunden werden. Das geht am besten mit der onTableReady-Funktion.

simatec

@s-bormann sagte in Adapterentwicklung / Object ID Baum:

@simatec Ja, genau so ist es. Beim adden wird die Tabelle neu aufgebaut - damit werden auch alle edit knopfe neu generiert und haben somit ist auch das selectId-Click-Event weg. Das Event muss neu mit .on(... gebunden werden. Das geht am besten mit der onTableReady-Funktion.

Also wenn ich das richtig verstehe, muss die Click Funktion in die onTableReady-Funktion?

Also diese hier?

$('#events .values-buttons[data-command="edit"]').on('click', function () {
                var id = $(this).data('index');
                initSelectId(function (sid) {
                    sid.selectId('show', $('#events .values-input[data-name="name"][data-index="' + id + '"]').val(), function (newId) {
                        if (newId) {
                            $('#events .values-input[data-name="name"][data-index="' + id + '"]').val(newId).trigger('change');
                        }
                    });
                });
            });

NEWS

Adapterentwicklung / Object ID Baum

Support us

815
Online

31.6k
Users

79.4k
Topics

1.3m
Posts

NEWS

Adapterentwicklung / Object ID Baum

Support us

815Online

31.6kUsers

79.4kTopics

1.3mPosts

815
Online

31.6k
Users

79.4k
Topics

1.3m
Posts