Фильтр иконок для Cobalt CCK

Written on 16 September 2014.

Многие давно знают об улётном конструкторе контента Cobalt. Кто не знает, знакомтесь:
- Все, это Кобальт
- Кобальт, это Все.

Помимо прочих фишек, в Кобальте есть возможность задать иконки для каждого поля. Вроде бы мелочь, а очень важная. Многие любят глазами. Я, так точно. Иконок много, они разноплановые, есть возможность добавить свои, но когда нужно найти конкретную картинку, приходтся пересматривать их все. Это не для нас. ТруЪ программист потратит час на написание скрипта, вместо 5 минут рутины.

Для того что бы сделать фильтр по иконкам делаем следующее:

В файле /administrator/components/com_cobalt/models/fields/fieldicon.php
Находим строку $html = '&ltinput type="hidden" name="'.$this->name.'" id="icon_param'.$this->fieldname.'" value="'.$this->value.'">';. У меня она №31

Добаляем после неё:


$html .= '&ltdiv class="input-prepend clearfix">
            &ltspan class="add-on">'.JText::_('LTFILTERS').':&lt/span>
              &ltinput id="icon_param_search" type="text" value="" >
            &lt/div>&ltbr>';
$html .= '&ltscript type="text/javascript">
         (function($){$(document).ready(function() {
           $("#icon_param_search").on("input", function (){
             var imgSearch = $(this).val();
             var imgBox = $(this).parent().next().next().next().next().next().next().next();
             imgBox.children().each(function( index ) {
               var ico_name = String($(this).attr("src")).split("/").pop();
               if(ico_name.indexOf(imgSearch) >= 0){
                 $(this).show();
               }else{
                 $(this).hide();
               }
             });
           });
         });})(jQuery);
&lt/script>';

Пардоньте, плагин подсветки кода не справился с моей "мудростью". Результат наших манипуляций: