index.html 3.57 KB
Newer Older
Adam Feuer's avatar
Adam Feuer committed
1
<!DOCTYPE html>
Matija Obreza's avatar
Matija Obreza committed
2

Adam Feuer's avatar
Adam Feuer committed
3
<head>
Maxym Borodenko's avatar
Webpack  
Maxym Borodenko committed
4
  <meta charset="utf-8">
Adam Feuer's avatar
Adam Feuer committed
5
</head>
Maxym Borodenko's avatar
Maxym Borodenko committed
6

Matija Obreza's avatar
Matija Obreza committed
7 8 9
<body>
  <div class="flexcontainer">
    <div class="menubar">
Matija Obreza's avatar
Matija Obreza committed
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
      <div class="top-bar">
        <div class="top-bar-left">
          <ul class="dropdown menu" data-dropdown-menu>
            <li class="menu-text">Diversity Trees</li>
            <li>
              <a href="#">Load tree</a>
              <ul class="menu vertical" id="existing-trees">
                <li><a href="#" class="load-tree" x-url="wheat.json">Wheat #1</a></li>
                <li><a href="#" class="load-tree">TBD</a></li>
                <li><a href="#" class="load-tree">TBD</a></li>
              </ul>
            </li>
            <li>
              <a href="#">Current tree</a>
              <ul class="menu vertical">
                <li><a href="#" id="resetBtn">New tree / Clear</a></li>
                <li>
                  <a href="#" id="downloadJsonBtn">Download tree</a>
                  <a id="downloadAnchorElem" style="display:none"></a>
                </li>
                <li><a href="#" id="importJsonBtn">Upload tree</a>
                  <input type="file" id="selectFiles" value="Import" accept=".json" />
                </li>
              </ul>
            </li>
          </ul>
Matija Obreza's avatar
Matija Obreza committed
36
        </div>
Matija Obreza's avatar
Matija Obreza committed
37 38 39 40 41 42
        <div class="top-bar-right">
          <ul class="menu">
            <li><a href="#" id="instructionsBtn">Help</a></li>
            <!-- <li><input type="search" placeholder="Search"></li>
            <li><button type="button" class="button">Search</button></li> -->
          </ul>
Matija Obreza's avatar
Matija Obreza committed
43 44
        </div>
      </div>
Matija Obreza's avatar
Matija Obreza committed
45 46 47 48 49
    </div>
    <div class="maincontent">
      <div id="tree-container"></div>
    </div>
  </div>
Maxym Borodenko's avatar
Maxym Borodenko committed
50

Matija Obreza's avatar
Matija Obreza committed
51
  <div id="RenameNodeModal" class="reveal" data-reveal aria-labelledby="modalTitle" aria-hidden="true" role="dialog">
Maxym Borodenko's avatar
Maxym Borodenko committed
52 53
    <h2 id="modalTitle">Rename Node</h2>
    <form id="RenameNodeForm">
Matija Obreza's avatar
Matija Obreza committed
54 55
      <div class="row">
        <div class="large-12 columns">
Matija Obreza's avatar
Matija Obreza committed
56 57 58 59
          <label>
              Node name
              <input type="text" class="inputName" id='RenameNodeName' placeholder="node name"/>
          </label>
Maxym Borodenko's avatar
Maxym Borodenko committed
60
        </div>
Matija Obreza's avatar
Matija Obreza committed
61 62 63 64
      </div>
      <div class="row">
        <div class="large-8 columns">
          &nbsp;
Adam Feuer's avatar
Adam Feuer committed
65
        </div>
Matija Obreza's avatar
Matija Obreza committed
66
        <div class="large-4 columns">
Matija Obreza's avatar
Matija Obreza committed
67
          <a href="#" data-close class="button info closeModal">Cancel</a>
Matija Obreza's avatar
Matija Obreza committed
68 69 70
          <a href="#" class="button success">Rename</a>
        </div>
      </div>
Maxym Borodenko's avatar
Maxym Borodenko committed
71
    </form>
Matija Obreza's avatar
Matija Obreza committed
72
    <a class="close-button" data-close aria-label="Close">&#215;</a>
Matija Obreza's avatar
Matija Obreza committed
73
  </div>
Adam Feuer's avatar
Adam Feuer committed
74

Matija Obreza's avatar
Matija Obreza committed
75
  <div id="CreateNodeModal" class="reveal" data-reveal aria-labelledby="modalTitle" aria-hidden="true" role="dialog">
Maxym Borodenko's avatar
Maxym Borodenko committed
76 77
    <h2 id="modalTitle">Create Node</h2>
    <form id="CreateNodeForm">
Matija Obreza's avatar
Matija Obreza committed
78 79 80
      <div class="row">
        <div class="large-12 columns">
          <label>Node name
Maxym Borodenko's avatar
Maxym Borodenko committed
81
                    <input type="text" class="inputName" id='CreateNodeName' placeholder="node name"/>
Adam Feuer's avatar
Adam Feuer committed
82
                </label>
Maxym Borodenko's avatar
Maxym Borodenko committed
83
        </div>
Matija Obreza's avatar
Matija Obreza committed
84 85 86 87 88 89
      </div>
      <div class="row">
        <div class="large-8 columns">
          &nbsp;
        </div>
        <div class="large-4 columns">
Matija Obreza's avatar
Matija Obreza committed
90
          <a href="#" data-close class="button info closeModal">Cancel</a>
Matija Obreza's avatar
Matija Obreza committed
91
          <a href="#" class="button success">Create</a>
Adam Feuer's avatar
Adam Feuer committed
92
        </div>
Matija Obreza's avatar
Matija Obreza committed
93
      </div>
Maxym Borodenko's avatar
Maxym Borodenko committed
94
    </form>
Matija Obreza's avatar
Matija Obreza committed
95
    <a class="close-button" data-close aria-label="Close">&#215;</a>
Matija Obreza's avatar
Matija Obreza committed
96
  </div>
Adam Feuer's avatar
Adam Feuer committed
97

Matija Obreza's avatar
Matija Obreza committed
98
  <div id="InstructionsModal" class="reveal" data-reveal aria-labelledby="modalTitle" aria-hidden="true" role="dialog">
Matija Obreza's avatar
Matija Obreza committed
99 100 101 102 103 104
    <h2 id="modalTitle">Instructions</h2>
    <div class="text">
      <p>
        Ding dong.
      </p>
    </div>
Matija Obreza's avatar
Matija Obreza committed
105
    <a class="close-button" data-close aria-label="Close">&#215;</a>
Matija Obreza's avatar
Matija Obreza committed
106 107
  </div>

Adam Feuer's avatar
Adam Feuer committed
108
</body>
Matija Obreza's avatar
Matija Obreza committed
109

Adam Feuer's avatar
Adam Feuer committed
110
</html>