Адаптивность биллинга

Ошибки, проблемы, способы их решения.
sasha181
Сообщения: 133
Зарегистрирован: 2012-02-27 15:58:24
Откуда: Краснодар/Саранск
Контактная информация:

Адаптивность биллинга

Сообщение sasha181 » 2019-07-30 7:52:16

Есть ли какие-то мысли касательно реализации адаптивности биллинга?
Просто многие на сайт заходят с мобильного. Думаю, что-то заказывать или даже с тикетницей работать явно не удобно. Просто если какая-то работа уже сделана или хотя бы есть идеи на этот счёт, мог бы поучаствовать в разработке. Сам, честно говоря, не вижу относительно быстрого пути реализации. Похоже, очень много потребуется переписать. Поэтому и решил спросить.

Аватара пользователя
Alex Keda
Сообщения: 2882
Зарегистрирован: 2009-10-07 14:30:54
Откуда: USSR
Поблагодарили: 19 раз

Адаптивность биллинга

Сообщение Alex Keda » 2019-08-02 7:42:43

нет, к сожалению.
сам я с html не очень, поэтому даже с какой стороны подступиться не знаю.

из мыслей - была мысль выпилить левое меню, сделать его сворачивающимся - благо само детектирование что с мобилы зашёл в биллинге уже давно есть. но это - полумера =(
Убей их всех! Бог потом рассортирует...

sasha181
Сообщения: 133
Зарегистрирован: 2012-02-27 15:58:24
Откуда: Краснодар/Саранск
Контактная информация:

Адаптивность биллинга

Сообщение sasha181 » 2019-08-08 4:07:36

Когда только начинал использовать биллинг, была мысль заменить верхнее и левое меню одним многоуровневым.
По сути ведь там динамически формируется только левое меню раздела услуги. Где вообще лежит верхнее меню пользователя и левое подраздела услуги?
Попробую переделать. Если получится, следующим шагом можно попробовать перепилить класс отрисовки таблиц. Может что и выйдет.

Второй путь виделся таким. Взять какой-нибудь фреймворк , Bootstrap шаблонизатор и написать в отдельной директории пользовательскую часть биллинга с нуля. Самую необходимую часть в первую очередь. Ну и постепенно расширять её функционал. Возможно, часть кода (например, функции) получится инклюдить из joonte, ну а часть написать заново.

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

Аватара пользователя
Alex Keda
Сообщения: 2882
Зарегистрирован: 2009-10-07 14:30:54
Откуда: USSR
Поблагодарили: 19 раз

Адаптивность биллинга

Сообщение Alex Keda » 2019-08-13 19:32:07

верхнее меню так и называется: hosts/billing/comp/TopPanel.comp.php
услуги - в услугах: hosts/billing/comp/www/ServicesOrders.comp.php
--
sasha181 писал(а):Источник цитаты Второй путь виделся таким. Взять какой-нибудь фреймворк , Bootstrap шаблонизатор и написать в отдельной директории пользовательскую часть биллинга с нуля. Самую необходимую часть в первую очередь. Ну и постепенно расширять её функционал. Возможно, часть кода (например, функции) получится инклюдить из joonte, ну а часть написать заново.

никогда ничего на шаблонизаторах не делал =(
Убей их всех! Бог потом рассортирует...

Аватара пользователя
Alex Keda
Сообщения: 2882
Зарегистрирован: 2009-10-07 14:30:54
Откуда: USSR
Поблагодарили: 19 раз

Адаптивность биллинга

Сообщение Alex Keda » 2019-09-23 14:39:46

себе на память
https://habr.com/en/post/149742/
https://codepen.io/team/css-tricks/pen/ ... itors=1100

самое простое, наверное решение

единственное - надо будет убрать верхнее меню, или сделать его такого же типа
Убей их всех! Бог потом рассортирует...

Аватара пользователя
Alex Keda
Сообщения: 2882
Зарегистрирован: 2009-10-07 14:30:54
Откуда: USSR
Поблагодарили: 19 раз

Адаптивность биллинга

Сообщение Alex Keda » 2019-09-23 21:33:31

ковырялся щас в firefox, в отладчике.
в общем, удаление верхнего меню, жёсткой привязки в ширину 1000px в базовом шаблоне и центральной супертаблицы - даёт вполне себе вписывающийся в 630 пикселов вариант
т.е. задача упрощается до
1. научиться сворачивать главное верхнее меню в кнопку, или делаться горизонтально (одно другому, кстати не мешает. наверное реально на js сделать чтобы вообще уж ничего не менять - тока идентфикаторов объектов нелепить и всё)
2. аналогично пункту 1 делать с боковым меню. его просто по вертикали свернуть и разворачивать по клику....
3. аналогично предыдущим двум пунктам сделать с центральной таблицей.

чисто теоретически, js и/или замена отдельных элементов на DIV - как-то то же главное меню и боковое - вообще до лампочки на чём сделано будет, там просто отображение и не более того

с центральной таблицей (заказы/тикеты) придётся думать
Screenshot_20190923_201416.png
Screenshot_20190923_201416.png (205.9 КБ) 21529 просмотров


Отправлено спустя 11 минут 27 секунд:
вот, кстати, интересный вариант
как я понял - надо будет тока заголовки пометить, всё остальное скрипт сам сделает
https://johnpolacek.github.io/stacktable.js/
с той проблемой что ему jquery 1.7 надо, а в биллинге 1.2
Убей их всех! Бог потом рассортирует...

Аватара пользователя
Alex Keda
Сообщения: 2882
Зарегистрирован: 2009-10-07 14:30:54
Откуда: USSR
Поблагодарили: 19 раз

Адаптивность биллинга

Сообщение Alex Keda » 2019-09-24 15:59:50

сижу, колупаюсь... всё же стили всякие не моё...

склоняюсь к мысли вообще выпилить всё лишнее, оставить голую центральную таблицу - на неё завязано много, а внутри неё уже прям пункты

Код: Выделить всё

гл. меню. (сворачиваемо)
боковое меню(сворачиваемо)
<тело страницы>


тупо 4-5 отдельных шаблонов, загружаемых если с мобильника вместо обычных

автооопределение мобильных устройств в биллинге есть, плюс на разрешение можно ориентироваться...

Отправлено спустя 2 часа 31 минуту 41 секунду:
вот по этой инструкции в прицнипе сделал супертаблицы адаптивными
https://blog.maxgraph.ru/2017/10/26/ada ... istom-css/
(это те которые с заказами хостингов и т.п.)

ну, понятно что ещё допиливать и полировать, но в первом приближении, самое широкое уже окучено

Отправлено спустя 1 час 46 минут 8 секунд:
ну, в первом приближении как-то так
пилить конечно ещ ё надо, но уже вполне реально.
эта таблица мне виделась самой трудной

small.png
small.png (25.04 КБ) 21518 просмотров


big.png
big.png (39.3 КБ) 21518 просмотров
Убей их всех! Бог потом рассортирует...

Аватара пользователя
Alex Keda
Сообщения: 2882
Зарегистрирован: 2009-10-07 14:30:54
Откуда: USSR
Поблагодарили: 19 раз

Адаптивность биллинга

Сообщение Alex Keda » 2019-10-09 22:55:37

по меню у когонить идеи есть?
в принципе, большую часть я напилил, по крайней мере отторжения не вызвает переход по страницам
тикетницу переделал - там теперь есть мобильный вариант, без окон

что с меню главным делать - как-то и не представляю даже

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

с заказами непонятно, тоже. там таблицу с тарифами ну хоть ты тресни - в вертикальный формат не впишешь
Убей их всех! Бог потом рассортирует...


Вернуться в «Решение проблем»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 6 гостей