luci-app-internet-detector: CSS fixes

This commit is contained in:
gSpot
2022-09-20 16:21:25 +03:00
parent f81cfc930f
commit 312294aeef
2 changed files with 12 additions and 12 deletions

View File

@@ -151,21 +151,21 @@ return view.extend({
setInternetStatus: function() {
if(this.inetStatus === 0) {
this.inetStatusLabel.style.background = '#46a546';
this.inetStatusLabel.style.background = '#2ea256';
this.inetStatusLabel.textContent = _('Connected') + (this.publicIp ? ' | %s: %s'.format(_('Public IP'), _(this.publicIp)) : '');
this.inetStatusLabel.style.color = '#ffffff';
this.inetStatusLabel.style.color = '#fff';
this.unsetInetStatusSpinner();
}
else if(this.inetStatus === 1) {
this.inetStatusLabel.textContent = _('Disconnected');
this.inetStatusLabel.style.background = '#ff4953';
this.inetStatusLabel.style.color = '#ffffff';
this.inetStatusLabel.style.background = '#ff4e54';
this.inetStatusLabel.style.color = '#fff';
this.unsetInetStatusSpinner();
}
else {
this.inetStatusLabel.textContent = _('Undefined');
this.inetStatusLabel.style.background = '#9b9b9b';
this.inetStatusLabel.style.color = '#ffffff';
this.inetStatusLabel.style.background = '#8a8a8a';
this.inetStatusLabel.style.color = '#fff';
if(this.currentAppMode !== '0' && this.appStatus !== 'stoped') {
this.setInetStatusSpinner();

View File

@@ -71,18 +71,18 @@ return baseclass.extend({
if(window.internetDetectorState === 0) {
internetStatus.textContent = _('Connected') + (this.publicIp ? ' | %s: %s'.format(_('Public IP'), _(this.publicIp)) : '');
internetStatus.style.background = '#46a546';
internetStatus.style.color = '#ffffff';
internetStatus.style.background = '#2ea256';
internetStatus.style.color = '#fff';
}
else if(window.internetDetectorState === 1) {
internetStatus.textContent = _('Disconnected');
internetStatus.style.background = '#ff4953';
internetStatus.style.color = '#ffffff';
internetStatus.style.background = '#ff4e54';
internetStatus.style.color = '#fff';
}
else {
internetStatus.textContent = _('Undefined');
internetStatus.style.background = '#9b9b9b';
internetStatus.style.color = '#ffffff';
internetStatus.style.background = '#8a8a8a';
internetStatus.style.color = '#fff';
};
return E('div', {