Logrus

 
<<< Назад

Шаблон отображения в классе "Users"

По мотивам

Дополнено: методы и в ветке на форуме, и менялось у меня всё - в коннекте.

<style>
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
.containerUsers {
  font-family: ArialHebrew-Light;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 15px;
  border: 1px solid #444;
  padding: 5px;
}
.battUsers {
  font-size: 85%; 
  padding-right: 10px;
  padding-top: 10px;
  float: right;
}
.mailUsers {
  font-size: 85%; 
  padding-right: 10px;
  padding-top: 10px;
  float: right;
}
.wifiUsers {
  font-size: 85%;
  padding-right: 10px;
  padding-top: 10px;
  float: right;
}

.infoUsers {
  padding-left: 10px;
  padding-top: 10px;
}
.nameUsers {
  font-size: 120%;
}
.locUsers {
  font-size: 85%;
  padding-top: 5px;
  padding-bottom: 5px;
}
.timeUsers {
  font-size: 60%;
  color: grey;
}
 </style>

<div class="containerUsers">
    <div class="battUsers">
      %.BattLevel%% <span class="batt_icon fa fa-%.BattPic%" style="color: %.BattColor%" aria-hidden="true"></span></div>
    <div class="mailUsers">
      %.GMailUnread% <span class="mail_icon fa fa-envelope" style="color: %.MailColor%" aria-hidden="true"></span></div>
    <div class="wifiUsers">
     <span class="wifi_icon fa fa-%.NetworkPic%" aria-hidden="true"></span></div> 
    <div class="infoUsers">
      <div class="nameUsers" style="color: %.NameColor%">%.fullName%</div>
      <div class="locUsers"><span class="loc_icon fa fa-map-marker" aria-hidden="true"></span> %.Location%</div>
      <div class="timeUsers">
       <span class="ref_icon fa fa-refresh fa-spin" aria-hidden="true"></span>&nbsp;GPS&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;%.updatedText%
       <br/>
       <span class="ref_icon fa fa-refresh fa-spin" aria-hidden="true"></span>&nbsp;Online&nbsp;%.HomeUpdate%</div>
    </div>
   <div style="clear:both;"></div>
</div>

Подобное:
Шаблон отображения для "Rooms"
Шаблон отображения для "OperationalModes"...
Шаблон класса / Class Template Термостат
Шаблон отображения в классе "ExchangeRates&qu...

Обсуждение (9) (11)

Смотрите так же:
10.01.2021 DROP_TABLE
07.05.2020 Телеграмм. Полезное
30.06.2019 Телеграмм. Меню - управление группами ПУ
29.06.2019 Телеграмм. Меню - запуск скриптов (сценариев)
21.10.2018 Настройки громкости
07.10.2018 Примеры кода
25.09.2018 Телеграмм. pChart
02.05.2018 Класс SOpenClose метод logicAction (по-русски "Входная дверь")
02.12.2018 Режим "Никого нет дома"

Нижний Тагил, Россия

На форуме: Logrus