grid.html 3.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. <!--
  2. /**
  3. * Copyright © Magento, Inc. All rights reserved.
  4. * See COPYING.txt for license details.
  5. */
  6. -->
  7. <div class="admin__field-complex" if="$data.addButton">
  8. <div class="admin__field-complex-title">
  9. <span class="label" translate="'User Agent Rules'"></span>
  10. </div>
  11. <div class="admin__field-complex-elements">
  12. <render args="fallbackResetTpl" if="$data.showFallbackReset && $data.isDifferedFromDefault"/>
  13. <button attr="{disabled: disabled}"
  14. class="action-secondary"
  15. type="button"
  16. click="processingAddChild.bind($data, false, false, false)">
  17. <span translate="addButtonLabel"/>
  18. </button>
  19. </div>
  20. <div class="admin__field-complex-content"
  21. translate="'User agent exceptions override product and CMS pages rules.'"></div>
  22. </div>
  23. <div class="admin__field admin__field-wide"
  24. visible="visible"
  25. disabled="disabled"
  26. css="$data.setClasses($data)"
  27. attr="'data-index': index">
  28. <label if="$data.label" class="admin__field-label" attr="for: $data.uid">
  29. <span translate="$data.label"/>
  30. </label>
  31. <div class="admin__field-control" data-role="grid-wrapper">
  32. <div class="admin__control-table-pagination" visible="!!element.getRecordCount()">
  33. <div class="admin__data-grid-pager">
  34. <button class="action-previous" type="button" data-bind="attr: {title: $t('Previous Page')}, click: previousPage, disable: isFirst()"></button>
  35. <input class="admin__control-text" type="number" data-bind="attr: {id: ++ko.uid}, value: currentPage">
  36. <label class="admin__control-support-text" data-bind="attr: {for: ko.uid}, text: 'of ' + pages()"></label>
  37. <button class="action-next" type="button" data-bind="attr: {title: $t('Next Page')}, click: nextPage, disable: isLast()"></button>
  38. </div>
  39. </div>
  40. <div class="admin__control-table-wrapper">
  41. <table class="admin__dynamic-rows data-grid" data-role="grid">
  42. <thead if="element.columnsHeader">
  43. <tr>
  44. <th if="$data.dndConfig.enabled"
  45. class="data-grid-draggable-row-cell"/>
  46. <th repeat="foreach: labels, item: '$label'"
  47. class="data-grid-th"
  48. visible="$label().visible"
  49. disable="$label().disabled"
  50. css="setClasses($label())">
  51. <span translate="$label().label"/>
  52. </th>
  53. </tr>
  54. </thead>
  55. <tbody>
  56. <tr repeat="foreach: elems, item: '$record'"
  57. class="data-row"
  58. css="'_odd-row': $index % 2">
  59. <td if="dndConfig.enabled"
  60. class="data-grid-draggable-row-cell"
  61. template="name: dndConfig.template, data: dnd"/>
  62. <!-- ko foreach: { data: $record().elems(), as: 'elem'} -->
  63. <td if="elem.template"
  64. visible="elem.visible"
  65. disable="elem.disabled"
  66. css="$parent.setClasses(elem)"
  67. template="elem.template"
  68. attr="'data-index': index"/>
  69. <!-- /ko -->
  70. </tr>
  71. </tbody>
  72. </table>
  73. </div>
  74. </div>
  75. </div>
  76. <div class="messages">
  77. <div class="message message-notice notice">
  78. <span
  79. translate="'Search strings are either normal strings or regular expressions (PCRE). They are matched in the same order as entered.'"></span>
  80. <br>
  81. <span
  82. translate="'Examples'"></span>:
  83. <span class="code-sample">Firefox: /^mozilla/i</span>
  84. </div>
  85. </div>