<div class="dialog localRecordings-overlay ftue-overlay tall" layout="dialog" layout-id="localRecordings" id="local-recordings-dialog">

  <div class="content-head">
    <%= image_tag "content/icon_add.png", {:width => 19, :height => 19, :class => 'content-icon' } %>
    <h1>open a recording</h1>
  </div>

  <div class="dialog-inner">

    <div class="recording-wrapper">
      <table class="local-recordings" cellspacing="0" cellpadding="0" border="0">
        <thead>
        <tr>
          <th align="left">WHEN</th>
          <th align="left">NAME</th>
          <th align="right" class="noborder">DURATION</th>
        </tr>
        </thead>
        <tbody>

        </tbody>
      </table>
    </div>

    <br />

    <div class="left paginator-holder" >

    </div>
    <div class="right">
      <a href="#" class="button-grey" layout-action="close">CANCEL</a><!--&nbsp;<a href="#" class="button-orange">OPEN RECORDING</a>-->
    </div>

    <br clear="all"/>
  </div>


  <script type="text/template" id="template-claimed-recording-row">
      <tr data-recording-id="{{data.recordingId}}" data-local-state="{{data.aggregate_state}}">
        <td>{{data.timeago}}</td>
        <td>{{data.name}}</td>
        <td>{{data.duration}}</td>
      </tr>
  </script>
</div>


