From f7924bc8a6bae71dd705c7c622cf904063d0afc5 Mon Sep 17 00:00:00 2001
From: zhoupzh <zhoupzh@pcl.ac.cn>
Date: Fri, 31 Dec 2021 17:49:41 +0800
Subject: [PATCH] fix issue

---
 templates/repo/modelmanage/showinfo.tmpl | 119 ++++++++++++++++++++++-
 1 file changed, 115 insertions(+), 4 deletions(-)

diff --git a/templates/repo/modelmanage/showinfo.tmpl b/templates/repo/modelmanage/showinfo.tmpl
index 7640feafa..e3cbee271 100644
--- a/templates/repo/modelmanage/showinfo.tmpl
+++ b/templates/repo/modelmanage/showinfo.tmpl
@@ -181,8 +181,16 @@
                 <div style="clear: both;"></div>
             </div>
             <div class="ui tab" data-tab="second">
-                <div>asdasasdasd</div>
+                <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>
@@ -206,6 +214,7 @@ function changeInfo(version){
         let [initObj,initModelAcc,id] = returnArray
         editorCancel('','')
         renderInfo(initObj,initModelAcc,id)
+        loadModelFile(versionData[0].ID,versionData[0].Version,'','','init')
     })
 }
 function loadInfo(){
@@ -222,6 +231,7 @@ function loadInfo(){
         returnArray = transObj(data)
         let [initObj,initModelAcc,id] = returnArray
         renderInfo(initObj,initModelAcc,id)
+        loadModelFile(data[0].ID,data[0].Version,'','','init')
     })
 }
 function transObj(data){
@@ -313,7 +323,6 @@ function renderInfo(obj,accObj,id){
             let descriptionText=obj[key].replace(/\r\n|\n/g,'enter;')
             $(`#${key}`).text(obj[key])
             $(`#${key}`).attr("title",obj[key])
-
             $('#edit-pencil').attr("data-id",id)
             $('#edit-pencil').attr("data-desc",descriptionText)
         }
@@ -349,8 +358,6 @@ function renderInfo(obj,accObj,id){
                 $(`#${key}`).text(parameter)
                 $(`#${key}`).attr("title",parameter)
             }
-            
-
         }
         else{
             $(`#${key}`).text(obj[key])
@@ -364,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>
\ No newline at end of file