组织推荐组织首次提交

options/locale/locale_en-US.ini

@@ -2104,6 +2104,13 @@ customize = Customize
 selected_project=Selected Projects
 fold = Fold
 unfold = Unfold
+org_member = Member
+org_members = Members
+org_team = Team
+org_teams = Teams
+org_repository = Repository
+org_repositories = Repositories
+
 
 form.name_reserved = The organization name '%s' is reserved.
 form.name_pattern_not_allowed = The pattern '%s' is not allowed in an organization name.

options/locale/locale_zh-CN.ini

@@ -2111,6 +2111,14 @@ customize = 自定义
 selected_project=精选项目
 fold = 收起
 unfold = 展开
+org_member = 成员
+org_members = 成员
+org_team = 团队
+org_teams = 团队
+org_repository = 项目
+org_repositories = 项目
+
+
 
 form.name_reserved=组织名称 '%s' 是被保留的。
 form.name_pattern_not_allowed=组织名称中不允许使用 "%s"。

templates/explore/organizations.tmpl

@@ -1,9 +1,76 @@
+
+<link rel="stylesheet" href="/swiper/swiper-bundle.min.css">
+<link rel="stylesheet" href="/css/git.openi.css">
+<script src="/swiper/swiper-bundle.min.js"></script>
+<script src="/self/js/jquery.min.js" type="text/javascript"></script>
+
+
 {{template "base/head" .}}
 <div class="explore users">
 	{{template "explore/search" .}}
 
 	<div class="ui container">
 		<div class="ui grid">
+			<div class="ui container homeorg">
+				<div class="ui stackable grid">
+					<!-- <div class="sixteen wide tablet four wide computer column homeorg-tit">
+						<h2>推荐组织</h2>
+						<p><span class="ui text grey">{{$.page_recommend_org_desc}}&nbsp;</span><a href="{{.RecommendURL}}">{{$.page_recommend_org_commit}}</a></p>
+						<a href="{{AppSubUrl}}/explore/organizations" class="circular ui primary basic button">{{$.page_recommend_org_more}} <i class="arrow circle right icon"></i></a>
+					</div> -->
+					<div class="sixteen wide tablet twelve wide computer column">
+						<div class="homeorg-list" >
+							<div class="swiper-wrapper" id="recommendorg">
+								{{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="leftline01"></div>
+			</div>
+
 			{{template "explore/navbar" .}}
 			<div class="sixteen wide mobile ten wide tablet ten wide computer column">
 				<h2 class="ui left floated medium header">
@@ -65,4 +132,37 @@
 		</div>
 	</div>
 </div>
+
 {{template "base/footer" .}}
+
+<script>
+
+window.onload = function() {
+	var swiperOrg = new Swiper(".homeorg-list", {
+		slidesPerView: 1,
+		slidesPerColumn: 4,
+		slidesPerColumnFill:'row',
+		spaceBetween: 15,
+		pagination: {
+			el: ".swiper-pagination",
+			clickable: true,
+		},
+		autoplay: {
+			delay: 4500,
+			disableOnInteraction: false,
+		},
+		breakpoints: {
+			768: {
+				slidesPerView: 2,
+			},
+			1024: {
+				slidesPerView: 3,
+			},
+    	},
+
+	});
+
+}
+
+
+</script>