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 TabPaneJsCpuHtml = ` 17<style> 18:host{ 19 display: flex; 20 flex-direction: column; 21 padding: 0 10px 0 10px; 22} 23.show{ 24 display: flex; 25 flex: 1; 26} 27.progress{ 28 bottom: 33px; 29 position: absolute; 30 height: 1px; 31 left: 0; 32 right: 0; 33} 34</style> 35<div class="perf-profile-content"> 36<selector id='show_table' class="show"> 37 <lit-slicer style="width:100%"> 38 <div id="left_table" style="width: 65%"> 39 <lit-table id="callTreeTable" style="height: 100%" tree> 40 <lit-table-column width="60%" title="Symbol" data-index="symbolName" key="symbolName" 41 align="flex-start" order retract></lit-table-column> 42 <lit-table-column width="1fr" title="SelfTime" data-index="selfTimeStr" key="selfTimeStr" 43 align="flex-start" order></lit-table-column> 44 <lit-table-column width="1fr" title="%" data-index="selfTimePercent" key="selfTimePercent" 45 align="flex-start" order></lit-table-column> 46 <lit-table-column width="1fr" title="TotalTime" data-index="totalTimeStr" key="totalTimeStr" 47 align="flex-start" order></lit-table-column> 48 <lit-table-column width="1fr" title="%" data-index="totalTimePercent" key="totalTimePercent" 49 align="flex-start" order></lit-table-column> 50 </lit-table> 51 </div> 52 <lit-slicer-track ></lit-slicer-track> 53 <div class="right" style="flex: 1;display: flex; flex-direction: row;"> 54 <div style="flex: 1;display: block;"> 55 <span slot="head" style="height: 22px">Heaviest Stack</span> 56 <lit-table id="stackTable" style="height: auto;"> 57 <lit-table-column width="50%" title="Symbol" data-index="symbolName" key="symbolName" 58 align="flex-start"></lit-table-column> 59 <lit-table-column width="1fr" title="TotalTime" data-index="totalTimeStr" key="totalTimeStr" 60 align="flex-start" ></lit-table-column> 61 <lit-table-column width="1fr" title="%" data-index="totalTimePercent" key="totalTimePercent" 62 align="flex-start"></lit-table-column> 63 </lit-table> 64 </div> 65 </div> 66 </lit-slicer> 67 </selector> 68 <tab-pane-filter id="filter" input inputLeftText ></tab-pane-filter> 69 <lit-progress-bar class="progress perf-profile-progress"></lit-progress-bar> 70</div> 71 `; 72