From f9eb0643bf070682d14b0e4269e277d167e261fb Mon Sep 17 00:00:00 2001
From: matt <methodho@gmail.com>
Date: Wed, 13 Mar 2019 11:04:27 +0800
Subject: [PATCH] update

---
 .../softleader/captainkube/v2/rmc.proto       |  16 +-
 cmd/capctl/app/rmc.go                         |   7 -
 cmd/captain/app/server/captain_rmc.go         |   6 +-
 cmd/capui/app/router.go                       |   9 +
 cmd/capui/app/service_cleanup.go              | 136 ++++++++++++++
 cmd/capui/app/service_install.go              |   2 +-
 pkg/proto/rmc.pb.go                           |  56 +++---
 templates/cleanup.html                        | 170 ++++++++++++++++++
 templates/install.html                        |  17 +-
 templates/tmp_navi.html                       |   4 +
 10 files changed, 354 insertions(+), 69 deletions(-)
 create mode 100644 cmd/capui/app/service_cleanup.go
 create mode 100644 templates/cleanup.html

diff --git a/api/protobuf-spec/softleader/captainkube/v2/rmc.proto b/api/protobuf-spec/softleader/captainkube/v2/rmc.proto
index c1ef3ec..13355cd 100644
--- a/api/protobuf-spec/softleader/captainkube/v2/rmc.proto
+++ b/api/protobuf-spec/softleader/captainkube/v2/rmc.proto
@@ -8,16 +8,14 @@ option java_package = "tw.com.softleader.captainkube.v2";
 option go_package = "captainkube.v2";
 
 import "chart.proto";
-import "image.proto";
 
 message RmcRequest {
     Chart chart = 1;
-    ReTag retag = 2;
-    repeated string set = 3;
-    string constraint = 4;
-    bool verbose = 5;
-    string timeout = 6;
-    bool color = 7;
-    bool force = 8;
-    bool dryRun = 9;
+    repeated string set = 2;
+    string constraint = 3;
+    bool verbose = 4;
+    string timeout = 5;
+    bool color = 6;
+    bool force = 7;
+    bool dryRun = 8;
 }
