|
@@ -11,12 +11,7 @@
|
|
@include('app.stat-tree.tree-edit-v2', ['slug' => $statTree->slug])
|
|
@include('app.stat-tree.tree-edit-v2', ['slug' => $statTree->slug])
|
|
</div>
|
|
</div>
|
|
<div class="col-4 pl-3 border-left setup-column">
|
|
<div class="col-4 pl-3 border-left setup-column">
|
|
- <div class="d-flex align-items-baseline mb-2">
|
|
|
|
- <h6 class="font-weight-bold m-0">Report Columns</h6>
|
|
|
|
- </div>
|
|
|
|
- <div id="report-column" class="d-none">
|
|
|
|
- @include('app.stat-tree.stat-tree-lines.report-columns')
|
|
|
|
- </div>
|
|
|
|
|
|
+ @include('app.stat-tree.stat-tree-lines.line-properties')
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
@@ -45,6 +40,14 @@
|
|
return selected.find('>a.jstree-anchor>.st-node').first();
|
|
return selected.find('>a.jstree-anchor>.st-node').first();
|
|
}
|
|
}
|
|
|
|
|
|
|
|
+ function getSelectedNodeArgs() {
|
|
|
|
+ let selected = selectedNode();
|
|
|
|
+ let argsField = selected.find('>[data-name="args"]').first();
|
|
|
|
+ let args = argsField.val();
|
|
|
|
+ if(!!args) return JSON.parse(args);
|
|
|
|
+ return [];
|
|
|
|
+ }
|
|
|
|
+
|
|
function getSelectedNodeColumns() {
|
|
function getSelectedNodeColumns() {
|
|
let selected = selectedNode();
|
|
let selected = selectedNode();
|
|
let columnsField = selected.find('>[data-name="columns"]').first();
|
|
let columnsField = selected.find('>[data-name="columns"]').first();
|
|
@@ -134,16 +137,30 @@
|
|
}
|
|
}
|
|
|
|
|
|
function onDeselected(_e, _data) {
|
|
function onDeselected(_e, _data) {
|
|
- let rptColumn = $('#report-column').addClass('d-none');
|
|
|
|
|
|
+ let rptColumn = $('#line-properties-column').addClass('d-none');
|
|
}
|
|
}
|
|
|
|
|
|
function onSelected(_e, _data) {
|
|
function onSelected(_e, _data) {
|
|
let selected = selectedNode();
|
|
let selected = selectedNode();
|
|
|
|
|
|
- let rptColumn = $('#report-column').removeClass('d-none');
|
|
|
|
|
|
+ let rptColumn = $('#line-properties-column').removeClass('d-none');
|
|
rptColumn.find('[line-label]').text(selected.find('>span').first().text());
|
|
rptColumn.find('[line-label]').text(selected.find('>span').first().text());
|
|
|
|
|
|
- let tbody = rptColumn.find('[line-columns]');
|
|
|
|
|
|
+ // fill args
|
|
|
|
+ let tbody = rptColumn.find('[line-args]');
|
|
|
|
+ let args = getSelectedNodeArgs();
|
|
|
|
+ tbody.empty();
|
|
|
|
+ if(args && args.length) {
|
|
|
|
+ for (let i = 0; i < args.length; i++) {
|
|
|
|
+ $('<tr/>')
|
|
|
|
+ .append($('<td/>').html(args[i].arg_text + ' <span class="text-secondary text-sm">(' + args[i].field_type + ')</span>'))
|
|
|
|
+ .append($('<td/>').text(args[i].default_value).append('<a href="#" class="edit-arg-value ml-2" data-uid="' + args[i].uid + '"><i class="fa fa-edit text-primary text-sm on-hover-opaque"></i></a>'))
|
|
|
|
+ .append($('<td/>').text(args[i].access_level).append('<a href="#" class="edit-arg-access-level ml-2" data-uid="' + args[i].uid + '"><i class="fa fa-edit text-primary text-sm on-hover-opaque"></i></a>'))
|
|
|
|
+ .appendTo(tbody);
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ tbody = rptColumn.find('[line-columns]');
|
|
|
|
|
|
let columns = getSelectedNodeColumns();
|
|
let columns = getSelectedNodeColumns();
|
|
|
|
|
|
@@ -265,7 +282,7 @@
|
|
]
|
|
]
|
|
});
|
|
});
|
|
|
|
|
|
- $('#report-column').find('input[stag-suggest][name="displayKey"]')
|
|
|
|
|
|
+ $('#line-properties-column').find('input[stag-suggest][name="displayKey"]')
|
|
.off('stag-suggest-selected')
|
|
.off('stag-suggest-selected')
|
|
.on('stag-suggest-selected', (_e, _input, _data) => {
|
|
.on('stag-suggest-selected', (_e, _input, _data) => {
|
|
let columns = getSelectedNodeColumns();
|
|
let columns = getSelectedNodeColumns();
|