Custom Watchers - Example of the template for parameters panel

<div class="row">

  <div class="form-group col-md-6">
    <label>ID Field</label>
    <div class="input-group">
      <div class="input-group-addon">
        <i class="far fa-hashtag" aria-hidden="true"></i>
      </div>
      <select ng-model="params.idField" ng-options="field for field in data.fields" class="form-control"></select>
    </div>
    <span class="help-block">The field that distinguishes the source of a record</span>
  </div>

  <div class="form-group col-xs-6 col-md-3">
    <label>Entity 1</label>
    <input type="text" class="form-control" ng-model="params.id1">
  </div>

  <div class="form-group col-xs-6 col-md-3">
    <label>Entity 2</label>
    <input type="text" class="form-control" ng-model="params.id2">
  </div>

</div>

<div class="row">

  <div class="form-group col-md-6">
    <label>Location Field</label>
    <div class="input-group">
      <div class="input-group-addon">
        <i class="far fa-globe" aria-hidden="true"></i>
      </div>
      <select ng-model="params.locationField" ng-options="field for field in data.geoFields" class="form-control"></select>
    </div>
    <span class="help-block">The field that specifies the location of the entity</span>
  </div>

  <div class="form-group col-md-6">
    <div class="row">
      <div class="col-xs-6">
        <label>Direction</label>
        <select ng-model="params.direction" class="form-control">
          <option value="closer" selected>closer</option>
          <option value="further">further</option>
        </select>
      </div>
      <div class="col-xs-6">
        <label>Distance</label>
        <input type="text" class="form-control" ng-model="params.distance">
      </div>
      <span class="help-block col-sm-12">Trigger if the two entities are {{params.direction}} than {{params.distance}} kilometers.</span>
    </div>
  </div>

</div>

<div class="row">

  <div class="form-group col-md-6">
    <label>Tracking Cooldown</label>
    <div>
      <div style="float: left; width: 50%; padding-right: 15px">
        <input type="text" class="form-control" ng-model="params.trackingTime" style="height: 35px">
      </div>
      <div style="float:left; width: 50%; padding-left: 15px">
        <select ng-model="params.trackingUnit" class="form-control" style="height: 35px">
          <option value="seconds">seconds</option>
          <option value="minutes" selected>minutes</option>
          <option value="hours">hours</option>
          <option value="days">days</option>
          <option value="months">months</option>
          <option value="years">years</option>
        </select>
      </div>
    </div>
    <span class="help-block">Alert if an entity hasn't sent a record in {{params.trackingTime}} {{params.trackingUnit}}</span>
  </div>

</div>