raucao/inspektor
raucao
/
inspektor
1
1
Fork 0
Code Issues 3 Pull Requests Releases 9 Activity

Reset JSON treeviews when editing is cancelled 

And don't add all the event handlers by default.
This commit is contained in:
Basti 2018-04-01 15:40:17 +02:00
parent 103ccbdfdd
commit f2fe1f5530
1 changed files with 24 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
app/components/file-preview/component.js
View File

@ -60,8 +60,23 @@ export default Component.extend({
let value = JSON.parse(this.get('fileContent'));
let view = new JSONTreeView('content', value);
// this.attachJsonTreeEventHandlers(view);
// Listen for change events
const containerElement = document.getElementById('json-tree-view');
containerElement.innerHTML = ''; // Throw away any existing treeviews
containerElement.appendChild(view.dom);
window.jsonview = view;
view.expand(true);
view.withRootName = false;
view.readonly = this.get('hideEditor');
this.set('jsonTreeView', view);
},
attachJsonTreeEventHandlers (view) {
view.on('change', function(self, key, oldValue, newValue){
console.log('change', key, oldValue, '=>', newValue);
});
@ -86,23 +101,18 @@ export default Component.extend({
view.on('refresh', function(self, key, value) {
console.log('refresh', key, '=', value);
});
document.getElementById('json-tree-view')
.appendChild(view.dom);
window.jsonview = view;
view.expand(true);
view.withRootName = false;
view.readonly = this.get('hideEditor');
this.set('jsonTreeView', view);
},
onShowEditor: observer('showEditor', function(){
if (this.get('fileLoaded') && this.get('isJSON') && this.get('jsonShowTree')) {
this.set('jsonTreeView.readonly', !this.get('showEditor'));
const showEditor = this.get('showEditor');
if (showEditor) {
this.set('jsonTreeView.readonly', false);
} else {
this.set('jsonTreeView.readonly', true);
this.renderJsonTree();
}
}
}),