Новости Joomla

Свои типы полей в Joomla.

Свои типы полей в Joomla.Это большая тема, о которой можно говорить очень много

Это большая тема, о которой можно говорить очень много. Самое главное, что возможности применения ограничиваются только вашей больной фантазией. Вы строите интерфейс своего модуля или плагина и вам нужно подтянуть данные из сторонней системы (список чего-нибудь по какому-нибудь API), чтобы сохранить выбранный id в Joomla. Или сделать какую-то проверку и в зависимости от неё показать то или иное сообщение пользователю. Для этого подойдут свои пользовательские типы полей. Интерфейс Joomla по большей части описан в XML-файлах. У каждого из них свои параметры. Некоторые не описаны в документации (manual.joomla.org), поэтому самым любопытным будет полезно заглянуть в собственно файлы фреймворка по пути

libraries/src/Form/FormField.php, а так же в
libraries/src/Form/Fields. У каждого класса поля перечислены его специфические свойства, которые можно описывать в XML. А в своём типе поля вы можете устанавливать эти значения программно. В моём модуле WT Quick links под капотом происходят изменения. Теперь для работы (в админке) ему нужен вспомогательный плагин. А в самом модуле нам бы проверить, а не выключен ли он? В Joomla есть тип поля Note - заметка. Его можно использовать для вывода примечаний.

<field type="note" name="your_note_for_user" label="Заголовок примечания" title="Альтернативный способ для заголовка" description="Текст примечания" class="col-12 alert alert-info" heading="h1" close="true" />

heading - указывать уровень заголовка.
close - позволяет закрыть это примечание. В классе поля
libraries/src/Form/Field/NoteField.php описана логика вывода. И в принципе оно нам подходит для нашей задачи. Но оно будет выводить сообщение всегда, а нам нужно только тогда, когда плагин отключён. Поэтому берём и создаём свой класс поля, который мы унаследуем от
NoteField. Это значит, что у нас в руках будет весь инструментарий стандартного поля
Note + то, что мы сами добавим. В XML-манифест добавляем наше поле

<field type="systempluginstatus" name="systempluginstatus" addfieldprefix="Joomla\Module\Wtquicklinks\Site\Fields"/>

-

type - имя файла и класса,-
addfieldprefix - указываем namespace к нашему классу, может быть любой нам нужный-
name - нельзя полю без имени...Это означает, что Joomla будет использовать класс поля из файла
modules/mod_wt_quick_links/src/Fields/SystempluginstatusField.php.А в классе поля будет написано следующее:

<?php // namespace для атрибута addfieldprefix namespace Joomla\Module\Wtquicklinks\Site\Fields; // нельзя напрямую обращаться к этому файлу defined('_JEXEC') or die; // подключаем родительский класс для переопределения use Joomla\CMS\Form\Field\NoteField; use Joomla\CMS\Language\Text; use Joomla\CMS\Plugin\PluginHelper; // имя класса и имя файла точь-в-точь class SystempluginstatusField extends NoteField { protected $type = 'Systempluginstatus'; protected function getLabel() { // если плагин не включён if(PluginHelper::isEnabled('system','wtquicklinks')) { // меняем свойства родительского класса $this->class = 'alert alert-danger w-100'; $this->element['label'] = '⚠️ А-а-а-а!'; $this->element['description'] = 'Плагин не включён!!'; // и просто рендерим его с нашими свойствами return parent::getLabel(); } // А иначе всё хорошо, скрываем поле из виду. $this->parentclass = 'd-none'; return ''; } }

Просто и удобно. И людям приятно, что о них позаботились и рассказали почему что-то не работает. @webtolkru#joomla #php #webdev #разработка

0 Пользователей и 1 Гость просматривают эту тему.
  • 5 Ответов
  • 852 Просмотров
*

romagromov

  • Давно я тут
  • 692
  • 9 / 3
Здравствуйте!
У же всю голову сломал, не могу найти документацию.
В bootstrap можно указать сколько элементов отображать на разных экранах, типа так и пишем в классе col-sm-3 .col-md-5 - что означает, на маленьких экранах 3, на средних 5.
Как сделать тоже самое в Gantry5? Вижу только ширину элементов size-5 .size-10, .size-15, .size-20, .size-25
а как привязать ее к размеру экрана?
 ! :o
*

khan-alex

  • Давно я тут
  • 649
  • 30 / 1
