[MetroniX] – Шаблон оформления админки MODX Revo
Представляю вашему вниманию, не побоюсь этого слова, единственную в своем роде альтернативную тему оформления админки MODX Revolution 2.5.1. Мой долгострой, длившийся около полутора лет, наконец вышел на уровень, когда не стыдно показать.
Источником вдохновения послужил HTML-шаблон Metronic. Визуальное оформление шаблона было максимально точно перенесено на HTML-разметку админки MODX Revo. В процессе разработки темы ни одна часть этой разметки не пострадала и осталась в точности такой же, как в дефолтной теме версии 2.5.1. Это дает гарантию того, что тема не сломает какое-нибудь малоизвестное дополнение.
Тема MetroniX доступна в магазине MODSTORE
Протестировать дополнение можно на demo-сайте
Видео: MetroniX – Обзор шаблона админки MODX Revo
Скриншоты:
Источником вдохновения послужил HTML-шаблон Metronic. Визуальное оформление шаблона было максимально точно перенесено на HTML-разметку админки MODX Revo. В процессе разработки темы ни одна часть этой разметки не пострадала и осталась в точности такой же, как в дефолтной теме версии 2.5.1. Это дает гарантию того, что тема не сломает какое-нибудь малоизвестное дополнение.
Тема MetroniX доступна в магазине MODSTORE
Протестировать дополнение можно на demo-сайте
Видео: MetroniX – Обзор шаблона админки MODX Revo
Скриншоты:
Комментарии: 172
Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
Для тех кто
в танкевидит хуже, чем нормально, контрастность в древе хотелось бы отрегулировать, но вообще тема очень зачетная.а в дефолтной теме все норм:
metronix.css стока 2764
Тут идейка появилась, тему создать в стиле битрикса. Многие заказчики его хотят, но почему не знают и чем он «лучше» тоже не знают. А так вопросов меньше будет)
Когда начнете раскрашивать в стиле Битрикс, все сами отлично поймете. Там .x-body через .x-header едет и .x-table погоняет. Зацепиться не за что. Кроме того, ExtJS для некоторых элементов прописывает стили прямо в разметке, что зачастую было абсолютно мне ни к чему.
Ща слайды приложу.
Слайды:
Лис
file.modx.pro/files/6/0/0/6006697d4f6653befcbb7b725c01c0ad.jpg
Хром
file.modx.pro/files/6/4/1/641e2f620e0290ff3f8628134e58c323.jpg
Закоментируйте у себя. Это вернет полосу на место.
Неудобно без нее, у меня мышка, например, тупо «липнет» при скролле колесом.
Может, сделать параметр — вкл/выкл для тех, кому нравится отсутствие и кому не нравится?
Вообще, автор этой темы провёл огромную работу. Круто выглядит.
Мучаю весь день ее. С одной стороны глазам приятнее, с другой, есть масса нюансов, мелких глюков.
Например с полосами прокрутки, прятать их — это очень не удачное решение.
Ну, разве что padding какой нибудь и т.п. поправить, но на тестовом сайте я кучу накидал расширений и на локальной копии одного сайта попробовал, в принципе можно и ставить ее как основную тему админки. Css-ку чуть поправить только.
Лично мне такие цвета комфортнее. Спасибо автору.
П.С. В следующей версии AdminTools будет.
но исчезают полосы прокрутки(это уже я накосячил, переустанавливал тему и затер в CSS изменения). Актуально только по лексиконам вызываемым тегами MODXНо зачем использовать в шаблонах админки теги MODX? Не сочтите за занудство.
1.
простите навигация… она мешает, лучше бы не была статичной.
2.
а кнопки не помещаются
но тему купил, спасибо, на десктопе радует.
У каждого свои мотивы и стимулы…
Прежде всего, я хочу объяснить свою позицию. По моему мнению, столбик серых пикселей (полоса прокрутки) не вписывается в дизайн темы. Если б была возможность избавится от него во всех браузерах, а не только в Хроме, я бы это сделал. Я считаю, что отсутствие полосы никак не влияет на функциональность. Ведь скролл происходит не из-за того, что по правой границе блока браузер пририсовал столбик пикселей. Полоса прокрутки отображает состояние скролла. Естественно, что если потянуть указателем мыши за бегунок полосы, произойдет прокрутка содержимого. Но скажите мне – Кто так поступает?! Мне на ум приходит только один юзеркейс – у вас нет мышки, и вы пользуетесь тачпадом и при этом не осилили прокрутку жестами. Но это ведь за пределами добра и зла!
Теперь про то, что у некоторых покупателей отсутсвие полосы прокрутки приводит к тому, что они не могут прокрутить содержимое и (или) у них «мышка, например, тупо «липнет» при скролле колесом». Не то чтобы я не доверял такому фидбеку, но всё-таки взгляните со стороны – есть моё слово против их слова. Причем в подтверждение моих слов есть видео, на котором видно, что содержимое лефтбара отлично скролится. Браузеры у всех одинаковые – Хромы – так из-за чего же может быть их проблема?
Давайте разберемся вместе. Прошу высказывать свои мысли в ответах к этому комментарию.
Я не собираюсь перебивать своим словом твое слово — это, имхо, детский сад. Я говорю, что вот у меня такая проблема присутствует и было бы здорово, если бы можно было отключать твою фичу, не влезая в код. При этом и ты остаешься при своем аргументированном и уважаемом мнении и пользователи, имеющие проблемы аналогичные моим, пребывают в восторженном расположении духа. По-моему, это очевидно.
Видео с попыткой скроллить мышкой: youtu.be/t_R72miy9Fc
Вот, когда возникают странные паузы, когда ничего как бы не происходит — это я усиленно пытаюсь скроллить или вверх, или вниз. Вообще, цель была перейти вниз списка.
вилкойshirt+ctrl+RP.S. То ли по утрам просыпаться надо… После третьего ctrl+shift+r появилось. Огромное спасибо :)
Скидка 30%
Для поля textarea нет бордера
yadi.sk/i/b2jLl1DhzfGs4
Еще косяк — Контроль доступа yadi.sk/i/8-rQwDnzzfzQv
Может сделать так — yadi.sk/i/6C8O5zCAzg2mg
miniShop2 > Настройки > Опции
Там есть назначение опций определенным категориям в каталоге и назначаются они с помощью чекбоксов.
Но у тебя чекбоксы прозрачны:
Соответственно, хоть тресни, а выбрать чекбокс не получается…
Поправь, пожалуйста.
Это так и задумано?
Просто это не удобно, после загрузки пакета нужно нажимать «Приложение -> Установщик» вместо одного клика на домик))
Попробую на досуге их вернуть, и посмотреть, как будет смотрется
Не понял, что вы хотели сказать и показать мне.
Когда я делаю Migx у меня блок с прокруткой.
Мое разрешение экрана prntscr.com/dl0wqe
)))
Скажем, это проблемы небольших мониторов
i.imgur.com/vLcDkKU.png
На новогодних каникулах планирую заняться адаптивной версией темы, вот тогда все эти вещи попробую как-то причесать. Основная беда в том, что эта строка с кнопками, как и многое остальное сделано таблицей
Проблема из-за flex-direction: column
а должно быть так:
Мое решение:
Вот еще один: горизонтальный скролл: prntscr.com/dolbg3
Ну и незначительное: в modMonitor prntscr.com/dolczp
Еще немного странно работаю поля Цвета, Размеры, Теги в miniShop2. При вводе как-то дергается текст
В частности из-за того, что мной этот компонент не приобретен и к приобретению не планируется
Остальное исправлю
В этой версии я наконец-то исправил критические недочеты темы при отображении на мобильных устройствах.
Но осталось еще много «кривых» мест — работа над их исправлением будет продолжаться.
Правда раздел «управление пакетами» выглядит странно и не юзабельно, но понимаю — это бета.
Этот вопрос нужно проработать как следует, чтобы при обновлениях ваши кастомизации не слетали
из-за этого:
нет рамки для url при работе с tikets
вот скриншот
стрелочками отметил где после убирания border:none появляется рамка, второе, конечно, уместней смотрится, но первое вызвало замешательство
Нашел одну недоработку.
Когда заходим в Пользователи->Имя пользователя->Редактировать
и пытаемся указать пароль, то не видно полей — Новый пароль и Подтвердите пароль.
Скрин:
десктоп супер, конечно )
В мобильной версии диспетчер файлов не разворачивается, невозможно пользоваться :(
покупал как раз из-за адаптива
Во-первых, обновились стили некоторых элементов и добавденна полноценная поддержка планшетов и телефонов. Да-да! Теперь вы можете администрировать сайт с мобильного телефона.
Во-вторых, были доработаны некоторые скрипты админки, результатом чего стали доступны новые возможности, которыми можно управлять из настроек темы. Перейдя в системные настройки и выбрав раздел metronix, вы сможете управлять следующими опциями:
Ctrl+F5
Там ведь у вас все работало?
При этом и предыдущая версия metronix, и новая тоже.
MetroniX 2.0.0-beta не совместим с MODX 2.6.0.
Следующий апдейт позволит перекатится на 2.6.x, но при этом будет отключена поддержка MODX 2.5.x
Удалось совместить поддержку версий 2.5.x и 2.6.0
Такие заголовки на страницах и предполагались? Отличаются от других.
Дополнение dbAdmin пропадает скролл на странице, таблица обрезается:
Скролл верну.
Благодарю за баг-треккинг
В галереи minishop2 кнопки скролов съехали.
Если загрузить изображения в два ряда, то они вообще пропадают.
Благодарю за баг-треккинг
Немного коряво работает с tagElementPlugin, раньше такого не замечалось.
Пример:
У нас активирована тема, заходим в редактирование шаблона ресурса (установлен Ace), обязательно разворачиваем область редактирования кода на весь экран, после берем любой чанк, выделяем его (должен быть установлен tagElementPlugin) и при нажатии Ctrl+Enter должно всплыть окно редактирования чанка, оно всплывает, НО, увидеть его можно только если свернуть область редактирования шаблона.
Могу с уверенностью сказать, что на старой версии дополнения такого небыло, и, если отключить тему, то все начинает работать корректно.
Я не тестировал tagElementPlugin
Наверняка дело в z-index. Ace на весь экран перекрывает окно плагина.
Проблема устранена
В новой версии дополнения исправили ошибку галереи minishop2, но в галереи ms2Gallery точно такая же проблема осталась.
Скиньте скрин консоли, может там ошибка какая-нибудь?
пока только для десктопов
Спасибо!
В dev tools Chorme включаю режим эмуляции iPhone 6s Plus, на главной странице
Uncaught TypeError: Cannot read property 'select' of null
at Styles (metronix.min.js?v=2.0.4-beta:1)
at metronix.min.js?v=2.0.4-beta:1
at ext-all-patched.min.js?v=2.0.4-beta:1
at h (ext-all-patched.min.js?v=2.0.4-beta:1)
Под админом этого нет))
Посмотрю что-там. Выпушу заплатку
Спасибо
Чёрная пятница в modstore.pro! –30% на все дополнения!
Обратил внимание, что нет скролла на странице EasyComm в админке
Если вы предложите правку css, которая устранила бы этот баг, я с радостью добавлю ее в файл стилей MetroniX
Нашел Вашу тему, попробовал демо — очень долго загружает каждый пункт, даже при наличии оптоволокна, тормозит из-за демо хостинга или из-за кода ??
При попытке в демо статью загрузить фото — форма вся съежилась, но зайти в меню загрузки удалось.
Прошу Вас написать в почту или в личку, есть ли возможность адаптировать или доработать Вашу тему, при ее покупке, под наши задачи?
В этой версии я не нашел и намека на возможность конструирования адаптивной разметки.
Эта возможность добавлена в более поздних версиях
Поэтому я не рекомендовал бы вам использовать modx с таким юзеркейсом, как администрирование сайта с телефона.
Я как мог с помощью стилей и нескольких изменений в ExtJS привел админку к более-менее удобоваримому состоянию. Но естественно там еще осталось много чего, что в телефоне выглядит не очень хорошо.
По поводу долгой загрузки.
Вы понимаете, что весь интерфейс, который вы видите в админке, создается на лету. То есть это не сервер его отдает, а клиент на своем процессоре создает? Отсюда вывод, если процессор медленный — будет медленная загрузка (читай создание при загрузки) элементов интерфейса. Это, кстати, еще один повод не использовать MODX для администрирования с телефона.
Не понял некоторой фишки, самостоятельно можно изменить настройки админки? Скажем размер текста, цвет кнопок и прочее? Помимо стандартной темы…
Из коробки поставляется только одна тема — MetroniX. Настроить эту тему можно с помощью параметров в Системных настройках
За основу оформления была взята верстка Metronic. Она была адаптирована под разметку MODX.
Я наверно был бы не прочь добавить еще какую-то тему в дополнение, но достойной пока не встречал.
Как вариант, наверно можно было бы сделать набор джентльмена темная тема + светлая тема + основная
Но для этого нужен дизайн и время
Ну и вы понимаете, что в итоге цена дополнения повысится
Поправьте если я ошибаюсь
На сколько ваша тема в админке(desktop) может решить проблему выпадения из меню «Приложения» пунктов, чтобы они не уходили за пределы экрана, при маленьком разрешении?
Обновление планируется на вторую половину января 2019.
Поддержка заявлена, но таблица заказов превратилась в кашу.
Версия MODX 2.7.3
Версия miniShop2 2.5.0
Версия MetroniX 2.2.3
Таблица не выглядит как каша, она выглядит, как обычная таблица
Пришлите, пожалуйста, скриншот и версии пакетов для более детального разбора ситуации.
take.ms/nWTHN
Сбрасывал кэш, обновлял etc 0 толку.
Кто столкнулся с подобным, через PMA (напр.) меняем в базе manager_theme => value на default
Удаляем содержимое папки /core/cache/ и обновляем страницу.