\ No newline at end of file
diff --git a/cmd/capctl/app/rmc.go b/cmd/capctl/app/rmc.go
index 7e1a46b..ccbcc37 100644
--- a/cmd/capctl/app/rmc.go
+++ b/cmd/capctl/app/rmc.go
@@ -26,10 +26,6 @@ const (
 	$ {{.}} rmc CHART... -e CAPTAIN_ENDPOINT -c ^	
 	$ {{.}} rmc CHART... -e CAPTAIN_ENDPOINT -c ~
 
-傳入 '--retag-from' 及 '--retag-to' 可以刪除 retag 後的 image
-
-	$ {{.}} rmc CHART... -e CAPTAIN_ENDPOINT -f hub.softleader.com.tw -t client-registry:5000
-
 如果需要在 rmc 前修改 values.yaml 中任何參數, 可以傳入 '--set key1=val1,key2=val2'
 
 	$ {{.}} rmc CHART... -e CAPTAIN_ENDPOINT --set ingress.enabled=true
@@ -50,7 +46,6 @@ type rmcCmd struct {
 	charts     []string
 	constraint string
 	endpoint   *ctx.Endpoint // captain 的 endpoint ip
-	retag      *ctx.ReTag
 	dryRun     bool
 	set        []string
 }
@@ -58,7 +53,6 @@ type rmcCmd struct {
 func newRmcCmd() *cobra.Command {
 	c := rmcCmd{
 		endpoint: activeCtx.Endpoint,
-		retag:    activeCtx.ReTag,
 	}
 
 	cmd := &cobra.Command{
@@ -83,7 +77,6 @@ func newRmcCmd() *cobra.Command {
 	f.StringArrayVar(&c.set, "set", []string{}, "set values (can specify multiple or separate values with commas: key1=val1,key2=val2)")
 	f.BoolVar(&c.hex, "hex", false, "convert and upload chart into hex string")
 	c.endpoint.AddFlags(f)
-	c.retag.AddFlags(f)
 
 	return cmd
 }
diff --git a/cmd/captain/app/server/captain_rmc.go b/cmd/captain/app/server/captain_rmc.go
index 7c0699a..2deb3e0 100644
--- a/cmd/captain/app/server/captain_rmc.go
+++ b/cmd/captain/app/server/captain_rmc.go
@@ -51,7 +51,6 @@ func (s *CaptainServer) Rmc(req *pb.RmcRequest, stream pb.Captain_RmcServer) err
 	endpoints.Each(func(e *caplet.Endpoint) {
 		if err := e.CallRmi(log, newRmiRequest(
 			tpls,
-			req.GetRetag(),
 			req.GetConstraint(),
 			req.GetVerbose(),
 			req.GetForce(),
@@ -64,7 +63,7 @@ func (s *CaptainServer) Rmc(req *pb.RmcRequest, stream pb.Captain_RmcServer) err
 	return nil
 }
 
-func newRmiRequest(tpls chart.Templates, retag *pb.ReTag, constraint string, verbose, force, dryRun bool) (req *pb.RmiRequest) {
+func newRmiRequest(tpls chart.Templates, constraint string, verbose, force, dryRun bool) (req *pb.RmiRequest) {
 	req = &pb.RmiRequest{
 		Verbose: verbose,
 		Force:   force,
@@ -77,9 +76,6 @@ func newRmiRequest(tpls chart.Templates, retag *pb.ReTag, constraint string, ver
 				Repo: img.Repo,
 				Tag:  constraint + img.Tag,
 			}
-			if i.Host == retag.From {
-				i.Host = retag.To
-			}
 			req.Images = append(req.Images, i)
 		}
 	}
diff --git a/cmd/capui/app/router.go b/cmd/capui/app/router.go
index d0928e6..20b039f 100644
--- a/cmd/capui/app/router.go
+++ b/cmd/capui/app/router.go
@@ -40,6 +40,15 @@ func NewCapUIServer(cmd *capUICmd) (r *gin.Engine) {
 		installRoute.POST("/", install.Chart)
 	}
 
+	cleanUpRoute := r.Group("/cleanup")
+	{
+		cleanup := &CleanUp{
+			cmd,
+		}
+		cleanUpRoute.GET("/", cleanup.View)
+		cleanUpRoute.POST("/", cleanup.Clean)
+	}
+
 	contextsRoute := r.Group("/contexts")
 	{
 		ctxs := &Contexts{}
diff --git a/cmd/capui/app/service_cleanup.go b/cmd/capui/app/service_cleanup.go
new file mode 100644
index 0000000..04e54f3
--- /dev/null
+++ b/cmd/capui/app/service_cleanup.go
@@ -0,0 +1,136 @@
+package app
+
+import (
+	"bytes"
+	"github.com/gin-gonic/gin"
+	"github.com/sirupsen/logrus"
+	"github.com/softleader/captain-kube/pkg/captain"
+	"github.com/softleader/captain-kube/pkg/ctx"
+	"github.com/softleader/captain-kube/pkg/dur"
+	pb "github.com/softleader/captain-kube/pkg/proto"
+	"github.com/softleader/captain-kube/pkg/sio"
+	"github.com/softleader/captain-kube/pkg/utils"
+	"io"
+	"mime/multipart"
+	"net/http"
+	"strconv"
+)
+
+// CleanUpRequest 代表頁面送進來的 form request
+type CleanUpRequest struct {
+	Prune      bool   `form:"prune"`
+	Set        string `form:"set"`
+	Verbose    bool   `form:"verbose"`
+	Force      bool   `form:"force"`
+	Ctx        string `form:"ctx"`
+	Timeout    string `form:"timeout"`
+	DryRun     bool   `form:"dryRun"`
+	Constraint string `form:"constraint"`
+}
+
+// CleanUp 定義了 route 的相關 call back function
+type CleanUp struct {
+	*capUICmd
+}
+
+// View 轉到 CleanUp 頁面
+func (s *CleanUp) View(c *gin.Context) {
+	c.HTML(http.StatusOK, "cleanup.html", gin.H{
+		"requestURI": c.Request.RequestURI,
+		"config":     &s,
+		"context":    &activeContext,
+	})
+}
+
+// Clean 接收 clean up 的資訊
+func (s *CleanUp) Clean(c *gin.Context) {
+	log := logrus.New() // 這個是這次請求要往前吐的 log
+	log.SetFormatter(&utils.PlainFormatter{})
+	log.SetOutput(sio.NewSSEventWriter(c))
+	if v, _ := strconv.ParseBool(c.Request.FormValue("verbose")); v {
+		log.SetLevel(logrus.DebugLevel)
+	}
+
+	var form CleanUpRequest
+	if err := c.Bind(&form); err != nil {
+		log.Errorln("binding form data error:", err)
+		logrus.Errorln("binding form data error:", err)
+		return
+	}
+
+	mForm, err := c.MultipartForm()
+	if err != nil {
+		log.Errorln("loading form files error:", err)
+		logrus.Errorln("loading form files error:", err)
+		return
+	}
+
+	// 而頁面到送進來的過程中, global activeCtx 有可能改變
+	// 所以這邊必須以頁面的 ctx 為主
+	selectedCtx, err := newContext(log, form.Ctx)
+	if err != nil {
+		log.Errorln(err)
+		logrus.Errorln(err)
+		return
+	}
+
+	if form.Prune {
+		if err := captain.CallPrune(log, selectedCtx.Endpoint.String(), form.Verbose, false, dur.Parse(form.Timeout)); err != nil {
+			log.Errorln(err)
+			logrus.Errorln(err)
+			return
+		}
+	}
+
+	if len(mForm.File) > 0 {
+		if form.DryRun {
+			log.Warnln("running in dry-run mode, specify the '-v' flag if you want to turn on verbose output")
+		}
+
+		// ps. 在讀完request body後才可以開始response, 否則body會close
+		files := mForm.File["files"]
+		for _, file := range files {
+			if err := s.rmc(log, selectedCtx, &form, file); err != nil {
+				log.Errorln(err)
+				logrus.Errorln(err)
+				return
+			}
+		}
+	}
+}
+
+func (s *CleanUp) rmc(log *logrus.Logger, activeCtx *ctx.Context, form *CleanUpRequest, fileHeader *multipart.FileHeader) error {
+	file, err := fileHeader.Open()
+	if err != nil {
+		log.Errorln(err)
+		logrus.Errorln(err)
+		return err
+	}
+	defer file.Close()
+	log.Debugf("received form: %+v", form)
+
+	buf := bytes.NewBuffer(nil)
+	read, err := io.Copy(buf, file)
+	if err != nil {
+		return err
+	}
+	log.Debugf("received chart size: %v", read)
+
+	req := &pb.RmcRequest{
+		Chart: &pb.Chart{
+			FileName: fileHeader.Filename,
+			Content:  buf.Bytes(),
+			FileSize: fileHeader.Size,
+		},
+		Timeout:    form.Timeout,
+		DryRun:     form.DryRun,
+		Force:      form.Force,
+		Set:        []string{form.Set},
+		Color:      false,
+		Verbose:    form.Verbose,
+		Constraint: form.Constraint,
+	}
+
+	log.Println("cleaning up:", fileHeader.Filename)
+	return captain.CallRmc(log, activeCtx.Endpoint.String(), req, dur.Parse(form.Timeout))
+}
diff --git a/cmd/capui/app/service_install.go b/cmd/capui/app/service_install.go
index f8bd187..0f3decc 100644
--- a/cmd/capui/app/service_install.go
+++ b/cmd/capui/app/service_install.go
@@ -99,7 +99,7 @@ func (s *Install) install(log *logrus.Logger, activeCtx *ctx.Context, form *Inst
 	if err != nil {
 		return fmt.Errorf("failed to open file stream: %s", err)
 	}
-
+	defer file.Close()
 	log.Debugf("received form: %+v", form)
 
 	buf := bytes.NewBuffer(nil)
diff --git a/pkg/proto/rmc.pb.go b/pkg/proto/rmc.pb.go
index c6e1851..f9d95bc 100644
--- a/pkg/proto/rmc.pb.go
+++ b/pkg/proto/rmc.pb.go
@@ -24,14 +24,13 @@ const _ = proto.ProtoPackageIsVersion3 // please upgrade the proto package
 
 type RmcRequest struct {
 	Chart                *Chart   `protobuf:"bytes,1,opt,name=chart,proto3" json:"chart,omitempty"`
-	Retag                *ReTag   `protobuf:"bytes,2,opt,name=retag,proto3" json:"retag,omitempty"`
-	Set                  []string `protobuf:"bytes,3,rep,name=set,proto3" json:"set,omitempty"`
-	Constraint           string   `protobuf:"bytes,4,opt,name=constraint,proto3" json:"constraint,omitempty"`
-	Verbose              bool     `protobuf:"varint,5,opt,name=verbose,proto3" json:"verbose,omitempty"`
-	Timeout              string   `protobuf:"bytes,6,opt,name=timeout,proto3" json:"timeout,omitempty"`
-	Color                bool     `protobuf:"varint,7,opt,name=color,proto3" json:"color,omitempty"`
-	Force                bool     `protobuf:"varint,8,opt,name=force,proto3" json:"force,omitempty"`
-	DryRun               bool     `protobuf:"varint,9,opt,name=dryRun,proto3" json:"dryRun,omitempty"`
+	Set                  []string `protobuf:"bytes,2,rep,name=set,proto3" json:"set,omitempty"`
+	Constraint           string   `protobuf:"bytes,3,opt,name=constraint,proto3" json:"constraint,omitempty"`
+	Verbose              bool     `protobuf:"varint,4,opt,name=verbose,proto3" json:"verbose,omitempty"`
+	Timeout              string   `protobuf:"bytes,5,opt,name=timeout,proto3" json:"timeout,omitempty"`
+	Color                bool     `protobuf:"varint,6,opt,name=color,proto3" json:"color,omitempty"`
+	Force                bool     `protobuf:"varint,7,opt,name=force,proto3" json:"force,omitempty"`
+	DryRun               bool     `protobuf:"varint,8,opt,name=dryRun,proto3" json:"dryRun,omitempty"`
 	XXX_NoUnkeyedLiteral struct{} `json:"-"`
 	XXX_unrecognized     []byte   `json:"-"`
 	XXX_sizecache        int32    `json:"-"`
@@ -69,13 +68,6 @@ func (m *RmcRequest) GetChart() *Chart {
 	return nil
 }
 
-func (m *RmcRequest) GetRetag() *ReTag {
-	if m != nil {
-		return m.Retag
-	}
-	return nil
-}
-
 func (m *RmcRequest) GetSet() []string {
 	if m != nil {
 		return m.Set
@@ -132,22 +124,20 @@ func init() {
 func init() { proto.RegisterFile("rmc.proto", fileDescriptor_35e41f379f3a71cc) }
 
 var fileDescriptor_35e41f379f3a71cc = []byte{
-	// 258 bytes of a gzipped FileDescriptorProto
-	0x1f, 0x8b, 0x08, 0x00, 0x00, 0x00, 0x00, 0x00, 0x02, 0xff, 0x84, 0x90, 0xc1, 0x4a, 0xc3, 0x40,
-	0x10, 0x86, 0x49, 0x63, 0xd2, 0x66, 0x02, 0x22, 0x8b, 0xc8, 0xda, 0x83, 0x2c, 0x9e, 0x72, 0xda,
-	0x43, 0x04, 0x1f, 0x40, 0xdf, 0x60, 0xf1, 0xe4, 0x6d, 0xb3, 0x9d, 0xc6, 0x60, 0x93, 0xad, 0x93,
-	0x49, 0xc5, 0x17, 0xf2, 0x39, 0x25, 0xbb, 0x16, 0xf4, 0x50, 0x7a, 0xdb, 0xef, 0xdf, 0xef, 0x1f,
-	0x98, 0x81, 0x82, 0x7a, 0xa7, 0xf7, 0xe4, 0xd9, 0x8b, 0xdb, 0xd1, 0x6f, 0x79, 0x87, 0x76, 0x83,
-	0xa4, 0x9d, 0xdd, 0xb3, 0xed, 0x86, 0xf7, 0xa9, 0x41, 0x7d, 0xa8, 0xd7, 0xa5, 0x7b, 0xb3, 0xc4,
-	0xd1, 0x5b, 0x97, 0x5d, 0x6f, 0x5b, 0x8c, 0x70, 0xff, 0xbd, 0x00, 0x30, 0xbd, 0x33, 0xf8, 0x31,
-	0xe1, 0xc8, 0xe2, 0x11, 0xb2, 0xa0, 0xca, 0x44, 0x25, 0x55, 0x59, 0x2b, 0x7d, 0x72, 0xa6, 0x7e,
-	0x9e, 0x3d, 0x13, 0xf5, 0xb9, 0x47, 0xc8, 0xb6, 0x95, 0x8b, 0xb3, 0x3d, 0x83, 0x2f, 0xb6, 0x35,
-	0x51, 0x17, 0x57, 0x90, 0x8e, 0xc8, 0x32, 0x55, 0x69, 0x55, 0x98, 0xf9, 0x29, 0xee, 0x00, 0x9c,
-	0x1f, 0x46, 0x26, 0xdb, 0x0d, 0x2c, 0x2f, 0x54, 0x52, 0x15, 0xe6, 0x4f, 0x22, 0x24, 0x2c, 0x0f,
-	0x48, 0x8d, 0x1f, 0x51, 0x66, 0x2a, 0xa9, 0x56, 0xe6, 0x88, 0xf3, 0x0f, 0x77, 0x3d, 0xfa, 0x89,
-	0x65, 0x1e, 0x6a, 0x47, 0x14, 0xd7, 0x90, 0x39, 0xbf, 0xf3, 0x24, 0x97, 0xa1, 0x11, 0x61, 0x4e,
-	0xb7, 0x9e, 0x1c, 0xca, 0x55, 0x4c, 0x03, 0x88, 0x1b, 0xc8, 0x37, 0xf4, 0x65, 0xa6, 0x41, 0x16,
-	0x21, 0xfe, 0xa5, 0xa7, 0x1a, 0x14, 0x7f, 0x6a, 0xe7, 0xfb, 0xd3, 0xab, 0xbd, 0x5e, 0xfe, 0xe7,
-	0x26, 0x0f, 0x37, 0x7e, 0xf8, 0x09, 0x00, 0x00, 0xff, 0xff, 0xcf, 0x5c, 0xff, 0x87, 0xa5, 0x01,
-	0x00, 0x00,
+	// 237 bytes of a gzipped FileDescriptorProto
+	0x1f, 0x8b, 0x08, 0x00, 0x00, 0x00, 0x00, 0x00, 0x02, 0xff, 0x74, 0x90, 0xc1, 0x4a, 0xf4, 0x30,
+	0x14, 0x85, 0xc9, 0xdf, 0xbf, 0x9d, 0xe9, 0x1d, 0x10, 0x09, 0x22, 0xd1, 0x85, 0x04, 0x57, 0x5d,
+	0x65, 0x51, 0xc1, 0x07, 0xd0, 0x37, 0xc8, 0xd2, 0x5d, 0x9a, 0xb9, 0x83, 0xc5, 0x69, 0xef, 0x78,
+	0x73, 0x3b, 0xe2, 0x4b, 0xfb, 0x0c, 0xd2, 0xd4, 0x01, 0x5d, 0xcc, 0x2e, 0xdf, 0x77, 0xce, 0x09,
+	0x24, 0x50, 0xf3, 0x10, 0xdd, 0x81, 0x49, 0x48, 0xdf, 0x24, 0xda, 0xc9, 0x1e, 0xc3, 0x16, 0xd9,
+	0xc5, 0x70, 0x90, 0xd0, 0x8f, 0x6f, 0x53, 0x87, 0xee, 0xd8, 0xde, 0x6e, 0xe2, 0x6b, 0x60, 0x59,
+	0x7a, 0xf7, 0x5f, 0x0a, 0xc0, 0x0f, 0xd1, 0xe3, 0xfb, 0x84, 0x49, 0xf4, 0x23, 0x94, 0x39, 0x35,
+	0xca, 0xaa, 0x66, 0xd3, 0x5a, 0x77, 0xf6, 0x1a, 0xf7, 0x3c, 0xf7, 0xfc, 0x52, 0xd7, 0x97, 0x50,
+	0x24, 0x14, 0xf3, 0xcf, 0x16, 0x4d, 0xed, 0xe7, 0xa3, 0xbe, 0x03, 0x88, 0x34, 0x26, 0xe1, 0xd0,
+	0x8f, 0x62, 0x0a, 0xab, 0x9a, 0xda, 0xff, 0x32, 0xda, 0xc0, 0xea, 0x88, 0xdc, 0x51, 0x42, 0xf3,
+	0xdf, 0xaa, 0x66, 0xed, 0x4f, 0x38, 0x27, 0xd2, 0x0f, 0x48, 0x93, 0x98, 0x32, 0xcf, 0x4e, 0xa8,
+	0xaf, 0xa0, 0x8c, 0xb4, 0x27, 0x36, 0x55, 0x5e, 0x2c, 0x30, 0xdb, 0x1d, 0x71, 0x44, 0xb3, 0x5a,
+	0x6c, 0x06, 0x7d, 0x0d, 0xd5, 0x96, 0x3f, 0xfd, 0x34, 0x9a, 0x75, 0xd6, 0x3f, 0xf4, 0xd4, 0x82,
+	0x95, 0x0f, 0x17, 0x69, 0x38, 0xff, 0xb4, 0x97, 0x8b, 0xbf, 0xdc, 0x55, 0xf9, 0xaf, 0x1e, 0xbe,
+	0x03, 0x00, 0x00, 0xff, 0xff, 0xaa, 0xf3, 0x65, 0x20, 0x60, 0x01, 0x00, 0x00,
 }
diff --git a/templates/cleanup.html b/templates/cleanup.html
new file mode 100644
index 0000000..fda95da
--- /dev/null
+++ b/templates/cleanup.html
@@ -0,0 +1,170 @@
+<!doctype html>
+<html lang="en">
+<head>
+<base href="{{.config.BaseURL}}">
+{{ template "tmp_head.html" }}
+</head>
+<body>
+{{ template "tmp_navi.html" . }}
+
+<main role="main">
+    <div class="container">
+        <p>
+        <form id="dataForm" action="cleanup/">
+            <div class="form-group">
+                <div class="form-check">
+                    <input class="form-check-input" type="checkbox" name="prune" value="true" id="prune">
+                    <label class="form-check-label" for="prune">
+                        Docker system prune on worker nodes
+                    </label>
+                </div>
+            </div>
+
+            <hr>
+
+            <div class="form-group">
+                <label for="chart">Remove images in Chart on worker nodes</label>
+                <input type="file" class="form-control" name="files" multiple>
+            </div>
+
+            <div class="form-group">
+                <label for="constraint">Tag Constraint</label>
+                <div class="input-group">
+                    <input type="text" class="form-control" aria-describedby="constraintHelp" name="constraint" id="constraint" value="<" required>
+                </div>
+                <small id="constraintHelp" class="form-text text-muted">supports <code>"<", "=", "<=", "^", "~"</code>, more details: <a href="https://devhints.io/semver">https://devhints.io/semver</a></small>
+            </div>
+
+            <div class="form-group">
+                <label for="constraint">Set Values</label>
+                <div class="input-group">
+                    <input type="text" class="form-control" aria-describedby="setHelp" name="set" id="set" {{ if ne .context.ReTag.To ""}}value="registry.hostname={{.context.ReTag.To}}"{{ end }}>
+                </div>
+                <small id="setHelp" class="form-text text-muted">set values to override <code>values.yaml</code>, can separate values with commas: <code>key1=path1,key2=path2</code></small>
+            </div>
+
+            <div class="form-group">
+                <div class="form-check">
+                    <input class="form-check-input" type="checkbox" name="force" id="force" value="true">
+                    <label class="form-check-label" for="force">
+                        Force
+                    </label>
+                </div>
+            </div>
+
+            <div class="form-group">
+                <div class="form-check">
+                    <input class="form-check-input" type="checkbox" aria-describedby="dryRunHelp" name="dryRun" id="dryRun" value="true">
+                    <label class="form-check-label" for="dryRun">
+                        Dry Run
+                    </label>
+                </div>
+                <small id="dryRunHelp" class="form-text text-muted">simulate "for real", will not affect the real world</small>
+            </div>
+
+            <div class="form-group">
+                <label for="registry">Timeout</label>
+                <input type="text" class="form-control" aria-describedby="timeoutHelp" name="timeout" id="timeout" value="{{ .context.Global.Timeout }}" required>
+                <small id="timeoutHelp" class="form-text text-muted">supports units are <code>"ms", "s", "m", h"</code></small>
+            </div>
+
+            <div class="form-group">
+                <div class="form-check">
+                    <input class="form-check-input" type="checkbox" name="verbose" id="verbose" value="true">
+                    <label class="form-check-label" for="verbose">
+                        Verbose mode
+                    </label>
+                </div>
+            </div>
+
+            <button id="cleanup" url="/cleanup" type="submit" class="btn btn-outline-primary btn-block" >
+                Fire in the hole
+            </button>
+        </form>
+        </p>
+        <hr>
+        <div id="output_block" class="bg-dark console-output">
+            <div class="row flex-nowrap justify-content-between align-items-center">
+                <div class="col-4 pt-1">
+                    <i class="fa fa-terminal text-muted" aria-hidden="true"></i>
+                </div>
+            </div>
+            <p>
+            <pre id="output" class="text-light console-output-font"></pre>
+            </p>
+            <div class="row flex-nowrap justify-content-between align-items-center">
+                <div class="col-4 pt-1"></div>
+                <div class="col-4 text-center"></div>
+                <div class="col-4 d-flex justify-content-end align-items-center">
+                    <button class="btn btn-link" data-clipboard-target="#output">
+                        <i class="fas fa-copy text-muted" aria-hidden="true"></i>
+                    </button>
+                </div>
+            </div>
+        </div>
+    </div>
+</main>
+
+<footer class="text-muted">
+    <div class="container">
+        <p class="float-right">
+            <a href="#" class="text-muted"><i class="fas fa-angle-double-up fa-2x"></i></a>
+        </p>
+        <p><a href="https://github.com/softleader" class="text-muted"><i class="fab fa-github"></i></a> <a
+                href="https://www.facebook.com/softleader" class="text-muted"><i class="fab fa-facebook"></i></a></p>
+        <p>Copyright © 2018 <a href="https://www.softleader.com.tw" class="text-muted">SoftLeader Technology Crop</a>.
+            All rights reserved.</p>
+    </div>
+</footer>
+
+{{ template "tmp_script.html" . }}
+<script src="static/clipboard.min.js"></script>
+<script src="static/bootstrap-slider.min.js"></script>
+
+<script>
+
+    $(function () {
+        new ClipboardJS('.btn');
+
+        $("form").submit(function (event) {
+            event.preventDefault();
+
+            let $btns = $("button");
+            $btns.prop('disabled', true);
+
+            let $outputBlock = $('#output_block');
+            let $output = $("#output");
+            $output.empty();
+
+            let formData = new FormData($('#dataForm')[0]);
+            formData.append("ctx", $('#ctxList').find(":selected").attr("value"))
+
+            $([document.documentElement, document.body]).animate({
+                scrollTop: $output.offset().top
+            }, 1000);
+
+            fetch(event.target.action, {
+                method: 'POST',
+                body: formData,
+            }).then(response => readSSE(response, {
+                onNext(value) {
+                    $output.append(value + '<br>');
+                    $outputBlock.scrollTop($outputBlock[0].scrollHeight);
+                },
+                onComplete() {
+                    $btns.prop('disabled', false);
+                }
+            })).catch(error => $output.append(error + '<br>'));
+
+        });
+
+        $(window).on('beforeunload', () => {
+            if ($('form button:submit').is(':disabled')) {
+                return "Are you sure you want to leave this page while cleanup?";
+            }
+        });
+    })
+</script>
+
+</body>
+</html>
diff --git a/templates/install.html b/templates/install.html
index bd65c74..1ccae27 100644
--- a/templates/install.html
+++ b/templates/install.html
@@ -46,13 +46,11 @@
             </div>
 
             <div class="form-group">
-                <label for="registry">Timeout (supports units are "ms", "s", "m", "h")</label>
-                <div class="input-group">
-                    <input type="text" class="form-control" name="timeout" id="timeout" value="{{ .context.Global.Timeout }}" required>
-                </div>
+                <label for="registry">Timeout</label>
+                <input type="text" class="form-control" aria-describedby="timeoutHelp" name="timeout" id="timeout" value="{{ .context.Global.Timeout }}" required>
+                <small id="timeoutHelp" class="form-text text-muted">supports units are <code>"ms", "s", "m", h"</code></small>
             </div>
 
-
             <div class="form-group">
                 <div class="form-check">
                     <input class="form-check-input" type="checkbox" name="verbose" id="verbose" value="true">
@@ -60,15 +58,6 @@
                         Verbose mode
                     </label>
                 </div>
-                <div class="form-check">
-                    <input id="level" type="text"
-                           data-provide="slider"
-                           data-slider-ticks="[1, 2, 3, 4]"
-                           data-slider-step="1"
-                           data-slider-value="3"
-                           data-slider-tooltip="hide"
-                           data-slider-enabled="false">
-                </div>
             </div>
 
             <button id="install" url="/install" type="submit" class="btn btn-outline-primary btn-block" >
diff --git a/templates/tmp_navi.html b/templates/tmp_navi.html
index 6212d2c..cb570cd 100644
--- a/templates/tmp_navi.html
+++ b/templates/tmp_navi.html
@@ -18,6 +18,10 @@
             <li class="nav-item {{ if eq .requestURI (print "/" $link) }}active{{ end }}">
                 <a class="nav-link" href="{{ $link }}">Install</a>
             </li>
+            {{ $link = "cleanup/"}}
+            <li class="nav-item {{ if eq .requestURI (print "/" $link) }}active{{ end }}">
+                <a class="nav-link" href="{{ $link }}">CleanUp</a>
+            </li>
         </ul>
         <form class="form-inline my-2 my-lg-0">
             <div class="input-group mr-sm-2">