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

<section ng-controller="StatusController as vm" ng-init="vm.initIsActive = false;">
    <div class="status-tab">
        <div class="container">
            <div class="tab-status margin-top-40">
                <ul class="nav nav-tabs mt-responsive-tabs-xs">
                    <li ui-sref="status.torrents.uploaded" ui-sref-active="active" title="{{'STATUS_UPLOADED' | translate}}">
                        <a><i class="fa fa-arrow-alt-circle-up fa-2x" aria-hidden="true"></i><span
                                class="tab-title">{{'STATUS_UPLOADED' | translate}}</span></a>
                    </li>
                    <li ui-sref="status.torrents.seeding" ui-sref-active="active" title="{{'STATUS_SEEDING' | translate}}">
                        <a><i class="fa fa-arrow-up fa-2x" aria-hidden="true"></i><span class="tab-title">{{'STATUS_SEEDING' | translate}}</span></a>
                    </li>
                    <li ui-sref="status.torrents.downloading" ui-sref-active="active" title="{{'STATUS_DOWNLOADING' | translate}}">
                        <a><i class="fa fa-arrow-down fa-2x" aria-hidden="true"></i><span
                                class="tab-title">{{'STATUS_DOWNLOADING' | translate}}</span></a>
                    </li>
                    <li ui-sref="status.torrents.warning" ui-sref-active="active" title="{{'STATUS_WARNING' | translate}}" ng-if="vm.hnrConfig.enable">
                        <a><i class="fa fa-exclamation-circle fa-2x" aria-hidden="true"></i><span class="tab-title">{{'STATUS_WARNING' | translate}}</span></a>
                    </li>
                </ul>

            </div>
        </div>
    </div>
    <div class="container">
        <div ui-view></div>
    </div>
</section>