Add the top-level semantic search view (#455)

Author: jgonggrijp

frontend/src/semantic-search/semantic-search-template.hbs

@@ -0,0 +1,10 @@
+<h3 class="title is-3">{{#i18n 'semsearch-title'}}Semantic search{{/i18n}}</h3>
+<h5 class="subtitle is-5">{{#i18n 'semsearch-subtitle'}}Find linked data items based on semantic features{{/i18n}}</h5>
+<div class="field">
+    <div class="control">
+        <button class="button is-primary rit-submit-sem" type=button>
+            <span>{{#i18n 'semsearch-submit'}}Search{{/i18n}}</span>
+            <span class="icon is-small"><i class="fa fa-search"></i></span>
+        </button>
+    </div>
+</div>

frontend/src/semantic-search/semantic-search-view.ts

@@ -0,0 +1,45 @@
+import { extend } from 'lodash';
+
+import Model from '../core/model';
+import { CompositeView } from '../core/view';
+import Multifield from '../forms/multifield-view';
+
+import semChannel from './radio';
+import Chain from './chain-view';
+import Multibranch from './multibranch-view';
+import semTemplate from './semantic-search-template';
+
+export default class SemanticSearchView extends CompositeView {
+    topChain: Chain;
+
+    initialize(): void {
+        this.topChain = new Chain({ model: this.model });
+        semChannel.reply('branchout', this.branchout, this);
+        this.render();
+    }
+
+    renderContainer(): this {
+        this.$el.html(this.template({}));
+        return this;
+    }
+
+    remove(): this {
+        semChannel.stopReplying('branchout', this.branchout);
+        return super.remove();
+    }
+
+    branchout(model: Model): Multifield {
+        const collectionView = new Multibranch({ model });
+        return new Multifield({ collectionView });
+    }
+}
+
+extend(SemanticSearchView.prototype, {
+    className: 'rit-semantic-search',
+    template: semTemplate,
+    subviews: [{
+        view: 'topChain',
+        method: 'after',
+        selector: '.subtitle',
+    }],
+});