ekonstantinidis/trevor

<ion-view view-title="Favourites">

    <ion-content class="repos favourites" ng-class="{'true': 'no-favourites'}[repos.length < 1]">

        <ion-refresher
            pulling-text="Pull to refresh"
            on-refresh="fetchData()"
            spinner="ripple">
        </ion-refresher>

        <div class="row no-entries padding" ng-if="repos.length < 1">
            <div class="col col-100 padding">
                <i class="icon ion-happy"></i>
                <div class="tip">
                    To favourite a repo tap the heart its builds page.
                    <img src="images/favourites.png" class="screenshot">
                </div>

            </div>
        </div>

        <div class="row search" ng-show="repos.length > 0">
            <div class="col col-80">
                <label class="item-input-wrapper">
                    <input type="text" placeholder="Search Favourites" ng-model="searchReposName">
                </label>
            </div>
            <div class="col col-20">
                <button class="button button-small button-full button-light button button-outline" ng-click="searchReposName = ''">Clear</button>
            </div>
        </div>

        <a class="item" ui-sref="tab.builds({ loginid: repo.login_id, repo: repo.short_slug, ispro: repo.is_pro })" ng-repeat="repo in repos | orderObjectBy:'last_build_id':true | filter:searchReposName">

            <div class="name">{{ repo.short_slug }}</div>

            <div class="build-finished" ng-if="repo.last_build_finished_at">
                <i class="icon ion-calendar"></i> {{ repo.last_build_finished_at | timeAgo }}
            </div>

            <div class="build-duration" ng-if="repo.last_build_duration">
                <i class="icon ion-clock"></i> Run for {{repo.last_build_duration | convertSeconds }}
            </div>

            <div class="build-status" ng-if="!repo.last_build_duration || !repo.last_build_duration">
                <span class="octicon octicon-hourglass"></span> {{repo.last_build_state }}
            </div>

            <div class="build-started" ng-if="!repo.last_build_finished_at">
                <i class="icon ion-clock" ng-if="repo.last_build_started_at"></i> {{ repo.last_build_started_at | timeAgo }}
            </div>

            <div class="status bg-status-{{repo.last_build_state}}" ng-if="repo.last_build_state">
                <i class="icon" ng-class="{ 'created': 'ion-ios-circle-filled', 'passed': 'ion-checkmark-circled', 'started': 'ion-ios-circle-filled', 'failed': 'ion-close-circled', 'errored': 'ion-alert-circled', 'canceled': 'ion-alert-circled', 'received': 'ion-ios-circle-filled' }[repo.last_build_state]"></i>
                <div class="build-number">{{ repo.last_build_number }}</div>
            </div>

        </a>

  </ion-content>
</ion-view>