#48643 Sergeich: 
https://www.comss.ru/ - тоже кажись Котонти (или Седитио). Хороший сайт.

Да, кто-то очень сильно старался. Домену 18 лет)

Атрибут required, как пример, элементарная семантика, встроенная в браузеры валидация. При чем здесь js.

Это элементарно логично вставлять атрибут при генерации полей по умолчанию. Хотя бы для того, чтобы пустые формы на сервак не гонять.

Движок как раз и генерит "мусор" из коробки: теги, размеры полей, намертво вкорячен bootstrap/jquery - это ли не свистоперделки?

Честно говоря не понял, от чего так бомбит)

Сворачиваюсь на этом с улучшениями.

Так а помогать-то тебе зачем? Ну вот ты сделал отличную админку (с какого хрена на Pico CSS, правда, не знаю, но это так, риторический вопрос). Запилил там все по-джедайски. Я только не совсем понял про 'required' и про костыли. Валидатор в админке "серверный" для всех форм, так что пустое имя и так не прокатит, и пояснений что это обязательное поле вполне достаточно. Зачем там еще JS-проверки? Если я правильно понял.

Если костыли это ресурсные строки и функции типа cor_rc_modify(), то это не костыли, а функционал, который позволяет тебе кастомизировать разметку и использовать классы для своего CSS-фреймворка. В дефолтных, видимо, можно найти "некрасивую" разметку и стайлзы, но это либо просто не мешает отлаживать какой-то функционал или просто не мешает. Я многие дефолтные ресурсы переопределяю и не чувствую себя униженным)

То, что находится в папке system/admin/tpl, это заготовка, которая должна одинаково подходить для:

1. Разработчика движка (минимум всего + кроссбраузерно)
2. Разработчика админки для сайта (п. 1 + максимально универсально)

Я бы ее еще почистил, но пока не совсем решил как сделать ее по-настоящему удобной и рабочей по этим двум пунктам.

Не надо считать, что system/admin/tpl это, @#$%ь, готовое решение, особенно для домохозяек. Как, собственно, и сам движок. Ты скачал конструктор, выбрал на свой вкус админку и сделал сайт под свои требования. Зашло? Со временем наработал свои плагины, собрал свою админку, поделился с другими и пошел дальше по схеме.

Меньше всего там нужна гейско-радужная хрень со свистоперделками перенасыщенная стилями и функционалом конечная реализация чьего-то понимания того, как оно всем надо. Не забывай, что в админку периодически вносятся изменения, и мне, например, не очень хочется сперва расшифровывать что-то, а потом думать, как это перенести в свою реализацию. Тебе, думаю, тоже.

На всякий случай, всем миль пардон))

P.S. Не забудь про выкладку.

Я читал по диагонали)

Вопрос - имею ввиду запрос на помощь в приведении в порядок форм.

Что не так с формами на вскидку:

• отсутвуют required для обязательных , вместо этого такое требование отмечено рядом подписями
• нет более ясных подсказок - placeholder
• нет логической группировки fieldset, legend
• кое-где жестко зашиты размеры size, cols, rows

Касательно UX/UI

Например, форма добавления группы юзеров.

Что есть сейчас:

Что здесь не так:

• Что такое уровень?
• Что значит "Пропустить права для этой группы"?

Что примерно ожидает домохозяйка, когда заходит поадминить:

Также внутри генерации элементов форм местами зашито форматирование, теги типа br, заданы стили.

Но это реашаемо костылями. Понятно, что тянется из прошлого века и выпиливается по мере возможностей.

Вообщем это был запрос на помощь с приведением в порядок форм.

#48633 Kort: 

Вообще, ничего (ну или практически ничего) не мешает кастомизировать практически любой раздел админки так, чтобы все было как хочется)

Так именно этим я занят. Выложил тему и выразил надежду на помощь в улучшении UX.

Никаких споров о вкусах.

Если вы не видите необходимости, значит вопрос не к вам.

Можешь конкретно указать, где поля не группируются по смыслу? Понятно, что регулярные блоки с экстраполями не в счет. Там смысл не работает)

Вообще, ничего (ну или практически ничего) не мешает кастомизировать практически любой раздел админки так, чтобы все было как хочется)

С формами все так, кроме того, что пользвоваться ими не удобно - нет семантки, группировки полей по смыслу. Т.е. формы в коте - это набор полей идущих в любом порядке.

PicoCSS просто тест, решил проверить, как он.

Простой, легкий, ничего лишнего. Можно даже class-less использовать, т.е. чистый семантичный html, что-то вроде

<body>
  <main>
    <h1>Hello, world!</h1>
  </main>
</body>

Файлы - ок, выложу, спасибо за предложение)

