Material Design Widgets: Adapter Status

bommel_030

@Scrounger
Ich habs mal umgesetzt....
Variable farbeAdapterWerte hinzu und die grey-Definition durch die Variable ersetzt.

// Imports -> müssen im Javascript Adapter unter 'Zusätzliche NPM-Module' eingetragen sein
const moment = require("moment");
const momentDurationFormatSetup = require("moment-duration-format");


// Skript Einstellungen *************************************************************************************************************************************************

let dpList = '0_userdata.0.vis.AdapterStatus.jsonList';                     // Datenpunkt für IconList Widget (Typ: Zeichenkette (String))
let dpAdapterRestart = '0_userdata.0.vis.AdapterStatus.restartTrigger';     // Datenpunkt für Adapter restart (Typ: Zeichenkette (String))

let dpSortMode = '0_userdata.0.vis.AdapterStatus.sortMode';                 // Datenpunkt für Sortieren (Typ: Zeichenkette (String))
let dpFilterMode = '0_userdata.0.vis.AdapterStatus.filterMode';             // Datenpunkt für Filter (Typ: Zeichenkette (String))

let adminUpdatesList = 'admin.0.info.updatesList';                          // Datenpunkt Admin Adapter für verfübare Updates der Adapter

const checkInterval = 30;                                                   // Interval wie oft Status der Adapter aktualisiert werden soll (in Sekunden)

let sprache = 'de';                                                         // Sprache für formatierung Dauer 
let formatierungDauer = "dd[T] hh[h] mm[m]";                                // Formatierung der Dauer -> siehe momentjs library

let neustarten = true;                                                      // true: Adapter wird neugestartet, false: Adapter wird gestoppt oder gestartet

let farbeAdapterAktiv = 'green';                                            // Status Bar Farbe wenn Adapter aktiv ist
let farbeAdapterNichtAktiv = 'FireBrick';                                   // Status Bar Farbe wenn Adapter nicht aktiv ist oder Fehler vorliegt
let farbeAdapterDeaktiviert = 'darkgrey';                                   // Status Bar Farbe wenn Adapter deaktiviert ist
let farbeAdapterNichtVerbunden = 'yellow';                                  // Status Bar Farbe wenn Adapter nicht verbunden ist
let farbeAdapterZeitgesteuert = 'lightgreen';                               // Status Bar Farbe wenn Adapter zeitgesteuert ist
let farbeAdapterErweiterung = '#44739e';                                    // Status Bar Farbe wenn Adapter Erweiterung ist
let farbeAdapterSystem = '#44739e';                                         // Status Bar Farbe wenn Adapter mit System gestartet wird
let farbeAdapterWerte = '#000000';                                       // Sekundärfarbe Adapterwerte, einer muss auskommentiert sein !
// let farbeAdapterWerte = getState('0_userdata.0.VIS.Farben.SecColor').val;   // Sekundärfarbe aus Datenpunkt, einer muss auskommentiert sein !

let sortResetAfter = 120;                                                   // Sortierung nach X Sekunden auf sortReset zurücksetzen (0=deaktiviert)
let sortReset = 'name'                                               // Sortierung auf die zurückgesetzt werden soll

let filterResetAfter = 120;                                                 // Filter nach X Sekunden zurücksetzen (0=deaktiviert)

// **********************************************************************************************************************************************************************


// Fomate für moment Lib
moment.locale(sprache);

// auf .alive Änderungen hören
let aliveSelector = `[id=system.adapter.*.alive]`;
let adapterAliveList = $(aliveSelector);
if (adapterAliveList.length === 0) {
   // Fehlermeldung ausgeben, wenn selector kein result liefert
   console.error(`no result for selector '${aliveSelector}'`)
} else {
   // listener nur für Änderung bei alive
   adapterAliveList.on(adapterStatus);
}

// auf .connection Änderungen hören
let connectionSelector = `[id=*.info.connection]`;
let adapterConnectionList = $(connectionSelector);
if (adapterConnectionList.length === 0) {
   // Fehlermeldung ausgeben, wenn selector kein result liefert
   console.error(`no result for selector '${connectionSelector}'`)
} else {
   // listener nur für Änderung bei alive
   adapterConnectionList.on(adapterStatus);
}

