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

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

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

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

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

Сообщение buba911 »

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

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

Сообщение Divan »

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

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

Сообщение Andrei1401 »

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

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

Сообщение Divan »

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

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

Сообщение Andrei1401 »

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

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

Сообщение Divan »

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

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

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

Сообщение Divan »

Добавил в панель управления изображение потолочной люстры Yeelight Jiaoyue 650. Видео обзор работы и файлы для импорта можно найти по ссылке в шапке и по пути "Импорт деталей для сцены" - "Потолочный светильник YeelightJiaoyue650"
SPOILERSPOILER_SHOW
Потолочный светильник YeelightJiaoyue650.JPG
Потолочный светильник YeelightJiaoyue650.JPG (60.85 КБ) 5124 просмотра
Xpenology DSM 6.2.2 + Ubuntu Server 18.10 + Majordomo + MariaDB
Аватара пользователя
buba911
Сообщения: 127
Зарегистрирован: Пт дек 07, 2018 4:57 pm

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

Сообщение buba911 »

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

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

Сообщение Divan »

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

С этим кодом отображается вот так
SPOILERSPOILER_SHOW
Снимок.JPG
Снимок.JPG (15.81 КБ) 4978 просмотров

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

<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.
SPOILERSPOILER_SHOW
шаг один, меняем номера кнопок.jpg
шаг один, меняем номера кнопок.jpg (115.35 КБ) 4978 просмотров
шаг второй, меняем номер ссылки для кнопки и номера кнопок.jpg
шаг второй, меняем номер ссылки для кнопки и номера кнопок.jpg (207.28 КБ) 4978 просмотров

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


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

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

Проверьте в настройках меню, верно ли указан номер ссылка для кнопки
SPOILERSPOILER_SHOW
линк для кнопки.jpg
линк для кнопки.jpg (97.95 КБ) 4978 просмотров
Xpenology DSM 6.2.2 + Ubuntu Server 18.10 + Majordomo + MariaDB
Аватара пользователя
Divan
Сообщения: 859
Зарегистрирован: Пн июл 08, 2019 5:04 pm

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

Сообщение Divan »

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