#48628 Edward: 
В планах поменять отображение форм, т.к. текущими пользоваться сложновато, никаким UX не пахнет даже близко 😀

Привет, а что не так с формами? Почему Pico CSS? Надо бы и на сайт выложить в "Файлы". Стукни в личку если надо помочь с переводом)

В теме только стандартные плагины, идущие в коробке.

🎨 Легковесный CSS фреймворк Pico CSS + SVG Tabler Icons

📱 Адаптивная верстка (Mobile-first)

🌓 Cветлая/темная темы

🎯 Flexbox/CSS Grid макеты

♿ WCAG 2.1 Level AA accessibility

🚀 Оптимизированная производительность

💅 Семантичный HTML5

Точно работает в Cotonti >= 0.9.23.

В более старых версиях может быть проблема (в 19 точно не работает), т.к. менялись функции отрисовки форм.

В планах поменять отображение форм, т.к. текущими пользоваться сложновато, никаким UX не пахнет даже близко 😀

Есть желающие, а главное умеющие в UX/UI буду рад помощи.

Тема на Github:

https://github.com/Edd-G/cotonti-butterfly-admin-theme

1. В твоем плагине должна быть аяксовая часть (Hooks=ajax), которая будет импортировать все передаваемые запросом параметры. Если фильтр мудреный, возможно и с urldecode(). Таким образом на каждой странице будет все как надо.
2. id на странице всегда один -- непонятно что имелось ввиду.
3. Здесь непонятно. По идее, твой плагин должен к параметру d добавлять свои параметры фильтрации. Иногда для таких параметров требуется urlencode(). Прежде всего, это должно работать без аякса. И тогда можно настроить ЧПУ. Для аяксовых дел придется сильно подумать.
   Но я, опять же сильно, сомневаюсь что при аяксовой паджинации можно (и нужно) мутить ЧПУ и прочие дела. Поисковики в лучшем случае проигнорируют, а в худшем будешь выставлять rel="nofollow" и мета robots noindex и выковыривать из индекса ссылки твоего фильтра. Впрочем, meta robots понадобится для результатов фильтра в любом случае))

$(document).on('ajaxSuccess', function() {
    var container = $('#news-container');
    if (container.length > 0) {
        $('html, body').animate({
            scrollTop: container.offset().top - 20 // 20px запас сверху
        }, 400);
    }
});

Пишу плагин фильтрации и запутался в архитектуре ссылок.

Логика сейчас:

1.Данные фильтра летят через AJAX.

2.Обработчик filter.ajax.php отдает готовый HTML (результаты + пагинация).

3.JS вставляет это в контейнер: $("#auto-filter-content").html(response.html); в page.list.tpl.

Вопросы:

1. URL пагинации: Как правильно формировать ссылки в пагинации внутри AJAX-ответа? Должны ли они вести на основной листинг (например, /category?d=2) или на обработчик фильтра? Как в таком случае сохранять состояние фильтров при переходе по страницам?

2. Контейнеры: Обязательно ли id блока пагинации должен совпадать с id основного контента, если я обновляю всё разом?

3. Маршрутизация: Стоит ли перенести логику из отдельного файла на хук standalone (URL типа /filter), чтобы корректно работало ЧПУ и системные переменные Cotonti? Если, да, то желательно с примером. У меня здесь ступор, я не знаю как сделать? Верне не знаю, как на этом хуке обработчик на аякс работал?

#48282 Kopusha: 
 

... Всюду скрываю движек, создаю пустые файлы wp-config, wp-admin.php и тд, и делаю еще очень много что бы не дать понять на каком движке сделан сайт.

Пока что рекорд в логах - 1миллион 400 тысяч не верных попыток зайти на сайт.

Я думал об этом, но вордпрессовские фэйковые файлы не гарантируют, что бот не будет запрашивать битриксовские или просто наугад. Смысл этого imho только в том, чтобы оперативно снимать и блокировать ip-адреса, которые обращаются к ним. В остальном 403 или 404 будет вполне достаточно. А устраивать honeypot это скорее привлекать лишнее внимание ботов.

А вот заделать возможность кастомизировать имена этих файлов как в WP было бы интересно.

<?php

include_once cot_incfile('icons', 'plug', 'resources');

$R['link_pagenav_current']  = '<li class="page-item active"><a href="https://www.cotonti.com/{$url}" class="page-link {$class}" {$rel}>{$num}</a></li>';

