environments-new-actuators.html

<div class="container-fluid" ng-hide="enc.task_env.prop.deterministic">
  <h2>Agent Actuators</h2>
  <div class="text-left" ng-class="{'treadonly':enc.readOnly}">
    <div class="row">
      <div class="col-md-6 col-xs-6">
        <label>Model of stochastic motion</label>
        <select class="form-control" ng-model="enc.stochastic_model.type" ng-change="enc.updateStochasticModel(enc.stochastic_model.prob[0])">
          <option value="0">Refuses to move</option>
          <option value="1">Random move</option>
          <option value="2">Opposite move</option>
          <option value="3">User defined</option>
        </select>
      </div>
    </div>
    <br>
    <div class="row animate-show" ng-class="{'treadonly':enc.readOnly}" ng-hide="enc.isUserDefined()">
      <div class="col-md-6 col-xs-6">
        <label><span class="text-orange">Intended outcome</span> probability</label><div class="ui-slider-size" ui-slider min="0" max="1000" use-decimals ng-model="enc.stochastic_model.prob[0]"></div>
      </div>
    </div>
    <br>
    <div class="row text-center">
      <div class="panel panel-default col-md-6 text-center">

        <div class="panel-body">

          <table class="center" style="">
            <tr><td></td>
              <td>
                <b class="text-orange" ng-hide="enc.isUserDefined()">
                  {{enc.stochastic_model.prob[0] | tpercent }}
                </b>
                <b class="animate-show" ng-show="enc.isUserDefined()">
                  <input type="text" class="form-control center text-orange" style="width:60px" maxlength="4" ng-model="enc.stchastic_user_model[0]" ng-change="enc.updateUserStochasticModel(0)" ng-class="{'has-error':!(enc.stchastic_user_model[0]|isnum)||!enc.checkStochasticModel()}">
                </b>
              </td>
            <td></td></tr>
            <tr>
              <td>
                <b ng-show="enc.stochastic_model.prob[1]&&!enc.isUserDefined()">
                  {{enc.stochastic_model.prob[1] | tpercent }}
                </b>
                <b class="animate-show" ng-show="enc.isUserDefined()">
                  <input type="text" class="form-control center" style="width:60px" maxlength="4" ng-model="enc.stchastic_user_model[1]" ng-change="enc.updateUserStochasticModel(1)" ng-class="{'has-error':!(enc.stchastic_user_model[1]|isnum)||!enc.checkStochasticModel()}">
                </b>
              </td>
              <td>
                <div class="stoch-box" ng-class="{'stoch-opp':enc.isOppositeMove(), 'stoch-ref':enc.isRefusesToMove()}"></div>
              </td>
              <td>
                <b ng-show="enc.stochastic_model.prob[2]&&!enc.isUserDefined()">
                  {{enc.stochastic_model.prob[2] | tpercent }}
                </b>
                <b class="animate-show" ng-show="enc.isUserDefined()">
                  <input type="text" class="form-control center" style="width:60px" maxlength="4" ng-model="enc.stchastic_user_model[2]" ng-change="enc.updateUserStochasticModel(2)" ng-class="{'has-error':!(enc.stchastic_user_model[2]|isnum)||!enc.checkStochasticModel()}">
                </b>
              </td>
            </tr>
            <tr><td></td>
              <td>
                <b ng-show="enc.stochastic_model.prob[3]&&!enc.isUserDefined()">{{enc.stochastic_model.prob[3] | tpercent }}
                </b>
                <b class="animate-show" ng-show="enc.isUserDefined()">
                  <input type="text" class="form-control center" style="width:60px" maxlength="4" ng-model="enc.stchastic_user_model[3]" ng-change="enc.updateUserStochasticModel(3)" ng-class="{'has-error':!(enc.stchastic_user_model[3]|isnum)||!enc.checkStochasticModel()}">
                </b>
              </td>
            <td></td></tr>
          </table>
          <br>
          <div class="panel panel-default animate-show" ng-show="enc.stochastic_model.prob[4]||enc.isUserDefined()">
            Refuses to move<br>
            <b ng-hide="enc.isUserDefined()">{{enc.stochastic_model.prob[4] | tpercent }}</b>
            <b class="animate-show" ng-show="enc.isUserDefined()">
              <input type="text" class="form-control center text-center" style="width:60px" maxlength="4" ng-model="enc.stchastic_user_model[4]" ng-change="enc.updateUserStochasticModel(4)" ng-class="{'has-error':!(enc.stchastic_user_model[4]|isnum)||!enc.checkStochasticModel()}">
            </b>
          </div>

        </div>

      </div>
    </div>
  </div>
</div>