gift-message-form.html 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. <!--
  2. /**
  3. * Copyright © Magento, Inc. All rights reserved.
  4. * See COPYING.txt for license details.
  5. */
  6. -->
  7. <!-- ko if: isActive() -->
  8. <div class="gift-message">
  9. <div class="gift-options-title">
  10. <span data-bind="i18n: 'Gift Message (optional)'"></span>
  11. </div>
  12. <div class="gift-options-content">
  13. <fieldset class="fieldset">
  14. <div class="field field-to">
  15. <label data-bind="attr: {for: 'gift-message-whole-to-' + index }" class="label">
  16. <span data-bind="i18n: 'To:'"></span>
  17. </label>
  18. <div class="control">
  19. <input type="text"
  20. class="input-text"
  21. data-bind="value: getObservable('recipient'), attr: { id: 'gift-message-whole-to-' + index }">
  22. </div>
  23. </div>
  24. <div class="field field-from">
  25. <label data-bind="attr: {for: 'gift-message-whole-from-' + index }" class="label">
  26. <span data-bind="i18n: 'From:'"></span>
  27. </label>
  28. <div class="control">
  29. <input type="text"
  30. class="input-text"
  31. data-bind="value: getObservable('sender'), attr: { id: 'gift-message-whole-from-' + index }">
  32. </div>
  33. </div>
  34. <div class="field text">
  35. <label for="gift-message-whole-message" class="label">
  36. <span data-bind="i18n: 'Message:'"></span>
  37. </label>
  38. <div class="control">
  39. <textarea id="gift-message-whole-message"
  40. class="input-text"
  41. rows="5" cols="10"
  42. data-bind="value: getObservable('message')"></textarea>
  43. </div>
  44. </div>
  45. </fieldset>
  46. </div>
  47. </div>
  48. <!-- /ko -->
  49. <div class="actions-toolbar">
  50. <div class="secondary">
  51. <button type="submit" class="action secondary action-update" data-bind="
  52. attr: {title: $t('Update')},
  53. click: $data.submitOptions.bind($data)">
  54. <span data-bind="i18n: 'Update'"></span>
  55. </button>
  56. <button class="action action-cancel" data-bind="
  57. attr: {title: $t('Cancel')},
  58. click: $data.hideFormBlock.bind($data)">
  59. <span data-bind="i18n: 'Cancel'"></span>
  60. </button>
  61. </div>
  62. </div>