Галерея домашних страниц

Использование системы в различных ситуациях, вопросы программирования сценариев.

Модератор: immortal

Аватара пользователя
adzam
Сообщения: 602
Зарегистрирован: Сб дек 08, 2012 10:28 pm
Откуда: Кишинев
Благодарил (а): 20 раз
Поблагодарили: 138 раз

Re: Галлерея домашних страниц

Сообщение adzam » Чт авг 02, 2018 8:37 pm

Постараюсь на выходные переложить эту заготовку на новую систему.
Но в принципе дизайн пора менять , может у кого есть какие идеи, картинки , фото от руки рисунки , наброски любые желания все приму к сведению.Может кто-то видит как-то прикольно страницу климата в доме или освещения короче фантазируйте а я может что и возьму за основу и создадим новый дизайн.
У меня умного дома нет поэтому все это хобби и только для ВАС.
Жду идей.
За это сообщение автора adzam поблагодарил:
serghei (Чт авг 02, 2018 9:47 pm)
Рейтинг: 1.16%
Мои проекты здесь...https://connect.smartliving.ru/profile/41/blog213.htm
Если вам помогло какое-либо мое сообщение - не ленитесь пользоваться кнопкой СПАСИБО.
Аватара пользователя
nick7zmail
Сообщения: 7573
Зарегистрирован: Пн окт 28, 2013 8:14 am
Откуда: Екатеринбург
Благодарил (а): 121 раз
Поблагодарили: 2010 раз

Re: Галлерея домашних страниц

Сообщение nick7zmail » Чт авг 02, 2018 9:27 pm

viewtopic.php?f=4&t=3861
Вот тут глянь "дизайн для планшета от webms". Тема так и не была создана/выложена, но исходники многим интересны были...можно че нить подобное замутить.
(скрины под спойлером смотри, в основной теме заглушки со стороннего хостинга)
Raspberry Pi3+Broadlink+esp8266 (blynk)+AMS
Если вам помогло какое-либо сообщение - не забывайте пользоваться кнопкой "СПАСИБО".
:arrow: Услуги в профиле коннект
>>>>>Мой новый канал на ютутбе, подписывайтесь!<<<<<
serghei
Сообщения: 2575
Зарегистрирован: Пт ноя 06, 2015 10:22 am
Откуда: Кишинёв
Благодарил (а): 303 раза
Поблагодарили: 282 раза

Re: Галлерея домашних страниц

Сообщение serghei » Чт авг 02, 2018 10:02 pm

Отличная новость ! Последнее что пытался установить на 7-ке стартер - запустилось , но циклы остановлены . Хотя радио работало и Алиса говорила. Этюд " в синих тонах" ( привет Конан-Дойлю) :D на ХР пашет до сих пор.
Из хотелок. Как создать шапку - примерно понятно. В ней есть куча пустых лампочек. Хочется на них завязать устройства OnLine. Из серии есть IP девайса , если он в сети - горит зеленым. Если отвалился - красным.
Вплотную подхожу к странице " котельная". Есть данные температур , будут давления и расхода воды. Вот как на примере создания шапки объяснил весь механизм - было бы очень здорово !

PS Для меня это тоже пока хобби. А в идеале этот этюд в синих тонах перенести на линукс !! И СПАСИБО за труды!
AMS : ESP32 + NRF24 + 1Wire-I2C мост DS2482 + счетчик DS2423 + сеть MySensors + редактирование страниц в браузере + Upload по воздуху + SPIFFS
Аватара пользователя
adzam
Сообщения: 602
Зарегистрирован: Сб дек 08, 2012 10:28 pm
Откуда: Кишинев
Благодарил (а): 20 раз
Поблагодарили: 138 раз

Re: Галлерея домашних страниц

Сообщение adzam » Пт авг 03, 2018 6:56 am

На счет пустых лампочек, это просто для того они и стоят чтоб их под себя настроить.
Открываем файл C:\_majordomo\htdocs\templates_alt\default
там есть такие строки

Это настройка окна которое будет открываться при нажатии на кнопку

<a href="#" onClick="return openModalTWindow('avc', 'Настройки Алисы', '/menu.html?parent=123', 750, 250);" title="Настройки Алисы">
<canvas id="stt1" width="59" height="12" style="overflow:hidden;border-radius: 0.3em 0.3em 0.3em 0.3em">Canvas not supported</canvas></a>

