aiforge/templates/explore/organizations.tmpl

<link rel="stylesheet" href="/swiper/swiper-bundle.min.css?v={{MD5 AppVer}}">
<link rel="stylesheet" href="/css/git.openi.css?v={{MD5 AppVer}}">
<script src="/swiper/swiper-bundle.min.js?v={{MD5 AppVer}}"></script>
<script src="/self/js/jquery.min.js?v={{MD5 AppVer}}" type="text/javascript"></script>

{{template "base/head" .}}
<div class="explore users">
	<!-- {{template "explore/search" .}} -->
	<div class="repos--seach">
		<div class="ui container">
			<div class="ui two column centered grid">
				<div class="fourteen wide mobile ten wide tablet ten wide computer column ui form ignore-dirty" >
					<div class="ui fluid action input"  id="search_all">
					  <input id = 'value_s' name="q" value="{{.Keyword}}" placeholder="{{.i18n.Tr "explore.search"}}..."  onkeydown="if(event.keyCode==13){all_search();}" autofocus>
					  <input type="hidden" name="tab" value="{{$.TabName}}">
					  <button class="ui green button" onclick="all_search()">{{.i18n.Tr "explore.search"}}</button>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div class="ui container homeorg">
		<div class="ui center aligned  header">
			<h1 class="title_re">
				{{$.i18n.Tr "home.page_recommend_org"}}
			</h1>
			<p class="re_con"> {{$.i18n.Tr "home.page_recommend_org_desc"}}<a href="{{.RecommendURL}}"> {{$.i18n.Tr "home.page_recommend_org_commit"}}</a></p>
		</div>

		<div class="sixteen wide tablet sixteen wide computer column">
			<div class="homeorg-list" >
				<div class="swiper-wrapper" id="recommendorg" style="height:auto">
					{{range .RecommendOrgs}}
						<div class="swiper-slide">
							<a href="{{.HomeLink}}" class= "ui fluid card">
								<div class="content">
									<div class= "ui small header">
										<img class="ui image" src="{{.Avatar}}" >
										<div class="content nowrap">
											<span class="ui blue"> {{.Name}} </span>  {{.FullName}}
											<div class="sub header"> 
												<span>
													{{.NumRepos}}
													{{if le .NumRepos 1}}
														{{$.i18n.Tr "org.org_repository"}}
													{{else}}
														{{$.i18n.Tr "org.org_repositories"}}
													{{end}}
												</span>
												. <span>
													{{.NumMembers}}
													{{if le .NumRepos 1}}
														{{$.i18n.Tr "org.org_member"}}
													{{else}}
														{{$.i18n.Tr "org.org_members"}}
													{{end}}
												</span>
												.<span>
													{{.NumTeams}}
													{{if le .NumRepos 1}}
														{{$.i18n.Tr "org.org_team"}}
													{{else}}
														{{$.i18n.Tr "org.org_teams"}}
													{{end}} 
												</span>
											</div>
										</div>
									</div>
								</div>
							</a>
						</div>
					{{end}}
				</div>
				<div class="swiper-pagination"></div>
				
			</div>
		</div>
	</div>
	<div  class="ui container homeorg">
		<div class="content_top10">
			<div class="ui three doubling cards">
				<div class="card_list" >
					<div class="list_title star_title">
						<p class="p_text"> <i   class="ri-star-line title_icon"> </i> {{$.i18n.Tr "org.star"}} </p>
					</div>
					<li style="list-style:none">
						{{ range $i,$user :=.StarOrgs}}
							<ul class="orgs" style="display: flex;position: relative;">
								{{if eq $i 0}}
									<li class="wi">
										<div class="org_icon">	
											<svg width="24px" height="24px" viewBox="0 0 32 32" class="contribution-item-img__2-fih"><defs><path id="rank1_svg__a" d="M13.69 20V9.616h-1.598l-3.139 2.61 1.027 1.218 1.95-1.804V20z"></path></defs><g fill="none" fill-rule="evenodd"><path d="M0 0h32v32H0z"></path><g transform="translate(4 2.667)"><path fill="#D16C11" d="M0 0h6.976l5.49 7.642L17.063 0H24L12 16z"></path><circle fill="#F7C049" cx="12" cy="14.667" r="12"></circle><circle fill="#FEE6AD" cx="12" cy="14.667" r="9.333"></circle><g fill-rule="nonzero"><use fill="#FFF" xlink:href="#rank1_svg__a"></use><use fill="#D74D03" xlink:href="#rank1_svg__a"></use></g></g></g></svg>
										</div>
									</li>
								{{else if eq $i 1}}
									<li class="wi">
										<div class="org_icon">	
											<svg width="24px" height="24px" viewBox="0 0 32 32" class="contribution-item-img__2-fih"><g transform="translate(4 2.667)" fill="none" fill-rule="evenodd"><path fill="#305269" d="M0 0h6.976l5.49 7.642L17.063 0H24L12 16z"></path><circle fill="#BDD8F0" cx="12" cy="14.667" r="12"></circle><circle fill="#E1E9FC" cx="12" cy="14.667" r="9.333"></circle><path d="M15.817 20v-1.584h-4.81l3.212-2.977c.469-.43.853-.883 1.151-1.357.298-.474.447-1.039.447-1.694 0-.499-.088-.934-.264-1.305a2.525 2.525 0 00-.718-.917 3.169 3.169 0 00-1.064-.543 4.531 4.531 0 00-1.312-.183c-.47 0-.905.064-1.306.19-.4.128-.753.314-1.056.558-.303.244-.55.55-.74.917-.191.366-.306.79-.345 1.268l1.848.147c.059-.43.23-.772.513-1.027.284-.254.646-.381 1.086-.381.205 0 .398.032.579.095.18.064.34.154.477.272a1.262 1.262 0 01.455.997c0 .176-.035.345-.103.506a2.52 2.52 0 01-.257.462 3.476 3.476 0 01-.345.418c-.127.132-.249.257-.366.374l-4.034 3.901V20h6.952z" fill="#305269" fill-rule="nonzero"></path></g></svg>
										</div>
									</li>
								{{else if eq $i 2}}
									<li class="wi">
										<div class="org_icon">	
											<svg width="24px" height="24px" viewBox="0 0 32 32" class="contribution-item-img__2-fih"><g transform="translate(4 2.667)" fill="none" fill-rule="evenodd"><path fill="#865B45" d="M0 0h6.976l5.49 7.642L17.063 0H24L12 16z"></path><circle fill="#E7C5AC" cx="12" cy="14.667" r="12"></circle><circle fill="#FEDDC7" cx="12" cy="14.667" r="9.333"></circle><path d="M12.239 20.176c.46 0 .902-.066 1.327-.198.425-.132.8-.328 1.122-.587.323-.259.58-.579.77-.96.19-.382.286-.822.286-1.32 0-.646-.171-1.203-.513-1.672-.343-.47-.846-.753-1.511-.851v-.03c.557-.136.992-.422 1.305-.857.313-.435.47-.932.47-1.489 0-.46-.09-.863-.272-1.21a2.547 2.547 0 00-.726-.865 3.232 3.232 0 00-1.056-.521 4.521 4.521 0 00-1.276-.176 4.52 4.52 0 00-1.1.132 3.404 3.404 0 00-.968.403 2.79 2.79 0 00-.762.697 3.181 3.181 0 00-.499.997l1.863.499c.127-.362.33-.643.608-.843.279-.2.594-.301.946-.301.44 0 .797.127 1.071.381.274.255.41.582.41.983 0 .313-.058.562-.175.748a1.17 1.17 0 01-.462.425 1.903 1.903 0 01-.646.191 6.09 6.09 0 01-.74.044h-.455v1.584h.425c.264 0 .533.02.807.059.274.039.52.115.74.227.22.112.402.274.543.484.142.21.213.482.213.814a1.533 1.533 0 01-.52 1.18 1.772 1.772 0 01-.558.33 1.88 1.88 0 01-.667.118c-.47 0-.841-.117-1.115-.352s-.464-.567-.572-.997l-1.877.498c.117.43.288.8.513 1.108.225.308.491.56.8.755.307.196.652.34 1.033.433a5.13 5.13 0 001.218.139z" fill="#865B45" fill-rule="nonzero"></path></g></svg>
										</div>
									</li>
								{{else }}
									<li class="wi">
										<div class="org_icon" >
											{{Add $i 1}} 
										</div>
									</li>
								{{end}}
								<li class="li_avatar">	
									<img class="ui avatar image" src="{{$user.RelAvatarLink}}" >
								</li>
								<li class="li_name">	
									<a class="org_line_hight re_style nowrap" href="{{$user.HomeLink}}">{{$user.Name}}</a>
								</li>
								<ul class = 'score'>
									<li class="li_score" >	
										<i class="ri-star-line org_line_hight org_icon_color"></i> &nbsp;<p class="p_score">{{$user.Score}}</p>
									</li>
								</ul>

							</ul>
						{{end}}
					</li>
				</div>
				<div class="card_list" >
					<div class="list_title memb_title">
						<p class="p_text"> <i class="ri-user-2-line title_icon"> </i> {{$.i18n.Tr "org.member"}} </p>
					</div>
					<li style="list-style:none">
						{{ range $i,$user :=.MemberOrgs}}
							<ul class="orgs" style="display: flex;;position: relative;">
								{{if eq $i 0}}
									<li class="wi">
										<div class="org_icon">	
											<svg width="24px" height="24px" viewBox="0 0 32 32" class="contribution-item-img__2-fih"><defs><path id="rank1_svg__a" d="M13.69 20V9.616h-1.598l-3.139 2.61 1.027 1.218 1.95-1.804V20z"></path></defs><g fill="none" fill-rule="evenodd"><path d="M0 0h32v32H0z"></path><g transform="translate(4 2.667)"><path fill="#D16C11" d="M0 0h6.976l5.49 7.642L17.063 0H24L12 16z"></path><circle fill="#F7C049" cx="12" cy="14.667" r="12"></circle><circle fill="#FEE6AD" cx="12" cy="14.667" r="9.333"></circle><g fill-rule="nonzero"><use fill="#FFF" xlink:href="#rank1_svg__a"></use><use fill="#D74D03" xlink:href="#rank1_svg__a"></use></g></g></g></svg>
										</div>
									</li>
								{{else if eq $i 1}}
									<li class="wi">
										<div class="org_icon">	
											<svg width="24px" height="24px" viewBox="0 0 32 32" class="contribution-item-img__2-fih"><g transform="translate(4 2.667)" fill="none" fill-rule="evenodd"><path fill="#305269" d="M0 0h6.976l5.49 7.642L17.063 0H24L12 16z"></path><circle fill="#BDD8F0" cx="12" cy="14.667" r="12"></circle><circle fill="#E1E9FC" cx="12" cy="14.667" r="9.333"></circle><path d="M15.817 20v-1.584h-4.81l3.212-2.977c.469-.43.853-.883 1.151-1.357.298-.474.447-1.039.447-1.694 0-.499-.088-.934-.264-1.305a2.525 2.525 0 00-.718-.917 3.169 3.169 0 00-1.064-.543 4.531 4.531 0 00-1.312-.183c-.47 0-.905.064-1.306.19-.4.128-.753.314-1.056.558-.303.244-.55.55-.74.917-.191.366-.306.79-.345 1.268l1.848.147c.059-.43.23-.772.513-1.027.284-.254.646-.381 1.086-.381.205 0 .398.032.579.095.18.064.34.154.477.272a1.262 1.262 0 01.455.997c0 .176-.035.345-.103.506a2.52 2.52 0 01-.257.462 3.476 3.476 0 01-.345.418c-.127.132-.249.257-.366.374l-4.034 3.901V20h6.952z" fill="#305269" fill-rule="nonzero"></path></g></svg>
										</div>
									</li>
								{{else if eq $i 2}}
									<li class="wi">
										<div class="org_icon">	
											<svg width="24px" height="24px" viewBox="0 0 32 32" class="contribution-item-img__2-fih"><g transform="translate(4 2.667)" fill="none" fill-rule="evenodd"><path fill="#865B45" d="M0 0h6.976l5.49 7.642L17.063 0H24L12 16z"></path><circle fill="#E7C5AC" cx="12" cy="14.667" r="12"></circle><circle fill="#FEDDC7" cx="12" cy="14.667" r="9.333"></circle><path d="M12.239 20.176c.46 0 .902-.066 1.327-.198.425-.132.8-.328 1.122-.587.323-.259.58-.579.77-.96.19-.382.286-.822.286-1.32 0-.646-.171-1.203-.513-1.672-.343-.47-.846-.753-1.511-.851v-.03c.557-.136.992-.422 1.305-.857.313-.435.47-.932.47-1.489 0-.46-.09-.863-.272-1.21a2.547 2.547 0 00-.726-.865 3.232 3.232 0 00-1.056-.521 4.521 4.521 0 00-1.276-.176 4.52 4.52 0 00-1.1.132 3.404 3.404 0 00-.968.403 2.79 2.79 0 00-.762.697 3.181 3.181 0 00-.499.997l1.863.499c.127-.362.33-.643.608-.843.279-.2.594-.301.946-.301.44 0 .797.127 1.071.381.274.255.41.582.41.983 0 .313-.058.562-.175.748a1.17 1.17 0 01-.462.425 1.903 1.903 0 01-.646.191 6.09 6.09 0 01-.74.044h-.455v1.584h.425c.264 0 .533.02.807.059.274.039.52.115.74.227.22.112.402.274.543.484.142.21.213.482.213.814a1.533 1.533 0 01-.52 1.18 1.772 1.772 0 01-.558.33 1.88 1.88 0 01-.667.118c-.47 0-.841-.117-1.115-.352s-.464-.567-.572-.997l-1.877.498c.117.43.288.8.513 1.108.225.308.491.56.8.755.307.196.652.34 1.033.433a5.13 5.13 0 001.218.139z" fill="#865B45" fill-rule="nonzero"></path></g></svg>
										</div>
									</li>
								{{else }}
									<li class="wi">
										<div class="org_icon" >
											{{Add $i 1}} 
										</div>
									</li>
								{{end}}
								<li class="li_avatar">	
									<img class="ui avatar image" src="{{$user.RelAvatarLink}}" >
								</li>
								<li class="li_name">	
									<a class="org_line_hight re_style nowrap"  href="{{$user.HomeLink}}">{{$user.Name}}</a>
								</li>
								<ul class = 'score'>
									<li class="li_score">	
										<i class="ri-user-2-line org_line_hight org_icon_color"></i> &nbsp;<p class="p_score">{{$user.Score}}</p>
									</li>
								</ul>

							</ul>
						{{end}}
					</li>
				</div>
				<div class="card_list" >
					<div class="list_title act_title">
						<p class="p_text"> <i class="ri-blaze-fill title_icon"> </i> {{$.i18n.Tr "org.active"}} </p>
					</div>
					<li style="list-style:none">
						{{ range $i,$user :=.ActiveOrgs }}
							<ul class="orgs" style="display: flex;position: relative;">
								{{if eq $i 0}}
									<li class="wi">
										<div class="org_icon">	
											<svg width="24px" height="24px" viewBox="0 0 32 32" class="contribution-item-img__2-fih"><defs><path id="rank1_svg__a" d="M13.69 20V9.616h-1.598l-3.139 2.61 1.027 1.218 1.95-1.804V20z"></path></defs><g fill="none" fill-rule="evenodd"><path d="M0 0h32v32H0z"></path><g transform="translate(4 2.667)"><path fill="#D16C11" d="M0 0h6.976l5.49 7.642L17.063 0H24L12 16z"></path><circle fill="#F7C049" cx="12" cy="14.667" r="12"></circle><circle fill="#FEE6AD" cx="12" cy="14.667" r="9.333"></circle><g fill-rule="nonzero"><use fill="#FFF" xlink:href="#rank1_svg__a"></use><use fill="#D74D03" xlink:href="#rank1_svg__a"></use></g></g></g></svg>
										</div>
									</li>
								{{else if eq $i 1}}
									<li class="wi">
										<div class="org_icon">	
											<svg width="24px" height="24px" viewBox="0 0 32 32" class="contribution-item-img__2-fih"><g transform="translate(4 2.667)" fill="none" fill-rule="evenodd"><path fill="#305269" d="M0 0h6.976l5.49 7.642L17.063 0H24L12 16z"></path><circle fill="#BDD8F0" cx="12" cy="14.667" r="12"></circle><circle fill="#E1E9FC" cx="12" cy="14.667" r="9.333"></circle><path d="M15.817 20v-1.584h-4.81l3.212-2.977c.469-.43.853-.883 1.151-1.357.298-.474.447-1.039.447-1.694 0-.499-.088-.934-.264-1.305a2.525 2.525 0 00-.718-.917 3.169 3.169 0 00-1.064-.543 4.531 4.531 0 00-1.312-.183c-.47 0-.905.064-1.306.19-.4.128-.753.314-1.056.558-.303.244-.55.55-.74.917-.191.366-.306.79-.345 1.268l1.848.147c.059-.43.23-.772.513-1.027.284-.254.646-.381 1.086-.381.205 0 .398.032.579.095.18.064.34.154.477.272a1.262 1.262 0 01.455.997c0 .176-.035.345-.103.506a2.52 2.52 0 01-.257.462 3.476 3.476 0 01-.345.418c-.127.132-.249.257-.366.374l-4.034 3.901V20h6.952z" fill="#305269" fill-rule="nonzero"></path></g></svg>
										</div>
									</li>
								{{else if eq $i 2}}
									<li class="wi">
										<div class="org_icon">	
											<svg width="24px" height="24px" viewBox="0 0 32 32" class="contribution-item-img__2-fih"><g transform="translate(4 2.667)" fill="none" fill-rule="evenodd"><path fill="#865B45" d="M0 0h6.976l5.49 7.642L17.063 0H24L12 16z"></path><circle fill="#E7C5AC" cx="12" cy="14.667" r="12"></circle><circle fill="#FEDDC7" cx="12" cy="14.667" r="9.333"></circle><path d="M12.239 20.176c.46 0 .902-.066 1.327-.198.425-.132.8-.328 1.122-.587.323-.259.58-.579.77-.96.19-.382.286-.822.286-1.32 0-.646-.171-1.203-.513-1.672-.343-.47-.846-.753-1.511-.851v-.03c.557-.136.992-.422 1.305-.857.313-.435.47-.932.47-1.489 0-.46-.09-.863-.272-1.21a2.547 2.547 0 00-.726-.865 3.232 3.232 0 00-1.056-.521 4.521 4.521 0 00-1.276-.176 4.52 4.52 0 00-1.1.132 3.404 3.404 0 00-.968.403 2.79 2.79 0 00-.762.697 3.181 3.181 0 00-.499.997l1.863.499c.127-.362.33-.643.608-.843.279-.2.594-.301.946-.301.44 0 .797.127 1.071.381.274.255.41.582.41.983 0 .313-.058.562-.175.748a1.17 1.17 0 01-.462.425 1.903 1.903 0 01-.646.191 6.09 6.09 0 01-.74.044h-.455v1.584h.425c.264 0 .533.02.807.059.274.039.52.115.74.227.22.112.402.274.543.484.142.21.213.482.213.814a1.533 1.533 0 01-.52 1.18 1.772 1.772 0 01-.558.33 1.88 1.88 0 01-.667.118c-.47 0-.841-.117-1.115-.352s-.464-.567-.572-.997l-1.877.498c.117.43.288.8.513 1.108.225.308.491.56.8.755.307.196.652.34 1.033.433a5.13 5.13 0 001.218.139z" fill="#865B45" fill-rule="nonzero"></path></g></svg>
										</div>
									</li>
								{{else }}
									<li class="wi">
										<div class="org_icon ">
											{{Add $i 1}} 
										</div>
										
									</li>
								{{end}}
								<li class="li_avatar">	
									<img class="ui avatar image" src="{{$user.RelAvatarLink}}" >
								</li>
								<li class="li_name">	
									<a class="org_line_hight re_style nowrap" href="{{$user.HomeLink}}">{{$user.Name}}</a>
								</li>

							</ul>
						{{end}}
					</li>
				</div>
			</div>
		</div>
	</div>



</div>

{{template "base/footer" .}}

<script>


function all_search(){
	var inputValue = document.getElementById("value_s").value;
	console.log("Keyword",inputValue)
	sessionStorage.setItem("keyword",inputValue);
	sessionStorage.setItem("tableName","org");
	sessionStorage.setItem("specifySearch",true);
	sessionStorage.setItem("sortBy","default");
	sessionStorage.setItem("ascending","false");
	window.open("/all/search/");

}

window.onload = function() {
	var swiperOrg = new Swiper(".homeorg-list", {
		slidesPerView: 1,
		slidesPerColumn: 3,
		slidesPerColumnFill:'row',
		spaceBetween: 15,
		pagination: {
			el: ".swiper-pagination",
			clickable: true,
		},
		autoplay: {
			delay: 4500,
			disableOnInteraction: false,
		},
		breakpoints: {
			768: {
				slidesPerView: 3,
			},
			1024: {
				slidesPerView: 4,
			},
    	},

	});

}

</script>
<style>

</style>