meanTorrent/modules/forums/client/views/index.client.view.html

<section ng-controller="ForumsController as vm" ng-init="vm.init();">
    <div class="pagetop">
        <div class="container">
            <div class="col-sm-8">
                <div class="page-header">
                    <h2 translate="FORUMS.FORUM_TITLE"></h2>

                    <p class="text-muted" translate="FORUMS.FORUM_SUB_TITLE"></p>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="page-header padding-top-10">
                    <div class="input-group">
                        <input type="text" class="form-control" aria-label="search" placeholder="Search">

                        <div class="input-group-btn">
                            <button type="button" class="btn btn-default" aria-label="Search"><span class="glyphicon glyphicon-search"></span>
                            </button>
                        </div>
                    </div>
                    <!--<p class="text-muted margin-top-10">Welcome to meanTorrent forums!</p>-->
                </div>
            </div>
        </div>
    </div>

    <div class="container forum-list">
        <div class="path margin-top-20">
            <ol class="breadcrumb">
                <li><a ui-sref="forums.list"><span class="small glyphicon glyphicon-home"></span> {{'FORUMS.HOME_INDEX' | translate}}</a></li>
                <!--<li><a href="#">Library</a></li>-->
                <!--<li class="active">Data</li>-->
            </ol>
        </div>

        <div class="table-responsive table-category" ng-repeat="cat in vm.forumsConfig.category">
            <table class="table table-hover table-valign-middle">
                <thead>
                    <tr>
                        <th class="col-md-7">{{'FORUMS.CATEGORY.'+cat.name | translate}}</th>
                        <th class="text-center xs-hide">{{'FORUMS.FIELDS.TOPICS' | translate}}</th>
                        <th class="text-center xs-hide">{{'FORUMS.FIELDS.REPLIES' | translate}}</th>
                        <th class="text-center xs-hide sm-hide">{{'FORUMS.FIELDS.LAST_REPLY' | translate}}</th>
                    </tr>
                </thead>
                <tbody>
                    <tr ng-repeat="f in vm.forums | filter: { category: cat.value }">
                        <td>
                            <span class="forum-icon glyphicon glyphicon-folder-open" ng-class="{'has-new-post': $index%2==0}"></span>

                            <div class="forum-info">
                                <h4><a ui-sref="forums.view({ forumId: f._id})">{{f.name}}</a>
                                    <small class="badge badge_mt" ng-show="f.readOnly">R</small>
                                </h4>

                                <p class="forum-desc" ng-bind-html="vm.getForumDesc(f);"></p>

                                <p><span class="moderators-title">{{'FORUMS.FIELDS.MODERATORS' | translate}}:</span>
                                    <span class="moderators-list">
                                        <span class="moderators-item" ng-repeat="m in f.moderators">{{m.displayName}}
                                            <span message-to="m" to-class="message-to-icon"></span>
                                        </span>
                                    </span>
                                </p>
                            </div>
                        </td>
                        <td class="text-center xs-hide">{{f.topicCount}}</td>
                        <td class="text-center xs-hide">{{f.replyCount}}</td>
                        <td class="xs-hide sm-hide">
                            <div ng-if="f.lastTopic">
                                <div ng-if="f.lastTopic._replies.length > 0">   <!--reply-->
                                    <div class="text-long">
                                        <a ui-sref="forums.topic({ forumId: f._id, topicId: f.lastTopic._id })">Re: {{f.lastTopic.title}}</a>
                                    </div>
                                    <div class="small reply-by">
                                        <span translate="FORUMS.FIELDS.REPLY_BY_1"
                                          translate-values="{user: f.lastTopic.lastUser.displayName}"></span>
                                        <span message-to="f.lastTopic.lastUser" to-class="message-to-icon"></span>
                                    </div>
                                    <div class="small reply-by"
                                         translate="FORUMS.FIELDS.REPLY_BY_2"
                                         translate-values="{createdAt: '{{f.lastTopic.lastReplyAt | date: 'yyyy-MM-dd HH:mm:ss'}}'}">
                                    </div>
                                </div>
                                <div ng-if="f.lastTopic._replies.length == 0">   <!--post-->
                                    <div class="text-long">
                                        <a ui-sref="forums.topic({ forumId: f._id, topicId: f.lastTopic._id })">{{f.lastTopic.title}}</a>
                                    </div>
                                    <div class="small reply-by">
                                        <span translate="FORUMS.FIELDS.REPLY_BY_1"
                                          translate-values="{user: f.lastTopic.user.displayName}"></span>
                                        <span message-to="f.lastTopic.user" to-class="message-to-icon"></span>
                                    </div>
                                    <div class="small reply-by"
                                         translate="FORUMS.FIELDS.REPLY_BY_3"
                                         translate-values="{createdAt: '{{f.lastTopic.createdAt | date: 'yyyy-MM-dd HH:mm:ss'}}'}">
                                    </div>
                                </div>
                            </div>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</section>