Implemented Trending Repos in Explore Page

public/less/_explore.less

@@ -115,7 +115,7 @@
 	}
 
 	&.description {
-		font-size: 13px;
+		font-size: 13px !important;
 	}
 
 	&.icon {

routes/home.go

@@ -64,26 +64,16 @@ func ExploreHome(c *context.Context) {
 	c.Data["PageIsExplore"] = true
 	c.Data["PageIsExploreRepositories"] = true
 
-	page := c.QueryInt("page")
-	if page <= 0 {
-		page = 1
-	}
-
-	keyword := c.Query("q")
 	repos, count, err := models.SearchRepositoryByName(&models.SearchRepoOptions{
-		Keyword:  keyword,
 		UserID:   c.UserID(),
-		OrderBy:  "updated_unix DESC",
-		Page:     page,
-		PageSize: setting.UI.ExplorePagingNum,
+		OrderBy:  "num_stars DESC",
+		PageSize: 4,
 	})
 	if err != nil {
 		c.ServerError("SearchRepositoryByName", err)
 		return
 	}
-	c.Data["Keyword"] = keyword
 	c.Data["Total"] = count
-	c.Data["Page"] = paginater.New(int(count), setting.UI.ExplorePagingNum, page, 5)
 
 	if err = models.RepositoryList(repos).LoadAttributes(); err != nil {
 		c.ServerError("RepositoryList.LoadAttributes", err)

templates/explore/home.tmpl

@@ -92,58 +92,21 @@
         <h1 class="ui container center ex-head">Trending</h1>
         <section style="background-color:#fff;height:auto" class="pages head">
             <div class="ui link cards explore-card top">
+                {{range .Repos}}
                 <div class="card explore-card card">
                     <div class="content">
-                        <div class="explore-card title">Repo Name</div>
+                        <div class="explore-card title">{{if $.PageIsExplore}}{{.Owner.Name}} / {{end}}{{.Name}}</div>
                         <div class="explore-card description">
-                            Description about the Repo
+                            {{.Description | Str2HTML}}
                         </div>
                     </div>
                     <div class="extra content explore-card extra">
-                        <i class="star icon"></i>121 Stars
+                        <i class="star icon"></i>{{.NumStars}}
                         <span class="explore-card seperator"></span>
-                        <i class="fork icon"></i>8 Forks
-                    </div>
-                </div>
-                <div class="card explore-card card">
-                    <div class="content">
-                        <div class="explore-card title">Repo Name</div>
-                        <div class="explore-card description">
-                            Description about the Repo
-                        </div>
-                    </div>
-                    <div class="extra content explore-card extra">
-                        <i class="star icon"></i>121 Stars
-                        <span class="explore-card seperator"></span>
-                        <i class="fork icon"></i>8 Forks
-                    </div>
-                </div>
-                <div class="card explore-card card">
-                    <div class="content">
-                        <div class="explore-card title">Repo Name</div>
-                        <div class="explore-card description">
-                            Description about the Repo
-                        </div>
-                    </div>
-                    <div class="extra content  explore-card extra">
-                        <i class="star icon"></i>121 Stars
-                        <span class="explore-card seperator"></span>
-                        <i class="fork icon"></i>8 Forks
-                    </div>
-                </div>
-                <div class="card explore-card card">
-                    <div class="content">
-                        <div class="explore-card title">Repo Name</div>
-                        <div class="explore-card description">
-                            Description about the Repo
-                        </div>
-                    </div>
-                    <div class="extra content explore-card extra">
-                        <i class="star icon"></i>121 Stars
-                        <span class="explore-card seperator"></span>
-                        <i class="fork icon"></i>8 Forks
+                        <i class="fork icon"></i>{{.NumForks}}
                     </div>
                 </div>
+                {{end}}
             </div>
         </section>