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

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

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

Аватара пользователя
buba911
Сообщения: 127
Зарегистрирован: Пт дек 07, 2018 4:57 pm
Благодарил (а): 42 раза
Поблагодарили: 7 раз

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

Сообщение buba911 » Сб апр 11, 2020 9:24 pm

Divan писал(а):
Пт апр 10, 2020 11:12 pm
buba911 писал(а):
Пт апр 10, 2020 10:49 pm
Найдите класс OperationalModes и объект DarknessMode, создайте метод setStatus и вставьте код
А , что запускает метод setStatus ?
метод setStatus проверяет активность DarknessMode.active:
если DarknessMode.active = 0 - выставляется значение sun в свойстве TimeDay
если DarknessMode.active = 1 - выставляется значение moon в свойстве TimeDay
Это понятно, а что или кто запускает этот метод?
Raspberry Pi3B+ v4.44
Аватара пользователя
Divan
Сообщения: 859
Зарегистрирован: Пн июл 08, 2019 5:04 pm
Благодарил (а): 117 раз
Поблагодарили: 280 раз

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

Сообщение Divan » Сб апр 11, 2020 9:36 pm

Метод setStatus запускает свойство status
СпойлерПоказать
setSatus.jpg
setSatus.jpg (63.41 КБ) 3942 просмотра
Xpenology DSM 6.2.2 + Ubuntu Server 18.10 + Majordomo + MariaDB
Аватара пользователя
Andrei1401
Сообщения: 30
Зарегистрирован: Вт янв 15, 2019 6:18 pm
Благодарил (а): 7 раз
Поблагодарили: 1 раз

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

Сообщение Andrei1401 » Вс апр 12, 2020 10:58 am

Не подскажите, почему при запуске сценария "Вычисляем фазу луны" вылетает ошибка? Файл MoonPhase.php вставил.
СпойлерПоказать
2020-04-12_10-52-02.png
2020-04-12_10-52-02.png (76.95 КБ) 3889 просмотров
Аватара пользователя
Divan
Сообщения: 859
Зарегистрирован: Пн июл 08, 2019 5:04 pm
Благодарил (а): 117 раз
Поблагодарили: 280 раз

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

Сообщение Divan » Вс апр 12, 2020 1:12 pm

Andrei1401 писал(а):
Вс апр 12, 2020 10:58 am
Не подскажите, почему при запуске сценария "Вычисляем фазу луны" вылетает ошибка? Файл MoonPhase.php вставил.
СпойлерПоказать
2020-04-12_10-52-02.png
Куда вставили? В теме пурпур уже есть этот файл MoonPhase.php, он встроен в тему и лежит у корне www. Убедитесь, что MoonPhase.php точно лежит в корне www. Возможно вы кинули MoonPhase.php не в то место, закиньте MoonPhase.php в корень www, как на скриншоте.
СпойлерПоказать
1.jpg
1.jpg (22.56 КБ) 3872 просмотра
Xpenology DSM 6.2.2 + Ubuntu Server 18.10 + Majordomo + MariaDB
Аватара пользователя
Andrei1401
Сообщения: 30
Зарегистрирован: Вт янв 15, 2019 6:18 pm
Благодарил (а): 7 раз
Поблагодарили: 1 раз

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

Сообщение Andrei1401 » Вс апр 12, 2020 1:40 pm

Divan писал(а):
Вс апр 12, 2020 1:12 pm
Andrei1401 писал(а):
Вс апр 12, 2020 10:58 am
Не подскажите, почему при запуске сценария "Вычисляем фазу луны" вылетает ошибка? Файл MoonPhase.php вставил.
СпойлерПоказать
2020-04-12_10-52-02.png
Куда вставили? В теме пурпур уже есть этот файл MoonPhase.php, он встроен в тему и лежит у корне www. Убедитесь, что MoonPhase.php точно лежит в корне www. Возможно вы кинули MoonPhase.php не в то место, закиньте MoonPhase.php в корень www, как на скриншоте.
СпойлерПоказать
1.jpg
Я его просто перезаписал на всякий случай.
Аватара пользователя
Divan
Сообщения: 859
Зарегистрирован: Пн июл 08, 2019 5:04 pm
Благодарил (а): 117 раз
Поблагодарили: 280 раз

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

Сообщение Divan » Вс апр 12, 2020 8:36 pm

Сделал панель управления сетевого фильтра, скачать и посмотреть видео работы виджета можете по ссылке, в шапке. Все индикаторы каждого разъема работают. Я специально сделал только две кнопки, потому что в один разъем у меня подключен сервер и я его не выключаю, остальные выключаю по необходимости.

Вид сетевого фильтра
СпойлерПоказать
Вид виджета сетевого фильтра.JPG
Вид виджета сетевого фильтра.JPG (21.75 КБ) 3821 просмотр
Общий вид сцены управления
СпойлерПоказать
общий вид.JPG
общий вид.JPG (144.18 КБ) 3821 просмотр
Xpenology DSM 6.2.2 + Ubuntu Server 18.10 + Majordomo + MariaDB
Аватара пользователя
Divan
Сообщения: 859
Зарегистрирован: Пн июл 08, 2019 5:04 pm
Благодарил (а): 117 раз
Поблагодарили: 280 раз

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