// auf .connected Änderungen hören
let connectedSelector = `[id=system.adapter.*.connected]`;
let adapterConnectedList = $(connectedSelector);
if (adapterConnectedList.length === 0) {
   // Fehlermeldung ausgeben, wenn selector kein result liefert
   console.error(`no result for selector '${connectedSelector}'`)
} else {
   // listener nur für Änderung bei alive
   adapterConnectedList.on(adapterStatus);
}

// auf Änderungen der Sortieung hören
on({ id: dpSortMode, change: 'any' }, adapterStatus);
on({ id: dpSortMode, change: 'any' }, resetSort);

// auf Änderungen der Filter hören
on({ id: dpFilterMode, change: 'any' }, adapterStatus);
on({ id: dpFilterMode, change: 'any' }, resetFilter);

// Funktion adapterStatus alle x Sekunden ausführen
schedule('*/' + checkInterval + ' * * * * *', adapterStatus);

function adapterStatus() {
   // Funktion um Status der Adapter abzurufen und als JSON String für das Material Design Widget IconList aufbereiten
   try {
       let adapterList = [];
       let updateList = myHelper().getStateValueIfExist(adminUpdatesList);

       for (var i = 0; i <= adapterAliveList.length - 1; i++) {
           let id = adapterAliveList[i].replace('.alive', '');
           let obj = getObject(adapterAliveList[i].replace('.alive', ''));

           let nameArray = id.replace('system.adapter.', '').split(".");

           let name = nameArray[0];
           name = name.charAt(0).toUpperCase() + name.slice(1);

           let nameWithInstance = name;
           let adapterInstance = nameArray[1];
           if (parseInt(adapterInstance) > 0) {
               nameWithInstance = name + '.' + adapterInstance;
           }

           let uptime = (existsState(id + '.uptime')) ? moment.duration(getState(id + '.uptime').val, 'seconds').format(formatierungDauer, 0) : '-';
           let image = (myHelper().checkCommonPropertyExist(obj, 'icon')) ? `/${nameArray[0]}.admin/${obj.common.icon}` : 'image-off-outline';

           let hasUpdates = updateList && updateList.includes(nameArray[0]);
           let newVersion = (hasUpdates) ? '<span class="mdi mdi-update" style="color: #ec0909;"></span>' : '';

           let text = `<div style="display: flex; flex-direction: row; line-height: 1.5; padding-right: 8px; align-items: center;">
                           <div style="flex: 1">${newVersion} ${nameWithInstance}</div>
                           <div style="color: ${farbeAdapterWerte}; font-size: 12px; font-family: RobotoCondensed-LightItalic;">${myHelper().getCommonPropertyIfExist(obj, 'version', '-', 'v', '')}</div>
                       </div>`

           let subText = `<div style="display: flex; flex-direction: row; line-height: 1.3; padding-left: 1px; padding-right: 8px; align-items: center;">
                               <div style="flex: 1;">CPU</div>
                               <div style="color: ${farbeAdapterWerte}; font-size: 14px; font-family: RobotoCondensed-LightItalic; text-align: right;">${myHelper().getStateValueIfExist(id + '.cpu', '-', '', ' %')}</div>
                           </div>
                           <div style="display: flex; flex-direction: row; line-height: 1.3; padding-left: 1px; padding-right: 8px; align-items: center;">
                               <div style="flex: 1;">RAM total</div>
                               <div style="color: ${farbeAdapterWerte}; font-size: 14px; font-family: RobotoCondensed-LightItalic; text-align: right;">${myHelper().getStateValueIfExist(id + '.memHeapTotal', '-', '', ' MB')}</div>
                           </div>
                           <div style="display: flex; flex-direction: row; line-height: 1.3; padding-left: 1px; padding-right: 8px; align-items: center;">
                               <div style="flex: 1;">RAM verwendet</div>
                               <div style="color: ${farbeAdapterWerte}; font-size: 14px; font-family: RobotoCondensed-LightItalic; text-align: right;">${myHelper().getStateValueIfExist(id + '.memHeapUsed', '-', '', ' MB')}</div>
                           </div>
                           <div style="display: flex; flex-direction: row; line-height: 1.3; padding-left: 1px; padding-right: 8px; align-items: center;">
                               <div style="flex: 1;">RAM reserviert</div>
                               <div style="color: ${farbeAdapterWerte}; font-size: 14px; font-family: RobotoCondensed-LightItalic; text-align: right;">${myHelper().getStateValueIfExist(id + '.memRss', '-', '', ' MB')}</div>
                           </div>
                           <div style="display: flex; flex-direction: row; line-height: 1.3; padding-left: 1px; padding-right: 8px; align-items: center;">
                               <div style="flex: 1;">Betriebszeit</div>
                               <div style="color: ${farbeAdapterWerte}; font-size: 14px; font-family: RobotoCondensed-LightItalic; text-align: right;">${uptime}</div>
                           </div>
                           <div style="display: flex; flex-direction: row; line-height: 1.3; padding-left: 1px; padding-right: 8px; align-items: center;">
                               <div style="flex: 1;">Modus</div>
                               <div style="color: ${farbeAdapterWerte}; font-size: 14px; font-family: RobotoCondensed-LightItalic; text-align: right;">${myHelper().getCommonPropertyIfExist(obj, 'mode', '-')}</div>
                           </div>`

           let statusBarColor = farbeAdapterNichtAktiv;
           let status = 3;

           if (myHelper().getStateValueIfExist(adapterAliveList[i]) === 'true') {
               statusBarColor = farbeAdapterAktiv;
               status = 0;

               if (existsState(id.replace('system.adapter.', '') + '.info.connection')) {
                   if (!getState(id.replace('system.adapter.', '') + '.info.connection').val) {
                       statusBarColor = farbeAdapterNichtVerbunden;
                       status = 4;
                   }
               } else {
                   if (myHelper().getStateValueIfExist(adapterAliveList[i].replace('.alive', '.connected')) === 'false') {
                       statusBarColor = farbeAdapterNichtVerbunden;
                       status = 4;
                   }
               }
           }

           if (myHelper().getCommonPropertyIfExist(obj, 'mode') === 'schedule') {
               // Adapter ist zeitgesteuert
               statusBarColor = farbeAdapterZeitgesteuert;
               status = 1;
           }

           if (myHelper().getCommonPropertyIfExist(obj, 'mode') === 'extension') {
               // Adapter ist Extension
               statusBarColor = farbeAdapterErweiterung;
               status = 1;
           }

           if (myHelper().getCommonPropertyIfExist(obj, 'mode') === 'once') {
               // Adapter wird mit System gestartet
               statusBarColor = farbeAdapterSystem;
               status = 1;
           }

           if (myHelper().getCommonPropertyIfExist(obj, 'enabled', false).toString() === 'false') {
               // Adapter ist deaktiviert
               statusBarColor = farbeAdapterDeaktiviert;
               status = 2;
           }

           adapterList.push({
               text: text,
               subText: subText,
               image: image,
               listType: "buttonState",
               objectId: dpAdapterRestart,
               buttonStateValue: id,
               statusBarColor: statusBarColor,
               showValueLabel: false,
               name: name,
               mode: myHelper().getCommonPropertyIfExist(obj, 'mode'),
               hasUpdates: hasUpdates,
               cpu: parseFloat(myHelper().getStateValueIfExist(id + '.cpu', '0')),
               memHeapTotal: parseFloat(myHelper().getStateValueIfExist(id + '.memHeapTotal', '0')),
               memHeapUsed: parseFloat(myHelper().getStateValueIfExist(id + '.memHeapUsed', '0')),
               memRss: parseFloat(myHelper().getStateValueIfExist(id + '.memRss', '0')),
               uptime: parseFloat(myHelper().getStateValueIfExist(id + '.uptime', 0)),
               status: status
           })
       }

       let sortMode = myHelper().getStateValueIfExist(dpSortMode, 'name');

       if (sortMode === 'name' || sortMode === 'mode') {
           adapterList.sort(function (a, b) {
               return a[sortMode].toLowerCase() == b[sortMode].toLowerCase() ? 0 : +(a[sortMode].toLowerCase() > b[sortMode].toLowerCase()) || -1;
           });
       } else if (sortMode === 'hasUpdates' || sortMode === 'cpu' || sortMode === 'memHeapTotal' || sortMode === 'memHeapUsed' || sortMode === 'memRss' || sortMode === 'uptime' || sortMode === 'status') {
           adapterList.sort(function (a, b) {
               return a[sortMode] == b[sortMode] ? 0 : +(a[sortMode] < b[sortMode]) || -1;
           });
       } else {
           // default: nach name sortieren
           sortMode = 'name'
           adapterList.sort(function (a, b) {
               return a[sortMode].toLowerCase() == b[sortMode].toLowerCase() ? 0 : +(a[sortMode].toLowerCase() > b[sortMode].toLowerCase()) || -1;
           });
       }

       // Filter: not connected, updates, deaktiviert, aktiviert

       let filterMode = myHelper().getStateValueIfExist(dpFilterMode, null);

       if (filterMode && filterMode !== null && filterMode !== '') {
           if (filterMode === 'hasUpdates') {
               adapterList = adapterList.filter(function (item) {
                   return item.hasUpdates === true;
               });
           } else if (filterMode === 'notConnected') {
               adapterList = adapterList.filter(function (item) {
                   return item.status === 4;
               });
           } else if (filterMode === 'deactivated') {
               adapterList = adapterList.filter(function (item) {
                   return item.status === 2;
               });
           } else if (filterMode === 'activated') {
               adapterList = adapterList.filter(function (item) {
                   return item.status <= 1;
               });
           }
       }

       let result = JSON.stringify(adapterList);
       if (getState(dpList) !== result) {
           setState(dpList, result, true);
       }

   } catch (err) {
       console.error(`[adapterStatus] error: ${err.message}, stack: ${err.stack}`);
   }
}

