AddConnectorTemplate.html revision 450b61c67b9e44df8df53d6dc501d5263f098e97
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne<section>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne <div class="container">
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne <div class="page-header no-border">
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne <h1>{{t "templates.connector.addConnectorTitle"}}</h1>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne </div>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne </div>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne</section>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne<section>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne <div class="container">
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne <form class="form-horizontal" role="form" id="connectorForm">
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne <div class="panel panel-connector panel-default panel-content panel-collapse-group has-border">
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne <div>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne <div class="panel panel-default panel-collapse">
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne <div class="panel-heading" role="tab" id="connectorGeneralHeading">
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne <h4 class="panel-title">
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne <a data-toggle="collapse" href="#connectorGeneralDetails" aria-expanded="true" aria-controls="connectorGeneralDetails" class="">{{t "common.form.generalDetails"}}</a>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne </h4>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne </div>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne <div id="connectorGeneralDetails" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="connectorGeneralDetails" aria-expanded="true">
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne <div class="panel-body">
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne <div class="form-group has-feedback">
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne <label class="col-sm-3 control-label" for="connectorName">{{t "templates.connector.connectorName"}}</label>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne <div class="col-sm-8">
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne <input class="form-control" type="text" id="connectorName" name="name" value="{{connectorName}}" {{#if editState}} disabled="true" {{else}}data-validator="required" data-validator-event="keyup blur" required autofocus {{/if}} autofocus />
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne <div class="validation-message"></div>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne {{#unless editState}}
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne <span class="error form-control-feedback"><i class='fa validation-icon'></i></span>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne {{/unless}}
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne </div>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne </div>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne <div class="form-group">
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne <label for="connectorType" class="col-sm-3 control-label">{{t "templates.connector.connectorEnabled"}}</label>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne <div class="col-sm-8">
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne <select class="form-control" data-validator="required" data-validator-event="changed" id="connectorEnabled" name="enabled">
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne {{#staticSelect enabled}}
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne <option value="true">{{t "common.form.true"}}</option>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne <option value="false">{{t "common.form.false"}}</option>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne {{/staticSelect}}
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne </select>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne </div>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne </div>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne <div class="form-group">
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne <label for="connectorType" class="col-sm-3 control-label">{{t "templates.connector.connectorType"}}</label>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne <div class="col-sm-8">
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne <select name="connectorType" class="form-control" id="connectorType">
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne {{#each versionDisplay}}
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne <optgroup label="{{groupName}}">
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne {{#each versions}}
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne <option connectorTypeName="{{connectorName}}" bundleVersion="{{bundleVersion}}" systemType="{{systemType}}" {{#if selected}} selected{{/if}}>{{displayName}} - {{bundleVersion}}</option>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne {{/each}}
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne </optgroup>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne {{/each}}
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne </select>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne </div>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne </div>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne </div>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne </div>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne </div>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne <div id="connectorDetails"></div>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne </div>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne <div class="panel-footer clearfix">
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne <div class="pull-right">
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne <a href="#resources/"><button class="btn btn-default" type="button">{{t 'common.form.cancel'}}</button></a>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne <input id="submitConnector" name="submitConnector" disabled="true" class="btn btn-primary" type="submit" value="{{t "templates.connector.addConnectorTitle"}}" />
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne <div style="clear:both;"></div>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne </div>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne </div>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne </div>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne <div role="alert" id="connectorErrorMessage" class="alert alert-danger" style="display:none;">
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne <i class='fa fa-exclamation-circle'></i><strong>{{t "common.form.error" }}</strong>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne <span class='message'></span>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne </div>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne <div role="alert" id="connectorWarningMessage" class="alert alert-warning" style="display:none;">
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne <i class='fa fa-exclamation-circle'></i><strong>{{t "common.form.warning" }}</strong>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne <span class='message'></span>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne </div>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne </form>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne </div>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne</section>