From 6475ff50eb9736aea52e80237d839e3918175406 Mon Sep 17 00:00:00 2001
From: Gitea <gitea@fake.local>
Date: Thu, 24 Dec 2020 17:23:46 +0800
Subject: [PATCH 1/5] edit loading

---
 templates/repo/cloudbrain/new.tmpl | 111 ++++++++++++++++++++++++++++++++++++-
 1 file changed, 110 insertions(+), 1 deletion(-)

diff --git a/templates/repo/cloudbrain/new.tmpl b/templates/repo/cloudbrain/new.tmpl
index c3fa6112e..0810f2e4b 100755
--- a/templates/repo/cloudbrain/new.tmpl
+++ b/templates/repo/cloudbrain/new.tmpl
@@ -1,4 +1,113 @@
 {{template "base/head" .}}
+<style>
+   /* 遮罩层css效果图  */
+   
+   #mask {
+        position: fixed;
+        top: 0px;
+        left: 0px;
+        right: 0px;
+        bottom: 0px;
+        filter: alpha(opacity=60);
+        background-color: #777;
+        z-index: 1002;
+        display: none;
+        opacity: 0.8;
+        -moz-opacity: 0.5;
+        padding-top: 100px;
+        color: #000000
+    }
+    
+    /* 加载圈css效果图 */
+    #loadingPage {
+        margin: 200px auto;
+        width: 50px;
+        height: 40px;
+        text-align: center;
+        font-size: 10px;
+        display: block;
+    }
+    
+    #loadingPage>div {
+        background-color: green;
+        height: 100%;
+        width: 6px;
+        display: inline-block;
+        -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
+        animation: sk-stretchdelay 1.2s infinite ease-in-out;
+    }
+    
+    #loadingPage .rect2 {
+        -webkit-animation-delay: -1.1s;
+        animation-delay: -1.1s;
+    }
+    
+    #loadingPage .rect3 {
+        -webkit-animation-delay: -1.0s;
+        animation-delay: -1.0s;
+    }
+    
+    #loadingPage .rect4 {
+        -webkit-animation-delay: -0.9s;
+        animation-delay: -0.9s;
+    }
+    
+    #loadingPage .rect5 {
+        -webkit-animation-delay: -0.8s;
+        animation-delay: -0.8s;
+    }
+    
+    @-webkit-keyframes sk-stretchdelay {
+        0%,
+        40%,
+        100% {
+            -webkit-transform: scaleY(0.4)
+        }
+        20% {
+            -webkit-transform: scaleY(1.0)
+        }
+    }
+    
+    @keyframes sk-stretchdelay {
+        0%,
+        40%,
+        100% {
+            transform: scaleY(0.4);
+            -webkit-transform: scaleY(0.4);
+        }
+        20% {
+            transform: scaleY(1.0);
+            -webkit-transform: scaleY(1.0);
+        }
+    }
+</style>
+
+<script>
+
+    // 点击按钮后遮罩层显示
+    function showmask() {
+        document.getElementById("mask").style.display = "block"
+    }
+    
+    // 页面加载完毕后遮罩层隐藏
+    document.onreadystatechange = function() {
+        if (document.readyState === "complete") {
+            document.getElementById("mask").style.display = "none"
+        }
+    }
+</script>
+
+<div id="mask">
+    <div id="loadingPage">
+        <div class="rect1"></div>
+        <div class="rect2"></div>
+        <div class="rect3"></div>
+        <div class="rect4"></div>
+        <div class="rect5"></div>
+    </div>
+</div>
+
+
 <div class="repository">
   {{template "repo/header" .}}
   <div class="repository new repo ui middle very relaxed page grid">
@@ -53,7 +162,7 @@
             <button class="ui green button">
               {{.i18n.Tr "repo.cloudbrain.new"}}
             </button>
-            <a class="ui button" href="/">{{.i18n.Tr "repo.cloudbrain.cancel"}}</a>
+            <a class="ui button" href="/" onclick="showmask()">{{.i18n.Tr "repo.cloudbrain.cancel"}}</a>
           </div>
         </div>
       </form>

From 4b0cc5d3cae69d5d0b7e3372f556f544a9f0b249 Mon Sep 17 00:00:00 2001
From: Gitea <gitea@fake.local>
Date: Thu, 24 Dec 2020 17:31:11 +0800
Subject: [PATCH 2/5] update loading

---
 templates/repo/cloudbrain/new.tmpl | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/templates/repo/cloudbrain/new.tmpl b/templates/repo/cloudbrain/new.tmpl
index 0810f2e4b..b3d02497f 100755
--- a/templates/repo/cloudbrain/new.tmpl
+++ b/templates/repo/cloudbrain/new.tmpl
@@ -159,10 +159,10 @@
           </div>
           <div class="inline field">
             <label></label>
