OpenI
/
aiforge
Not watched
1
0
Fork 0
Code
Releases 128 Wiki Activity
Issues 0 Pull Requests 0 Datasets Model Cloudbrain
Browse Source

debug checkbox

pull/625/head
Gitea 4 years ago
parent
c5d0ba74f0
commit
2b27b6002d
2 changed files with 107 additions and 143 deletions
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. +1
    -0
      options/locale/locale_zh-CN.ini
  2. +106
    -143
      templates/repo/modelarts/trainjob/new.tmpl

+ 1
- 0
options/locale/locale_zh-CN.ini View File

@@ -777,6 +777,7 @@ modelarts.train_job.frames=常用框架
modelarts.train_job.algorithm_origin=算法来源
modelarts.train_job.AI_driver=AI引擎
modelarts.train_job.start_file=启动文件
modelarts.train_job.boot_file_helper=启动文件是您程序执行的入口文件，必须是以.py结尾的文件。
modelarts.train_job.dataset=数据集
modelarts.train_job.run_parameter=运行参数
modelarts.train_job.add_run_parameter=增加运行参数


+ 106
- 143
templates/repo/modelarts/trainjob/new.tmpl View File

@@ -1,98 +1,6 @@
{{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 class="ui page dimmer">
<div class="ui text loader">{{.i18n.Tr "loading"}}</div>
</div>

<div class="repository">
@@ -103,7 +11,8 @@
{{.i18n.Tr "repo.modelarts.train_job.new"}}
</h4>
<div class="ui attached segment">
<form class="ui equal width form" action="{{.Link}}" method="post">
<!-- equal width -->
<form class="ui form" action="{{.Link}}" method="post">
{{.CsrfTokenHtml}}
<input type="hidden" name="action" value="update">
<h4 class="ui dividing header">{{.i18n.Tr "repo.modelarts.train_job.basic_info"}}</h4>
@@ -154,7 +63,10 @@
</div>
<div class="inline required field">
<label>{{.i18n.Tr "repo.modelarts.train_job.start_file"}}</label>
<input name="boot_file" id="trainjob_boot_file" value="{{.dataset_path}}" tabindex="3" autofocus required maxlength="255">
<input name="boot_file" id="trainjob_boot_file" value="" tabindex="3" autofocus required maxlength="255">
<span>
<i class="question circle icon link" data-content={{.i18n.Tr "repo.modelarts.train_job.boot_file_helper"}} data-position="right center" data-variation="mini"></i>
</span>
</div>
</div>
</div>
@@ -170,9 +82,11 @@
<div class="inline field">
<label>{{.i18n.Tr "repo.modelarts.train_job.run_parameter"}}</label>
<span id="add_run_para"><i class="plus circle icon"></i>{{.i18n.Tr "repo.modelarts.train_job.add_run_parameter"}}</span>
<input id="store_run_para" type="hidden" name="run_para_list">
<div class="dynamic field">
</div>
</div>

<h4 class="ui dividing header">{{.i18n.Tr "repo.modelarts.train_job.resource_setting"}}</h4>
<div class="required field">
<label>{{.i18n.Tr "repo.modelarts.train_job.resource_pool"}}</label>
@@ -235,11 +149,12 @@
</div>
<div class="inline field">
<button class="ui create_train_job green button" onclick="showmask()">
<button class="ui create_train_job green button">
{{.i18n.Tr "repo.cloudbrain.new"}}
</button>
<a class="ui button" href="/">{{.i18n.Tr "repo.cloudbrain.cancel"}}</a>
</div>

<!-- 模态框 -->
<div class="ui parameter modal" style="height: 70%;">
@@ -281,7 +196,8 @@
</tr>
<tr>
<td> {{.i18n.Tr "repo.modelarts.train_job.dataset"}} </td>
<td>05-express-mongodb.zip</td>
<td><input id="store_uuid" type="hidden" name="get_uuid"></td>
</tr>
<tr>
<td> {{.i18n.Tr "repo.modelarts.train_job.start_file"}} </td>
@@ -293,7 +209,8 @@
</tr>
<tr>
<td> {{.i18n.Tr "repo.modelarts.train_job.resource_pool"}} </td>
<td></td>
<td><input id="store_pool_id" type="hidden" name="get_pool_id"></td>
</tr>
<tr>
<td> {{.i18n.Tr "repo.modelarts.train_job.amount_of_compute_node"}} </td>
@@ -323,9 +240,11 @@
<script>
$('select.dropdown')
.dropdown();

$('.menu .item')
.tab();

// 参数增加、删除、修改、保存
function Add_parameter(i){
value = '<div class="two fields" id= "para'+ i +'">' +
'<div class="field">' +
@@ -347,7 +266,6 @@
Add_parameter(len)
});


$(".dynamic.field").on("click",".trash.icon", function() {
var index = $(this).parent().parent().index()
$(this).parent().parent().remove()
@@ -358,45 +276,16 @@
})
});