Сообщение Divan » Пн апр 13, 2020 8:54 pm

Добавил в панель управления изображение потолочной люстры Yeelight Jiaoyue 650. Видео обзор работы и файлы для импорта можно найти по ссылке в шапке и по пути "Импорт деталей для сцены" - "Потолочный светильник YeelightJiaoyue650"
СпойлерПоказать
Потолочный светильник YeelightJiaoyue650.JPG
Потолочный светильник YeelightJiaoyue650.JPG (60.85 КБ) 3736 просмотров
За это сообщение автора Divan поблагодарили (всего 2):
vitosmaxim80sad145 (Вт апр 14, 2020 8:44 am) • Мазур (Пт июл 24, 2020 1:35 pm)
Рейтинг: 2.33%
Xpenology DSM 6.2.2 + Ubuntu Server 18.10 + Majordomo + MariaDB
Аватара пользователя
buba911
Сообщения: 127
Зарегистрирован: Пт дек 07, 2018 4:57 pm
Благодарил (а): 42 раза
Поблагодарили: 7 раз

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

Сообщение buba911 » Чт апр 16, 2020 9:17 am

Divan, не подскажите, что может быть?
Не правильно работает ссылка для кнопки 1.
Значения принимаются, даже руками вбивал в SetupButton.Link1, но отображается совсем другаяя сцена.
Например здесь кнопки 1 и 2 имеют одинаковые ссылки, но отображаются разные сцены.
СпойлерПоказать
SetupButton.png
SetupButton.png (39.82 КБ) 3629 просмотров
Да и ещё, как работает выравнивание символов?
А то если в комнате нет датчика температуры или влажности, то символы комнаты смещаются вправо.
СпойлерПоказать
MajorDoMo.png
MajorDoMo.png (97.85 КБ) 3628 просмотров
Raspberry Pi3B+ v4.44
Аватара пользователя
Divan
Сообщения: 859
Зарегистрирован: Пн июл 08, 2019 5:04 pm
Благодарил (а): 117 раз
Поблагодарили: 280 раз

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

Сообщение Divan » Чт апр 16, 2020 4:03 pm

Исправил код, пока проверьте на одной кнопке, если все норм, то можете вставить код на остальные кнопки, только нужно вставить код в блокнот и заменить номера кнопок (см. ниже как это делать).

С этим кодом отображается вот так
СпойлерПоказать
Снимок.JPG
Снимок.JPG (15.81 КБ) 3590 просмотров

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

<style>
  .leftBlock {
 width: 20px;
 height: 100px;
 background-color: RGB(249, 202, 16, 0.0);
 }
 
 .rgbColorButton02 {
 width: 60px;
 height: 25px;
 border-radius: 50%;
 background-color:#%Button02.RGBcolor%
 }
 
  .textHeaderButton {
 @import url('/templates_alt/fonts/FontSet.css');
 font-family: %SetupButton.FontTitleButton%;
 font-style: %SetupButton.FontStyleTitleButton%;
 font-weight:%SetupButton.FontWeightTitleButton%;
 font-size:%SetupButton.FontSizeTitleButton%px;
 color: %SetupButton.FontcolorTitleButton%;
 }  
 
  .textInfoButton {
 @import url('/templates_alt/fonts/FontSet.css');
 font-family: %SetupButton.FontInfoButton%;
 font-style: %SetupButton.FontStyleInfoButton%;
 font-weight: %SetupButton.FontWeightInfoButton%;
 font-size:%SetupButton.FontSizeInfoButton%;
 color: %SetupButton.FontColorInfoButton%;
 padding:0px 5px 0px 0px;
  }  
 
 .imagesHeaderButton {
 max-width: 100%;
 height: auto;
 display: block;
 padding:2px 5px 2px 5px;
  }

 .imagesInfoButton {
 max-width: 100%;
 height: auto;
 display: block;
 padding:2px 5px 2px 5px;
  }
 
</style>

<a href="%SetupButton.Link2%" style="text-decoration: none;">
<table style="background-color: RGB(%SetupButton.backgroundButton%, %SetupButton.backgroundTransparency%); width:330; height:100;">
	<tbody>
		<tr>
			<td rowspan="3" style="width: 20px; height: 100px;"><div class="leftBlock"></div></td>
			<td colspan="3" rowspan="2" style="text-align: center; vertical-align: middle; width: 60px; height: 40px;">
<div class="imagesHeaderButton"><img src="/cms/scenes/Purple/IconsButtonHeader/%Button02.IconButton%.png" alt=""></img></div>
         </td>
			<td colspan="6" style="text-align: center; vertical-align: middle; width: 250px; height: 30px;" class="textHeaderButton">%Button02.NameButton%
         </td>
			<td colspan="2" style="text-align: left; vertical-align: middle; width: 30px; height: 30px;">
