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 TabPaneNMemoryHtml = ` 17 <style> 18 .nm-memory-loading{ 19 bottom: 0; 20 position: absolute; 21 left: 0; 22 right: 0; 23 width:100%; 24 background:transparent; 25 z-index: 999999; 26 } 27 :host{ 28 display: flex; 29 flex-direction: column; 30 padding: 10px 10px 0 10px; 31 } 32 .nm-memory-progress{ 33 bottom: 33px; 34 position: absolute; 35 height: 1px; 36 left: 0; 37 right: 0; 38 } 39 .nm-memory-filter { 40 border: solid rgb(216,216,216) 1px; 41 float: left; 42 position: fixed; 43 bottom: 0; 44 width: 100%; 45 } 46 </style> 47 <div class="nm-memory-content" style="display: flex;flex-direction: column"> 48 <div style="display: flex;flex-direction: row"> 49 <lit-slicer style="width:100%"> 50 <div style="width: 65%"> 51 <lit-page-table id="tb-native-memory" style="height: auto"> 52 <lit-table-column class="nm-memory-column" width="60px" title="#" 53 data-index="index" key="index" align="flex-start" order> 54 </lit-table-column> 55 <lit-table-column class="nm-memory-column" width="1fr" title="Address" 56 data-index="addr" key="addr" align="flex-start" order> 57 </lit-table-column> 58 <lit-table-column class="nm-memory-column" width="1fr" title="Memory Type" 59 data-index="eventType" key="eventType" align="flex-start"> 60 </lit-table-column> 61 <lit-table-column class="nm-memory-column" width="1fr" title="Timestamp" 62 data-index="startTs" key="startTs" align="flex-start" order> 63 </lit-table-column> 64 <lit-table-column class="nm-memory-column" width="1fr" title="State" 65 data-index="endTs" key="endTs" align="flex-start"> 66 </lit-table-column> 67 <lit-table-column class="nm-memory-column" width="1fr" title="Size" 68 data-index="heapSize" key="heapSize" align="flex-start" order> 69 </lit-table-column> 70 <lit-table-column class="nm-memory-column" width="20%" title="Responsible Library" 71 data-index="library" key="library" align="flex-start"> 72 </lit-table-column> 73 <lit-table-column class="nm-memory-column" width="20%" title="Responsible Caller" 74 data-index="symbol" key="symbol" align="flex-start"> 75 </lit-table-column> 76 </lit-page-table> 77 </div> 78 <lit-slicer-track></lit-slicer-track> 79 <lit-table id="tb-native-data" no-head 80 style="height: auto;border-left: 1px solid var(--dark-border1,#e2e2e2)" hideDownload> 81 <lit-table-column class="nm-memory-column" width="80px" title="" 82 data-index="type" key="type" align="flex-start" > 83 <template> 84 <div v-if=" type == -1 ">Thread:</div> 85 <img src="img/library.png" size="20" v-if=" type == 1 "> 86 <img src="img/function.png" size="20" v-if=" type == 0 "> 87 </template> 88 </lit-table-column> 89 <lit-table-column class="nm-memory-column" width="1fr" title="" 90 data-index="symbol" key="symbol" align="flex-start"> 91 </lit-table-column> 92 </lit-table> 93 </lit-slicer> 94 </div> 95 <lit-progress-bar class="progress nm-memory-progress"></lit-progress-bar> 96 <tab-pane-filter id="filter" class="nm-memory-filter" mark first second></tab-pane-filter> 97 <div class="loading nm-memory-loading"></div> 98 </div>`; 99
