Kasse/templates/pos.html

<div class="row ">
    <div class="col-md-7">

        <table class="table table-striped">
            <tr class="warning">
                <th class="col-md-1">Gesamt</th>
                <td class="col-md-2">
                    {{currentInvoice.details.length}} Artikel
                </td>
                <th class="col-md-1 text-right big">
                    {{invoiceTotal()|euro}} €
                </th>
            </tr>
            <tr>
                <td><i class="glyphicon glyphicon-download-alt"></i></td>
                <td>
                    Von Kunde erhalten (/)
                </td>
                <td class="text-right">
                    <input id="paid" class="form-control text-right" type="text" ng-model="currentInvoice.paid" ng-keypress="keyPressPaid($event)" data-price/>
                </td>
            </tr>
            <tr ng-show="currentInvoice.valid">
                <td><i class="glyphicon glyphicon-log-out"></i></td>
                <th>
                    Rückgeld
                </th>
                <td class="text-right">
                    {{currentChange()|euro}} €
                </td>
            </tr>

            <tr>
                <th>Pos</th>
                <th>Artikel</th>
                <th class="text-right">Preis</th>
            </tr>
            <tr ng-repeat="b in currentInvoice.details ">
                <td>
                    {{b.line_number}}
                </td>
                <td>
                    <input class="form-control item monospace" type="text" required item ng-model="b.item" ng-keypress="keyPressItem($event, $index)"/>
                </td>
                <td class="text-right">
                    <input class="form-control text-right price" type="text" required ng-model="b.price"  ng-keypress="keyPressPrice($event, $index)" data-price />
                </td>
            </tr>

        </table>

    </div>

    <div class="col-md-5">
        <table class="table">
            <tr>
                <td style="width: 180px; font-size: 30pt; text-align: center;">
                    Kasse Nr. {{postParams.pos_id}}
                </td>
                <td>
                    Kassierer: <input class="form-control" type="text" ng-model="postParams.cashier"/>
                </td>

            </tr>
        </table>
    </div>
    <div class="col-md-5">

        <table class="table table-striped">
            <tr>
                <th></th>
                <th></th>
                <th class="normal">Datum</th>
                <th class="normal">Anz. Art.</th>
                <th class="normal text-right">Gesamt-Preis</th>
                <th class="normal text-right">Gegeben<br/>Rückgeld</th>
            </tr>
            <tr ng-repeat="invoice in offlineInvoices | orderBy:'-invoice_date' " >
                <td></td>
                <td></td>
                <td class="normal">{{invoice.invoice_date|datum}}</td>
                <td class="text-right">{{invoice.line_count}}</td>
                <td class="text-right">{{invoice.total|euro}}</td>
                <td class="normal text-right">{{invoice.paid|euro}}<br/>{{(invoice.paid-invoice.total)|euro}}</td>
            </tr>
            <tr ng-repeat="invoice in invoices | orderBy:'-invoice_date' | limitTo: 15" >
                <td><button type="button" class="btn" ng-click="loadInvoice(invoice.invoice_number)"><i class="glyphicon glyphicon-pencil"></i></button></td>
                <td>
                    <button type="button" class="btn btn-warning" ng-click="printInvoice(invoice.invoice_number)" ng-show="invoice.printed==0"><i class="glyphicon glyphicon-print"></i></button>
                    <button type="button" class="btn btn-success" ng-click="printInvoice(invoice.invoice_number)" ng-show="invoice.printed==1"><i class="glyphicon glyphicon-check"></i></button>
                </td>
                <td class="normal">{{invoice.invoice_date|datum}}</td>
                <td class="text-right">{{invoice.line_count}}</td>
                <td class="text-right">{{invoice.total|euro}}</td>
                <td class="normal text-right">{{invoice.paid|euro}}<br/>{{(invoice.paid-invoice.total)|euro}}</td>
            </tr>
            <tr>
                <td></td>
                <td></td>
                <th class="normal">Kassenstand</th>
                <td></td>
                <th class="text-right">{{total()|euro}}</th>
                <td class="text-right"></td>
            </tr>
        </table>
    </div>

</div>

<div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="disabledLabel" ng-show="postParams.disabled=1">
    <div class="modal-dialog modal-sm" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="disabledLabel">Kasse nicht verfügbar</h4>
            </div>
            <div class="modal-body">
                Die Instanz wird bereits von einem anderen PC genutzt oder die Kasse wurde geschlossen.
            </div>
        </div>
    </div>
</div>

<div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="inactiveLabel" ng-show="postParams.active=0">
    <div class="modal-dialog modal-sm" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="inactiveLabel">Kasse gesperrt</h4>
            </div>
            <div class="modal-body">
                Die Kasse ist gerade gesperrt.
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" ng-click="setActive()">Kasse entsperren</button>
                <button type="button" class="btn btn-danger" ng-click="closePos()">Kasse schließen</button>
            </div>
        </div>
    </div>
</div>

<div id="warningModal" class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="warningLabel" aria-hidden="true"  ng-keypress="keyPressModal($event)">
    <div class="modal-dialog modal-sm" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="warningLabel">Warnung</h4>
            </div>
            <div class="modal-body">
                {{warningInfo[warning]}}!
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-danger" data-dismiss="modal">OK</button>
            </div>
        </div>
    </div>
</div>