Logrus

<<< Back

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

По мотивам

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"

Discuss (5) (5)

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

На форуме: Logrus