Это первая лампочка :
'avc' это номер идентификации - на всех лампочках должен быть разный
'Настройки Алисы' название окна которое будет открываться
'/menu.html?parent=123' адрес окна которое надо открыть при нажатии
750, 250 размеры окна

адрес окна которое надо открыть при нажатии найти очень просто
Допустим поставим как у нас кнопки Алисы
Заходим в панель управления

Создаем меню, кнопки или что хотите и сохраняете его у меня это меню Алисе
1.png
1.png (39.97 КБ) 4947 просмотров
Затем нажимаем на кнопку самого меню Алисе и получаем
2.png
2.png (37.55 КБ) 4947 просмотров
Нажимаем на # и открывается новое окно
3.png
3.png (20.45 КБ) 4947 просмотров
смотрим в адресную строку это и есть адрес который нам нужен
4.png
4.png (25.17 КБ) 4947 просмотров
Вложения
4.png
4.png (25.17 КБ) 4947 просмотров
3.png
3.png (20.45 КБ) 4947 просмотров
2.png
2.png (37.55 КБ) 4947 просмотров
1.png
1.png (39.97 КБ) 4947 просмотров
За это сообщение автора adzam поблагодарили (всего 2):
vitosmaxim80sad145 (Вт мар 31, 2020 5:16 pm) • pervyhe (Пт июн 19, 2020 9:51 am)
Рейтинг: 2.33%
Мои проекты здесь...https://connect.smartliving.ru/profile/41/blog213.htm
Если вам помогло какое-либо мое сообщение - не ленитесь пользоваться кнопкой СПАСИБО.
Аватара пользователя
adzam
Сообщения: 602
Зарегистрирован: Сб дек 08, 2012 10:28 pm
Откуда: Кишинев
Благодарил (а): 20 раз
Поблагодарили: 138 раз

Re: Галлерея домашних страниц

Сообщение adzam » Пт авг 03, 2018 8:00 pm

Я не знаю что творится с нашим форумом , но может модераторы разберутся почему я битый час не могу вставить 4 скрина , то исчезают старые при коррекции то появляются по 2 раза а в журнале редактирования я лишних не вижу ???????
За это сообщение автора adzam поблагодарил:
serghei (Пт авг 03, 2018 8:41 pm)
Рейтинг: 1.16%
Мои проекты здесь...https://connect.smartliving.ru/profile/41/blog213.htm
Если вам помогло какое-либо мое сообщение - не ленитесь пользоваться кнопкой СПАСИБО.
Аватара пользователя
adzam
Сообщения: 602
Зарегистрирован: Сб дек 08, 2012 10:28 pm
Откуда: Кишинев
Благодарил (а): 20 раз
Поблагодарили: 138 раз

Re: Галлерея домашних страниц

Сообщение adzam » Пт авг 03, 2018 8:23 pm

Продолжение:
Дальше находим строки скрипта:
<script type="text/javascript">

st1 = new state1('stt1', 'ThisComputer.Alise_Led', 'Алиса', 5000, 1);
st1.int1_min = 03; st1.int1_max = 03; st1.int1_color = 'rgba(167, 167, 161, 0.61)'; // gray color_title
st1.int2_min = 02; st1.int2_max = 02; st1.int2_color = 'yellow'; // yellow color_title
st1.int3_min = 01; st1.int3_max = 01; st1.int3_color = '#00ff00'; // green color_title
st1.int4_min = 00; st1.int4_max = 00; st1.int4_color = 'transparent'; // transparent
st1.redraw();

Первая строка:
st1 - это кнопка №1
'ThisComputer.Alise_Led' - это значение свойства обьекта за которым будет следить наша кнопка
'Алиса' - надпись на самой кнопке
5000 - время обновления данных на отображение кнопки

Вторая строка:
st1.int1_min = 03; st1.int1_max = 03; st1.int1_color = 'rgba(167, 167, 161, 0.61)'; // gray color_title

поясняю если значение свойства обьекта будет минимум 3 или максимум 3 то есть будет равно 3 то цвет кнопки будет серый
если минимум поставить 03 а максимум 15 то при изменении значения свойства от 3 до 15 кнопка будет серая
Аналогично в следующей строке
st1.int2_min = 02; st1.int2_max = 02; st1.int2_color = 'yellow'; // yellow color_title
Если значение свойства равно 2 то кнопка будет желтой
Далее аналогично если значение равно 1 то кнопка зеленая
и в 4 строке если значение равно 0 то кнопка исчезает то есть становится прозрачной

