123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475 |
- <div id="serverstatus" class="ui message">
- <h3 class="ui header">
- <i class="exchange icon"></i>
- <div class="content">
- <span id="statusTitle">Offline</span>
- <div class="sub header" id="statusText">Reverse proxy server is offline</div>
- </div>
- </h3>
- </div>
- <div class="ui divider"></div>
- <p>Inbound Port (Port to be proxied)</p>
- <div class="ui action fluid input">
- <input type="text" id="incomingPort" placeholder="Incoming Port" value="80">
- <button class="ui button" onclick="handlePortChange();">Apply</button>
- </div>
- <Br>
- <button id="startbtn" class="ui teal button" onclick="startService();">Start Service</button>
- <button id="stopbtn" class="ui red disabled button" onclick="stopService();">Stop Service</button>
- <script>
- //Get the latest server status from proxy server
- function initRPStaste(){
- $.get("status", function(data){
- if (data.Running == true){
- $("#startbtn").addClass("disabled");
- $("#stopbtn").removeClass("disabled");
- $("#serverstatus").addClass("green");
- $("#statusTitle").text("Online");
- $("#statusText").text("Reverse proxying request on port: " + data.ListenPort);
- }else{
- $("#startbtn").removeClass("disabled");
- $("#stopbtn").addClass("disabled");
- $("#statusTitle").text("Offline");
- $("#statusText").text("Reverse proxy server is offline");
- $("#serverstatus").removeClass("green");
- }
- $("#incomingPort").val(data.ListenPort);
- });
- }
- //Start and stop service button
- function startService(){
- $.post("enable", {enable: true}, function(data){
- if (data.error != undefined){
- errmsg(data.error);
- }
- initRPStaste();
- });
- }
- function stopService(){
- $.post("enable", {enable: false}, function(data){
- if (data.error != undefined){
- errmsg(data.error);
- }
- initRPStaste();
- });
- }
- function handlePortChange(){
- var newPortValue = $("#incomingPort").val();
- if (isNaN(newPortValue - 1)){
- alert("Invalid incoming port value");
- return;
- }
- $.post("setIncoming", {incoming: newPortValue}, function(data){
- if (data.error != undefined){
- errmsg(data.error);
- }
- initRPStaste();
- });
- }
- </script>
|