NewUI3 Dashboard

by myrluk3

HTML

<script src="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<script src="https://code.jquery.com/ui/1.8.18/jquery-ui.min.js"></script>
<table id="dashboardTable" class="table table-condensed" style="border-collapse:collapse;">

  <thead>
    <tr>
      <th>&nbsp;</th>
      <th>Indicator</th>
      <th>Cube</th>
      <th>Measure</th>
      <th>Graphic</th>
      <th>Trend</th>
      <th>Current</th>
      <th>Previous</th>
      <th>Crt. Date</th>
      <th>Prev. Date</th>
    </tr>
  </thead>

  <tbody>
    <tr data-toggle="collapse" data-target="#demo1" class="accordion-toggle">
      <td>
        <button class="btn btn-default btn-xs"><span class="glyphicon glyphicon-eye-open"></span></button>
      </td>
      <td>Med Student clerk</td>
      <td>Clerkship - Student evaluation</td>
      <td>mean value</td>
      <td>GRAPH</td>
      <td>0%</td>
      <td>0</td>
      <td>0</td>
      <td>17-Nov-2014</td>
      <td>14-Nov-2013</td>
    </tr>
    <tr>
      <td colspan="12" class="hiddenRow">
        <div class="accordian-body collapse" id="demo1">
          <table class="table table-striped">
            <tbody>
              <tr>
                <td>Creator:</td>
                <td>Vincent Chein</td>
              </tr>
              <tr>
                <td>Dimensions:</td>
                <td>academy cd,course cd,eval form cd</td>
              </tr>
              <tr>
                <td>Threshold:</td>
                <td>min:0 max:5 intermediates: 3,4</td>
              </tr>
              <tr>
                <td>Time Frame:</td>
                <td>Buttons</td>
              </tr>
            </tbody>
          </table>

        </div>
      </td>
    </tr>
  </tbody>



  <tbody>
    <tr data-toggle="collapse" data-target="#demo2" class="accordion-toggle">
      <td>
        <button class="btn btn-default...

JavaScript

$('#dashboardTable').sortable({
  handle: '> tr:nth-child(1)'
});