facilmap/frontend/app/map/lines/edit-line.html

51 wiersze
2.6 KiB
HTML

<div class="modal-header">
<button class="close" ng-click="$dismiss()"><span aria-hidden="true">&times;</span></button>
<h3 class="modal-title">Edit Line</h3>
</div>
<div class="modal-body">
<form class="form-horizontal">
<div uib-alert class="alert-danger" ng-show="error">{{error}}</div>
<div class="form-group">
<label for="edit-line-name" class="col-sm-3 control-label">Name</label>
<div class="col-sm-9"><input id="edit-line-name" ng-model="line.name" class="form-control" /></div>
</div>
<div class="form-group">
<label for="edit-line-mode" class="col-sm-3 control-label">Routing mode</label>
<div class="col-sm-9"><select id="edit-line-mode" ng-model="line.mode" class="form-control">
<option value="">None</option>
<option value="fastest">Car (fastest)</option>
<option value="shortest">Car (shortest)</option>
<option value="bicycle">Bicycle</option>
<option value="pedestrian">Pedestrian</option>
</select></div>
</div>
<div class="form-group" ng-show="canControl('colour')">
<label for="edit-line-colour" class="col-sm-3 control-label">Colour</label>
<div class="col-sm-9"><input id="edit-line-colour" ng-model="line.colour" fp-colour-picker class="form-control"></div>
</div>
<div class="form-group" ng-show="canControl('width')">
<label for="edit-line-width" class="col-sm-3 control-label">Width</label>
<div class="col-sm-9"><input id="edit-line-width" ng-model="line.width" fp-spinner class="form-control" /></div>
</div>
<div class="form-group" ng-repeat="field in types[line.typeId].fields" ng-show="field.type != 'dropdown' || field.options.length > 1">
<label for="line-{{$index}}-input" class="col-sm-3 control-label">{{field.name}}</label>
<div class="col-sm-9" fp-type-field="field" fp-type-field-model="line.data[field.name]" fp-type-field-id="line-{{$index}}-input" fp-type-field-class="form-control"></div>
</div>
</form>
</div>
<div class="modal-footer">
<div class="btn-group pull-left" uib-dropdown ng-if="(types | fpPropertyCount:{type:'line'}) > 1">
<button id="change-type-button" type="button" class="btn btn-default" uib-dropdown-toggle>Change type <span class="caret"></span></button>
<ul class="dropdown-menu" uib-dropdown-menu role="menu" aria-labelledby="change-type-button" uib-dropdown-menu>
<li role="menuitem" ng-repeat="type in types | fpObjectFilter:{type:'line'}" ng-class="{active: type.id == line.typeId}"><a href="#" ng-click="line.typeId = type.id">{{type.name}}</a></li>
</ul>
</div>
<button type="button" class="btn btn-default" ng-click="$dismiss()">Cancel</button>
<button type="button" class="btn btn-primary" ng-click="save()">Save</button>
</div>