|
|
|
@ -18,9 +18,12 @@ |
|
|
|
<form class="tb-multiple-input" name="multipleInputForm" ng-submit="vm.save()" novalidate autocomplete="off"> |
|
|
|
<div style="padding: 0 8px;" ng-if="vm.entityDetected && vm.isAllParametersValid"> |
|
|
|
<fieldset ng-repeat="source in vm.sources" ng-class="{'fields-group': vm.settings.showGroupTitle}"> |
|
|
|
<legend class="group-title" ng-if="vm.settings.showGroupTitle">{{ vm.getGroupTitle(source.datasource) }}</legend> |
|
|
|
<div layout="row" layout-wrap ng-class="{'vertical-alignment': vm.isVerticalAlignment || vm.changeAlignment}"> |
|
|
|
<div ng-repeat="key in source.keys" ng-if="!key.settings.dataKeyHidden" ng-style="{'width': (vm.isVerticalAlignment || vm.changeAlignment) ? '100%' : vm.inputWidthSettings}"> |
|
|
|
<legend class="group-title" ng-if="vm.settings.showGroupTitle">{{ vm.getGroupTitle(source.datasource) }} |
|
|
|
</legend> |
|
|
|
<div layout="row" layout-wrap |
|
|
|
ng-class="{'vertical-alignment': vm.isVerticalAlignment || vm.changeAlignment}"> |
|
|
|
<div ng-repeat="key in source.keys" ng-if="!key.settings.dataKeyHidden" |
|
|
|
ng-style="{'width': (vm.isVerticalAlignment || vm.changeAlignment) ? '100%' : vm.inputWidthSettings}"> |
|
|
|
<div class="input-field" ng-if="(key.settings.dataKeyValueType === 'string')"> |
|
|
|
<md-input-container class="md-block"> |
|
|
|
<label>{{key.label}}</label> |
|
|
|
@ -82,7 +85,7 @@ |
|
|
|
</div> |
|
|
|
</md-input-container> |
|
|
|
</div> |
|
|
|
<div class="input-field" ng-if="(key.settings.dataKeyValueType === 'booleanCheckbox')" class="md-block"> |
|
|
|
<div class="input-field md-block" ng-if="(key.settings.dataKeyValueType === 'booleanCheckbox')"> |
|
|
|
<md-checkbox name="{{key.name}}" |
|
|
|
ng-disabled="key.settings.isEditable === 'disabled' || key.settings.disabledOnCondition" |
|
|
|
ng-model="key.data.currentValue" |
|
|
|
@ -90,7 +93,7 @@ |
|
|
|
{{key.label}} |
|
|
|
</md-checkbox> |
|
|
|
</div> |
|
|
|
<div class="input-field" ng-if="(key.settings.dataKeyValueType === 'booleanSwitch')" class="md-block"> |
|
|
|
<div class="input-field md-block" ng-if="(key.settings.dataKeyValueType === 'booleanSwitch')"> |
|
|
|
<md-switch name="{{key.name}}" |
|
|
|
ng-disabled="key.settings.isEditable === 'disabled' || key.settings.disabledOnCondition" |
|
|
|
ng-model="key.data.currentValue" |
|
|
|
@ -132,21 +135,27 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</fieldset> |
|
|
|
<div class="md-padding" layout="row" layout-align="end center" ng-if="vm.entityDetected && vm.settings.showActionButtons"> |
|
|
|
<md-button class="md-primary" ng-click="vm.discardAll()" style="max-height: 50px; margin-right:20px;" ng-disabled="!multipleInputForm.$dirty"> |
|
|
|
<div class="md-padding" layout="row" layout-align="end center" |
|
|
|
ng-if="vm.entityDetected && vm.settings.showActionButtons"> |
|
|
|
<md-button class="md-primary" ng-click="vm.discardAll()" style="max-height: 50px; margin-right:20px;" |
|
|
|
ng-disabled="!multipleInputForm.$dirty"> |
|
|
|
{{ 'action.undo' | translate }} |
|
|
|
</md-button> |
|
|
|
<md-button class="md-raised md-primary" type="submit" value="Submit" style="max-height: 50px; margin-right:20px;" |
|
|
|
ng-disabled="!multipleInputForm.$dirty || multipleInputForm.$invalid" ng-click="vm.isFocused = false"> |
|
|
|
<md-button class="md-raised md-primary" type="submit" value="Submit" |
|
|
|
style="max-height: 50px; margin-right:20px;" |
|
|
|
ng-disabled="!multipleInputForm.$dirty || multipleInputForm.$invalid" |
|
|
|
ng-click="vm.isFocused = false"> |
|
|
|
{{ 'action.save' | translate }} |
|
|
|
</md-button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="tb-multiple-input__errors" layout="column" layout-align="center center" style="height: 100%;" ng-if="!vm.entityDetected || !vm.isAllParametersValid"> |
|
|
|
<div class="tb-multiple-input__errors" layout="column" layout-align="center center" style="height: 100%;" |
|
|
|
ng-if="!vm.entityDetected || !vm.isAllParametersValid"> |
|
|
|
<div style="text-align: center; font-size: 18px; color: #a0a0a0;" ng-hide="vm.entityDetected"> |
|
|
|
{{ 'widgets.input-widgets.no-entity-selected' | translate }} |
|
|
|
</div> |
|
|
|
<div style="text-align: center; font-size: 18px; color: #a0a0a0;" ng-show="vm.entityDetected && !vm.isAllParametersValid"> |
|
|
|
<div style="text-align: center; font-size: 18px; color: #a0a0a0;" |
|
|
|
ng-show="vm.entityDetected && !vm.isAllParametersValid"> |
|
|
|
{{ 'widgets.input-widgets.not-allowed-entity' | translate }} |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|