summaryrefslogtreecommitdiffhomepage
path: root/protocols/luci-proto-modemmanager/htdocs/luci-static/resources/view/modemmanager
diff options
context:
space:
mode:
authorFlorian Eckert <fe@dev.tdt.de>2023-07-03 11:55:08 +0200
committerGitHub <noreply@github.com>2023-07-03 11:55:08 +0200
commit51d9b9d33f35c5c1452909677a75b6ac7ccf6de6 (patch)
treee943a65f5d4510d0e38c591afd3937f058a517e8 /protocols/luci-proto-modemmanager/htdocs/luci-static/resources/view/modemmanager
parentb06de7e4a11c5d17c8a1334b7806ba1ea90de3ca (diff)
parent594bc35b870c09ea47a66a59c5dfafd47b9b17d5 (diff)
Merge pull request #6451 from lvoegl/pr/20230602-proto-modemmanager-status
luci-proto-modemmanager: add status page
Diffstat (limited to 'protocols/luci-proto-modemmanager/htdocs/luci-static/resources/view/modemmanager')
-rw-r--r--protocols/luci-proto-modemmanager/htdocs/luci-static/resources/view/modemmanager/status.js181
1 files changed, 181 insertions, 0 deletions
diff --git a/protocols/luci-proto-modemmanager/htdocs/luci-static/resources/view/modemmanager/status.js b/protocols/luci-proto-modemmanager/htdocs/luci-static/resources/view/modemmanager/status.js
new file mode 100644
index 0000000000..3db79051d3
--- /dev/null
+++ b/protocols/luci-proto-modemmanager/htdocs/luci-static/resources/view/modemmanager/status.js
@@ -0,0 +1,181 @@
+'use strict';
+'require ui';
+'require view';
+'require poll';
+'require dom';
+'require modemmanager_helper as helper';
+
+return view.extend({
+ load: function() {
+ return helper.getModems().then(function (modems) {
+ return Promise.all(modems.filter(function (modem){
+ return modem != null;
+ }).map(function (modem) {
+ return helper.getModemSims(modem.modem).then(function (sims) {
+ modem.sims = sims.filter(function (sim) {
+ return sim != null;
+ });
+
+ return helper.getModemLocation(modem.modem).then(function (location) {
+ modem.location = location;
+ return modem;
+ });
+ });
+ }));
+ });
+ },
+
+ pollData: function (container) {
+ poll.add(L.bind(function () {
+ return this.load().then(L.bind(function (modems) {
+ dom.content(container, this.renderContent(modems));
+ }, this));
+ }, this));
+ },
+
+ renderSections: function (name, sections) {
+ if (sections.length == 0) {
+ sections.push(E('div', { 'class': 'cbi-section' }, [
+ E('span', {}, _('Section %s is empty.').format(name))
+ ]));
+ }
+
+ return E('div', { 'class': 'cbi-section' }, [
+ E('h1', {}, name),
+ ...sections
+ ]);
+ },
+
+ renderSection: function (name, table) {
+ var rowNodes = table.filter(function (row) {
+ return row[1] != null;
+ }).map(function (row) {
+ return E('tr', { 'class': 'tr' }, [
+ E('td', { 'class': 'td', 'width': '33%' }, E('strong', {}, [row[0]])),
+ E('td', { 'class': 'td' }, [row[1]])
+ ]);
+ });
+
+ var tableNode;
+ if (rowNodes.length == 0) {
+ tableNode = E('div', { 'class': 'cbi-section' }, [
+ E('span', {}, _('Section %s is empty.').format(name))
+ ])
+ } else {
+ tableNode = E('table', { 'class': 'table', }, rowNodes);
+ }
+
+ return E('div', { 'class': 'cbi-section' }, [
+ E('h2', {}, [name]),
+ tableNode
+ ]);
+ },
+
+ renderContent: function (modems) {
+ var node = E('div', {}, E('div'));
+
+ modems.forEach(L.bind(function (modem) {
+ var generic = modem.modem.generic;
+ var modem3gpp = modem.modem['3gpp'];
+
+ var modemSection = this.renderSection(_('Modem Info'), [
+ [_('Manufacturer'), generic.manufacturer],
+ [_('Model'), generic.model],
+ [_('Revision'), generic.revision],
+ [E('abbr', { 'title': _('International Mobile Station Equipment Identity') }, [
+ _('IMEI')
+ ]), modem3gpp.imei],
+ [_('Device Identifier'), generic['device-identifier']],
+ [_('Power State'), generic['power-state']],
+ [_('State'), generic.state],
+ [_('Failed Reason'), generic['state-failed-reason']]
+ ]);
+
+ var ownNumbersStr = generic['own-numbers'].join(', ');
+ var accessTechnologiesStr = generic['access-technologies'].join(', ');
+ var signalQualityValue = parseInt(generic['signal-quality'].value);
+ var networkSection = this.renderSection(_('Network Registration'), [
+ [_('Own Numbers'), ownNumbersStr],
+ [_('Access Technologies'), accessTechnologiesStr],
+ [_('Operator') , modem3gpp['operator-name']],
+ [_('Operator Code'), modem3gpp['operator-code']],
+ [_('Registration State'), modem3gpp['registration-state']],
+ [_('Packet Service State'), modem3gpp['packet-service-state']],
+ [_('Signal Quality'), E('div', { 'class': 'cbi-progressbar', 'title': '%d %'.format(signalQualityValue) }, [
+ E('div', { 'style': 'width: %d%%'.format(signalQualityValue) })
+ ])]
+ ]);
+
+ var location3gpp = {};
+ if (modem.location != null) {
+ location3gpp = modem.location.modem.location['3gpp'];
+ }
+ var locationSection = this.renderSection(_('Cell Location'), [
+ [E('abbr', { 'title': _('Cell ID') }, [
+ 'CID'
+ ]), location3gpp.cid],
+ [E('abbr', { 'title': _('Location Area Code') }, [
+ 'LAC'
+ ]), location3gpp.lac],
+ [E('abbr', { 'title': _('Mobile Country Code') }, [
+ 'MCC'
+ ]), location3gpp.mcc],
+ [E('abbr', { 'title': _('Mobile Network Code') }, [
+ 'MNC'
+ ]), location3gpp.mnc],
+ [E('abbr', { 'title': _('Tracking Area Code') }, [
+ 'TAC'
+ ]), location3gpp.tac]
+ ]);
+
+ var simTables = modem.sims.map(function (sim) {
+ var properties = sim.sim.properties;
+ return [
+ [_('Active'), properties.active],
+ [_('Operator Name'), properties['operator-name']],
+ [E('abbr', { 'title': _('Integrated Circuit Card Identifier') }, [
+ 'ICCID'
+ ]), properties.iccid],
+ [E('abbr', { 'title': _('International Mobile Subscriber Identity') }, [
+ 'IMSI'
+ ]), properties.imsi]
+ ];
+ });
+ var simSubSections = simTables.map(L.bind(function (table, index) {
+ return this.renderSection(_('SIM %d').format(index + 1), table)
+ }, this));
+ var simSection = this.renderSections(_('SIMs'), simSubSections);
+
+ var sections = [
+ E('div', { 'class': 'cbi-map-descr'}, []),
+ modemSection,
+ networkSection,
+ locationSection,
+ simSection
+ ].filter(function (section) {
+ return section != null;
+ });
+ node.firstElementChild.appendChild(E('div', { 'data-tab': generic.device, 'data-tab-title': generic.device }, sections));
+ }, this));
+ ui.tabs.initTabGroup(node.firstElementChild.childNodes);
+
+ return node;
+ },
+
+ render: function (modems) {
+ var content = E([], [
+ E('h2', {}, [_('Mobile Service')]),
+ E('div')
+ ]);
+ var container = content.lastElementChild;
+
+ dom.content(container, this.renderContent(modems));
+ this.pollData(container);
+
+ return content;
+ },
+
+ handleSaveApply: null,
+ handleSave: null,
+ handleReset: null
+});