[Дизайн] Сцена "Пурпур"

Оформление сцен, меню, страниц

Модераторы: immortal, newz20

Semendey
Сообщения: 68
Зарегистрирован: Чт сен 26, 2019 4:14 pm
Откуда: Ярославль
Благодарил (а): 19 раз
Поблагодарили: 5 раз

Re: [Дизайн] Сцена "Пурпур"

Сообщение Semendey » Пт май 22, 2020 5:12 pm

Divan писал(а):
Пт май 22, 2020 4:04 pm
Вы можете протестировать сцену Пурпур на тестовой виртуальной машине. Поймете что к чему, а на своей боевой машине будет создавать свою сцену.
Я пока отошел от этого, есть много других забот пока сезон - стройка !
Но пос же обязательно вернусь к этому.

Мою тему вы видели viewtopic.php?f=4&t=7021

Если что то нужно из иконок или еще чего берите не стесняйтесь
Аватара пользователя
buba911
Сообщения: 123
Зарегистрирован: Пт дек 07, 2018 4:57 pm
Благодарил (а): 40 раз
Поблагодарили: 7 раз

Re: [Дизайн] Сцена "Пурпур"

Сообщение buba911 » Чт июн 04, 2020 7:34 pm

Divan.
У вас нет иконок для Радио, Календаря, Охраны в этом же стиле?
СпойлерПоказать
Icons.PNG
Icons.PNG (49.64 КБ) 1490 просмотров
Raspberry Pi3B+ v4.44
Аватара пользователя
Divan
Сообщения: 855
Зарегистрирован: Пн июл 08, 2019 5:04 pm
Благодарил (а): 116 раз
Поблагодарили: 266 раз

Re: [Дизайн] Сцена "Пурпур"

Сообщение Divan » Чт июн 04, 2020 9:57 pm

Вложил два файла с разными версиями, тут все иконки
Вложения
Сцена - Меню_v21.zip
(4.12 МБ) 106 скачиваний
Сцена - Меню_v11.zip
(910.16 КБ) 92 скачивания
Xpenology DSM 6.2.2 + Ubuntu Server 18.10 + Majordomo + MariaDB
Аватара пользователя
buba911
Сообщения: 123
Зарегистрирован: Пт дек 07, 2018 4:57 pm
Благодарил (а): 40 раз
Поблагодарили: 7 раз

Re: [Дизайн] Сцена "Пурпур"

Сообщение buba911 » Пт июн 05, 2020 12:48 am

Divan писал(а):
Чт июн 04, 2020 9:57 pm
Вложил два файла с разными версиями, тут все иконки
Я извиняюсь, а что делать с *.cdr файлом?
Raspberry Pi3B+ v4.44
Аватара пользователя
Divan
Сообщения: 855
Зарегистрирован: Пн июл 08, 2019 5:04 pm
Благодарил (а): 116 раз
Поблагодарили: 266 раз

Re: [Дизайн] Сцена "Пурпур"

Сообщение Divan » Пт июн 05, 2020 1:16 am

Я все иконки рисую в векторе, в программе CoralDraw. Вы у меня просили иконки, я вам их предоставил. Нужно открыть файл, отредактировать иконку если надо, можете добавить текст под значком, потом копируете одну иконку в новый файл и экспортируете ее в формат PNG. Размер иконки не меняете. Иконку в формате PNG загружаете в majordomo.
За это сообщение автора Divan поблагодарил:
buba911 (Пт июн 05, 2020 10:37 am)
Рейтинг: 1.18%
Xpenology DSM 6.2.2 + Ubuntu Server 18.10 + Majordomo + MariaDB
Аватара пользователя
buba911
Сообщения: 123
Зарегистрирован: Пт дек 07, 2018 4:57 pm
Благодарил (а): 40 раз
Поблагодарили: 7 раз

Re: [Дизайн] Сцена "Пурпур"

Сообщение buba911 » Ср июн 10, 2020 3:34 pm

Уважаемый Divan

Ещё один вопрос, какая причина может быть что на Raspberry с дебианом не показываются выбор цвета
СпойлерПоказать
farbe.PNG
farbe.PNG (34.57 КБ) 1409 просмотров
Если я беру бэкап с малины и запускаю на Ubunte, то выбор цвета показывается.

Какие программы/файлы надо установить на Распберри, чтобы была возможность выбора цвета?
Raspberry Pi3B+ v4.44
Аватара пользователя
Divan
Сообщения: 855
Зарегистрирован: Пн июл 08, 2019 5:04 pm
Благодарил (а): 116 раз
Поблагодарили: 266 раз

Re: [Дизайн] Сцена "Пурпур"

Сообщение Divan » Ср июн 10, 2020 5:16 pm

1) Плагин farbtastic должен быть загружен, если нет, то загрузите

Внимание!!! У вас пути могут отличаться от моих, поэтому указывайте пути по своему
СпойлерПоказать
Для работы колорпика farbtastic нужно скопировать в эти файлы

в папку /var/www/js
farbtastic.js

в папку /var/www/css
marker.png
mask.png
wheel.png
farbtastic.css
2) Проверьте пути. К примеру я не мог понять, почему у меня колорпик не хотел работать на сцене, а в боковом меню работал, оказалось, что все дело в путях, в одном месте нужно ставить многоточие, а в других местах не нужно ставить многоточие.

