From b906a5be6aeca6739cb25d964741442d52c761f8 Mon Sep 17 00:00:00 2001
From: Bibo Hao <haobibo@users.noreply.github.com>
Date: Mon, 18 Nov 2024 14:38:42 +0000
Subject: [PATCH] move fed files

---
 .github/workflows/ci.yml                      |  16 +-
 src/supervisord/go.mod                        |   2 +-
 src/supervisord/version.go                    |   2 +-
 src/webgui/conf.html                          |  18 +-
 src/webgui/index.htm                          | 354 ++++++++++
 src/webgui/index.html                         | 607 +++++++++---------
 src/webgui/index.html.modify                  | 351 ----------
 src/webgui/log.html                           |  12 +-
 src/webgui/login.html                         |   8 +-
 src/webgui/{js => static}/axios.min.js        |   0
 .../{css => static}/bootstrap-dialog.min.css  |   0
 .../{js => static}/bootstrap-dialog.min.js    |   0
 src/webgui/{css => static}/bootstrap-grid.css |   0
 .../{css => static}/bootstrap-grid.css.map    |   0
 .../{css => static}/bootstrap-grid.min.css    |   0
 .../bootstrap-grid.min.css.map                |   0
 .../{css => static}/bootstrap-reboot.css      |   0
 .../{css => static}/bootstrap-reboot.css.map  |   0
 .../{css => static}/bootstrap-reboot.min.css  |   0
 .../bootstrap-reboot.min.css.map              |   0
 src/webgui/{ => static}/bootstrap-solid.svg   |   0
 .../{css => static}/bootstrap-table.css       |   0
 .../{js => static}/bootstrap-table.min.js     |   0
 src/webgui/{js => static}/bootstrap.bundle.js |   0
 .../{js => static}/bootstrap.bundle.js.map    |   0
 .../{js => static}/bootstrap.bundle.min.js    |   0
 .../bootstrap.bundle.min.js.map               |   0
 src/webgui/{css => static}/bootstrap.css      |   0
 src/webgui/{css => static}/bootstrap.css.map  |   0
 src/webgui/{js => static}/bootstrap.js        |   0
 src/webgui/{js => static}/bootstrap.js.map    |   0
 src/webgui/{css => static}/bootstrap.min.css  |   0
 .../{css => static}/bootstrap.min.css.map     |   0
 src/webgui/{js => static}/bootstrap.min.js    |   0
 .../{js => static}/bootstrap.min.js.map       |   0
 src/webgui/{js => static}/common.js           |   0
 src/webgui/{js => static}/jquery-3.3.1.min.js |   0
 src/webgui/{js => static}/popper.min.js       |   0
 src/webgui/{js => static}/popper.min.js.map   |   0
 src/webgui/{css => static}/signin.css         |   0
 40 files changed, 687 insertions(+), 683 deletions(-)
 create mode 100644 src/webgui/index.htm
 delete mode 100644 src/webgui/index.html.modify
 rename src/webgui/{js => static}/axios.min.js (100%)
 rename src/webgui/{css => static}/bootstrap-dialog.min.css (100%)
 rename src/webgui/{js => static}/bootstrap-dialog.min.js (100%)
 rename src/webgui/{css => static}/bootstrap-grid.css (100%)
 rename src/webgui/{css => static}/bootstrap-grid.css.map (100%)
 rename src/webgui/{css => static}/bootstrap-grid.min.css (100%)
 rename src/webgui/{css => static}/bootstrap-grid.min.css.map (100%)
 rename src/webgui/{css => static}/bootstrap-reboot.css (100%)
 rename src/webgui/{css => static}/bootstrap-reboot.css.map (100%)
 rename src/webgui/{css => static}/bootstrap-reboot.min.css (100%)
 rename src/webgui/{css => static}/bootstrap-reboot.min.css.map (100%)
 rename src/webgui/{ => static}/bootstrap-solid.svg (100%)
 rename src/webgui/{css => static}/bootstrap-table.css (100%)
 rename src/webgui/{js => static}/bootstrap-table.min.js (100%)
 rename src/webgui/{js => static}/bootstrap.bundle.js (100%)
 rename src/webgui/{js => static}/bootstrap.bundle.js.map (100%)
 rename src/webgui/{js => static}/bootstrap.bundle.min.js (100%)
 rename src/webgui/{js => static}/bootstrap.bundle.min.js.map (100%)
 rename src/webgui/{css => static}/bootstrap.css (100%)
 rename src/webgui/{css => static}/bootstrap.css.map (100%)
 rename src/webgui/{js => static}/bootstrap.js (100%)
 rename src/webgui/{js => static}/bootstrap.js.map (100%)
 rename src/webgui/{css => static}/bootstrap.min.css (100%)
 rename src/webgui/{css => static}/bootstrap.min.css.map (100%)
 rename src/webgui/{js => static}/bootstrap.min.js (100%)
 rename src/webgui/{js => static}/bootstrap.min.js.map (100%)
 rename src/webgui/{js => static}/common.js (100%)
 rename src/webgui/{js => static}/jquery-3.3.1.min.js (100%)
 rename src/webgui/{js => static}/popper.min.js (100%)
 rename src/webgui/{js => static}/popper.min.js.map (100%)
 rename src/webgui/{css => static}/signin.css (100%)

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index abf85695..7e08f38f 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -30,6 +30,9 @@ jobs:
       - uses: actions/checkout@v4
       - name: Build Docker
         run: |
+          echo "VERSION=${GITHUB_REF#refs/tags/}" >> $GITHUB_ENV
+          sed -i -E "s/v[0-9]+\.[0-9]+\.[0-9]+/${VERSION:-v0.0.0}/" "src/supervisord/version.go"
+
           source ./tool.sh
           VER=$(date +%Y.%m%d.%H%M)${TAG_SUFFIX};
           build_image_no_tag supervisord "alpine-${VER}" src/supervisord.Dockerfile --build-arg "BASE_NAMESPACE=library" --build-arg "BUILD_IMG=golang:alpine" --build-arg "BASE_IMG=alpine"
@@ -45,17 +48,20 @@ jobs:
       - name: Set up Go
         uses: actions/setup-go@v5
         with:
-          go-version: 1.22
+          go-version: 1.23
       - name: Build Binary
         run: |
+          echo "VERSION=${GITHUB_REF#refs/tags/}" >> $GITHUB_ENV
+          sed -i -E "s/v[0-9]+\.[0-9]+\.[0-9]+/${VERSION:-v0.0.0}/" "src/supervisord/version.go"
+
           set -eux
           pwd && ls -alh *
           mkdir -pv build && mv src/etc src/webgui ./build/
           cd src/supervisord
           go mod tidy && go test -v
           go build -v -o ../../build/
-          cd ../../  
-          ls -alh build
+          cd ../../ && ls -alh build
+          ./build/supervisord version
 
   build_goreleaser:
     runs-on: ubuntu-latest
@@ -64,7 +70,7 @@ jobs:
       - name: Set up Go
         uses: actions/setup-go@v5
         with:
-          go-version: 1.22
+          go-version: 1.23
 
       - name: Install cross-compiler for linux/arm64, UPX
         env:
@@ -79,6 +85,8 @@ jobs:
           export PATH="/opt/upx/:${PATH}"
           upx --version | grep -E '^upx'
 
+          echo "VERSION=${GITHUB_REF#refs/tags/}" >> $GITHUB_ENV
+          sed -i -E "s/v[0-9]+\.[0-9]+\.[0-9]+/${VERSION:-v0.0.0}/" "src/supervisord/version.go"
           cd src/supervisord && go mod tidy -e
 
       - if: ${{ !startsWith(github.ref, 'refs/tags/v') }}
diff --git a/src/supervisord/go.mod b/src/supervisord/go.mod
index b6232f6c..405266c3 100644
--- a/src/supervisord/go.mod
+++ b/src/supervisord/go.mod
@@ -1,6 +1,6 @@
 module supervisord
 
