MlkBookmarkSubmissionForm: Refactor attributes.
Change-Id: I47ada5516a37e7d3ad2184d7a3cc920685a20413
diff --git a/src/main/resources/META-INF/resources/bookmarks/MlkBookmarkSubmissionForm.js b/src/main/resources/META-INF/resources/bookmarks/MlkBookmarkSubmissionForm.js
index dbc18d8..d648841 100644
--- a/src/main/resources/META-INF/resources/bookmarks/MlkBookmarkSubmissionForm.js
+++ b/src/main/resources/META-INF/resources/bookmarks/MlkBookmarkSubmissionForm.js
@@ -4,6 +4,9 @@
export class MlkBookmarkSubmissionForm extends HTMLElement {
constructor() {
super();
+
+ this.onUriBlur = this.onUriBlur.bind(this);
+
this.attachShadow({mode: "open"});
}
@@ -19,6 +22,18 @@
this.render();
}
+ get uri() {
+ return this.getAttribute("uri");
+ }
+
+ get title() {
+ return this.getAttribute("title");
+ }
+
+ get description() {
+ return this.getAttribute("description");
+ }
+
focus() {
let uriInput = this.shadowRoot.getElementById('uri-input');
let titleInput = this.shadowRoot.getElementById('title-input');
@@ -71,17 +86,17 @@
<label for="uri-input">URI:</label>
<input name="uri" id="uri-input" type="text" placeholder="URI" required
- value=${this.getAttribute("uri") || ""}
- @blur=${this.onUriBlur.bind(this)} />
+ value=${this.uri || ""}
+ @blur=${this.onUriBlur} />
<elix-progress-spinner id="uri-spinner" hidden></elix-progress-spinner>
<label for="title-input">Title:</label>
<input name="title" id="title-input" type="text" placeholder="Title" required
- value="${this.getAttribute("title") || ""}" />
+ value="${this.title || ""}" />
<label for="description-input">Description:</label>
<textarea name="description" id="description-input" placeholder="Description"
- >${this.getAttribute("description") || ""}</textarea>
+ >${this.description || ""}</textarea>
<label for="visibility-input">Visibility:</label>
<select id="visibility-input" name="visibility" required>