%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
      %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: 'area'}
          %option{value: 'area'} Area
          %option{value: 'line'} Line
          %option{value: 'table'} Table
        %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