Re: Grid система в Gantry как в bootstrap?
« Ответ #1 : 28.01.2021, 16:25:16 »
Как сделать тоже самое в Gantry5? Вижу только ширину элементов size-5 .size-10, .size-15, .size-20, .size-25
Если всё правильно понял, то в Gantry через классы задаётся видимость того или иного блока (частицы, particle) hidden-phone или visible-desktop, а их ширину настраиваешь уже шириной самих частиц, можешь сделать их фиксированной: Fixed size - [√]. Так же в настройках стилей можно изменить ширину шаблона Large Desktop = 90rem
*

romagromov

  • Давно я тут
  • 692
  • 9 / 3
Re: Grid система в Gantry как в bootstrap?
« Ответ #2 : 28.01.2021, 17:03:26 »
Смысл в том, что блоки плавающие.
На десктопе 4 по 25%, на планшете 3 по 30%, на большом телефоне 2 по 50%, на маленьком 1 блок на всю ширину 100%.
В bootstrap это легко делается через классы в макете col-sm-3 = 3 колонки на маленьком экране (sm)
Это карточки товаров. Их невозможно указать прямо в настройках шаблона.
То, что вы дали - это другое.
Мне нужно не видимость задать, а количество карточек в одной строке, в зависимости от размера экрана.
« Последнее редактирование: 28.01.2021, 17:29:26 от romagromov »
*

khan-alex

  • Давно я тут
  • 649
  • 30 / 1
Re: Grid система в Gantry как в bootstrap?
« Ответ #3 : 28.01.2021, 17:29:51 »
То, что вы дали - это другое.
Мне нужно не видимость задать, а количество карточек в одной строке, в зависимости от размера экрана.
Да, согласен - это не то. Ну эту статью скорее всего читали?
« Последнее редактирование: 28.01.2021, 17:36:03 от khan-alex »
*

romagromov

  • Давно я тут
  • 692
  • 9 / 3
Re: Grid система в Gantry как в bootstrap?
« Ответ #4 : 28.01.2021, 20:55:31 »
Да, читал. И она не дает ответ на вопрос.
В ней описано, как сделать карточки, это да. Но в какой-то момент, при уменьшении размера экрана, все они просто падают друг под друга.
Нам же нужно, чтобы была полная адаптивность. 4 карточки, 3, 2, 1.
Собственно я решил проблему подключением CSS UIkit - легкий фрейморк и в нем есть то, что нужно и супер гибко, вот пример класса для карточки
Код
<div class="uk-width-large-1-3 uk-width-medium-1-3 uk-width-small-1-2">
То есть на больших и средних экранах по по 3 карточки в ряд, на маленьких 2.
При переходе на очень маленькие - 1 карточка в ряд.
Но имея на борту Gantry5 еще и подключать отдельный фреймворк для этой задачи, как-то жирно получается.
Не врубаюсь, почему нет подобного в Gantry5 - ведь очень мощная штука. Я более гибкой админки не встречал, а перещупал очень много и остановился именно не нем.
« Последнее редактирование: 28.01.2021, 21:16:54 от romagromov »
*

khan-alex

  • Давно я тут
  • 649
  • 30 / 1
Re: Grid система в Gantry как в bootstrap?
« Ответ #5 : 02.02.2021, 11:37:29 »
Собственно я решил проблему подключением CSS UIkit - легкий фрейморк и в нем есть то, что нужно и супер гибко, вот пример класса для карточки
Не врубаюсь, почему нет подобного в Gantry5 - ведь очень мощная штука. Я более гибкой админки не встречал, а перещупал очень много и остановился именно не нем.
Да два фреймворка на одном движке - это тяжеловато, студия Inspiretheme этим "грешит".
А прописывать и присваивать собственные стили для каждого блока/particle не пробовали? Вот по такому примеру, ещё вот тут почитайте по стилям.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Два модальных окна Bootstrap на одной странице

Автор coolplaymaster

Ответов: 1
Просмотров: 1070
Последний ответ 11.10.2021, 17:55:28
от coolplaymaster
Обновление, gantry 5, стили и не только

Автор fidst

Ответов: 5
Просмотров: 794
Последний ответ 03.02.2021, 16:09:01
от fidst
Как отключить шрифт iсoMoon в Gantry 5?

Автор romagromov

Ответов: 0
Просмотров: 668
Последний ответ 31.01.2021, 21:25:22
от romagromov
Bootstrap

Автор Rebarun

Ответов: 13
Просмотров: 1951
Последний ответ 26.05.2020, 09:04:35
от Rebarun
header, модули (gantry)

Автор Jomler

Ответов: 0
Просмотров: 751
Последний ответ 17.11.2019, 03:41:29
от Jomler