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
16export const SpXPowerRecordHtml = `
17<style>
18:host{
19    background: var(--dark-background3,#FFFFFF);
20    border-radius: 0 16px 16px 0;
21    display: inline-block;
22    width: 100%;
23    height: 100%;
24}
25.xpower-tracker {
26    font-size:16px;
27    margin-bottom: 30px;
28    padding-top: 30px;
29    padding-left: 54px;
30    margin-right: 30px;
31}
32.xpower-config-div {
33   width: 80%;
34   display: flex;
35   flex-direction: column;
36   margin-top: 5vh;
37   margin-bottom: 5vh;
38   gap: 25px;
39}
40
41.xpower-title {
42  text-align: center;
43  line-height: 40px;
44  font-weight: 700;
45  margin-right: 10px;
46  opacity: 0.9;
47  font-family: Helvetica-Bold;
48  font-size: 18px;
49}
50.xpower-switch {
51  display:inline;
52  float: right;
53  height: 38px;
54  margin-top: 10px;
55}
56.xpower-config-top {
57   display: none;
58   flex-direction: column;
59   margin-top: 5vh;
60   gap: 25px;
61}
62.config-title {
63  line-height: 40px;
64  font-weight: 700;
65  margin-right: 10px;
66  opacity: 0.9;
67  font-family: Helvetica-Bold;
68  font-size: 18px;
69  text-align: center;
70}
71.config-title-des {
72  line-height: 35px;
73  font-weight: 400;
74  opacity: 0.6;
75  font-family: Helvetica;
76  font-size: 14px;
77  text-align: center;
78}
79.xpower-config-top-title{
80  margin-bottom: 15px;
81}
82.record-type-input {
83    line-height: 20px;
84    font-weight: 400;
85    border: 1px solid var(--dark-background5,#ccc);
86    font-family: Helvetica;
87    font-size: 14px;
88    color: var(--dark-color1,#212121);
89    text-align: left;
90}
91.record-type-select {
92  border-radius: 15px;
93    width: 100%;
94}
95</style>
96
97<div class="xpower-tracker">
98    <div class="xpower-config-div">
99        <div>
100            <span class="xpower-title">Start Xpower Record</span>
101            <lit-switch class="xpower-switch"></lit-switch>
102        </div>
103        <div class="xpower-config-top">
104            <div class="xpower-config-top-title">
105                <span class="xpower-title config-title">MessageType</span>
106                <span class="config-title-des">Record MessageType</span>
107            </div>
108        </div>
109    </div>
110</div>
111        `;
112
113