-            <button class="ui green button">
+            <button class="ui green button" onclick="showmask()">
               {{.i18n.Tr "repo.cloudbrain.new"}}
             </button>
-            <a class="ui button" href="/" onclick="showmask()">{{.i18n.Tr "repo.cloudbrain.cancel"}}</a>
+            <a class="ui button" href="/">{{.i18n.Tr "repo.cloudbrain.cancel"}}</a>
           </div>
         </div>
       </form>

From 66cf569d3ff6249b71d5156d9523c06c407b01c5 Mon Sep 17 00:00:00 2001
From: Gitea <gitea@fake.local>
Date: Thu, 24 Dec 2020 17:48:14 +0800
Subject: [PATCH 3/5] add Loading icons when create task on cloudbrain pages

---
 templates/repo/cloudbrain/new.tmpl | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/templates/repo/cloudbrain/new.tmpl b/templates/repo/cloudbrain/new.tmpl
index b3d02497f..f0eaf358d 100755
--- a/templates/repo/cloudbrain/new.tmpl
+++ b/templates/repo/cloudbrain/new.tmpl
@@ -1,7 +1,6 @@
 {{template "base/head" .}}
 <style>
-   /* 遮罩层css效果图  */
-   
+   /* 遮罩层css效果图  */  
    #mask {
         position: fixed;
         top: 0px;

From 67761d1dcd1ed85c1cc7ebbf526ba25dcf18e3bf Mon Sep 17 00:00:00 2001
From: Gitea <gitea@fake.local>
Date: Mon, 28 Dec 2020 13:29:27 +0800
Subject: [PATCH 4/5] add loading

---
 templates/repo/cloudbrain/new.tmpl | 111 ++++++++++++++++++-------------------
 1 file changed, 53 insertions(+), 58 deletions(-)

diff --git a/templates/repo/cloudbrain/new.tmpl b/templates/repo/cloudbrain/new.tmpl
index f0eaf358d..2c205c167 100755
--- a/templates/repo/cloudbrain/new.tmpl
+++ b/templates/repo/cloudbrain/new.tmpl
@@ -1,7 +1,8 @@
 {{template "base/head" .}}
 <style>
-   /* 遮罩层css效果图  */  
-   #mask {
+    /* 遮罩层css效果图  */
+    
+    #mask {
         position: fixed;
         top: 0px;
         left: 0px;
@@ -9,15 +10,15 @@
         bottom: 0px;
         filter: alpha(opacity=60);
         background-color: #777;
-        z-index: 1002;
+        z-index: 1000;
         display: none;
         opacity: 0.8;
         -moz-opacity: 0.5;
         padding-top: 100px;
         color: #000000
     }
-    
     /* 加载圈css效果图 */
+    
     #loadingPage {
         margin: 200px auto;
         width: 50px;
@@ -80,14 +81,11 @@
         }
     }
 </style>
-
 <script>
-
     // 点击按钮后遮罩层显示
     function showmask() {
         document.getElementById("mask").style.display = "block"
     }
-    
     // 页面加载完毕后遮罩层隐藏
     document.onreadystatechange = function() {
         if (document.readyState === "complete") {
@@ -95,7 +93,6 @@
         }
     }
 </script>
-
 <div id="mask">
     <div id="loadingPage">
         <div class="rect1"></div>
@@ -105,67 +102,65 @@
         <div class="rect5"></div>
     </div>
 </div>
-
-
 <div class="repository">
-  {{template "repo/header" .}}
-  <div class="repository new repo ui middle very relaxed page grid">
-    <div class="column">
-  	  {{template "base/alert" .}}
-      <form class="ui form" action="{{.Link}}" method="post">
-        {{.CsrfTokenHtml}}
-        <h3 class="ui top attached header">
-          {{.i18n.Tr "repo.cloudbrain.new"}}
-        </h3>
-        <div class="ui attached segment">
-          <br>
-          <div class="inline required field">
-            <label>任务名称</label>
-            <input name="job_name" id="cloudbrain_job_name" placeholder="任务名称" value="{{.job_name}}" tabindex="3" autofocus required maxlength="255">
-          </div>
-          <br>
-          <div class="inline required field">
-            <label>镜像</label>
-            <select id="cloudbrain_image" placeholder="选择镜像" style='width:385px' name="image">
+    {{template "repo/header" .}}
+    <div class="repository new repo ui middle very relaxed page grid">
+        <div class="column">
+            {{template "base/alert" .}}
+            <form class="ui form" action="{{.Link}}" method="post">
+                {{.CsrfTokenHtml}}
+                <h3 class="ui top attached header">
+                    {{.i18n.Tr "repo.cloudbrain.new"}}
+                </h3>
+                <div class="ui attached segment">
+                    <br>
+                    <div class="inline required field">
+                        <label>任务名称</label>
+                        <input name="job_name" id="cloudbrain_job_name" placeholder="任务名称" value="{{.job_name}}" tabindex="3" autofocus required maxlength="255">
+                    </div>
+                    <br>
+                    <div class="inline required field">
+                        <label>镜像</label>
+                        <select id="cloudbrain_image" placeholder="选择镜像" style='width:385px' name="image">
               {{range .images}}
                 <option name="image" value="{{.Place}}">{{.PlaceView}}</option>
               {{end}}
             </select>
