|
@@ -56,15 +56,16 @@
|
|
|
<canvas id="networkActivity"></canvas>
|
|
|
</div>
|
|
|
<div id="networkActivityPlaceHolder">
|
|
|
- <p style="opacity: 0.5;"><i class="ui pause icon"></i> Graph Render Paused</p>
|
|
|
+ <p style="opacity: 0.5;"> Graph Render Paused</p>
|
|
|
</div>
|
|
|
+
|
|
|
<br>
|
|
|
<div class="standardContainer">
|
|
|
<h4>Basic Settings</h4>
|
|
|
<p>Inbound Port (Port to be proxied)</p>
|
|
|
<div class="ui action fluid notloopbackOnly input">
|
|
|
<input type="text" id="incomingPort" placeholder="Incoming Port" value="80">
|
|
|
- <button class="ui basic green notloopbackOnly button" onclick="handlePortChange();">Apply</button>
|
|
|
+ <button class="ui basic notloopbackOnly button" onclick="handlePortChange();"><i class="ui green checkmark icon"></i> Apply</button>
|
|
|
</div>
|
|
|
<br>
|
|
|
<div id="tls" class="ui toggle notloopbackOnly checkbox">
|
|
@@ -99,11 +100,9 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
-
|
|
|
-
|
|
|
- <br><br>
|
|
|
- <button id="startbtn" class="ui teal button" onclick="startService();">Start Service</button>
|
|
|
- <button id="stopbtn" class="ui red notloopbackOnly disabled button" onclick="stopService();">Stop Service</button>
|
|
|
+ <br>
|
|
|
+ <button id="startbtn" class="ui basic button" onclick="startService();"><i class="ui green arrow alternate circle up icon"></i> Start Service</button>
|
|
|
+ <button id="stopbtn" class="ui basic notloopbackOnly disabled button" onclick="stopService();"><i class="ui red minus circle icon"></i> Stop Service</button>
|
|
|
<div id="rploopbackWarning" class="ui segment" style="display:none;">
|
|
|
<b><i class="yellow warning icon"></i> Loopback Routing Warning</b><br>
|
|
|
<small>This management interface is a loopback proxied service. <br>If you want to shutdown the reverse proxy server, please remove the proxy rule for the management interface and refresh.</small>
|
|
@@ -565,6 +564,7 @@
|
|
|
options: {
|
|
|
animation: false,
|
|
|
maintainAspectRatio: false,
|
|
|
+ bezierCurve: true,
|
|
|
tooltips: {enabled: false},
|
|
|
hover: {mode: null},
|
|
|
//stepped: 'middle',
|
|
@@ -606,18 +606,18 @@
|
|
|
{
|
|
|
label: 'Inbound',
|
|
|
data: rxValues,
|
|
|
- borderColor: "#4d9dd9",
|
|
|
- borderWidth: 2,
|
|
|
- backgroundColor: 'rgba(77, 157, 217, 0.2)',
|
|
|
+ borderColor: "#484bb8",
|
|
|
+ borderWidth: 1,
|
|
|
+ backgroundColor: 'rgba(72, 75, 184, 0.2)',
|
|
|
fill: true,
|
|
|
pointStyle: false,
|
|
|
},
|
|
|
{
|
|
|
label: 'Outbound',
|
|
|
data: txValues,
|
|
|
- borderColor: '#ffe32b',
|
|
|
- borderWidth: 2,
|
|
|
- backgroundColor: 'rgba(255, 227, 43, 0.2)',
|
|
|
+ borderColor: '#02a9c1',
|
|
|
+ borderWidth: 1,
|
|
|
+ backgroundColor: 'rgba(2, 169, 193, 0.2)',
|
|
|
fill: true,
|
|
|
pointStyle: false,
|
|
|
}
|