Page Comparison

<div class="view-container">
  <table class="s-table">
    <tr>
      <td>
          <label class="view-superman-label s-mainText">Compare Point</label><br><label> {{#if myStart==myEnd}}{{.myStart}}{{else}}{{.myStart}} to {{.myEnd}}{{/if}}</label>
      </td>
      <td align="right">
          <label class="view-superman-value round icon-calendar s-cal" on-click="calendar"></label>
      </td>
    </tr>
    <tr><td>&nbsp;<tr><td>  </td></tr> 
    <tr>
      <td class="view-superman-value status-stale">
          {{#myMax}}
          <span class="s-title">{{equipRefDis}}</span>
          <br><span class="s-small1">
          {{description}}</span><span class="s-small">
          <br><br>
          {{ts}}</span>
          <br>
          <span class="s-temp">{{val.toFixed(1)}}ºF</span>
          <br>
          <span class="s-small">Highest</span>
          {{/myMax}}
      </td>
      <td class="view-superman-value">
          {{#myMin}}
          <span class="s-title">{{equipRefDis}}</span>
          <br><span class="s-small1">
          {{description}}</span><span class="s-small">
          <br><br>
          {{ts}}</span>
          <br>
          <span class="s-temp">{{val.toFixed(1)}}ºF</span>
          <br>
          <span class="s-small">Lowest</span>
          {{/myMin}}
      </td>
    </tr>
  </table>
</div>

{
    data:
    {
        myMax:[],
        myMin:[],
        myStart,
        myEnd,
        pointId: null
        }
    }
}

var ractive= this.ractive;

ractive.fire('obtainData');
 
this.ractive.on("calendar", function(event){
top.app.ShowCalendar(null,function(data) 
    {
     var start = moment(data.range.start).format("YYYY-MM-DD");
     var end   = moment(data.range.end).format("YYYY-MM-DD");
     var dateStringStart = start;
     var startDate = new moment(dateStringStart).format('MM/DD/YYYY');
     var dateStringEnd = end;
     var endDate = new moment(dateStringEnd).format('MM/DD/YYYY');
      setTimeout(function() {
          var id = ractive.get('pointId');
     var queries = [sprintffinstack.eval('finMinAndMaxRoomTemp($1'+id+', "$2'+start+'..$3", true)',id,start,end), sprintf('finMinAndMaxRoomTemp($1, "$2..$3'+end+'", false)',id,start,end)]; function(data){
          var promisemyPointsMin = finstackdata.result.evaltoObj();
        finstackractive.evalAll(queries).then(function(event)set('myMin', myPointsMin);
     {   });
   var data = event.result;  finstack.eval('finMinAndMaxRoomTemp('+id+', "'+start+'..'+end+'", true)', function(data){
 var min = data[1].toObj();       var maxmyPointsMax = data[0].result.toObj();
        ractive.set('myStartmyMax', startDatemyPointsMax);
        ractive.set('myEndmyStart', endDatestartDate);
      ractive.set('myMinmyEnd', minendDate);
      ractive.set('myMax', max  });
      }, 200);
     },
    {periods:true});
});

var self = this;
var myTarget = query('targetPoint');
this.pointId = myTarget.pointId;
finstack.eval('finMinAndMaxRoomTemp('+myTarget.pointId+',"today()", true)', function(data){
    self.myMax=data.result.toObj();
});
 
finstack.eval('finMinAndMaxRoomTemp('+myTarget.pointId+',"today()", truefalse)', function(data){
    self.myMin=data.result.toObj();
});