-          </div>
-          <div class="inline required field">
-            <label>数据集(只有zip格式的数据集才能发起云脑任务)</label>
-            <select id="cloudbrain_dataset" placeholder="选择数据集" style='width:385px' name="attachment">
+                    </div>
+                    <div class="inline required field">
+                        <label>数据集(只有zip格式的数据集才能发起云脑任务)</label>
+                        <select id="cloudbrain_dataset" placeholder="选择数据集" style='width:385px' name="attachment">
               {{range .attachments}}
                 <option name="attachment" value="{{.UUID}}">{{.Attachment.Name}}</option>
               {{end}}
             </select>
-          </div>
-          <div class="inline required field">
-            <label>数据集存放路径</label>
-            <input name="dataset_path" id="cloudbrain_dataset_path" value="{{.dataset_path}}" tabindex="3" autofocus required maxlength="255" readonly="readonly">
-          </div>
-          <div class="inline required field">
-            <label>模型存放路径</label>
-            <input name="model_path" id="cloudbrain_model_path" value="{{.model_path}}" tabindex="3" autofocus required maxlength="255" readonly="readonly">
-          </div>
-          <div class="inline required field">
-            <label>代码存放路径</label>
-            <input name="code_path" id="cloudbrain_code_path" value="{{.code_path}}" tabindex="3" autofocus required maxlength="255" readonly="readonly">
-          </div>
-          <div class="inline required field" hidden>
-            <label>启动命令</label>
-            <textarea name="command" rows="10" readonly="readonly">{{.command}}</textarea>
-          </div>
-          <div class="inline field">
-            <label></label>
-            <button class="ui green button" onclick="showmask()">
+                    </div>
+                    <div class="inline required field">
+                        <label>数据集存放路径</label>
+                        <input name="dataset_path" id="cloudbrain_dataset_path" value="{{.dataset_path}}" tabindex="3" autofocus required maxlength="255" readonly="readonly">
+                    </div>
+                    <div class="inline required field">
+                        <label>模型存放路径</label>
+                        <input name="model_path" id="cloudbrain_model_path" value="{{.model_path}}" tabindex="3" autofocus required maxlength="255" readonly="readonly">
+                    </div>
+                    <div class="inline required field">
+                        <label>代码存放路径</label>
+                        <input name="code_path" id="cloudbrain_code_path" value="{{.code_path}}" tabindex="3" autofocus required maxlength="255" readonly="readonly">
+                    </div>
+                    <div class="inline required field" hidden>
+                        <label>启动命令</label>
+                        <textarea name="command" rows="10" readonly="readonly">{{.command}}</textarea>
+                    </div>
+                    <div class="inline field">
+                        <label></label>
+                        <button class="ui green button" onclick="showmask()">
               {{.i18n.Tr "repo.cloudbrain.new"}}
             </button>
-            <a class="ui button" href="/">{{.i18n.Tr "repo.cloudbrain.cancel"}}</a>
-          </div>
+                        <a class="ui button" href="/">{{.i18n.Tr "repo.cloudbrain.cancel"}}</a>
+                    </div>
+                </div>
+            </form>
         </div>
-      </form>
     </div>
-  </div>
 </div>
-{{template "base/footer" .}}
+{{template "base/footer" .}}
\ No newline at end of file

From cf147d7d39ba5b97f2eeeb9282940af1ac83ff57 Mon Sep 17 00:00:00 2001
From: Gitea <gitea@fake.local>
Date: Mon, 28 Dec 2020 13:37:32 +0800
Subject: [PATCH 5/5] add loading

---
 templates/repo/cloudbrain/new.tmpl | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/templates/repo/cloudbrain/new.tmpl b/templates/repo/cloudbrain/new.tmpl
index 2c205c167..7714bae3d 100755
--- a/templates/repo/cloudbrain/new.tmpl
+++ b/templates/repo/cloudbrain/new.tmpl
@@ -86,6 +86,7 @@
     function showmask() {
         document.getElementById("mask").style.display = "block"
     }
+
     // 页面加载完毕后遮罩层隐藏
     document.onreadystatechange = function() {
         if (document.readyState === "complete") {
@@ -163,4 +164,4 @@
         </div>
     </div>
 </div>
-{{template "base/footer" .}}
\ No newline at end of file
+{{template "base/footer" .}}