meanTorrent/modules/about/client/views/maker.client.view.html

<section class="container" ng-controller="AboutController as vm" ng-init="vm.getMakerList();">
    <div class="row margin-top-20">
        <div class="col-sm-12">
            <span>
                <h3 class="margin-bottom-30">
                    {{'ABOUT.MAKER_GROUP' | translate}}
                </h3>
            </span>

            <div class="margin-top-10">
                <div class="alert alert-warning" role="alert" style="padding: 10px 50px;">
                    <span translate="ABOUT.MAKER_LIST_TOOLTIP" translate-values="{site: vm.appConfig.name}"></span>
                </div>
            </div>

            <div class="row maker-group-list">
                <div class="col-sm-6 col-md-4" ng-repeat="m in vm.makerList">
                    <div class="text-center group-item"
                         ui-sref="about.group({ makerId: m._id })"
                         ng-mouseenter="vm.spinCog($event, m.name)" ng-mouseleave="vm.stopCog($event, m.name)">
                        <div class="h3">
                            <span maker-info="m" info-class="h3"></span>
                        </div>

                        <span>{{'ABOUT.GROUP_FOUNDER' | translate}}</span>
                        <span info-class="h5" user-info="m.user" info-name></span>
                        <span to-class="h5" message-to="m.user" to-class="message-to-icon"></span>

                        <div class="row margin-top-20 group-data">
                            <div class="col-xs-4 col-small-padding text-right">
                                <i class="fa fa-user-circle text-info"> {{m.members.length}}</i>
                            </div>
                            <div class="col-xs-4 col-small-padding text-center">
                                <i class="fa fa-upload text-info"> {{m.torrent_count}}</i>
                            </div>
                            <div class="col-xs-4 col-small-padding text-left">
                                <i class="fa fa-star text-info"> {{m.vote_average}}/{{m.vote_count}} {{ 'TMDB_FIELDS.VOTE_UNIT' | translate}}</i>
                            </div>
                        </div>

                        <i id="cog_{{m.name}}" class="fa fa-5x fa-cog group-icon"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>