<!-- Modal message dialog -->
<div class="modal fade" id="startTriggerDialog">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title">Manully Start Build Trigger</h4>
      </div>
      <div class="modal-body">
        <div class="trigger-description" trigger="trigger"></div>

        <form name="runForm" id="runForm">
          <table width="100%">
            <tr ng-repeat="field in runParameters">
                <td class="field-title" valign="top">{{ field.title }}:</td>
                <td>
                  <div ng-switch on="field.type">
                    <span ng-switch-when="option">
                      <span class="quay-spinner" ng-show="!fieldOptions[field.name]"></span>
                      <select ng-model="parameters[field.name]" ng-show="fieldOptions[field.name]"
                              ng-options="value for value  in fieldOptions[field.name]"
                              required>
                      </select>
                    </span>
                    <input type="text" class="form-control" ng-model="parameters[field.name]"  ng-switch-when="string" required>
                  </div>
                </td>
              </tr>
          </table>
        </form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary"  ng-disabled="runForm.$invalid" ng-click="startTrigger()">Start Build</button>
        <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->