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"
Шаблон отображения для "O...
Шаблон класса / Class Template Термостат
Шаблон отображения в класс...

Discuss (5) (5)

See also:
2018-08-05 Управление подсветкой на шлюзе Сяоми
2018-06-21 Каталог ссылок
2018-06-10 Меню
2018-07-08 mail()
2018-05-04 Режим "EnergyTariffMode"
2018-05-02 Класс SOpenClose метод logicAction (по-русски "Входная дверь")
2018-04-22 Программы
2018-04-19 Пользовательские функции
2018-04-11 Шаблон отображения в классе "ExchangeRates"
2018-04-05 Режим "Никого нет дома"
2018-02-25 Бэкап и обслуживание системы

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

На форуме: Logrus