Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

The room temp point has to be tagged as vipPoint and the setpoint tagged as vipSp in the database. If not present, no value will be displayed as there is nothing to compare with.
The description of each equip is based on the description string tag in the database. If not present, It will be blank or “ractive” text will be displayed.

...

Ractive Code

Template

Code Block
<div class="top">
<div class="s-main">
    {{#myPoints}}
      <div class="view-container s-box">
      <div class="s-site s-hand" on-click="magicB">{{dis}}</div>
        {{#each subItems}}
          <div class="s-floor s-hand" on-click="magicB">{{idDis}}</div>
            {{#each .subItems}}
              {{> sub }}
            {{/each}}
        {{/each}}
      </div>
    {{/myPoints}}
</div>
 
{{#partial sub}}
<div class="s-equip">
    <div class="s-space"> </div>
    <div><button class="s-space {{#if subItems}}view-default success {{else}}view-default error {{/if}}wi-stars" style="width:25px;" on-click="magicB"></button></div>
    <div class="s-space15 s-name">{{#if .navName}}{{.navName}}{{else}} {{/if}}</div>
    <div class="s-space30 s-name">{{#if .description}}{{.description}}{{else}} {{/if}}</div>
    <div class="s-space15 s-name">
    <div class="r-side s-center">
      <aside class="indicator-box alarms s-center s-icons s-hand {{#if numAlarms==0}} green {{else}} red{{/if}}" on-click="alarms">
        <aside class="icon-warning small-icon s-center view-light-text"></aside>
        <aside class="s-center view-light-text"> {{numAlarms}}</aside>
      </aside>
      <aside class="s-center s-icons purple">
        <aside class="icon-gear small-icon s-center view-light-text"></aside>
        <aside class="s-center view-light-text"> {{numManual}}</aside>
      </aside>
    </div>
    </div>
    <div class="s-space s-rmt s-name">RMT</div>
     
    <div class="s-tempSpace view-superman-value s-temp s-hand" style="background-color:{{#if .color}}{{color}}{{else}}#e0e0e0{{/if}};" on-click="magicBTemp">
    {{#.vipPoint}}{{curVal.toFixed(2)}}{{unit}}{{/.vipPoint}}</div>
</div>
 {{#each .subItems}}
  {{>subI}}
 {{/each}}
{{/partial}}
  
{{#partial subI}}
<div class="s-equip">
    <div class="s-space5"> </div>
    <div><button class="s-space {{#if subItems}}view-default success {{else}}view-default error {{/if}}wi-stars msr" style="width:25px;" on-click="magicB"></button></div>
    <div class="s-space20 s-name">{{#if .navName}}{{.navName}}{{else}} {{/if}}</div>
    <div class="s-space20 s-name">{{#if .description}}{{.description}}{{else}} {{/if}}</div>
    <div class="s-space15  s-name">
    <div class="r-side s-center">
      <aside class="indicator-box alarms s-center s-icons s-hand{{#if numAlarms==0}} green {{else}} red{{/if}}" on-click="alarms">
        <aside class="icon-warning small-icon s-center view-light-text"></aside>
        <aside class="s-center view-light-text"> {{numAlarms}}</aside>
      </aside>
      <aside class="s-center s-icons purple">
        <aside class="icon-gear small-icon s-center view-light-text"></aside>
        <aside class="s-center view-light-text"> {{numManual}}</aside>
      </aside>
    </div>
    </div>
    <div class="s-space s-rmt s-name">RMT</div>
<div class="s-tempSpace view-superman-value s-temp s-hand" style="background-color:{{#if .color}}{{color}}{{else}}#e0e0e0{{/if}};" on-click="magicBTemp">
    {{#.vipPoint}}{{curVal.toFixed(2)}}{{unit}}{{/.vipPoint}}</div>
</div>
{{/partial}}
</div>

...