// Beim Staren des Skriptes Adapter Status abrufen
adapterStatus();

// Funktion um Adapter zu starten / neu starten
on({ id: dpAdapterRestart }, function (obj) {
   var adapter = getObject(obj.state.val.toString());

   if (neustarten) {
       if (adapter.common && adapter.common.enabled === false) {
           // Adapter deaktiviert -> starten
           adapter.common.enabled = true;
       }
   } else {
       if (adapter.common && adapter.common.enabled) {
           adapter.common.enabled = !adapter.common.enabled;
       } else {
           adapter.common.enabled = true;
       }
   }

   setObject(obj.state.val, adapter);
   console.log(`${obj.state.val.replace('system.adapter.', '')} neugestartet`);
});


function resetSort() {
   let sortMode = myHelper().getStateValueIfExist(dpSortMode, null);

   if (sortResetAfter > 0) {
       setTimeout(function () {
           if (sortMode !== null && sortMode === myHelper().getStateValueIfExist(dpSortMode, null)) {
               setState(dpSortMode, sortReset);
           }
       }, sortResetAfter * 1000);
   }
}

function resetFilter() {
   let filterMode = myHelper().getStateValueIfExist(dpFilterMode, null);

   if (filterResetAfter > 0) {
       setTimeout(function () {
           if (filterMode !== null && filterMode === myHelper().getStateValueIfExist(dpFilterMode, null)) {
               setState(dpFilterMode, '');
           }
       }, filterResetAfter * 1000);
   }
}

