@nuskin/ns-checkout/src/views/adrUpdateSummary.html

Ecomm3 Checkout module

<div id="page-checkout">
<div id="content">
<div class="singleCheckout section">
<section id="mainContent">
<div class="ns-atomic">
    <div>
        <div class="textRight" id="backToCartButton">
            <a href="{{getCartUrl()}}"><img ng-src="iconCartUrl" alt="cart" class="cartIcon">{{tdc.backToCartText}}</a>
        </div>
        <div id="busyHeader" data-ng-show="isBusy && contentLoaded">
            <div class="inner-wrapper">
                <img ng-src="iconSpinnerUrl">
                <span ng-if="busyWith">{{busyWith}}</span>
                <span ng-if="!busyWith">{{tdc.processing || "Processing"}}...</span>
            </div>
        </div>

        <h1 class="checkoutHeader">
            <span class="title">{{headerTxt}}</span>
        </h1>

        <div id="checkoutErrorSummary" data-ns-display-errors="error"></div>

        <div class="checkout-section">
            <article id="checkout-order-details" class="checkoutSection active">
                <section>
                    <!-- main ng-repeat begins here -->
                    <h3 data-ng-show="adr.replaceLineItem">{{tdc.currentCartridgeSelection}}</h3>
                    <div data-ng-show="adr.replaceLineItem" class="checkout_items clearfix" data-ng-class="getLineItemClass(adr.replaceLineItem)">
                        <div class="{{config.adrProgram | lowercase}}Badge badge"></div>
                        <div class="productThumb textRight order-details">
                            <img data-ng-src="{{adr.replaceLineItem.getProduct().thumbnail}}" alt="{{adr.replaceLineItem.getProduct().title}}">
                        </div>
                        <div class="productTitle">
                            <h3 data-ns-html-title="{{adr.replaceLineItem.getProduct().title}}" data-ng-bind-html="adr.replaceLineItem.getProduct().title | sanitize"></h3>
                            <span id="productDetailSubtitle_{{adr.replaceLineItem.sku}}" class="productDetailSubtitle">
                                <span class="productSKU">{{adr.replaceLineItem.getProduct().sku}} </span>
                                <span data-ng-show="adr.replaceLineItem.isAgelocme" class="agelocmeLabel">{{adr.replaceLineItem.getProduct().agelocme.label}}</span>
                                <span class="productPrice" data-ng-show="adr.replaceLineItem.qty > 0">{{(adr.replaceLineItem.getProduct().getPrice() / adr.replaceLineItem.qty) | currencyFilter:order.currencyCode:order.locale}}</span>
                            </span>
                        </div>
                        <div class="prod_numbers">
                            <div class="backOrderDate" data-ng-show="adr.replaceLineItem.getProduct().getBackOrderDate() != null">{{backOrdered}} {{adr.replaceLineItem.getProduct().getBackOrderDate() | simpleDate}}</div>
                            <div class="qtyCell">
                                <figure id="qty_{{adr.replaceLineItem.sku}}" class="qty">
                                    <figcaption>{{tdc.quantityLabel}} <span data-ng-hide="config.checkout.allowEditQuantity">{{adr.replaceLineItem.qty}}</span></figcaption>
                                </figure>
                            </div>
                            <div id="itemSubtotal_{{adr.replaceLineItem.sku}}" class="itemSubtotal">{{adr.replaceLineItem.getProduct().getPrice() | currencyFilter:order.currencyCode:order.locale}}</div>
                            <div id="psv_{{adr.replaceLineItem.sku}}" data-ng-show="showPsv">{{adr.replaceLineItem.getProduct().pv | decimalPlaceFilter:2}} {{psvLabel}}</div>
                        </div>
                    </div>
                    <h3 data-ng-show="adr.replaceLineItem">{{tdc.replacement}}</h3>
                    <h3 data-ng-hide="adr.replaceLineItem">{{tdc.additions}}</h3>
                    <div class="checkout_items clearfix" data-ng-repeat="item in cart.getItems({all: true})" data-ng-class="getLineItemClass(item)">
                        <div class="{{config.adrProgram | lowercase}}Badge badge" data-ng-show="item.adr && !item.businessPortfolio"></div>
                        <div class="productThumb textRight order-details">
                            <img data-ng-src="{{item.getProduct().thumbnail}}" alt="{{item.getProduct().title}}">
                        </div>
                        <div class="productTitle">
                            <h3 data-ns-html-title="{{item.getProduct().title}}" data-ng-bind-html="item.getProduct().title | sanitize"></h3>
                            <span id="productDetailSubtitle_{{item.sku}}" class="productDetailSubtitle">
                                <span class="productSKU">{{item.getProduct().sku}} </span>
                                <span data-ng-show="item.isAgelocme" class="agelocmeLabel">{{item.getProduct().agelocme.label}}</span>
                                <span class="productPrice" data-ng-show="item.qty > 0">{{(item.getProduct().getPrice() / item.qty) | currencyFilter:order.currencyCode:order.locale}}</span>
                            </span>
                        </div>
                        <div class="prod_numbers">
                            <div class="backOrderDate" data-ng-show="item.getProduct().getBackOrderDate() != null">{{tdc.backOrderedLabel}} {{ {date: item.getProduct().getBackOrderDate(), locale: runConfig.language + "_" + order.countryCode } | countryFormattedDate}}</div>
                            <div class="qtyCell">
                                <figure id="qty_{{item.sku}}" class="qty">
                                    <figcaption>{{tdc.quantityLabel}} <span data-ng-hide="config.checkout.allowEditQuantity">{{item.qty}}</span></figcaption>
                                </figure>
                            </div>
                            <div id="itemSubtotal_{{item.sku}}" class="itemSubtotal">{{item.getProduct().getPrice() | currencyFilter:order.currencyCode:order.locale}}</div>
                            <div id="psv_{{item.sku}}" data-ng-show="showPsv">{{item.getProduct().pv | decimalPlaceFilter:2}} {{psvLabel}}</div>
                        </div>
                    </div>

                    <button class="btn btn-primary continue simulateRequest" data-ng-show="sections.cart.keepOpen==false" data-ng-class="{disabled: isBusy, processing: isChosenElementBusy('cartButton'), valid: isChosenElementValid('cartButton')}" data-ng-disabled="sections.cart.error.hasErrorMessages() || isBusy" data-ng-click="finishCartAndSimulate('cartButton');">{{tdc.continueText}}</button>
                </section>
                <section>
                    <div class="reviewOrderDetails agelocme-agree">
                        <div class="ageloc-btn-agree">
                            <div id="agree2Terms">
                                <input type="checkbox" id="agreeCheckbox" ng-model="agreeCheckbox" value="checked" class="ns-checkbox btn-outline">
                                <label for="agreeCheckbox">
                                    <span class="padding-top" id="agreeCheckboxText" for="agreeCheckbox">{{tdc.agreeToAdrUpdateChanges}}</span>
                                </label>
                            </div>
                            <div class="button-spacing"></div>
                            <button id="orderCreateButton" class="btn btn-primary continue simulateRequest" data-ng-click="updateAdr('createButton');" data-ng-disabled="disableOrderCreate">{{tdc.submitButtonText}}</button>
                        </div>
                    </div>
                    <div class="custTypeMessage" data-ng-bind-html="customerTypeMessage"></div>
                </section>
            </article>
        </div>
        <div id="3DSecureLogo" data-ng-show="config.show3DsecureLogo">
            <img alt="3D Secure Logo" ng-src="secure3DImageUrl" height="119" width="160">
        </div>
    </div>
</div>
</section>
</div>
</div>
</div>