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 */
15export const TabThreadAnalysisHtml = `
16        <style>
17        .tag_bt{
18            height: 45px;
19            border-radius: 10px;
20            border: solid 1px var(--dark-border1,#e0e0e0);
21            line-height: 45px;
22            text-align: center;
23            color: var(--dark-color,#000000);
24            background-color: var(--dark-background5,#FFFFFF);
25            cursor: pointer;
26        }
27        :host {
28            width: 100%;
29            height: 100%;
30            background: var(--dark-background5,#F6F6F6);
31        }
32        .tab_click{
33            height: 45px;
34            border-radius: 10px;
35            border: solid 1px var(--dark-border1,#e0e0e0);
36            line-height: 45px;
37            text-align: center;
38            color: #FFFFFF;
39            background-color: #0d47a1;
40            cursor: pointer;
41        }
42        #content{
43            background-color: var(--dark-background,#FFFFFF);
44        }
45        .grid-box{
46            display: grid;grid-template-columns: auto auto auto auto auto;grid-column-gap: 15px;padding: 10px;
47            background-color: var(--dark-background,#FFFFFF);
48        }
49        </style>
50        <div class="grid-box">
51            <div class="tag_bt" id="tab1">Top20线程大中小核占用率</div>
52            <div class="tag_bt" id="tab5">单个线程频点分布</div>
53            <div class="tag_bt" id="tab2">Top20单次运行超长线程</div>
54            <div class="tag_bt" id="tab3">Top20进程线程数</div>
55            <div class="tag_bt" id="tab4">Top20切换次数线程</div>
56        </div>
57        <div id="content">
58            <top20-thread-cpu-usage id="top20_thread_cpu_usage" style="display: none"></top20-thread-cpu-usage>
59            <top20-thread-run-time id="top20_thread_run_time" style="display: none"></top20-thread-run-time>
60            <top20-process-thread-count id="top20_process_thread_count" style="display: none"></top20-process-thread-count>
61            <top20-process-switch-count id="top20_process_switch_count" style="display: none"></top20-process-switch-count>
62            <top20-frequency-thread id="top20_frequency_thread" style="display: none"></top20-frequency-thread>
63        </div>
64        `;
65