index.html 2.77 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
      <div class="row">
11
        <div class="columns medium-3">
Matija Obreza's avatar
Matija Obreza committed
12 13
          <button id="instructionsBtn" type="button">Help</button>
        </div>
14 15 16 17
        <div class="columns medium-3">
          <button id="resetBtn" type="button">New tree / Clear</button>
        </div>
        <div class="columns medium-3">
Matija Obreza's avatar
Matija Obreza committed
18 19
          <button id="downloadJsonBtn" type="button">Download JSON</button>
          <a id="downloadAnchorElem" style="display:none"></a>
Matija Obreza's avatar
Matija Obreza committed
20
        </div>
21
        <div class="columns medium-3">
Matija Obreza's avatar
Matija Obreza committed
22 23
          <button id="importJsonBtn">Import JSON</button>
          <input type="file" id="selectFiles" value="Import" accept=".json" />
Matija Obreza's avatar
Matija Obreza committed
24 25
        </div>
      </div>
Matija Obreza's avatar
Matija Obreza committed
26 27 28 29 30
    </div>
    <div class="maincontent">
      <div id="tree-container"></div>
    </div>
  </div>
Maxym Borodenko's avatar
Maxym Borodenko committed
31

Matija Obreza's avatar
Matija Obreza committed
32
  <div id="RenameNodeModal" class="reveal-modal" data-reveal aria-labelledby="modalTitle" aria-hidden="true" role="dialog">
Maxym Borodenko's avatar
Maxym Borodenko committed
33 34
    <h2 id="modalTitle">Rename Node</h2>
    <form id="RenameNodeForm">
Matija Obreza's avatar
Matija Obreza committed
35 36 37
      <div class="row">
        <div class="large-12 columns">
          <label>Node name
Maxym Borodenko's avatar
Maxym Borodenko committed
38
                    <input type="text" class="inputName" id='RenameNodeName' placeholder="node name"/>
Adam Feuer's avatar
Adam Feuer committed
39
                </label>
Maxym Borodenko's avatar
Maxym Borodenko committed
40
        </div>
Matija Obreza's avatar
Matija Obreza committed
41 42 43 44
      </div>
      <div class="row">
        <div class="large-8 columns">
          &nbsp;
Adam Feuer's avatar
Adam Feuer committed
45
        </div>
Matija Obreza's avatar
Matija Obreza committed
46 47 48 49 50
        <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
51 52
    </form>
    <a class="close-reveal-modal" aria-label="Close">&#215;</a>
Matija Obreza's avatar
Matija Obreza committed
53
  </div>
Adam Feuer's avatar
Adam Feuer committed
54

Matija Obreza's avatar
Matija Obreza committed
55
  <div id="CreateNodeModal" class="reveal-modal" data-reveal aria-labelledby="modalTitle" aria-hidden="true" role="dialog">
Maxym Borodenko's avatar
Maxym Borodenko committed
56 57
    <h2 id="modalTitle">Create Node</h2>
    <form id="CreateNodeForm">
Matija Obreza's avatar
Matija Obreza committed
58 59 60
      <div class="row">
        <div class="large-12 columns">
          <label>Node name
Maxym Borodenko's avatar
Maxym Borodenko committed
61
                    <input type="text" class="inputName" id='CreateNodeName' placeholder="node name"/>
Adam Feuer's avatar
Adam Feuer committed
62
                </label>
Maxym Borodenko's avatar
Maxym Borodenko committed
63
        </div>
Matija Obreza's avatar
Matija Obreza committed
64 65 66 67 68 69 70 71
      </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
72
        </div>
Matija Obreza's avatar
Matija Obreza committed
73
      </div>
Maxym Borodenko's avatar
Maxym Borodenko committed
74 75
    </form>
    <a class="close-reveal-modal" aria-label="Close">&#215;</a>
Matija Obreza's avatar
Matija Obreza committed
76
  </div>
Adam Feuer's avatar
Adam Feuer committed
77

Matija Obreza's avatar
Matija Obreza committed
78 79 80 81 82 83 84 85 86 87
  <div id="InstructionsModal" class="reveal-modal" data-reveal aria-labelledby="modalTitle" aria-hidden="true" role="dialog">
    <h2 id="modalTitle">Instructions</h2>
    <div class="text">
      <p>
        Ding dong.
      </p>
    </div>
    <a class="close-reveal-modal" aria-label="Close">&#215;</a>
  </div>

Adam Feuer's avatar
Adam Feuer committed
88
</body>
Matija Obreza's avatar
Matija Obreza committed
89

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