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

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

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

sergei64
Сообщения: 62
Зарегистрирован: Вт апр 02, 2019 9:01 pm
Благодарил (а): 27 раз
Поблагодарили: 4 раза

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

Сообщение sergei64 » Вс апр 26, 2020 12:23 pm

доброго дня! м еще один вопрос не обновляется день недели и число в сцене .. где можно это посмотреть
Аватара пользователя
Divan
Сообщения: 859
Зарегистрирован: Пн июл 08, 2019 5:04 pm
Благодарил (а): 117 раз
Поблагодарили: 280 раз

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

Сообщение Divan » Вс апр 26, 2020 2:27 pm

У вас в разделе Сценарии, в категории Сцена Пурпур должны быть два сценария
СпойлерПоказать
Сценарии.JPG
Сценарии.JPG (13.24 КБ) 3610 просмотров
Вам нужно извлечь код из этих сценарии и вставить их в объекты Day и Month класса Timer, которые будут запускать код раз в сутки и раз в месяц
СпойлерПоказать
Класс таймер.jpg
Класс таймер.jpg (53.15 КБ) 3610 просмотров
Значения для календаря берутся из объекта ThisComputer класса Computer
ThisComputer.Day - день недели: Понедельник - Воскресенье
ThisComputer.DateD - число
ThisComputer.Month - месяц
ThisComputer.DateY - год

Код onNewDay
СпойлерПоказать

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

$h=(int)date('G',time());
$m=date('i',time());
sg('ThisComputer.DayOfMonthNum',date('d'));
sg('ThisComputer.DayOfWeekTXT',date('l'));
sg('ThisComputer.MonthTXTalt',date('F'));
sg('ThisComputer.DateD',date('d'));
sg('ThisComputer.DateM',date('m'));
sg('ThisComputer.DateY',date('Y'));
setGlobal('Date',date('d.m.Y'));

if (getGlobal('ThisComputer.DayOfWeekTXT') == 'Monday') {
  setGlobal('Day.Понедельник', '1');
  setGlobal('ThisComputer.Day', 'Понедельник');
} else if (getGlobal('ThisComputer.DayOfWeekTXT') != 'Monday') {
  setGlobal('Day.Понедельник', '0');
}
if (getGlobal('ThisComputer.DayOfWeekTXT') == 'Tuesday') {
  setGlobal('Day.Вторник', '1');
  setGlobal('ThisComputer.Day', 'Вторник');
} else if (getGlobal('ThisComputer.DayOfWeekTXT') != 'Tuesday') {
  setGlobal('Day.Вторник', '0');
}
if (getGlobal('ThisComputer.DayOfWeekTXT') == 'Wednesday') {
  setGlobal('Day.Среда', '1');
  setGlobal('ThisComputer.Day', 'Среда');
} else if (getGlobal('ThisComputer.DayOfWeekTXT') != 'Wednesday') {
  setGlobal('Day.Среда', '0');
}
if (getGlobal('ThisComputer.DayOfWeekTXT') == 'Thursday') {
  setGlobal('Day.Четверг', '1');
  setGlobal('ThisComputer.Day', 'Четверг');
} else if (getGlobal('ThisComputer.DayOfWeekTXT') != 'Thursday') {
  setGlobal('Day.Четверг', '0');
}
if (getGlobal('ThisComputer.DayOfWeekTXT') == 'Friday') {
  setGlobal('Day.Пятница', '1');
  setGlobal('ThisComputer.Day', 'Пятница');
} else if (getGlobal('ThisComputer.DayOfWeekTXT') != 'Friday') {
  setGlobal('Day.Пятница', '0');
}
if (getGlobal('ThisComputer.DayOfWeekTXT') == 'Saturday') {
  setGlobal('Day.Суббота', '1');
  setGlobal('ThisComputer.Day', 'Суббота');
} else if (getGlobal('ThisComputer.DayOfWeekTXT') != 'Saturday') {
  setGlobal('Day.Суббота', '0');
}
if (getGlobal('ThisComputer.DayOfWeekTXT') == 'Sunday') {
  setGlobal('Day.Воскресенье', '1');
  setGlobal('ThisComputer.Day', 'Воскресенье');
} else if (getGlobal('ThisComputer.DayOfWeekTXT') != 'Sunday') {
  setGlobal('Day.Воскресенье', '0');
}