<img src="/cms/scenes/Purple/IconsButtonInfo/%Button02.IconTemperature%.png" alt=""></img>
         </td>
			<td style="text-align: left; vertical-align: middle; width: 50px; height: 30px;" class="textInfoButton">%Button02.Temperature%&nbsp;%Button02.temperatureSymbol%</td>
		</tr>
		<tr>
			<td colspan="4" style="text-align: left; vertical-align: middle; width: 125px; height: 30px;">
<div class="rgbColorButton02"></div>
         </td>
			<td colspan="2" style="text-align: center; vertical-align: middle; width: 125px; height: 30px;" class="textInfoButton">
<img src="/cms/scenes/Purple/IconsButtonInfo/%Button02.IconLighting%.png" alt="">%Button02.Lighting%&nbsp;%Button02.lightingSymbol%</img>
         </td>
			<td colspan="2" style="text-align: left; vertical-align: middle; width: 10px; height: 30px;">
<img src="/cms/scenes/Purple/IconsButtonInfo/%Button02.IconHumidity%.png" alt=""></img>     
         </td>
			<td style="text-align: left; vertical-align: middle; width: 20px; height: 30px;" class="textInfoButton">%Button02.Humidity%&nbsp;%Button02.humiditySymbol%  
         </td>
		</tr>
		<tr>
			<td colspan="12" rowspan="1">
<div class="imagesInfoButton">
<img src="/cms/scenes/Purple/IconsButtonInfo/%Button02.Icon01%.png" alt=""></img>
<img src="/cms/scenes/Purple/IconsButtonInfo/%Button02.Icon02%.png" alt=""></img>
<img src="/cms/scenes/Purple/IconsButtonInfo/%Button02.Icon03%.png" alt=""></img>
<img src="/cms/scenes/Purple/IconsButtonInfo/%Button02.Icon04%.png" alt=""></img>
<img src="/cms/scenes/Purple/IconsButtonInfo/%Button02.Icon05%.png" alt=""></img>
<img src="/cms/scenes/Purple/IconsButtonInfo/%Button02.Icon06%.png" alt=""></img>
<img src="/cms/scenes/Purple/IconsButtonInfo/%Button02.Icon07%.png" alt=""></img>
<img src="/cms/scenes/Purple/IconsButtonInfo/%Button02.Icon08%.png" alt=""></img>    
<img src="/cms/scenes/Purple/IconsButtonInfo/%Button02.Icon09%.png" alt=""></img>
<img src="/cms/scenes/Purple/IconsButtonInfo/%Button02.Icon10%.png" alt=""></img>
<img src="/cms/scenes/Purple/IconsButtonInfo/%Button02.Icon11%.png" alt=""></img>
<img src="/cms/scenes/Purple/IconsButtonInfo/%Button02.Icon12%.png" alt=""></img>
</div>           
         </td>
		</tr>
	</tbody>
</table>
</a> 
В контейнере "кнопки на левой стороне" имеется 7 кнопок, все они именуются Button01 - Button 07. Нужно в коде изменить номера кнопок с Button01 на Button02, с Button02 на Button03, с Button03 на Button04 и так до Button07, также нужно менять цифру для ссылки кнопки с SetupButton.Link1 на SetupButton.Link2, с SetupButton.Link2 на SetupButton.Link3 и так до SetupButton.Link7.
СпойлерПоказать
шаг один, меняем номера кнопок.jpg
шаг один, меняем номера кнопок.jpg (115.35 КБ) 3590 просмотров
шаг второй, меняем номер ссылки для кнопки и номера кнопок.jpg
шаг второй, меняем номер ссылки для кнопки и номера кнопок.jpg (207.28 КБ) 3590 просмотров

Теперь, что касается ссылок, проверьте, в кнопках 01 и 02 код, а именно строку, может у вас стоят одинаковые цифры.


<a href="%SetupButton.Link1%" style="text-decoration: none;">

<a href="%SetupButton.Link2%" style="text-decoration: none;">

Проверьте в настройках меню, верно ли указан номер ссылка для кнопки
СпойлерПоказать
линк для кнопки.jpg
линк для кнопки.jpg (97.95 КБ) 3590 просмотров
За это сообщение автора Divan поблагодарил:
buba911 (Чт апр 16, 2020 7:34 pm)
Рейтинг: 1.16%
Xpenology DSM 6.2.2 + Ubuntu Server 18.10 + Majordomo + MariaDB
Аватара пользователя
Divan
Сообщения: 859
Зарегистрирован: Пн июл 08, 2019 5:04 pm
Благодарил (а): 117 раз
Поблагодарили: 280 раз

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

Сообщение Divan » Чт апр 16, 2020 6:26 pm

Обновил тему "Пурпур", подробно можно прочитать в шапке.
Xpenology DSM 6.2.2 + Ubuntu Server 18.10 + Majordomo + MariaDB
Ответить