add loading

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" .}}