Новости 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 Гость просматривают эту тему.
  • 13 Ответов
  • 6537 Просмотров
*

sett

  • Захожу иногда
  • 54
  • 0 / 0
Элементарный код для меню. Хочу слева от каждого пункта меню поставить маркер. Прописываю "list-style: circle;" - маркеры не появляются... посмотрите пожалуйста код, что не так прописано?  :(

a.mainlevel {
  margin-top        : 1px;
  padding-top       : 0px;
  font-size         : 12px;
  width             : 180px;
  text-indent       : 10px;
}
a.mainlevel:link {
  padding           : 0px 0px 0px 0px;
  font-size         : 12px;
  width             : 180px;
  text-indent       : 10px;
}
a.mainlevel:link, a.mainlevel:visited {
  font-size         : 12px;
  font-weight       : normal;
  padding           : 2px 60px 2px 0px;
  color             : #FFFFFF;
  width             : 180px;
  text-indent       : 10px;
  text-decoration   : none;
  list-style          : circle;
}

a.mainlevel:hover {
  font-size         : 12px; 
  color             : #FFFFFF;
  font-weight       : normal;
  text-decoration   : underline;
  text-indent       : 10px;
  list-style          : circle;
}
*

SmokerMan

  • Гуру
  • 5291
  • 720 / 26
А зачем это прописывать для ссылки?
list-style вообще для тэга <a> не применим.
Пиши для li
*

sett

  • Захожу иногда
  • 54
  • 0 / 0
блин, ни как не могу разобраться с этим тегом... подскажи код пожалуйста, который добавить следует  >:(
*

SmokerMan

  • Гуру
  • 5291
  • 720 / 26
блин, ни как не могу разобраться с этим тегом... подскажи код пожалуйста, который добавить следует  >:(
с каким тегом? :)
все давно уже написано.
Ставьте в настройках модуля меню отображение - обычным списком. И читайте литературу по HTML и CSS.
*

sett

  • Захожу иногда
  • 54
  • 0 / 0
спасибо огроменное)
*

sett

  • Захожу иногда
  • 54
  • 0 / 0
и последний вопрос)))
если у меня два списка на одной странице? для обоих разные стили должны быть, первый #mainlevel, а как для второго собственные сделать?
*

SmokerMan

  • Гуру
  • 5291
  • 720 / 26
и последний вопрос)))
если у меня два списка на одной странице? для обоих разные стили должны быть, первый #mainlevel, а как для второго собственные сделать?
смотрите класс или id родительского элемента.
Пример
Код: html
<style>
#first ul li {
list-style:disc;
}
#second ul li {
list-style:circle;
}
</style>
<div id ="first">
<ul><li>
</ul></li>
</div>
<div id ="second">
<ul><li>
</ul></li>
</div>
*

sett

  • Захожу иногда
  • 54
  • 0 / 0
и еще раз спасибо)
*

sett

  • Захожу иногда
  • 54
  • 0 / 0
Все-таки всплыла еще одна проблема... Отображение созданного меню в опере и мазиле - отличное, в эксплорере - как-будто стили для меню не работают вообще!  :'(

Код
#menu1 a.mainlevel {
  margin-top        : 1px;
  padding-top       : 0px;
  font-size         : 12px;
  width             : 180px;
  text-indent       : 10px;
}
#menu1 a.mainlevel:link {
  padding           : 0px 0px 0px 0px;
  font-size         : 12px;
  width             : 180px;
  text-indent       : 10px;
}
#menu1 a.mainlevel:link, #menu1 a.mainlevel:visited {
  font-family       : Arial, Helvetica, sans-serif;
  font-size         : 12px;
  font-weight       : normal;
  padding           : 0px 50px 2px 0px;
  color             : #FFFFFF;
  width             : 180px;
  text-indent       : 10px;
  text-decoration   : none;
}

#menu1 a.mainlevel:hover {
  font-size         : 12px
  color             : #FFFFFF;
  font-weight       : normal;
  text-decoration   : underline;
  text-indent       : 10px;
}

#menu1 li {
  list-style-type: none;
  display: inline;
  }
 #menu1 li:before {
  content: url(../image/menu_point.png);
 }
 
#menu2 a.mainlevel {
  margin-top        : 1px;
  padding-top       : 0px;
  font-size         : 12px;
  width             : 180px;
  text-indent       : 10px;
}
#menu2 a.mainlevel:link {
  padding           : 0px 0px 0px 0px;
  font-size         : 12px;
  width             : 180px;
  text-indent       : 10px;
}
#menu2 a.mainlevel:link, #menu2 a.mainlevel:visited {
  font-family       : Arial, Helvetica, sans-serif;
  font-size         : 11px;
  font-weight       : normal;
  padding           : 0px 5px 0px 0px;
  color             : #6b6b6b;
  width             : 180px;
  text-indent       : 10px;
  text-decoration   : none;
}

#menu2 a.mainlevel:hover {
  font-size         : 11px
  color             : #6b6b6b;
  font-weight       : normal;
  text-decoration   : underline;
  text-indent       : 10px;
}

#menu2 li {
  list-style-type: none;
  display: inline;
  }
 #menu2 li:before {
  content"| ";
 }



