admin-php-module/web/views/shifts/index.html

<div id="container-floating">
    <div class="nd3 nds" data-toggle="tooltip" data-placement="left" title="Повторно выгрузить" ng-click="add()" style="background-color: #3c80f6" onmouseenter="$(this).tooltip('show')">
        <i class="material-icons">&#xE145;</i>
    </div>
	
    <div class="nd1 nds" data-toggle="tooltip" data-placement="left" title="Обновить" ng-click="update()" style="background-color: #d3a411"
        onmouseenter="$(this).tooltip('show')">
        <i class="material-icons">&#xE5D5;</i>
    </div>

    <div id="floating-button" data-toggle="tooltip" data-placement="left" title="Действия" onmouseenter="$(this).tooltip('show')">
        <p class="plus">
            <i class="material-icons">&#xE5D2;</i>
        </p>
        <p class="edit">
            <i class="material-icons">&#xE5CD;</i>
        </p>
    </div>
</div>

<div class="padding">
    <div class="box">
        <div class="table-responsive">
            <table class="table table-bordered m-a-0">
                <thead>
                    <tr>
                        <th>ID</th>
                        <th>Открыта</th>
                        <th>Закрыта</th>
                        <th>Итог</th>
                        <th>
                            <i class="material-icons">&#xE3E7;</i>
                        </th>
                    </tr>
                </thead>
                <tbody>
                    <tr ng-repeat="(index, shift) in shifts">
                        <td>{{ shift.id }}</td>
                        <td>
                            {{ shift.opened }} <br>
                            <small class="text-muted">{{ shift.open }}</small>
                        </td>
                        <td>
                            {{ shift.closed }} <br>
                            <small class="text-muted">{{ shift.close }}</small>
                        </td>
                        <td>{{ shift.sum | curr}}</td>
                        <td>
                            <div class="dropdown inline" style="margin-top: -5px; position: absolute;">
                                <button class="btn white dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="padding: 0.2rem 0.4rem">
                                    <i class="material-icons">&#xE5D2;</i>
                                </button>
                                <div class="dropdown-menu pull-right dropdown-menu-scale">
                                    <a class="dropdown-item" ng-click="reportStatistic(shift)">По статистике</a>
                                    <a class="dropdown-item" ng-click="reportRealisation(shift)">По реализации</a>
                                    <a class="dropdown-item" ng-click="reportDelete(shift)">По удалениям</a>
                                    <a class="dropdown-item" ng-click="reportStaff(shift)">По персоналу</a>
                                    <a class="dropdown-item" ng-click="reportPay(shift)">По отделам</a>
                                    <a class="dropdown-item" ng-click="reportDiscounts(shift)">По скидкам</a>
                                    <!-- <a class="dropdown-item" ng-click="reportOrders(shift)">По заказам</a> -->
                                    <a class="dropdown-item" ng-click="reportMerged(shift)">По объединениям</a>
                                    <a class="dropdown-item" ng-click="reportSliced(shift)">По разбиениям</a>
                                    <a class="dropdown-item" ng-click="reportMoved(shift)">По переносам</a>
                                    <a class="dropdown-item" ng-click="reportOut(shift)">По внешним заказам</a>
                                    <a class="dropdown-item" ng-click="restoreShift(shift)">Восстановить смену</a>
                                    <a class="dropdown-item" ng-if="delete_shift_value > 0" ng-click="deleteShift(shift)">Удалить смену</a>
                                </div>
                            </div>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
        <footer class="dker p-a">
            <div class="row">
                <div class="col-sm-12 text-center">
                    <ul class="pagination pagination-sm m-a-0">
                        <li>
                            <a ng-click="prevPage()" ng-class="currentPage == 1 ? 'disabled' : ''">
                                <i class="fa fa-chevron-left"></i>
                            </a>
                        </li>
                        <li ng-class="page == currentPage ? 'active' : ''" ng-repeat="page in pages" ng-click="showPage(page)">
                            <a href>{{ page }}</a>
                        </li>
                        <li>
                            <a ng-click="nextPage()" ng-class="currentPage == countOfPages ? 'disabled' : ''">
                                <i class="fa fa-chevron-right"></i>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </footer>
    </div>
</div>

<div class="modal fade" id="shift-delete" data-backdrop="true">
    <div ui-include="'../views/shifts/items/deleted.html'"></div>
</div>

<div class="modal fade" id="report-realisation" data-backdrop="true">
    <div ui-include="'../views/reports/items/realisation.html'"></div>
</div>

<div class="modal fade" id="report-statistic" data-backdrop="true">
    <div ui-include="'../views/reports/items/statistic.html'"></div>
</div>

<div class="modal fade" id="report-staff" data-backdrop="true">
    <div ui-include="'../views/reports/items/staff.html'"></div>
</div>

<div class="modal fade" id="report-payment" data-backdrop="true">
    <div ui-include="'../views/reports/items/payment.html'"></div>
</div>

<div class="modal fade" id="report-out" data-backdrop="true">
    <div ui-include="'../views/reports/items/out.html'"></div>
</div>

<div class="modal fade" id="reImport" data-backdrop="true">
    <div ui-include="'../views/shifts/reimport.html'"></div>
</div>

<div class="modal fade" id="report-merge" data-backdrop="true">
    <div ui-include="'../views/reports/items/merge.html'"></div>
</div>

<div class="modal fade" id="report-move" data-backdrop="true">
    <div ui-include="'../views/reports/items/move.html'"></div>
</div>

<div class="modal fade" id="report-slice" data-backdrop="true">
    <div ui-include="'../views/reports/items/slice.html'"></div>
</div>

<div class="modal fade" id="preload-modal" data-backdrop="true">
    <div ui-include="'../views/shifts/preload.html'"></div>
</div>

<div class="modal fade" id="report-discounts" data-backdrop="true">
    <div ui-include="'../views/reports/items/discounts.html'"></div>
</div>

<div class="modal fade" id="report-order-info" data-backdrop="true">
    <div ui-include="'../views/reports/items/order-info.html'"></div>
</div>

<div class="modal fade" id="report-orders-list" data-backdrop="true">
    <div ui-include="'../views/reports/items/orders-list.html'"></div>
</div>