|
|
|
@@ -0,0 +1,285 @@ |
|
|
|
<style> |
|
|
|
.text-right{ |
|
|
|
float:right !important; |
|
|
|
} |
|
|
|
.header{ |
|
|
|
font-weight:bold; |
|
|
|
font-size: 18px; |
|
|
|
font-family: SourceHanSansSC-medium; |
|
|
|
} |
|
|
|
.cor{ |
|
|
|
color:#0366D6 !important; |
|
|
|
} |
|
|
|
.header_card{ |
|
|
|
/* color:#003A8C !important; */ |
|
|
|
color:#0366D6 !important; |
|
|
|
margin: 10px 0; |
|
|
|
} |
|
|
|
.marg{ |
|
|
|
margin: 0 5px !important; |
|
|
|
} |
|
|
|
|
|
|
|
.content_list{ |
|
|
|
max-height: 200px; |
|
|
|
overflow: auto; |
|
|
|
} |
|
|
|
.Relist{ |
|
|
|
color:#0366D6 !important; |
|
|
|
} |
|
|
|
.descript_height{ |
|
|
|
color: #101010 !important; |
|
|
|
height: 40px !important; |
|
|
|
word-break:break-all; |
|
|
|
line-height: 20px; |
|
|
|
overflow: hidden; |
|
|
|
/* overflow: hidden!important; |
|
|
|
word-wrap:break-word!important; */ |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.tags_height{ |
|
|
|
height: 30px !important; |
|
|
|
} |
|
|
|
.full_height{ |
|
|
|
height: 100%; |
|
|
|
} |
|
|
|
</style> |
|
|
|
<div class="ui stackable grid"> |
|
|
|
<div style="width: 100%;margin:15px 0;"> |
|
|
|
{{if .tags}} |
|
|
|
<span class="header"> |
|
|
|
精选项目 |
|
|
|
</span> |
|
|
|
<!-- {{.IsOrganizationOwner}} --> |
|
|
|
{{if .IsOrganizationOwner}} |
|
|
|
<a class="text-right" id="model" onclick="showcreate()" >{{svg "octicon-gear" 16}}自定义</a> |
|
|
|
{{end}} |
|
|
|
{{end}} |
|
|
|
|
|
|
|
</div> |
|
|
|
<div style="width: 100%;"> |
|
|
|
{{ range .tags}} |
|
|
|
{{if eq .TagName "精选项目"}} |
|
|
|
|
|
|
|
<div class="ui three cards" style="margin-bottom: 10px;"> |
|
|
|
{{ range .RepoList}} |
|
|
|
<div class="card" > |
|
|
|
|
|
|
|
<div class="extra full_height" > |
|
|
|
<div class=" header header_card"> |
|
|
|
{{.Name}} |
|
|
|
</div> |
|
|
|
<div class='content descript_height'> |
|
|
|
{{.Description}} |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<div class="content tags_height" style="margin-top: 5px;"> |
|
|
|
{{if .Topics }} |
|
|
|
<div class=" ui tags "> |
|
|
|
{{range .Topics}} |
|
|
|
{{if ne . "" }}<a href="{{AppSubUrl}}/explore/repos?q={{.}}&topic={{$.Topic}}"><div class="ui small label topic">{{.}}</div></a>{{end}} |
|
|
|
{{end}} |
|
|
|
</div> |
|
|
|
{{end}} |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="ui mini right compact marg" > |
|
|
|
<a class="item marg "> |
|
|
|
{{svg "octicon-eye" 16}} {{.NumWatches}} |
|
|
|
</a> |
|
|
|
<a class="item marg"> |
|
|
|
{{svg "octicon-star" 16}} {{.NumStars}} |
|
|
|
</a> |
|
|
|
<a class="item marg"> |
|
|
|
{{svg "octicon-git-branch" 16}} {{.NumForks}} |
|
|
|
</a> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
{{end}} |
|
|
|
</div> |
|
|
|
|
|
|
|
{{end}} |
|
|
|
{{end}} |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="ui modal"> |
|
|
|
<div class="header" style="padding: 1rem;background-color: rgba(240, 240, 240, 100);"> |
|
|
|
<h4 id="model_header">自定义精选项目</h4> |
|
|
|
</div> |
|
|
|
<div class="content content-padding" style="color: black;"> |
|
|
|
<p>对多可选9个公开项目</p> |
|
|
|
<div class="ui search" > |
|
|
|
<div class="ui input" style="width: 100%;"> |
|
|
|
<input type="text" id = 'search_selectPro' placeholder="Search ..." value = '' oninput="search()"> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div style="margin: 10px ;"> |
|
|
|
<div id ='org_list' style="margin-bottom: 20px;"class="content_list" > |
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<p id='recommend'></p> |
|
|
|
|
|
|
|
<div class="inline field" style="margin-left: 30%;"> |
|
|
|
<div class="actions"> |
|
|
|
<button id="submitId" type="button" class="ui create_train_job green deny button" onclick="saveSeletedPro(1)"> |
|
|
|
{{.i18n.Tr "explore.save"}} |
|
|
|
</button> |
|
|
|
<button class="ui button cancel" >{{.i18n.Tr "explore.cancel"}}</button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<script> |
|
|
|
var data; |
|
|
|
var filterData=[]; |
|
|
|
var num=0; |
|
|
|
|
|
|
|
function showcreate(obj){ |
|
|
|
$('.ui.modal') |
|
|
|
.modal({ |
|
|
|
centered: false, |
|
|
|
onShow:function(){ |
|
|
|
$("#org_list").empty() |
|
|
|
getPro(1) |
|
|
|
|
|
|
|
}, |
|
|
|
onHide:function(){ |
|
|
|
|
|
|
|
} |
|
|
|
}) |
|
|
|
.modal('show') |
|
|
|
} |
|
|
|
function getPro(typeTag){ |
|
|
|
|
|
|
|
$.ajax({ |
|
|
|
type:"GET", |
|
|
|
url:"/org/{{.Org.DisplayName}}/org_tag/repo_list?tagId="+typeTag, |
|
|
|
dataType:"json", |
|
|
|
async:false, |
|
|
|
success:function(json){ |
|
|
|
data = json.data; |
|
|
|
var n_length = data.length |
|
|
|
pro_html = getHTML(data) |
|
|
|
$("#org_list").append(pro_html) |
|
|
|
console.log('原始',data) |
|
|
|
checkedNum() |
|
|
|
} |
|
|
|
}); |
|
|
|
} |
|
|
|
function getHTML(data){ |
|
|
|
let pro_html='' |
|
|
|
for (let i=0;i<data.length;i++){ |
|
|
|
if (data[i].Selected==true){ |
|
|
|
console.log("data[i]:",data[i]) |
|
|
|
pro_html += `<div class="ui checkbox" style="width: 33%;margin-bottom:10px" > <input type="checkbox" checked="" onclick="checkedNum()" class="Relist" name ='select_pro_name' data-repoid="${data[i].RepoID}" data-reponame="${data[i].RepoName}" data-selected=${data[i].Selected} > <label> ${data[i].RepoName} </label></div>` |
|
|
|
pro_html += '</div>' |
|
|
|
} |
|
|
|
else{ |
|
|
|
pro_html += `<div class="ui checkbox" style="width: 33%;margin-bottom:10px" > <input type="checkbox" class="Relist" name ='select_pro_name' data-repoid="${data[i].RepoID}" data-reponame="${data[i].RepoName}" data-selected= ${data[i].Selected}> <label> ${data[i].RepoName} </label></div>` |
|
|
|
pro_html += '</div>' |
|
|
|
} |
|
|
|
} |
|
|
|
return pro_html |
|
|
|
} |
|
|
|
function saveSeletedPro(typeTag){ |
|
|
|
var saveData=[]; |
|
|
|
$('input[name="select_pro_name"]:checked').each(function(){ |
|
|
|
console.log('值',this.dataset.repoid) |
|
|
|
|
|
|
|
saveData.push(parseInt(this.dataset.repoid)); |
|
|
|
}) |
|
|
|
// saveData = getSelecteDataID(); |
|
|
|
// console.log("数据：",saveData) |
|
|
|
$.ajax({ |
|
|
|
type:"POST", |
|
|
|
url:"/org/{{.Org.DisplayName}}/org_tag/repo_submit?tagId="+typeTag, |
|
|
|
contentType:'application/json', |
|
|
|
dataType:"json", |
|
|
|
async:false, |
|
|
|
data:JSON.stringify({'repoList':saveData |
|
|
|
}), |
|
|
|
success:function(res){ |
|
|
|
console.log('保存成功'); |
|
|
|
location.reload() |
|
|
|
|
|
|
|
} |
|
|
|
}); |
|
|
|
} |
|
|
|
|
|
|
|
function getSelecteData(){ |
|
|
|
var selectedData=[]; |
|
|
|
$('input[name="select_pro_name"]:checked').each(function(){ |
|
|
|
// console.log(this) |
|
|
|
console.log('值',this.dataset.selected) |
|
|
|
|
|
|
|
selectedData.push({"RepoID":parseInt(this.dataset.repoid),"RepoName":this.dataset.reponame,"Selected":JSON.parse(this.dataset.selected)}); |
|
|
|
}) |
|
|
|
return selectedData |
|
|
|
} |
|
|
|
function search(){ |
|
|
|
var selectedData = getSelecteData(); |
|
|
|
var searchValue = document.getElementById("search_selectPro").value; |
|
|
|
filterData=[]; |
|
|
|
console.log("searchValue:",searchValue) |
|
|
|
for (let i=0;i<data.length;i++){ |
|
|
|
var isInclude=false; |
|
|
|
if(data[i].RepoName.toLowerCase().includes(searchValue.toLowerCase())){ |
|
|
|
filterData.push(data[i]) |
|
|
|
} |
|
|
|
} |
|
|
|
console.log("选中的值:",selectedData) |
|
|
|
console.log("筛选包括选中的值:",filterData) |
|
|
|
var showData=[]; |
|
|
|
for(i=0;i<selectedData.length;i++){ |
|
|
|
filterData =filterData.filter((item)=>{ |
|
|
|
return item.RepoID!=selectedData[i].RepoID |
|
|
|
}); |
|
|
|
} |
|
|
|
console.log("筛选后不包括选中的值:",filterData) |
|
|
|
$("#org_list").empty() |
|
|
|
if(searchValue!=""){ |
|
|
|
if (filterData.length!=0){ |
|
|
|
|
|
|
|
var pro_html = getHTML(selectedData); |
|
|
|
console.log("selectedData_pro_html:",pro_html) |
|
|
|
$("#org_list").append(pro_html) |
|
|
|
pro_html= getHTML(filterData); |
|
|
|
$("#org_list").append(pro_html) |
|
|
|
}else{ |
|
|
|
var pro_html = getHTML(selectedData); |
|
|
|
$("#org_list").append(pro_html) |
|
|
|
} |
|
|
|
}else{ |
|
|
|
var pro_html = getHTML(data); |
|
|
|
$("#org_list").append(pro_html) |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
function checkedNum(){ |
|
|
|
num=0; |
|
|
|
var inputs = document.getElementsByName("select_pro_name") |
|
|
|
for (var i=0;i<inputs.length;i++){ |
|
|
|
if(inputs[i].checked){ |
|
|
|
num++ |
|
|
|
} |
|
|
|
} |
|
|
|
var show_num = 9-num; |
|
|
|
document.getElementById("recommend").innerHTML="还能推荐"+show_num+"个" |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
</script> |
Gitea
3 years ago