|
|
@@ -99,14 +99,14 @@ |
|
|
|
|
|
|
|
<!-- 任务名 --> |
|
|
|
<div class="three wide column padding0"> |
|
|
|
<a class="title" href="{{$.Link}}/{{.JobID}}" title="{{.JobName}}" style="font-size: 14px;"> |
|
|
|
<a class="title" href="{{$.Link}}/{{.JobName}}" title="{{.JobName}}" style="font-size: 14px;"> |
|
|
|
|
|
|
|
<span class="fitted" style="width: 90%;vertical-align: middle;">{{.JobName}}</span> |
|
|
|
</a> |
|
|
|
</div> |
|
|
|
<!-- 任务状态 --> |
|
|
|
<div class="two wide column padding0" style="padding-left: 2.2rem !important;"> |
|
|
|
<span class="job-status" id="{{.JobID}}" data-repopath="{{$.RepoRelPath}}" data-jobid="{{.JobID}}" data-version="{{.VersionName}}"> |
|
|
|
<span class="job-status" id="{{.JobID}}" data-repopath="{{$.RepoRelPath}}" data-jobid="{{.JobID}}" data-version="{{.VersionName}}" data-jobname="{{.JobName}}"> |
|
|
|
<span><i id="{{.JobID}}-icon" style="vertical-align: middle;" class="{{.Status}}"></i><span id="{{.JobID}}-text" style="margin-left: 0.4em;font-size: 12px;">{{.Status}}</span></span> |
|
|
|
</span> |
|
|
|
</div> |
|
|
@@ -274,7 +274,7 @@ |
|
|
|
$(document).ready(loadJobStatus); |
|
|
|
function loadJobStatus() { |
|
|
|
$(".job-status").each((index, job) => { |
|
|
|
const jobID = job.dataset.jobid; |
|
|
|
const jobName = job.dataset.jobname; |
|
|
|
const repoPath = job.dataset.repopath; |
|
|
|
const computeResource = job.dataset.resource |
|
|
|
const initArray = ['STOPPED','FAILED','START_FAILED','CREATE_FAILED','SUCCEEDED'] |
|
|
@@ -283,38 +283,40 @@ |
|
|
|
return |
|
|
|
} |
|
|
|
const diffResource = computeResource == "NPU" ? 'modelarts/notebook' : 'cloudbrain' |
|
|
|
$.get(`/api/v1/repos/${repoPath}/${diffResource}/${jobID}`, (data) => { |
|
|
|
const diffApi = computeResource == "NPU" ? jobID : jobName |
|
|
|
$.get(`/api/v1/repos/${repoPath}/${diffResource}/${diffApi}`, (data) => { |
|
|
|
const jobID = data.JobID |
|
|
|
const jobName = data.JobName |
|
|
|
const status = data.JobStatus |
|
|
|
if (status != job.textContent.trim()) { |
|
|
|
$('#' + jobID+'-icon').removeClass().addClass(status) |
|
|
|
$('#' + jobID+ '-text').text(status) |
|
|
|
$('#' + jobName+'-icon').removeClass().addClass(status) |
|
|
|
$('#' + jobName+ '-text').text(status) |
|
|
|
} |
|
|
|
if(status==="RUNNING"){ |
|
|
|
$('#model-debug-'+jobID).removeClass('disabled').addClass('blue').text('调试').css("margin","0 1rem") |
|
|
|
$('#model-image-'+jobID).removeClass('disabled').addClass('blue') |
|
|
|
$('#model-debug-'+jobName).removeClass('disabled').addClass('blue').text('调试').css("margin","0 1rem") |
|
|
|
$('#model-image-'+jobName).removeClass('disabled').addClass('blue') |
|
|
|
} |
|
|
|
if(status!=="RUNNING"){ |
|
|
|
// $('#model-debug-'+jobID).removeClass('blue') |
|
|
|
// $('#model-debug-'+jobID).addClass('disabled') |
|
|
|
$('#model-image-'+jobID).removeClass('blue').addClass('disabled') |
|
|
|
$('#model-image-'+jobName).removeClass('blue').addClass('disabled') |
|
|
|
} |
|
|
|
if(["CREATING","STOPPING","WAITING","STARTING"].includes(status)){ |
|
|
|
$('#model-debug-'+jobID).removeClass('blue').addClass('disabled') |
|
|
|
$('#model-debug-'+jobName).removeClass('blue').addClass('disabled') |
|
|
|
} |
|
|
|
if(['STOPPED','FAILED','START_FAILED','CREATE_FAILED','SUCCEEDED'].includes(status)){ |
|
|
|
$('#model-debug-'+jobID).removeClass('disabled').addClass('blue').text('再次调试').css("margin","0") |
|
|
|
$('#model-debug-'+jobName).removeClass('disabled').addClass('blue').text('再次调试').css("margin","0") |
|
|
|
} |
|
|
|
if(["RUNNING","WAITING"].includes(status)){ |
|
|
|
$('#stop-model-debug-'+jobID).removeClass('disabled').addClass('blue') |
|
|
|
$('#stop-model-debug-'+jobName).removeClass('disabled').addClass('blue') |
|
|
|
} |
|
|
|
if(["CREATING","STOPPING","STARTING","STOPPED","FAILED","START_FAILED","SUCCEEDED"].includes(status)){ |
|
|
|
$('#stop-model-debug-'+jobID).removeClass('blue').addClass('disabled') |
|
|
|
$('#stop-model-debug-'+jobName).removeClass('blue').addClass('disabled') |
|
|
|
} |
|
|
|
if(status==="STOPPED" || status==="FAILED"|| status==="START_FAILED"){ |
|
|
|
$('#model-delete-'+jobID).removeClass('disabled').addClass('blue') |
|
|
|
$('#model-delete-'+jobName).removeClass('disabled').addClass('blue') |
|
|
|
}else{ |
|
|
|
$('#model-delete-'+jobID).removeClass('blue').addClass('disabled') |
|
|
|
$('#model-delete-'+jobName).removeClass('blue').addClass('disabled') |
|
|
|
} |
|
|
|
}).fail(function(err) { |
|
|
|
console.log(err); |
|
|
|