| 提交 | 用户 | 时间 | ||
| 1ac2bc | 1 | |
| 懒 | 2 | <div class="modal" ng-controller="KisBpmFormPropertiesPopupCtrl"> |
| 3 | <div class="modal-dialog modal-wide"> | |
| 4 | <div class="modal-content"> | |
| 5 | <div class="modal-header"> | |
| 6 | <button type="button" class="close" data-dismiss="modal" aria-hidden="true" ng-click="close()">×</button> | |
| 7 | <h2>{{'PROPERTY.PROPERTY.EDIT.TITLE' | translate:property}}</h2> | |
| 8 | </div> | |
| 9 | <div class="modal-body"> | |
| 10 | ||
| 11 | <div class="row row-no-gutter"> | |
| 12 | <div class="col-xs-6"> | |
| 13 | <div ng-if="translationsRetrieved" class="default-grid" ng-grid="gridOptions"></div> | |
| 14 | <div class="pull-right"> | |
| 15 | <div class="btn-group"> | |
| 16 | <a class="btn btn-icon btn-lg" rel="tooltip" data-title="{{'ACTION.MOVE.UP' | translate}}" data-placement="bottom" data-original-title="" title="" ng-click="movePropertyUp()"><i class="glyphicon glyphicon-arrow-up"></i></a> | |
| 17 | <a class="btn btn-icon btn-lg" rel="tooltip" data-title="{{'ACTION.MOVE.DOWN' | translate}}" data-placement="bottom" data-original-title="" title="" ng-click="movePropertyDown()"><i class="glyphicon glyphicon-arrow-down"></i></a> | |
| 18 | </div> | |
| 19 | <div class="btn-group"> | |
| 20 | <a class="btn btn-icon btn-lg" rel="tooltip" data-title="{{'ACTION.ADD' | translate}}" data-placement="bottom" data-original-title="" title="" ng-click="addNewProperty()"><i class="glyphicon glyphicon-plus"></i></a> | |
| 21 | <a class="btn btn-icon btn-lg" rel="tooltip" data-title="{{'ACTION.REMOVE' | translate}}" data-placement="bottom" data-original-title="" title="" ng-click="removeProperty()"><i class="glyphicon glyphicon-minus"></i></a> | |
| 22 | </div> | |
| 23 | </div> | |
| 24 | </div> | |
| 25 | ||
| 26 | <div class="col-xs-6"> | |
| 27 | <div ng-show="selectedProperties.length > 0"> | |
| 28 | ||
| 29 | <div class="form-group"> | |
| 30 | <label for="idField">{{'PROPERTY.FORMPROPERTIES.ID' | translate}}</label> | |
| 31 | <input id="idField" class="form-control" type="text" ng-model="selectedProperties[0].id" placeholder="{{'PROPERTY.FORMPROPERTIES.ID.PLACEHOLDER' | translate }}" /> | |
| 32 | </div> | |
| 33 | <div class="form-group"> | |
| 34 | <label for="nameField">{{'PROPERTY.FORMPROPERTIES.NAME' | translate}}</label> | |
| 35 | <input id="nameField" class="form-control" type="text" ng-model="selectedProperties[0].name" placeholder="{{'PROPERTY.FORMPROPERTIES.NAME.PLACEHOLDER' | translate }}" /> | |
| 36 | </div> | |
| 37 | <div class="form-group"> | |
| 38 | <label for="typeField">{{'PROPERTY.FORMPROPERTIES.TYPE' | translate}}</label> | |
| 39 | <select id="typeField" class="form-control" ng-model="selectedProperties[0].type" ng-change="propertyTypeChanged()"> | |
| 40 | <option>string</option> | |
| 41 | <option>long</option> | |
| 42 | <option>boolean</option> | |
| 43 | <option>date</option> | |
| 44 | <option>enum</option> | |
| 45 | </select> | |
| 46 | </div> | |
| 47 | <div class="form-group" ng-show="selectedProperties[0].datePattern"> | |
| 48 | <label for="datePatternField">{{'PROPERTY.FORMPROPERTIES.DATEPATTERN' | translate}}</label> | |
| 49 | <input id="datePatternField" class="form-control" type="text" ng-model="selectedProperties[0].datePattern" placeholder="{{'PROPERTY.FORMPROPERTIES.DATEPATTERN.PLACEHOLDER' | translate }}" /> | |
| 50 | </div> | |
| 51 | <div ng-if="selectedProperties[0].type == 'enum'" style="padding-bottom:10px"> | |
| 52 | <div class="row row-no-gutter"> | |
| 53 | <div class="col-xs-6"> | |
| 54 | <div ng-if="translationsRetrieved" class="kis-listener-grid" ng-grid="enumGridOptions"></div> | |
| 55 | <div class="pull-right"> | |
| 56 | <div class="btn-group"> | |
| 57 | <a class="btn btn-icon btn-lg" rel="tooltip" data-title="{{ACTION.MOVE.UP | translate}}" data-placement="bottom" data-original-title="" title="" ng-click="moveEnumValueUp()"><i class="glyphicon glyphicon-arrow-up"></i></a> | |
| 58 | <a class="btn btn-icon btn-lg" rel="tooltip" data-title="{{ACTION.MOVE.DOWN | translate}}" data-placement="bottom" data-original-title="" title="" ng-click="moveEnumValueDown()"><i class="glyphicon glyphicon-arrow-down"></i></a> | |
| 59 | </div> | |
| 60 | <div class="btn-group"> | |
| 61 | <a class="btn btn-icon btn-lg" rel="tooltip" data-title="{{ACTION.ADD | translate}}" data-placement="bottom" data-original-title="" title="" ng-click="addNewEnumValue()"><i class="glyphicon glyphicon-plus"></i></a> | |
| 62 | <a class="btn btn-icon btn-lg" rel="tooltip" data-title="{{ACTION.REMOVE | translate}}" data-placement="bottom" data-original-title="" title="" ng-click="removeEnumValue()"><i class="glyphicon glyphicon-minus"></i></a> | |
| 63 | </div> | |
| 64 | </div> | |
| 65 | </div> | |
| 66 | ||
| 67 | <div class="col-xs-6"> | |
| 68 | <div ng-show="selectedEnumValues.length > 0"> | |
| 69 | ||
| 70 | <div class="form-group"> | |
| 71 | <label for="classField">{{'PROPERTY.FORMPROPERTIES.VALUES.ID' | translate}}</label> | |
| 72 | <input type="text" id="classField" class="form-control" ng-model="selectedEnumValues[0].id" placeholder="{{'PROPERTY.FORMPROPERTIES.VALUES.ID.PLACEHOLDER' | translate}}" /> | |
| 73 | </div> | |
| 74 | <div class="form-group"> | |
| 75 | <label for="classField">{{'PROPERTY.FORMPROPERTIES.VALUES.NAME' | translate}}</label> | |
| 76 | <input type="text" id="classField" class="form-control" ng-model="selectedEnumValues[0].name" placeholder="{{'PROPERTY.FORMPROPERTIES.VALUES.NAME.PLACEHOLDER' | translate}}" /> | |
| 77 | </div> | |
| 78 | </div> | |
| 79 | <div ng-show="selectedEnumValues.length == 0" class="muted no-property-selected" translate>PROPERTY.FORMPROPERTIES.ENUMVALUES.EMPTY</div> | |
| 80 | </div> | |
| 81 | </div> | |
| 82 | </div> | |
| 83 | <div class="form-group"> | |
| 84 | <label for="expressionField">{{'PROPERTY.FORMPROPERTIES.EXPRESSION' | translate}}</label> | |
| 85 | <input id="expressionField" class="form-control" type="text" ng-model="selectedProperties[0].expression" placeholder="{{'PROPERTY.FORMPROPERTIES.EXPRESSION.PLACEHOLDER' | translate }}" /> | |
| 86 | </div> | |
| 87 | <div class="form-group"> | |
| 88 | <label for="variableField">{{'PROPERTY.FORMPROPERTIES.VARIABLE' | translate}}</label> | |
| 89 | <input id="variableField" class="form-control" type="text" ng-model="selectedProperties[0].variable" placeholder="{{'PROPERTY.FORMPROPERTIES.VARIABLE.PLACEHOLDER' | translate }}" /> | |
| 90 | </div> | |
| 91 | <div class="form-inline"> | |
| 92 | <div class="form-group col-xs-2" > | |
| 93 | <label for="requiredField">{{'PROPERTY.FORMPROPERTIES.REQUIRED' | translate}}</label> | |
| 94 | <input id="requiredField" class="form-control" type="checkbox" ng-model="selectedProperties[0].required" /> | |
| 95 | </div> | |
| 96 | <div class="form-group col-xs-2"> | |
| 97 | <label for="readableField">{{'PROPERTY.FORMPROPERTIES.READABLE' | translate}}</label> | |
| 98 | <input id="readableField" class="form-control" type="checkbox" ng-model="selectedProperties[0].readable" /> | |
| 99 | </div> | |
| 100 | <div class="form-group col-xs-2"> | |
| 101 | <label for="writableField">{{'PROPERTY.FORMPROPERTIES.WRITABLE' | translate}}</label> | |
| 102 | <input id="writableField" class="form-control" type="checkbox" ng-model="selectedProperties[0].writable" /> | |
| 103 | </div> | |
| 104 | </div> | |
| 105 | </div> | |
| 106 | <div ng-show="selectedProperties.length == 0" class="muted no-property-selected" translate>PROPERTY.FORMPROPERTIES.EMPTY</div> | |
| 107 | </div> | |
| 108 | </div> | |
| 109 | ||
| 110 | </div> | |
| 111 | <div class="modal-footer"> | |
| 112 | <button ng-click="cancel()" class="btn btn-primary" translate>ACTION.CANCEL</button> | |
| 113 | <button ng-click="save()" class="btn btn-primary" translate>ACTION.SAVE</button> | |
| 114 | </div> | |
| 115 | </div> | |
| 116 | </div> | |
| 117 | </div> | |
