MC-42230: Fix HTML tags not properly nested/closed [MBE]

- Fixes on ASI repo

Author: loginesta

AdobeStockImageAdminUi/view/adminhtml/web/template/grid/column/image-preview.html

@@ -8,22 +8,22 @@
     <div class="container">
         <div class="action-buttons preview-buttons">
             <button class="action-previous" type="button" disable="$col.cannotViewPrevious($row())" click="$col.prev.bind($col, $row())">
-                <span translate="'Previous'"/>
+                <span translate="'Previous'"></span>
             </button>
             <button class="action-next" type="button" disable="$col.cannotViewNext($row())" click="$col.next.bind($col, $row())">
-                <span translate="'Next'"/>
+                <span translate="'Next'"></span>
             </button>
             <button class="action-close" type="button" click="$col.hide.bind($col)">
-                <span translate="'Close'"/>
+                <span translate="'Close'"></span>
             </button>
         </div>
 
         <div class="preview-row-content">
             <img class="preview" attr="src: $col.displayedRecord().thumbnail_500_url, alt: $col.displayedRecord().title">
             <div class="info">
-                <h3 class="title" text="$col.displayedRecord().title" if="$col.displayedRecord().title"/>
+                <h3 class="title" text="$col.displayedRecord().title" if="$col.displayedRecord().title"></h3>
                 <div class="author" if="$col.displayedRecord().creator_name">
-                    <span translate="'By'" /><span text="' ' + $col.displayedRecord().creator_name" />
+                    <span translate="'By'"></span><span text="' ' + $col.displayedRecord().creator_name" ></span>
                 </div>
 
                 <div class="actions">
@@ -37,20 +37,20 @@ <h3 class="title" text="$col.displayedRecord().title" if="$col.displayedRecord()
         <div class="attributes" data-role="image-attributes-value">
             <each args="$col.getDisplayAttributes()">
                 <div class="attribute">
-                    <span class="title" translate="name"/>
+                    <span class="title" translate="name"></span>
                     <div class="value">
-                        <span text="value" />
+                        <span text="value"></span>
                     </div>
                 </div>
             </each>
         </div>
 
         <scope args="related">
-            <render args="getTemplate()" />
+            <render args="getTemplate()"></render>
         </scope>
 
         <div class="keywords-container" ko-scope="keywords">
-            <render args="getTemplate()" />
+            <render args="getTemplate()"></render>
         </div>
     </div>
 </div>

AdobeStockImageAdminUi/view/adminhtml/web/template/grid/column/overlay.html

@@ -5,5 +5,5 @@
  */
 -->
 <div if="$col.isVisible($row())" ko-style="$col.getStyles($row())" class="masonry-image-overlay">
-    <span text="$col.getLabel($row())"/>
+    <span text="$col.getLabel($row())"></span>
 </div>

AdobeStockImageAdminUi/view/adminhtml/web/template/grid/column/preview/actions.html

@@ -16,10 +16,10 @@
     </each>
 </ul>
 <button class="action-secondary" type="button" visible="!isDownloaded() && !isLicensed()" click="function(){ savePreviewClick() }">
-    <span translate="'Save Preview'"/>
+    <span translate="'Save Preview'"></span>
 </button>
 <button class="action-secondary" type="button" visible="isDownloaded()" click="function(){ openInMediaGalleryClick() }">
-    <span translate="'Open in Media Gallery'"/>
+    <span translate="'Open in Media Gallery'"></span>
 </button>
 <button class="action-default primary"
         type="button"

AdobeStockImageAdminUi/view/adminhtml/web/template/grid/column/preview/keywords.html

@@ -9,11 +9,11 @@
     <each args="getKeywords($col.displayedRecord())">
         <div class="keyword" css="{ 'hide': $index() >= $parent.getKeywordsLimit()}">
             <a href="" class="value" click="function(){ $parent.searchByKeyWord(name) }">
-                <span text="name"/>
+                <span text="name"></span>
             </a>
         </div>
     </each>
     <button visible="canViewMoreKeywords" click="function(){ viewAllKeywords($col.displayedRecord()) }">
-        <span translate="'View all'"/>
+        <span translate="'View all'"></span>
     </button>
 </div>

AdobeStockImageAdminUi/view/adminhtml/web/template/grid/filter/checkbox.html

@@ -8,9 +8,9 @@
     <div class="admin__field-control"
          css="'_with-tooltip': $data.tooltip">
         <label class="admin__form-field-label" if="$data.label" attr="for: uid">
-            <span translate="label" attr="'data-config-scope': $data.scopeLabel" />
+            <span translate="label" attr="'data-config-scope': $data.scopeLabel"></span>
         </label>
-        <render args="tooltipTpl" if="$data.tooltip"/>
+        <render args="tooltipTpl" if="$data.tooltip"></render>
     </div>
     <div class="admin__field admin__field-option">
         <input type="checkbox"