$R['link_pagenav_first']    = '<li class="page-item first"><a href="https://www.cotonti.com/{$url}" class="page-link {$class}" {$rel}>' . Cot::$R['icon-arrow-left'] . '</a></li>';
$R['link_pagenav_prev']     = '<li class="page-item"><a href="https://www.cotonti.com/{$url}" class="page-link {$class}" {$rel}>' . Cot::$R['icon-chevron-left'] . '</a></li>';
$R['link_pagenav_main']     = '<li class="page-item"><a href="https://www.cotonti.com/{$url}" class="page-link {$class}" {$rel}>{$num}</a></li>';
$R['link_pagenav_next']     = '<li class="page-item"><a href="https://www.cotonti.com/{$url}" class="page-link {$class}" {$rel}>' . Cot::$R['icon-chevron-right'] . '</a></li>';
$R['link_pagenav_last']     = '<li class="page-item last"><a href="https://www.cotonti.com/{$url}" class="page-link {$class}" {$rel}>' . Cot::$R['icon-arrow-right'] . '</a></li>';

$R['link_pagenav_gap']      = '<li class="page-item disabled"><span class="page-link">...</span></li>';

И гружу его из theme_name.php или из аякс-частей:

require_once cot_incfile($theme, 'theme', 'rc.pagination');

Это из сниппета выше ^^^. Ну и, при необходимости, библиотеку иконок.

По кнопке "Последняя": она у меня при аяксовании работает как "Следующая страница". Тикет.

По поводу скролла не знаю, надо посмотреть. Но, думаю, решаемо)

<!-- BEGIN: MAIN -->
<!-- IF !{PHP|ajax_true()} -->
<main id="users" class="mb-4">
	<div class="container">
		<div class="row mt-5">
			<div class="col">
				<div class="title mb-3 px-2 px-sm-0">
					<h1 class="lh-1 mb-1">{PHP.L.Users}</h1>
					<ul class="breadcrumb mb-0">
						<li class="breadcrumb-item"><a href="https://www.cotonti.com/{PHP.cfg.mainurl}" title="{PHP.L.Home}">{PHP.L.Home}</a></li>
						<li class="breadcrumb-item">{PHP.L.Users}</li>
					</ul>
				</div>
				<!-- ENDIF -->
				<!-- ЗДЕСЬ ФИЛЬТР И ПАДЖИНАТОР -->
				<!-- IF !{PHP|ajax_true()} -->
			</div>
		</div>
	</div>
</main>
<!-- ENDIF -->

Функция простая:

if (!function_exists('ajax_true')) {
	function ajax_true() {
		if (COT_AJAX) {
			$res = true;
		} else {
			$res = false;
		}
		return $res;
	}
}

Еще раз: в ID-wrapper включай не только паджинатор, но и вывод.

пагинация на модуле не пропадает, когда появляется результат плагина- фильтра со своей пагинацией

Паджинатор всегда один, а аякс ты подключаешь настройкой. И в id-wrapper нужно брать не только паджинатор, а весь блок.

И если что-то не работает, смотри ответ в консоли. Обязательно включи отображение ошибок в datas/config.php

Но вообще, сперва надо продебажить эту историю и заставить работать твой паджинатор без аякса.

У меня в админке в модальном окне выводятся список пользователей и whosonline. Естественно, паджинатор с аяксом. Там все предельно просто:

<?php
/* ====================
[BEGIN_COT_EXT]
Hooks=whosonline.main
[END_COT_EXT]
==================== */

defined('COT_CODE') or die('Wrong URL');

if (ajax_true()) {
  // Это необязательно)))
  require_once cot_incfile('icons', 'plug', 'resources');
  require_once cot_incfile($theme, 'theme', 'rc.pagination');
  // А здесь не ошибешься
  $pagenav = cot_pagenav('whosonline', ['d' => $durl], $d, $totallines, $maxuserssperpage, 'd', '', true, 'ajaxmodalcont');
}

Так что проблема скорее всего в самом фильтре (99% на sql-запрос). В консоли все увидишь.

#48615 Kort: 
 

Вообще, без аякса работает?

Привет! Да, вы правы... Она и без акяса не работает. Вроде все делал по аналогии с модулем Page. Ладно, попробую сначала настроить пагинацию с  акяс на модуле Page. 

#48615 Kort: 
 

Паджинацию не надо дублировать.

А это как понять?. 

....

Вобщем, не получается настроить даже аякс на Page, делал так:

1. В ресурсах добавил класс для пагинации - ajax

2. Настройка cot_pagenav на листинге:
$pagenav_cat = cot_pagenav(
    'page',
    $list_url_path + ['d' => $durl],
    $dc,
    count($allsub),
    Cot::$cfg['page']['maxlistsperpage'],
    'dc',                                               
    '',                                                
    true,                                             
    'auto-filter-content',   
);