[вложение удалено Администратором]
*

sett

  • Захожу иногда
  • 54
  • 0 / 0
и вот еще код...
Код
<td><div align="center" id ="menu1">
            <?php if($this->countModules('left')) : ?>
            <jdoc:include type="modules" name="left" style="" />
              <?php endif; ?>
          </div></td>

<td><div align="left" id ="menu2">
            <jdoc:include type="modules" name="user6" style="" />
          </div></td>

и все что padding-top, left, right - ни чего не действует в эксполорере... поплыл шаблон в нем(((
*

sett

  • Захожу иногда
  • 54
  • 0 / 0
ууффф, решил задачу) всем спасибо
*

kolka88

  • Осваиваюсь на форуме
  • 26
  • 0 / 0
ууффф, решил задачу) всем спасибо
Как решил если не секрет?
*

sett

  • Захожу иногда
  • 54
  • 0 / 0
Конечно не секрет)))

Назначил id для каждого модуля меню в index.php:

Код
<td id="mainmenu_middle"><div id ="menu1">
            <jdoc:include type="modules" name="left" style="" />
              <?php if($this->countModules('left')) : ?>
              <?php endif; ?>
          </div></td>

и

Код
<td id="dop_menu"><div id ="menu2">
            <jdoc:include type="modules" name="user4" style="" />
              <?php if($this->countModules('user4')) : ?>
              <?php endif; ?>
          </div></td>

в CSS прописал стили:

Код
#menu1 a.mainlevel {
  margin-top        : 1px;
  padding-top       : 0px;
  font-size         : 12px;
  width             : 180px;
  text-indent       : 10px;
  background-image: url(../image/menu_point.png);
  background-repeat:no-repeat;
  background-position:center left;
}
#menu1 a.mainlevel:link {
  padding           : 0px 0px 0px 0px;
  font-size         : 12px;
  width             : 180px;
  text-indent       : 10px;
}
#menu1 a.mainlevel:link, #menu1 a.mainlevel:visited {
  font-family       : Arial, Helvetica, sans-serif;
  font-size         : 12px;
  font-weight       : normal;
  padding           : 0px 50px 2px 0px;
  color             : #FFFFFF;
  width             : 180px;
  text-indent       : 10px;
  text-decoration   : none;
      padding-left:12px;
}

#menu1 a.mainlevel:hover {
  font-size         : 12px;  
  color             : #FFFFFF;
  font-weight       : normal;
  text-decoration   : underline;
  text-indent       : 10px;
}
 
#menu2 a.mainlevel {
  margin-top        : 1px;
  padding-top       : 0px;
  font-size         : 12px;
  width             : 180px;
  text-indent       : 10px;
  background-image: url(../image/dop_raz.png);
  background-repeat:no-repeat;
  background-position:bottom left;
}
#menu2 a.mainlevel:link {
  padding           : 0px 0px 0px 0px;
  font-size         : 12px;
  width             : 180px;
  text-indent       : 10px;
}
#menu2 a.mainlevel:link, #menu2 a.mainlevel:visited {
  font-family       : Arial, Helvetica, sans-serif;
  font-size         : 11px;
  font-weight       : normal;
  padding           : 0px 5px 0px 0px;
  color             : #6b6b6b;
  width             : 180px;
  text-indent       : 10px;
  text-decoration   : none;
  padding-left: 10px;
}

#menu2 a.mainlevel:hover {
  font-size         : 11px;  
  color             : #6b6b6b;
  font-weight       : normal;
  text-decoration   : underline;
  text-indent       : 10px;
}

прикол оказался в том, что explorer, в отличие от оперы и мозилы, не воспринимает эти штуки:

Код
#menu1 li {
  list-style-type: none;
  display: inline;
  }
 #menu1 li:before {
  content: url(../image/menu_point.png);
 }

Код
#menu2 li {
  list-style-type: none;
  display: inline;
  }
 #menu2 li:before {
  content:  "| ";
 }

сделал меню не как список, а горизонтальным обычным меню и просто назначил на фон пунктов меню изображение, которое хотел, чтобы выходилось вместо маркера и задал отступы слева. вот и все решение оказалось))) *DRINK*
« Последнее редактирование: 31.03.2010, 22:01:19 от sett »
*

kolka88

  • Осваиваюсь на форуме
  • 26
  • 0 / 0
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

убрать из меню заголовки h3

Автор nexter

Ответов: 19
Просмотров: 7893
Последний ответ 03.02.2020, 18:49:47
от durte
При добавлении нового пункта меню не отображается содержимое

Автор Denko

Ответов: 2
Просмотров: 3298
Последний ответ 16.01.2020, 18:40:55
от Denko
Не нажимается пункт меню на мобильной версии

Автор Sensession

Ответов: 7
Просмотров: 4801
Последний ответ 04.01.2020, 16:45:27
от xpank
Не отображаются пункты в меню

Автор physic

Ответов: 20
Просмотров: 23008
Последний ответ 20.09.2019, 16:54:01
от beliyadm
Как в ARI Ext Menu добиться работы параметра "Показать в меню"?

Автор vasmed

Ответов: 1
Просмотров: 3545
Последний ответ 01.03.2019, 11:12:18
от vasmed