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 SpRecordTemplateHtml = ` 17<style> 18.template-config-div { 19 flex-direction: column; 20 margin-bottom: 3vh; 21 width: 80%; 22 display: flex; 23} 24.template-title { 25 line-height: 40px; 26 font-weight: 700; 27 margin-right: 10px; 28 opacity: 0.9; 29 font-family: Helvetica-Bold; 30 font-size: 18px; 31 text-align: center; 32} 33:host{ 34 background: var(--dark-background3,#FFFFFF); 35 border-radius: 0 16px 16px 0; 36 display: inline-block; 37 width: 100%; 38 height: 100%; 39 } 40 .root { 41 font-size:16px; 42 width: 100%; 43 height: 95%; 44 padding-top: 50px; 45 padding-left: 54px; 46 margin-right: 30px; 47 margin-bottom: 30px; 48} 49.config_switch { 50 display: inline; 51 float: right; 52 height: 38px; 53 margin-top: 10px; 54} 55.napi-option, .napi_packageSelect { 56 border-radius: 15px; 57 width: 50%; 58 height: 27px; 59} 60</style> 61<div class="root"> 62 <div class="template-config-div"> 63 <div> 64 <span class="template-title">FrameTimeline</span> 65 <lit-switch class="config_switch" id="frame_timeline" name="FrameTimeline"></lit-switch> 66 </div> 67 </div> 68 <div class="template-config-div"> 69 <div> 70 <span class="template-title">SchedulingAnalysis</span> 71 <lit-switch class="config_switch" id="scheduling_analysis" name="SchedulingAnalysis"></lit-switch> 72 </div> 73 </div> 74 <div class="template-config-div"> 75 <div> 76 <span class="template-title">AppStartup</span> 77 <lit-switch class="config_switch" id="app_startup" name="AppStartup"></lit-switch> 78 </div> 79 </div> 80 <div class="template-config-div"> 81 <div> 82 <span class="template-title">TaskPool</span> 83 <lit-switch class="config_switch" id="task_pool" name="TaskPool"></lit-switch> 84 </div> 85 </div> 86 <div class="template-config-div"> 87 <div> 88 <span class="template-title">AnimationAnalysis</span> 89 <lit-switch class="config_switch" id="dynamic_effect" name="AnimationAnalysis"></lit-switch> 90 </div> 91 </div> 92 <div class="template-config-div"> 93 <div> 94 <span class="template-title">Napi</span> 95 <lit-switch class="config_switch" id="Napi" name="Napi"></lit-switch> 96 </div> 97 <div class="napi-option"> 98 <lit-select-v default-value="" class="napi_packageSelect" id="napi_packageName" title="package" rounded placement = "bottom" placeholder="please select package"> 99 </lit-select-v> 100 </div> 101 </div> 102</div> 103`; 104