function myHelper() {
   return {
       getStateValueIfExist: function (id, nullValue = undefined, prepand = '', append = '') {
           if (existsState(id)) {
               return prepand + getState(id).val + append;
           } else {
               return nullValue;
           }
       },
       getCommonPropertyIfExist: function (object, prop, nullValue = undefined, prepand = '', append = '') {
           if (myHelper().checkCommonPropertyExist(object, prop)) {
               return prepand + object.common[prop] + append;
           } else {
               return nullValue;
           }
       },
       checkCommonPropertyExist: function (object, prop) {
           if (object && object.common && object.common[prop]) {
               return true;
           } else {
               return false;
           }
       }
   }
}

Der Rest entspricht dem Stand aus deinem ersten Post.
Edit: gleiche noch ne Variable für Farbe aus Datenpunkt aufgenommen. Eine der beiden muss auskommentiert sein.

sigi234

@Scrounger

Hallo, kann man so eine Liste auch für die FritzBox machen?
IP, Gerätename, Mac, Online/Offline, usw...RSSI

darkiop

@sigi234 Schau mal hier: https://forum.iobroker.net/topic/30812/material-design-widets-netzwerk-status

sigi234

@darkiop sagte in Material Design Widgets: Adapter Status:

@sigi234 Schau mal hier: https://forum.iobroker.net/topic/30812/material-design-widets-netzwerk-status

Das kenne ich, diese liest aber nur den tr-064 aus.

darkiop

@sigi234 sagte in Material Design Widgets: Adapter Status:

Das kenne ich, diese liest aber nur den tr-064 aus.

Ok Sowas auf Basis Ping-Adapter oder Unifi wäre noch Interessant.

