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 TabCpuDetailsIrqHtml = `
16        <style>
17        .irq-box{
18            display: flex;
19            margin: 20px;
20            height: calc(100vh - 165px);
21        }
22        .irq-chart-box{
23            width: 40%;
24        }
25        #tb-cpu-irq{
26            height: 100%;
27        }
28        .table-box{
29            border: solid 1px var(--dark-border1,#e0e0e0);
30            border-radius: 5px;
31            width: 60%;
32            max-height: calc(100vh - 165px);
33            padding: 10px;
34        }
35        :host {
36            width: 100%;
37            height: 100%;
38            background-color: var(--dark-background,#FFFFFF);
39        }
40        #chart-pie{
41            height: 360px;
42        }
43        </style>
44        <lit-progress-bar id="loading" style="height: 1px;width: 100%"></lit-progress-bar>
45        <div class="irq-box">
46            <div class="irq-chart-box">
47                <div style="text-align: center">Statistics By Duration</div>
48                <lit-chart-pie  id="chart-pie"></lit-chart-pie>
49            </div>
50            <div class="table-box">
51                <table-no-data id="table-no-data">
52                    <lit-table id="tb-cpu-irq" hideDownload>
53                        <lit-table-column width="100px" title="No" data-index="index" key="index" align="flex-start" order></lit-table-column>
54                        <lit-table-column width="150px" title="block" data-index="block" key="block" align="flex-start" order></lit-table-column>
55                        <!--<lit-table-column width="100px" title="id" data-index="id" key="id" align="flex-start" order></lit-table-column>-->
56                        <lit-table-column title="name" data-index="value" key="value" align="flex-start" order width="150px"></lit-table-column>
57                        <lit-table-column title="min" data-index="min" key="min" align="flex-start" order width="100px"></lit-table-column>
58                        <lit-table-column title="max" data-index="max" key="max" align="flex-start" order width="100px"></lit-table-column>
59                        <lit-table-column title="average" data-index="avg" key="avg" align="flex-start" order width="100px"></lit-table-column>
60                        <lit-table-column title="duration" data-index="sumTimeStr" key="sumTimeStr" align="flex-start" order width="100px"></lit-table-column>
61                        <lit-table-column title="%" data-index="ratio" key="ratio" align="flex-start" order width="100px"></lit-table-column>
62                    </lit-table>
63                </table-no-data>
64            </div>
65        </div>
66        `;
67