%script#sensor-list{type: 'text/template'}

%table#sensors.table.table-striped
  %tr
    %th
    %th Title
    %th Type
    %th Interval
  <% _.each(sensors, function(sensor) { %>
  %tr
    %td
      :plain
        <input class="sensor-box" type="checkbox" id="<%- sensor.id %>" />
    %td 
      <%- sensor.annotation %>
      %sub <%- sensor.id %>
    %td <%- sensor.type %>
    %td <%- sensor.interval.humanize() %>
  <% }) %>

%script#dynamic-widget-error{type: 'text/template'}

.alert.alert-error
  .button.close{'data-dismiss' => 'alert'} &times;
  <%- error %>

%script#dynamic-widget-plotarea{type: 'text/template'}

.well
  #chart-widget
    %h3 Choose sensors to plot 
  #dynamic-chart-controls
    .form-inline
      %button#refresh-chart.btn.btn-mini
        %i.icon-refresh
        Refresh chart
    .form-inline
      Timespan:
      %select#extend-timespan-val.btn-mini.span3
        = partial "widgets/extend_options"
      %button#extend-timespan.btn.btn-mini
        %i.icon-arrow-left
        Extend
      %button#reset-timespan.btn.btn-mini
        %i.icon-arrow-right
        Reset
    .form-inline
      %label
        From:
        %span#start-time
          %input.datepicker
      %label
        Till:
        %span#end-time
          %input.datepicker
      %button#set-interval.btn.btn-mini
        %i.icon-time
        Set interval

%script#dynamic-widget{type: 'text/template'}

.span6
  #sensor-controls.form-horizontal
    %p.form-inline
      Chart type 
      %select#chart-type{value: 'line'}
        %option{value: 'line'} Line
        %option{value: 'stack'} Stack
      %button#draw.btn.btn-mini.btn-primary
        %i.icon-play
        Draw
      %button#refresh.btn.btn-mini
        %i.icon-refresh
        Refresh sensor list
  #sensor-list-area
.span6
  #dynamic-plotarea
  #errors