[academic_query] adjust UI example

SQUASHED: AUTO-COMMIT-demos-bibliographie-leoUIexample.js,AUTO-COMMIT-src-components-widgets-academic-subquery.js,

Author: s4pu

demos/bibliographie/leoUIexample.js

@@ -5,12 +5,7 @@ export default class LeoUIExample{
     var queryWidget = await (<academic-query></academic-query>);
     queryWidget.setQuery("And(Or(Y='1985', Y='2008'), Ti='disordered electronic systems')");
     //queryWidget.setQuery("Y='1985'");
-    var input = <input value={queryWidget.getQuery()} style="width: 300px"></input>;
-    var updateButton = <button click={() => input.value = queryWidget.getQuery()}>update</button>;
 
-    return <div>
-      {input} {updateButton}
-      {queryWidget}
-    </div>;
+    return <div>{queryWidget}</div>;
   }
 }

src/components/widgets/academic-subquery.js

@@ -218,10 +218,13 @@ export default class AcademicSubquery extends Morph {
     var query = "... parsed from ui"
 
     if (this.isComplex) {
-      var left = this.leftSubquery.viewToQuery()
-      var right = this.rightSubquery.viewToQuery()
-      var conjunction = this.get('#conjunction').textContent
-      query = conjunction + "(" + left + ", " + right + ")";
+      // TODO: Why is this neccessary?
+      if (this.leftSubquery && this.rightSubquery) {
+        var left = this.leftSubquery.viewToQuery()
+        var right = this.rightSubquery.viewToQuery()
+        var conjunction = this.get('#conjunction').textContent
+        query = conjunction + "(" + left + ", " + right + ")";
+      }
     } else {
       var [attr, comp, val] = this.get('#inner')
                   .querySelectorAll("span[name='sub']")