Так же можно привязать к интернету , если значение свойства равно 1 то лампочка зеленая а если 3 то серая
Ну вот вроде все, если есть вопросы то постараюсь обьяснить.
Мои проекты здесь...https://connect.smartliving.ru/profile/41/blog213.htm
Если вам помогло какое-либо мое сообщение - не ленитесь пользоваться кнопкой СПАСИБО.
skysilver
Сообщения: 3006
Зарегистрирован: Чт авг 21, 2014 8:28 am
Откуда: Киров, Россия
Благодарил (а): 400 раз
Поблагодарили: 1753 раза
Контактная информация:

Re: Галлерея домашних страниц

Сообщение skysilver » Пт авг 03, 2018 9:41 pm

adzam писал(а):
Пт авг 03, 2018 8:00 pm
Я не знаю что творится с нашим форумом , но может модераторы разберутся почему я битый час не могу вставить 4 скрина , то исчезают старые при коррекции то появляются по 2 раза а в журнале редактирования я лишних не вижу ???????
Есть такое. Баг давно заведен https://connect.smartliving.ru/ideas/130.html Отмечайтесь. А то, судя по рейтингу, вообще народу не интересно, чтобы его исправили.
MajorDoMo (GitHub) на Cubietruck. ОС Debian 7 (wheezy) (kernel 3.4.105) с переносом на HDD.
Мой CONNECT | Блоги | Telegram
Аватара пользователя
adzam
Сообщения: 602
Зарегистрирован: Сб дек 08, 2012 10:28 pm
Откуда: Кишинев
Благодарил (а): 20 раз
Поблагодарили: 138 раз

Re: Галлерея домашних страниц

Сообщение adzam » Сб авг 04, 2018 6:46 am

Можно лампочку назвать Led_Internet и написать небольшой скрипт:


if (!isOnline('Internet')) {
sg("Communication.$Led_Internet",'1');
sg("Communication.titleDetails","Проблемы со связью не обнаружены");
} else {
sg("Communication.$Led_Internet",'2');
sg("Communication.titleDetails","Появились проблемы с интернетом");
}

Получилось как то так:
если интернет есть то лампочка зеленая и в раскрывающемся окошке мы увидим надпись
"Проблемы со связью не обнаружены"

если интернет пропал то лампочка будет желтая и надпись в окошке
"Появились проблемы с интернетом"
Мои проекты здесь...https://connect.smartliving.ru/profile/41/blog213.htm
Если вам помогло какое-либо мое сообщение - не ленитесь пользоваться кнопкой СПАСИБО.
TheForum
Сообщения: 146
Зарегистрирован: Сб авг 06, 2016 2:11 am
Откуда: Рига
Благодарил (а): 13 раз
Поблагодарили: 18 раз

Re: Галлерея домашних страниц

Сообщение TheForum » Сб авг 18, 2018 5:59 pm

Изображение

Как починить? Не работают часы, менюшка слева тоже жутко выглядит. При нажатии на линки в меню тоже ничего.. При нажатии на кнопки в шапке ничего не происходит... В шапке лога Алиски нет. Что подправить?

Ну и для гуру вопрос - раз уж с главной страницей разбираться - как уменьшить в шапке лог Алиски и слева где погода вывести такое же окно. Хочу там отображать температуру котла, воды и обратки..
Вложения
AliskaProblema.jpg
Алиска поломалась
AliskaProblema.jpg (150.91 КБ) 4704 просмотра
Немного желания, терпения и времени - и все получится :)
serghei
Сообщения: 2575
Зарегистрирован: Пт ноя 06, 2015 10:22 am
Откуда: Кишинёв
Благодарил (а): 303 раза
Поблагодарили: 282 раза

Re: Галлерея домашних страниц

Сообщение serghei » Сб авг 18, 2018 6:50 pm

Еще раз - разбираться с шапкой - расписано Тут. Пока все размеры в % и пикселях не совпадут , вряд ли что то получится.
AMS : ESP32 + NRF24 + 1Wire-I2C мост DS2482 + счетчик DS2423 + сеть MySensors + редактирование страниц в браузере + Upload по воздуху + SPIFFS
Ответить