cobuild-angular-stack/modules/guest.checkout/views/guest.checkout.cart.html

Base stack angular sass jade gulp

<div class="container-checkout checkout-car"  send-g-a-display-event="" ga-action="Visita al Carrito" ga-label="Checkout - Visita al Carrito">
    <table class="table table-checkout hidden-xs">
        <thead>
            <tr>
                <th>{{'added-gifts' | translate}}</th>
                <th>{{ 'name' | translate }}</th>
                <th class="text-center">{{'quantity' | translate}}</th>
                <th class="text-center">{{'price' | translate}}</th>
                <th></th>
            </tr>
        </thead>
        <tbody>
            <tr ng-repeat="item in products">
                <td class="flex-center">
                    <div class="image" ng-style="{backgroundImage: item.image ? 'url('+item.image+')' : 'url(img/default-gift.png)'}"></div>
                </td>
                <td>
                    {{ item.name }}
                </td>
                <td class="text-center">
                    <input class="item-quant" type="number" min="1"
                           ng-if="!account.trackQuantity"
                           ng-change="updatePrices(item, $event)" ng-model="item.bought">
                    <input class="item-quant" type="number" min="1"
                           ng-if="account.trackQuantity"
                           max="{{item.qty - item.received}}"
                           ng-change="updatePrices(item, $event)" ng-model="item.bought">
                </td>
                <td class="text-center">{{item.convertedPrice}}</td>
                <td class="text-right">
                    <div class="content-icon" ng-click="removeItem($index)"><i class="remove" ></i></div>
                </td>
            </tr>
            <tr>
                <td class="text-right" colspan="2">SUBTOTAL</td>
                <td class="text-center subtotal" colspan="1">{{total}}</td>
                <td class="text-right" colspan="1" style="padding:0">
                    <div class="btn-group" style="padding:0" uib-dropdown auto-close="true">
                        <ul class="pull-right" uib-dropdown-menu role="menu" aria-labelledby="currency" style="height: 100px; overflow-y: scroll">
                            <li ng-repeat="currency in currencies">
                                <a ng-click="selectCurrency(currency)">{{currency.name}}</a>
                            </li>
                        </ul>
                        <button style="    background-color: #ccc;" id="currency" type="button" class="btn btn-dark" uib-dropdown-toggle ng-disabled="disabled">
                            {{currency.name|truncate:10:'...':true}} <span class="caret"></span>
                        </button>
                    </div>
                </td>
            </tr>
        </tbody>
    </table>
    <div class="visible-xs cart">
        <div ng-repeat="item in products" class="cart-product">
            <div class="remove" ng-click="removeItem($index)">
                <img src="img/closepink.png">
            </div>
            <div class="ui grid">
                <div class="content-image">
                        <img class="image" ng-show="item.image" ng-src="{{item.image}}" />
                        <img class="image" ng-show="!item.image" src="img/default-gift.png" />
                </div>
                <div class="content-body">
                    <div class="title">
                            {{item.name}}
                    </div>
                    <div class="row">
                        <div class="col-xs-5">{{'quantity' | translate}}</div>
                        <div class="col-xs-7 text-right bold">{{item.bought | currency : '' : 2}}</div>
                    </div>
                    <div class="row">
                        <div class="col-xs-5">{{'price' | translate}}</div>
                        <div class="col-xs-7 text-right bold">{{item.convertedPrice}}</div>
                    </div>
                </div>
            </div>
        </div>
        <div class="subtotal">
            <div class="header text-center">Subtotal</div>
            <div class="row">
                <div class="col-xs-12 text-center">
                    <div class="header-gray">{{total}}</div>
                </div>
                <div class="col-xs-12 text-center">
                    <div class="btn-group" style="padding:0" uib-dropdown auto-close="true">
                        <button style="    height: 30px;padding-top: 7px;font-size: 12px;background-color: #ccc;" type="button" class="btn btn-cool btn-block" uib-dropdown-toggle ng-disabled="disabled">
                            {{currency.name|truncate:10:'...':true}} <span class="caret"></span>
                        </button>
                        <ul class="pull-right" uib-dropdown-menu role="menu" aria-labelledby="currency" style="height: 100px; overflow-y: scroll">
                            <li ng-repeat="currency in currencies">
                                <a ng-click="selectCurrency(currency)">{{currency.name}}</a>
                            </li>
                        </ul>



                    </div>
                </div>
            </div>

        </div>
    </div>
    <div class="visible-xs">
        <div class="text-center">
            <button type="button" class="btn btn-inverse btn-lg margin-bottom" ui-sref="guest.checkout.message({url:url})">
                {{'continue-payment-process' | translate}}
            </button>
        </div>
        <div class="text-center">
            <button type="button" class="btn btn-clear-dark btn-lg" ui-sref="guest.registry({url:url})">
                {{'continue-buying' | translate}}
            </button>
        </div>
    </div>
    <div class="hidden-xs">
        <a type="button" class="btn btn-clear-dark btn-lg pull-left" ui-sref="guest.registry({url:url})">
                {{'continue-buying' | translate}}
        </a>
        <a type="button" class="btn btn-inverse btn-lg pull-right" ui-sref="guest.checkout.message({url:url})">
                {{'continue-payment-process' | translate}}
        </a>
    </div>
</div>