diff options
| -rw-r--r-- | src/main/resources/META-INF/resources/bookmarks/MlkBookmarkSubmissionForm.js | 23 |
1 files changed, 19 insertions, 4 deletions
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 @@ import ProgressSpinner from "../web_modules/elix/define/ProgressSpinner.js"; export class MlkBookmarkSubmissionForm extends HTMLElement { constructor() { super(); + + this.onUriBlur = this.onUriBlur.bind(this); + this.attachShadow({mode: "open"}); } @@ -19,6 +22,18 @@ export class MlkBookmarkSubmissionForm extends HTMLElement { 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 @@ export class MlkBookmarkSubmissionForm extends HTMLElement { <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> |