1/**
2 * Copyright (c) 2022 Huawei Device Co., Ltd.
3 * Licensed under the Apache License, Version 2.0 (the "License");
4 * you may not use this file except in compliance with the License.
5 * You may obtain a copy of the License at
6 *
7 *     http://www.apache.org/licenses/LICENSE-2.0
8 *
9 * Unless required by applicable law or agreed to in writing, software
10 * distributed under the License is distributed on an "AS IS" BASIS,
11 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12 * See the License for the specific language governing permissions and
13 * limitations under the License.
14 */
15
16import CallRecordPresenter from '../../presenter/dialer/callRecord/CallRecordPresenter'
17
18@Component
19export struct DialerInitialPage {
20  @State mPresenter: CallRecordPresenter = CallRecordPresenter.getInstance();
21
22  aboutToAppear() {
23    this.mPresenter.aboutToAppear();
24  }
25
26  build() {
27    Column() {
28      Text($r('app.string.support_pinyin'))
29        .fontSize($r('sys.float.ohos_id_text_size_body1'))
30        .fontColor($r('sys.color.ohos_id_color_text_tertiary'))
31        .textAlign(TextAlign.Center)
32        .fontWeight(FontWeight.Medium)
33        .margin({ bottom: $r('app.float.id_card_margin_xxl') })
34
35      Row() {
36        Text($r('app.string.search_huaxiaofen'))
37          .fontSize($r('sys.float.ohos_id_text_size_body2'))
38          .fontColor($r('sys.color.ohos_id_color_text_tertiary'))
39          .textAlign(TextAlign.Center)
40          .fontWeight(FontWeight.Regular)
41
42        Text('H')
43          .fontSize($r('sys.float.ohos_id_text_size_body2'))
44          .fontColor($r('sys.color.ohos_id_color_connected'))
45          .textAlign(TextAlign.Center)
46          .fontWeight(FontWeight.Regular)
47
48        Text('ua ')
49          .fontSize($r('sys.float.ohos_id_text_size_body2'))
50          .fontColor($r('sys.color.ohos_id_color_text_tertiary'))
51          .textAlign(TextAlign.Center)
52          .fontWeight(FontWeight.Regular)
53
54        Text('X')
55          .fontSize($r('sys.float.ohos_id_text_size_body2'))
56          .fontColor($r('sys.color.ohos_id_color_connected'))
57          .textAlign(TextAlign.Center)
58          .fontWeight(FontWeight.Regular)
59
60        Text('iao ')
61          .fontSize($r('sys.float.ohos_id_text_size_body2'))
62          .fontColor($r('sys.color.ohos_id_color_text_tertiary'))
63          .textAlign(TextAlign.Center)
64          .fontWeight(FontWeight.Regular)
65
66        Text('F')
67          .fontSize($r('sys.float.ohos_id_text_size_body2'))
68          .fontColor($r('sys.color.ohos_id_color_connected'))
69          .textAlign(TextAlign.Center)
70          .fontWeight(FontWeight.Regular)
71
72        Text($r('app.string.you_can_enter'))
73          .fontSize($r('sys.float.ohos_id_text_size_body2'))
74          .fontColor($r('sys.color.ohos_id_color_text_tertiary'))
75          .textAlign(TextAlign.Center)
76          .fontWeight(FontWeight.Regular)
77      }
78      .margin({ bottom: $r('app.float.id_card_margin_xxl') })
79
80      Flex({ direction: FlexDirection.Row,
81        justifyContent: FlexAlign.SpaceEvenly,
82        alignItems: ItemAlign.Start }) {
83        Column() {
84          Text('4')
85            .fontSize($r('sys.float.ohos_id_text_size_headline8'))
86            .fontColor($r('sys.color.ohos_id_color_text_secondary'))
87            .fontWeight(FontWeight.Regular)
88
89          Row() {
90            Text('G')
91              .fontSize($r('sys.float.ohos_id_text_size_body2'))
92              .fontColor($r('sys.color.ohos_id_color_text_tertiary'))
93              .fontWeight(FontWeight.Regular)
94
95            Text('H')
96              .fontSize($r('sys.float.ohos_id_text_size_body2'))
97              .fontColor($r('sys.color.ohos_id_color_connected'))
98              .fontWeight(FontWeight.Regular)
99
100            Text('I')
101              .fontSize($r('sys.float.ohos_id_text_size_body2'))
102              .fontColor($r('sys.color.ohos_id_color_text_tertiary'))
103              .fontWeight(FontWeight.Regular)
104          }
105        }
106
107        Text('+')
108          .fontSize($r('sys.float.ohos_id_text_size_body1'))
109          .fontColor($r('sys.color.ohos_id_color_text_secondary'))
110          .fontWeight(FontWeight.Regular)
111
112        Column() {
113          Text('9')
114            .fontSize($r('sys.float.ohos_id_text_size_headline8'))
115            .fontColor($r('sys.color.ohos_id_color_text_secondary'))
116            .fontWeight(FontWeight.Regular)
117
118          Row() {
119            Text('W')
120              .fontSize($r('sys.float.ohos_id_text_size_body2'))
121              .fontColor($r('sys.color.ohos_id_color_text_tertiary'))
122              .fontWeight(FontWeight.Regular)
123
124            Text('X')
125              .fontSize($r('sys.float.ohos_id_text_size_body2'))
126              .fontColor($r('sys.color.ohos_id_color_connected'))
127              .fontWeight(FontWeight.Regular)
128
129            Text('YZ')
130              .fontSize($r('sys.float.ohos_id_text_size_body2'))
131              .fontColor($r('sys.color.ohos_id_color_text_tertiary'))
132              .fontWeight(FontWeight.Regular)
133          }
134        }
135
136        Text('+')
137          .fontSize($r('sys.float.ohos_id_text_size_body1'))
138          .fontColor($r('sys.color.ohos_id_color_text_secondary'))
139          .fontWeight(FontWeight.Regular)
140
141        Column() {
142          Text('3')
143            .fontSize($r('sys.float.ohos_id_text_size_headline8'))
144            .fontColor($r('sys.color.ohos_id_color_text_secondary'))
145            .fontWeight(FontWeight.Regular)
146
147          Row() {
148            Text('DE')
149              .fontSize($r('sys.float.ohos_id_text_size_body2'))
150              .fontColor($r('sys.color.ohos_id_color_text_tertiary'))
151              .fontWeight(FontWeight.Regular)
152
153            Text('F')
154              .fontSize($r('sys.float.ohos_id_text_size_body2'))
155              .fontColor($r('sys.color.ohos_id_color_connected'))
156              .fontWeight(FontWeight.Regular)
157          }
158        }
159      }
160      .padding({ left: $r('app.float.id_item_height_max'), right: $r('app.float.id_item_height_max') })
161    }
162    .width('100%')
163    .height('100%')
164    .alignItems(HorizontalAlign.Center)
165    .backgroundColor($r('sys.color.ohos_id_color_primary_contrary'))
166    .markAnchor({ x: 0, y: 60 })
167    .position({ x: 0, y: '40%' })
168  }
169}