88 lines
5.1 KiB
HTML
88 lines
5.1 KiB
HTML
<!--JSplugins\angular-material-lite\template\calculater.tmp.html-->
|
|
<div class="dialog-container mdl-shadow--8dp mdl-layout--fixed-header calculater-content" style="height:80%;width:80%">
|
|
<div class="kmi-header-row">
|
|
<div class="header-title" ng-bind="dialog.calculater.options.title | translate"></div>
|
|
<div class="kmi-side-btn right" ng-click="dialog.cancel();">
|
|
<i class="material-icons">clear</i>
|
|
<div class="kmi-can-click"></div>
|
|
</div>
|
|
</div>
|
|
<div class="kmi-layout-main-content">
|
|
<div class="kmi-layout-page">
|
|
<div class="display-content" ng-if="dialog.calculater.options.type != 'date'">
|
|
<input class="display" id="calculater_display" ng-model="dialog.calculater.numDisplay" ng-keypress="dialog.key_input($event);"></input>
|
|
</div>
|
|
<div class="display-content time" ng-if="dialog.calculater.options.type == 'date'">
|
|
<input class="display" id="hour_display" ng-model="dialog.calculater.timeDisplay['hour']"
|
|
ng-class="{'focus':dialog.calculater.focus == 'hour'}" ng-focus="dialog.calculater.focus = 'hour'"
|
|
ng-keypress="dialog.key_input($event, 'hour');" ng-click="dialog.calculater.focus = 'hour'"></input>
|
|
<label>:</label>
|
|
<input class="display" id="minute_display" ng-model="dialog.calculater.timeDisplay['minute']"
|
|
ng-class="{'focus':dialog.calculater.focus == 'minute'}" ng-focus="dialog.calculater.focus = 'minute'"
|
|
ng-keypress="dialog.key_input($event, 'minute');" ng-click="dialog.calculater.focus = 'minute'"></input>
|
|
<label>:</label>
|
|
<input class="display" id="second_display" ng-model="dialog.calculater.timeDisplay['second']"
|
|
ng-class="{'focus':dialog.calculater.focus == 'second'}" ng-focus="dialog.calculater.focus = 'second'"
|
|
ng-keypress="dialog.key_input($event, 'second');" ng-click="dialog.calculater.focus = 'second'"></input>
|
|
</div>
|
|
<div style="display:flex;">
|
|
<div class="numBtn-content">
|
|
<div class="numBtn-item" ng-click="dialog.add_num(7);">
|
|
<span>7</span>
|
|
<div class="kmi-can-click"></div>
|
|
</div>
|
|
<div class="numBtn-item" ng-click="dialog.add_num(8);">
|
|
<span>8</span>
|
|
<div class="kmi-can-click"></div>
|
|
</div>
|
|
<div class="numBtn-item" ng-click="dialog.add_num(9);">
|
|
<span>9</span>
|
|
<div class="kmi-can-click"></div>
|
|
</div>
|
|
<div class="numBtn-item" ng-click="dialog.add_num(4);">
|
|
<span>4</span>
|
|
<div class="kmi-can-click"></div>
|
|
</div>
|
|
<div class="numBtn-item" ng-click="dialog.add_num(5);">
|
|
<span>5</span>
|
|
<div class="kmi-can-click"></div>
|
|
</div>
|
|
<div class="numBtn-item" ng-click="dialog.add_num(6);">
|
|
<span>6</span>
|
|
<div class="kmi-can-click"></div>
|
|
</div>
|
|
<div class="numBtn-item" ng-click="dialog.add_num(1);">
|
|
<span>1</span>
|
|
<div class="kmi-can-click"></div>
|
|
</div>
|
|
<div class="numBtn-item" ng-click="dialog.add_num(2);">
|
|
<span>2</span>
|
|
<div class="kmi-can-click"></div>
|
|
</div>
|
|
<div class="numBtn-item" ng-click="dialog.add_num(3);">
|
|
<span>3</span>
|
|
<div class="kmi-can-click"></div>
|
|
</div>
|
|
<div class="numBtn-item zero-btn" ng-click="dialog.add_num('0');" ng-class="{'big':!dialog.calculater.options.decimal}">
|
|
<span>0</span>
|
|
<div class="kmi-can-click"></div>
|
|
</div>
|
|
<div class="numBtn-item" ng-click="dialog.add_num('.');" ng-hide="!dialog.calculater.options.decimal">
|
|
<span>.</span>
|
|
<div class="kmi-can-click" ng-show="dialog.calculater.options.decimal"></div>
|
|
</div>
|
|
</div>
|
|
<div class="control-content">
|
|
<div class="control-btn" ng-click="dialog.deleteNum();">
|
|
<i class="material-icons">backspace</i>
|
|
<div class="kmi-can-click"></div>
|
|
</div>
|
|
<div class="control-btn" ng-click="dialog.calculater.confirmNum(dialog.confirm);" style="flex:1;line-height: 120px;">
|
|
<i class="material-icons"></i>
|
|
<div class="kmi-can-click"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> |