Код onNewMonth
СпойлерПоказать

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

if (getGlobal('ThisComputer.MonthTXTalt') == 'January') {
  setGlobal('Month.Январь', '1');
  sg('ThisComputer.Month','Январь');
} else if (getGlobal('ThisComputer.MonthTXTalt') != 'January') {
  setGlobal('Month.Январь', '0');
}
if (getGlobal('ThisComputer.MonthTXTalt') == 'February') {
  setGlobal('Month.Февраль', '1');
  sg('ThisComputer.Month','Февраль');
} else if (getGlobal('ThisComputer.MonthTXTalt') != 'February') {
  setGlobal('Month.Февраль', '0');
}
if (getGlobal('ThisComputer.MonthTXTalt') == 'March') {
  setGlobal('Month.Март', '1');
  sg('ThisComputer.Month','Март');
} else if (getGlobal('ThisComputer.MonthTXTalt') != 'March') {
  setGlobal('Month.Март', '0');
}
if (getGlobal('ThisComputer.MonthTXTalt') == 'April') {
  setGlobal('Month.Апрель', '1');
  sg('ThisComputer.Month','Апрель');
} else if (getGlobal('ThisComputer.MonthTXTalt') != 'April') {
  setGlobal('Month.Апрель', '0');
}
if (getGlobal('ThisComputer.MonthTXTalt') == 'May') {
  setGlobal('Month.Май', '1');
  sg('ThisComputer.Month','Май');
} else if (getGlobal('ThisComputer.MonthTXTalt') != 'May') {
  setGlobal('Month.Май', '0');
}
if (getGlobal('ThisComputer.MonthTXTalt') == 'June') {
  setGlobal('Month.Июнь', '1');
  sg('ThisComputer.Month','Июнь');
} else if (getGlobal('ThisComputer.MonthTXTalt') != 'June') {
  setGlobal('Month.Июнь', '0');
}
if (getGlobal('ThisComputer.MonthTXTalt') == 'July') {
  setGlobal('Month.Июль', '1');
  sg('ThisComputer.Month','Июль');
} else if (getGlobal('ThisComputer.MonthTXTalt') != 'July') {
  setGlobal('Month.Июль', '0');
}
if (getGlobal('ThisComputer.MonthTXTalt') == 'August') {
  setGlobal('Month.Август', '1');
  sg('ThisComputer.Month','Август');
} else if (getGlobal('ThisComputer.MonthTXTalt') != 'August') {
  setGlobal('Month.Август', '0');
}
if (getGlobal('ThisComputer.MonthTXTalt') == 'September') {
  setGlobal('Month.Сентябрь', '1');
  sg('ThisComputer.Month','Сентябрь');
} else if (getGlobal('ThisComputer.MonthTXTalt') != 'September') {
  setGlobal('Month.Сентябрь', '0');
}
if (getGlobal('ThisComputer.MonthTXTalt') == 'October') {
  setGlobal('Month.Октябрь', '1');
  sg('ThisComputer.Month','Октябрь');
} else if (getGlobal('ThisComputer.MonthTXTalt') != 'October') {
  setGlobal('Month.Октябрь', '0');
}
if (getGlobal('ThisComputer.MonthTXTalt') == 'November') {
  setGlobal('Month.Ноябрь', '1');
  sg('ThisComputer.Month','Ноябрь');
} else if (getGlobal('ThisComputer.MonthTXTalt') != 'November') {
  setGlobal('Month.Ноябрь', '0');
}
if (getGlobal('ThisComputer.MonthTXTalt') == 'December') {
  setGlobal('Month.Декабрь', '1');
  sg('ThisComputer.Month','Декабрь');
} else if (getGlobal('ThisComputer.MonthTXTalt') != 'December') {
  setGlobal('Month.Декабрь', '0');
}

Xpenology DSM 6.2.2 + Ubuntu Server 18.10 + Majordomo + MariaDB
Аватара пользователя
Divan
Сообщения: 859
Зарегистрирован: Пн июл 08, 2019 5:04 pm
Благодарил (а): 117 раз
Поблагодарили: 280 раз

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

Сообщение Divan » Пн апр 27, 2020 10:27 pm

