index.html 2.22 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 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24
<body>
  <div class="flexcontainer">
    <div class="menubar">
      <ul class="small-block-grid-6 medium-block-grid-4 large-block-grid-2">
        <li>
          <button id="downloadJsonBtn" type="button">Download JSON</button>
          <a id="downloadAnchorElem" style="display:none"></a>
        </li>
        <li>
          <button id="importJsonBtn">Import JSON</button>
          <input type="file" id="selectFiles" value="Import" accept=".json" />
        </li>
      </ul>
    </div>
    <div class="maincontent">
      <div id="tree-container"></div>
    </div>
  </div>
Maxym Borodenko's avatar
Maxym Borodenko committed
25

Matija Obreza's avatar
Matija Obreza committed
26
  <div id="RenameNodeModal" class="reveal-modal" data-reveal aria-labelledby="modalTitle" aria-hidden="true" role="dialog">
Maxym Borodenko's avatar
Maxym Borodenko committed
27 28
    <h2 id="modalTitle">Rename Node</h2>
    <form id="RenameNodeForm">
Matija Obreza's avatar
Matija Obreza committed
29 30 31
      <div class="row">
        <div class="large-12 columns">
          <label>Node name
Maxym Borodenko's avatar
Maxym Borodenko committed
32
                    <input type="text" class="inputName" id='RenameNodeName' placeholder="node name"/>
Adam Feuer's avatar
Adam Feuer committed
33
                </label>
Maxym Borodenko's avatar
Maxym Borodenko committed
34
        </div>
Matija Obreza's avatar
Matija Obreza committed
35 36 37 38
      </div>
      <div class="row">
        <div class="large-8 columns">
          &nbsp;
Adam Feuer's avatar
Adam Feuer committed
39
        </div>
Matija Obreza's avatar
Matija Obreza committed
40 41 42 43 44
        <div class="large-4 columns">
          <a href="#" class="button info closeModal">Cancel</a>
          <a href="#" class="button success">Rename</a>
        </div>
      </div>
Maxym Borodenko's avatar
Maxym Borodenko committed
45 46
    </form>
    <a class="close-reveal-modal" aria-label="Close">&#215;</a>
Matija Obreza's avatar
Matija Obreza committed
47
  </div>
Adam Feuer's avatar
Adam Feuer committed
48

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

</body>
Matija Obreza's avatar
Matija Obreza committed
73

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