amazonlogin.html 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. <!--
  2. /**
  3. * Copyright 2016 Amazon.com, Inc. or its affiliates. All Rights Reserved.
  4. *
  5. * Licensed under the Apache License, Version 2.0 (the "License").
  6. * You may not use this file except in compliance with the License.
  7. * A copy of the License is located at
  8. *
  9. * http://aws.amazon.com/apache2.0
  10. *
  11. * or in the "license" file accompanying this file. This file is distributed
  12. * on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either
  13. * express or implied. See the License for the specific language governing
  14. * permissions and limitations under the License.
  15. */
  16. -->
  17. <if args="isPwaVisible()">
  18. <div class="payment-method" css="_active : (getCode() == isChecked())">
  19. <div class="payment-method-title field choice">
  20. <input type="radio"
  21. name="payment[method]"
  22. class="radio"
  23. ko-checked="isChecked" ko-value="getCode()" attr="{'id': getCode()}, click: selectPaymentMethod, visible: isRadioButtonVisible()"/>
  24. <label attr="for : getCode()" class="label"><span text="getTitle()"></span></label>
  25. </div>
  26. <div class="payment-method-content">
  27. <div class="amazon-button-container" data-bind="visible: true">
  28. <div class="amazon-button-container__cell">
  29. <div id="PayWithAmazon" class="login-with-amazon"
  30. data-bind="mageInit: {'amazonButton':{'buttonType': 'PwA'}}"></div>
  31. </div>
  32. <div class="amazon-button-container__cell">
  33. <div class="field-tooltip toggle">
  34. <span class="field-tooltip-action action-help"
  35. data-bind="mageInit: {'dropdown':{'activeClass': '_active'}}" data-toggle="dropdown"
  36. aria-haspopup="true" aria-expanded="false"></span>
  37. <div class="field-tooltip-content" data-target="dropdown" aria-hidden="true">
  38. <translate args="'Securely login into our website using your existing Amazon details.'" />
  39. </div>
  40. </div>
  41. </div>
  42. </div>
  43. </div>
  44. </div>
  45. </if>