From 2c93980402ee8d565297d516a60f7ff0ba3a092a Mon Sep 17 00:00:00 2001
From: Gitea <gitea@fake.local>
Date: Mon, 29 Mar 2021 09:57:41 +0800
Subject: [PATCH] add create trainjob

---
 templates/repo/modelarts/trainjob/new.tmpl | 249 +++++++++++++++++++++
 1 file changed, 249 insertions(+)
 create mode 100755 templates/repo/modelarts/trainjob/new.tmpl

diff --git a/templates/repo/modelarts/trainjob/new.tmpl b/templates/repo/modelarts/trainjob/new.tmpl
new file mode 100755
index 000000000..30822cabe
--- /dev/null
+++ b/templates/repo/modelarts/trainjob/new.tmpl
@@ -0,0 +1,249 @@
+{{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: 1000;
+        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);
+        }
+    }
+    
+    .inline.required.field.cloudbrain_benchmark {
+        display: none;
+    }
+</style>
+
+<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> -->
+<style>
+    .inline.field>label{
+    
+}
+</style>
+<div class="repository">
+    {{template "repo/header" .}}
+    <div class="repository new repo ui middle very relaxed page grid">
+        <div class="column">
+            {{template "base/alert" .}}
+            
+            <!-- <div class="ui attached segment"> -->
+                
+                <form class="ui form" action="{{.Link}}" method="post">
+                    {{.CsrfTokenHtml}}
+                    <h4 class="ui top attached header">
+                        {{.i18n.Tr "repo.modelarts.train_job.new"}}
+                    </h4>
+                    <div class="ui attached segment">
+                        <div class="inline required field">
+                            <label>{{.i18n.Tr "repo.modelarts.train_job.job_name"}}</label>
+                            <input name="job_name" id="cloudbrain_job_name" placeholder={{.i18n.Tr "repo.modelarts.train_job.job_name"}} value="{{.job_name}}" tabindex="3" autofocus required maxlength="255">
+                        </div>
+                        <div class="inline required field">
+                            <label>{{.i18n.Tr "repo.modelarts.train_job.version"}}</label>
+                            <span>第一版本</span>
+                        </div>
+                                               
+                        <div class="inline required field">
+                            <label>{{.i18n.Tr "repo.modelarts.train_job.algorithm_origin"}}</label>
+                            <select class="ui search dropdown" id="cloudbrain_image" placeholder={{.i18n.Tr "repo.modelarts.train_job.common_frame"}} style='width:385px' name="image">
+                                {{range .images}}
+                                    <option name="image" value="{{.Place}}">{{.PlaceView}}</option>
+                                {{end}}
+                            </select>
+                        </div>
+                        <div class="inline required field">
+                            <label>{{.i18n.Tr "repo.modelarts.train_job.AI_driver"}}</label>
+                                <select class="ui search dropdown" id="cloudbrain_benchmark_category" style='width:385px'>
+                                    {{range .benchmark_categories}}
+                                        <option value="{{.Value}}">{{.Value}}</option>
+                                    {{end}}
+                                </select>
+                        </div>
+                        <div class="inline field">
+                            <label></label>
+                                <select class="ui search dropdown" id="cloudbrain_benchmark_category" style='width:385px'>
+                                    {{range .benchmark_categories}}
+                                        <option value="{{.Value}}">{{.Value}}</option>
+                                    {{end}}
+                                </select>
+                        </div>
+                        
+                        <div class="inline required field">
+                            <label>{{.i18n.Tr "repo.modelarts.train_job.dataset"}}</label>
+                            <select class="ui search dropdown" id="cloudbrain_benchmark_category" style='width:385px'>
+                                {{range .benchmark_categories}}
+                                    <option value="{{.Value}}">{{.Value}}</option>
+                                {{end}}
+                            </select>
+                        </div>
+                        <div class="inline required field">
+                            <label>{{.i18n.Tr "repo.modelarts.train_job.dataset_version"}}</label>
+                            <select class="ui search dropdown" id="cloudbrain_benchmark_category" style='width:385px'>
+                                {{range .benchmark_categories}}
+                                    <option value="{{.Value}}">{{.Value}}</option>
+                                {{end}}
+                            </select>
+                        </div>
+                        <div class="inline required field">
+                            <label>{{.i18n.Tr "repo.modelarts.train_job.dataset_store_location"}}</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>{{.i18n.Tr "repo.modelarts.train_job.train_output_location"}}</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>{{.i18n.Tr "repo.modelarts.train_job.run_parameter"}}</label>
+                            <input type="text" placeholder={{.i18n.Tr "repo.modelarts.train_job.parameter_name"}}>
+                        </div>
+                        <div class="inline field">
+                            <label></label>
+                            <input type="text" placeholder={{.i18n.Tr "repo.modelarts.train_job.parameter_value"}}>
+                        </div>
+                        
+                        <div class="inline required field">
+                            <label>{{.i18n.Tr "repo.modelarts.train_job.resource_pool"}}</label>
+                            <select class="ui search dropdown" multiple="multiple" id="cloudbrain_benchmark_category" style='width:385px'>
+                                {{range .benchmark_categories}}
+                                    <option value="{{.Value}}">{{.Value}}</option>
+                                {{end}}
+                            </select>
+                        </div>
+                        <!-- 资源类型待完善 -->
+                        <div class="inline required field">
+                            <label>{{.i18n.Tr "repo.modelarts.train_job.resource_type"}}</label>
+                            <input name="job_type" id="cloudbrain_job_type" value="{{.notebook_type}}" tabindex="3" autofocus required maxlength="255" readonly="readonly">
+                        </div>
+                        <div class="inline required field">
+                            <label>{{.i18n.Tr "repo.modelarts.train_job.standard"}}</label>
+                            <select class="ui search dropdown" multiple="multiple" id="cloudbrain_benchmark_category" style='width:385px'>
+                                {{range .benchmark_categories}}
+                                    <option value="{{.Value}}">{{.Value}}</option>
+                                {{end}}
+                            </select>
+                        </div>
+                        <div class="inline required field">
+                            <label>{{.i18n.Tr "repo.modelarts.train_job.amount_of_compute_node"}}</label>
+                        </div>
+                        <div class="inline field">
+                            <label for="description">{{.i18n.Tr "repo.modelarts.train_job.description"}}</label>
+                            <textarea id="description" name="description" rows="2"></textarea>
+                        </div>
+                        <div class="inline required field">
+                            <label>{{.i18n.Tr "repo.modelarts.train_job.code_store_location"}}</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>{{.i18n.Tr "repo.modelarts.train_job.start_file"}}</label>
+                            <input name="dataset_path" id="cloudbrain_dataset_path" value="{{.dataset_path}}" tabindex="3" autofocus required maxlength="255" readonly="readonly">
+                        </div>
+                        <div class="inline field">
+                            <label></label>
+                            <div class="ui checkbox">
+                                <input name="template" type="checkbox">
+                                <label>{{.i18n.Tr "repo.modelarts.train_job.query_whether_save_parameter"}}</label>
+                            </div>
+                        </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>
+                        </form>
+                    </div>
+                </form>
+            <!-- </div> -->
+        </div>
+    </div>
+</div>
+{{template "base/footer" .}}
+
+<script>
+    $('select.dropdown')
+        .dropdown();
+</script>
\ No newline at end of file