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) (8)

Смотрите так же:
30.06.2019 Телеграмм. Меню - управление группами ПУ
29.06.2019 Телеграмм. Меню - запуск скриптов (сценариев)
21.10.2018 Настройки громкости
07.10.2018 Примеры кода
29.09.2018 checkState
25.09.2018 pChart
24.09.2018 Уход за базой данных
05.08.2018 Управление подсветкой на шлюзе Сяоми
21.06.2018 Каталог ссылок
10.06.2018 Меню
08.07.2018 mail()
04.05.2018 Режим "EnergyTariffMode"
02.05.2018 Класс SOpenClose метод logicAction (по-русски "Входная дверь")
22.04.2018 Программы
19.04.2018 Пользовательские функции
11.04.2018 Шаблон отображения в классе "ExchangeRates"
02.12.2018 Режим "Никого нет дома"
25.02.2018 Бэкап и обслуживание системы

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

На форуме: Logrus