ri-backoffice/dist/html/model.html

Administration panel for route-injector package

<div>
    <div ng-include src="'html/inc/breadcrumb.html'"></div>
    <h1 class="page-title">{{common.prettifyTitle(schema)}}
        <small>{{'MODEL.SUBTITLE'|translate}}</small>
    </h1>
    <flash-message></flash-message>
    <div class="" ng-if="config.search">
        <search-in-model></search-in-model>
        <!--<group-in-model></group-in-model>-->
    </div>
    <div class="top15 bottom15">
        <div class="row">
            <model-buttons></model-buttons>
            <div class="col-lg-12">
                <table class="table table-striped">
                    <thead>
                    <tr>
                        <th><input type="checkbox" ng-model="removeAll"/></th>
                        <th ng-repeat="column in config.allDisplayFields">
                            <a ng-click="sortBy(column,!(getSort(column)==1))" href="">
                                <span ng-bind-html="models.getFieldTitle(column, schemaForm)"></span>
                                <span ng-if="getSort(column) && getSort(column) == -1" class="order">
                                    <span class="caret" style="margin: 10px 5px;"></span>
                                </span>
                                <span ng-if="getSort(column) && getSort(column) == 1" class="order dropup">
                                    <span class="caret" style="margin: 10px 5px;"></span>
                                </span>
                            </a>
                        </th>
                        <th></th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr ng-repeat="element in elements">
                        <td><input type="checkbox" name="selectedElements[]"
                                   value="{{id(element)}}"
                                   ng-checked="removeAll"
                                   ng-model="element.checked"/>
                        </td>
                        <td ng-repeat="column in config.allDisplayFields" ng-bind-html="displayCustomField(column,
                            element, schemaForm)| to_trusted">
                        </td>
                        <td>
                            <a ng-disabled="isDisabled(element)" class="btn btn-primary btn-sm"
                               ng-href="{{getUrl(element, schema)}}">{{'MODEL.BUTTONS.VIEW'|translate}}</a>
                        </td>
                    </tr>
                    </tbody>
                </table>
                <div class="col-md-9">
                    <pagination class="pagination-sm" total-items="totalElements" ng-model="currentPage"
                                items-per-page="itemsPerPage" max-size="maxSize" boundary-links="true"
                                rotate="false" boundary-link-numbers="true" force-ellipses="true" num-pages="numPages"
                                ng-change="pageChanged()"></pagination>
                </div>

                <div class="col-md-3 top20">
                    <div class="input-group input-group-sm">
                        <span class="input-group-addon" id="ipp">{{'MODEL.ITEMS_PER_PAGE'|translate}}</span>
                        <input type="text" class="form-control" placeholder="{{'MODEL.ITEMS_PER_PAGE'|translate}}..."
                               ng-model="userItemsPerPage" aria-describedby="ipp"/>
                            <span class="input-group-btn input-group-sm">
                                <button class="btn btn-default" type="button" ng-click="pageChanged()">
                                    <span class="glyphicon glyphicon-repeat"></span></button>
                            </span>
                    </div>
                    <!-- /input-group -->
                </div>
                <!-- /.col-lg-6 -->
            </div>
        </div>
        <div class="row">
            <model-buttons></model-buttons>
        </div>
    </div>
</div>

<!--MODAL FOR VALIDATION-->
<script type="text/ng-template" id="myModalContent.html">
    <div class="modal-header">
        <h3 class="modal-title">{{'MODEL.ALERT.TITLE'|translate}}</h3>
    </div>
    <div class="modal-body">
        <p>{{'MODEL.ALERT.BODY'|translate}}</p>
    </div>
    <div class="modal-footer">
        <button class="btn btn-primary" ng-click="cancel()">{{'MODEL.ALERT.BACK'|translate}}</button>
        <button class="btn btn-danger" ng-click="ok()">{{'MODEL.ALERT.YES'|translate}}</button>
    </div>
</script>