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 TabPaneCurrentSelectionHtml = ` 16 <style> 17 .table-title{ 18 top: 0; 19 background: var(--dark-background,#ffffff); 20 position: sticky; 21 width: 100%; 22 display: flex; 23 } 24 .table-title > h2{ 25 font-size: 16px; 26 font-weight: 400; 27 visibility: visible; 28 width: 50%; 29 padding: 0 10px; 30 } 31 #rightTitle{ 32 width: 50%; 33 display: flex; 34 justify-content: space-between; 35 padding: 0 10px; 36 font-size: 16px; 37 font-weight: 400; 38 visibility: visible; 39 } 40 #rightTitle > h2{ 41 font-size: 16px; 42 font-weight: 400; 43 } 44 #rightButton{ 45 padding-top:12px; 46 } 47 .right{ 48 display: flex; 49 } 50 #right-star{ 51 padding-top: 10px; 52 visibility: hidden; 53 } 54 .scroll-area{ 55 display: flex; 56 flex-direction: row; 57 flex: 1; 58 } 59 .table-left{ 60 width: 50%; 61 height: auto; 62 padding: 0 10px; 63 } 64 .table-right{ 65 width: 50%; 66 display: flex; 67 height: 650px; 68 flex-direction: column; 69 } 70 </style> 71 <div id="scroll_view" style="display: flex;flex-direction: column;width: 100%;height: 100%;overflow: auto"> 72 <div style="width: 100%;height: auto;position: relative"> 73 <div class="table-title"> 74 <h2 id="leftTitle"></h2> 75 <div id="rightTitle" > 76 <h2 id="rightText">Scheduling Latency</h2> 77 <div class="right"> 78 <lit-button id="rightButton" height="32px" width="164px" color="black" font_size="14px" border="1px solid black" 79 >GetWakeupList</lit-button> 80 <lit-icon id="right-star" class="collect" name="star-fill" size="30"></lit-icon> 81 </div> 82 </div> 83 </div> 84 </div> 85 <div class="scroll-area"> 86 <lit-table id="selectionTbl" class="table-left" no-head hideDownload noRecycle> 87 <lit-table-column title="name" data-index="name" key="name" align="flex-start" width="180px"> 88 <template><div>{{name}}</div></template> 89 </lit-table-column> 90 <lit-table-column title="value" data-index="value" key="value" align="flex-start" > 91 <template><div style="display: flex;">{{value}}</div></template> 92 </lit-table-column> 93 </lit-table> 94 <div class="table-right"> 95 <canvas id="rightDraw" style="width: 100%;height: 200px;"></canvas> 96 <lit-table id="wakeupListTbl" style="height: 300px;display: none;overflow: auto" hideDownload> 97 <lit-table-column title="Process" data-index="process" key="process" align="flex-start" width="180px"> 98 </lit-table-column> 99 <lit-table-column title="Thread" data-index="thread" key="thread" align="flex-start" width="180px"> 100 </lit-table-column> 101 <lit-table-column title="CPU" data-index="cpu" key="cpu" align="flex-start" width="60px"> 102 </lit-table-column> 103 <lit-table-column title="Duration(ns)" data-index="dur" key="dur" align="flex-start" width="120px"> 104 </lit-table-column> 105 <lit-table-column title="Priority" data-index="priority" key="priority" align="flex-start" width="80px"> 106 </lit-table-column> 107 </lit-table> 108 </div> 109 </div> 110 </div> 111 </div> 112 `; 113