akanealw/misode.github.io
1
0
Fork 0
mirror of https://github.com/misode/misode.github.io.git synced 2026-05-04 14:42:53 +00:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Add preset option for collapsed objects

Browse Source
This commit is contained in:
Misode
2020-05-20 22:35:49 +02:00
parent 40bf1784f3
commit d423139bb3
5 changed files with 154 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
js/model.js
+1 -1
View File
@@ -336,7 +336,7 @@ function toggleCollapseObject(el) {
let path = getPath(el);
let index = path.pop();
let node = getNode(path);
if (!node[index]) {
if (typeof node[index] !== 'object') {
node[index] = {};
} else {
delete node[index];
js/view.js
+21 -2
View File
@@ -22,6 +22,9 @@ function updateView() {
$('#descriptionSpan').attr('data-i18n', structure.description);
$('title').attr('data-i18n', structure.title);
$('#structure').append($component);
if (structure.id === 'worldgen') {
$('#versionLabel').addClass('d-none')
}
if (i18next.isInitialized) {
$('html').localize();
}
@@ -403,14 +406,30 @@ function generateObject(data, struct, options) {
}
}
if (field.collapse) {
let hasNoValue = data[field.id] === undefined;
let hasNoValue = typeof data[field.id] !== 'object';
let arrowDirection = hasNoValue ? 'dropright' : 'dropdown'
$body.append('<span class="' + arrowDirection + '"><button type="button" class="mt-3 btn btn-light dropdown-toggle" onclick="toggleCollapseObject(this)" data-index="' + field.id + '" data-i18n="' + field.translate + '"></button></span>');
if (field.help) {
$body.find('span').append(generateTooltip(field.translate));
}
if (hasNoValue) {
$body.append('<div/>');
if (field.values) {
let outValue, $field;
({out: outValue, component: $field} = generateEnum(data[field.id], field));
out[field.id] = outValue;
const $selection = $($field.children()[1]);
const $dropdown = $body.children().last();
$selection.addClass('mt-3');
$dropdown.addClass('input-group');
$($dropdown.children()[0])
.css('border-top-right-radius', '0')
.css('border-bottom-right-radius', '0');
$selection.attr('data-type', 'enum');
$selection.attr('data-index', field.id);
$dropdown.append($selection);
} else {
$body.append('<div/>');
}
continue;
}
}