[XGrid] XFRM: Resource Image Preview Update

[XGrid]

Совместимость с XenForo: 2.3
Видимый копирайт: Нет
Resource Manager: https://itnull.me/threads/10804

1. Создаем новый шаблон и называем xgrid_xfrm_preview_update
   

   <xf:css>.xgrid-resource-icon-preview { object-fit: cover; }</xf:css>
   <xf:js>
   (() =>
   {
       'use strict';
       document.addEventListener('change', event =>
       {
           const input = event.target.closest('input[type="file"][name="upload"]');
           if (!input) return;
   
           const file = input.files?.[0];
           if (!file || !file.type.startsWith('image/')) return;
   
           const row = input.closest('[data-template-name="public:xfrm_resource_edit_macros::resource_icon"]');
           if (!row) return;
   
           const icon = row.querySelector('.contentRow-figureIcon .avatar');
           if (!icon) return;
   
           icon.replaceChildren();
   
           const image = document.createElement('img');
           image.className = 'xgrid-resource-icon-preview';
           image.alt = file.name;
           image.src = URL.createObjectURL(file);
   
           icon.appendChild(image);
       });
   })();
   </xf:js>

   
   
2. Идем в модификации и создаем новую
   
   Первая модификация:
   Шаблон: xfrm_category_add_resource
   Ключ: xgrid_ajax_icon_add_resource
   Найти:

   </xf:title>

   Заменить:

   $0
   <xf:include template="xgrid_xfrm_preview_update" />

   
   Вторая модификация:
   Шаблон: xfrm_resource_edit
   Ключ: xgrid_ajax_icon_resource_edit
   Найти:

   </xf:title>

   Заменить:

   $0
   <xf:include template="xgrid_xfrm_preview_update" />