summaryrefslogtreecommitdiffstats
path: root/third_party/google_input_tools/src/chrome/os/inputview/layouts/material/rowsofjp.js
blob: 45088d1b0d44832bce4b4b65e27e9ff997165b69 (plain)
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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
// Copyright 2015 The ChromeOS IME Authors. All Rights Reserved.
// limitations under the License.
// See the License for the specific language governing permissions and
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// distributed under the License is distributed on an "AS-IS" BASIS,
// Unless required by applicable law or agreed to in writing, software
//
//      http://www.apache.org/licenses/LICENSE-2.0
//
// You may obtain a copy of the License at
// you may not use this file except in compliance with the License.
// Licensed under the Apache License, Version 2.0 (the "License");
//
goog.provide('i18n.input.chrome.inputview.layouts.material.RowsOfJP');

goog.require('i18n.input.chrome.inputview.layouts.material.util');



goog.scope(function() {
var util = i18n.input.chrome.inputview.layouts.material.util;


/**
 * Creates the top four rows for Japanese keyboard.
 *
 * @return {!Array.<!Object>} The rows.
 */
i18n.input.chrome.inputview.layouts.material.RowsOfJP.create = function() {
  var baseKeySpec = {
    'widthInWeight': 1,
    'heightInWeight': 1
  };

  // Row1
  var keySequenceOf15 = util.createKeySequence(baseKeySpec, 15);
  var row1 = util.createLinearLayout({
    'id': 'row1',
    'children': [keySequenceOf15]
  });


  // Row2 and row3

  // First linear layout at the left of the enter.
  var tabKey = util.createKey({
    'widthInWeight': 1.5
  });
  var keySequenceOf11 = util.
      createKeySequence(baseKeySpec, 11);
  var slashKey = util.createKey({
    'widthInWeight': 1.25
  });
  var row2 = util.createLinearLayout({
    'id': 'row2',
    'children': [tabKey, keySequenceOf11, slashKey]
  });

  // Second linear layout at the right of the enter.
  var capslockKey = util.createKey({
    'widthInWeight': 1.75
  });
  var keySequenceOf12 = util.
      createKeySequence(baseKeySpec, 12);
  var row3 = util.createLinearLayout({
    'id': 'row3',
    'children': [capslockKey, keySequenceOf12]
  });

  // Vertical layout contains the two rows at the left of the enter.
  var vLayout = util.createVerticalLayout({
    'id': 'row2-3-left',
    'children': [row2, row3]
  });

  // Vertical layout contains enter key.
  var enterKey = util.createKey({
    'widthInWeight': 1.25,
    'heightInWeight': 2
  });
  var enterLayout = util.
      createVerticalLayout({
        'id': 'row2-3-right',
        'children': [enterKey]
      });

  // Linear layout contains the two vertical layout.
  var row2and3 = util.createLinearLayout({
    'id': 'row2-3',
    'children': [vLayout, enterLayout]
  });

  // Row4
  var shiftLeft = util.createKey({
    'widthInWeight': 2.25
  });
  keySequenceOf11 = util.createKeySequence(
      baseKeySpec, 11);
  var shiftRight = util.createKey({
    'widthInWeight': 1.75
  });
  var row4 = util.createLinearLayout({
    'id': 'row4',
    'children': [shiftLeft, keySequenceOf11, shiftRight]
  });

  return [row1, row2and3, row4];
};
});  // goog.scope