summaryrefslogtreecommitdiff
path: root/src
diff options
context:
space:
mode:
authorMatthias Andreas Benkard <code@mail.matthias.benkard.de>2020-02-15 18:36:49 +0100
committerMatthias Andreas Benkard <code@mail.matthias.benkard.de>2020-02-15 18:36:49 +0100
commitc53029758317729136e47fba4a43880b2e77c142 (patch)
tree5e2e38fdb96453a3876e2ddeb227ab465326d372 /src
parent4eb7126e780d1b6c3cac2f4d2ecff6b5135e1985 (diff)
MlkBookmarkSubmissionForm: Refactor subelement references.
Change-Id: I8a50c55536c602c2412cae00f0762e4f8d9bb244
Diffstat (limited to 'src')
-rw-r--r--src/main/resources/META-INF/resources/bookmarks/MlkBookmarkSubmissionForm.js40
1 files changed, 19 insertions, 21 deletions
diff --git a/src/main/resources/META-INF/resources/bookmarks/MlkBookmarkSubmissionForm.js b/src/main/resources/META-INF/resources/bookmarks/MlkBookmarkSubmissionForm.js
index d648841..9894dee 100644
--- a/src/main/resources/META-INF/resources/bookmarks/MlkBookmarkSubmissionForm.js
+++ b/src/main/resources/META-INF/resources/bookmarks/MlkBookmarkSubmissionForm.js
@@ -11,11 +11,17 @@ export class MlkBookmarkSubmissionForm extends HTMLElement {
}
static get observedAttributes() {
- return ["greetee"];
+ return [];
}
connectedCallback () {
this.render();
+
+ let shadow = this.shadowRoot;
+ this.descriptionInput = shadow.getElementById('description-input');
+ this.titleInput = shadow.getElementById('title-input');
+ this.uriInput = shadow.getElementById('uri-input');
+ this.uriSpinner = shadow.getElementById('uri-spinner');
}
attributeChangedCallback(name, oldValue, newValue) {
@@ -35,44 +41,36 @@ export class MlkBookmarkSubmissionForm extends HTMLElement {
}
focus() {
- let uriInput = this.shadowRoot.getElementById('uri-input');
- let titleInput = this.shadowRoot.getElementById('title-input');
- let descriptionInput = this.shadowRoot.getElementById('description-input');
-
- if (!uriInput.value) {
- uriInput.focus();
- } else if (!titleInput.value) {
- titleInput.focus();
+ if (!this.uriInput.value) {
+ this.uriInput.focus();
+ } else if (!this.titleInput.value) {
+ this.titleInput.focus();
this.onUriBlur();
} else {
- descriptionInput.focus();
+ this.descriptionInput.focus();
}
}
async onUriBlur() {
- let titleInput = this.shadowRoot.getElementById('title-input');
- let uriInput = this.shadowRoot.getElementById('uri-input');
- let uriSpinner = this.shadowRoot.getElementById('uri-spinner');
-
- if (!uriInput.value) {
+ if (!this.uriInput.value) {
return;
}
- uriSpinner.hidden = false;
- uriSpinner.playing = true;
- let searchParams = new URLSearchParams({'uri': uriInput.value});
+ this.uriSpinner.hidden = false;
+ this.uriSpinner.playing = true;
+ let searchParams = new URLSearchParams({'uri': this.uriInput.value});
console.log(`/bookmarks/page-info?${searchParams}`);
let fetchUrl = new URL(`/bookmarks/page-info?${searchParams}`, document.URL);
let r = await fetch(fetchUrl);
- uriSpinner.hidden = true;
- uriSpinner.playing = false;
+ this.uriSpinner.hidden = true;
+ this.uriSpinner.playing = false;
if (!r.ok) {
return;
}
let pageInfo = await r.json();
- titleInput.value = pageInfo.title;
+ this.titleInput.value = pageInfo.title;
}
render() {