index.html 2.17 KB
Newer Older
Adam Feuer's avatar
Adam Feuer committed
1 2
<!DOCTYPE html>
<head>
Maxym Borodenko's avatar
Webpack  
Maxym Borodenko committed
3
  <meta charset="utf-8">
Adam Feuer's avatar
Adam Feuer committed
4 5
</head>
<body>
Maxym Borodenko's avatar
Maxym Borodenko committed
6

Maxym Borodenko's avatar
Maxym Borodenko committed
7 8 9 10 11 12 13 14 15 16
<ul class="small-block-grid-2 medium-block-grid-4 large-block-grid-9">
    <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>
Maxym Borodenko's avatar
Maxym Borodenko committed
17 18 19 20 21 22

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

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

</body>
</html>