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

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

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

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

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

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

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

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

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

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

Alex Keda · Сообщение **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 · Сообщение **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 · Сообщение **Alex Keda** » 2019-09-23 21:33:31

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

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

с центральной таблицей (заказы/тикеты) придётся думать

: Screenshot_20190923_201416.png (205.9 КБ) 22419 просмотров

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

Alex Keda · Сообщение **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 (25.04 КБ) 22408 просмотров

: big.png (39.3 КБ) 22408 просмотров

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

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

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

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

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

Биллинг для хостинга