fix
parent
e46526c0c5
commit
f70dc14a7b
|
|
@ -23,6 +23,9 @@
|
||||||
<label>
|
<label>
|
||||||
<input type="radio" name="mode" value="wr"> WR
|
<input type="radio" name="mode" value="wr"> WR
|
||||||
</label>
|
</label>
|
||||||
|
<label> </label>
|
||||||
|
<label class="addr-label"><div>Address</div></label>
|
||||||
|
<label class="data-label"><div>Data</div></label>
|
||||||
</div>
|
</div>
|
||||||
<div class="input-group">
|
<div class="input-group">
|
||||||
<div class="checkbox-group">
|
<div class="checkbox-group">
|
||||||
|
|
@ -33,8 +36,8 @@
|
||||||
<input type="checkbox" id="inc"> INC
|
<input type="checkbox" id="inc"> INC
|
||||||
</label>
|
</label>
|
||||||
</div>
|
</div>
|
||||||
|
<input type="text" placeholder="Address" id="address" class="reg-addr valid-args">
|
||||||
<input type="text" placeholder="Data" id="data" class="reg-data valid-args">
|
<input type="text" placeholder="Data" id="data" class="reg-data valid-args">
|
||||||
<input type="text" placeholder="Reg-address" id="address" class="reg-addr valid-args">
|
|
||||||
<button class="btn-plddatawr" id="send-btn">Send</button>
|
<button class="btn-plddatawr" id="send-btn">Send</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -78,14 +78,36 @@ button:hover {
|
||||||
gap: 15px;
|
gap: 15px;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
.addr-label {
|
||||||
|
position: relative;
|
||||||
|
margin-left: auto;
|
||||||
|
width: 10vw;
|
||||||
|
text-align: center;
|
||||||
|
border: 1px solid red;
|
||||||
|
}
|
||||||
|
.data-label {
|
||||||
|
position: relative;
|
||||||
|
width: 80%;
|
||||||
|
max-width: 30%;
|
||||||
|
border: 1px solid red;
|
||||||
|
}
|
||||||
.log-desc {
|
.log-desc {
|
||||||
|
position: relative;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: 2vw;
|
font-size: 2vw;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
color: white;
|
color: #E0E0E0;
|
||||||
width: 100%;
|
|
||||||
padding: 0%;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* .reg-data {
|
||||||
|
width: 80%;
|
||||||
|
max-width: 80%;
|
||||||
|
}
|
||||||
|
.reg-addr {
|
||||||
|
width: 15%;
|
||||||
|
max-width: 15%;
|
||||||
|
} */
|
||||||
|
|
||||||
.log {
|
.log {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 0;
|
right: 0;
|
||||||
|
|
@ -96,7 +118,7 @@ button:hover {
|
||||||
width: 30%;
|
width: 30%;
|
||||||
max-width: 30%;
|
max-width: 30%;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
padding: 10px;
|
padding: 15px;
|
||||||
overflow-y: scroll;
|
overflow-y: scroll;
|
||||||
color: green;
|
color: green;
|
||||||
font-size: 1.4vw;
|
font-size: 1.4vw;
|
||||||
|
|
|
||||||
|
|
@ -96,7 +96,7 @@ $(window).ready(function () {
|
||||||
$('#port').prop("disabled", false);
|
$('#port').prop("disabled", false);
|
||||||
$('#ipAddress').val("");
|
$('#ipAddress').val("");
|
||||||
$('#port').val("");
|
$('#port').val("");
|
||||||
$('#connect-btn').val("Connect");
|
$('#connect-btn').text("Connect");
|
||||||
}
|
}
|
||||||
return status ?
|
return status ?
|
||||||
ok_msg_conn(`Connection closed`)
|
ok_msg_conn(`Connection closed`)
|
||||||
|
|
@ -108,7 +108,7 @@ $(window).ready(function () {
|
||||||
valid('port');
|
valid('port');
|
||||||
$('#ipAddress').prop("disabled", true);
|
$('#ipAddress').prop("disabled", true);
|
||||||
$('#port').prop("disabled", true);
|
$('#port').prop("disabled", true);
|
||||||
$('#connect-btn').val("Close");
|
$('#connect-btn').text("Close");
|
||||||
} else {
|
} else {
|
||||||
invalid('ipAddress');
|
invalid('ipAddress');
|
||||||
invalid('port');
|
invalid('port');
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue