Галерея домашних страниц
Модератор: immortal
- adzam
- Сообщения: 602
- Зарегистрирован: Сб дек 08, 2012 10:28 pm
- Откуда: Кишинев
- Благодарил (а): 20 раз
- Поблагодарили: 138 раз
Re: Галлерея домашних страниц
Постараюсь на выходные переложить эту заготовку на новую систему.
Но в принципе дизайн пора менять , может у кого есть какие идеи, картинки , фото от руки рисунки , наброски любые желания все приму к сведению.Может кто-то видит как-то прикольно страницу климата в доме или освещения короче фантазируйте а я может что и возьму за основу и создадим новый дизайн.
У меня умного дома нет поэтому все это хобби и только для ВАС.
Жду идей.
Но в принципе дизайн пора менять , может у кого есть какие идеи, картинки , фото от руки рисунки , наброски любые желания все приму к сведению.Может кто-то видит как-то прикольно страницу климата в доме или освещения короче фантазируйте а я может что и возьму за основу и создадим новый дизайн.
У меня умного дома нет поэтому все это хобби и только для ВАС.
Жду идей.
- Рейтинг: 1.16%
Мои проекты здесь...https://connect.smartliving.ru/profile/41/blog213.htm
Если вам помогло какое-либо мое сообщение - не ленитесь пользоваться кнопкой СПАСИБО.
Если вам помогло какое-либо мое сообщение - не ленитесь пользоваться кнопкой СПАСИБО.
- nick7zmail
- Сообщения: 7573
- Зарегистрирован: Пн окт 28, 2013 8:14 am
- Откуда: Екатеринбург
- Благодарил (а): 121 раз
- Поблагодарили: 2010 раз
Re: Галлерея домашних страниц
viewtopic.php?f=4&t=3861
Вот тут глянь "дизайн для планшета от webms". Тема так и не была создана/выложена, но исходники многим интересны были...можно че нить подобное замутить.
(скрины под спойлером смотри, в основной теме заглушки со стороннего хостинга)
Вот тут глянь "дизайн для планшета от webms". Тема так и не была создана/выложена, но исходники многим интересны были...можно че нить подобное замутить.
(скрины под спойлером смотри, в основной теме заглушки со стороннего хостинга)
Raspberry Pi3+Broadlink+esp8266 (blynk)+AMS
Если вам помогло какое-либо сообщение - не забывайте пользоваться кнопкой "СПАСИБО".
Услуги в профиле коннект
>>>>>Мой новый канал на ютутбе, подписывайтесь!<<<<<
Если вам помогло какое-либо сообщение - не забывайте пользоваться кнопкой "СПАСИБО".
Услуги в профиле коннект
>>>>>Мой новый канал на ютутбе, подписывайтесь!<<<<<
-
- Сообщения: 2575
- Зарегистрирован: Пт ноя 06, 2015 10:22 am
- Откуда: Кишинёв
- Благодарил (а): 303 раза
- Поблагодарили: 282 раза
Re: Галлерея домашних страниц
Отличная новость ! Последнее что пытался установить на 7-ке стартер - запустилось , но циклы остановлены . Хотя радио работало и Алиса говорила. Этюд " в синих тонах" ( привет Конан-Дойлю) на ХР пашет до сих пор.
Из хотелок. Как создать шапку - примерно понятно. В ней есть куча пустых лампочек. Хочется на них завязать устройства OnLine. Из серии есть IP девайса , если он в сети - горит зеленым. Если отвалился - красным.
Вплотную подхожу к странице " котельная". Есть данные температур , будут давления и расхода воды. Вот как на примере создания шапки объяснил весь механизм - было бы очень здорово !
PS Для меня это тоже пока хобби. А в идеале этот этюд в синих тонах перенести на линукс !! И СПАСИБО за труды!
Из хотелок. Как создать шапку - примерно понятно. В ней есть куча пустых лампочек. Хочется на них завязать устройства OnLine. Из серии есть IP девайса , если он в сети - горит зеленым. Если отвалился - красным.
Вплотную подхожу к странице " котельная". Есть данные температур , будут давления и расхода воды. Вот как на примере создания шапки объяснил весь механизм - было бы очень здорово !
PS Для меня это тоже пока хобби. А в идеале этот этюд в синих тонах перенести на линукс !! И СПАСИБО за труды!
AMS : ESP32 + NRF24 + 1Wire-I2C мост DS2482 + счетчик DS2423 + сеть MySensors + редактирование страниц в браузере + Upload по воздуху + SPIFFS
- adzam
- Сообщения: 602
- Зарегистрирован: Сб дек 08, 2012 10:28 pm
- Откуда: Кишинев
- Благодарил (а): 20 раз
- Поблагодарили: 138 раз
Re: Галлерея домашних страниц
На счет пустых лампочек, это просто для того они и стоят чтоб их под себя настроить.
Открываем файл 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 размеры окна
адрес окна которое надо открыть при нажатии найти очень просто
Допустим поставим как у нас кнопки Алисы
Заходим в панель управления
Создаем меню, кнопки или что хотите и сохраняете его у меня это меню Алисе Затем нажимаем на кнопку самого меню Алисе и получаем Нажимаем на # и открывается новое окно смотрим в адресную строку это и есть адрес который нам нужен
Открываем файл 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 размеры окна
адрес окна которое надо открыть при нажатии найти очень просто
Допустим поставим как у нас кнопки Алисы
Заходим в панель управления
Создаем меню, кнопки или что хотите и сохраняете его у меня это меню Алисе Затем нажимаем на кнопку самого меню Алисе и получаем Нажимаем на # и открывается новое окно смотрим в адресную строку это и есть адрес который нам нужен
- Вложения
-
- 4.png (25.17 КБ) 5160 просмотров
-
- 3.png (20.45 КБ) 5160 просмотров
-
- 2.png (37.55 КБ) 5160 просмотров
-
- 1.png (39.97 КБ) 5160 просмотров
- За это сообщение автора 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: Галлерея домашних страниц
Я не знаю что творится с нашим форумом , но может модераторы разберутся почему я битый час не могу вставить 4 скрина , то исчезают старые при коррекции то появляются по 2 раза а в журнале редактирования я лишних не вижу ???????
- Рейтинг: 1.16%
Мои проекты здесь...https://connect.smartliving.ru/profile/41/blog213.htm
Если вам помогло какое-либо мое сообщение - не ленитесь пользоваться кнопкой СПАСИБО.
Если вам помогло какое-либо мое сообщение - не ленитесь пользоваться кнопкой СПАСИБО.
- adzam
- Сообщения: 602
- Зарегистрирован: Сб дек 08, 2012 10:28 pm
- Откуда: Кишинев
- Благодарил (а): 20 раз
- Поблагодарили: 138 раз
Re: Галлерея домашних страниц
Продолжение:
Дальше находим строки скрипта:
<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 то серая
Ну вот вроде все, если есть вопросы то постараюсь обьяснить.
Дальше находим строки скрипта:
<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
Если вам помогло какое-либо мое сообщение - не ленитесь пользоваться кнопкой СПАСИБО.
Если вам помогло какое-либо мое сообщение - не ленитесь пользоваться кнопкой СПАСИБО.
-
- Сообщения: 3006
- Зарегистрирован: Чт авг 21, 2014 8:28 am
- Откуда: Киров, Россия
- Благодарил (а): 400 раз
- Поблагодарили: 1753 раза
- Контактная информация:
Re: Галлерея домашних страниц
Есть такое. Баг давно заведен https://connect.smartliving.ru/ideas/130.html Отмечайтесь. А то, судя по рейтингу, вообще народу не интересно, чтобы его исправили.
MajorDoMo (GitHub) на Cubietruck. ОС Debian 7 (wheezy) (kernel 3.4.105) с переносом на HDD.
Мой CONNECT | Блоги | Telegram
Мой CONNECT | Блоги | Telegram
- adzam
- Сообщения: 602
- Зарегистрирован: Сб дек 08, 2012 10:28 pm
- Откуда: Кишинев
- Благодарил (а): 20 раз
- Поблагодарили: 138 раз
Re: Галлерея домашних страниц
Можно лампочку назвать Led_Internet и написать небольшой скрипт:
if (!isOnline('Internet')) {
sg("Communication.$Led_Internet",'1');
sg("Communication.titleDetails","Проблемы со связью не обнаружены");
} else {
sg("Communication.$Led_Internet",'2');
sg("Communication.titleDetails","Появились проблемы с интернетом");
}
Получилось как то так:
если интернет есть то лампочка зеленая и в раскрывающемся окошке мы увидим надпись
"Проблемы со связью не обнаружены"
если интернет пропал то лампочка будет желтая и надпись в окошке
"Появились проблемы с интернетом"
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
Если вам помогло какое-либо мое сообщение - не ленитесь пользоваться кнопкой СПАСИБО.
Если вам помогло какое-либо мое сообщение - не ленитесь пользоваться кнопкой СПАСИБО.
-
- Сообщения: 146
- Зарегистрирован: Сб авг 06, 2016 2:11 am
- Откуда: Рига
- Благодарил (а): 13 раз
- Поблагодарили: 18 раз
Re: Галлерея домашних страниц
Как починить? Не работают часы, менюшка слева тоже жутко выглядит. При нажатии на линки в меню тоже ничего.. При нажатии на кнопки в шапке ничего не происходит... В шапке лога Алиски нет. Что подправить?
Ну и для гуру вопрос - раз уж с главной страницей разбираться - как уменьшить в шапке лог Алиски и слева где погода вывести такое же окно. Хочу там отображать температуру котла, воды и обратки..
- Вложения
-
- Алиска поломалась
- AliskaProblema.jpg (150.91 КБ) 4917 просмотров
Немного желания, терпения и времени - и все получится
-
- Сообщения: 2575
- Зарегистрирован: Пт ноя 06, 2015 10:22 am
- Откуда: Кишинёв
- Благодарил (а): 303 раза
- Поблагодарили: 282 раза
Re: Галлерея домашних страниц
Еще раз - разбираться с шапкой - расписано Тут. Пока все размеры в % и пикселях не совпадут , вряд ли что то получится.
AMS : ESP32 + NRF24 + 1Wire-I2C мост DS2482 + счетчик DS2423 + сеть MySensors + редактирование страниц в браузере + Upload по воздуху + SPIFFS