caisse-bliss/app/Resources/views/logged/caisse-main.html.twig

<div class="caisse-main row"
        ng-app="caisse"
        ng-controller="CaisseCtrl"
>
    {% verbatim %}
        <div class="alert">
            test stuff: {{ stuff[0] }}.
            <br>compte: {{ stuff.length }}.
        </div>
        <div class="well">
        {{productsFromDB.length}}
</div>

    <div class="listing-products col-xs-7">
            <div class="category-listing" ng-repeat="c in categories">
                <h2>
                    {{ c.name }}
                </h2>

                <button ng-repeat="p in c.products track by p.id"
                class="btn btn-default"
                        ng-click="addProduct( p )">
                    {{ p.name }}
                    <span class="badge">
                     {{ p.price }}
                    </span>

                </button>
    </div>

</div>
<div class="sellings col-xs-5">
    <div class="current-selling">
        <form action="#">
            <input type="text" ng-model="activeFestival.commentaire">
            <ul>
                    <li ng-repeat="p in activeSelling track by $index">
                    <div class="row">
                        <div class="col-xs-6">
                         {{p.name}}
                         <div class="btn btn-warning" ng-click="activeSelling.splice($index,1)">
                         <i class="fa fa-trash"></i>
</div>
                        </div>
                        <div class="col-xs-6 text-right">
                            <strong>
                            <input type="number" ng-model="p.price">  €
                            </strong>
                        </div>
                    </div>


                     </li>
                </ul>
                <h3>Total: {{CurrentSellingTotal}}€</h3>

    <input type="number" id="paid_amount" ng-model="paidAmount">
    <h3>Rendu: {{ abs(CurrentSellingTotal - paidAmount) }}€</h3>
{% endverbatim %}
    <div class="row">
        <div class="col">
            <button class="btn btn-default" id="pause_selling">
                <i class="fa fa-clock"></i>
                Pause
            </button>
        </div>
        <div class="col">
            <button class="btn btn-primary btn-block" id="validate_selling">
                <i class="fa fa-check"></i>
                Valider
            </button>
        </div>
    </div>


    </form>
    <hr>
</div>
<div class="selling-on-hold">
    <h4>
        Ventes en pause
    </h4>

    <ul>
        <li>h:m:s xxxx€</li>
    </ul>
    <hr>
</div>
<div class="selling-history">
    <h4>
        Ventes récentes
    </h4>
    {% if recentSells %}
        <ul>
            {% for s in recentSells %}
                <li>{{ s.date|date('Y/m/d H:i:s') }} {{ s.amount }}€</li>
            {% endfor %}

        </ul>
    {% else %}
        aucune
    {% endif %}

</div>
</div>

</div>