akanealw/misode.github.io
1
0
Fork 0
mirror of https://github.com/misode/misode.github.io.git synced 2026-04-23 15:17:09 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Implement source collapsing

Browse Source
This commit is contained in:
Misode
2019-06-21 20:00:31 +02:00
parent 1877a11887
commit 2be6ee4f7c
2 changed files with 33 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
index.html
View File

@@ -14,7 +14,7 @@
</nav>
<div class="container">
<div class="row my-4">
<div class="col-12 col-lg-7 mb-3">
<div class="col-12 col-lg-7 mb-3 structure-container">
<div class="input-group">
<button type="button" class="btn btn-success d-block mr-3 float-left" onclick="addPool(this)">Add Pool</button>
<div class="input-group-prepend">
@@ -28,31 +28,36 @@
<option value="minecraft:fishing">Fishing</option>
<option value="minecraft:generic">Generic</option>
</select>
<div class="custom-control custom-checkbox" style="margin: auto 0">
<div class="custom-control custom-checkbox mr-3" style="margin: auto 0">
<input type="checkbox" class="custom-control-input" id="luckBased" onchange="updateLuckBased(this)">
<label class="custom-control-label" for="luckBased">Luck-based</label>
</div>
<div id="showSourceButton" class="ml-auto d-none">
<button type="button" class="btn btn-secondary" onclick="showSource()">Show Source</button>
</div>
</div>
<div id="structure" class="loot-table">
</div>
</div>
<div class="col-12 col-lg-5">
<div class="mb-3 float-lg-right menu-right">
<div class="col-12 col-lg-5 source-container">
<div class="mb-3 float-lg-right source-menu">
<div class="input-group">
<div class="input-group-prepend">
<span class="input-group-text">Indentation</span>
<div class="btn-group">
<button type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown">More</button>
<div class="dropdown-menu">
<a class="dropdown-item" onclick="updateIndentation(2)">2 Spaces</a>
<a class="dropdown-item" onclick="updateIndentation(4)">4 Spaces</a>
<a class="dropdown-item" onclick="updateIndentation('\t')">Tabs</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" onclick="hideSource()">Hide Source</a>
</div>
</div>
<select id="indentationSelect" class="form-control rounded-right" style="max-width: 7em;" onchange="updateIndentation(this)">
<option value="2">2 Spaces</option>
<option value="4">4 Spaces</option>
<option value="tab">Tabs</option>
</select>
<button id="linkSource" type="button" class="btn btn-secondary ml-3" onclick="linkSource(this)">Link</button>
<button type="button" class="btn btn-secondary ml-3" onclick="copySource(this)">Copy</button>
<button id="linkSource" type="button" class="btn btn-secondary ml-3" onclick="linkSource()">Link</button>
<button type="button" class="btn btn-secondary ml-3" onclick="copySource()">Copy</button>
</div>
</div>
<textarea id="copyTextarea" rows="1" class="form-control mb-3 d-none"></textarea>
<textarea id="source" class="form-control code" onchange="updateSouce()" rows="20" spellcheck="false"></textarea>
<textarea id="source" class="form-control code" onchange="updateSouce()" rows="19" spellcheck="false"></textarea>
</div>
</div>
</div>

20
model.js
View File

@@ -30,6 +30,18 @@ function updateLuckBased() {
invalidated();
}
function hideSource() {
$('.source-container').addClass('d-none');
$('.structure-container').removeClass('col-lg-7');
$('#showSourceButton').removeClass('d-none');
}
function showSource() {
$('.source-container').removeClass('d-none');
$('.structure-container').addClass('col-lg-7');
$('#showSourceButton').addClass('d-none');
}
function linkSource() {
let link = window.location.origin + window.location.pathname + '?q=' + JSON.stringify(table);
$('#copyTextarea').removeClass('d-none').val(link);
@@ -54,12 +66,8 @@ function updateSouce() {
invalidated();
}
function updateIndentation(el) {
if (el.value === 'tab') {
indentation = '\t';
} else {
indentation = parseInt(el.value);
}
function updateIndentation(value) {
indentation = value;
invalidated();
}