meanTorrent/modules/users/client/views/status/uploaded.client.view.html

<section ng-controller="UploadedController as vm" ng-init="vm.getUploadedTorrend();">
    <div class="row margin-top-20">
        <div class="col-md-12 torrent-list" id="top_of_torrent_list" ng-show="vm.pagedItems">

            <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" type="text" ng-model="vm.search" placeholder="Search"
                               ng-change="vm.figureOutItemsToDisplay()"/>
                    </div>
                </div>
            </div>

            <div class="table-responsive">
                <table class="table table-hover tb-v-middle">
                    <thead>
                        <tr>
                            <th>{{ 'TABLE_FIELDS.INFO' | translate}}</th>
                            <th class="text-center">{{ 'TABLE_FIELDS.VOTES' | translate}}</th>
                            <th class="text-center">{{ 'TABLE_FIELDS.LIFETIME' | translate}}</th>
                            <th class="text-center">{{ 'TABLE_FIELDS.SIZE' | translate}}</th>
                            <th class="text-center">{{ 'TABLE_FIELDS.SEEDS_LEECHERS_FINISHED' | translate}}</th>
                            <th class="text-center">{{ 'TABLE_FIELDS.PUBLISHER' | translate}}</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr class="torrent-list-info" ng-repeat="item in vm.pagedItems" ng-click="vm.openTorrentInfo(item._id);">
                            <td class="col-md-7 td-text-overflow">
                                <div class="media">
                                    <div class="media-left">
                                        <img class="media-object"
                                             ng-src="{{vm.tmdbConfig.poster_list_base_url}}{{item.resource_detail_info.poster_path}}"
                                             alt="...">
                                    </div>
                                    <div class="media-body">
                                        <h5 class="media-heading">
                                            {{item.resource_detail_info.original_title || item.resource_detail_info.original_name}}
                                            <span ng-show="item.resource_detail_info.title">
                                                <span ng-show="item.resource_detail_info.original_title!=item.resource_detail_info.title"> / {{item.resource_detail_info.title}}</span>
                                            </span>
                                            <span ng-show="item.resource_detail_info.name">
                                                <span ng-show="item.resource_detail_info.original_name!=item.resource_detail_info.name"> / {{item.resource_detail_info.name}}</span>
                                            </span>
                                            <span class="label label-download text-uppercase"
                                                  title="{{ 'TITLE_ALT.DOWNLOAD_TORRENT' | translate}}"
                                                  ng-click="vm.downloadTorrent(item._id); $event.stopPropagation();">
                                                <i class="glyphicon glyphicon-arrow-right"></i> {{ 'CA_DOWNLOAD' | translate}}
                                            </span>
                                        </h5>

                                        <div class="list-all-genres">
                                            <span class="genres-item" ng-repeat="t in item.resource_detail_info.genres">{{t.name}}</span>
                                        </div>

                                        <div class="torrent-filename text-long">{{item.torrent_filename | filename}}</div>

                                        <div class="list-all-tags">
                                            <!--<span class="label label-success text-uppercase">{{ item.torrent_type}}</span>-->
                                            <span class="label label-ttype label-primary" ng-click="$event.stopPropagation();">
                                                {{'TORRENT_TYPE_LABEL.' + item.torrent_type.toUpperCase() | translate}}
                                            </span>
                                            <span class="label label-tstatus label-danger" ng-show="item.torrent_status == 'new'"
                                                  ng-click="$event.stopPropagation();">
                                                {{'TORRENT_STATUS_LABEL.' + item.torrent_status.toUpperCase() | translate}}
                                            </span>
                                            <span class="label label-release label-warning" ng-show="item.resource_detail_info.release_date"
                                                  ng-click="$event.stopPropagation();">
                                                {{ item.resource_detail_info.release_date}}
                                            </span>
                                            <span class="label label-rlevel label-info"
                                                  ng-show="item.torrent_recommended != 'none'"
                                                  ng-click="$event.stopPropagation();">
                                                {{ 'TORRENT_RECOMMEND_LEVEL_ITEM.' + item.torrent_recommended.toUpperCase() | translate}}
                                            </span>
                                            <span class="label label-sale" ng-if="item.isSaling"
                                                  title="{{vm.getSaleTypeDesc(item);}} | {{ 'SALE_EXPIRES_TIME' | translate}}: {{item.torrent_sale_expires | date: 'MM-dd HH:mm'}}"
                                                  ng-click="$event.stopPropagation();"
                                                  ng-class="{'label-default': !item.isSaling, 'label-success': item.isSaling}">
                                                    {{item.torrent_sale_status}} {{item.torrent_sale_expires | unlife}}
                                            </span>
                                            <span class="label label-se-info" ng-if="item.torrent_type == 'tvserial'"
                                                  ng-click="$event.stopPropagation();">S{{item.torrent_seasons}}E{{item.torrent_episodes}}</span>
                                            <span ng-repeat="t in item.torrent_tags">
                                                <span class="label label-tag" ng-class="{'used': vm.searchTags.indexOf(t) !== -1}"
                                                      ng-click="$event.stopPropagation();">
                                                    {{ 'RESOURCESTAGS.' + vm.getTagTitle(t, item) + '.' + t | translate}}
                                                </span>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </td>
                            <td class="col-md-1 td-v-middle">
                            <span title="{{ 'TITLE_ALT.IMDB_VOTES' | translate}}"
                                  class="torrent-votes"><kbd>IMDB</kbd> {{item.resource_detail_info.vote_average | number : 1}}</span>
                            </td>
                            <td class="col-md-1 td-v-middle text-center">{{item.createdat | life}}</td>
                            <td class="col-md-1 td-v-middle text-center">{{item.torrent_size | bytes:2}}</td>
                            <td class="col-md-1 td-v-middle text-center list-user-info">
                                <p class="no-margin-p" title="{{ 'TITLE_ALT.SEEDS' | translate}}">
                                    <span class="glyphicon glyphicon-arrow-up torrent-up"></span>
                                    {{item.torrent_seeds}}
                                </p>

                                <p class="no-margin-p" title="{{ 'TITLE_ALT.LEECHERS' | translate}}">
                                    <span class="glyphicon glyphicon-arrow-down torrent-down"></span>
                                    {{item.torrent_leechers}}
                                </p>

                                <p class="no-margin-p" title="{{ 'TITLE_ALT.FINISHED' | translate}}">
                                    <span class="glyphicon glyphicon-ok torrent-finished"></span>
                                    {{item.torrent_finished}}
                                </p>
                            </td>
                            <td class="col-md-1 td-v-middle text-center">{{item.user.displayName}}</td>
                        </tr>
                    </tbody>
                </table>
            </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>
</section>