angular-on-screen-keyboard.html
1.35 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<div class="keyboard" ng-mousedown="fondo()">
    <div class="row">
        <table
            class="form-group col-12 col-sm-6 col-md-9"
            ng-show="ctrl.alfanumeric"
        >
            <tr ng-repeat="row in ctrl.rows.alfa">
                <td ng-repeat="key in row"
                    ng-click="ctrl.printKeyStroke(key, $event)"
                    colspan="{{key.colspan || 1}}"
                    ng-class="{
                        'number': key.type === 'number', 'letter': key.type !== 'margin' &&
                        key.type !== 'number'
                    }"
                    ng-bind-html="ctrl.getText(key)"
                >
                </td>
            </tr>
        </table>
        <table
            class="form-group col-12 col-sm-6 col-md-3" 
            ng-show="ctrl.numeric" 
        >
            <tr ng-repeat="row in ctrl.rows.numeric">
                <td ng-repeat="key in row"
                    ng-click="ctrl.printKeyStroke(key, $event)"
                    colspan="{{key.colspan || 1}}"
                    ng-class="{
                        'number': key.type === 'number', 'letter': key.type !== 'margin' &&
                        key.type !== 'number'
                    }"
                    ng-bind-html="ctrl.getText(key)"
                >
                </td>
            </tr>
        </table>
    </div>
</div>