cobuild-angular-stack/modules/guest.registry/views/guest.registry.show.html

Base stack angular sass jade gulp

<header class="modal-header">
    <button type="button" class="close outside" ng-click="dismiss()" aria-label="Close">
    <span aria-hidden="true"><img src="img/close@2x.png" alt=""></span></button>

</header>
<div id="new-product" class="body-show guest-registry">
    <div class="row">
        <div class="col-md-6 col-sm-12 sm-6">
            <div class="main-image">
                <img ng-if="product.image" ng-src="{{product.image}}" />
                <!-- <div height-to-width ng-if="!product.image"></div> -->
            </div>


        </div>
        <div class="col-md-6 col-sm-12 sm-6">
            <div class="row">
                <div class="col-md-12">
                    <h3 class="text-slate-grey">{{product.name | uppercase}}</h3>
                </div>
            </div>

            <div class="row margin-vertical-2">
                <div class="col-md-6 col-xs-12">
                    <h4>
                        {{product.convertedPrice}}

                    </h4>
                </div>
                <div class="col-md-6 col-xs-6">
                    <div class="btn-group" uib-dropdown auto-close="true">
                         <button id="currency" type="button" class="btn btn-black  pull-left" uib-dropdown-toggle ng-disabled="disabled">
                            <span class="text-white">{{currency.name|truncate:10:'...':true}}</span> <span class="caret text-white"></span>
                        </button>
                        <ul class="pull-left" uib-dropdown-menu role="menu" aria-labelledby="currency">
                            <li ng-repeat="currency in currencies">
                                <a ng-click="selectCurrency(currency)">{{currency.name}}</a>
                            </li>
                        </ul>

                    </div>
                </div>
                <div class="col-xs-6 text-right article-btn-mobile">
                    <a ng-show="!account.isDisabled && product.received < product.qty || account.trackQuantity === false" ng-disabled="disabled" ng-click="addToCart()" class="btn btn-inverse btn-md btn-action">{{'give' | translate | uppercase}}</a>
                </div>
            </div>

            <div class="row margin-vertical-2">
                <div class="col-md-12">
                    <label class="text-cool-gray">
                        {{'description' | translate | uppercase}}
                    </label>
                    <div disabled type="text" ng-bind="product.description" class="text-slate-grey"></div>
                </div>
            </div>
            <div class="row margin-vertical-2">
                <div class="col-md-4">
                    <label class="text-cool-gray">
                        {{'store' | translate}}
                    </label>
                    <div disabled type="text" ng-bind="productStore.name"></div>
                </div>
                <div class="col-md-4">
                    <label class="text-cool-gray">
                        {{'category' | translate}}
                    </label>
                    <div disabled type="text" ng-bind="product.categoriesString"></div>
                </div>
                <div class="col-md-4">
                    <div class="form-group" ng-show="!account.isDisabled && product.received < product.qty">
                        <label class="text-cool-gray">
                            {{'quantity' | translate}}
                        </label>
                        <input class="form-control qty" type="number" min="1" name="bought" ng-model="product.bought">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="modal-footer-centered">
    <a ng-show="!account.isDisabled && product.received < product.qty || account.trackQuantity === false" ng-disabled="disabled" ng-click="addToCart()" class="btn btn-inverse btn-lg btn-action">{{'give' | translate | uppercase}}</a>

</div>