Added suggestions from Michael

app/node-app/arraymap-beacon/v0.3/beacon-query.js

@@ -230,13 +230,20 @@ function checkResultAndGetResponse(params, samples, countTotal) {
         }
     }
 
+    var maxLength = 0;
+    if (typeof params.maxLength != undefined && params.maxLength != null && params.maxLength != '')
+    {
+        maxLength = parseInt(params.maxLength);
+    }
+
     var queryResource = {
         "referenceName": params.referenceName,
         "start": params.start,
         "assemblyId": params.assemblyId,
         "datasetIds": params.datasetIds,
         "alternateBases": params.alternateBases,
-        "length": length
+        "length": length,
+        "maxLength": maxLength
     };
 
     return {

app/node-app/public/js/index.js

@@ -24,7 +24,7 @@ arrayMap.controller('BeaconController', ['$scope', '$location', function ($scope
         "reference": "GRCh38",
         "dataset": "all",
         "alternateBases": "DEL",
-        "length": '1',
+        "length": '',
         "maxLength": ''
     }
 

app/node-app/public/partials/beacon-home.html

@@ -51,14 +51,14 @@
         <div class="form-group">
             <label for="position" class="col-sm-2 control-label">Minimal length</label>
             <div class="col-sm-4">
-                <input type="text" class="form-control" id="length" ng-model="config.length">
+                <input type="text" class="form-control" id="length" ng-model="config.length" placeholder="1">
             </div>
         </div>
 
         <div class="form-group">
             <label for="position" class="col-sm-2 control-label">Maximal length</label>
             <div class="col-sm-4">
-                <input type="text" class="form-control" id="maxLength" ng-model="config.maxLength">
+                <input type="text" class="form-control" id="maxLength" ng-model="config.maxLength" placeholder="Max bases for the selected chromosome">
             </div>
         </div>