Я тут не много изменил кнопку, RGB индикатор вынес на правую сторону - сбоку, а вместо него добавил значок датчика освещения и значение в люменах. В тему не стал добавлять, но если вам это нужно, то можете скопировать код ниже и вставить его взамен того, что есть.
Если вам это понравится, то добавлю в тему. )
СпойлерПоказать
Пример кнопки.JPG
Пример кнопки.JPG (19.31 КБ) 3528 просмотров
Пример кнопки 2.JPG
Пример кнопки 2.JPG (18.5 КБ) 3528 просмотров

А для тех, кто хочет сейчас, то можете скопировать код и заменить его в Информационная кнопка 01 - 07, потом в объекте Button01-07 добавить свойство. Внимание!!! перед тем как вставить код, нужно скопировать его в блокнот, выделить Button02 и заменить на нужные номера, например с Button01 на Button02, с Button02 на Button03 и т.д.


IconLightSensor - для иконки датчика света
LightLevelSensor - уровень освещения
LightLevelSymbol - символ L или LUM какой вы укажете

СпойлерПоказать

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

<style>
  .leftBlock {
 width: 20px;
 height: 100px;
 background-color: RGB(249, 201, 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%;
 padding:0px 5px 0px 5px;
 }  
 
  .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 {
 height: auto;
 margin:1px 1px 1px 1px; /*верхнее поле 2px - правое поле 5px - нижнее поле 2px - левое поле 5px*\
  }

</style>

<a href="%SetupButton.Link1%" style="text-decoration: none;">
<table alt="" style="background-image:url(/cms/scenes/Purple/BackgroundBlocks/%Button02.BackgroundImage%.png); background-repeat:no-repeat; background-color: RGB(%SetupButton.backgroundButton%, %SetupButton.backgroundTransparency%); width:330px; height:100px; onerror="this.style.visibility = 'hidden'"">
 	<tbody>
		<tr>
			<td rowspan="3" style="height:100px; text-align:center; vertical-align:middle; width:20px">
<div class="leftBlock"></div>
         	</td>
			<td colspan="3" rowspan="2" style="height:40px; text-align:center; vertical-align:middle; width:60px">
<img alt="" src="/cms/scenes/Purple/IconsButtonHeader/%Button02.IconButton%.png" onerror="this.style.visibility = 'hidden'"/>
         </td>
			<td colspan="4" rowspan="1" style="height:20px; text-align:center; vertical-align:middle; width:200px" class="textHeaderButton">%Button02.NameButton%</td>
			<td style="height:30px; text-align:center; vertical-align:middle; width:20px">
<img alt="" src="/cms/scenes/Purple/IconsButtonInfo/%Button02.IconTemperature%.png" onerror="this.style.visibility = 'hidden'"/>
         </td>
			<td colspan="3" rowspan="1" style="height:20px; text-align:left; vertical-align:middle; width:30px" class="textInfoButton">
%Button02.Temperature%&nbsp;%Button02.temperatureSymbol%&nbsp;
         </td>
			<td rowspan="3" style="background-color:#%Button02.RGBcolor%; height:100px; text-align:center; vertical-align:middle; width:5px">&nbsp;</td>
		</tr>
		<tr>
			<td style="height:30px; text-align:center; vertical-align:middle; width:20px">
<img alt="" src="/cms/scenes/Purple/IconsButtonInfo/%Button02.IconLightSensor%.png" onerror="this.style.visibility = 'hidden'"/>         
         </td>
			<td style="height:30px; text-align:left; vertical-align:middle; width:20px" class="textInfoButton">
%Button02.LightLevelSensor%&nbsp;%Button02.LightLevelSymbol%
         </td>
			<td style="height:30px; text-align:center; vertical-align:middle; width:20px">
<img alt="" src="/cms/scenes/Purple/IconsButtonInfo/%Button02.IconLighting%.png" onerror="this.style.visibility = 'hidden'"/>         
         </td>
			<td style="height:30px; text-align:left; vertical-align:middle; width:20px" class="textInfoButton">
%Button02.Lighting%&nbsp;%Button02.lightingSymbol%     
         </td>
			<td style="height:30px; text-align:center; vertical-align:middle; width:20px">
<img alt="" src="/cms/scenes/Purple/IconsButtonInfo/%Button02.IconHumidity%.png" onerror="this.style.visibility = 'hidden'"/>
         </td>
			<td colspan="3" rowspan="1" style="height:30px; text-align:left; vertical-align:middle; width:10px" class="textInfoButton">
%Button02.Humidity%&nbsp;%Button02.humiditySymbol%&nbsp;      
         </td>
		</tr>
		<tr>
<td colspan="11" rowspan="1" style="height:30px; text-align:left; vertical-align:middle; width:200px; margin-top:2px;">
<img alt="" src="/cms/scenes/Purple/IconsButtonInfo/%Button02.Icon01%.png" onerror="this.style.visibility = 'hidden'"/>
<img alt="" src="/cms/scenes/Purple/IconsButtonInfo/%Button02.Icon02%.png" onerror="this.style.visibility = 'hidden'"/>
<img alt="" src="/cms/scenes/Purple/IconsButtonInfo/%Button02.Icon03%.png" onerror="this.style.visibility = 'hidden'"/>
<img alt="" src="/cms/scenes/Purple/IconsButtonInfo/%Button02.Icon04%.png" onerror="this.style.visibility = 'hidden'"/>
<img alt="" src="/cms/scenes/Purple/IconsButtonInfo/%Button02.Icon05%.png" onerror="this.style.visibility = 'hidden'"/>
<img alt="" src="/cms/scenes/Purple/IconsButtonInfo/%Button02.Icon06%.png" onerror="this.style.visibility = 'hidden'"/>
<img alt="" src="/cms/scenes/Purple/IconsButtonInfo/%Button02.Icon07%.png" onerror="this.style.visibility = 'hidden'"/>
<img alt="" src="/cms/scenes/Purple/IconsButtonInfo/%Button02.Icon08%.png" onerror="this.style.visibility = 'hidden'"/>
<img alt="" src="/cms/scenes/Purple/IconsButtonInfo/%Button02.Icon09%.png" onerror="this.style.visibility = 'hidden'"/>
<img alt="" src="/cms/scenes/Purple/IconsButtonInfo/%Button02.Icon10%.png" onerror="this.style.visibility = 'hidden'"/>
         </td>
		</tr>
	</tbody>
</table>
</a> 
Последний раз редактировалось Divan Вт апр 28, 2020 12:08 am, всего редактировалось 1 раз.
За это сообщение автора Divan поблагодарил:
sergei64 (Пн апр 27, 2020 10:41 pm)
Рейтинг: 1.16%
Xpenology DSM 6.2.2 + Ubuntu Server 18.10 + Majordomo + MariaDB
Аватара пользователя
adzam
Сообщения: 602
Зарегистрирован: Сб дек 08, 2012 10:28 pm
Откуда: Кишинев
Благодарил (а): 20 раз
Поблагодарили: 138 раз

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

Сообщение adzam » Пн апр 27, 2020 11:34 pm

А как вот это починить?
Безымянный010.png
Безымянный010.png (252.01 КБ) 3505 просмотров
Мои проекты здесь...https://connect.smartliving.ru/profile/41/blog213.htm
Если вам помогло какое-либо мое сообщение - не ленитесь пользоваться кнопкой СПАСИБО.
Аватара пользователя
Divan
Сообщения: 859
Зарегистрирован: Пн июл 08, 2019 5:04 pm
Благодарил (а): 117 раз
Поблагодарили: 280 раз

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

Сообщение Divan » Пн апр 27, 2020 11:47 pm

Вам нужно найти элемент История событий (code) в разделе Сцена "Оранжевый бриз" - Главная панель, далее найти этот код см.ниже, где limit="12" это количество строк отображаемой инфы, тут указано, что не более 12 строк, поставьте например 10

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

<div class="eventHistory">[#module name="shoutbox" limit="12" reverse="1" mobile="1"#]</div>
если лимит менять не хотите, то можете изменить высоту, найдите этот код и выставьте для себя нужную высоту

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

.eventHistory {
 width: 350px;  - ширина
 height: 360px; - высота
 
Xpenology DSM 6.2.2 + Ubuntu Server 18.10 + Majordomo + MariaDB
Аватара пользователя
adzam
Сообщения: 602
Зарегистрирован: Сб дек 08, 2012 10:28 pm
Откуда: Кишинев
Благодарил (а): 20 раз
Поблагодарили: 138 раз

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

Сообщение adzam » Вт апр 28, 2020 12:10 am

Спасибо попробую.
Но это появляется только когда есть разделительная линия, которая разделяет сутки.
А потом нормально.
Нельзя что-то придумать по этому поводу?
Мои проекты здесь...https://connect.smartliving.ru/profile/41/blog213.htm
Если вам помогло какое-либо мое сообщение - не ленитесь пользоваться кнопкой СПАСИБО.
homester
Сообщения: 194
Зарегистрирован: Вт дек 24, 2019 2:09 pm
Благодарил (а): 112 раз
Поблагодарили: 34 раза

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

Сообщение homester » Вт апр 28, 2020 12:35 am

Divan писал(а):
Пн апр 27, 2020 11:47 pm
Вам нужно найти элемент История событий (code) в разделе Сцена "Оранжевый бриз" - Главная панель, далее найти этот код см.ниже, где limit="12" это количество строк отображаемой инфы, тут указано, что не более 12 строк, поставьте например 10
Если я правильно понял, "limit",- это не количество строк, а количество сообщений, если сообщение больше одной строки, то и начинаются проблемы, а сообщение может состоять и из 5-6 строк :cry:
Raspberry Pi3 B+, v4.44, внешняя з/к
Аватара пользователя
Divan
Сообщения: 859
Зарегистрирован: Пн июл 08, 2019 5:04 pm
Благодарил (а): 117 раз
Поблагодарили: 280 раз

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

Сообщение Divan » Вт апр 28, 2020 12:46 am

Можете вставить код overflow-x:hidden или overflow:hidden; сюда.
СпойлерПоказать
в рамках рамки.jpg
в рамках рамки.jpg (61.53 КБ) 3472 просмотра
Так выглядит, если вставить код: overflow-x:hidden; - будет скролл
СпойлерПоказать
Снимок.JPG
Снимок.JPG (60.74 КБ) 3472 просмотра
Так выглядит, если вставить код: overflow:hidden; - без скролла
СпойлерПоказать
без х.JPG
без х.JPG (63.48 КБ) 3472 просмотра
CSS overflow: hidden скрывает содержимое, выходящее за пределы контейнера.
За это сообщение автора Divan поблагодарили (всего 2):
homester (Вт апр 28, 2020 3:13 am) • Alexander Znamensky (Ср май 13, 2020 9:00 pm)
Рейтинг: 2.33%
Xpenology DSM 6.2.2 + Ubuntu Server 18.10 + Majordomo + MariaDB
Аватара пользователя
Divan
Сообщения: 859
Зарегистрирован: Пн июл 08, 2019 5:04 pm
Благодарил (а): 117 раз
Поблагодарили: 280 раз

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

Сообщение Divan » Вт апр 28, 2020 1:13 am

homester писал(а):
Вт апр 28, 2020 12:35 am
Divan писал(а):
Пн апр 27, 2020 11:47 pm
Вам нужно найти элемент История событий (code) в разделе Сцена "Оранжевый бриз" - Главная панель, далее найти этот код см.ниже, где limit="12" это количество строк отображаемой инфы, тут указано, что не более 12 строк, поставьте например 10
Если я правильно понял, "limit",- это не количество строк, а количество сообщений, если сообщение больше одной строки, то и начинаются проблемы, а сообщение может состоять и из 5-6 строк :cry:
Да, все верно говорите, просто я их строками назвал :D , а так да, это лимит на количество сообщении.
Xpenology DSM 6.2.2 + Ubuntu Server 18.10 + Majordomo + MariaDB
Аватара пользователя
buba911
Сообщения: 127
Зарегистрирован: Пт дек 07, 2018 4:57 pm
Благодарил (а): 42 раза
Поблагодарили: 7 раз

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

Сообщение buba911 » Пт май 01, 2020 9:36 am

Divan писал(а):
Чт апр 23, 2020 3:52 pm
sergei64 писал(а):
Чт апр 23, 2020 11:05 am
Доброго всем дня! Подскажите как прописать скрипт для активности в помещения
Инструкция во вложении
СпойлерПоказать
Как передать значения активности в помещении.pdf
Всех с праздником, не просветите, Вы в инструкции написали, что: "Все устройства по умолчанию передают активность в класс Rooms,".
А кто или что и где туда это передаёт? Напимер у меня этого не происходит. Или может комнаты должны быть названы как у вас и их нельзя переименовывать?
Raspberry Pi3B+ v4.44
Ответить