OpenI
/
aiforge
Not watched
1
0
Fork 0
Code
Releases 128 Wiki Activity
Issues 0 Pull Requests 0 Datasets Model Cloudbrain
You can not select more than 25 topics Topics must start with a chinese character,a letter or number, can include dashes ('-') and can be up to 35 characters long.
Tree: e3d6399311
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'e3d6399311'
${ noResults }
aiforge/templates/org/home_courses.tmpl

479 lines
17 kB
Raw Blame History 

  1. <style>

  2. 	.organization-info_1000{

  3. 		background: #F5F5F6 !important;

  4. 

  5. 	}

  6. 	.organization-info >.container {

  7. 		overflow: auto;

  8. 		background: #f5f5f6 !important;

  9. 		padding-top: 30px;

  10. 		padding-bottom: 20px;

  11. 		background-size: cover;

  12. 		border-radius: 5px;

  13. 		border: none !important

  14. 	}

  15. 

  16. 	.organization.profile #org-avatar {

  17. 		border:none !important

  18. 	}

  19. 	.desc {

  20. 		font-size: 14px;

  21. 		margin-bottom: 10px !important;

  22.     }

  23. 	.item {

  24. 		display: inline-block;

  25. 		margin-right: 10px;

  26.     }

  27. 	.item .icon {

  28.       	margin-right: 5px;

  29.     }

  30. 	.organization-info >.container {

  31. 		padding-bottom:0px !important;

  32. 	}

  33. 	.tag_bg{

  34. 		background-color: #0366D6 !important;

  35. 		color:#FFFFFF !important;

  36. 	}

  37. 	.course{

  38. 		padding: 10px 15px !important;

  39. 	}

  40. 	.course_color{

  41. 		color: #FA8C16;

  42. 	}

  43. 	.tag_lable{

  44. 		border: 1px solid rgba(232, 232, 232, 100) ;

  45. 		border-radius: 4px;

  46. 		color: rgba(65, 80, 88, 100);

  47. 		font-family: Microsoft Yahei;

  48. 		font-size: 14px;

  49. 		padding: 0.3em 0.5em;

  50. 		height: 30px;

  51. 		text-align: center;

  52. 		margin: 0.2em;

  53. 	}

  54. 	.tag_lable_first{

  55. 		border: 1px solid rgba(232, 232, 232, 100) ;

  56. 		border-radius: 4px;

  57. 		color: rgba(65, 80, 88, 100);

  58. 		font-family: Microsoft Yahei;

  59. 		font-size: 14px;

  60. 		padding: 0.3em 0.5em;

  61. 		height: 30px;

  62. 		text-align: center;

  63. 		margin: 0.2em;

  64. 		margin-left: none;

  65. 	}

  66. 

  67. </style>

  68. {{template "base/head" .}}

  69. <div class="organization profile">

  70. 	{{/* overflow: auto is the clearfix - this avoids the image going beyond

  71. 	the container where it is supposed to stay inside. */}}

  72. 	<!-- <div class="organization-info">

  73. 		<div class="ui center aligned container " style="overflow: auto">

  74. 			<img class="ui circular image" id="org-avatar" src="{{.Org.SizedRelAvatarLink 140}}"/>

  75. 			<div id="org-info">

  76. 				<div class="ui header">

  77. 					{{.Org.DisplayName}}

  78. 					{{if .IsOrganizationOwner}}<a class="middle text grey" href="{{.OrgLink}}/settings">{{svg "octicon-gear" 16}}</a>{{end}}

  79. 				</div>

  80. 				{{if .Org.Description}}<p class="text grey desc">{{.Org.Description}}</p>{{end}}

  81. 				<div class="meta">

  82. 					{{if .Org.Location}}<div class="item">{{svg "octicon-location" 16}} <span>{{.Org.Location}}</span></div>{{end}}

  83. 					{{if .Org.Website}}<div class="item">{{svg "octicon-link" 16}} <a target="_blank" rel="noopener noreferrer" href="{{.Org.Website}}">{{.Org.Website}}</a></div>{{end}}

  84. 				</div>

  85. 			</div>

  86. 		</div>

  87. 	</div> -->

  88. 

  89. 	<div class="organization-info organization-info_1000">

  90. 		<div class="ui center aligned container " style="overflow: auto">

  91. 			<img class="ui left  image" id="org-avatar" src="{{.Org.SizedRelAvatarLink 140}}"/>

  92. 			<div class="content"  style="text-align: left;margin-left:100px" >

  93. 				<div class="ui header" >

  94. 					{{.Org.DisplayName}}

  95. 					<!-- {{if .IsOrganizationOwner}}<a class="middle text grey" href="{{.OrgLink}}/settings">{{svg "octicon-gear" 16}}</a>{{end}} -->

  96. 				</div>

  97. 				<div class="description" >

  98. 					{{if .Org.Description}}<p class="text grey desc">{{.Org.Description}}</p>{{end}}

  99. 				</div>

  100. 				

  101. 				<div class="meta" style="display: inline-flex;">

  102. 					{{if .Org.Location}}<div class="item">{{svg "octicon-location" 16}} <span>{{.Org.Location}}</span></div>{{end}}

  103. 					{{if .Org.Website}}<div class="item">{{svg "octicon-link" 16}} <a target="_blank" rel="noopener noreferrer" href="{{.Org.Website}}">{{.Org.Website}}</a></div>{{end}}

  104. 				</div>

  105. 			</div>

  106. 		</div>

  107. 		<div class="ui tabs container">

  108. 			<div class="ui tabular stackable menu navbar">

  109. 				{{with .Org}}

  110. 					<a class="{{if $.PageIsOrgHome}}active{{end}} item " href="{{.HomeLink}}">

  111. 						{{svg "octicon-home" 16}}&nbsp;{{$.i18n.Tr "org.home"}}

  112. 					</a>

  113. 				{{end}}

  114. 				<a class="{{if $.PageIsOrgMembers}}active{{end}} item" href="{{$.OrgLink}}/members">

  115. 					{{svg "octicon-organization" 16}}&nbsp;{{$.i18n.Tr "org.people"}}

  116. 				</a>

  117. 				{{if or ($.IsOrganizationMember) ($.IsOrganizationOwner)}}

  118. 					<a class="{{if $.PageIsOrgTeams}}active{{end}} item" href="{{$.OrgLink}}/teams">

  119. 						{{svg "octicon-jersey" 16}}&nbsp;{{$.i18n.Tr "org.teams"}}

  120. 					</a>

  121. 				{{end}}

  122. 				{{if .IsOrganizationOwner}}<a class="right text grey item" href="{{.OrgLink}}/settings">{{svg "octicon-gear" 16}} &nbsp;组织设置</a>{{end}}

  123. 			</div>

  124. 

  125. 		</div>

  126. 

  127. 	</div>

  128. 		<!-- <div class="ui  container " style="overflow: auto">

  129. 			<img class="ui left  image" id="org-avatar" src="{{.Org.SizedRelAvatarLink 140}}"/>

  130. 			<p id="org-info">

  131. 				<div class="ui header">

  132. 					{{.Org.DisplayName}}

  133. 					{{if .IsOrganizationOwner}}<a class="middle text grey" href="{{.OrgLink}}/settings">{{svg "octicon-gear" 16}}</a>{{end}}

  134. 				</div>

  135. 				{{if .Org.Description}}<p class="text grey desc">{{.Org.Description}}</p>{{end}}

  136. 				<div class="meta">

  137. 					{{if .Org.Location}}<div class="item">{{svg "octicon-location" 16}} <span>{{.Org.Location}}</span></div>{{end}}

  138. 					{{if .Org.Website}}<div class="item">{{svg "octicon-link" 16}} <a target="_blank" rel="noopener noreferrer" href="{{.Org.Website}}">{{.Org.Website}}</a></div>{{end}}

  139. 				</div>

  140. 			</p>

  141. 		</div> -->

  142. 

  143. 	<div class="ui container">

  144. 

  145. 		<!-- 新增 -->

  146. 		<div class="ui stackable grid">	

  147. 		

  148. 			<div class="ui sixteen wide computer column">

  149. 				<div class="ui mobile reversed stackable grid">

  150. 					<div class="ui ten wide tablet eleven wide computer column" id='tag'>

  151. 						<a class="ui small lable tag_lable topic tag_bg" style="margin-left: 0px;" >全部关键字</a>

  152.                         {{range .CoursesKeywords}}

  153.                             <a class="ui small lable tag_lable topic" >{{.}}</a>

  154.                         {{end}}

  155. 					</div>

  156. 				

  157. 					<div class="ui sixteen wide mobile six wide tablet five wide computer column">

  158. 						<!-- {{if .CanCreateOrgRepo}} -->

  159. 							<div class="text center" style="margin-left: 10px;">

  160. 								<a class="ui green button" href="{{AppSubUrl}}/repo/create?org={{.Org.ID}}"><i class="ri-folder-add-line" style="vertical-align: middle;"></i> &nbsp;发布课程{{.i18n.Tr "new_repo"}} </a>

  161. 							</div>

  162. 						<!-- {{end}} -->

  163. 					</div>

  164. 				</div>

  165. 			</div>

  166. 		</div>

  167. 

  168. 		<!-- 全部 -->

  169. 

  170. 		<div class="ui stackable grid">	

  171. 		

  172. 			<div class="ui sixteen wide computer column">

  173. 				<div class="ui mobile reversed stackable grid">

  174. 					<div class="ui ten wide tablet eleven wide computer column">

  175. 						<!-- {{if .CanCreateOrgRepo}}

  176. 							<div class="text right">

  177. 								<a class="ui green button" href="{{AppSubUrl}}/repo/create?org={{.Org.ID}}">{{.i18n.Tr "new_repo"}}</a>

  178. 							</div>

  179. 						{{end}} -->

  180. 						{{template "org/course_list" .}}

  181. 						{{template "base/paginate" .}}

  182. 					</div>

  183. 

  184. 					<div class="ui sixteen wide mobile six wide tablet five wide computer column">

  185. 

  186. 						<h4 class="ui top attached header">

  187. 							<strong>{{.i18n.Tr "org.selected_couse"}}</strong>

  188. 							<div class="ui right">

  189. 								<a class="text grey"  id="model" onclick="showcreate()">{{svg "octicon-gear" 16}}</a>

  190. 							</div>

  191. 							<!-- {{if .IsOrganizationMember}} -->

  192. 								

  193. 							<!-- {{end}} -->

  194. 						</h4>

  195.                

  196. 						<div class="ui attached table segment course items">

  197. 							{{range $i, $v := .RecommendCourses}}

  198. 			

  199. 								{{if gt $i 0}}

  200. 									<div class="ui divider" style="margin-bottom:10px;"></div>

  201. 								{{end}}

  202. 								<div class="item">

  203. 									<i class="ri-bookmark-3-line course_color" ></i>

  204. 									<div class="content"  style="margin-left: 10px;">

  205. 										<a href="{{$.OrgLink}}/teams/{{.LowerName}}"><strong class="team-name">{{.Alias}}</strong></a>

  206. 										<p class="text grey">

  207. 											贡献者：{{.Creator.Name}}

  208. 										</p>

  209. 									</div>

  210. 								</div>

  211. 								<!-- <div class="ui divider"></div> -->

  212. 							{{end}}

  213. 							

  214. 						

  215. 						</div>

  216. 

  217. 						

  218. 						<h4 class="ui top attached header">

  219. 							<strong>{{.i18n.Tr "org.people"}}</strong>

  220. 							<div class="ui right">

  221. 								<a class="text grey" href="{{.OrgLink}}/members">{{.MembersTotal}} {{svg "octicon-chevron-right" 16}}</a>

  222. 							</div>

  223. 							<!-- {{if .IsOrganizationMember}} -->

  224. 								

  225. 							<!-- {{end}} -->

  226. 						</h4>

  227. 						<div class="ui attached segment members">

  228. 							{{$isMember := .IsOrganizationMember}}

  229. 							{{range .Members}}

  230. 								{{if or $isMember (.IsPublicMember $.Org.ID)}}

  231. 									<a href="{{.HomeLink}}" title="{{.Name}}{{if .FullName}} ({{.FullName}}){{end}}"><img class="ui avatar" src="{{.RelAvatarLink}}"></a>

  232. 								{{end}}

  233. 							{{end}}

  234. 

  235.                             <div style="text-align: center;margin-top: 5px;"> 

  236.                                 <a class="ui blue basic button" href="{{.OrgLink}}/teams/new"> <i class="ri-user-add-line"></i> {{.i18n.Tr "org.teams.join_teams"}}</a>

  237.                             </div>

  238. 						</div>

  239. 

  240. 						{{if .IsOrganizationMember}}

  241. 							<div class="ui top attached header">

  242. 								<strong>{{.i18n.Tr "org.teams"}}</strong>

  243. 								<div class="ui right">

  244. 									<a class="text grey" href="{{.OrgLink}}/teams"><span>{{.Org.NumTeams}}</span> {{svg "octicon-chevron-right" 16}}</a>

  245. 								</div>

  246. 							</div>

  247. 							<div class="ui attached table segment teams">

  248. 								{{range .Teams}}

  249. 									<div class="item">

  250. 										<a href="{{$.OrgLink}}/teams/{{.LowerName}}"><strong class="team-name">{{.Name}}</strong></a>

  251. 										<p class="text grey">

  252. 											<a href="{{$.OrgLink}}/teams/{{.LowerName}}"><strong>{{.NumMembers}}</strong> {{$.i18n.Tr "org.lower_members"}}</a> ·

  253. 											<a href="{{$.OrgLink}}/teams/{{.LowerName}}/repositories"><strong>{{.NumRepos}}</strong> {{$.i18n.Tr "org.lower_repositories"}}</a>

  254. 										</p>

  255. 									</div>

  256. 								{{end}}

  257. 							</div>

  258. 							{{if .IsOrganizationOwner}}

  259. 								<div class="ui bottom attached segment">

  260. 									<a class="ui blue small button" href="{{.OrgLink}}/teams/new">{{.i18n.Tr "org.create_new_team"}}</a>

  261. 								</div>

  262. 							{{end}}

  263. 						{{end}}

  264. 					</div>

  265. 				</div>

  266. 			</div>

  267. 			

  268. 		</div>

  269. 	</div>

  270. </div>

  271. 

  272. <div class="ui modal">

  273.     <div class="header" style="padding: 1rem;background-color: rgba(240, 240, 240, 100);">

  274.         <h4 id="model_header">自定义精选课程</h4>

  275.     </div>

  276.     <div class="content content-padding" style="color: black;">

  277.         <p>最多可选9个公开项目</p>

  278.         <div class="ui search" >

  279.             <div class="ui input" style="width: 100%;">

  280.                 <input  type="text" id = 'search_selectPro' placeholder="Search ..." value = '' oninput="search()">

  281.             </div>

  282.         </div>

  283.         <div style="margin: 10px ;">

  284.             <div id ='org_list' style="margin-bottom: 20px;"class="content_list" >

  285. 

  286.             </div>     

  287.         </div>

  288.         <p id='recommend'></p>

  289.        

  290.         <div class="inline field" style="margin-left: 37%;">

  291.             <div class="actions">

  292.                 <button id="submitId" type="button" class="ui create_train_job green deny button"  onclick="saveSeletedPro(1)">

  293.                     {{.i18n.Tr "explore.save"}}

  294.                 </button>

  295.                 <button class="ui button cancel" >{{.i18n.Tr "explore.cancel"}}</button>

  296.             </div>

  297.         </div> 

  298.          

  299.     </div>

  300. 

  301. </div>

  302. 

  303. {{template "base/footer" .}}

  304. <script>

  305. 	// var div = document.getElementsByClassName("ui ten wide tablet eleven wide computer column").getElementsByTagName("a");

  306. 	// function changeBgcolor(){

  307. 

  308. 	// 	document.getElementsByClassName("ui small lable tag_lable topic tag_bg").className= "ui small lable tag_lable topic";

  309. 	// 	// this.classList.add("tag_bg")

  310. 	// }

  311. 

  312. 	window.onload = function ()

  313. 	{

  314. 		var atag =document.getElementById("tag").getElementsByTagName("a");

  315. 

  316. 		var i = 0;

  317. 		for (i = 0; i < atag.length; i++)

  318. 			{

  319. 				atag[i].onclick = function ()

  320. 				{

  321. 					for (i = 0; i < atag.length; i++)

  322. 						atag[i].className = "ui small lable tag_lable topic";

  323. 						this.className = "ui small lable tag_lable topic tag_bg";

  324. 				};

  325. 		}

  326. 	};

  327. 

  328.     var data;

  329.     var filterData=[];

  330.     var num=0;

  331. 

  332.     function showcreate(obj){

  333.         document.getElementById("search_selectPro").value=''

  334.         $('.ui.modal')

  335.         .modal({

  336.             centered: false,

  337.             onShow:function(){

  338.                 $("#org_list").empty()                

  339.                 getPro(1)

  340.                 

  341.             },

  342.             onHide:function(){

  343.   

  344.             }

  345.         })

  346.         .modal('show')

  347.     }

  348.     function getPro(typeTag){

  349. 

  350.         $.ajax({

  351.             type:"GET",

  352.             url:"/org/{{.Org.Name}}/org_tag/repo_list?tagId="+typeTag,

  353.             dataType:"json",

  354.             async:false,

  355.             success:function(json){

  356.                 data = json.data;

  357.                 var n_length = data.length

  358.                 pro_html = getHTML(data)

  359.                 $("#org_list").append(pro_html)

  360.                 // console.log('原始',data)

  361.                 checkedNum(0)

  362.             }

  363.         });

  364.     }

  365.     function getHTML(data){

  366.         let pro_html=''

  367.         for (let i=0;i<data.length;i++){

  368.             if (data[i].Selected==true){

  369.                 console.log("data[i]:",data[i])

  370.                 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>`

  371.                 pro_html += '</div>'

  372.             }

  373.             else{

  374.                 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>`

  375.                 pro_html += '</div>'

  376.             }

  377.         }

  378.         return pro_html

  379.     }

  380.     function saveSeletedPro(typeTag){

  381.         var saveData=[];

  382.         $('input[name="select_pro_name"]:checked').each(function(){

  383.             console.log('值',this.dataset.repoid)

  384. 

  385.             saveData.push(parseInt(this.dataset.repoid));

  386.         })

  387.         if(saveData.length>9){

  388.             alert("最多可选9个，保存失败")

  389.             return

  390.         }

  391.         // saveData = getSelecteDataID();

  392.         // console.log("数据：",saveData)

  393.         $.ajax({

  394.          type:"POST",

  395.          url:"/org/{{.Org.Name}}/org_tag/repo_submit?tagId="+typeTag,

  396.          contentType:'application/json',

  397.          dataType:"json",

  398.          async:false,

  399.          data:JSON.stringify({'repoList':saveData

  400.                }),        

  401.            success:function(res){

  402.              console.log('保存成功');

  403.              location.reload()  

  404. 

  405.           }

  406.          });

  407.     }

  408. 

  409.     function getSelecteData(){

  410.         var selectedData=[];

  411.         $('input[name="select_pro_name"]:checked').each(function(){

  412.             // console.log(this)

  413.             // console.log('值',this.dataset.selected)

  414. 

  415.             selectedData.push({"RepoID":parseInt(this.dataset.repoid),"RepoName":this.dataset.reponame,"Selected":JSON.parse(this.dataset.selected)});

  416.         })

  417.         return selectedData

  418.     }

  419.     function search(){

  420.         var selectedData = getSelecteData();

  421.         var searchValue = document.getElementById("search_selectPro").value;

  422.         filterData=[];

  423.         console.log("searchValue:",searchValue)

  424.         for (let i=0;i<data.length;i++){

  425.             var isInclude=false; 

  426.             if(data[i].RepoName.toLowerCase().includes(searchValue.toLowerCase())){

  427.                 filterData.push(data[i])

  428.             }

  429.         }

  430.         console.log("选中的值:",selectedData)

  431.         console.log("筛选包括选中的值:",filterData)

  432.         var showData=[];

  433.         for(i=0;i<selectedData.length;i++){

  434.             filterData =filterData.filter((item)=>{

  435.                 return item.RepoID!=selectedData[i].RepoID

  436.             });

  437.         }

  438.         console.log("筛选后不包括选中的值:",filterData)

  439.         $("#org_list").empty()

  440.         if(searchValue!=""){

  441.             if (filterData.length!=0){

  442.                 

  443.                 var pro_html = getHTML(selectedData);

  444.                 console.log("selectedData_pro_html:",pro_html)

  445.                 $("#org_list").append(pro_html)

  446.                 pro_html= getHTML(filterData);

  447.                 $("#org_list").append(pro_html)

  448.             }else{

  449.                 var pro_html = getHTML(selectedData);

  450.                 $("#org_list").append(pro_html)

  451.             }

  452.         }else{

  453.             var pro_html = getHTML(data);

  454.             $("#org_list").append(pro_html)

  455.         }

  456.     }

  457. 

  458.     function checkedNum(id){

  459. 

  460.         num=0;

  461.         var inputs = document.getElementsByName("select_pro_name")

  462.         for (var i=0;i<inputs.length;i++){

  463.             if(inputs[i].checked){

  464.                 num++

  465.                 if(num>9){

  466.                     document.getElementById(id).checked=false

  467.                     alert("选择超过9个，请重新选择！")

  468.                     return

  469.                 }

  470.             }

  471.                 

  472.         }

  473. 

  474.         var show_num = 9-num;

  475.         document.getElementById("recommend").innerHTML="还能推荐"+show_num+"个"

  476. 

  477.     }

  478. 

  479. </script>