57 lines
3.3 KiB
HTML
57 lines
3.3 KiB
HTML
<div class="modal-header">
|
|
<div class="modal-title">
|
|
<h3 class="modal-header"><span ng-show="!destination.fromServer">Create</span><span ng-show="destination.fromServer">Edit</span> Destination <span class="text-muted"><small>oh the places you will go!</small></span></h3>
|
|
</div>
|
|
<div class="modal-body">
|
|
<form name="createForm" class="form-horizontal" role="form" novalidate>
|
|
<div class="form-group"
|
|
ng-class="{'has-error': createForm.label.$invalid, 'has-success': !createForm.label.$invalid&&createForm.label.$dirty}">
|
|
<label class="control-label col-sm-2">
|
|
Label
|
|
</label>
|
|
<div class="col-sm-10">
|
|
<input name="label" ng-model="destination.label" placeholder="Label" class="form-control" required/>
|
|
<p ng-show="createForm.label.$invalid && !createForm.label.$pristine" class="help-block">You must enter an destination label</p>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-sm-2">
|
|
Description
|
|
</label>
|
|
<div class="col-sm-10">
|
|
<textarea name="comments" ng-model="destination.description" placeholder="Something elegant" class="form-control" ></textarea>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-sm-2">
|
|
Plugin
|
|
</label>
|
|
<div class="col-sm-10">
|
|
<select class="form-control" ng-model="destination.plugin" ng-options="plugin.title for plugin in plugins" required></select>
|
|
</div>
|
|
</div>
|
|
<div class="form-group" ng-repeat="item in destination.plugin.pluginOptions">
|
|
<ng-form name="subForm" class="form-horizontal" role="form" novalidate>
|
|
<div ng-class="{'has-error': subForm.sub.$invalid, 'has-success': !subForm.sub.$invalid&&subForm.sub.$dirty}">
|
|
<label class="control-label col-sm-2">
|
|
{{ item.name | titleCase }}
|
|
</label>
|
|
<div class="col-sm-10">
|
|
<input name="sub" ng-if="item.type == 'int'" type="number" ng-pattern="/^[0-9]{12,12}$/" class="form-control" ng-model="item.value"/>
|
|
<select name="sub" ng-if="item.type == 'select'" class="form-control" ng-options="i for i in item.available" ng-model="item.value"></select>
|
|
<input name="sub" ng-if="item.type == 'bool'" class="form-control" type="checkbox" ng-model="item.value">
|
|
<input name="sub" ng-if="item.type == 'str'" type="text" class="form-control" ng-model="item.value"/>
|
|
<p ng-show="subForm.sub.$invalid && !subForm.sub.$pristine" class="help-block">{{ item.helpMessage }}</p>
|
|
</div>
|
|
</div>
|
|
</ng-form>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button ng-click="save(destination)" type="submit" ng-disabled="createForm.$invalid" class="btn btn-primary">Save</button>
|
|
<button ng-click="cancel()" class="btn btn-danger">Cancel</button>
|
|
</div>
|
|
</div>
|
|
|