show json in list instead of alert so we can copy it

This commit is contained in:
Bruno Windels 2019-10-13 08:29:23 +02:00
parent 6f73d3983f
commit d34a0c73b5
3 changed files with 23 additions and 5 deletions

View file

@ -9,6 +9,7 @@ class SessionItemViewModel extends EventEmitter {
this._isDeleting = false;
this._isClearing = false;
this._error = null;
this._showJSON = false;
}
get error() {
@ -32,8 +33,8 @@ class SessionItemViewModel extends EventEmitter {
async clear() {
this._isClearing = true;
alert(JSON.stringify(this._sessionInfo, undefined, 2));
this.emit("change", "isClearing");
this._showJSON = true;
this.emit("change");
try {
await this._pickerVM.clear(this.id);
} catch(err) {
@ -65,6 +66,13 @@ class SessionItemViewModel extends EventEmitter {
get sessionInfo() {
return this._sessionInfo;
}
get json() {
if (this._showJSON) {
return JSON.stringify(this._sessionInfo, undefined, 2);
}
return null;
}
}
export default class SessionPickerViewModel {

View file

@ -41,6 +41,9 @@ body {
font-size: 1.2em;
background-color: grey;
padding: 0.5em;
}
.SessionPickerView .sessionInfo {
cursor: pointer;
display: flex;
}

View file

@ -31,9 +31,14 @@ class SessionPickerItem extends TemplateView {
disabled: vm => vm.isClearing,
onClick: this._onClearClick,
}, "Clear");
const json = t.if(vm => vm.json, t => {
return t.div(t.pre(vm => vm.json));
});
const userName = t.span({className: "userId"}, vm => vm.userId);
const errorMessage = t.if(vm => vm.error, t => t.span({className: "error"}, vm => vm.error));
return t.li([userName, errorMessage, clearButton, deleteButton]);
return t.li([t.div({className: "sessionInfo"}, [userName, errorMessage, clearButton, deleteButton]), json]);
}
}
@ -41,8 +46,10 @@ export default class SessionPickerView extends TemplateView {
mount() {
this._sessionList = new ListView({
list: this.viewModel.sessions,
onItemClick: (item) => {
onItemClick: (item, event) => {
if (event.target.closest(".sessionInfo")) {
this.viewModel.pick(item.viewModel.id);
}
},
}, sessionInfo => {
return new SessionPickerItem(sessionInfo);