pbs/src/edit.html

<div ng-controller="editorController" class="pbs-editor">
  <div class="text-center">
    <h2>Editor</h2>
    <p class="lead">Dependencies must be a list of IDs separated by space<br>
    the program does not check cyclic or invalid dependencies for you</p>
  </div>
  <!-- new activity -->
  <div class="panel panel-default new-activity-panel">
    <div class="panel-heading">
      <i class="fa fa-plus"></i> New Activity
    </div>
    <div class="panel-body">
      <div class="input-group">
        <span class="input-group-addon">ID</span>
        <input class="form-control" placeholder="New Activity" ng-model="actID" id="new-id">
      </div>
      <div class="input-group duration">
        <span class="input-group-addon">Duration</span>
        <input class="form-control" ng-model="actDur" placeholder="(days)">
      </div>
      <div class="input-group dependencies">
        <span class="input-group-addon">Dependencies</span>
        <input class="form-control" placeholder="id1 id2 id3" ng-model="actDeps">
      </div>
      <button ng-click="addNew(false)" class="btn btn-primary">
        <i class="fa fa-plus"></i> Add</button>
    </div>
  </div>
  <!-- activity list -->
  <table id="tab" class="table">
    <tr>
      <td><b>#</b></td>
      <td><b>ID</b></td>
      <td><b>Duration (days)</b></td>
      <td><b>Dependencies</b></td>
      <td><b>Commands</b></td>
    </tr>
    <tr ng-repeat="item in activities">
      <td>{{$index + 1}}</td>
      <td>{{item.id}}</td>
      <td>{{item.duration}}</td>
      <td>{{item.depends.join(', ') || "None"}}</td>
      <td>
        <button class="btn btn-info" ng-click="clone(item.id)">
          <i class="fa fa-copy"></i>
        </button>
        <button class="btn btn-danger" ng-click="delete($index)">
          <i class="fa fa-remove"></i>
        </button>
      </td>
    </tr>
  </table>
  <hr>
  <!-- new resource -->
  <div class="panel panel-default new-activity-panel">
    <div class="panel-heading">
      <i class="fa fa-plus"></i> New Resource
    </div>
    <div class="panel-body">
      <div class="input-group">
        <span class="input-group-addon">ID</span>
        <input class="form-control" placeholder="New Resource" ng-model="resID">
      </div>
      <div class="input-group duration">
        <span class="input-group-addon">Name</span>
        <input class="form-control" ng-model="resName" placeholder="new resource name">
      </div>
      <div class="input-group dependencies">
        <span class="input-group-addon">Assigned To</span>
        <input class="form-control" placeholder="id1 id2 id3" ng-model="resAss">
      </div>
      <button ng-click="addNew(true)" class="btn btn-primary">
        <i class="fa fa-plus"></i> Add</button>
    </div>
  </div>
  <!-- resource list -->
  <table id="tab" class="table">
    <tr>
      <td><b>#</b></td>
      <td><b>ID</b></td>
      <td><b>Name</b></td>
      <td><b>Assignations</b></td>
      <td><b>Commands</b></td>
    </tr>
    <tr ng-repeat="item in resources">
      <td>{{$index + 1}}</td>
      <td>{{item.id}}</td>
      <td>{{item.name}}</td>
      <td>{{item.assignedTo || []}}</td>
      <td>
        <button class="btn btn-info" ng-click="clone(true,item.id)">
          <i class="fa fa-copy"></i>
        </button>
        <button class="btn btn-danger" ng-click="delete(true,$index)">
          <i class="fa fa-remove"></i>
        </button>
      </td>
    </tr>
  </table>
</div>