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 TabPaneFileSystemCalltreeHtml = ` 16 <style> 17 .fs-call-tree-filter { 18 border: solid rgb(216,216,216) 1px; 19 float: left; 20 position: fixed; 21 bottom: 0; 22 width: 100%; 23 } 24 :host{ 25 display: flex; 26 flex-direction: column; 27 padding: 10px 10px 0 10px; 28 } 29 .fs-call-tree-progress{ 30 bottom: 33px; 31 position: absolute; 32 height: 1px; 33 left: 0; 34 right: 0; 35 } 36 selector{ 37 display: none; 38 } 39 .fs-call-tree-loading{ 40 bottom: 0; 41 position: absolute; 42 left: 0; 43 right: 0; 44 width:100%; 45 background:transparent; 46 z-index: 999999; 47 } 48 .show{ 49 display: flex; 50 flex: 1; 51 } 52 #level{ 53 display: none; 54 } 55 </style> 56 <div class="fs-call-tree-content" style="display: flex;flex-direction: column"> 57 <lit-headline class="titleBox"></lit-headline> 58 <selector id='show_table' class="show"> 59 <lit-slicer style="width:100%"> 60 <div id="left_table" style="width: 65%"> 61 <lit-table id="tb-filesystem-calltree" style="height: auto" tree> 62 <lit-table-column class="fs-call-tree-column" width="70%" title="Call Stack" data-index="symbol" key="symbol" align="flex-start"retract></lit-table-column> 63 <lit-table-column class="fs-call-tree-column" width="1fr" title="Local" data-index="self" key="self" align="flex-start" order></lit-table-column> 64 <lit-table-column class="fs-call-tree-column" width="1fr" title="Weight" data-index="weight" key="weight" align="flex-start" order></lit-table-column> 65 <lit-table-column class="fs-call-tree-column" width="1fr" title="%" data-index="weightPercent" key="weightPercent" align="flex-start" order></lit-table-column> 66 </lit-table> 67 68 </div> 69 <lit-slicer-track ></lit-slicer-track> 70 <lit-table id="tb-filesystem-list" no-head style="height: auto;border-left: 1px solid var(--dark-border1,#e2e2e2)" hideDownload> 71 <span slot="head">Heaviest Stack Trace</span> 72 <lit-table-column class="fs-call-tree-column" width="30px" title="" data-index="type" key="type" align="flex-start" > 73 <template> 74 <img src="img/library.png" size="20" v-if=" type == 1 "> 75 <img src="img/function.png" size="20" v-if=" type == 0 "> 76 </template> 77 </lit-table-column> 78 <lit-table-column class="fs-call-tree-column" width="60px" title="" data-index="count" key="count" align="flex-start"></lit-table-column> 79 <lit-table-column class="fs-call-tree-column" width="1fr" title="" data-index="symbol" key="symbol" align="flex-start"></lit-table-column> 80 </lit-table> 81 </div> 82 </lit-slicer> 83 </selector> 84 <tab-pane-filter id="filter" class="fs-call-tree-filter" input inputLeftText icon tree fileSystem></tab-pane-filter> 85 <lit-progress-bar class="progress fs-call-tree-progress"></lit-progress-bar> 86 <selector id='show_chart' class="fs-call-tree-selector" > 87 <tab-framechart id='framechart' style='width: 100%;height: auto'> </tab-framechart> 88 </selector> 89 <div class="loading fs-call-tree-loading"></div> 90 </div>`; 91
