|
@@ -78,100 +78,121 @@ |
|
|
</select> |
|
|
</select> |
|
|
</h4> |
|
|
</h4> |
|
|
<div id="showInfo" style="border:1px solid #e2e2e2;padding: 20px 60px;margin-top:24px"> |
|
|
<div id="showInfo" style="border:1px solid #e2e2e2;padding: 20px 60px;margin-top:24px"> |
|
|
<div class="half-table"> |
|
|
|
|
|
<span class="model_header_text">基本信息</span> |
|
|
|
|
|
<table class="tableStyle" style="margin-top:20px;"> |
|
|
|
|
|
<tbody> |
|
|
|
|
|
<tr> |
|
|
|
|
|
<td class="ti-text-form-label text-width80">{{$.i18n.Tr "repo.model.manage.model_name"}}</td> |
|
|
|
|
|
<td class="ti-text-form-content word-elipsis"><span id="ModelName" title=""></span></td> |
|
|
|
|
|
</tr> |
|
|
|
|
|
<tr> |
|
|
|
|
|
<td class="ti-text-form-label text-width80">{{$.i18n.Tr "repo.model.manage.version"}}</td> |
|
|
|
|
|
<td class="ti-text-form-content word-elipsis"><span id="Version" title=""></span></td> |
|
|
|
|
|
</tr> |
|
|
|
|
|
<tr> |
|
|
|
|
|
<td class="ti-text-form-label text-width80">{{$.i18n.Tr "repo.migrate_items_labels"}}</td> |
|
|
|
|
|
<td class="ti-text-form-content"> |
|
|
|
|
|
<div id="Label" style="overflow: hidden;width: 95%;"> |
|
|
|
|
|
|
|
|
<div class="ui pointing secondary menu" style="border-bottom: 1px solid rgba(34,36,38,.15);"> |
|
|
|
|
|
|
|
|
|
|
|
<a class="active item" data-tab="first">{{$.i18n.Tr "repo.modelarts.train_job.config"}}</a> |
|
|
|
|
|
|
|
|
|
|
|
<a class="item" data-tab="second">{{$.i18n.Tr "repo.model_download"}}</a> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="ui tab active" data-tab="first"> |
|
|
|
|
|
<div class="half-table"> |
|
|
|
|
|
<span class="model_header_text">基本信息</span> |
|
|
|
|
|
<table class="tableStyle" style="margin-top:20px;"> |
|
|
|
|
|
<tbody> |
|
|
|
|
|
<tr> |
|
|
|
|
|
<td class="ti-text-form-label text-width80">{{$.i18n.Tr "repo.model.manage.model_name"}}</td> |
|
|
|
|
|
<td class="ti-text-form-content word-elipsis"><span id="ModelName" title=""></span></td> |
|
|
|
|
|
</tr> |
|
|
|
|
|
<tr> |
|
|
|
|
|
<td class="ti-text-form-label text-width80">{{$.i18n.Tr "repo.model.manage.version"}}</td> |
|
|
|
|
|
<td class="ti-text-form-content word-elipsis"><span id="Version" title=""></span></td> |
|
|
|
|
|
</tr> |
|
|
|
|
|
<tr> |
|
|
|
|
|
<td class="ti-text-form-label text-width80">{{$.i18n.Tr "repo.migrate_items_labels"}}</td> |
|
|
|
|
|
<td class="ti-text-form-content"> |
|
|
|
|
|
<div id="Label" style="overflow: hidden;width: 95%;"> |
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</td> |
|
|
|
|
|
</tr> |
|
|
|
|
|
<tr> |
|
|
|
|
|
<td class="ti-text-form-label text-width80">{{$.i18n.Tr "repo.modelarts.model_size"}}</td> |
|
|
|
|
|
<td class="ti-text-form-content word-elipsis"><span id="Size" title=""></span></td> |
|
|
|
|
|
</tr> |
|
|
|
|
|
<tr> |
|
|
|
|
|
<td class="ti-text-form-label text-width80">{{$.i18n.Tr "repo.modelarts.createtime"}}</td> |
|
|
|
|
|
<td class="ti-text-form-content word-elipsis"><span id="CreateTime" title=""></span></td> |
|
|
|
|
|
</tr> |
|
|
|
|
|
<tr> |
|
|
|
|
|
<td class="ti-text-form-label text-width80">{{$.i18n.Tr "repo.model.manage.description"}}</td> |
|
|
|
|
|
<td class="ti-text-form-content" > |
|
|
|
|
|
<div id="edit-td" style="display:flex"> |
|
|
|
|
|
<span id="Description" title="" class="iword-elipsis"></span> |
|
|
|
|
|
<i id="edit-pencil" data-id="" data-desc="" class="pencil alternate icon" style="cursor:pointer;vertical-align: top;" id="editor" onclick="editorFn(this)"></i> |
|
|
|
|
|
</div> |
|
|
|
|
|
</td> |
|
|
|
|
|
</tr> |
|
|
|
|
|
<tr> |
|
|
|
|
|
<td class="ti-text-form-label text-width80">{{$.i18n.Tr "repo.modelarts.code_version"}}</td> |
|
|
|
|
|
<td class="ti-text-form-content word-elipsis"><span id="CodeBranch" title=""></span></td> |
|
|
|
|
|
</tr> |
|
|
|
|
|
<tr> |
|
|
|
|
|
<td class="ti-text-form-label text-width80">{{$.i18n.Tr "repo.modelarts.train_job.start_file"}}</td> |
|
|
|
|
|
<td class="ti-text-form-content word-elipsis"><span id="BootFile" title=""></span></td> |
|
|
|
|
|
</tr> |
|
|
|
|
|
<tr> |
|
|
|
|
|
<td class="ti-text-form-label text-width80">{{$.i18n.Tr "repo.modelarts.train_job.train_dataset"}}</td> |
|
|
|
|
|
<td class="ti-text-form-content word-elipsis"><span id="DatasetName" title=""></span></td> |
|
|
|
|
|
</tr> |
|
|
|
|
|
<tr> |
|
|
|
|
|
<td class="ti-text-form-label text-width80">{{$.i18n.Tr "repo.modelarts.train_job.run_parameter"}}</td> |
|
|
|
|
|
<td class="ti-text-form-content word-elipsis"><span id="Parameters" title=""></span></td> |
|
|
|
|
|
</tr> |
|
|
|
|
|
<tr> |
|
|
|
|
|
<td class="ti-text-form-label text-width80">{{$.i18n.Tr "repo.modelarts.train_job.AI_driver"}}</td> |
|
|
|
|
|
<td class="ti-text-form-content word-elipsis"><span id="EngineName" title=""></span></td> |
|
|
|
|
|
</tr> |
|
|
|
|
|
<tr> |
|
|
|
|
|
<td class="ti-text-form-label text-width80">{{$.i18n.Tr "repo.modelarts.train_job.standard"}}</td> |
|
|
|
|
|
<td class="ti-text-form-content word-elipsis"><span id="FlavorName" title=""></span></td> |
|
|
|
|
|
</tr> |
|
|
|
|
|
<tr> |
|
|
|
|
|
<td class="ti-text-form-label text-width80">{{$.i18n.Tr "repo.modelarts.train_job.compute_node"}}</td> |
|
|
|
|
|
<td class="ti-text-form-content word-elipsis"><span id="WorkServerNumber" title=""></span></td> |
|
|
|
|
|
</tr> |
|
|
|
|
|
</tbody> |
|
|
|
|
|
</table> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</td> |
|
|
|
|
|
</tr> |
|
|
|
|
|
<tr> |
|
|
|
|
|
<td class="ti-text-form-label text-width80">{{$.i18n.Tr "repo.modelarts.model_size"}}</td> |
|
|
|
|
|
<td class="ti-text-form-content word-elipsis"><span id="Size" title=""></span></td> |
|
|
|
|
|
</tr> |
|
|
|
|
|
<tr> |
|
|
|
|
|
<td class="ti-text-form-label text-width80">{{$.i18n.Tr "repo.modelarts.createtime"}}</td> |
|
|
|
|
|
<td class="ti-text-form-content word-elipsis"><span id="CreateTime" title=""></span></td> |
|
|
|
|
|
</tr> |
|
|
|
|
|
<tr> |
|
|
|
|
|
<td class="ti-text-form-label text-width80">{{$.i18n.Tr "repo.model.manage.description"}}</td> |
|
|
|
|
|
<td class="ti-text-form-content" > |
|
|
|
|
|
<div id="edit-td" style="display:flex"> |
|
|
|
|
|
<span id="Description" title="" class="iword-elipsis"></span> |
|
|
|
|
|
<i id="edit-pencil" data-id="" data-desc="" class="pencil alternate icon" style="cursor:pointer;vertical-align: top;" id="editor" onclick="editorFn(this)"></i> |
|
|
|
|
|
</div> |
|
|
|
|
|
</td> |
|
|
|
|
|
</tr> |
|
|
|
|
|
<tr> |
|
|
|
|
|
<td class="ti-text-form-label text-width80">{{$.i18n.Tr "repo.modelarts.code_version"}}</td> |
|
|
|
|
|
<td class="ti-text-form-content word-elipsis"><span id="CodeBranch" title=""></span></td> |
|
|
|
|
|
</tr> |
|
|
|
|
|
<tr> |
|
|
|
|
|
<td class="ti-text-form-label text-width80">{{$.i18n.Tr "repo.modelarts.train_job.start_file"}}</td> |
|
|
|
|
|
<td class="ti-text-form-content word-elipsis"><span id="BootFile" title=""></span></td> |
|
|
|
|
|
</tr> |
|
|
|
|
|
<tr> |
|
|
|
|
|
<td class="ti-text-form-label text-width80">{{$.i18n.Tr "repo.modelarts.train_job.train_dataset"}}</td> |
|
|
|
|
|
<td class="ti-text-form-content word-elipsis"><span id="DatasetName" title=""></span></td> |
|
|
|
|
|
</tr> |
|
|
|
|
|
<tr> |
|
|
|
|
|
<td class="ti-text-form-label text-width80">{{$.i18n.Tr "repo.modelarts.train_job.run_parameter"}}</td> |
|
|
|
|
|
<td class="ti-text-form-content word-elipsis"><span id="Parameters" title=""></span></td> |
|
|
|
|
|
</tr> |
|
|
|
|
|
<tr> |
|
|
|
|
|
<td class="ti-text-form-label text-width80">{{$.i18n.Tr "repo.modelarts.train_job.AI_driver"}}</td> |
|
|
|
|
|
<td class="ti-text-form-content word-elipsis"><span id="EngineName" title=""></span></td> |
|
|
|
|
|
</tr> |
|
|
|
|
|
<tr> |
|
|
|
|
|
<td class="ti-text-form-label text-width80">{{$.i18n.Tr "repo.modelarts.train_job.standard"}}</td> |
|
|
|
|
|
<td class="ti-text-form-content word-elipsis"><span id="FlavorName" title=""></span></td> |
|
|
|
|
|
</tr> |
|
|
|
|
|
<tr> |
|
|
|
|
|
<td class="ti-text-form-label text-width80">{{$.i18n.Tr "repo.modelarts.train_job.compute_node"}}</td> |
|
|
|
|
|
<td class="ti-text-form-content word-elipsis"><span id="WorkServerNumber" title=""></span></td> |
|
|
|
|
|
</tr> |
|
|
|
|
|
</tbody> |
|
|
|
|
|
</table> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="half-table"> |
|
|
|
|
|
<span class="model_header_text">{{$.i18n.Tr "repo.model.manage.model_accuracy"}}</span> |
|
|
|
|
|
<table class="tableStyle" style="margin-top:20px;"> |
|
|
|
|
|
<tbody> |
|
|
|
|
|
<tr> |
|
|
|
|
|
<td class="ti-text-form-label text-width80">{{$.i18n.Tr "repo.model.manage.Accuracy"}}</td> |
|
|
|
|
|
<td class="ti-text-form-content word-elipsis"><span id="Accuracy" title=""></span></td> |
|
|
|
|
|
</tr> |
|
|
|
|
|
<tr> |
|
|
|
|
|
<td class="ti-text-form-label text-width80">F1</td> |
|
|
|
|
|
<td class="ti-text-form-content word-elipsis"><span id="F1" title=""></span></td> |
|
|
|
|
|
</tr> |
|
|
|
|
|
<tr> |
|
|
|
|
|
<td class="ti-text-form-label text-width80">{{$.i18n.Tr "repo.model.manage.Precision"}}</td> |
|
|
|
|
|
<td class="ti-text-form-content word-elipsis"><span id="Precision" title=""></span></td> |
|
|
|
|
|
</tr> |
|
|
|
|
|
<tr> |
|
|
|
|
|
<td class="ti-text-form-label text-width80">{{$.i18n.Tr "repo.model.manage.Recall"}}</td> |
|
|
|
|
|
<td class="ti-text-form-content word-elipsis"><span id="Recall" title=""></span></td> |
|
|
|
|
|
</tr> |
|
|
|
|
|
</tbody> |
|
|
|
|
|
</table> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div style="clear: both;"></div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="half-table"> |
|
|
|
|
|
<span class="model_header_text">{{$.i18n.Tr "repo.model.manage.model_accuracy"}}</span> |
|
|
|
|
|
<table class="tableStyle" style="margin-top:20px;"> |
|
|
|
|
|
<tbody> |
|
|
|
|
|
<tr> |
|
|
|
|
|
<td class="ti-text-form-label text-width80">{{$.i18n.Tr "repo.model.manage.Accuracy"}}</td> |
|
|
|
|
|
<td class="ti-text-form-content word-elipsis"><span id="Accuracy" title=""></span></td> |
|
|
|
|
|
</tr> |
|
|
|
|
|
<tr> |
|
|
|
|
|
<td class="ti-text-form-label text-width80">F1</td> |
|
|
|
|
|
<td class="ti-text-form-content word-elipsis"><span id="F1" title=""></span></td> |
|
|
|
|
|
</tr> |
|
|
|
|
|
<tr> |
|
|
|
|
|
<td class="ti-text-form-label text-width80">{{$.i18n.Tr "repo.model.manage.Precision"}}</td> |
|
|
|
|
|
<td class="ti-text-form-content word-elipsis"><span id="Precision" title=""></span></td> |
|
|
|
|
|
</tr> |
|
|
|
|
|
<tr> |
|
|
|
|
|
<td class="ti-text-form-label text-width80">{{$.i18n.Tr "repo.model.manage.Recall"}}</td> |
|
|
|
|
|
<td class="ti-text-form-content word-elipsis"><span id="Recall" title=""></span></td> |
|
|
|
|
|
</tr> |
|
|
|
|
|
</tbody> |
|
|
|
|
|
</table> |
|
|
|
|
|
|
|
|
<div class="ui tab" data-tab="second"> |
|
|
|
|
|
<input type="hidden" name="model" value="-1"> |
|
|
|
|
|
<input type="hidden" name="modelback" value="-1"> |
|
|
|
|
|
<div class='ui breadcrumb model_file_bread' id='file_breadcrumb'> |
|
|
|
|
|
<div class="active section"></div> |
|
|
|
|
|
<div class="divider"> / </div> |
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
<div id="dir_list"> |
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div style="clear: both;"></div> |
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
@@ -179,6 +200,9 @@ |
|
|
<script> |
|
|
<script> |
|
|
let url = location.href.split('show_model')[0] |
|
|
let url = location.href.split('show_model')[0] |
|
|
let ID = location.search.split('?name=').pop() |
|
|
let ID = location.search.split('?name=').pop() |
|
|
|
|
|
$(document).ready(function(){ |
|
|
|
|
|
$('.secondary.menu .item').tab(); |
|
|
|
|
|
}); |
|
|
$(document).ready(loadInfo); |
|
|
$(document).ready(loadInfo); |
|
|
function changeInfo(version){ |
|
|
function changeInfo(version){ |
|
|
$.get(`${url}show_model_info_api?name=${ID}`,(data)=>{ |
|
|
$.get(`${url}show_model_info_api?name=${ID}`,(data)=>{ |
|
@@ -190,6 +214,7 @@ function changeInfo(version){ |
|
|
let [initObj,initModelAcc,id] = returnArray |
|
|
let [initObj,initModelAcc,id] = returnArray |
|
|
editorCancel('','') |
|
|
editorCancel('','') |
|
|
renderInfo(initObj,initModelAcc,id) |
|
|
renderInfo(initObj,initModelAcc,id) |
|
|
|
|
|
loadModelFile(versionData[0].ID,versionData[0].Version,'','','init') |
|
|
}) |
|
|
}) |
|
|
} |
|
|
} |
|
|
function loadInfo(){ |
|
|
function loadInfo(){ |
|
@@ -206,6 +231,7 @@ function loadInfo(){ |
|
|
returnArray = transObj(data) |
|
|
returnArray = transObj(data) |
|
|
let [initObj,initModelAcc,id] = returnArray |
|
|
let [initObj,initModelAcc,id] = returnArray |
|
|
renderInfo(initObj,initModelAcc,id) |
|
|
renderInfo(initObj,initModelAcc,id) |
|
|
|
|
|
loadModelFile(data[0].ID,data[0].Version,'','','init') |
|
|
}) |
|
|
}) |
|
|
} |
|
|
} |
|
|
function transObj(data){ |
|
|
function transObj(data){ |
|
@@ -297,7 +323,6 @@ function renderInfo(obj,accObj,id){ |
|
|
let descriptionText=obj[key].replace(/\r\n|\n/g,'enter;') |
|
|
let descriptionText=obj[key].replace(/\r\n|\n/g,'enter;') |
|
|
$(`#${key}`).text(obj[key]) |
|
|
$(`#${key}`).text(obj[key]) |
|
|
$(`#${key}`).attr("title",obj[key]) |
|
|
$(`#${key}`).attr("title",obj[key]) |
|
|
|
|
|
|
|
|
$('#edit-pencil').attr("data-id",id) |
|
|
$('#edit-pencil').attr("data-id",id) |
|
|
$('#edit-pencil').attr("data-desc",descriptionText) |
|
|
$('#edit-pencil').attr("data-desc",descriptionText) |
|
|
} |
|
|
} |
|
@@ -333,8 +358,6 @@ function renderInfo(obj,accObj,id){ |
|
|
$(`#${key}`).text(parameter) |
|
|
$(`#${key}`).text(parameter) |
|
|
$(`#${key}`).attr("title",parameter) |
|
|
$(`#${key}`).attr("title",parameter) |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
} |
|
|
else{ |
|
|
else{ |
|
|
$(`#${key}`).text(obj[key]) |
|
|
$(`#${key}`).text(obj[key]) |
|
@@ -348,4 +371,108 @@ function renderInfo(obj,accObj,id){ |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
function loadModelFile(ID,version_name,parents,filename,init){ |
|
|
|
|
|
$.get(`${url}query_onelevel_modelfile?ID=${ID}&parentDir=${parents}`, (data) => { |
|
|
|
|
|
$('#dir_list').empty() |
|
|
|
|
|
renderDir(data,ID,version_name) |
|
|
|
|
|
if(init==="init"){ |
|
|
|
|
|
$('input[name=model]').val("") |
|
|
|
|
|
$('input[name=modelback]').val(version_name) |
|
|
|
|
|
$('#file_breadcrumb').empty() |
|
|
|
|
|
let htmlBread = "" |
|
|
|
|
|
htmlBread += `<div class='active section'>${version_name}</div>` |
|
|
|
|
|
htmlBread += "<div class='divider'> / </div>" |
|
|
|
|
|
$('#file_breadcrumb').append(htmlBread) |
|
|
|
|
|
}else{ |
|
|
|
|
|
renderBrend(ID,version_name,parents,filename,init) |
|
|
|
|
|
} |
|
|
|
|
|
}) |
|
|
|
|
|
} |
|
|
|
|
|
function renderSize(value){ |
|
|
|
|
|
if(null==value||value==''){ |
|
|
|
|
|
return "0 Bytes"; |
|
|
|
|
|
} |
|
|
|
|
|
var unitArr = new Array("Bytes","KB","MB","GB","TB","PB","EB","ZB","YB"); |
|
|
|
|
|
var index=0; |
|
|
|
|
|
var srcsize = parseFloat(value); |
|
|
|
|
|
index=Math.floor(Math.log(srcsize)/Math.log(1024)); |
|
|
|
|
|
var size =srcsize/Math.pow(1024,index); |
|
|
|
|
|
size=size.toFixed(2);//保留的小数位数 |
|
|
|
|
|
return size+unitArr[index]; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
function renderBrend(ID,version_name,parents,filename,init){ |
|
|
|
|
|
if(init=="folder"){ |
|
|
|
|
|
let htmlBrend = "" |
|
|
|
|
|
let sectionName=$('#file_breadcrumb .active.section').text() |
|
|
|
|
|
let parents1 = $('input[name=model]').val() |
|
|
|
|
|
let filename1 = $('input[name=modelback]').val() |
|
|
|
|
|
if(parents1===""){ |
|
|
|
|
|
$('#file_breadcrumb .active.section').replaceWith(`<a class='section' onclick="loadModelFile('${ID}','${version_name}','${parents1}','','init')">${sectionName}</a>`) |
|
|
|
|
|
}else{ |
|
|
|
|
|
$('#file_breadcrumb .active.section').replaceWith(`<a class='section' onclick="loadModelFile('${ID}','${version_name}','${parents1}','${filename1}')">${sectionName}</a>`) |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
htmlBrend += `<div class='active section'>${filename}</div>` |
|
|
|
|
|
htmlBrend += "<div class='divider'> / </div>" |
|
|
|
|
|
$('#file_breadcrumb').append(htmlBrend) |
|
|
|
|
|
$('input[name=model]').val(parents) |
|
|
|
|
|
$('input[name=modelback]').val(filename) |
|
|
|
|
|
}else{ |
|
|
|
|
|
$('input[name=model]').val(parents) |
|
|
|
|
|
$('input[name=modelbac]').val(filename) |
|
|
|
|
|
$('#file_breadcrumb a.section:contains(${filename})').nextAll().remove() |
|
|
|
|
|
$('#file_breadcrumb a.section:contains(${filename})').replaceWith(`<div class='active section'>${filename}</div>`) |
|
|
|
|
|
$('#file_breadcrumb div.section:contains(${filename})').append("<div class='divider'> / </div>") |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
function renderDir(data,ID,version_name){ |
|
|
|
|
|
let html="" |
|
|
|
|
|
html += "<div class='ui grid' style='margin:0;'>" |
|
|
|
|
|
html += "<div class='row' style='padding: 0;'>" |
|
|
|
|
|
html += "<div class='ui sixteen wide column' style='padding:1rem;'>" |
|
|
|
|
|
html += "<div class='dir list'>" |
|
|
|
|
|
html += "<table id='repo-files-table' class='ui single line table pad20'>" |
|
|
|
|
|
html += '<tbody>' |
|
|
|
|
|
for(let i=0;i<data.length;i++){ |
|
|
|
|
|
let dirs_size = renderSize(data[i].Size) |
|
|
|
|
|
html += "<tr>" |
|
|
|
|
|
html += "<td class='name six wid'>" |
|
|
|
|
|
html += "<span class='truncate'>" |
|
|
|
|
|
html += "<span class='octicon octicon-file-directory'>" |
|
|
|
|
|
html += "</span>" |
|
|
|
|
|
if(data[i].IsDir){ |
|
|
|
|
|
html += `<a onclick="loadModelFile('${ID}','${version_name}','${data[i].ParenDir}','${data[i].FileName}','folder')">` |
|
|
|
|
|
html += "<span class='fitted'><i class='folder icon' width='16' height='16' aria-hidden='true'></i>" + data[i].FileName + "</span>" |
|
|
|
|
|
}else{ |
|
|
|
|
|
html += `<a href="${url}${ID}/downloadsingle?parentDir=${data[i].ParenDir}&fileName=${data[i].FileName}">` |
|
|
|
|
|
html += "<span class='fitted'><i class='file icon' width='16' height='16' aria-hidden='true'></i>" + data[i].FileName + "</span>" |
|
|
|
|
|
} |
|
|
|
|
|
html += '</a>' |
|
|
|
|
|
html += "</span>" |
|
|
|
|
|
html += "</td>" |
|
|
|
|
|
html += "<td class='message seven wide'>" |
|
|
|
|
|
if(data[i].IsDir){ |
|
|
|
|
|
html += "<span class='truncate has-emoji'></span>" |
|
|
|
|
|
}else{ |
|
|
|
|
|
html += "<span class='truncate has-emoji'>"+ `${dirs_size}` + "</span>" |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
html += "</td>" |
|
|
|
|
|
|
|
|
|
|
|
html += "<td class='text right age three wide'>" |
|
|
|
|
|
html += "<span class='truncate has-emoji'>" + data[i].ModTime + "</span>" |
|
|
|
|
|
html += "</td>" |
|
|
|
|
|
html += "</tr>" |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
html += "</tbody>" |
|
|
|
|
|
html += "</table>" |
|
|
|
|
|
html += "</div>" |
|
|
|
|
|
html += "</div>" |
|
|
|
|
|
html += "</div>" |
|
|
|
|
|
html += "</div>" |
|
|
|
|
|
$('#dir_list').append(html) |
|
|
|
|
|
} |
|
|
</script> |
|
|
</script> |