sigi234

@darkiop sagte in Material Design Widgets: Adapter Status:

@sigi234 sagte in Material Design Widgets: Adapter Status:

Das kenne ich, diese liest aber nur den tr-064 aus.

Ok Sowas auf Basis Ping-Adapter oder Unifi wäre noch Interessant.

Genau.

Scrounger

@darkiop sagte in Material Design Widgets: Adapter Status:

@sigi234 sagte in Material Design Widgets: Adapter Status:

Das kenne ich, diese liest aber nur den tr-064 aus.

Ok Sowas auf Basis Ping-Adapter oder Unifi wäre noch Interessant.

Für unifi erstell ich gerade das Skript, müsst euch aber noch gedulden;-)

darkiop

@Scrounger sagte in Material Design Widgets: Adapter Status:

Für unifi erstell ich gerade das Skript, müsst euch aber noch gedulden;-)

Super, das wäre dann mal wieder ein Grund den Adapter zu installieren - auch wenn er gut 25.000 States erzeugt ...

Scrounger

Hab noch einen kleinen Fehler gefunden und das skript in Post 1 eins aktualisiert.

Oli

@Scrounger

ich bekomme folgende Warmeldungen, wenn ein Adapter deinstalliert wurde.
Kann sowas per Script abgefangen werden?

javascript.0	2020-03-26 12:52:30.141	warn	(17092) Object "system.adapter.coronavirus-statistics.0" does not exist
javascript.0	2020-03-26 12:52:15.053	warn	(17092) Object "system.adapter.coronavirus-statistics.0" does not exist
javascript.0	2020-03-26 12:52:14.462	warn	(17092) Object "system.adapter.coronavirus-statistics.0" does not exist
javascript.0	2020-03-26 12:52:14.285	warn	(17092) Object "system.adapter.coronavirus-statistics.0" does not exist

Michi68

@Scrounger
Hallo,
erst mal vielen Dank für die tolle Arbeit, habe Heute erst gesehen das es eine neue Version des Scripts gibt und direkt gegen das alte ausgetauscht.
Dabei ist mir dann das hier aufgefallen, diese roten wellen Linien

Habe aber alles so wie es vorne steht im Javascript Adapter eingetragen

Script läuft auch ohne Fehler, steht zumindest nichts im Log und die View auch, Sortieren, Filtern Neustarten oder auch An und Aus geht alles.

Also die wellen Linien waren letztens noch nicht da, kommen aber auch nicht durch das neue Script da ich sie noch vor dem Austauschen entdeckt habe. Irgend wer eine Idee, muss ich noch was Installieren was ich vergessen oder übersehen habe?

Raspberry 4 4GB
admin 3.7.8
javascript 4.3.4
Material Design Widgets 2.66
Node.js v10.19.0
NPM 6.13.4
JS-Controller 2.2.9

Gruß Michael

tobasium

[erledigt]
Hallo Zusammen,

ich bekomme es leider nicht zum laufen. Folgende Fehler tauchen bei mir au:

View:

Fehler im JSON-String!
Cannot read property 'length' of null

Adapter:
16:54:15.727 info javascript.0 (1665) script.js.java.Adapter: registered 139 subscriptions and 1 schedule

ca im minuten takt dan:

16:57:00.174 warn javascript.0 (1665) at Object.adapterStatus (script.js.java.Adapter:255:13)

libraries & Einstellungen im Javascript Adapter wurden getätigt und system auch neu gestertet.

Auswertung log:

