Add an <input> to the SemanticSearchView for the query label (#486)

UUDigitalHumanitieslab · Jul 29, 2021 · 2f0ab0a · 2f0ab0a
1 parent f3560a8
commit 2f0ab0a
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 2 deletions.
diff --git a/frontend/src/semantic-search/semantic-search-template.hbs b/frontend/src/semantic-search/semantic-search-template.hbs
@@ -1,5 +1,15 @@
 <h6 class="subtitle is-6">{{#i18n 'semsearch-subtitle'}}Find linked data items based on semantic features{{/i18n}}</h6>
-<div class="field">
+<div class="field is-grouped">
+    <div class="control">
+        <input
+            type=text
+            name=label
+            maxlength=100
+            value="{{label}}"
+            placeholder="optional label for reference"
+            class="input"
+        >
+    </div>
     <div class="control">
         <button type=submit class="button is-primary rit-submit-sem">
             <span>{{#i18n 'semsearch-submit'}}Search{{/i18n}}</span>

diff --git a/frontend/src/semantic-search/semantic-search-view.ts b/frontend/src/semantic-search/semantic-search-view.ts
@@ -43,7 +43,7 @@ export default class SemanticSearchView extends CompositeView<Query> {
     }
 
     renderContainer(): this {
-        this.$el.html(this.template({}));
+        this.$el.html(this.template({ label: this.model.get('label'), }));
         this.checkCompleteness();
         return this;
     }
@@ -94,6 +94,7 @@ export default class SemanticSearchView extends CompositeView<Query> {
 
     onSubmit(event): void {
         event.preventDefault();
+        this.model.set('label', this.$('input[name="label"]').val());
         this.trigger('search', this.model);
     }
 }