[XGrid] ИИ отметка для XenForo Resource Manager

[XGrid]

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



Подготовим для начало код:

1. Шаблон EXTRA.less
   

   .xgrid-icon-robot { color: @xf-errorColor; }
   .xgrid-notice-ai {
       margin-top: 10px;
       .blockMessage--error {
           display: flex;
           align-items: center;
           gap: 14px;
           padding: 14px 0px;
           border: 1px solid rgba(220, 53, 69, .35);
           border-left: 4px solid #dc3545;
           border-radius: 6px;
           &__icon { border-radius: 6px; background: rgba(220, 53, 69, .14); }
           &__title { font-weight: bold; }
       }
   }

   
   
2. Создаем в Default Style или какой Вы стиль используете, новый шаблон (называем его xgrid_content_ai_macros к примеру)
   
   
   Вставляем туда следующий код:
   

   <xf:macro id="resourceView"
             arg-resource="!"
             arg-tooltip="!"
             arg-icon="!"
             arg-title="!"
             arg-description="!">
       <xf:if is="{$resource.custom_fields.xgrid_content_ai} == 'true'">
           <xf:js>
           const title = document.querySelector('.p-title-value');
           if (title) {
               title.insertAdjacentHTML('beforeend', ' <span class="xgrid-icon-robot" data-xf-init="tooltip" title="{$tooltip}"><xf:fa icon="{$icon}" /></span>');
               XF.activate(title);
           }
           </xf:js>
           <div class="xgrid-notice-ai">
               <div class="blockMessage blockMessage--error">
                   <div class="blockMessage--error__icon">
                       <xf:fa icon="{$icon}" class="avatar avatar--s" />
                   </div>
                   <div class="blockMessage--error__content">
                       <div class="blockMessage--error__title">{$title}</div>
                       <div class="blockMessage--error__text">{$description}</div>
                   </div>
               </div>
           </div>
       </xf:if>
   </xf:macro>
   
   <xf:macro id="resourceItem"
             arg-resource="!"
             arg-tooltip="!"
             arg-icon="!">
       <xf:if is="{$resource.custom_fields.xgrid_content_ai} == 'true'">
               <span class="xgrid-icon-robot" data-xf-init="tooltip" title="{$tooltip}"><xf:fa icon="{$icon}" /></span>
       </xf:if>
   </xf:macro>

   
   
3. После того как мы добавили CSS и создали шаблон, идем в модификации шаблонов и создаем новую.
   

   /admin.php?template-modifications/

Первая модификация:

• Шаблон: xfrm_resource_view
• Ключ: xgrid_ai_content_mod_1
• Найти:

  <article class="resourceBody-main js-lbContainer">

• Заменить:

  $0
  <xf:macro id="xgrid_content_ai_macros::resourceView"
            arg-resource="{$resource}"
            arg-tooltip="В этом коде присутствует контент, созданный или обработанный с помощью ИИ."
            arg-icon="fa-robot"
            arg-title="ИИ-контент"
            arg-description="Данный контент создан или обработан с использованием искусственного интеллекта." />

Вторая модификация:

• Шаблон: xfrm_resource_list_macros
• Ключ: xgrid_ai_content_mod_2
• Найти:

  {$resource.title}

• Заменить:

  $0
  <xf:macro id="xgrid_content_ai_macros::resourceItem"
            arg-resource="{$resource}"
            arg-tooltip="В этом коде присутствует контент, созданный или обработанный с помощью ИИ."
            arg-icon="fa-robot" />

Третья модификаця:

• Шаблон: trending_content_item
• Ключ: xgrid_ai_content_mod_3
• Найти:

  {{ $content.getContentTitle() }}

• Заменить:

  $0
  <xf:macro id="xgrid_content_ai_macros::resourceItem"
            arg-resource="{$content}"
            arg-tooltip="В этом коде присутствует контент, созданный или обработанный с помощью ИИ."
            arg-icon="fa-robot" />

Финальный шаг: (создаем поле на котором завязан у нас код)

/admin.php?resource-manager/fields/

• ID поля: xgrid_content_ai
• Заголовок: На ваше усмотрение (это будет отображено при создании ресурса) пользователю, где он будет выбирать ответ (ДА/НЕТ)
• Категории: Отмечаем где будет работать это поле
• Тип поля: Выпадающее меню с выбором одного варианта
• Возможные варианты:
  
• Обязательное поле: Ставим галочку
• Сохраняем поле и получаем такой результат
  

Демонстрация: (в других местах)