-go 1.22
+go 1.23
 
 require (
 	github.com/gorilla/mux v1.8.0
diff --git a/src/supervisord/version.go b/src/supervisord/version.go
index df612034..b93cb07f 100644
--- a/src/supervisord/version.go
+++ b/src/supervisord/version.go
@@ -5,7 +5,7 @@ import (
 )
 
 // VERSION the version of supervisor
-const VERSION = "v1.0.1"
+const VERSION = "v0.0.0"
 
 // VersionCommand implement the flags.Commander interface
 type VersionCommand struct {
diff --git a/src/webgui/conf.html b/src/webgui/conf.html
index 0a2f7d07..084ee0fe 100644
--- a/src/webgui/conf.html
+++ b/src/webgui/conf.html
@@ -4,16 +4,14 @@
     <meta charset="UTF-8">
     <title>ConfFile</title>
     <!--导入js库-->
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.2.6/ace.js" type="text/javascript"
-            charset="utf-8"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.2.6/ext-language_tools.js" type="text/javascript"
-            charset="utf-8"></script>
-    <script src="js/axios.min.js"></script>
-    <script src='js/jquery-3.3.1.min.js'></script>
-    <script src="js/common.js"></script>
-    <link rel="stylesheet" href="css/bootstrap.min.css"/>
-    <link rel="stylesheet" href="css/bootstrap-table.css"/>
-    <link rel="stylesheet" href="css/bootstrap-dialog.min.css"/>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.2.6/ace.js" type="text/javascript" charset="utf-8"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.2.6/ext-language_tools.js" type="text/javascript" charset="utf-8"></script>
+    <script src="static/axios.min.js"></script>
+    <script src='static/jquery-3.3.1.min.js'></script>
+    <script src="static/common.js"></script>
+    <link rel="stylesheet" href="static/bootstrap.min.css"/>
+    <link rel="stylesheet" href="static/bootstrap-table.css"/>
+    <link rel="stylesheet" href="static/bootstrap-dialog.min.css"/>
 </head>
 
 <body>
diff --git a/src/webgui/index.htm b/src/webgui/index.htm
new file mode 100644
index 00000000..d4d9edc2
--- /dev/null
+++ b/src/webgui/index.htm
@@ -0,0 +1,354 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <title>Go-Supervisor</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1"/>
+    <link rel="stylesheet" href="static/bootstrap.min.css"/>
+    <link rel="stylesheet" href="static/bootstrap-table.css"/>
+    <link rel="stylesheet" href="static/bootstrap-dialog.min.css"/>
+    <script src='static/jquery-3.3.1.min.js'></script>
+    <script src='static/popper.min.js'></script>
+    <script src='static/bootstrap.min.js'></script>
+    <script src='static/bootstrap-table.min.js'></script>
+    <script src='static/bootstrap-dialog.min.js'></script>
+</head>
+
+
+<script type="text/javascript">
+    var columns = [{
+        field: 'name',
+        title: 'Program'
+    }, {
+        field: 'statename',
+        title: 'State'
+    }, {
+        field: 'description',
+        title: 'Description'
+    }, {
+        field: 'action',
+        title: 'Action'
+    }];
+
+    var programs = []
+
+    function changeProgramState( name, statename ) {
+        for( var i = 0; i < programs.length; i++ ) {
+            if( name == programs[i]['name'] ) {
+                programs[i]['statename'] = statename;
+            }
+        }
+    }
+
+    function refreshDisplay() {
+        reformatPrograms( programs );
+        $("#programs").bootstrapTable('destroy');
+        $("#programs").bootstrapTable({
+            data: programs
+        });
+
+    }
+
+    function startProgram( name ) {
+        $.ajax( {
+            type: "POST",
+            dataType: "json",
+            url: "/program/start/" + name,
+            success: function( data, status, jqXHR  ) {
+                if( data['success'] ) {
+                    changeProgramState( name, "RUNNING" );
+                    refreshDisplay();
+                } else {
+                    confirm_dialog( { 'title': "Information",
+                        'message': "Fail to start program, please check the log of supervisord to find reason",
+                        'cancel-text': "Cancel",
+                        'cancel-hide': true,
+                        'confirm-text': "Ok",
+                        'confirm-onclick': function() {}
+                    } );
+
+                }
+            },
+            error: function( jqXHR, status, errorThrown ) {
+                confirm_dialog( { 'title': "Information",
+                    'message': "Fail to start program, please check if supervisord is started or not",
+                    'cancel-text': "Cancel",
+                    'cancel-hide': true,
+                    'confirm-text': "Ok",
+                    'confirm-onclick': function() {}
+                } );
+
+            }
+        });
+    };
+
+    function stopProgram( programName ) {
+        return new Promise((resolve, reject) =>{
+            confirm_dialog( { 'title': "Stop confirmation",
+                'message': "Do you really want to stop program?",
+                'cancel-text': "Cancel",
+                'confirm-text': "Stop",
+                'confirm-onclick': async function() {
+                    await doStopProgram( programName );
+                    resolve("success");
+                }
+            } );
+        })
+    }
+
+    async function restartProgram( programName ){
+        await stopProgram(programName)
+        startProgram(programName)
+
+    }
+
+    function doStopProgram( name ) {
+        return new Promise(
+            (resolve, reject) =>{
+                $.ajax( {
+                    type: "POST",
+                    dataType: "json",
+                    url: "/program/stop/" + name,
+                    success: function( data, status, jqXHR  ) {
+                        if( data['success'] ) {
+                            changeProgramState( name, 'STOPPED' );
+                            refreshDisplay();
+                        } else {
+                            confirm_dialog( { 'title': "Information",
+                                'message': "Fail to stop program, please check the log of supervisord",
+                                'cancel-text': "Cancel",
+                                'cancel-hide': true,
+                                'confirm-text': "Ok",
+                                'confirm-onclick': function() {
+                                }
+                            } );
+                        }
+                        resolve("success")
+                    },
+                    error: function( jqXHR, status, errorThrown ) {
+                        confirm_dialog( { 'title': "Information",
+                            'message': "Fail to stop program, please check if supervisord is running",
+                            'cancel-text': "Cancel",
+                            'cancel-hide': true,
+                            'confirm-text': "Ok",
+                            'confirm-onclick': function() {
+                            }
+                        } );
+                        reject("err")
+
+                    }
+                });
+            })
+
+    }
+
+    function reformatPrograms( programs ) {
+        for( var i in programs ) {
+            var statename = programs[i]['statename'];
+            var action = "";
+            var color = "";
+            if( statename.toLowerCase().indexOf("running") >= 0 || statename.toLowerCase().indexOf( "starting") >= 0 ) {
+                action = '<button type="button" disabled class="btn btn-primary mr-1" onclick="startProgram(\'' + programs[i]['name'] + '\');">Start</button>';
+                action = action + '<button type="button" class="btn btn-primary mr-1" onclick="stopProgram(\'' + programs[i]['name'] + '\');">Stop</button>';
+                action = action + '<button type="button" class="btn btn-primary mr-1" onclick="restartProgram(\'' + programs[i]['name'] + '\');">ReStart</button>';
+                color = "green";
+            } else {
+                action = '<button type="button" class="btn btn-primary mr-1" onclick="startProgram(\'' + programs[i]['name'] + '\');">Start</button>';
+                action = action + '<button type="button" disabled class="btn btn-primary mr-1" onclick="stopProgram(\'' + programs[i]['name'] + '\');">Stop</button>';
+                action = action + '<button type="button" disabled class="btn btn-primary mr-1" onclick="restartProgram(\'' + programs[i]['name'] + '\');">ReStart</button>';
+                color = "red";
+            }
+            let logLabel = '<a href=/log?name=' + programs[i]['name'] + '>日志列表 </a>';
+
+            action = action + logLabel;
+
+            programs[i]['action'] = action;
+            programs[i]['statename'] = '<div style="background-color:' + color + ';">' + statename + '</div>';
+        }
+    };
+
+    function confirm_dialog( confirm ) {
+        $('#my-modal-title').text(confirm['title'] );
+        $('#my-modal-message').text( confirm['message'] );
+        $('#my-modal-cancel-btn').text( confirm['cancel-text'] );
+        $('#my-modal-confirm-btn').text( confirm['confirm-text'] );
+        $('#my-modal-confirm-btn').unbind( 'click' );
+        if( confirm.hasOwnProperty( 'cancel-hide') && confirm['cancel-hide'] ) {
+            $('#my-modal-cancel-btn').hide();
+        } else {
+            $('#my-modal-cancel-btn').show();
+        }
+        $('#my-modal-confirm-btn').click( confirm['confirm-onclick'] );
+        $("#myModal").modal('show');
+
+    }
+
+    function shutdown_supervisor() {
+        confirm_dialog( { 'title': "Shutdown confirmation",
+            'message': "Do you really want to shutdown supervisor?",
+            'cancel-text': "Cancel",
+            'confirm-text': "Shutdown",
+            'confirm-onclick': function() {
+                $.ajax( {
+                    type: "PUT",
+                    url: "/supervisor/shutdown",
+                    contentType: "application/json",
+                    dataType: "text",
+                    success: function( data, status, jqXHR ) {
+                    },
+                    error: function( jqXHR, textStatus, errorThrown ) {
+                    }
+                });
+
+            }
+        } );
+
+    };
+
+    function reload_supervisor() {
+        confirm_dialog( { 'title': "Reload confirmation",
+            'message': "Do you really want to reload supervisor?",
+            'cancel-text': "Cancel",
+            'confirm-text': "Reload",
+            'confirm-onclick': function() {
+                $.ajax( {
+                    type: "POST",
+                    url: "/supervisor/reload",
+                    contentType: "application/json",
+                    dataType: "text",
+                    success: function( data, status, jqXHR ) {
+                        list_programs();
+                    },
+                    error: function( jqXHR, textStatus, errorThrown ) {
+                        list_programs();
+                    }
+                });
+
+            }
+        } );
+    }
+
+    function get_selected_programs() {
+        selected = $("#programs").bootstrapTable('getSelections');
+        programs = [];
+        for(i in selected) {
+            programs.push( selected[i]['name'] );
+        }
+        return programs;
+
+    }
+    function start_select() {
+        programs = get_selected_programs();
+        if( programs.length <= 0 ) {
+            alert( "no program selected" );
+            return;
+        }
+        $.ajax( {
+            type: "POST",
+            url: "/program/startPrograms",
+            contentType: "application/json",
+            data: JSON.stringify( programs ),
+            dataType: "text",
+            success: function( data, status, jqXHR ) {
+                list_programs();
+            },
+            error: function( jqXHR, textStatus, errorThrown ) {
+                list_programs();
+            }
+        });
+    }
+
+    function stop_select() {
+        programs = get_selected_programs();
+        if( programs.length <= 0 ) {
+            alert( "no program selected" );
+            return;
+        }
+        $.ajax( {
+            type: "POST",
+            url: "/program/stopPrograms",
+            contentType: "application/json",
+            data: JSON.stringify( programs ),
+            dataType: "text",
+            success: function( data, status, jqXHR ) {
+                list_programs();
+            },
+            error: function( jqXHR, textStatus, errorThrown ) {
+                list_programs();
+            }
+        });
+
+    }
+
+    function list_programs() {
+        $.ajax({
+            type: "GET",
+            url: "/program/list",
+            dataType: "json",
+            success: function( data, status, jqXHR ) {
+                programs = data;
+                refreshDisplay();
+            },
+            error: function( jqXHR, textStatus, errorThrown ) {
+                alert( textStatus );
+            }
+        });
+    }
+
+    $(document).ready(function() {
+        list_programs();
+    });
+</script>
+<body>
+<H1 class="text-center text-success">Go-Supervisor</H1>
+<div class="container">
+    <div class='row'>
+        <div class="col-12">
+
+            <a href="http://127.0.0.1:9996/graph" class="text-decoration-none mr-3" target="_blank">Prometheus</a>
+            <a href="http://127.0.0.1:3000" class="text-decoration-none" target="_blank">Grafana</a>
+
+            <input type="button" class="btn btn-primary float-right mr-1" value="Shutdown" onclick='shutdown_supervisor();'>
+            <input type="button" class="btn btn-primary float-right mr-1" value="Reload" onclick='reload_supervisor();'>
+            <input type="button" class="btn btn-primary float-right mr-1" value="Stop Select" onclick='stop_select();'>
+            <input type="button" class="btn btn-primary float-right mr-1" value="Start Select" onclick='start_select();'>
+        </div>
+    </div>
+    <div class="table-responsive mt-3">
+        <table id="programs"
+               data-toggle="table"
+               data-click-to-select="true" >
+            <thead>
+            <th data-field="id" data-checkbox="true"></th>
+            <th data-field="name">Program</th>
+            <th data-field="statename">State</th>
+            <th data-field="description">Description</th>
+            <th data-field="action">Action</th>
+            </thead>
+        </table>
+    </div>
+</div>
+
+
+<div id="myModal" class="modal fade">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-header">
+                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
+                <h4 class="modal-title" id="my-modal-title">Confirmation</h4>
+            </div>
+            <div class="modal-body">
+                <p id="my-modal-message">Do you want to save changes you made to document before closing?</p>
+            </div>
+            <div class="modal-footer">
+                <button type="button" class="btn btn-primary" data-dismiss="modal" id='my-modal-cancel-btn'>Cancel</button>
+                <button type="button" class="btn btn-primary" data-dismiss="modal" id='my-modal-confirm-btn'>Shutdown</button>
+            </div>
+        </div>
+    </div>
+</div>
+
+
+</body>
+
+</html>
diff --git a/src/webgui/index.html b/src/webgui/index.html
index 2e04f9d1..5cc6cac7 100644
--- a/src/webgui/index.html
+++ b/src/webgui/index.html
@@ -1,22 +1,22 @@
 <!DOCTYPE html>
 <html>
-<head>
-    <meta charset="utf-8">
+  <head>
+	<meta charset="utf-8">
     <title>Go-Supervisor</title>
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
-    <link rel="stylesheet" href="css/bootstrap.min.css"/>
-    <link rel="stylesheet" href="css/bootstrap-table.css"/>
-    <link rel="stylesheet" href="css/bootstrap-dialog.min.css"/>
-    <script src='js/jquery-3.3.1.min.js'></script>
-    <script src='js/popper.min.js'></script>
-    <script src='js/bootstrap.min.js'></script>
-    <script src='js/bootstrap-table.min.js'></script>
-    <script src='js/bootstrap-dialog.min.js'></script>
-</head>
-
-
-<script type="text/javascript">
-    var columns = [{
+    <link rel="stylesheet" href="static/bootstrap.min.css"/>
+    <link rel="stylesheet" href="static/bootstrap-table.css"/>
+    <link rel="stylesheet" href="static/bootstrap-dialog.min.css"/>
+    <script src='static/jquery-3.3.1.min.js'></script>
+    <script src='static/popper.min.js'></script>
+    <script src='static/bootstrap.min.js'></script>
+    <script src='static/bootstrap-table.min.js'></script>
+    <script src='static/bootstrap-dialog.min.js'></script>
+  </head>
+
+
+  <script type="text/javascript">
+  var columns = [{
         field: 'name',
         title: 'Program'
     }, {
@@ -26,148 +26,148 @@
         field: 'description',
         title: 'Description'
     }, {
-        field: 'action',
-        title: 'Action'
+       field: 'action',
+       title: 'Action'
     }];
 
-    var programs = []
+  var programs = []
+
+  function changeProgramState( name, statename ) {
+      for( var i = 0; i < programs.length; i++ ) {
+          if( name == programs[i]['name'] ) {
+              programs[i]['statename'] = statename;
+          }
+      }
+  }
+
+  function refreshDisplay() {
+      reformatPrograms( programs );
+      $("#programs").bootstrapTable('destroy');
+      $("#programs").bootstrapTable({
+                   data: programs
+                   });
+
+  }
+
+  function startProgram( name ) {
+    $.ajax( {
+    type: "POST",
+    dataType: "json",
+    url: "/program/start/" + name,
+    success: function( data, status, jqXHR  ) {
+        if( data['success'] ) {
+            changeProgramState( name, "RUNNING" );
+            refreshDisplay();
+          } else {
+            confirm_dialog( { 'title': "Information",
+                              'message': "Fail to start program, please check the log of supervisord to find reason",
+                              'cancel-text': "Cancel",
+                              'cancel-hide': true,
+                              'confirm-text': "Ok",
+                              'confirm-onclick': function() {}
+                              } );
+
+          }
+    },
+    error: function( jqXHR, status, errorThrown ) {
+           confirm_dialog( { 'title': "Information",
+                             'message': "Fail to start program, please check if supervisord is started or not",
+                             'cancel-text': "Cancel",
+                             'cancel-hide': true,
+                             'confirm-text': "Ok",
+                             'confirm-onclick': function() {}
+                             } );
 
-    function changeProgramState( name, statename ) {
-        for( var i = 0; i < programs.length; i++ ) {
-            if( name == programs[i]['name'] ) {
-                programs[i]['statename'] = statename;
-            }
-        }
-    }
-
-    function refreshDisplay() {
-        reformatPrograms( programs );
-        $("#programs").bootstrapTable('destroy');
-        $("#programs").bootstrapTable({
-            data: programs
-        });
-
-    }
-
-    function startProgram( name ) {
-        $.ajax( {
-            type: "POST",
-            dataType: "json",
-            url: "/program/start/" + name,
-            success: function( data, status, jqXHR  ) {
-                if( data['success'] ) {
-                    changeProgramState( name, "RUNNING" );
-                    refreshDisplay();
-                } else {
-                    confirm_dialog( { 'title': "Information",
-                        'message': "Fail to start program, please check the log of supervisord to find reason",
-                        'cancel-text': "Cancel",
-                        'cancel-hide': true,
-                        'confirm-text': "Ok",
-                        'confirm-onclick': function() {}
-                    } );
-
-                }
-            },
-            error: function( jqXHR, status, errorThrown ) {
-                confirm_dialog( { 'title': "Information",
-                    'message': "Fail to start program, please check if supervisord is started or not",
-                    'cancel-text': "Cancel",
-                    'cancel-hide': true,
-                    'confirm-text': "Ok",
-                    'confirm-onclick': function() {}
-                } );
-
-            }
-        });
-    };
-
-    function stopProgram( programName ) {
-        return new Promise((resolve, reject) =>{
-            confirm_dialog( { 'title': "Stop confirmation",
-                'message': "Do you really want to stop program?",
-                'cancel-text': "Cancel",
-                'confirm-text': "Stop",
-                'confirm-onclick': async function() {
-                    await doStopProgram( programName );
-                    resolve("success");
-                }
-            } );
-        })
     }
-
-    async function restartProgram( programName ){
-        await stopProgram(programName)
-        startProgram(programName)
-
-    }
-
-    function doStopProgram( name ) {
-        return new Promise(
-            (resolve, reject) =>{
-                $.ajax( {
-                    type: "POST",
-                    dataType: "json",
-                    url: "/program/stop/" + name,
-                    success: function( data, status, jqXHR  ) {
-                        if( data['success'] ) {
-                            changeProgramState( name, 'STOPPED' );
-                            refreshDisplay();
-                        } else {
-                            confirm_dialog( { 'title': "Information",
-                                'message': "Fail to stop program, please check the log of supervisord",
-                                'cancel-text': "Cancel",
-                                'cancel-hide': true,
-                                'confirm-text': "Ok",
-                                'confirm-onclick': function() {
-                                }
-                            } );
-                        }
-                        resolve("success")
-                    },
-                    error: function( jqXHR, status, errorThrown ) {
-                        confirm_dialog( { 'title': "Information",
-                            'message': "Fail to stop program, please check if supervisord is running",
-                            'cancel-text': "Cancel",
-                            'cancel-hide': true,
-                            'confirm-text': "Ok",
-                            'confirm-onclick': function() {
-                            }
-                        } );
-                        reject("err")
-
-                    }
-                });
-            })
-
-    }
-
-    function reformatPrograms( programs ) {
-        for( var i in programs ) {
-            var statename = programs[i]['statename'];
-            var action = "";
-            var color = "";
-            if( statename.toLowerCase().indexOf("running") >= 0 || statename.toLowerCase().indexOf( "starting") >= 0 ) {
-                action = '<button type="button" disabled class="btn btn-primary mr-1" onclick="startProgram(\'' + programs[i]['name'] + '\');">Start</button>';
-                action = action + '<button type="button" class="btn btn-primary mr-1" onclick="stopProgram(\'' + programs[i]['name'] + '\');">Stop</button>';
-                action = action + '<button type="button" class="btn btn-primary mr-1" onclick="restartProgram(\'' + programs[i]['name'] + '\');">ReStart</button>';
-                color = "green";
-            } else {
-                action = '<button type="button" class="btn btn-primary mr-1" onclick="startProgram(\'' + programs[i]['name'] + '\');">Start</button>';
-                action = action + '<button type="button" disabled class="btn btn-primary mr-1" onclick="stopProgram(\'' + programs[i]['name'] + '\');">Stop</button>';
-                action = action + '<button type="button" disabled class="btn btn-primary mr-1" onclick="restartProgram(\'' + programs[i]['name'] + '\');">ReStart</button>';
-                color = "red";
+    });
+  };
+
+  function stopProgram( programName ) {
+      return new Promise((resolve, reject) =>{
+          confirm_dialog( { 'title': "Stop confirmation",
+              'message': "Do you really want to stop program?",
+              'cancel-text': "Cancel",
+              'confirm-text': "Stop",
+              'confirm-onclick': async function() {
+                  await doStopProgram( programName );
+                  resolve("success");
             }
-            let logLabel = '<a href=/log?name=' + programs[i]['name'] + '>日志列表 </a>';
-
-            action = action + logLabel;
-
-            programs[i]['action'] = action;
-            programs[i]['statename'] = '<div style="background-color:' + color + ';">' + statename + '</div>';
-        }
-    };
-
-    function confirm_dialog( confirm ) {
+          } );
+      })
+  }
+
+ async function restartProgram( programName ){
+      await stopProgram(programName)
+      startProgram(programName)
+  }
+
+  function doStopProgram( name ) {
+      return new Promise(
+          (resolve, reject) =>{
+              $.ajax( {
+                  type: "POST",
+                  dataType: "json",
+                  url: "/program/stop/" + name,
+                  async:false,
+                  success: function( data, status, jqXHR  ) {
+                      if( data['success'] ) {
+                          changeProgramState( name, 'STOPPED' );
+                          refreshDisplay();
+                      } else {
+                          confirm_dialog( { 'title': "Information",
+                              'message': "Fail to stop program, please check the log of supervisord",
+                              'cancel-text': "Cancel",
+                              'cancel-hide': true,
+                              'confirm-text': "Ok",
+                              'confirm-onclick': function() {
+                              }
+                          } );
+
+                      }
+                  },
+                  error: function( jqXHR, status, errorThrown ) {
+                      confirm_dialog( { 'title': "Information",
+                          'message': "Fail to stop program, please check if supervisord is running",
+                          'cancel-text': "Cancel",
+                          'cancel-hide': true,
+                          'confirm-text': "Ok",
+                          'confirm-onclick': function() {
+                          }
+                      } );
+
+                      // reject()
+                  }
+
+              });
+              resolve("success")
+          })
+
+  }
+
+  function reformatPrograms( programs ) {
+      for( var i in programs ) {
+          var statename = programs[i]['statename'];
+          var action = "";
+          var color = "";
+          if( statename.toLowerCase().indexOf("running") >= 0 || statename.toLowerCase().indexOf( "starting") >= 0 ) {
+            action = '<button type="button" disabled class="btn btn-primary mr-1" onclick="startProgram(\'' + programs[i]['name'] + '\');">Start</button>';
+            action = action + '<button type="button" class="btn btn-primary mr-1" onclick="stopProgram(\'' + programs[i]['name'] + '\');">Stop</button>';
+            action = action + '<button type="button" class="btn btn-primary" onclick="restartProgram(\'' + programs[i]['name'] + '\');">ReStart</button>';
+            color = "green";
+          } else {
+              action = '<button type="button" class="btn btn-primary mr-1" onclick="startProgram(\'' + programs[i]['name'] + '\');">Start</button>';
+              action = action + '<button type="button" disabled class="btn btn-primary mr-1" onclick="stopProgram(\'' + programs[i]['name'] + '\');">Stop</button>';
+              action = action + '<button type="button" disabled class="btn btn-primary" onclick="restartProgram(\'' + programs[i]['name'] + '\');">ReStart</button>';
+              color = "red";
+          }
+
+
+          programs[i]['action'] = action;
+          programs[i]['statename'] = '<div style="background-color:' + color + ';">' + statename + '</div>';
+      }
+  };
+
+  function confirm_dialog( confirm ) {
         $('#my-modal-title').text(confirm['title'] );
         $('#my-modal-message').text( confirm['message'] );
         $('#my-modal-cancel-btn').text( confirm['cancel-text'] );
@@ -181,174 +181,171 @@
         $('#my-modal-confirm-btn').click( confirm['confirm-onclick'] );
         $("#myModal").modal('show');
 
-    }
-
-    function shutdown_supervisor() {
-        confirm_dialog( { 'title': "Shutdown confirmation",
-            'message': "Do you really want to shutdown supervisor?",
-            'cancel-text': "Cancel",
-            'confirm-text': "Shutdown",
-            'confirm-onclick': function() {
-                $.ajax( {
-                    type: "PUT",
-                    url: "/supervisor/shutdown",
-                    contentType: "application/json",
-                    dataType: "text",
-                    success: function( data, status, jqXHR ) {
-                    },
-                    error: function( jqXHR, textStatus, errorThrown ) {
-                    }
-                });
+  }
 
-            }
-        } );
-
-    };
-
-    function reload_supervisor() {
-        confirm_dialog( { 'title': "Reload confirmation",
-            'message': "Do you really want to reload supervisor?",
-            'cancel-text': "Cancel",
-            'confirm-text': "Reload",
-            'confirm-onclick': function() {
-                $.ajax( {
-                    type: "POST",
-                    url: "/supervisor/reload",
-                    contentType: "application/json",
-                    dataType: "text",
-                    success: function( data, status, jqXHR ) {
-                        list_programs();
-                    },
-                    error: function( jqXHR, textStatus, errorThrown ) {
-                        list_programs();
-                    }
-                });
-
-            }
-        } );
-    }
+  function shutdown_supervisor() {
+      confirm_dialog( { 'title': "Shutdown confirmation",
+                        'message': "Do you really want to shutdown supervisor?",
+                        'cancel-text': "Cancel",
+                        'confirm-text': "Shutdown",
+                        'confirm-onclick': function() {
+                            $.ajax( {
+                                     type: "PUT",
+                                     url: "/supervisor/shutdown",
+                                     contentType: "application/json",
+                                     dataType: "text",
+                                     success: function( data, status, jqXHR ) {
+                                     },
+                                     error: function( jqXHR, textStatus, errorThrown ) {
+                                     }
+                            });
 
-    function get_selected_programs() {
-        selected = $("#programs").bootstrapTable('getSelections');
-        programs = [];
-        for(i in selected) {
-            programs.push( selected[i]['name'] );
-        }
-        return programs;
+                        }
+                        } );
 
-    }
-    function start_select() {
-        programs = get_selected_programs();
-        if( programs.length <= 0 ) {
-            alert( "no program selected" );
-            return;
-        }
-        $.ajax( {
-            type: "POST",
-            url: "/program/startPrograms",
-            contentType: "application/json",
-            data: JSON.stringify( programs ),
-            dataType: "text",
-            success: function( data, status, jqXHR ) {
-                list_programs();
-            },
-            error: function( jqXHR, textStatus, errorThrown ) {
-                list_programs();
-            }
-        });
-    }
+  };
 
-    function stop_select() {
-        programs = get_selected_programs();
-        if( programs.length <= 0 ) {
-            alert( "no program selected" );
-            return;
-        }
-        $.ajax( {
-            type: "POST",
-            url: "/program/stopPrograms",
-            contentType: "application/json",
-            data: JSON.stringify( programs ),
-            dataType: "text",
-            success: function( data, status, jqXHR ) {
-                list_programs();
-            },
-            error: function( jqXHR, textStatus, errorThrown ) {
-                list_programs();
-            }
-        });
-
-    }
+  function reload_supervisor() {
+      confirm_dialog( { 'title': "Reload confirmation",
+                        'message': "Do you really want to reload supervisor?",
+                        'cancel-text': "Cancel",
+                        'confirm-text': "Reload",
+                        'confirm-onclick': function() {
+                            $.ajax( {
+                                      type: "POST",
+                                      url: "/supervisor/reload",
+                                      contentType: "application/json",
+                                      dataType: "text",
+                                      success: function( data, status, jqXHR ) {
+                                          list_programs();
+                                      },
+                                      error: function( jqXHR, textStatus, errorThrown ) {
+                                          list_programs();
+                                      }
+                            });
 
-    function list_programs() {
-        $.ajax({
-            type: "GET",
-            url: "/program/list",
-            dataType: "json",
-            success: function( data, status, jqXHR ) {
+                        }
+                        } );
+  }
+
+  function get_selected_programs() {
+      selected = $("#programs").bootstrapTable('getSelections');
+      programs = [];
+      for(i in selected) {
+          programs.push( selected[i]['name'] );
+      }
+      return programs;
+
+  }
+  function start_select() {
+      programs = get_selected_programs();
+      if( programs.length <= 0 ) {
+          alert( "no program selected" );
+          return;
+      }
+      $.ajax( {
+          type: "POST",
+          url: "/program/startPrograms",
+          contentType: "application/json",
+          data: JSON.stringify( programs ),
+          dataType: "text",
+          success: function( data, status, jqXHR ) {
+            list_programs();
+          },
+          error: function( jqXHR, textStatus, errorThrown ) {
+              list_programs();
+          }
+      });
+  }
+
+  function stop_select() {
+      programs = get_selected_programs();
+      if( programs.length <= 0 ) {
+          alert( "no program selected" );
+          return;
+      }
+      $.ajax( {
+          type: "POST",
+          url: "/program/stopPrograms",
+          contentType: "application/json",
+          data: JSON.stringify( programs ),
+          dataType: "text",
+          success: function( data, status, jqXHR ) {
+              list_programs();
+          },
+          error: function( jqXHR, textStatus, errorThrown ) {
+              list_programs();
+          }
+      });
+
+  }
+
+  function list_programs() {
+      $.ajax({
+              type: "GET",
+              url: "/program/list",
+              dataType: "json",
+              success: function( data, status, jqXHR ) {
                 programs = data;
                 refreshDisplay();
-            },
-            error: function( jqXHR, textStatus, errorThrown ) {
+              },
+              error: function( jqXHR, textStatus, errorThrown ) {
                 alert( textStatus );
-            }
-        });
-    }
-
-    $(document).ready(function() {
-        list_programs();
-    });
-</script>
-<body>
-<H1 class="text-center text-success">Go-Supervisor</H1>
-<div class="container">
-    <div class='row'>
-        <div class="col-12">
-
-            <a href="http://127.0.0.1:9996/graph" class="text-decoration-none mr-3" target="_blank">Prometheus</a>
-            <a href="http://127.0.0.1:3000" class="text-decoration-none" target="_blank">Grafana</a>
-
-            <input type="button" class="btn btn-primary float-right mr-1" value="Shutdown" onclick='shutdown_supervisor();'>
-            <input type="button" class="btn btn-primary float-right mr-1" value="Reload" onclick='reload_supervisor();'>
-            <input type="button" class="btn btn-primary float-right mr-1" value="Stop Select" onclick='stop_select();'>
-            <input type="button" class="btn btn-primary float-right mr-1" value="Start Select" onclick='start_select();'>
-        </div>
+              }
+              });
+  }
+
+  $(document).ready(function() {
+      list_programs();
+  });
+  </script>
+  <body>
+    <H1 class="text-center text-success">Go-Supervisor</H1>
+    <div class="container">
+      <H2>Programs</H2>
+      <div class='row'>
+          <div class="col-12">
+              <input type="button" class="btn btn-primary float-right mr-1" value="Shutdown" onclick='shutdown_supervisor();'>
+              <input type="button" class="btn btn-primary float-right mr-1" value="Reload" onclick='reload_supervisor();'>
+              <input type="button" class="btn btn-primary float-right mr-1" value="Stop Select" onclick='stop_select();'>
+              <input type="button" class="btn btn-primary float-right mr-1" value="Start Select" onclick='start_select();'>
+          </div>
+      </div>
+      <div class="table-responsive mt-3">
+       <table id="programs"
+           data-toggle="table"
+           data-click-to-select="true" >
+           <thead>
+               <th data-field="id" data-checkbox="true"></th>
+               <th data-field="name">Program</th>
+               <th data-field="statename">State</th>
+               <th data-field="description">Description</th>
+               <th data-field="action">Action</th>
+           </thead>
+       </table>
+      </div>
     </div>
-    <div class="table-responsive mt-3">
-        <table id="programs"
-               data-toggle="table"
-               data-click-to-select="true" >
-            <thead>
-            <th data-field="id" data-checkbox="true"></th>
-            <th data-field="name">Program</th>
-            <th data-field="statename">State</th>
-            <th data-field="description">Description</th>
-            <th data-field="action">Action</th>
-            </thead>
-        </table>
-    </div>
-</div>
 
 
-<div id="myModal" class="modal fade">
-    <div class="modal-dialog">
-        <div class="modal-content">
-            <div class="modal-header">
-                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
-                <h4 class="modal-title" id="my-modal-title">Confirmation</h4>
-            </div>
-            <div class="modal-body">
-                <p id="my-modal-message">Do you want to save changes you made to document before closing?</p>
-            </div>
-            <div class="modal-footer">
-                <button type="button" class="btn btn-primary" data-dismiss="modal" id='my-modal-cancel-btn'>Cancel</button>
-                <button type="button" class="btn btn-primary" data-dismiss="modal" id='my-modal-confirm-btn'>Shutdown</button>
+    <div id="myModal" class="modal fade">
+        <div class="modal-dialog">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
+                    <h4 class="modal-title" id="my-modal-title">Confirmation</h4>
+                </div>
+                <div class="modal-body">
+                    <p id="my-modal-message">Do you want to save changes you made to document before closing?</p>
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-primary" data-dismiss="modal" id='my-modal-cancel-btn'>Cancel</button>
+                    <button type="button" class="btn btn-primary" data-dismiss="modal" id='my-modal-confirm-btn'>Shutdown</button>
+                </div>
             </div>
         </div>
     </div>
-</div>
 
 
-</body>
+  </body>
 
 </html>
diff --git a/src/webgui/index.html.modify b/src/webgui/index.html.modify
deleted file mode 100644
index faf35b1d..00000000
--- a/src/webgui/index.html.modify
+++ /dev/null
@@ -1,351 +0,0 @@
-<!DOCTYPE html>
-<html>
-  <head>
-	<meta charset="utf-8">
-    <title>Go-Supervisor</title>
-    <meta name="viewport" content="width=device-width, initial-scale=1"/>
-    <link rel="stylesheet" href="css/bootstrap.min.css"/>
-    <link rel="stylesheet" href="css/bootstrap-table.css"/>
-    <link rel="stylesheet" href="css/bootstrap-dialog.min.css"/>
-    <script src='js/jquery-3.3.1.min.js'></script>
-    <script src='js/popper.min.js'></script>
-    <script src='js/bootstrap.min.js'></script>
-    <script src='js/bootstrap-table.min.js'></script>
-    <script src='js/bootstrap-dialog.min.js'></script>
-  </head>
-
-
-  <script type="text/javascript">
-  var columns = [{
-        field: 'name',
-        title: 'Program'
-    }, {
-        field: 'statename',
-        title: 'State'
-    }, {
-        field: 'description',
-        title: 'Description'
-    }, {
-       field: 'action',
-       title: 'Action'
-    }];
-
-  var programs = []
-
-  function changeProgramState( name, statename ) {
-      for( var i = 0; i < programs.length; i++ ) {
-          if( name == programs[i]['name'] ) {
-              programs[i]['statename'] = statename;
-          }
-      }
-  }
-
-  function refreshDisplay() {
-      reformatPrograms( programs );
-      $("#programs").bootstrapTable('destroy');
-      $("#programs").bootstrapTable({
-                   data: programs
-                   });
-
-  }
-
-  function startProgram( name ) {
-    $.ajax( {
-    type: "POST",
-    dataType: "json",
-    url: "/program/start/" + name,
-    success: function( data, status, jqXHR  ) {
-        if( data['success'] ) {
-            changeProgramState( name, "RUNNING" );
-            refreshDisplay();
-          } else {
-            confirm_dialog( { 'title': "Information",
-                              'message': "Fail to start program, please check the log of supervisord to find reason",
-                              'cancel-text': "Cancel",
-                              'cancel-hide': true,
-                              'confirm-text': "Ok",
-                              'confirm-onclick': function() {}
-                              } );
-
-          }
-    },
-    error: function( jqXHR, status, errorThrown ) {
-           confirm_dialog( { 'title': "Information",
-                             'message': "Fail to start program, please check if supervisord is started or not",
-                             'cancel-text': "Cancel",
-                             'cancel-hide': true,
-                             'confirm-text': "Ok",
-                             'confirm-onclick': function() {}
-                             } );
-
-    }
-    });
-  };
-
-  function stopProgram( programName ) {
-      return new Promise((resolve, reject) =>{
-          confirm_dialog( { 'title': "Stop confirmation",
-              'message': "Do you really want to stop program?",
-              'cancel-text': "Cancel",
-              'confirm-text': "Stop",
-              'confirm-onclick': async function() {
-                  await doStopProgram( programName );
-                  resolve("success");
-            }
-          } );
-      })
-  }
-
- async function restartProgram( programName ){
-      await stopProgram(programName)
-      startProgram(programName)
-  }
-
-  function doStopProgram( name ) {
-      return new Promise(
-          (resolve, reject) =>{
-              $.ajax( {
-                  type: "POST",
-                  dataType: "json",
-                  url: "/program/stop/" + name,
-                  async:false,
-                  success: function( data, status, jqXHR  ) {
-                      if( data['success'] ) {
-                          changeProgramState( name, 'STOPPED' );
-                          refreshDisplay();
-                      } else {
-                          confirm_dialog( { 'title': "Information",
-                              'message': "Fail to stop program, please check the log of supervisord",
-                              'cancel-text': "Cancel",
-                              'cancel-hide': true,
-                              'confirm-text': "Ok",
-                              'confirm-onclick': function() {
-                              }
-                          } );
-
-                      }
-                  },
-                  error: function( jqXHR, status, errorThrown ) {
-                      confirm_dialog( { 'title': "Information",
-                          'message': "Fail to stop program, please check if supervisord is running",
-                          'cancel-text': "Cancel",
-                          'cancel-hide': true,
-                          'confirm-text': "Ok",
-                          'confirm-onclick': function() {
-                          }
-                      } );
-
-                      // reject()
-                  }
-
-              });
-              resolve("success")
-          })
-
-  }
-
-  function reformatPrograms( programs ) {
-      for( var i in programs ) {
-          var statename = programs[i]['statename'];
-          var action = "";
-          var color = "";
-          if( statename.toLowerCase().indexOf("running") >= 0 || statename.toLowerCase().indexOf( "starting") >= 0 ) {
-            action = '<button type="button" disabled class="btn btn-primary mr-1" onclick="startProgram(\'' + programs[i]['name'] + '\');">Start</button>';
-            action = action + '<button type="button" class="btn btn-primary mr-1" onclick="stopProgram(\'' + programs[i]['name'] + '\');">Stop</button>';
-            action = action + '<button type="button" class="btn btn-primary" onclick="restartProgram(\'' + programs[i]['name'] + '\');">ReStart</button>';
-            color = "green";
-          } else {
-              action = '<button type="button" class="btn btn-primary mr-1" onclick="startProgram(\'' + programs[i]['name'] + '\');">Start</button>';
-              action = action + '<button type="button" disabled class="btn btn-primary mr-1" onclick="stopProgram(\'' + programs[i]['name'] + '\');">Stop</button>';
-              action = action + '<button type="button" disabled class="btn btn-primary" onclick="restartProgram(\'' + programs[i]['name'] + '\');">ReStart</button>';
-              color = "red";
-          }
-
-
-          programs[i]['action'] = action;
-          programs[i]['statename'] = '<div style="background-color:' + color + ';">' + statename + '</div>';
-      }
-  };
-
-  function confirm_dialog( confirm ) {
-        $('#my-modal-title').text(confirm['title'] );
-        $('#my-modal-message').text( confirm['message'] );
-        $('#my-modal-cancel-btn').text( confirm['cancel-text'] );
-        $('#my-modal-confirm-btn').text( confirm['confirm-text'] );
-        $('#my-modal-confirm-btn').unbind( 'click' );
-        if( confirm.hasOwnProperty( 'cancel-hide') && confirm['cancel-hide'] ) {
-            $('#my-modal-cancel-btn').hide();
-        } else {
-            $('#my-modal-cancel-btn').show();
-        }
-        $('#my-modal-confirm-btn').click( confirm['confirm-onclick'] );
-        $("#myModal").modal('show');
-
-  }
-
-  function shutdown_supervisor() {
-      confirm_dialog( { 'title': "Shutdown confirmation",
-                        'message': "Do you really want to shutdown supervisor?",
-                        'cancel-text': "Cancel",
-                        'confirm-text': "Shutdown",
-                        'confirm-onclick': function() {
-                            $.ajax( {
-                                     type: "PUT",
-                                     url: "/supervisor/shutdown",
-                                     contentType: "application/json",
-                                     dataType: "text",
-                                     success: function( data, status, jqXHR ) {
-                                     },
-                                     error: function( jqXHR, textStatus, errorThrown ) {
-                                     }
-                            });
-
-                        }
-                        } );
-
-  };
-
-  function reload_supervisor() {
-      confirm_dialog( { 'title': "Reload confirmation",
-                        'message': "Do you really want to reload supervisor?",
-                        'cancel-text': "Cancel",
-                        'confirm-text': "Reload",
-                        'confirm-onclick': function() {
-                            $.ajax( {
-                                      type: "POST",
-                                      url: "/supervisor/reload",
-                                      contentType: "application/json",
-                                      dataType: "text",
-                                      success: function( data, status, jqXHR ) {
-                                          list_programs();
-                                      },
-                                      error: function( jqXHR, textStatus, errorThrown ) {
-                                          list_programs();
-                                      }
-                            });
-
-                        }
-                        } );
-  }
-
-  function get_selected_programs() {
-      selected = $("#programs").bootstrapTable('getSelections');
-      programs = [];
-      for(i in selected) {
-          programs.push( selected[i]['name'] );
-      }
-      return programs;
-
-  }
-  function start_select() {
-      programs = get_selected_programs();
-      if( programs.length <= 0 ) {
-          alert( "no program selected" );
-          return;
-      }
-      $.ajax( {
-          type: "POST",
-          url: "/program/startPrograms",
-          contentType: "application/json",
-          data: JSON.stringify( programs ),
-          dataType: "text",
-          success: function( data, status, jqXHR ) {
-            list_programs();
-          },
-          error: function( jqXHR, textStatus, errorThrown ) {
-              list_programs();
-          }
-      });
-  }
-
-  function stop_select() {
-      programs = get_selected_programs();
-      if( programs.length <= 0 ) {
-          alert( "no program selected" );
-          return;
-      }
-      $.ajax( {
-          type: "POST",
-          url: "/program/stopPrograms",
-          contentType: "application/json",
-          data: JSON.stringify( programs ),
-          dataType: "text",
-          success: function( data, status, jqXHR ) {
-              list_programs();
-          },
-          error: function( jqXHR, textStatus, errorThrown ) {
-              list_programs();
-          }
-      });
-
-  }
-
-  function list_programs() {
-      $.ajax({
-              type: "GET",
-              url: "/program/list",
-              dataType: "json",
-              success: function( data, status, jqXHR ) {
-                programs = data;
-                refreshDisplay();
-              },
-              error: function( jqXHR, textStatus, errorThrown ) {
-                alert( textStatus );
-              }
-              });
-  }
-
-  $(document).ready(function() {
-      list_programs();
-  });
-  </script>
-  <body>
-    <H1 class="text-center text-success">Go-Supervisor</H1>
-    <div class="container">
-      <H2>Programs</H2>
-      <div class='row'>
-          <div class="col-12">
-              <input type="button" class="btn btn-primary float-right mr-1" value="Shutdown" onclick='shutdown_supervisor();'>
-              <input type="button" class="btn btn-primary float-right mr-1" value="Reload" onclick='reload_supervisor();'>
-              <input type="button" class="btn btn-primary float-right mr-1" value="Stop Select" onclick='stop_select();'>
-              <input type="button" class="btn btn-primary float-right mr-1" value="Start Select" onclick='start_select();'>
-          </div>
-      </div>
-      <div class="table-responsive mt-3">
-       <table id="programs"
-           data-toggle="table"
-           data-click-to-select="true" >
-           <thead>
-               <th data-field="id" data-checkbox="true"></th>
-               <th data-field="name">Program</th>
-               <th data-field="statename">State</th>
-               <th data-field="description">Description</th>
-               <th data-field="action">Action</th>
-           </thead>
-       </table>
-      </div>
-    </div>
-
-
-    <div id="myModal" class="modal fade">
-        <div class="modal-dialog">
-            <div class="modal-content">
-                <div class="modal-header">
-                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
-                    <h4 class="modal-title" id="my-modal-title">Confirmation</h4>
-                </div>
-                <div class="modal-body">
-                    <p id="my-modal-message">Do you want to save changes you made to document before closing?</p>
-                </div>
-                <div class="modal-footer">
-                    <button type="button" class="btn btn-primary" data-dismiss="modal" id='my-modal-cancel-btn'>Cancel</button>
-                    <button type="button" class="btn btn-primary" data-dismiss="modal" id='my-modal-confirm-btn'>Shutdown</button>
-                </div>
-            </div>
-        </div>
-    </div>
-
-
-  </body>
-
-</html>
diff --git a/src/webgui/log.html b/src/webgui/log.html
index 8d8788d9..290d7c78 100644
--- a/src/webgui/log.html
+++ b/src/webgui/log.html
@@ -5,12 +5,12 @@
     <title>LOG</title>
 </head>
 <body>
-<script src="js/axios.min.js"></script>
-<script src='js/jquery-3.3.1.min.js'></script>
-<script src="js/common.js"></script>
-<link rel="stylesheet" href="css/bootstrap.min.css"/>
-<link rel="stylesheet" href="css/bootstrap-table.css"/>
-<link rel="stylesheet" href="css/bootstrap-dialog.min.css"/>
+<script src="static/axios.min.js"></script>
+<script src='static/jquery-3.3.1.min.js'></script>
+<script src="static/common.js"></script>
+<link rel="stylesheet" href="static/bootstrap.min.css"/>
+<link rel="stylesheet" href="static/bootstrap-table.css"/>
+<link rel="stylesheet" href="static/bootstrap-dialog.min.css"/>
 <div id="app">
 
 </div>
diff --git a/src/webgui/login.html b/src/webgui/login.html
index 82b3fb4d..d7668441 100644
--- a/src/webgui/login.html
+++ b/src/webgui/login.html
@@ -10,7 +10,7 @@
 
     <link rel="canonical" href="https://getbootstrap.com/docs/4.6/examples/sign-in/">
     <!-- Bootstrap core CSS -->
-    <link href="./css/bootstrap.min.css" rel="stylesheet">
+    <link href="./static/bootstrap.min.css" rel="stylesheet">
     <style>
         .bd-placeholder-img {
             font-size: 1.125rem;
@@ -29,12 +29,12 @@
     </style>
 
     <!-- Custom styles for this template -->
-    <link href="./css/signin.css" rel="stylesheet">
+    <link href="./static/signin.css" rel="stylesheet">
 </head>
 <body class="text-center">
 
 <form class="form-signin">
-    <img class="mb-4" src="./bootstrap-solid.svg" alt="" width="72" height="72">
+    <img class="mb-4" src="./static/bootstrap-solid.svg" alt="" width="72" height="72">
     <h1 class="h3 mb-3 font-weight-normal">Please sign in</h1>
     <label for="inputEmail" class="sr-only">Email address</label>
     <input type="email" id="inputEmail" class="form-control" placeholder="Email address" required autofocus>
@@ -49,7 +49,5 @@ <h1 class="h3 mb-3 font-weight-normal">Please sign in</h1>
     <p class="mt-5 mb-3 text-muted">&copy; 2017-2021</p>
 </form>
 
-
-
 </body>
 </html>
diff --git a/src/webgui/js/axios.min.js b/src/webgui/static/axios.min.js
similarity index 100%
rename from src/webgui/js/axios.min.js
rename to src/webgui/static/axios.min.js
diff --git a/src/webgui/css/bootstrap-dialog.min.css b/src/webgui/static/bootstrap-dialog.min.css
similarity index 100%
rename from src/webgui/css/bootstrap-dialog.min.css
rename to src/webgui/static/bootstrap-dialog.min.css
diff --git a/src/webgui/js/bootstrap-dialog.min.js b/src/webgui/static/bootstrap-dialog.min.js
similarity index 100%
rename from src/webgui/js/bootstrap-dialog.min.js
rename to src/webgui/static/bootstrap-dialog.min.js
diff --git a/src/webgui/css/bootstrap-grid.css b/src/webgui/static/bootstrap-grid.css
similarity index 100%
rename from src/webgui/css/bootstrap-grid.css
rename to src/webgui/static/bootstrap-grid.css
diff --git a/src/webgui/css/bootstrap-grid.css.map b/src/webgui/static/bootstrap-grid.css.map
similarity index 100%
rename from src/webgui/css/bootstrap-grid.css.map
rename to src/webgui/static/bootstrap-grid.css.map
diff --git a/src/webgui/css/bootstrap-grid.min.css b/src/webgui/static/bootstrap-grid.min.css
similarity index 100%
rename from src/webgui/css/bootstrap-grid.min.css
rename to src/webgui/static/bootstrap-grid.min.css
diff --git a/src/webgui/css/bootstrap-grid.min.css.map b/src/webgui/static/bootstrap-grid.min.css.map
similarity index 100%
rename from src/webgui/css/bootstrap-grid.min.css.map
rename to src/webgui/static/bootstrap-grid.min.css.map
diff --git a/src/webgui/css/bootstrap-reboot.css b/src/webgui/static/bootstrap-reboot.css
similarity index 100%
rename from src/webgui/css/bootstrap-reboot.css
rename to src/webgui/static/bootstrap-reboot.css
diff --git a/src/webgui/css/bootstrap-reboot.css.map b/src/webgui/static/bootstrap-reboot.css.map
similarity index 100%
rename from src/webgui/css/bootstrap-reboot.css.map
rename to src/webgui/static/bootstrap-reboot.css.map
diff --git a/src/webgui/css/bootstrap-reboot.min.css b/src/webgui/static/bootstrap-reboot.min.css
similarity index 100%
rename from src/webgui/css/bootstrap-reboot.min.css
rename to src/webgui/static/bootstrap-reboot.min.css
diff --git a/src/webgui/css/bootstrap-reboot.min.css.map b/src/webgui/static/bootstrap-reboot.min.css.map
similarity index 100%
rename from src/webgui/css/bootstrap-reboot.min.css.map
rename to src/webgui/static/bootstrap-reboot.min.css.map
diff --git a/src/webgui/bootstrap-solid.svg b/src/webgui/static/bootstrap-solid.svg
similarity index 100%
rename from src/webgui/bootstrap-solid.svg
rename to src/webgui/static/bootstrap-solid.svg
diff --git a/src/webgui/css/bootstrap-table.css b/src/webgui/static/bootstrap-table.css
similarity index 100%
rename from src/webgui/css/bootstrap-table.css
rename to src/webgui/static/bootstrap-table.css
diff --git a/src/webgui/js/bootstrap-table.min.js b/src/webgui/static/bootstrap-table.min.js
similarity index 100%
rename from src/webgui/js/bootstrap-table.min.js
rename to src/webgui/static/bootstrap-table.min.js
diff --git a/src/webgui/js/bootstrap.bundle.js b/src/webgui/static/bootstrap.bundle.js
similarity index 100%
rename from src/webgui/js/bootstrap.bundle.js
rename to src/webgui/static/bootstrap.bundle.js
diff --git a/src/webgui/js/bootstrap.bundle.js.map b/src/webgui/static/bootstrap.bundle.js.map
similarity index 100%
rename from src/webgui/js/bootstrap.bundle.js.map
rename to src/webgui/static/bootstrap.bundle.js.map
diff --git a/src/webgui/js/bootstrap.bundle.min.js b/src/webgui/static/bootstrap.bundle.min.js
similarity index 100%
rename from src/webgui/js/bootstrap.bundle.min.js
rename to src/webgui/static/bootstrap.bundle.min.js
diff --git a/src/webgui/js/bootstrap.bundle.min.js.map b/src/webgui/static/bootstrap.bundle.min.js.map
similarity index 100%
rename from src/webgui/js/bootstrap.bundle.min.js.map
rename to src/webgui/static/bootstrap.bundle.min.js.map
diff --git a/src/webgui/css/bootstrap.css b/src/webgui/static/bootstrap.css
similarity index 100%
rename from src/webgui/css/bootstrap.css
rename to src/webgui/static/bootstrap.css
diff --git a/src/webgui/css/bootstrap.css.map b/src/webgui/static/bootstrap.css.map
similarity index 100%
rename from src/webgui/css/bootstrap.css.map
rename to src/webgui/static/bootstrap.css.map
diff --git a/src/webgui/js/bootstrap.js b/src/webgui/static/bootstrap.js
similarity index 100%
rename from src/webgui/js/bootstrap.js
rename to src/webgui/static/bootstrap.js
diff --git a/src/webgui/js/bootstrap.js.map b/src/webgui/static/bootstrap.js.map
similarity index 100%
rename from src/webgui/js/bootstrap.js.map
rename to src/webgui/static/bootstrap.js.map
diff --git a/src/webgui/css/bootstrap.min.css b/src/webgui/static/bootstrap.min.css
similarity index 100%
rename from src/webgui/css/bootstrap.min.css
rename to src/webgui/static/bootstrap.min.css
diff --git a/src/webgui/css/bootstrap.min.css.map b/src/webgui/static/bootstrap.min.css.map
similarity index 100%
rename from src/webgui/css/bootstrap.min.css.map
rename to src/webgui/static/bootstrap.min.css.map
diff --git a/src/webgui/js/bootstrap.min.js b/src/webgui/static/bootstrap.min.js
similarity index 100%
rename from src/webgui/js/bootstrap.min.js
rename to src/webgui/static/bootstrap.min.js
diff --git a/src/webgui/js/bootstrap.min.js.map b/src/webgui/static/bootstrap.min.js.map
similarity index 100%
rename from src/webgui/js/bootstrap.min.js.map
rename to src/webgui/static/bootstrap.min.js.map
diff --git a/src/webgui/js/common.js b/src/webgui/static/common.js
similarity index 100%
rename from src/webgui/js/common.js
rename to src/webgui/static/common.js
diff --git a/src/webgui/js/jquery-3.3.1.min.js b/src/webgui/static/jquery-3.3.1.min.js
similarity index 100%
rename from src/webgui/js/jquery-3.3.1.min.js
rename to src/webgui/static/jquery-3.3.1.min.js
diff --git a/src/webgui/js/popper.min.js b/src/webgui/static/popper.min.js
similarity index 100%
rename from src/webgui/js/popper.min.js
rename to src/webgui/static/popper.min.js
diff --git a/src/webgui/js/popper.min.js.map b/src/webgui/static/popper.min.js.map
similarity index 100%
rename from src/webgui/js/popper.min.js.map
rename to src/webgui/static/popper.min.js.map
diff --git a/src/webgui/css/signin.css b/src/webgui/static/signin.css
similarity index 100%
rename from src/webgui/css/signin.css
rename to src/webgui/static/signin.css