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</style>
56<div class="root">
57    <div class="template-config-div">
58       <div>
59         <span class="template-title">FrameTimeline</span>
60         <lit-switch class="config_switch" id="frame_timeline" name="FrameTimeline"></lit-switch>
61       </div>
62    </div>
63     <div class="template-config-div">
64       <div>
65         <span class="template-title">SchedulingAnalysis</span>
66         <lit-switch class="config_switch" id="scheduling_analysis" name="SchedulingAnalysis"></lit-switch>
67       </div>
68    </div>
69    <div class="template-config-div">
70       <div>
71         <span class="template-title">AppStartup</span>
72         <lit-switch class="config_switch" id="app_startup" name="AppStartup"></lit-switch>
73       </div>
74    </div>
75    <div class="template-config-div">
76       <div>
77         <span class="template-title">TaskPool</span>
78         <lit-switch class="config_switch" id="task_pool" name="TaskPool"></lit-switch>
79       </div>
80    </div>
81    <div class="template-config-div">
82       <div>
83         <span class="template-title">AnimationAnalysis</span>
84         <lit-switch class="config_switch" id="dynamic_effect" name="AnimationAnalysis"></lit-switch>
85       </div>
86    </div> 
87</div>
88`;
89