mirror of
https://codeberg.org/forgejo/forgejo.git
synced 2024-12-22 08:38:29 +00:00
c4c4151f7d
Seems this has recently regressed, previously, there was a significant whitespace between icon and text, but it seems to be gone, so I added the margin and also vertically aligned the icon because it was slightly misaligned. Before: <img width="419" alt="Screenshot 2022-12-13 at 20 03 51" src="https://user-images.githubusercontent.com/115237/207422938-7c45110c-f73e-4344-afc8-c072266d1f95.png"> After: <img width="419" alt="image" src="https://user-images.githubusercontent.com/115237/207447579-95525405-574d-4ca8-84ba-d8a9af50015a.png"> Co-authored-by: KN4CK3R <admin@oldschoolhack.me>
200 lines
8.4 KiB
Handlebars
200 lines
8.4 KiB
Handlebars
<div id="dashboard-repo-list" class="six wide column">
|
|
<repo-search
|
|
:search-limit="searchLimit"
|
|
:sub-url="subUrl"
|
|
:uid="uid"
|
|
{{if .Team}}
|
|
:team-id="{{.Team.ID}}"
|
|
{{end}}
|
|
:more-repos-link="'{{.ContextUser.HomeLink}}'"
|
|
{{if not .ContextUser.IsOrganization}}
|
|
:organizations="[
|
|
{{range .Orgs}}
|
|
{name: '{{.Name}}', num_repos: '{{.NumRepos}}'},
|
|
{{end}}
|
|
]"
|
|
:is-organization="false"
|
|
:organizations-total-count="{{.UserOrgsCount}}"
|
|
:can-create-organization="{{.SignedUser.CanCreateOrganization}}"
|
|
{{end}}
|
|
inline-template
|
|
v-cloak
|
|
></repo-search>
|
|
</div>
|
|
|
|
<template id="dashboard-repo-list-template">
|
|
<div>
|
|
<div v-if="!isOrganization" class="ui two item tabable menu">
|
|
<a :class="{item: true, active: tab === 'repos'}" @click="changeTab('repos')">{{.locale.Tr "repository"}}</a>
|
|
<a :class="{item: true, active: tab === 'organizations'}" @click="changeTab('organizations')">{{.locale.Tr "organization"}}</a>
|
|
</div>
|
|
<div v-show="tab === 'repos'" class="ui tab active list dashboard-repos">
|
|
<h4 class="ui top attached header df ac">
|
|
<div class="f1 df ac">
|
|
{{.locale.Tr "home.my_repos"}}
|
|
<span class="ui grey label ml-3">${reposTotalCount}</span>
|
|
</div>
|
|
<a class="tooltip" :href="subUrl + '/repo/create'" data-content="{{.locale.Tr "new_repo"}}" data-position="left center">
|
|
{{svg "octicon-plus"}}
|
|
<span class="sr-only">{{.locale.Tr "new_repo"}}</span>
|
|
</a>
|
|
</h4>
|
|
<div class="ui attached segment repos-search">
|
|
<div class="ui fluid right action left icon input" :class="{loading: isLoading}">
|
|
<input @input="changeReposFilter(reposFilter)" v-model="searchQuery" ref="search" placeholder="{{.locale.Tr "home.search_repos"}}">
|
|
<i class="icon df ac jc">{{svg "octicon-search" 16}}</i>
|
|
<div class="ui dropdown icon button" title="{{.locale.Tr "home.filter"}}">
|
|
<i class="icon df ac jc m-0">{{svg "octicon-filter" 16}}</i>
|
|
<div class="menu">
|
|
<div class="item">
|
|
<a @click="toggleArchivedFilter()">
|
|
<div class="ui checkbox" id="archivedFilterCheckbox" title="{{.locale.Tr "home.show_both_archived_unarchived"}}" v-if="archivedFilter === 'both'">
|
|
<input type="checkbox">
|
|
<label>
|
|
{{svg "octicon-archive" 16 "mr-2"}}
|
|
{{.locale.Tr "home.show_archived"}}
|
|
</label>
|
|
</div>
|
|
<div class="ui checkbox" id="archivedFilterCheckbox" title="{{.locale.Tr "home.show_only_unarchived"}}" v-if="archivedFilter === 'unarchived'">
|
|
<input type="checkbox">
|
|
<label>
|
|
{{svg "octicon-archive" 16 "mr-2"}}
|
|
{{.locale.Tr "home.show_archived"}}
|
|
</label>
|
|
</div>
|
|
<div class="ui checkbox" id="archivedFilterCheckbox" title="{{.locale.Tr "home.show_only_archived"}}" v-if="archivedFilter === 'archived'">
|
|
<input type="checkbox">
|
|
<label>
|
|
{{svg "octicon-archive" 16 "mr-2"}}
|
|
{{.locale.Tr "home.show_archived"}}
|
|
</label>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="item">
|
|
<a @click="togglePrivateFilter()">
|
|
<div class="ui checkbox" id="privateFilterCheckbox" title="{{.locale.Tr "home.show_both_private_public"}}" v-if="privateFilter === 'both'">
|
|
<input type="checkbox">
|
|
<label>
|
|
{{svg "octicon-lock" 16 "mr-2"}}
|
|
{{.locale.Tr "home.show_private"}}
|
|
</label>
|
|
</div>
|
|
<div class="ui checkbox" id="privateFilterCheckbox" title="{{.locale.Tr "home.show_only_public"}}" v-if="privateFilter === 'public'">
|
|
<input type="checkbox">
|
|
<label>
|
|
{{svg "octicon-lock" 16 "mr-2"}}
|
|
{{.locale.Tr "home.show_private"}}
|
|
</label>
|
|
</div>
|
|
<div class="ui checkbox" id="privateFilterCheckbox" title="{{.locale.Tr "home.show_only_private"}}" v-if="privateFilter === 'private'">
|
|
<input type="checkbox">
|
|
<label>
|
|
{{svg "octicon-lock" 16 "mr-2"}}
|
|
{{.locale.Tr "home.show_private"}}
|
|
</label>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="ui secondary tiny pointing borderless menu center grid repos-filter">
|
|
<a class="item" :class="{active: reposFilter === 'all'}" @click="changeReposFilter('all')">
|
|
{{.locale.Tr "all"}}
|
|
<div v-show="reposFilter === 'all'" class="ui circular mini grey label">${repoTypeCount}</div>
|
|
</a>
|
|
<a class="item" :class="{active: reposFilter === 'sources'}" @click="changeReposFilter('sources')">
|
|
{{.locale.Tr "sources"}}
|
|
<div v-show="reposFilter === 'sources'" class="ui circular mini grey label">${repoTypeCount}</div>
|
|
</a>
|
|
<a class="item" :class="{active: reposFilter === 'forks'}" @click="changeReposFilter('forks')">
|
|
{{.locale.Tr "forks"}}
|
|
<div v-show="reposFilter === 'forks'" class="ui circular mini grey label">${repoTypeCount}</div>
|
|
</a>
|
|
{{if .MirrorsEnabled}}
|
|
<a class="item" :class="{active: reposFilter === 'mirrors'}" @click="changeReposFilter('mirrors')">
|
|
{{.locale.Tr "mirrors"}}
|
|
<div v-show="reposFilter === 'mirrors'" class="ui circular mini grey label">${repoTypeCount}</div>
|
|
</a>
|
|
{{end}}
|
|
<a class="item" :class="{active: reposFilter === 'collaborative'}" @click="changeReposFilter('collaborative')">
|
|
{{.locale.Tr "collaborative"}}
|
|
<div v-show="reposFilter === 'collaborative'" class="ui circular mini grey label">${repoTypeCount}</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div v-if="repos.length" class="ui attached table segment rounded-bottom">
|
|
<ul class="repo-owner-name-list">
|
|
<li v-for="repo in repos" :class="{'private': repo.private || repo.internal}">
|
|
<a class="repo-list-link df ac sb" :href="repo.html_url">
|
|
<div class="item-name df ac f1 mr-2">
|
|
<component v-bind:is="repoIcon(repo)" size="16" class="mr-2"></component>
|
|
<div class="text bold truncate ml-1">${repo.full_name}</div>
|
|
<span v-if="repo.archived">
|
|
{{svg "octicon-archive" 16 "ml-2"}}
|
|
</span>
|
|
</div>
|
|
{{if not .DisableStars}}
|
|
<div class="text light grey df ac">
|
|
${repo.stars_count}
|
|
{{svg "octicon-star" 16 "ml-2"}}
|
|
</div>
|
|
{{end}}
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
<div v-if="showMoreReposLink" class="center py-3 border-secondary-top">
|
|
<div class="ui borderless pagination menu narrow">
|
|
<a class="item navigation py-2" :class="{'disabled': page === 1}"
|
|
@click="changePage(1)" title="{{$.locale.Tr "admin.first_page"}}">
|
|
{{svg "gitea-double-chevron-left" 16 "mr-2"}}
|
|
</a>
|
|
<a class="item navigation py-2" :class="{'disabled': page === 1}"
|
|
@click="changePage(page - 1)" title="{{$.locale.Tr "repo.issues.previous"}}">
|
|
{{svg "octicon-chevron-left" 16 "mr-2"}}
|
|
</a>
|
|
<a class="active item py-2">${page}</a>
|
|
<a class="item navigation" :class="{'disabled': page === finalPage}"
|
|
@click="changePage(page + 1)" title="{{$.locale.Tr "repo.issues.next"}}">
|
|
{{svg "octicon-chevron-right" 16 "ml-2"}}
|
|
</a>
|
|
<a class="item navigation py-2" :class="{'disabled': page === finalPage}"
|
|
@click="changePage(finalPage)" title="{{$.locale.Tr "admin.last_page"}}">
|
|
{{svg "gitea-double-chevron-right" 16 "ml-2"}}
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div v-if="!isOrganization" v-show="tab === 'organizations'" class="ui tab active list dashboard-orgs">
|
|
<h4 class="ui top attached header df ac">
|
|
<div class="f1 df ac">
|
|
{{.locale.Tr "home.my_orgs"}}
|
|
<span class="ui grey label ml-3">${organizationsTotalCount}</span>
|
|
</div>
|
|
<a v-if="canCreateOrganization" class="tooltip" :href="subUrl + '/org/create'" data-content="{{.locale.Tr "new_org"}}" data-position="left center">
|
|
{{svg "octicon-plus"}}
|
|
<span class="sr-only">{{.locale.Tr "new_org"}}</span>
|
|
</a>
|
|
</h4>
|
|
<div v-if="organizations.length" class="ui attached table segment rounded-bottom">
|
|
<ul class="repo-owner-name-list">
|
|
<li v-for="org in organizations">
|
|
<a class="repo-list-link df ac sb" :href="subUrl + '/' + encodeURIComponent(org.name)">
|
|
<div class="text truncate item-name f1">
|
|
{{svg "octicon-organization" 16 "mr-2"}}
|
|
<strong>${org.name}</strong>
|
|
</div>
|
|
<div class="text light grey df ac">
|
|
${org.num_repos}
|
|
{{svg "octicon-repo" 16 "ml-2 mt-1"}}
|
|
</div>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|