[Examples] View

some-view.html

<ul class="nav nav-tabs mb20">
    <li>
        <a href="/batch-insert/">
            <i class="fa fa-align-justify"></i>
            Текст
        </a>
    </li>
    <li>
        <a href="/files/">
            <i class="fa fa-th"></i>
            Excel файлы
        </a>
    </li>
    <li class="active">
        <a href="/files/{{file.file_id}}/" once-text="file.file_title"></a>
    </li>
</ul>

<div class="row">
    <div class="col-sm-{{groups.count()?4:8}}">
        <div class="mb10">
            <label class="pretty-checkbox-label">
                <span class="pretty-checkbox">
                    <input
                        type="checkbox"
                        autocomplete="off"
                        ng-model="batch.deactivate">
                    <i class="fa"></i>
                </span>
                <span class="off">Отключать</span>
                <span class="bad">не действительные</span>
                номера
            </label>
        </div>
        <div class="mb10">
            <label class="pretty-checkbox-label">
                <span class="pretty-checkbox">
                    <input
                        type="checkbox"
                        autocomplete="off"
                        ng-model="batch.update">
                    <i class="fa"></i>
                </span>
                Обновлять уже существующие номера
            </label>
        </div>
        <div>
            <label class="pretty-checkbox-label">
                <span class="pretty-checkbox">
                    <input
                        ng-disabled="!batch.update"
                        type="checkbox"
                        autocomplete="off"
                        ng-model="batch.clear_groups">
                    <i class="fa"></i>
                </span>
                Удалять другие группы у номеров (кроме выбранных, если есть)
            </label>
        </div>
    </div>
    <div class="col-sm-4" once-if="groups.count()">
        <p>
            Добавить в
            {{groups.countSelected()|wordForm:'группу':'группы':'групп'}}
            <small class="text-nowrap">(выберете необходимые)</small>
        </p>
        <ul class="list-unstyled group-list">
            <li ng-repeat="r in groups.all()" >
                <label
                    ng-click="r.selected = !r.selected"
                    ng-class="{'label-primary':r.selected}"
                    class="a label label-default">
                    <span class="fa fa-users"></span>
                    {{r.group_name|truncate:15}}
                </label>
            </li>
        </ul>
    </div>
    <div class="col-sm-4">
        <p>
            Листы в файле
        </p>
        <button
            ng-repeat="sheet in sheets track by $index"
            ng-click="selectSheet($index)"
            ng-class="sheet.active?'btn-primary':'btn-link'"
            class="btn btn-xs">{{sheet.title|truncate:10}}</button>
    </div>
</div>

<div class="if-else-block" ng-class="{if:!rows.count()}">
    <div class="if">
        <div class="empty-list if-else-block" ng-class="{if:!pagination.isFirstPage()}">
            <div class="if">
                Попробуйте перейти на <a ng-click="listing(true)" href="#">первую страницу</a>
            </div>
            <div class="else">
                <div class="if-else-inline" ng-class="{if:pagination.isLoading()}">
                    <b class="if">Загрузка...</b>
                    <b class="else">Ничего не найдено</b>
                </div>
            </div>
        </div>
    </div>
    <div class="else">
        <table class="table table-edit table-multiply table-excel table-bordered">
            <thead>
                <tr>
                    <td class="w1 td-checkbox">
                        <label class="pretty-checkbox-label">
                            <span class="pretty-checkbox">
                                <input
                                    ng-change="selectAll.onChangeValue()"
                                    ng-model="selectAll.value"
                                    type="checkbox">
                                <i class="fa"></i>
                            </span>
                        </label>
                    </td>
                    <td ng-repeat="v in columns track by $index">
                        <select class="form-control" ng-model="columns[$index]">
                            <option value="skip">- Пропустить -</option>
                            <option value="number">Телефон</option>
                            <option value="number_field1">Метка1</option>
                            <option value="number_field2">Метка2</option>
                            <option value="number_birthday">ДР</option>
                        </select>
                    </td>
                    <td class="w1 icons">
                        &nbsp;
                    </td>
                </tr>
            </thead>
            <tbody>
                <tr
                    ng-repeat="r in rows.all() track by $index"
                    ng-class="{active:r.processed}">
                    <td class="w1 td-checkbox">
                        <label class="pretty-checkbox-label">
                            <span class="pretty-checkbox">
                                <input
                                    ng-disabled="r.processed"
                                    ng-change="selectAll.onChange(r)"
                                    ng-model="r.selected"
                                    type="checkbox">
                                <i class="fa"></i>
                            </span>
                        </label>
                    </td>
                    <td ng-repeat="v in r track by $index">
                        <input type="text" ng-model="v">
                    </td>
                    <td class="w1 icons">
                        <i
                            ng-click="add(r)"
                            pre-tooltip="Добавить"
                            class="a fa fa-plus"></i>
                    </td>
                </tr>
            </tbody>
        </table>
        <div class="row table-multiply-footer">
            <div class="col-sm-4">
                &nbsp;&nbsp;
                <i
                    ng-class="{'text-muted':!selectAll.count}"
                    class="fa fa-share fa-rotate-270"></i>
                <button
                    ng-click="addBatch()"
                    ng-disabled="!selectAll.count"
                    class="btn btn-xs btn-default">
                    <i class="fa fa-plus"></i>
                    Добавить
                </button>
            </div>
            <div class="col-sm-8 clearfix" ng-show="pagination.show">
                <span
                    ng-click="showMore()"
                    ng-hide="pagination.isLastPage()"
                    class="a small pull-right show-more-xs">
                    еще
                    <i class="fa fa-angle-down"></i>
                </span>
                <ul class="pagination pagination-xs pull-right mt0 mb0" ng-pagination></ul>
            </div>
        </div>
    </div>
</div>