Goals HTML

gistfile1.html

<!-- TRACKING GOALS SELECT -->

   <table class="table table-hover imp-table">
      <thead>
         <tr>
            <th width="40%">Goal Name</th>
            <th width="40%">Goal URL</th>
            <th width="20%">Goal Weight (%)</th>
         </tr>
         <!-- ko ifnot: my.vm.orders.goals.list().length > 0 -->
         <tr>
            <td colspan="3">No Goals</td>
         </tr>
         <!-- /ko -->
      </thead>
      <tbody data-bind="foreach: my.vm.orders.goals.list">
         <tr>
            <td><input type="text" class="input-block-level" data-bind="value: title"/></td>
            <td><input type="text" class="input-block-level" data-bind="value: url"/></td>
            <td><input type='text' class="input-block-level" style="text-align: center" data-bind="value: weight"></td>
         </tr>
      </tbody>
      <tfoot>
         <tr data-bind="style: { color:  (my.vm.orders.goals.totalWeight()!=='100') ? 'red' : '' }">
            <th colspan="2" style="text-align: right;">Total Weight</th>
            <th style="text-align: center;"><span data-bind="text: Globalize.format(my.vm.orders.goals.totalWeight()/100,'p0')"></span></th>
         </tr>
      </tfoot>
   </table>
   <button class="btn btn-danger" data-bind="click: my.vm.orders.goals.reset"><i class='icon-trash'></i></button>
   <button class="btn pull-right" data-bind="click: my.vm.orders.goals.add">Add New Goal</button>

<!-- TRACKING GOALS SELECT -->