Commit e2546aab authored by Matija Obreza's avatar Matija Obreza

Dummy instructions box

parent ceec3737
......@@ -7,16 +7,19 @@
<body>
<div class="flexcontainer">
<div class="menubar">
<ul class="small-block-grid-6 medium-block-grid-4 large-block-grid-2">
<li>
<div class="row">
<div class="columns small-6 medium-4">
<button id="instructionsBtn" type="button">Help</button>
</div>
<div class="columns small-6 medium-4">
<button id="downloadJsonBtn" type="button">Download JSON</button>
<a id="downloadAnchorElem" style="display:none"></a>
</li>
<li>
</div>
<div class="columns small-6 medium-4">
<button id="importJsonBtn">Import JSON</button>
<input type="file" id="selectFiles" value="Import" accept=".json" />
</li>
</ul>
</div>
</div>
</div>
<div class="maincontent">
<div id="tree-container"></div>
......@@ -69,6 +72,16 @@
<a class="close-reveal-modal" aria-label="Close">&#215;</a>
</div>
<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>
</body>
</html>
......@@ -40,6 +40,11 @@ $('document').ready(function() {
$('#RenameNodeModal').foundation('reveal', 'close');
});
$('#instructionsBtn').on('click', () => {
$('#InstructionsModal').foundation('reveal', 'open');
$('#InstructionsModal').focus();
});
$('#importJsonBtn').on('click', () => {
let files = document.getElementById('selectFiles').files;
if (files.length <= 0) {
......
......@@ -56,6 +56,7 @@
.menubar {
display: flex;
flex: 130px;
align-items: flex-end;
}
.maincontent {
......@@ -67,6 +68,9 @@
display: flex;
flex: 100%;
border: solid 1px #79a74a;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
padding: .5rem;
margin: 2px;
background-color: #fafef6;
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment