@nuskin/ns-checkout

<div id="page-checkout"> <div data-ng-show="contentLoaded" class="ns-atomic"> <div class="print-confirm-logo"> <img src="/content/dam/apps/checkout/nuskin-logo-print.svg"> </div> <div data-ng-show="nextADROrder" class="next_adr_order" id="buttonBarTop"> <p id="nextOrderLabel"> <span data-ng-show="nextADROrder">{{tdc.nextOrderDescriptionText}}</span> <span data-ng-show="nextOrder">{{tdc.nextAdrOrderDescriptionText}}</span> <ns-button theme="primary-hit" data-ng-click="startNextOrder()" data-ng-show="nextADROrder"> {{tdc.nextOrderText}} </ns-button> <ns-button theme="primary-hit" data-ng-click="startNextOrder()" data-ng-show="nextOrder"> {{tdc.nextAdrOrderText}} </ns-button> </p> </div> <section id="signupConfirmation" data-ng-show="editMode || (signup && (config.checkout.showAccountInfo || config.checkout.showPreferredCustomerAccountInfo))"> <div class="ord-confirm-spinner" data-us-spinner data-ng-show="confirmationSpinner"></div> <div> <h1> {{tdc.accountInformationTitle}} </h1> {{tdc.optionalCompleteSignupText}} <div class="distributorID"> {{tdc.distributorIdLabel}} <span class="fieldValue">{{ signupDetail.BeReadResponse.ID }}</span> </div> <table class="signupDetails"> <tr> <td>{{tdc.usernameLabel}}</td> <td> <div>{{ signupDetail.username }}</div> </td> </tr> <tr> <td>{{tdc.nameLabel}}</td> <td>{{ signupDetail.BeReadResponse.Name[0].Given }} {{ signupDetail.BeReadResponse.Name[0].Family }} </td> </tr> <tr> <td>{{tdc.addressLabel}}</td> <td> <div data-ng-show="config.checkout.signupAddressFormat == 'AddressCityCounty'"> {{ signupDetail.BeReadResponse.Address.Street1 }} {{ signupDetail.BeReadResponse.Address.Street2 }} <br/> {{ signupDetail.BeReadResponse.Address.District }} <br/> {{ signupDetail.BeReadResponse.Address.PostalCode}} {{ signupDetail.BeReadResponse.Address.City }} <br/> </div> <div data-ng-show="config.checkout.signupAddressFormat == 'AddressCityState'"> {{ signupDetail.BeReadResponse.Address.PostalCode }} <br/> {{ signupDetail.BeReadResponse.Address.Region | stateName }} <br/> {{ signupDetail.BeReadResponse.Address.City }} <br/> {{ signupDetail.BeReadResponse.Address.Street1 }} <br/> {{ signupDetail.BeReadResponse.Address.Street2 }} <br/> </div> <div data-ng-show="config.checkout.signupAddressFormat == 'PostalCodeStateCity'"> {{ signupDetail.BeReadResponse.Address.PostalCode}} {{ signupDetail.BeReadResponse.Address.Region | stateName}} <br/> {{ signupDetail.BeReadResponse.Address.City }} <br/> {{ signupDetail.BeReadResponse.Address.District }} <br/> {{ signupDetail.BeReadResponse.Address.Street1 }} <br/> </div> <div data-ng-show="config.checkout.signupAddressFormat == 'AddressCountyCityStatePostalCode'"> {{ signupDetail.BeReadResponse.Address.Street1 }} {{ signupDetail.BeReadResponse.Address.Street2 }} <br/> <span data-ng-show="signupDetail.BeReadResponse.Address.District">{{ signupDetail.BeReadResponse.Address.District }}<br/></span> {{ signupDetail.BeReadResponse.Address.City }}, {{ signupDetail.BeReadResponse.Address.Region | stateName}} {{ signupDetail.BeReadResponse.Address.PostalCode}} <br/> </div> </td> <tr data-ng-show="config.checkout.showSponsor"> <td>{{tdc.sponsorLabel}}</td> <td> {{ signupDetail.BeReadResponse.sponsorName }} <br/> {{ signupDetail.BeReadResponse.SponsorID }} </td> </tr> <tr data-ng-show="signupDetail.BeReadResponse.RecruiterID"> <td>{{tdc.referringUplineLabel}}</td> <td> {{ signupDetail.BeReadResponse.recruiterName }} <br/>  {{ signupDetail.BeReadResponse.RecruiterID }} </td> </tr> </table> </div> </section> <section id="orderConfirmation" class="ns-atomic"> <p id="personalOfferMessage" data-ng-show="isPitchOrder" data-ng-bind="personalOfferMessage"></p> <p id="congratsMessage" data-ng-show="isStorefront" data-ng-bind="congratsMessage"></p> <h1>{{tdc.orderConfirmationTitle}} <h2 id="orderType" ng-show="order.adrOverrideNumber != null && order.adrOverrideNumber != 'null' && order.adrOverrideNumber.length > 0"> <img src="/content/dam/apps/checkout/logo-adr.svg" border="0" alt="" data-ng-show="config.adrProgram=='ADR'"> <img src="/content/dam/apps/checkout/logo-aro-gray.svg" border="0" alt="" data-ng-show="config.adrProgram=='ARO'"> <img src="/content/dam/apps/checkout/logo-adp-gray.svg" border="0" alt="" data-ng-show="config.adrProgram=='ADP' "> {{tdc.adrNumberLabel}} {{order.adrOverrideNumber | hideLeadingZero : config.checkout.hideOrderLeadingZero}} </h2> </h1> <section id="orderNumbers" class="subSection clearfix"> <header> <h1 data-ng-show="order.orderId != null"> <span data-ng-show="order.adr && (order.adrOverrideNumber == null || order.adrOverrideNumber == 'null')" id="confirmationADRMark"> <img src="/content/dam/apps/checkout/logo-adr.svg" border="0" alt="" style="background-size:25px 25px;" width="25px" height="25px" data-ng-show="config.adrProgram=='ADR'"> <img src="/content/dam/apps/checkout/logo-aro-gray.svg" border="0" alt="" style="background-size:25px 25px;" width="25px" height="25px" data-ng-show="config.adrProgram=='ARO'"> <img src="/content/dam/apps/checkout/logo-adp-gray.svg" border="0" alt="" style="background-size:25px 25px;" width="25px" height="25px" data-ng-show="config.adrProgram=='ADP'"> {{tdc.adrNumberLabel}} {{order.orderId | hideLeadingZero : config.checkout.hideOrderLeadingZero}} </span> <span data-ng-show="!(order.adr && (order.adrOverrideNumber == null || order.adrOverrideNumber == 'null'))">{{tdc.orderNumberLabel}} {{order.orderId | hideLeadingZero : config.checkout.hideOrderLeadingZero}}</span> </h1> </header> </section> <section id="shippingAndPayment" class="subSection clearfix"> <div id="shippingTo" class="shippingPanel"> <div data-ng-show="!order.selectedShippingMethod.pickupInfo"> <h3 data-ng-show="!order.selectedPickupPoint" class="order">{{tdc.shippingToLabel}}</h3> <h3 data-ng-show="order.selectedPickupPoint" class="order">{{tdc.pickupContactInfoText}}</h3> <div class="orderDetails" data-ng-show="config.checkout.shippingAddressFormat != 'PostalCodeStateCity'"> <p class="orderName">{{order.selectedAddress.shippingAddressName || 'Name not found'}}</p> <p class="orderStreet">{{order.selectedAddress.shippingAddress1}} {{order.selectedAddress.shippingAddress2}}</p> <p class="orderCounty" data-ng-show="order.selectedAddress.shippingCounty">{{order.selectedAddress.shippingCounty}}</p> <p class="orderCityState" data-ng-hide="order.selectedAddress.addressType=='7-11'"> {{order.selectedAddress.shippingCity}}, {{order.selectedAddress.shippingState | stateName}} <span data-ng-hide="config.checkout.hideShippingPostalCode">{{order.selectedAddress.shippingPostalCode}}</span> </p> <p class="orderCountry">{{order.selectedAddress.shippingCountry}}</p> <p class="orderPhone" data-ng-show="order.selectedAddress.shippingPhone"> {{order.selectedAddress.shippingPhone}}</p> <p class="orderEmail" data-ng-show="order.selectedAddress.shippingEmail"> {{order.selectedAddress.shippingEmail}}</p> <p class="orderInstructions" data-ng-show="order.selectedAddress.shippingInstructions"> {{order.selectedAddress.shippingInstructions}}</p> <p class="shipFrom form-inline" data-ng-show="order.distributorName && config.checkout.showShipFrom"><span>{{tdc.shipFromText}}</span><span> {{order.distributorName}}</span> </p> </div> <div class="orderDetails" data-ng-show="config.checkout.shippingAddressFormat == 'PostalCodeStateCity'"> <p>{{order.selectedAddress.shippingAddressName}}</p> <p>{{order.selectedAddress.shippingPostalCode}} {{order.selectedAddress.shippingState | stateName}}</p> <p>{{order.selectedAddress.shippingCity}}</p> <p>{{order.selectedAddress.shippingCounty}}</p> <p>{{order.selectedAddress.shippingAddress1}}</p> <p>{{order.selectedAddress.shippingCountry}}</p> <p>{{order.selectedAddress.shippingPhone}}</p> <p class="shippingEmail" data-ng-show="order.selectedAddress.shippingEmail"> {{order.selectedAddress.shippingEmail}}</p> <p class="shippingInstructions" data-ng-show="order.selectedAddress.shippingInstructions"> {{order.selectedAddress.shippingInstructions}}</p> <p><a id="changeAddress" href="" class="changeAddress" data-ng-show="enableChangeShippingAddress" data-ng-click="sections.shipping.selecting=true;currentSelectedAddress=order.selectedAddress;">{{tdc.changeText}}</a> </p> </div> </div> <div data-ng-show="order.selectedShippingMethod.pickupInfo"> <h3 class="order">{{tdc.pickupLocationLabel}}</h3> <div data-ng-bind-html="order.selectedShippingMethod.pickupInfo | sanitize"></div> </div> <div data-ng-show="order.selectedPickupPoint"> <h3 class="order">{{tdc.pickupFromLocationText}}</h3> <p>{{order.selectedPickupPoint.name}}</p> <p>{{order.selectedPickupPoint.street}}</p> <p>{{order.selectedPickupPoint.city}}</p> <p>{{order.selectedPickupPoint.postalCode}}</p> </div> </div> <div id="shippingMethod" class="shippingPanel"> <div class="orderDate"> {{tdc.orderDateLabel}} <span>{{ {date: order.date, locale: runConfig.language + "_" + order.countryCode} | countryFormattedDate }}</span> </div> <h3>{{tdc.shippingMethodLabel}}</h3> <span>{{order.selectedShippingMethod.Description}}</span> </div> <div id="paymentMethod" class="shippingPanel"> <h3>{{tdc.paymentMethodLabel}}</h3> <div class="ccv" data-ng-show="showPointsBalance()">{{tdc.usedPointsLabel}} <span class="ccv">{{usedPoints | decimalPlaceFilter:2}}</span> </div> <div class="ccv" data-ng-show="showPointsBalance()">{{tdc.pointsBalanceLabel}}<span class="ccv">{{user.availablePoints | decimalPlaceFilter:2}}</span> </div> <img data-ng-hide="order.selectedPayment.paymentTypeId === PaymentType.MPOS || order.selectedPayment.paymentTypeId === PaymentType.PROV || order.selectedPayment.paymentTypeId === PaymentType.PWEB || (order.selectedPayment.paymentTypeId >= PaymentType.VIB_WIRE && order.selectedPayment.paymentTypeId <= PaymentType.CR)" ng-src="/content/dam/apps/checkout/creditcards/CC-{{order.selectedPayment.paymentTypeId}}.png" alt=""> <b data-ng-show="order.selectedPayment.paymentTypeId === PaymentType.SDD">{{tdc.sepaPaymentDescription}}</b> <b data-ng-hide="order.selectedPayment.paymentTypeId === PaymentType.WIRE || order.selectedPayment.paymentTypeId === PaymentType.PROV || order.selectedPayment.paymentTypeId === PaymentType.PWEB || order.selectedPayment.paymentTypeId === PaymentType.SDD || (order.selectedPayment.paymentTypeId >= PaymentType.VIB_WIRE && order.selectedPayment.paymentTypeId <= PaymentType.CR)" data-ng-bind-html="order.selectedPayment.paymentTypeDescription">{{order.selectedPayment.paymentTypeDescription}}</b> <div data-ng-show="order.selectedPayment.paymentTypeId === PaymentType.WIRE || order.selectedPayment.paymentTypeId === PaymentType.PROV || order.selectedPayment.paymentTypeId === PaymentType.PWEB || (order.selectedPayment.paymentTypeId >= PaymentType.VIB_WIRE && order.selectedPayment.paymentTypeId <= PaymentType.CR)" data-ng-bind-html="order.selectedPayment.paymentTypeDescription"></div> <span data-ng-hide="order.selectedPayment.paymentTypeId === PaymentType.WIRE || order.selectedPayment.paymentTypeId === PaymentType.KLIK || order.selectedPayment.paymentTypeId === PaymentType.PERMATA || order.selectedPayment.paymentTypeId === PaymentType.PROV || order.selectedPayment.paymentTypeId === PaymentType.PWEB || order.selectedPayment.paymentTypeId === PaymentType.IDEA || (order.selectedPayment.paymentTypeId >= PaymentType.VIB_WIRE && order.selectedPayment.paymentTypeId <= PaymentType.CR)"> {{tdc.ccMasking}} {{order.selectedPayment.paymentNumber | lastFourFilter}}</span> <span data-ng-hide="order.selectedPayment.paymentTypeId === PaymentType.MPOS || order.selectedPayment.paymentTypeId === PaymentType.KLIK || order.selectedPayment.paymentTypeId === PaymentType.PERMATA || order.selectedPayment.paymentTypeId === PaymentType.IDEA || order.selectedPayment.paymentTypeId === PaymentType.WIRE || order.selectedPayment.paymentTypeId === PaymentType.PWEB || order.selectedPayment.paymentTypeId === PaymentType.SDD || (order.selectedPayment.paymentTypeId >= PaymentType.VIB_WIRE && order.selectedPayment.paymentTypeId <= PaymentType.CR) || order.countryCode === 'CO'"> {{tdc.expLabel}} {{getFormattedCCExpiration()}}</span> <span data-ng-show="order.selectedPayment.useInstallments && order.selectedPayment.installmentsAllowed"> {{tdc.confirmNumInstallments}} {{order.selectedPayment.getInstallmentSelectedNumber()}}</span> <div data-ng-show="tdc.pendingAuthorizationText.length > 0 && showPendingAuthorization()" class="ns-blue" data-ng-bind="tdc.pendingAuthorizationText"></div> </div> </section> <p data-ng-show="(tdc.optionalPickupText.length > 0) && order.selectedShippingMethod.pickupInfo"> {{tdc.optionalPickupText}}</p> <section id="orderedProducts" class="subSection clearfix product-box"> <div class="checkoutSection"> <div class="checkout_items clearfix" data-ng-repeat="item in sapItems" data-ng-class="getLineItemClass(item)" data-ng-if="order.adr && item.isAdr || !order.adr && !item.isAdr || adr.shipImmediate"> <div class="productThumb textRight order-details"> <img data-ng-src="{{item.thumbnail}}" alt="{{item.title}}"> </div> <div class="productTitle"> <div class="{{config.adrProgram | lowercase}}Badge badge" data-ng-show="item.isAdr && !item.isBusinessPortfolio"></div> <h3 data-ns-html-title="{{item.title}}" data-ng-bind-html="item.title | sanitize" data-ng-class="{'adr-product': item.isAdr && !item.isBusinessPortfolio}"></h3> <span id="productDetailSubtitle_{{item.sku}}" class="productDetailSubtitle"> <span class="backOrderDate ng-binding " data-ng-show="item.backOrderedDate != null" style="color: #FF76B9; font-weight: 600;"> {{backOrdered}} {{ {date: item.backOrderedDate, locale: runConfig.language + "_" + order.countryCode } | countryFormattedDate}} </span> <span data-ng-show="item.isAgelocme" class="agelocmeLabel">{{item.agelocme.label}}</span> </span> </div> <div class="prod_numbers"> <div class="productSKU">{{item.sku}}</div> <div class="productPrice" data-ng-show="item.qty > 0">{{tdc.priceLabel}} <span class="bold">{{(item.price / item.qty) | currencyFilter}}</span></div> <div class="qtyCell"> <figure id="qty_{{item.sku}}" class="qty"> <input type="text" class="qty" maxlength="3" data-ng-model="item.qty" data-ns-onblur="updateItem(item)" data-ng-readonly="isBusy" data-ns-select-on-click data-ng-show="config.checkout.allowEditQuantity"> <figcaption> {{tdc.quantityLabel}} <span class="bold" data-ng-hide="config.checkout.allowEditQuantity">{{item.qty}}</span> </figcaption> </figure> </div> <div id="itemSubtotal_{{item.sku}}" class="itemSubtotal"> {{tdc.totalLabel}} <span class="bold">{{item.price | currencyFilter}}</span> </div> <div id="psv_{{item.sku}}" data-ng-show="showPsv" class="item-sku">{{item.singlePv | decimalPlaceFilter:2}} <span class="bold">{{psvLabel}}</span> </div> <div class="productRemove newLine" data-ng-show="config.checkout.allowDeleteItem"> <a href="" data-ng-click="isBusy || removeItem(item)">{{tdc.deleteItemText}}</a> </div> </div> </div> <div class="cart-subtotal"> <div>{{tdc.orderTotalLabel}} <span class="bold">{{order.orderTotals.itemSubtotal | currencyFilter}}</span></div> </div> </div> <div class="order-mssg"> <div id="backdating" class="backdating" data-ng-show="config.checkout.enableBackdating && order.isBackdated()"> {{tdc.backdating_backdatedText}} </div> <div id="processingDates" class="grid large-12 columns product-row" data-ng-show="order.adr && adr.processAdrText" data-ng-bind-html="adr.processAdrText | sanitize"></div> </div> </section> <section class="scan_cards subSection clearfix" data-ng-show="scanCards.length > 0"> <h2>{{tdc.scanCardsText}}</h2> <table class="responsiveTable"> <tr data-ng-repeat="scanCard in scanCards"> <td class="scan_card_number"> <h3>{{tdc.scanCardNumber}}</h3> {{scanCard.cardNumber}} </td> <div ng-if="config.scanCardMkt == 'yesWithName'"> <td> <h3>{{tdc.scanCardUserName}}</h3> {{scanCard.cardName}} </td> </div> </tr> </table> </section> <section id="costBreakdown" class="subSection clearfix"> <div class="webSavings" data-ng-if="showWebSavings && webSavings > 0.0"> {{tdc.webSavingsText | replaceCurrencyFilter:webSavings}} </div> <table id="extraCCPaymentDetails" class="responsiveTable" data-ng-show="config.showExtraPaymentInfo && !isWirePayment(order.selectedPayment)"> <tbody> <tr class="topSection"> <td colspan="2"> <div> <img ng-src="/content/dam/apps/checkout/credibanco-logo.gif"> </div> <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}} 000 - Aprobada</div> </td> <td class="rightMid"> <div>{{tdc.merchantName}}</div> <div>{{tdc.cuotas}} {{cuotas}}</div>  <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> <table class="reviewOrderDetails"> <tbody> <tr class="orderSubtotal"> <td>{{tdc.orderSubtotalLabel}}</td> <td>{{order.orderTotals.itemSubtotal | currencyFilter}} </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}} </td> </tr> <tr data-ng-show="order.selectedPayment.useInstallments && order.orderTotals.installmentFee && order.orderTotals.installmentTea"> <td>{{tdc.teaLabel}}</td> <td>{{order.orderTotals.installmentTea}}%</td> </tr> <tr data-ng-show="order.selectedPayment.useInstallments && order.orderTotals.installmentFee && order.orderTotals.installmentTem"> <td>{{tdc.temLabel}}</td> <td>{{order.orderTotals.installmentTem}}%</td> </tr> <tr data-ng-show="order.selectedPayment.useInstallments && order.orderTotals.installmentFee && order.orderTotals.installmentCft"> <td>{{tdc.cftLabel}}</td> <td>{{order.orderTotals.installmentCft}}%</td> </tr> <tr class="orderShippingTotal" data-ng-hide="config.checkout.hideShipping"> <td> <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}} </td> </tr> <tr data-ng-show="order.orderTotals.suppTaxOne || order.orderTotals.suppTaxOne === 0"> <td>{{tdc.suppTaxOneLabel}}</td> <td>{{order.orderTotals.suppTaxOne | currencyFilter}} </td> </tr> <tr data-ng-show="order.orderTotals.suppTaxTwo || order.orderTotals.suppTaxTwo === 0"> <td>{{tdc.suppTaxTwoLabel}}</td> <td>{{order.orderTotals.suppTaxTwo | currencyFilter}} </td> </tr> <tr class="orderTaxTotal" data-ng-hide="order.orderTotals.tax <= 0 || config.checkout.hideTaxes"> <td>{{tdc.taxLabel}}</td> <td>{{order.orderTotals.tax | currencyFilter}} </td> </tr> <tr class="orderTotal"> <td>{{tdc.orderTotalLabel}}</td> <td>{{order.orderTotals.grandTotal | currencyFilter}} </td> </tr> <tr data-ng-show="order.selectedPayment.useInstallments && config.checkout.simulateWithInstallments && order.orderTotals.installmentFee"> <td>{{installmentPaymentsOfLabel}}</td> <td>{{order.orderTotals.grandTotal / order.selectedPayment.installmentSelectedNumber | currencyFilter}}</td> </tr> <tr class="orderPSVTotal no-mec" data-ng-show="showPsv && !isPitchOrder"> <td>{{psvLabel}}:</td> <td>{{order.orderTotals.psvTotal | decimalPlaceFilter:2}}</td> </tr> <tr></tr> </tbody> </table> </section> </section> <section class="flex-buttons mobile-wide edge-margin"> <script src="https://www.google.com/cloudprint/client/cpgadget.js"></script> <script> /* var iOS = ( nuskin.util.MobileUtils.isIOS() ? true : false ), windowWidth = $(window).width(); if ( windowWidth < 787) { //Check for mobile if (iOS == false) { // If this is not an IOS device, reconfigure the button for GCP $("#print_btn").hide(); // All non IOS mobile devices except Android support printing. if (!nuskin.util.MobileUtils.isAndroid()){ var confirmationName = order.orderID || order.adrOverrideNumber; var gadget = new cloudprint.Gadget(); gadget.setPrintButton( cloudprint.Gadget.createDefaultPrintButton("googleCloudPrintContainer")); // div id to contain the button gadget.setPrintDocument("[document mimetype]", "[document title]", "[document content]", "[encoding] (optional)"); gadget.setPrintDocument("url", "Order Confirmation", document.URL); } } } */ </script> <div id="googleCloudPrintContainer"></div> <ns-button class="btn-spaced" theme="secondary" id="print_btn" fluid data-ng-click="printConfirmation()"> {{tdc.printSaveText}} </ns-button> <ns-button class="btn-spaced" data-ng-click="goHome()" theme="secondary" fluid data-ng-hide="nextOrder"> {{tdc.returnHomeText}} </ns-button> <ns-button theme="primary-hit" data-ng-click="startNextOrder()" fluid data-ng-show="nextADROrder"> {{tdc.nextOrderText}} </ns-button> <ns-button theme="primary-hit" data-ng-click="startNextOrder()" fluid data-ng-show="nextOrder"> {{tdc.nextAdrOrderText}} </ns-button> <ns-button theme="primary" data-ng-click="goToCart()" fluid data-ng-hide="hideNewOrderBtn"> {{tdc.newOrderText}} </ns-button> <a class="btn btn-secondary pweb-link" data-ng-show="order.selectedPayment.paymentTypeId === PaymentType.PWEB" target="_blank" href="https://www.webpay.cl/portalpagodirecto/pages/institucion.jsf?idEstablecimiento=18978793">{{tdc.pwebText}}</a> </section> <div data-ng-bind-html="tdc.checkoutElements"></div> </div> </div>