gitea/templates/user/dashboard/repo-search.tmpl

<script type="text/x-template" id="repo-search-template">
    <div>
        {{if not .ContextUser.IsOrganization}}
        <div class="ui two item stackable tabable menu">
            <a :class="{item: true, active: tab === 'repos'}" @click="changeTab('repos')">{{.i18n.Tr "repository"}}</a>
            <a :class="{item: true, active: tab === 'orgs'}" @click="changeTab('orgs')">{{.i18n.Tr "organization"}}</a>
        </div>
        {{end}}
        <div v-if="tab === 'repos'" class="ui tab active list">
            <h4 class="ui top attached header">
                {{.i18n.Tr "home.my_repos"}} <span class="ui grey label">${ reposTotal }</span>
                <div class="ui right">
                    <a class="poping up" href="{{AppSubUrl}}/repo/create" data-content="{{.i18n.Tr "new_repo"}}" data-variation="tiny inverted" data-position="left center">
                        <i class="plus icon"></i>
                        <span class="sr-only">{{.i18n.Tr "new_repo"}}</span>
                    </a>
                </div>
            </h4>
            <div class="ui attached secondary segment repos-search">
                <div class="ui fluid icon input" :class="{loading: isLoading}">
                    <input @input="searchRepos" v-model="searchQuery" ref="search" placeholder="{{.i18n.Tr "home.search_repos"}}">
                    <i class="search icon"></i>
                </div>
                <div class="ui secondary tiny pointing borderless menu center aligned grid repos-filter">
                    <a class="item" :class="{active: reposFilter === 'all'}" @click="changeReposFilter('all')">{{.i18n.Tr "all"}}</a>
                    <a class="item" :class="{active: reposFilter === 'sources'}" @click="changeReposFilter('sources')">{{.i18n.Tr "sources"}}</a>
                    <a class="item" :class="{active: reposFilter === 'forks'}" @click="changeReposFilter('forks')">{{.i18n.Tr "forks"}}</a>
                    <a class="item" :class="{active: reposFilter === 'mirrors'}" @click="changeReposFilter('mirrors')">{{.i18n.Tr "mirrors"}}</a>
                    <a class="item" :class="{active: reposFilter === 'collaborative'}" @click="changeReposFilter('collaborative')">{{.i18n.Tr "collaborative"}}</a>
                </div>
            </div>
            <div class="ui attached table segment">
                <ul class="repo-owner-name-list">
                    <li v-for="repo in repos" :class="{'private': repo.private}" v-show="showRepo(repo, reposFilter)">
                        <a :href="'{{AppSubUrl}}/' + repo.full_name">
                            <i :class="repoClass(repo)"></i>
                            <strong class="text truncate item-name">${ repo.full_name }</strong>
                            <span class="ui right text light grey">
                                ${ repo.stars_count } <i class="octicon octicon-star rear"></i>
                            </span>
                        </a>
                    </li>
                    <li v-if="repos.length < reposTotal">
                        <a href="{{.ContextUser.HomeLink}}">{{.i18n.Tr "home.show_more_repos"}}</a>
                    </li>
                </ul>
            </div>
        </div>

        {{if not .ContextUser.IsOrganization}}
            <div v-if="tab === 'orgs'" class="ui tab active list">
                <h4 class="ui top attached header">
                    {{.i18n.Tr "home.my_orgs"}} <span class="ui grey label">{{.ContextUser.GetOrganizationCount}}</span>
                    <div class="ui right">
                        {{if .SignedUser.CanCreateOrganization}}
                        <a class="poping up" href="{{AppSubUrl}}/org/create" data-content="{{.i18n.Tr "new_org"}}" data-variation="tiny inverted" data-position="left center">
                            <i class="plus icon"></i>
                            <span class="sr-only">{{.i18n.Tr "new_org"}}</span>
                        </a>
                        {{end}}
                    </div>
                </h4>
                <div class="ui attached table segment">
                    <ul class="repo-owner-name-list">
                        {{range .ContextUser.Orgs}}
                            <li>
                                <a href="{{AppSubUrl}}/{{.Name}}">
                                    <i class="octicon octicon-organization"></i>
                                    <strong class="text truncate item-name">{{.Name}}</strong>
                                    <span class="ui right text light grey">
                                        {{.NumRepos}} <i class="octicon octicon-repo rear"></i>
                                    </span>
                                </a>
                            </li>
                        {{end}}
                    </ul>
                </div>
            </div>
        {{end}}
    </div>
</script>