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-package-title{ 80 line-height: 40px; 81} 82.xpower-config-top-title{ 83 margin-bottom: 15px; 84} 85.record-type-input { 86 line-height: 20px; 87 font-weight: 400; 88 border: 1px solid var(--dark-background5,#ccc); 89 font-family: Helvetica; 90 font-size: 14px; 91 color: var(--dark-color1,#212121); 92 text-align: left; 93} 94.record-type-select { 95 border-radius: 15px; 96 width: 100%; 97} 98.select{ 99 width: 100%; 100 height: 27px; 101} 102</style> 103 104<div class="xpower-tracker"> 105 <div class="xpower-config-div"> 106 <div> 107 <span class="xpower-title">Start Xpower Record</span> 108 <lit-switch class="xpower-switch"></lit-switch> 109 </div> 110 <div class="xpower-config-top"> 111 <div class="xpower-config-package-title"> 112 <span class="xpower-title">Package</span> 113 <span class="config-title-des">Record package</span> 114 </div> 115 <lit-select-v rounded="" default-value="" 116 class="record-type-select select config" placement="bottom" title="Package" placeholder="please select package"></lit-select-v> 117 </div> 118 <div class="xpower-config-top"> 119 <div class="xpower-config-top-title"> 120 <span class="xpower-title config-title">MessageType</span> 121 <span class="config-title-des">Record MessageType</span> 122 </div> 123 </div> 124 </div> 125</div> 126 `;