@@ -21,6 +21,6 @@
                hasFocus="focused"
                attr="id: uid, name: inputName"/>
 
-        <label class="admin__field-label" text="description" attr="for: uid"/>
+        <label class="admin__field-label" text="description" attr="for: uid"></label>
     </div>
 </div>

AdobeStockImageAdminUi/view/adminhtml/web/template/grid/filter/chips.html

@@ -6,29 +6,29 @@
 -->
 <div class="admin__data-grid-filters-current" css="_show: hasPreviews()">
     <div class="admin__current-filters-title-wrap">
-        <span class="admin__current-filters-title" translate="'Active filters\\:'"/>
+        <span class="admin__current-filters-title" translate="'Active filters\\:'"></span>
     </div>
     <div class="admin__current-filters-list-wrap">
         <ul class="admin__current-filters-list" data-role="filter-list">
             <each args="elems">
                 <li outereach="previews">
-                    <span text="label + '\\:'"/>
-                    <span if="typeof preview ==='string' && label === 'Color'" class="color-rectangle" ko-style="{ 'background-color' :  preview }" />
-                    <span if="typeof preview === 'string'" text="preview"/>
+                    <span text="label + '\\:'"></span>
+                    <span if="typeof preview ==='string' && label === 'Color'" class="color-rectangle" ko-style="{ 'background-color' :  preview }"></span>
+                    <span if="typeof preview === 'string'" text="preview"></span>
                     <span if="typeof preview === 'object'">
-                        <text args="preview[0] || '...'"/> - <text args="preview[1] || '...'"/>
+                        <text args="preview[0] || '...'"></text> - <text args="preview[1] || '...'"></text>
                     </span>
                     <button class="action-remove" type="button"
                         data-action="grid-filter-remove-chip"
                         click="$parent.clear.bind($parent, elem)">
-                        <span translate="'Remove'"/>
+                        <span translate="'Remove'"></span>
                     </button>
                 </li>
             </each>
         </ul>
     </div>
     <div class="admin__current-filters-actions-wrap">
         <button class="action-tertiary action-clear" type="button" click="clear" translate="'Clear all'"
-            attr="'data-action': hasPreviews() ? 'grid-filter-reset' : ''"/>
+            attr="'data-action': hasPreviews() ? 'grid-filter-reset' : ''"></button>
     </div>
 </div>

AdobeStockImageAdminUi/view/adminhtml/web/template/grid/filter/color.html

@@ -5,7 +5,7 @@
  */
 -->
 <label class="admin__form-field-label" if="$data.label" attr="for: uid">
-    <span translate="label" attr="'data-config-scope': $data.scopeLabel" />
+    <span translate="label" attr="'data-config-scope': $data.scopeLabel"></span>
 </label>
 <div class="admin__field-control"
      visible="visible"

AdobeStockImageAdminUi/view/adminhtml/web/template/grid/toolbar.html

@@ -6,27 +6,27 @@
 -->
 <div class="admin__data-grid-header" data-role="masonry-main-toolbar" afterRender="$data.setToolbarNode">
     <div class="admin__data-grid-header-row">
-        <div class="admin__data-grid-actions-wrap" each="getRegion('dataGridActions')" render=""/>
-        <each args="getRegion('dataGridFilters')" render=""/>
+        <div class="admin__data-grid-actions-wrap" each="getRegion('dataGridActions')" render=""></div>
+        <each args="getRegion('dataGridFilters')" render=""></each>
     </div>
     <div class="admin__data-grid-header-row row row-gutter">
-        <div class="col-xs-2" if="hasChild('listing_massaction')" ko-scope="requestChild('listing_massaction')" render=""/>
+        <div class="col-xs-2" if="hasChild('listing_massaction')" ko-scope="requestChild('listing_massaction')" render=""></div>
         <div css="
             'col-xs-10': hasChild('listing_massaction'),
             'col-xs-12': !hasChild('listing_massaction')">
             <div class="row">
                 <div class="col-xs-4">
                     <div class="masonry-results-number" ko-scope="requestChild('listing_paging')">
-                        <render args="totalTmpl"/>
+                        <render args="totalTmpl"></render>
                     </div>
-                    <each args="getRegion('sorting')" render=""/>
+                    <each args="getRegion('sorting')" render=""></each>
                 </div>
                 <div class="col-xs-8" ko-scope="requestChild('listing_paging')">
-                    <div render=""/>
+                    <div render=""></div>
                 </div>
             </div>
         </div>
     </div>
 </div>
 
-<render args="stickyTmpl" if="$data.sticky"/>
+<render args="stickyTmpl" if="$data.sticky"></render>

AdobeStockImageAdminUi/view/adminhtml/web/template/sorting.html

@@ -5,7 +5,7 @@
  */
 -->
 <div class="masonry-sorting">
-    <b><translate args="'Sort by'"/>:</b>
+    <b><translate args="'Sort by'"></translate>:</b>
     <select class="admin__control-select"
             options="options"
             optionsValue="'value'"