admin-php-module/web/views/dashboard/items/items-total.html

<div class="modal-dialog modal-lg">
    <div class="modal-content">
        <div class="modal-header">
            <button type="button" class="close" data-toggle="modal" data-target="#items-total" ng-click="returnModal('total')">
                <i class="material-icons md-24">arrow_back</i>
            </button>
            <h5 class="modal-title" style="padding-bottom: 12px;">Подробнее о заказе № {{ order.title }}</h5>
            <div class="row">
                <div class="col-xs-6 col-md-3">
                    <p class="text-muted m-b-0">Открыт</p>
                    <p class="m-b-0">{{ order.who_open }}</p>
                    <p class="m-b-0">{{ order.opened }}</p>
                </div>
                <div class="col-xs-6 col-md-3">
                    <div ng-if="getClosedDate(order.closed) == NOT_CLOSED">
                        <p class="text-muted m-b-0">{{NOT_CLOSED}}</p>
                    </div>
                    <div ng-if="getClosedDate(order.closed) != NOT_CLOSED">
                        <p class="text-muted m-b-0">Закрыт</p>
                        <p class="m-b-0">{{ order.who_close }}</p>
                        <p class="m-b-0">{{ order.closed }}</p>
                    </div>
                </div>
                <div class="col-xs-6 col-md-3">
                    <p class="text-muted m-b-0">Распечатано предчеков: <span class="m-b-0">{{ actions.bill }}</span></p>
                </div>
            </div>
        </div>
        <div class="modal-body p-lg">
            <div>
                <div class="b-b nav-active-bg">
                    <ul class="nav nav-tabs">
                        <li class="nav-item">
                                <a class="nav-link active" href="" data-toggle="tab" data-target="#tab1" aria-expanded="true">Товары</a>
                        </li>
                        <li class="nav-item">
                                <a class="nav-link" href="" data-toggle="tab" data-target="#tab2" aria-expanded="false">Журнал заказа</a>
                        </li>
                        <li class="nav-item" ng-if="actions.slice_trigger == 1">
                                <a class="nav-link" href="" data-toggle="tab" data-target="#tab3" aria-expanded="false">История разбиения</a>
                        </li>
                        <li class="nav-item" ng-if="actions.merge_trigger == 1">
                                <a class="nav-link" href="" data-toggle="tab" data-target="#tab4" aria-expanded="false">История объединения</a>
                        </li>
                        <li class="nav-item" ng-if="actions.move_trigger == 1">
                                <a class="nav-link" href="" data-toggle="tab" data-target="#tab5" aria-expanded="false">История переноса</a>
                        </li>
                    </ul>
                </div>
                <div class="tab-content p-a m-b-md">
                    <div class="tab-pane animated fadeIn text-muted active" id="tab1" aria-expanded="true">
                        <div class="table-responsive">
                            <table class="table m-a-0">
                                <thead>
                                    <tr>
                                        <th>Блюдо</th>
                                        <th>Количество</th>
                                        <th class="text-right">Сумма, BYN</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr ng-repeat="item in order.items">
                                        <td>{{ item.name }}</td>
                                        <td>{{ item.count }}</td>
                                        <td class="text-right">{{ item.sale_price | curr }}</td>
                                    </tr>
                                </tbody>
                                <thead>
                                    <tr>
                                        <th colspan="2"></th>
                                        <th class="text-right">Итого: {{ order.total | curr }} BYN</th>
                                    </tr>
                                </thead>
                            </table>
                        </div>
                    </div>
                    <!-- Журнал заказа -->
                    <div class="tab-pane animated fadeIn text-muted" id="tab2" aria-expanded="false">
                        <div class="table-responsive">
                            <table class="table m-a-0">
                                <thead>
                                    <tr>
                                        <th>Действие</th>
                                        <th>Персонал</th>
                                        <th>Время</th>
                                        <th>Группа</th>
                                        <th>Место</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr ng-repeat="action in actions.actions">
                                        <td>{{ action.action }}</td>
                                        <td>{{ action.who }}</td>
                                        <td>{{ action.time }}</td>
                                        <td>{{ action.workgroup }}</td>
                                        <td>{{ action.workcode }}</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <!--Разбиение заказа-->
                    <div ng-if="actions.slice_trigger == 1" class="tab-pane animated fadeIn text-muted" id="tab3" aria-expanded="false">
                        <div ng-repeat="sliced_order_item in actions.sliced_order_items">
                            <p class="text-muted m-b-0">Время разбиения: <span class="m-b-0">{{ sliced_order_item.time }}</span></p>
                            <p class="text-muted m-b-0">Пользователь: <span class="m-b-0">{{ sliced_order_item.staff }}</span></p>
                            <p class="text-muted m-b-0">Товары перенесенные в заказ №<span class="m-b-0">{{ sliced_order_item.order }}</span></p>
                            <div class="table-responsive">
                                <table class="table m-a-0">
                                    <thead>
                                        <tr>
                                            <th>Наименование</th>
                                            <th>Количество</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr ng-repeat="item in sliced_order_item.items">
                                            <td>{{ item.name }}</td>
                                            <td>{{ item.count }}</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            <hr>
                        </div>
                    </div>
                    <!--Объединение заказа-->
                    <div ng-if="actions.merge_trigger == 1" class="tab-pane animated fadeIn text-muted" id="tab4" aria-expanded="false">
                        <div ng-repeat="merged_order_item in actions.merged_order_items">
                            <p class="text-muted m-b-0">Время объединения: <span class="m-b-0">{{ merged_order_item.time }}</span></p>
                            <p class="text-muted m-b-0">Пользователь: <span class="m-b-0">{{ merged_order_item.staff }}</span></p>
                            <p class="text-muted m-b-0">Товары перенесенные из заказа №<span class="m-b-0">{{ merged_order_item.order }}</span></p>

                            <div class="table-responsive">
                                <table class="table m-a-0">
                                    <thead>
                                        <tr>
                                            <th>Наименование</th>
                                            <th>Количество</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr ng-repeat="item in merged_order_item.items">
                                            <td>{{ item.name }}</td>
                                            <td>{{ item.count }}</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            <hr>
                        </div>
                    </div>
                    <!--Перенос заказа-->
                    <div ng-if="actions.move_trigger == 1" class="tab-pane animated fadeIn text-muted" id="tab5" aria-expanded="false">
                        <div ng-repeat="moved_order in actions.moved_order_data">
                            <p class="m-b-0">Время переноса: <span class="m-b-0">{{ moved_order.time }}</span></p>
                            <p class="m-b-0">Пользователь: <span class="m-b-0">{{ moved_order.staff_name }}</span></p>
                            <p class="m-b-0">{{ moved_order.data }}</span></p>
                            <hr>
                        </div>
                    </div>
                </div>
            </div>
            
        </div>
    </div>
</div>