diff --git a/html_orig/css/app.css b/html_orig/css/app.css
index 43b5322..79949aa 100644
--- a/html_orig/css/app.css
+++ b/html_orig/css/app.css
@@ -504,15 +504,17 @@ ul > * {
max-width: 1200px; }
.Box.str {
position: relative; }
- .Box.str .Row.mq-phone {
- position: absolute;
- right: 1rem;
- margin: 1rem auto; }
- .Box.str .Row.mq-no-phone {
- position: absolute;
- right: 0;
- top: 0;
- margin-top: 0.61805rem; }
+ .Box.str .Row.buttons {
+ position: absolute; }
+ @media screen and (max-width: 544px) {
+ .Box.str .Row.buttons {
+ right: 1rem;
+ margin: 1rem auto; } }
+ @media screen and (min-width: 545px) {
+ .Box.str .Row.buttons {
+ right: 0;
+ top: 0;
+ margin-top: 0.61805rem; } }
@media screen and (max-width: 544px) {
.Box.mobcol h2 {
@@ -956,7 +958,7 @@ form span.required {
.AP-preview .wrap .forget:active {
position: relative;
padding-top: calc(0.61805rem + 1px); }
- .AP-preview .wrap .essid, .AP-preview .wrap .passwd {
+ .AP-preview .wrap .essid, .AP-preview .wrap .passwd, .AP-preview .wrap .nopasswd {
padding-bottom: 0; }
.AP-preview .wrap .x-passwd {
font-family: monospace; }
diff --git a/html_orig/lang/en.php b/html_orig/lang/en.php
index 668e0ee..608cbc7 100644
--- a/html_orig/lang/en.php
+++ b/html_orig/lang/en.php
@@ -27,6 +27,8 @@ return [
'wifi.not_conn' => 'Not connected.',
'wifi.sta_none' => 'None',
'wifi.sta_active_pw' => '🔒',
+ 'wifi.sta_active_nopw' => '🔓 Open access',
+ 'wifi.connected_ip_is' => 'Connected, IP is ',
'wifi.submit' => 'Apply!',
'wifi.scanning' => 'Scanning',
diff --git a/html_orig/pages/cfg_wifi.php b/html_orig/pages/cfg_wifi.php
index 6bed2f7..f7370f8 100644
--- a/html_orig/pages/cfg_wifi.php
+++ b/html_orig/pages/cfg_wifi.php
@@ -73,6 +73,7 @@
= tr('wifi.sta_active_pw') ?>
+
= tr('wifi.sta_active_nopw') ?>
×
@@ -141,7 +142,8 @@
var nopw = undef(password) || password.length == 0;
$('#sta-nw .x-passwd').html(e(password));
$('#sta-nw .passwd').toggleClass('hidden', nopw);
- $('#sta-nw .ip').html(ip.length>0 ? 'IP = '+ip : '=tr('wifi.not_conn')?>');
+ $('#sta-nw .nopasswd').toggleClass('hidden', !nopw);
+ $('#sta-nw .ip').html(ip.length>0 ? '=tr('wifi.connected_ip_is')?>'+ip : '=tr('wifi.not_conn')?>');
}
selectSta('%sta_ssid%', '%sta_password%', '%sta_active_ip%');
@@ -149,12 +151,15 @@
var authStr = ['Open', 'WEP', 'WPA', 'WPA2', 'WPA/WPA2'];
var curSSID = '%sta_active_ssid%';
- function submitPskModal(e) {
+ function submitPskModal(e, open) {
var passwd = $('#conn-passwd').val();
var ssid = $('#conn-ssid').val();
- $('#sta_password').val(passwd);
- $('#sta_ssid').val(ssid);
- selectSta(ssid, passwd, '');
+
+ if (open || passwd.length) {
+ $('#sta_password').val(passwd);
+ $('#sta_ssid').val(ssid);
+ selectSta(ssid, passwd, '');
+ }
if (e) e.preventDefault();
Modal.hide('#psk-modal');
@@ -229,7 +234,7 @@
$('#conn-passwd')[0].focus();
} else {
//Modal.show('#reset-modal');
- submitPskModal();
+ submitPskModal(null, true);
}
});
diff --git a/html_orig/sass/layout/_box.scss b/html_orig/sass/layout/_box.scss
index 60e1cbc..def421f 100755
--- a/html_orig/sass/layout/_box.scss
+++ b/html_orig/sass/layout/_box.scss
@@ -34,18 +34,22 @@
// min-width: 10em;
//}
+ // Submit Top Right
&.str {
position: relative;
- .Row.mq-phone {
+ .Row.buttons {
position: absolute;
- right: dist(0);
- margin: 1rem auto;
- }
- .Row.mq-no-phone {
- position: absolute;
- right: 0;
- top: 0;
- margin-top: dist(-1);
+
+ @include media($phone) {
+ right: dist(0);
+ margin: 1rem auto;
+ }
+
+ @include media($tablet-min) {
+ right: 0;
+ top: 0;
+ margin-top: dist(-1);
+ }
}
}
}
diff --git a/html_orig/sass/pages/_wifi.scss b/html_orig/sass/pages/_wifi.scss
index 9bc4359..b2d16e8 100755
--- a/html_orig/sass/pages/_wifi.scss
+++ b/html_orig/sass/pages/_wifi.scss
@@ -173,7 +173,7 @@
}
}
- .essid, .passwd {
+ .essid, .passwd, .nopasswd {
padding-bottom: 0;
}