zhoupzh
3 years ago
1 changed files with 419 additions and 421 deletions
Split View
Diff Options
-
+419 -421templates/org/home_courses.tmpl
+ 419
- 421
templates/org/home_courses.tmpl
View File
| @@ -1,444 +1,442 @@ | |||
| <style> | |||
| .organization-info_1000{ | |||
| background: #F5F5F6 !important; | |||
| padding-top: 30px; | |||
| margin-bottom: 0px !important; | |||
| } | |||
| .organization-info >.container { | |||
| overflow: auto; | |||
| background: #f5f5f6 !important; | |||
| padding-top: 30px; | |||
| padding-bottom: 20px; | |||
| background-size: cover; | |||
| border-radius: 5px; | |||
| border: none !important | |||
| } | |||
| .organization.profile #org-avatar { | |||
| border:none !important | |||
| } | |||
| .desc { | |||
| font-size: 14px; | |||
| margin-bottom: 10px !important; | |||
| } | |||
| .item { | |||
| display: inline-block; | |||
| margin-right: 10px; | |||
| } | |||
| .item .icon { | |||
| margin-right: 5px; | |||
| } | |||
| .organization-info >.container { | |||
| padding-bottom:0px !important; | |||
| } | |||
| .tag_bg{ | |||
| background-color: #0366D6 !important; | |||
| color:#FFFFFF !important; | |||
| } | |||
| .course{ | |||
| padding:10px 0 15px !important; | |||
| } | |||
| .course_color{ | |||
| color: #FA8C16; | |||
| } | |||
| .tag_lable{ | |||
| border: 1px solid rgba(232, 232, 232, 100) ; | |||
| border-radius: 4px; | |||
| color: rgba(65, 80, 88, 100); | |||
| font-family: Microsoft Yahei; | |||
| font-size: 14px; | |||
| padding: 0.3em 0.5em; | |||
| height: 30px; | |||
| text-align: center; | |||
| margin: 0.2em; | |||
| } | |||
| .tag_lable_first{ | |||
| border: 1px solid rgba(232, 232, 232, 100) ; | |||
| border-radius: 4px; | |||
| color: rgba(65, 80, 88, 100); | |||
| font-family: Microsoft Yahei; | |||
| font-size: 14px; | |||
| padding: 0.3em 0.5em; | |||
| height: 30px; | |||
| text-align: center; | |||
| margin: 0.2em; | |||
| margin-left: none; | |||
| } | |||
| .tag_key{ | |||
| max-width:100%; | |||
| margin: 3px 3px; | |||
| display:inline-flex; | |||
| } | |||
| .bpadding{ | |||
| padding:10px 40px | |||
| } | |||
| .omit{ | |||
| overflow: hidden; white-space: nowrap; text-overflow: ellipsis; | |||
| } | |||
| .noborder{ | |||
| border: none !important; | |||
| } | |||
| </style> | |||
| {{template "base/head" .}} | |||
| <div class="organization profile"> | |||
| {{/* overflow: auto is the clearfix - this avoids the image going beyond | |||
| the container where it is supposed to stay inside. */}} | |||
| <div class="organization-info organization-info_1000"> | |||
| <div class="ui center aligned container " style="overflow: auto"> | |||
| <img class="ui left image" id="org-avatar" src="{{.Org.SizedRelAvatarLink 140}}"/> | |||
| <div class="content" style="text-align: left;margin-left:100px" > | |||
| <div class="ui header" > | |||
| {{.Org.DisplayName}} | |||
| </div> | |||
| <div class="description" > | |||
| {{if .Org.Description}}<p class="text grey desc">{{.Org.Description}}</p>{{end}} | |||
| </div> | |||
| <div class="meta" style="display: inline-flex;"> | |||
| {{if .Org.Location}}<div class="item">{{svg "octicon-location" 16}} <span>{{.Org.Location}}</span></div>{{end}} | |||
| {{if .Org.Website}}<div class="item">{{svg "octicon-link" 16}} <a target="_blank" rel="noopener noreferrer" href="{{.Org.Website}}">{{.Org.Website}}</a></div>{{end}} | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| {{template "org/navber_course" .}} | |||
| <div class="ui container"> | |||
| <!-- 新增 --> | |||
| <div class="ui stackable grid"> | |||
| <div class="ui sixteen wide computer column"> | |||
| <div class="ui mobile reversed stackable grid"> | |||
| <div class="ui ten wide tablet eleven wide computer column" id='tag'> | |||
| .organization-info_1000{ | |||
| background: #F5F5F6 !important; | |||
| padding-top: 30px; | |||
| margin-bottom: 0px !important; | |||
| } | |||
| .organization-info >.container { | |||
| overflow: auto; | |||
| background: #f5f5f6 !important; | |||
| padding-top: 30px; | |||
| padding-bottom: 20px; | |||
| background-size: cover; | |||
| border-radius: 5px; | |||
| border: none !important | |||
| } | |||
| <a class="{{if eq $.Keyword "" }} tag_bg {{end}} tag_key ui small tag_lable topic omit" href="{{$.Link}}?" >全部关键字</span></a> | |||
| {{range .CoursesKeywords}} | |||
| {{if ne . ""}} | |||
| <a class="{{if eq $.Keyword . }} tag_bg {{end}} tag_key ui small tag_lable topic omit" href="{{$.Link}}?q={{.}}" > | |||
| {{.}} | |||
| </a> | |||
| {{end}} | |||
| {{end}} | |||
| .organization.profile #org-avatar { | |||
| border:none !important | |||
| } | |||
| .desc { | |||
| font-size: 14px; | |||
| margin-bottom: 10px !important; | |||
| } | |||
| .item { | |||
| display: inline-block; | |||
| margin-right: 10px; | |||
| } | |||
| .item .icon { | |||
| margin-right: 5px; | |||
| } | |||
| .organization-info >.container { | |||
| padding-bottom:0px !important; | |||
| } | |||
| .tag_bg{ | |||
| background-color: #0366D6 !important; | |||
| color:#FFFFFF !important; | |||
| } | |||
| .course{ | |||
| padding:10px 0 15px !important; | |||
| } | |||
| .course_color{ | |||
| color: #FA8C16; | |||
| } | |||
| .tag_lable{ | |||
| border: 1px solid rgba(232, 232, 232, 100) ; | |||
| border-radius: 4px; | |||
| color: rgba(65, 80, 88, 100); | |||
| font-family: Microsoft Yahei; | |||
| font-size: 14px; | |||
| padding: 0.3em 0.5em; | |||
| height: 30px; | |||
| text-align: center; | |||
| margin: 0.2em; | |||
| } | |||
| .tag_lable_first{ | |||
| border: 1px solid rgba(232, 232, 232, 100) ; | |||
| border-radius: 4px; | |||
| color: rgba(65, 80, 88, 100); | |||
| font-family: Microsoft Yahei; | |||
| font-size: 14px; | |||
| padding: 0.3em 0.5em; | |||
| height: 30px; | |||
| text-align: center; | |||
| margin: 0.2em; | |||
| margin-left: none; | |||
| } | |||
| .tag_key{ | |||
| max-width:100%; | |||
| margin: 3px 3px; | |||
| display:inline-flex; | |||
| } | |||
| .bpadding{ | |||
| padding:10px 40px | |||
| } | |||
| .omit{ | |||
| overflow: hidden; white-space: nowrap; text-overflow: ellipsis; | |||
| } | |||
| .noborder{ | |||
| border: none !important; | |||
| } | |||
| </style> | |||
| {{template "base/head" .}} | |||
| <div class="organization profile"> | |||
| {{/* overflow: auto is the clearfix - this avoids the image going beyond | |||
| the container where it is supposed to stay inside. */}} | |||
| <div class="organization-info organization-info_1000"> | |||
| <div class="ui center aligned container " style="overflow: auto"> | |||
| <img class="ui left image" id="org-avatar" src="{{.Org.SizedRelAvatarLink 140}}"/> | |||
| <div class="content" style="text-align: left;margin-left:100px" > | |||
| <div class="ui header" > | |||
| {{.Org.DisplayName}} | |||
| </div> | |||
| <div class="ui sixteen wide mobile six wide tablet five wide computer column"> | |||
| <!-- {{if .CanCreateOrgRepo}} --> | |||
| <div class="text center" style="margin-left: 10px;"> | |||
| <a class="ui green button bpadding" href="{{AppSubUrl}}/course/create"><i class="ri-folder-add-line" style="vertical-align: middle;"></i> {{.i18n.Tr "org.release_course"}} </a> | |||
| </div> | |||
| <!-- {{end}} --> | |||
| <div class="description" > | |||
| {{if .Org.Description}}<p class="text grey desc">{{.Org.Description}}</p>{{end}} | |||
| </div> | |||
| <div class="meta" style="display: inline-flex;"> | |||
| {{if .Org.Location}}<div class="item">{{svg "octicon-location" 16}} <span>{{.Org.Location}}</span></div>{{end}} | |||
| {{if .Org.Website}}<div class="item">{{svg "octicon-link" 16}} <a target="_blank" rel="noopener noreferrer" href="{{.Org.Website}}">{{.Org.Website}}</a></div>{{end}} | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| <!-- 全部 --> | |||
| <div class="ui stackable grid"> | |||
| {{template "org/navber_course" .}} | |||
| <div class="ui container"> | |||
| <!-- 新增 --> | |||
| <div class="ui stackable grid"> | |||
| <div class="ui sixteen wide computer column"> | |||
| <div class="ui mobile reversed stackable grid"> | |||
| <div class="ui ten wide tablet eleven wide computer column" id='tag'> | |||
| <div class="ui sixteen wide computer column"> | |||
| <div class="ui mobile reversed stackable grid"> | |||
| <div class="ui ten wide tablet eleven wide computer column"> | |||
| {{template "org/course_list" .}} | |||
| {{template "base/paginate" .}} | |||
| </div> | |||
| <div class="ui sixteen wide mobile six wide tablet five wide computer column"> | |||
| <h4 class="ui top attached header noborder"> | |||
| <strong>{{.i18n.Tr "org.selected_couse"}}</strong> | |||
| <div class="ui right"> | |||
| <a class="text grey" id="model" onclick="showcreate()">{{svg "octicon-gear" 16}}</a> | |||
| </div> | |||
| </h4> | |||
| <div class="ui attached table segment course items noborder"> | |||
| {{ range .tags}} | |||
| {{if eq .TagName "精选项目"}} | |||
| {{range $i, $v := .RepoList}} | |||
| {{if gt $i 0}} | |||
| <div class="ui divider" style="margin-bottom:10px;"></div> | |||
| {{end}} | |||
| <div class="item"> | |||
| <i class="ri-bookmark-3-line course_color" ></i> | |||
| <div class="content" style="margin-left: 10px;"> | |||
| <a href="{{.Link}}"><strong class="team-name">{{.Alias}}</strong></a> | |||
| <p class="text grey"> | |||
| {{if ne .CreatorID 0}} | |||
| {{$.i18n.Tr "home.contributors"}} : {{.Creator.Name}} | |||
| {{if .Creator}} | |||
| {{$.i18n.Tr "home.contributors"}} {{.Creator.Name}} | |||
| {{else}} | |||
| {{$.i18n.Tr "home.contributors"}}:{{.Owner.Name}} | |||
| {{end}} | |||
| </p> | |||
| </div> | |||
| </div> | |||
| {{end}} | |||
| {{end}} | |||
| {{end}} | |||
| </div> | |||
| <h4 class="ui top attached header noborder"> | |||
| <strong>{{.i18n.Tr "org.people"}}</strong> | |||
| <div class="ui right"> | |||
| <a class="text grey" href="{{.OrgLink}}/members">{{.MembersTotal}} {{svg "octicon-chevron-right" 16}}</a> | |||
| </div> | |||
| </h4> | |||
| <div class="ui attached segment members noborder"> | |||
| {{$isMember := .IsOrganizationMember}} | |||
| {{range .Members}} | |||
| {{if or $isMember (.IsPublicMember $.Org.ID)}} | |||
| <a href="{{.HomeLink}}" title="{{.Name}}{{if .FullName}} ({{.FullName}}){{end}}"><img class="ui avatar" src="{{.RelAvatarLink}}"></a> | |||
| <a class="{{if eq $.Keyword "" }} tag_bg {{end}} tag_key ui small tag_lable topic omit" href="{{$.Link}}?" >全部关键字</span></a> | |||
| {{range .CoursesKeywords}} | |||
| {{if ne . ""}} | |||
| <a class="{{if eq $.Keyword . }} tag_bg {{end}} tag_key ui small tag_lable topic omit" href="{{$.Link}}?q={{.}}" > | |||
| {{.}} | |||
| </a> | |||
| {{end}} | |||
| {{end}} | |||
| <div style="text-align: center;margin-top: 5px;"> | |||
| <a class="ui blue basic button" onclick="jion_course_team()"> <i class="ri-user-add-line"></i> {{.i18n.Tr "org.teams.join_teams"}}</a> | |||
| </div> | |||
| </div> | |||
| {{if .IsOrganizationMember}} | |||
| <div class="ui top attached header noborder"> | |||
| <strong>{{.i18n.Tr "org.teams"}}</strong> | |||
| <div class="ui sixteen wide mobile six wide tablet five wide computer column"> | |||
| <!-- {{if .CanCreateOrgRepo}} --> | |||
| <div class="text center" style="margin-left: 10px;"> | |||
| <a class="ui green button bpadding" href="{{AppSubUrl}}/course/create"><i class="ri-folder-add-line" style="vertical-align: middle;"></i> {{.i18n.Tr "org.release_course"}} </a> | |||
| </div> | |||
| <!-- {{end}} --> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| <!-- 全部 --> | |||
| <div class="ui stackable grid"> | |||
| <div class="ui sixteen wide computer column"> | |||
| <div class="ui mobile reversed stackable grid"> | |||
| <div class="ui ten wide tablet eleven wide computer column"> | |||
| {{template "org/course_list" .}} | |||
| {{template "base/paginate" .}} | |||
| </div> | |||
| <div class="ui sixteen wide mobile six wide tablet five wide computer column"> | |||
| <h4 class="ui top attached header noborder"> | |||
| <strong>{{.i18n.Tr "org.selected_couse"}}</strong> | |||
| <div class="ui right"> | |||
| <a class="text grey" href="{{.OrgLink}}/teams"><span>{{.Org.NumTeams}}</span> {{svg "octicon-chevron-right" 16}}</a> | |||
| <a class="text grey" id="model" onclick="showcreate()">{{svg "octicon-gear" 16}}</a> | |||
| </div> | |||
| </h4> | |||
| <div class="ui attached table segment course items noborder"> | |||
| {{ range .tags}} | |||
| {{if eq .TagName "精选项目"}} | |||
| {{range $i, $v := .RepoList}} | |||
| {{if gt $i 0}} | |||
| <div class="ui divider" style="margin-bottom:10px;"></div> | |||
| {{end}} | |||
| <div class="item"> | |||
| <i class="ri-bookmark-3-line course_color" ></i> | |||
| <div class="content" style="margin-left: 10px;"> | |||
| <a href="{{.Link}}"><strong class="team-name">{{.Alias}}</strong></a> | |||
| <p class="text grey"> | |||
| {{if ne .CreatorID 0}} | |||
| {{$.i18n.Tr "home.contributors"}} : {{.Creator.Name}} | |||
| {{else}} | |||
| {{$.i18n.Tr "home.contributors"}}:{{.Owner.Name}} | |||
| {{end}} | |||
| </p> | |||
| </div> | |||
| </div> | |||
| {{end}} | |||
| {{end}} | |||
| {{end}} | |||
| </div> | |||
| <div class="ui attached table segment teams noborder"> | |||
| {{range .Teams}} | |||
| <div class="item"> | |||
| <a href="{{$.OrgLink}}/teams/{{.LowerName}}"><strong class="team-name">{{.Name}}</strong></a> | |||
| <p class="text grey"> | |||
| <a href="{{$.OrgLink}}/teams/{{.LowerName}}"><strong>{{.NumMembers}}</strong> {{$.i18n.Tr "org.lower_members"}}</a> · | |||
| <a href="{{$.OrgLink}}/teams/{{.LowerName}}/repositories"><strong>{{.NumRepos}}</strong> {{$.i18n.Tr "org.lower_repositories"}}</a> | |||
| </p> | |||
| </div> | |||
| <h4 class="ui top attached header noborder"> | |||
| <strong>{{.i18n.Tr "org.people"}}</strong> | |||
| <div class="ui right"> | |||
| <a class="text grey" href="{{.OrgLink}}/members">{{.MembersTotal}} {{svg "octicon-chevron-right" 16}}</a> | |||
| </div> | |||
| </h4> | |||
| <div class="ui attached segment members noborder"> | |||
| {{$isMember := .IsOrganizationMember}} | |||
| {{range .Members}} | |||
| {{if or $isMember (.IsPublicMember $.Org.ID)}} | |||
| <a href="{{.HomeLink}}" title="{{.Name}}{{if .FullName}} ({{.FullName}}){{end}}"><img class="ui avatar" src="{{.RelAvatarLink}}"></a> | |||
| {{end}} | |||
| {{end}} | |||
| <div style="text-align: center;margin-top: 5px;"> | |||
| <a class="ui blue basic button" onclick="jion_course_team()"> <i class="ri-user-add-line"></i> {{.i18n.Tr "org.teams.join_teams"}}</a> | |||
| </div> | |||
| </div> | |||
| {{if .IsOrganizationOwner}} | |||
| <div class="ui bottom attached segment noborder"> | |||
| <a class="ui blue small button" href="{{.OrgLink}}/teams/new">{{.i18n.Tr "org.create_new_team"}}</a> | |||
| {{if .IsOrganizationMember}} | |||
| <div class="ui top attached header noborder"> | |||
| <strong>{{.i18n.Tr "org.teams"}}</strong> | |||
| <div class="ui right"> | |||
| <a class="text grey" href="{{.OrgLink}}/teams"><span>{{.Org.NumTeams}}</span> {{svg "octicon-chevron-right" 16}}</a> | |||
| </div> | |||
| </div> | |||
| <div class="ui attached table segment teams noborder"> | |||
| {{range .Teams}} | |||
| <div class="item"> | |||
| <a href="{{$.OrgLink}}/teams/{{.LowerName}}"><strong class="team-name">{{.Name}}</strong></a> | |||
| <p class="text grey"> | |||
| <a href="{{$.OrgLink}}/teams/{{.LowerName}}"><strong>{{.NumMembers}}</strong> {{$.i18n.Tr "org.lower_members"}}</a> · | |||
| <a href="{{$.OrgLink}}/teams/{{.LowerName}}/repositories"><strong>{{.NumRepos}}</strong> {{$.i18n.Tr "org.lower_repositories"}}</a> | |||
| </p> | |||
| </div> | |||
| {{end}} | |||
| </div> | |||
| {{if .IsOrganizationOwner}} | |||
| <div class="ui bottom attached segment noborder"> | |||
| <a class="ui blue small button" href="{{.OrgLink}}/teams/new">{{.i18n.Tr "org.create_new_team"}}</a> | |||
| </div> | |||
| {{end}} | |||
| {{end}} | |||
| {{end}} | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </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: 37%;"> | |||
| <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> | |||
| {{template "base/footer" .}} | |||
| <script> | |||
| var data; | |||
| var filterData=[]; | |||
| var num=0; | |||
| function showcreate(obj){ | |||
| document.getElementById("search_selectPro").value='' | |||
| $('.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.Name}}/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(0) | |||
| } | |||
| }); | |||
| } | |||
| 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" id = " ${i}" checked="" onclick="checkedNum(${i})" class="Relist" name ='select_pro_name' data-repoid="${data[i].RepoID}" data-reponame="${data[i].RepoName}" data-selected=${data[i].Selected} > <label class='omit image poping up' data-content=${data[i].RepoName} data-position="top left " data-variation="mini"> ${data[i].RepoName}</label></div>` | |||
| pro_html += '</div>' | |||
| } | |||
| else{ | |||
| pro_html += `<div class="ui checkbox" style="width: 33%;margin-bottom:10px" > <input type="checkbox" id = "${i}" onclick="checkedNum(${i})" class="Relist" name ='select_pro_name' data-repoid="${data[i].RepoID}" data-reponame="${data[i].RepoName}" data-selected= ${data[i].Selected}> <label class='omit image poping up' data-content=${data[i].RepoName} data-position="top left " data-variation="mini"> ${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)); | |||
| }) | |||
| if(saveData.length>9){ | |||
| alert("最多可选9个，保存失败") | |||
| return | |||
| } | |||
| $.ajax({ | |||
| type:"POST", | |||
| url:"/org/{{.Org.Name}}/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(id){ | |||
| num=0; | |||
| var inputs = document.getElementsByName("select_pro_name") | |||
| for (var i=0;i<inputs.length;i++){ | |||
| if(inputs[i].checked){ | |||
| num++ | |||
| if(num>9){ | |||
| document.getElementById(id).checked=false | |||
| alert("选择超过9个，请重新选择！") | |||
| return | |||
| } | |||
| } | |||
| } | |||
| var show_num = 9-num; | |||
| document.getElementById("recommend").innerHTML="还能推荐"+show_num+"个" | |||
| } | |||
| function jion_course_team(){ | |||
| $.ajax({ | |||
| type:"GET", | |||
| url:"/course/addOrg", | |||
| dataType:"json", | |||
| async:false, | |||
| success:function(json){ | |||
| data = json; | |||
| if(data.code==0){ | |||
| alert("Join success") | |||
| location.reload() | |||
| }else{ | |||
| alert("Join failure") | |||
| } | |||
| } | |||
| }); | |||
| } | |||
| </script> | |||
| <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: 37%;"> | |||
| <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> | |||
| {{template "base/footer" .}} | |||
| <script> | |||
| var data; | |||
| var filterData=[]; | |||
| var num=0; | |||
| function showcreate(obj){ | |||
| document.getElementById("search_selectPro").value='' | |||
| $('.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.Name}}/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(0) | |||
| } | |||
| }); | |||
| } | |||
| 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" id = " ${i}" checked="" onclick="checkedNum(${i})" class="Relist" name ='select_pro_name' data-repoid="${data[i].RepoID}" data-reponame="${data[i].RepoName}" data-selected=${data[i].Selected} > <label class='omit image poping up' data-content=${data[i].RepoName} data-position="top left " data-variation="mini"> ${data[i].RepoName}</label></div>` | |||
| pro_html += '</div>' | |||
| } | |||
| else{ | |||
| pro_html += `<div class="ui checkbox" style="width: 33%;margin-bottom:10px" > <input type="checkbox" id = "${i}" onclick="checkedNum(${i})" class="Relist" name ='select_pro_name' data-repoid="${data[i].RepoID}" data-reponame="${data[i].RepoName}" data-selected= ${data[i].Selected}> <label class='omit image poping up' data-content=${data[i].RepoName} data-position="top left " data-variation="mini"> ${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)); | |||
| }) | |||
| if(saveData.length>9){ | |||
| alert("最多可选9个，保存失败") | |||
| return | |||
| } | |||
| $.ajax({ | |||
| type:"POST", | |||
| url:"/org/{{.Org.Name}}/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(id){ | |||
| num=0; | |||
| var inputs = document.getElementsByName("select_pro_name") | |||
| for (var i=0;i<inputs.length;i++){ | |||
| if(inputs[i].checked){ | |||
| num++ | |||
| if(num>9){ | |||
| document.getElementById(id).checked=false | |||
| alert("选择超过9个，请重新选择！") | |||
| return | |||
| } | |||
| } | |||
| } | |||
| var show_num = 9-num; | |||
| document.getElementById("recommend").innerHTML="还能推荐"+show_num+"个" | |||
| } | |||
| function jion_course_team(){ | |||
| $.ajax({ | |||
| type:"GET", | |||
| url:"/course/addOrg", | |||
| dataType:"json", | |||
| async:false, | |||
| success:function(json){ | |||
| data = json; | |||
| if(data.code==0){ | |||
| alert("Join success") | |||
| location.reload() | |||
| }else{ | |||
| alert("Join failure") | |||
| } | |||
| } | |||
| }); | |||
| } | |||
| </script> | |||