javascript.0	2020-03-27 16:59:00.191	warn	(1665) at Timer.processTimers (timers.js:223:10)
javascript.0	2020-03-27 16:59:00.191	warn	(1665) at listOnTimeout (timers.js:263:5)
javascript.0	2020-03-27 16:59:00.191	warn	(1665) at tryOnTimeout (timers.js:300:5)
javascript.0	2020-03-27 16:59:00.191	warn	(1665) at ontimeout (timers.js:436:11)
javascript.0	2020-03-27 16:59:00.191	warn	(1665) at Timeout._onTimeout (/opt/iobroker/node_modules/iobroker.javascript/node_modules/node-schedule/lib/schedule.js:501:7)
javascript.0	2020-03-27 16:59:00.190	warn	(1665) at /opt/iobroker/node_modules/iobroker.javascript/node_modules/node-schedule/lib/schedule.js:543:11
javascript.0	2020-03-27 16:59:00.190	warn	(1665) at Job.invoke (/opt/iobroker/node_modules/iobroker.javascript/node_modules/node-schedule/lib/schedule.js:173:10)
javascript.0	2020-03-27 16:59:00.190	warn	(1665) at Job.nodeSchedule.scheduleJob [as job] (/opt/iobroker/node_modules/iobroker.javascript/lib/sandbox.js:1341:34)
javascript.0	2020-03-27 16:59:00.190	warn	(1665) at Object.adapterStatus (script.js.java.Adapter:255:13)
javascript.0	2020-03-27 16:59:00.190	warn	(1665) at setState (/opt/iobroker/node_modules/iobroker.javascript/lib/sandbox.js:1426:20)
javascript.0	2020-03-27 16:59:00.188	warn	(1665) State "0_userdata.0.vis.AdapterStatus.jsonList" not found

Kann mir hier jemand helfen? [hat sich erledigt]

Mir hat nur der Datenpunkt gefehlt!!

Scrounger

@Tobias-Armbruster

javascript.0	2020-03-27 16:59:00.188	warn	(1665) State "0_userdata.0.vis.AdapterStatus.jsonList" not found

Datenpunkt 0_userdata.0.vis.AdapterStatus.jsonList existiert nicht.

Die Datenpunkte unter Skript Einstellungen musst du erstmal alle erstellen, damit es funktioniert.

// Skript Einstellungen *************************************************************************************************************************************************

 

let dpList = '0_userdata.0.vis.AdapterStatus.jsonList';                     // Datenpunkt für IconList Widget (Typ: Zeichenkette (String))

let dpAdapterRestart = '0_userdata.0.vis.AdapterStatus.restartTrigger';     // Datenpunkt für Adapter restart (Typ: Zeichenkette (String))

 

let dpSortMode = '0_userdata.0.vis.AdapterStatus.sortMode';                 // Datenpunkt für Sortieren (Typ: Zeichenkette (String))

let dpFilterMode = '0_userdata.0.vis.AdapterStatus.filterMode';             // Datenpunkt für Filter (Typ: Zeichenkette (String))

rallef

@Scrounger Hallo kannst du bitte nochmal den View hochladen, bekomme immer Fehler Unexpected end of JSON input

Danke

G4l4h4d

Hallo, nach dem Starten des Skriptes bekomme ich folgenden Fehler

16:53:56.700	error	javascript.0 (3954) script.js.Adapter-Status compile failed: at script.js.Adapter-Status:5

Was habe ich falsch gemacht?

Danke im Voraus!

Negalein

@Scrounger

Wäre es bei deinem Script auch möglich, die Ansicht der Adapter von Normal (alle Daten) in Kompakt (nur Name und Möglichkeit zu Stoppen, Starten), so wie in Uhalas neuem Script zu MDCSS2?

Scrounger

@Negalein sagte in Material Design Widgets: Adapter Status:

@Scrounger

Wäre es bei deinem Script auch möglich, die Ansicht der Adapter von Normal (alle Daten) in Kompakt (nur Name und Möglichkeit zu Stoppen, Starten), so wie in Uhalas neuem Script zu MDCSS2?

Ja möglich wäre das. Auf die schnelle kannst das erreichen wenn du zeile 189 subText: subText, auskommentierst.
Wenn es auch umschaltbar sein soll, dann muss man das skript anpassen und z.B. noch nen switch / checkbox widget einbauen.

Negalein

@Scrounger sagte in Material Design Widgets: Adapter Status:

Wenn es auch umschaltbar sein soll, dann muss man das skript anpassen und z.B. noch nen switch / checkbox widget einbauen.

Ja, umschaltbar wäre idealer.

Uwe Clement

@Scrounger Wie verknüpfe ich das JSON aus dem Datenpunkt mit dem Widget in VIS?

Scrounger

@Uwe-Clement
Importiere die View aus dem ersten Beitrag, da siehst du wie der Datenpunkt verknüpft ist.

NEWS

Material Design Widgets: Adapter Status

Support us

612
Online

31.6k
Users

79.5k
Topics

1.3m
Posts

NEWS

Material Design Widgets: Adapter Status

Support us

612Online

31.6kUsers

79.5kTopics

1.3mPosts

612
Online

31.6k
Users

79.5k
Topics

1.3m
Posts