{ if (selectedData) { let pubId = selectedData.researchData.pub.Id let eids = selectedData.researchData.scopusData.map(sd => sd.pub.IdentifierScopusId).flat() let type = "pubtype-diff" // Load existing metadata let existingStateData let queryRes = await post("/es/scopus-diff-states/_search", { size: 1, sort: [ { date: { order: "desc" } } ], query: { bool: { must: [ { term: { "pubId.keyword": pubId } },{ terms: { "eids.keyword": eids } },{ term: { "type.keyword": type } } ] } } }) if (queryRes && queryRes.hits && queryRes.hits.hits && queryRes.hits.hits.length > 0) { existingStateData = queryRes.hits.hits[0]._source } const el = htl.html`

Metadata on selected difference

State

⌛ ✔️

` yield el const app = Vue.createApp({ data() { return { pubId: pubId, eids: eids, type: type, state: existingStateData ? existingStateData.state : "", saved: false, savingState: false } }, computed: { stateChanged() { return (existingStateData && this.state !== existingStateData.state) || (!existingStateData && this.state !== "") }, newCommentChanged() { return this.newComment.trim() } }, methods: { async saveState() { this.saved = true this.savingState = true, await post("/es/scopus-diff-states/_doc/", { pubId: this.pubId, eids: this.eids, type: this.type, state: this.state, date: new Date().toISOString() }) let fixedCopy = mutable fixed fixedCopy.add(pubId) mutable fixed = fixedCopy this.savingState = false }, async saveComment() { } } }) app.mount(el) el.value = app } else { yield md`` } }