SXS20240115/SRC/iMES_PDA/JSplugins/angular-material-lite/template/SMTCalculater.tmp.html

<!--JSplugins\angular-material-lite\template\SMTCalculater.tmp.html-->
<div class="dialog-container  mdl-shadow--8dp mdl-layout--fixed-header calculater-content" style="width:90%">
  <div class="kmi-layout-main-content">
    <div class="kmi-layout-page">
        <!-- header -->
        <div class="display-content" style="display: flex;justify-content: space-between;padding: 16px;">
           <div class="calc-title" ng-bind="dialog.calculater.options.title | translate"></div>
           <div class="kmi-side-btn right SMT-btn close" ng-click="dialog.back();">
            <div class="kmi-can-click"></div>
        </div>
        </div>
        <!-- number column -->
        <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>
        <!-- <td class="SMT-numBtn-item" ng-click="dialog.deleteNum();" style="width: 68px;"><i class="material-icons">backspace</i><div class="kmi-can-click"></div></td> -->
            <div class="calc-delete-btn" ng-click="dialog.deleteNum();"></div>
        </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; height:100%">
            <table class="SMT-numBtn-content">
                <tr>
                    <td class="SMT-numBtn-item calc-AC" ng-click="dialog.clear();"><span>AC</span><div class="kmi-can-click"></div></td>
                    <td class="SMT-numBtn-item calc-negative" ng-click="!dialog.canNegative || dialog.negative();" ng-class="{'disabled':!dialog.canNegative}"><span>+/-</span><div class="kmi-can-click"></div></td>
                    <td class="SMT-numBtn-item calc-per" ng-click="!dialog.canPercent || dialog.percent();" ng-class="{'disabled':!dialog.canPercent}"><span>%</span><div class="kmi-can-click"></div></td>
                </tr>
                <tr>
                    <td class="SMT-numBtn-item calc-one" ng-click="dialog.add_num(1);"><span>1</span><div class="kmi-can-click"></div></td>
                    <td class="SMT-numBtn-item calc-two" ng-click="dialog.add_num(2);"><span>2</span><div class="kmi-can-click"></div></td>
                    <td class="SMT-numBtn-item calc-three" ng-click="dialog.add_num(3);"><span>3</span><div class="kmi-can-click"></div></td>
                </tr>
                <tr>
                    <td class="SMT-numBtn-item calc-four" ng-click="dialog.add_num(4);"><span>4</span><div class="kmi-can-click"></div></td>
                    <td class="SMT-numBtn-item calc-five" ng-click="dialog.add_num(5);"><span>5</span><div class="kmi-can-click"></div></td>
                    <td class="SMT-numBtn-item calc-six" ng-click="dialog.add_num(6);"><span>6</span><div class="kmi-can-click"></div></td>
                    <!-- <td class="SMT-numBtn-item"  ng-click="dialog.calculater.confirmNum(dialog.confirm);" rowspan="3"><i class="material-icons">&#xE31B;</i><div class="kmi-can-click"></div></td> -->
                </tr>
                <tr>
                    <td class="SMT-numBtn-item calc-seven" ng-click="dialog.add_num(7);"><span>7</span><div class="kmi-can-click"></div></td>
                    <td class="SMT-numBtn-item calc-eight" ng-click="dialog.add_num(8);"><span>8</span><div class="kmi-can-click"></div></td>
                    <td class="SMT-numBtn-item calc-nine" ng-click="dialog.add_num(9);"><span>9</span><div class="kmi-can-click"></div></td>
                </tr>
                <tr style="border-radius: 0 0 8px 8px;">
                    <td class="SMT-numBtn-item calc-point" ng-click="dialog.add_num('.');"><span>.</span><div class="kmi-can-click"></div></td>
                    <td class="SMT-numBtn-item calc-zero" ng-click="dialog.add_num(0);"><span>0</span><div class="kmi-can-click"></div></td>
                    <td class="SMT-numBtn-item calc-delete" ng-click="dialog.calculater.confirmNum(dialog.confirm);" style="background: rgb(244,176,77); color: rgb(255,255,255);"><span>OK</span><div class="kmi-can-click"></div></td>
                </tr>
            </table>
        </div>
    </div>
  </div>
</div>