Logrus

 
<<< Back

Шаблон отображения в классе "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...

Discuss (9) (11)

See also:
2021-01-10 DROP_TABLE
2020-05-07 Телеграмм. Полезное
2019-06-30 Телеграмм. Меню - управление группами ПУ
2019-06-29 Телеграмм. Меню - запуск скриптов (сценариев)
2018-10-21 Настройки громкости
2018-10-07 Примеры кода
2018-09-25 Телеграмм. pChart
2018-05-02 Класс SOpenClose метод logicAction (по-русски "Входная дверь")
2018-12-02 Режим "Никого нет дома"

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

На форуме: Logrus