|
35 | 35 | {{end}}
|
36 | 36 | </h4>
|
37 | 37 | <div class="ui attached secondary segment repos-search">
|
38 |
| - <div class="ui fluid icon input" :class="{loading: isLoading}"> |
| 38 | + <div class="ui fluid right action left icon input" :class="{loading: isLoading}"> |
39 | 39 | <input @input="searchRepos(reposFilter)" v-model="searchQuery" ref="search" placeholder="{{.i18n.Tr "home.search_repos"}}">
|
40 | 40 | <i class="search icon"></i>
|
| 41 | + <div class="ui dropdown button" title="{{.i18n.Tr "home.filter"}}"> |
| 42 | + <i class="icon filter"></i> |
| 43 | + <div class="menu"> |
| 44 | + <div class="item"> |
| 45 | + <a @click="toggleArchivedFilter()"> |
| 46 | + <div class="ui checkbox" id="archivedFilterCheckbox" title="{{.i18n.Tr "home.show_both_archived_unarchived"}}" v-if="archivedFilter === 'both'"> |
| 47 | + <input type="checkbox"> |
| 48 | + <label><i class="archive icon archived-icon"></i>{{.i18n.Tr "home.show_archived"}}</label> |
| 49 | + </div> |
| 50 | + <div class="ui checkbox" id="archivedFilterCheckbox" title="{{.i18n.Tr "home.show_only_unarchived"}}" v-if="archivedFilter === 'unarchived'"> |
| 51 | + <input type="checkbox"> |
| 52 | + <label><i class="archive icon archived-icon"></i>{{.i18n.Tr "home.show_archived"}}</label> |
| 53 | + </div> |
| 54 | + <div class="ui checkbox" id="archivedFilterCheckbox" title="{{.i18n.Tr "home.show_only_archived"}}" v-if="archivedFilter === 'archived'"> |
| 55 | + <input type="checkbox"> |
| 56 | + <label><i class="archive icon archived-icon"></i>{{.i18n.Tr "home.show_archived"}}</label> |
| 57 | + </div> |
| 58 | + </a> |
| 59 | + </div> |
| 60 | + <div class="item"> |
| 61 | + <a @click="togglePrivateFilter()"> |
| 62 | + <div class="ui checkbox" id="privateFilterCheckbox" title="{{.i18n.Tr "home.show_both_private_public"}}" v-if="privateFilter === 'both'"> |
| 63 | + <input type="checkbox"> |
| 64 | + <label><svg class="svg octicon-lock" width="16" height="16" aria-hidden="true"><use xlink:href="#octicon-lock" /></svg>{{.i18n.Tr "home.show_private"}}</label> |
| 65 | + </div> |
| 66 | + <div class="ui checkbox" id="privateFilterCheckbox" title="{{.i18n.Tr "home.show_only_public"}}" v-if="privateFilter === 'public'"> |
| 67 | + <input type="checkbox"> |
| 68 | + <label><svg class="svg octicon-lock" width="16" height="16" aria-hidden="true"><use xlink:href="#octicon-lock" /></svg>{{.i18n.Tr "home.show_private"}}</label> |
| 69 | + </div> |
| 70 | + <div class="ui checkbox" id="privateFilterCheckbox" title="{{.i18n.Tr "home.show_only_private"}}" v-if="privateFilter === 'private'"> |
| 71 | + <input type="checkbox"> |
| 72 | + <label><svg class="svg octicon-lock" width="16" height="16" aria-hidden="true"><use xlink:href="#octicon-lock" /></svg>{{.i18n.Tr "home.show_private"}}</label> |
| 73 | + </div> |
| 74 | + </a> |
| 75 | + </div> |
| 76 | + </div> |
| 77 | + </div> |
41 | 78 | </div>
|
42 | 79 | <div class="ui secondary tiny pointing borderless menu center aligned grid repos-filter">
|
43 | 80 | <a class="item" :class="{active: reposFilter === 'all'}" @click="changeReposFilter('all')">
|
|
64 | 101 | </div>
|
65 | 102 | <div class="ui attached table segment">
|
66 | 103 | <ul class="repo-owner-name-list">
|
67 |
| - <li v-for="repo in repos" :class="{'private': repo.private}" v-show="showRepo(repo, reposFilter)"> |
| 104 | + <li v-for="repo in repos" :class="{'private': repo.private}" v-show="showRepo(repo)"> |
68 | 105 | <a :href="suburl + '/' + repo.full_name">
|
69 | 106 | <svg :class="'svg ' + repoClass(repo)" width="16" height="16" aria-hidden="true"><use :xlink:href="'#' + repoClass(repo)" /></svg>
|
70 | 107 | <strong class="text truncate item-name">${repo.full_name}</strong>
|
|
75 | 112 | </a>
|
76 | 113 | </li>
|
77 | 114 | <li v-if="showMoreReposLink">
|
78 |
| - <a :href="moreReposLink">{{.i18n.Tr "home.show_more_repos"}}</a> |
| 115 | + <div class="center"> |
| 116 | + <div class="ui borderless pagination menu narrow"> |
| 117 | + <a class="item navigation" :class="{'disabled': page === 1}" |
| 118 | + @click="changePage(1)" title="{{$.i18n.Tr "admin.first_page"}}"> |
| 119 | + <i class="angle double left icon"></i> |
| 120 | + </a> |
| 121 | + <a class="item navigation" :class="{'disabled': page === 1}" |
| 122 | + @click="changePage(page - 1)" title="{{$.i18n.Tr "repo.issues.previous"}}"> |
| 123 | + <i class="left arrow icon"></i> |
| 124 | + </a> |
| 125 | + <a class="active item">${page}</a> |
| 126 | + <a class="item navigation" :class="{'disabled': page === finalPage}" |
| 127 | + @click="changePage(page + 1)" title="{{$.i18n.Tr "repo.issues.next"}}"> |
| 128 | + <i class="icon right arrow"></i> |
| 129 | + </a> |
| 130 | + <a class="item navigation" :class="{'disabled': page === finalPage}" |
| 131 | + @click="changePage(finalPage)" title="{{$.i18n.Tr "admin.last_page"}}"> |
| 132 | + <i class="angle double right icon"></i> |
| 133 | + </a> |
| 134 | + </div> |
| 135 | + </div> |
79 | 136 | </li>
|
80 | 137 | </ul>
|
81 | 138 | </div>
|
|
0 commit comments