perro/project.html at master · moof2k/perro · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49

<!-- Nested node template -->
<script type="text/ng-template" id="nodes_renderer.html">
  <div ui-tree-handle class="tree-node tree-node-content" ng-class="{selected: node.id == id, padded: node.nodes.length === 0}" ng-mousedown="selectNode(node.id)">
    <a class="btn btn-xs" ng-if="node.nodes && node.nodes.length > 0" data-nodrag ng-click="toggle(this)">
      <span
      class="glyphicon"
      ng-class="{
      'glyphicon-chevron-right': collapsed,
      'glyphicon-chevron-down': !collapsed
    }"></span>
  </a>
  {{node.title}}
  <a class="pull-right btn btn-xs" data-nodrag ng-click="removeSubItem(this)"><span
    class="glyphicon glyphicon-remove"></span></a>
  <a class="pull-right btn btn-xs" data-nodrag ng-click="newSubItem(this)" style="margin-right: 8px;"><span
      class="glyphicon glyphicon-plus"></span></a>
  </div>
  <ol ui-tree-nodes="" ng-model="node.nodes" ng-class="{hidden: collapsed}">
    <li ng-repeat="node in node.nodes" ui-tree-node ng-include="'nodes_renderer.html'">
    </li>
  </ol>
</script>

<div style="display: flex">
  <div class="section_left">
    <ul class="nav nav-pills" role="tablist">
      <li role="presentation" class="active"><a><i class="fa fa-paw"></i> Project</a></li>
    </ul>

    <div ui-tree id="tree-root" data-drag-delay="500">
      <ol ui-tree-nodes ng-model="data">
        <li ng-repeat="node in data" ui-tree-node ng-include="'nodes_renderer.html'"></li>
      </ol>
    </div>
  </div>

  <div class="section_right">
    <ul class="nav nav-pills" role="tablist">
      <li role="presentation" ng-class="{active: state.current.name == 'project.summary'}"><a href="#/{{id}}/summary">Summary</a></li>
      <li role="presentation" ng-class="{active: state.current.name == 'project.data'}"><a href="#/{{id}}/data">Data</a></li>
      <li role="presentation" ng-class="{active: state.current.name == 'project.tracking'}"><a href="#/{{id}}/tracking">Tracking</a></li>
    </ul>
    <form class="form-inline">
      <input ng-model="node.title" class="form-control taskname" size=50>
    </form>
    <div ui-view="area"></div>
  </div>
</div>