3. При нажатии на пагинацию - ничего не проиходит.
 url в браузере - acura#get;d=2  
 url в пагинации - <a class="page-link ajax" href="https://www.cotonti.com/acura?d=2">2</a>
 
4.   В шаблоне пагинация находитсяв блоке id="auto-filter-content"
    <div class="row" id="auto-filter-content">      
        <!-- IF {PAGINATION}-->
             <div class="col-12  pt-3 pb-3">....</div>					   
        <!-- ENDIF -->	
	</div>	

Этот плагин работает на  листинге в модуле Page. И еще вопрос, пагинация на модуле не пропадает, когда появляется результат плагина- фильтра со своей пагинацией. Почему так?

    $autonav = cot_pagenav(
        'plug',                                              // 1. Модуль
        ['e' => 'filter', 'dc' => $dcurl] + $list_url_path,  // 2. Параметры URL
        $d,                                                  // 3. Текущее смещение
        $totallines,                                         // 4. Всего записей
        $maxAutoRowsPerAuto,                                 // 5. Записей на страницу
        'd',                                                 // 6. Имя переменной пагинации
        '',                                                  // 7. Якорь (hash)
        true,                                                // 8. Включить AJAX (ajax = true)
        'auto-filter-content',                               // 9. ID блока для обновления (target_div)
    );
    
    $t->assign(cot_generatePaginationTags($autonav));

https://y-ea.ru/ - тоже на Котонти, сделан красиво. Но у меня очень сильно тормозит.

https://www.fmscout.com/

Вообще, я уже как-то интересовался алгоритмами наполнения сайта, но все бодро и гордо промолчали))

Если у тебя "тянутся" стили, значит все делаешь правильно -- готовишь текст в гуглодоках или любом другом удобном редакторе. А стили CKE тянет из дефолтных -- есть же там и line-height и font-size и всякие другие штуки.

А через wordpad / notepad и проч. действительно потеряются абзацы. Так делать не надо...

Добавлено 49 минут спустя:

Для себя я оставил CKE4 (хотя к пятой версии объективных претензий нет), и здесь можешь посмотреть как донастроить в "четверке" кнопки и селекты стилей, и удалить устаревшие атрибуты для таблиц и картинок. Больше мне как-бы ничего и не надо.

Я к тому, что может можно как-то настроить, чтобы редактор при копировании сохранял только базовое форматирование (он это неплохо делает), а все настройки шрифтов обрезались.

Добавлено 5 минут спустя:

Кстати вот, кажется есть решение.

https://qna.habr.com/q/257411?ysclid=ml7rt14il94753377

Добавлено 2 минуты спустя:

https://stackoverflow.com/questions/51047383/ckeditor-only-remove-style-attributes-from-pasted-text

<p>
    <span style="background-color:rgb(237,239,244);color:rgb(33,37,41);font-family:Helvetica, sans-serif;font-size:15px;"><span style="-webkit-text-stroke-width:0px;display:inline !important;float:none;font-style:normal;font-variant-caps:normal;font-variant-ligatures:normal;font-weight:400;letter-spacing:normal;orphans:2;text-align:start;text-decoration-color:initial;text-decoration-style:initial;text-decoration-thickness:initial;text-indent:0px;text-transform:none;white-space:normal;widows:2;word-spacing:0px;">Визуальный (WYSIWYG) редактор HTML-контента. Следует включать только один редактор контента, иначе могут возникнуть конфликты.</span></span>
</p>

Чудес, конечно, не бывает, и в каждом конкретном случае надо делать ping и tracert чтобы понять где проблема.

P.S. Двойной слэш используется для доступности ресурса через любой (http или https) протокол.

Вот, что мешает, а не Google.

Предполагаю, что вот здесь собака порылась, больше негде просто:

<link href="https://www.cotonti.com//fonts.googleapis.com/css?family=PT+Serif:400,400italic,700,700italic&subset=latin,cyrillic" rel="stylesheet" type="text/css">

<?php
$telegram_bot_token = 'place bot token here';

и подключить его через

require_once cot_incfile('my_plugin', 'plug', 'cfg');

Случай не то чтобы частный, но имеет место быть)

1. Используем хуки whosonline.users.loop и whosonline.guests.loop

2. Имя хоста получаем с помощью функции gethostbyaddr()

3. Формируем новый TPL-тег

Примерно так:

<?php
/* ====================
[BEGIN_COT_EXT]
Hooks=whosonline.users.loop,whosonline.guests.loop
[END_COT_EXT]
==================== */

defined('COT_CODE') or die('Wrong URL');

$host = gethostbyaddr($row['online_ip']);
$host = ($host == $row['online_ip']) ? $L['na'] : $host;

$t->assign([
  'USER_OR_GUEST_HOST' => $host,
]);

Результат: