translate_inline.phtml 2.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. <?php
  2. /**
  3. * Copyright © Magento, Inc. All rights reserved.
  4. * See COPYING.txt for license details.
  5. */
  6. // @codingStandardsIgnoreFile
  7. /** @var \Magento\Framework\View\Element\Template $block */
  8. ?>
  9. <link rel="stylesheet" type="text/css" href="<?= $block->escapeUrl($block->getViewFileUrl('prototype/windows/themes/default.css')) ?>"/>
  10. <link rel="stylesheet" type="text/css" href="<?= $block->escapeUrl($block->getViewFileUrl('mage/translate-inline.css')) ?>"/>
  11. <script id="translate-inline-icon" type="text/x-magento-template">
  12. <img src="<%- data.img %>" height="16" width="16" class="translate-edit-icon">
  13. </script>
  14. <script id="translate-form-template" type="text/x-magento-template">
  15. <form id="<%- data.id %>">
  16. <% _.each(data.items, function(item, i) { %>
  17. <div class="translate-table-container">
  18. <table class="table">
  19. <% _.each(item, function(value, index) { %>
  20. <tr>
  21. <th class="label" style="text-transform: capitalize;"><%- index %>:</th>
  22. <td class="value"><%- value %></td>
  23. </tr>
  24. <% }); %>
  25. <tr>
  26. <th class="label">
  27. <label for="perstore_<%- i %>">Store View Specific:</label>
  28. </th>
  29. <td class="value">
  30. <input id="perstore_<%- i %>" name="translate[<%- i %>][perstore]" type="checkbox" value="1"/>
  31. </td>
  32. </tr>
  33. <tr>
  34. <th class="label">
  35. <label for="custom_<%- i %>">Custom:</label>
  36. </th>
  37. <td class="value">
  38. <input name="translate[<%- i %>][original]" type="hidden" value="<%- item.original %>"/>
  39. <input id="custom_<%- i %>"
  40. name="translate[<%- i %>][custom]"
  41. class="input-text"
  42. value="<%- item.translated %>" />
  43. </td>
  44. </tr>
  45. </table></div>
  46. <% }); %>
  47. </form>
  48. <% if (data.message) { %>
  49. <p class="a-center accent"><%- data.message %></p>
  50. <% } %>
  51. </script>
  52. <div data-role="translate-dialog" data-mage-init='{"translateInline":{"ajaxUrl":"<?= $block->escapeJs($block->escapeUrl($block->getAjaxUrl())) ?>"},"loader":{}}'></div>
  53. <script>
  54. require([
  55. "jquery",
  56. "mage/edit-trigger",
  57. "mage/translate-inline"
  58. ], function($){
  59. $('body').editTrigger(
  60. {
  61. img: '<?= $block->escapeJs($block->escapeUrl($block->getViewFileUrl('Magento_Theme::fam_book_open.png'))) ?>',
  62. alwaysShown: true,
  63. singleElement: false
  64. }
  65. );
  66. $('body').addClass('trnslate-inline-area');
  67. });
  68. </script>