uqac-websem-project/frontend/WebSem/app/views/articlesCategory.html

<div layout="column" layout-fill layout-align="top" angular-busy="appUtils.cgBusy('articleCategory.articleCategory')">

    <div layout="row">
        <span flex="15"></span>
        <md-grid-list class="image-grid" md-cols="4" md-row-height="200px" md-row-height-gt-sm="300px"
                      md-row-height-gt-md="450px" md-gutter="4px" flex="60">
            <md-grid-tile ng-repeat="item in items.data" class="red" md-colspan="{{$index < 2 ? 2 : 1}}" md-rowspan="1">
                <a ui-sref="{{itemType}}">
                    <img class="article-picture" ng-src="{{item.pictureUrl}}">
                    <md-grid-tile-footer><h3>{{ item.title }}</h3></md-grid-tile-footer>
                </a>
            </md-grid-tile>
        </md-grid-list>
    </div>


    <md-table-pagination md-label="{{appUtils.mdTableLabels()}}" class="col-xs-11" md-limit="query.limit" md-limit-options="[5, 10, 20]"
                         md-page="query.page" md-total="{{items.count}}" md-on-paginate="load" md-page-select></md-table-pagination>

    <div ng-repeat="error in busy.errors('articleCategory.articleCategory')" class="isa_error">
        <i class="fa fa-times-circle"></i>
        {{ error.data.message }}
    </div>
</div>