Колорпик farbtastic отобразится на сцене
src="/js/farbtastic.js"
href="/css/farbtastic.css"

Колорпик farbtastic не отобразится на сцене
src="../js/farbtastic.js"
href="../css/farbtastic.css"
Xpenology DSM 6.2.2 + Ubuntu Server 18.10 + Majordomo + MariaDB
Аватара пользователя
Divan
Сообщения: 855
Зарегистрирован: Пн июл 08, 2019 5:04 pm
Благодарил (а): 116 раз
Поблагодарили: 266 раз

Re: [Дизайн] Сцена "Пурпур"

Сообщение Divan » Ср июн 10, 2020 6:00 pm

Добавлю еще фишку. Конвертация цветовой палитры из HEX в RGB, это, если вместо #FFFFFF, вам нужно 255, 255, 255.

Код для сбора данных из разных значении в одно свойство, его размещаем в свойство-метод SetupButton.colorRGB(измените согласно своему объекту), при получении значении, в свойстве SetupButton.backgroundButton(измените согласно своему объекту) будет цвет в формате RGB.

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

$color=hexdec(gg('SetupButton.colorRGB'));
    $red   = $color >> 16 & 0xFF;
    $green = $color >> 8 & 0xFF;
    $blue  = $color & 0xFF;
    $cmd=''.$red.','.$green.','.$blue.'';
    sg('SetupButton.backgroundButton',$cmd);
Сам код для работы колорпик HEX в RGB, его вставляем куда угодно

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

<script type="text/javascript" src="../js/farbtastic.js"></script>
<link rel="stylesheet" href="../css/farbtastic.css" type="text/css" />

<div id="colorpicker" style="margin: 0 auto;"></div>

<script language="javascript">
function cutHex(h) {return (h.charAt(0)=="#") ? h.substring(1,7):h}
function HexToR(h) {return parseInt((cutHex(h)).substring(0,2),16)}
function HexToG(h) {return parseInt((cutHex(h)).substring(2,4),16)}
function HexToB(h) {return parseInt((cutHex(h)).substring(4,6),16)}
function decToHex(number) { if (number < 0) { number = 0xFFFFFFFF + number + 1; }
return number.toString(16).toUpperCase(); }

$('#colorpicker').farbtastic( function (color) {
r = HexToR(color);
g = HexToG(color);
b = HexToB(color);
$.get("/objects/?object=SetupButton&op=set&p=Red&v="+r);
$.get("/objects/?object=SetupButton&op=set&p=Green&v="+g);
$.get("/objects/?object=SetupButton&op=set&p=Blue&v="+b);
$.get("/objects/?object=SetupButton&op=set&p=colorRGB&v="+cutHex(color));
});

$.get("/objects/?object=SetupButton&op=get&p=colorRGB", function (data) { $.farbtastic("#colorpicker").setColor("#"+data); });
</script>
Краткий справочник

Желтое выделение - путь к плагину
Красное выделение - для управление разного устройства с RGB, нужно присваивать разные ID, в противном случае колорпик с одинаковым ID будет управлять одним устройством к которому он привязан.
Зеленое выделение - указываем объект куда будут вноситься значения
СпойлерПоказать
Где можно менять.jpg
Где можно менять.jpg (171.95 КБ) 1392 просмотра
За это сообщение автора Divan поблагодарил:
buba911 (Ср июн 10, 2020 8:17 pm)
Рейтинг: 1.18%
Xpenology DSM 6.2.2 + Ubuntu Server 18.10 + Majordomo + MariaDB
Аватара пользователя
buba911
Сообщения: 123
Зарегистрирован: Пт дек 07, 2018 4:57 pm
Благодарил (а): 40 раз
Поблагодарили: 7 раз

Re: [Дизайн] Сцена "Пурпур"

Сообщение buba911 » Сб июн 13, 2020 8:38 am

Новая беда нарисовалась, не могу зайти на страницу Админ.
Нажимаю кнопку Админ, задаю код-> замок становиться зелёный, следующее нажатие на админ ничего не даёт.
После ~10 секунд замок становится (красным) на блокировку.
Пробовал зайти напрямую по ссылке: http://ххх.ххх.ххх.хх/admin.php -> выкидывает на главную сцену.
Есть ещё какая возможность попасть на страницу админ?

Заранее спасибо
Raspberry Pi3B+ v4.44
Аватара пользователя
Divan
Сообщения: 855
Зарегистрирован: Пн июл 08, 2019 5:04 pm
Благодарил (а): 116 раз
Поблагодарили: 266 раз

Re: [Дизайн] Сцена "Пурпур"

Сообщение Divan » Сб июн 13, 2020 1:23 pm

buba911 писал(а):
Сб июн 13, 2020 8:38 am
Новая беда нарисовалась, не могу зайти на страницу Админ.
Нажимаю кнопку Админ, задаю код-> замок становиться зелёный, следующее нажатие на админ ничего не даёт.
После ~10 секунд замок становится (красным) на блокировку.
Пробовал зайти напрямую по ссылке: http://ххх.ххх.ххх.хх/admin.php -> выкидывает на главную сцену.
Есть ещё какая возможность попасть на страницу админ?

Заранее спасибо
Нужно после admin поставить вопросительный знак
http://ххх.ххх.ххх.хх/admin.php?
Xpenology DSM 6.2.2 + Ubuntu Server 18.10 + Majordomo + MariaDB
Ответить