meanTorrent/modules/collections/client/views/collections.client.view.html

<section class="container" ng-controller="CollectionController as vm" ng-init="vm.buildPager();">
    <div class="row margin-top-20">
        <div class="col-sm-12">
            <span id="top_of_collections_list">
                <h3 class="margin-bottom-30">
                    {{'COLLECTIONS.COLL_LIST' | translate}}
                </h3>
            </span>

            <div class="collections-list">
                <div class="pagination-div-top">
                    <div class="row">
                        <div class="col-sm-12 col-md-9">
                            <ul uib-pagination boundary-links="true" max-size="8" items-per-page="vm.itemsPerPage" total-items="vm.filterLength"
                                ng-model="vm.currentPage"
                                ng-change="vm.pageChanged()"
                                first-text="{{ 'PAGE_TEXT_FIRST' | translate}}" previous-text="{{ 'PAGE_TEXT_PREVIOUS' | translate}}"
                                next-text="{{ 'PAGE_TEXT_NEXT' | translate}}" last-text="{{ 'PAGE_TEXT_LAST' | translate}}">
                            </ul>
                        </div>
                        <div class="col-sm-12 col-md-3">
                            <input class="form-control margin-top-20 margin-bottom-20" type="text" ng-model="vm.search" placeholder="Search"
                                   ng-change="vm.figureOutItemsToDisplay()"/>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="collection-items">
                        <div ng-repeat="m in vm.pagedItems">
                            <div data-ng-if="$index != 0 && $index % 2 == 0" class="clearfix visible-sm-block"></div>
                            <div data-ng-if="$index != 0 && $index % 3 == 0" class="clearfix visible-md-block visible-lg-block"></div>
                            <div class="col-sm-6 col-md-4">
                                <a ui-sref="collections.view({ collectionId: m._id })">
                                    <div class="collection-item">
                                        <img ng-src="{{vm.tmdbConfig.backdropImgBaseUrl_780 + m.backdrop_path}}">

                                        <div class="item-info text-center">
                                            <div class="name">{{m.name}}</div>

                                            <div class="row margin-top-40 collection-data">
                                                <div class="item-release margin-bottom-10">
                                                    <span>{{vm.getMinMaxRelease(m).min}}</span><span
                                                        ng-if="m.torrents.length>1">-{{vm.getMinMaxRelease(m).max}}</span>
                                                </div>
                                                <div class="col-xs-6 col-small-padding text-center">
                                                    <i class="fa fa-list text-info">
                                                        <strong> {{'COLLECTIONS.FILES_NUMBERS' | translate}}: {{m.torrents.length}}</strong></i>
                                                </div>
                                                <div class="col-xs-6 col-small-padding text-left">
                                                    <i class="fa fa-star-half-o text-info">
                                                        <strong> {{'COLLECTIONS.VOTE_AVERAGE' | translate}}: {{vm.getVoteAverage(m);}}</strong></i>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="pagination-div-bottom">
                    <ul uib-pagination boundary-links="true" max-size="8" items-per-page="vm.itemsPerPage" total-items="vm.filterLength"
                        ng-model="vm.currentPage"
                        ng-change="vm.pageChanged()"
                        first-text="{{ 'PAGE_TEXT_FIRST' | translate}}" previous-text="{{ 'PAGE_TEXT_PREVIOUS' | translate}}"
                        next-text="{{ 'PAGE_TEXT_NEXT' | translate}}" last-text="{{ 'PAGE_TEXT_LAST' | translate}}">
                    </ul>
                </div>
            </div>
        </div>
    </div>

</section>