2018-09-13 09:27:38 +00:00
|
|
|
<div class="container"
|
|
|
|
|
ng-class="{selected: $ctrl.hasFocus}">
|
|
|
|
|
<div class="textField">
|
|
|
|
|
<div class="leftIcons">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="infix">
|
|
|
|
|
<input
|
|
|
|
|
class="mdl-textfield__input"
|
|
|
|
|
type="number"
|
2019-02-25 09:03:50 +00:00
|
|
|
name="{{::$ctrl.name}}"
|
2018-09-13 09:27:38 +00:00
|
|
|
ng-model="$ctrl.value"
|
2019-03-26 06:29:45 +00:00
|
|
|
vn-validation="{{$ctrl.rule}}"
|
2018-09-13 09:27:38 +00:00
|
|
|
ng-disabled="$ctrl.disabled"
|
|
|
|
|
ng-readonly="$ctrl.readonly"
|
|
|
|
|
ng-focus="$ctrl.hasFocus = true"
|
|
|
|
|
ng-blur="$ctrl.hasFocus = false"
|
|
|
|
|
tabindex="{{$ctrl.input.tabindex}}"/>
|
2019-06-26 11:35:38 +00:00
|
|
|
<label class="label">
|
|
|
|
|
<span translate>{{::$ctrl.label}}</span>
|
|
|
|
|
<span translate ng-show="::$ctrl.required">*</span>
|
|
|
|
|
</label>
|
2018-09-13 09:27:38 +00:00
|
|
|
</div>
|
|
|
|
|
<div class="underline"></div>
|
|
|
|
|
<div class="selected underline"></div>
|
|
|
|
|
<div class="suffix">
|
2019-10-01 09:15:15 +00:00
|
|
|
<vn-icon-button
|
|
|
|
|
ng-if="$ctrl.displayControls"
|
|
|
|
|
icon="remove"
|
|
|
|
|
ng-click="$ctrl.stepDown()"
|
|
|
|
|
tabindex="-1"
|
|
|
|
|
translate-attr="{title: 'Remove'}">
|
|
|
|
|
</vn-icon-button>
|
2018-09-13 09:27:38 +00:00
|
|
|
<vn-icon-button
|
2019-03-06 11:26:26 +00:00
|
|
|
ng-if="$ctrl.displayControls"
|
2018-09-13 09:27:38 +00:00
|
|
|
icon="add"
|
2019-04-09 11:18:55 +00:00
|
|
|
ng-click="$ctrl.stepUp()"
|
2019-01-30 22:47:06 +00:00
|
|
|
tabindex="-1"
|
|
|
|
|
translate-attr="{title: 'Add'}">
|
2018-09-13 09:27:38 +00:00
|
|
|
</vn-icon-button>
|
|
|
|
|
<i class="material-icons"
|
2019-02-25 09:03:50 +00:00
|
|
|
ng-if="::$ctrl.hasInfo"
|
|
|
|
|
vn-tooltip="{{::$ctrl.info}}">
|
2018-09-13 09:27:38 +00:00
|
|
|
info_outline
|
|
|
|
|
</i>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="rightIcons"></div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
