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

Ecomm3 Checkout module

<!-- Review Order Section -->
<div class="checkout-section">
    <article id="checkout-review-order" class="checkoutSection reviewOrder"
             data-ng-class="{active: sections.review.edit==true}">

        <header>
            <h1>
                <span class="ordinal">{{adr.shipImmediate || order.adr ? 5 : 4}}</span>
                <span class="title">{{tdc.reviewOrder}}</span>
            </h1>
            <div class="summary" data-ns-display-errors="sections.review.error" id="reviewDetailsError"></div>
        </header>
        <section>
            <table id="extraCCPaymentDetails" class="responsiveTable" data-ng-show="showExtraPaymentInfo">
                <tbody>
                <tr class="topSection">
                    <td colspan="2">
                        <div>{{order.date | monthDayYearFormattedDate}}</div>
                    </td>
                </tr>
                <tr class="midSection">
                    <td class="leftMid">
                        <div>{{tdc.cod}} {{tdc.codValue}}</div>
                        <div>{{tdc.term}} {{order.selectedPayment.extTerm}}</div>
                        <div>
                            <span>{{order.paymentOfsId}} ****{{order.selectedPayment.paymentNumber | lastFourFilter}}</span>
                            <span class="credito">{{tdc.credito}}</span>
                        </div>
                        <div>{{tdc.recibo}} {{order.selectedPayment.transNumber}}</div>
                        <div>{{tdc.codDeRta}} {{order.selectedPayment.codDeRta}}</div>
                    </td>
                    <td class="rightMid">
                        <div>{{tdc.merchantName}}</div>
                        <div>{{tdc.cuotas}} {{cuotas}}</div>
                        <!--<div>{{tdc.refNumber}} {{order.selectedPayment.merchTxRef}}</div>&#45;&#45;-->
                        <div>{{tdc.authorizationCode}} {{order.selectedPayment.authorizationCode}}</div>
                    </td>
                </tr>
                <tr class="bottomSection">
                    <td colspan="2">
                        <div>{{tdc.ventaNoPresencial}}</div>
                        <div>{{tdc.footerParagraph}}</div>
                    </td>
                </tr>
                </tbody>
            </table>

            <div class="reviewOrderDetails">
                <table>
                    <tbody>
                    <tr>
                        <td>{{tdc.orderSubtotalLabel}}</td>
                        <td>{{order.orderTotals.itemSubtotal |
                            currencyFilter:order.currencyCode:runConfig.language + '_' + order.countryCode}}
                        </td>
                    </tr>
                    <tr data-ng-show="order.selectedPayment.useInstallments && (order.orderTotals.installmentFee || order.orderTotals.installmentFee === 0)">
                        <td>{{tdc.installmentFeeLabel}}</td>
                        <td>{{order.orderTotals.installmentFee |
                            currencyFilter:order.currencyCode:runConfig.language + '_' + order.countryCode}}
                        </td>
                    </tr>
                    <tr data-ng-hide="config.checkout.hideShipping">
                        <td>
                            <i class="icon-info shippingToolTip" data-ng-show="tdc.shippingTooltipText">
                                <span class="toolTip-up">{{tdc.shippingTooltipText}}</span>
                            </i>
                            <span data-ng-show="!config.checkout.showPickupHandling || (!order.selectedShippingMethod.pickupInfo)">{{tdc.shippingLabel}}</span>
                            <span data-ng-show="config.checkout.showPickupHandling && (order.selectedShippingMethod.pickupInfo)">{{tdc.handlingLabel}}</span>
                        </td>
                        <td data-ng-show="editMode || (order.orderTotals.shipping <= 0)">
                            {{tdc.freeShipping}}
                        </td>
                        <td data-ng-show="order.orderTotals.shipping > 0">{{order.orderTotals.shipping |
                            currencyFilter:order.currencyCode:runConfig.language + '_' + order.countryCode}}
                        </td>
                    </tr>
                    <tr data-ng-show="order.orderTotals.suppTaxOne || order.orderTotals.suppTaxOne === 0">
                        <td>{{tdc.suppTaxOneLabel}}</td>
                        <td>{{order.orderTotals.suppTaxOne |
                            currencyFilter:order.currencyCode:runConfig.language + '_' + order.countryCode}}
                        </td>
                    </tr>
                    <tr data-ng-hide="order.orderTotals.tax <= 0 || config.checkout.hideTaxes">
                        <td>
                            <i class="icon-info taxToolTip" data-ng-show="tdc.taxTooltipText">
                                <span class="toolTip-up">{{tdc.taxTooltipText}}</span>
                            </i>
                            <span>{{tdc.taxLabel}}</span>
                        </td>
                        <td>{{order.orderTotals.tax | currencyFilter:order.currencyCode:runConfig.language + '_'
                            + order.countryCode}}
                        </td>
                    </tr>
                    <tr data-ng-show="config.showExtraPaymentInfo">
                        <td>{{config.baseRaxReturn}}</td>
                        <td>{{0.00 | currencyFilter:order.currencyCode:runConfig.language + '_' +
                            order.countryCode}}
                        </td>
                    </tr>
                    <tr class="orderTotal">
                        <td>{{tdc.orderTotalLabel}}</td>
                        <td>{{order.orderTotals.grandTotal |
                            currencyFilter:order.currencyCode:runConfig.language + '_' + order.countryCode}}
                        </td>
                    </tr>
                    <tr class="psvTotal" data-ng-show="showPsv">
                        <td>{{psvLabel}}:</td>
                        <td>{{order.orderTotals.psvTotal | decimalPlaceFilter:2}}</td>
                    </tr>
                    </tbody>
                </table>
                <div data-ng-bind-html="tdc.reviewMessage"></div>

                <div id="emailOptInDiv" data-ng-show="config.checkout.showEmailOptIn" style="width:100%;">
                    <h3>{{tdc.emailOptInHeader}}</h3>
                    <p>
                        <input type="checkbox" data-ng-model="emailOptIn" id="emailOptIn" value="checked"
                               checked style="display:inline;" class="ns-checkbox btn-outline"/>
                        <label for="emailOptIn" id="emailOptInLabel" style="display:inline; font-weight:bold;">{{tdc.emailOptInLabel}}</label>
                    </p>
                </div>

                <div id="agree2Terms" data-ng-show="config.checkout.enableTermsAndConditions">
                    <input type="checkbox" id="termsConditionsCheckbox" ng-model="termsConditionsCheckbox"/>
                    <label id="termsConditionsCheckboxText" for="termsConditionsCheckbox">
                        {{tdc.termsAndConditions}}
                    </label>
                </div>
                <div id="checkoutExtra">
                    <span id="checkoutExtraText">{{tdc.orderReviewText}}</span>
                </div>
                <div class="button-spacing"></div>
                <button id="orderCreateButton" class="btn btn-primary continue simulateRequest"
                        data-ng-class="{processing: isChosenElementBusy('createButton'), valid: isChosenElementValid('createButton')}"
                        data-ng-disabled="disablePlaceMyOrderButton() || sections.shipping.edit || sections.payment.edit"
                        data-ng-click="placeMyOrder();">{{createOrderButtonText}}
                </button>
            </div>
            <div class="custTypeMessage" data-ng-bind-html="customerTypeMessage"></div>
        </section>
    </article>
</div>