$('.ui.save.checkbox').click(function(){
$('.ui.save.checkbox').checkbox({
onChecked: function() {
$('#save_para').removeClass("disabled")
},
onUnchecked: function() {
$('#save_para').addClass("disabled")
}
});
})

// 点击按钮后遮罩层显示
function showmask() {
document.getElementById("mask").style.display = "block"
}

// 页面加载完毕后遮罩层隐藏
document.onreadystatechange = function() {
if (document.readyState === "complete") {
document.getElementById("mask").style.display = "none"
}
}

$('.question.circle.icon').hover(function(){
$('.question.circle.icon').popup('show')
});

$(".item.active.parameter_config").click(function(){
$('.ui.parameter.modal')
.modal('setting', 'closable', false)
.modal('show');
})

$('.ui.parameter.green.button').click(function(){
var parameters = [];
$('table tr').each(function() {
$(this).find('td:eq(1)').each(function(){
parameters.push($(this).text());
})
$(this).find('input').each(function(){
parameters.push($(this).text())
})
});
console.log(parameters)
$('.ui.parameter.modal')
@@ -418,13 +307,13 @@
var para_name = para[j].split('=')[0]
var para_value = para[j].split('=')[1]
var len = $(".dynamic.field .two.fields").length
console.log(len)
Add_parameter(len)
var pid = 'para' + len
$(".dynamic.field"+ " #" + pid + "").find("input[name=shipping_first-name]").val(para_name)
$(".dynamic.field"+ " #" + pid + "").find("input[name=shipping_last-name]").val(para_value)
}
break;
// 数据集pool_id待完成
// case (5):
// $("select[name='pool_id']").val(parameters[i]);
// break;
@@ -435,18 +324,92 @@
}
})

$('.ui.save.checkbox').click(function(){
$(this).checkbox({
onChange: function(){
if ($('.ui.save.checkbox').checkbox('is checked')){
$('#save_para').removeClass("disabled")
}else{
$('#save_para').addClass("disabled")
}
}
});
})

$('.question.circle.icon').hover(function(){
$(this).popup('show')
});

$(".item.active.parameter_config").click(function(){
$('.ui.parameter.modal')
.modal('setting', 'closable', false)
.modal('show');
})

$('.ui.deny.button').click(function(){
$('.ui.parameter.modal')
.modal('hide');
})

// $('.ui.create_train_job.green.button').click(function() {
// var formData = $(".ui.form").serializeArray();
// var formObject = {};
// for (var item in formData) {
// formObject[formData[item].name] = formData[item].value;
// }
// formData = JSON.stringify(formObject);
// alert(formData)
// })
function train_job_list_validation(){
$('.field.example form')
.form({
on: 'blur',
fields: {
empty: {
identifier : 'empty',
rules: [
{
type : 'empty',
prompt : 'Please enter a value'
}
]
},
dropdown: {
identifier : 'dropdown',
rules: [
{
type : 'empty',
prompt : 'Please select a dropdown value'
}
]
},
checkbox: {
identifier : 'checkbox',
rules: [
{
type : 'checked',
prompt : 'Please check the checkbox'
}
]
}
}
})
;
}

$('.ui.create_train_job.green.button').click(function(e) {
e.preventDefault()
var run_parameters = []
$(".dynamic.field .two.fields").each(function(){
var para_name = $(this).find('input[name=shipping_first-name]').val()
var para_value = $(this).find('input[name=shipping_last-name]').val()
run_parameters.push({'name': para_name, "value": para_value})
})

// 后台接收的参数,这个后台根据需要更改相应name属性。
$('#store_run_para').val(run_parameters)

// $('.ui.form').form("validate form", {
// onSuccess: function(){
// alert(1)
// },
// onFailure: function(){
// alert(2)
// }
// })
// // 加载框加载
// $('.ui.page.dimmer').dimmer('show')
})
</script>

Write Preview
Loading…
Cancel
Save