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 TabPaneFileSystemEventsHtml = ` 16 <style> 17 :host{ 18 padding: 10px 10px 0 10px; 19 display: flex; 20 flex-direction: column; 21 } 22 .fs-event-loading{ 23 bottom: 0; 24 position: absolute; 25 left: 0; 26 right: 0; 27 width:100%; 28 background:transparent; 29 z-index: 999999; 30 } 31 .fs-event-progress{ 32 bottom: 33px; 33 position: absolute; 34 height: 1px; 35 z-index: 99; 36 left: 0; 37 right: 0; 38 } 39 #fs-event-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="fs-event-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-table id="tbl-filesystem-event" style="height: auto"> 52 <lit-table-column class="fs-event-column" width="200px" title="Start" data-index="startTsStr" key="startTsStr" align="flex-start" order></lit-table-column> 53 <lit-table-column class="fs-event-column" width="160px" title="Duration" data-index="durStr" key="durStr" align="flex-start" order></lit-table-column> 54 <lit-table-column class="fs-event-column" width="240px" title="Process" data-index="process" key="process" align="flex-start" order></lit-table-column> 55 <lit-table-column class="fs-event-column" width="240px" title="Thread" data-index="thread" key="thread" align="flex-start" order></lit-table-column> 56 <lit-table-column class="fs-event-column" width="120px" title="Type" data-index="typeStr" key="typeStr" align="flex-start" order></lit-table-column> 57 <lit-table-column class="fs-event-column" width="120px" title="File Descriptor" data-index="fd" key="fd" align="flex-start" order></lit-table-column> 58 <lit-table-column class="fs-event-column" width="160px" title="File Path" data-index="path" key="path" align="flex-start" order></lit-table-column> 59 <lit-table-column class="fs-event-column" width="160px" title="First Argument" data-index="firstArg" key="firstArg" align="flex-start" ></lit-table-column> 60 <lit-table-column class="fs-event-column" width="160px" title="Second Argument" data-index="secondArg" key="secondArg" align="flex-start" ></lit-table-column> 61 <lit-table-column class="fs-event-column" width="160px" title="Third Argument" data-index="thirdArg" key="thirdArg" align="flex-start" ></lit-table-column> 62 <lit-table-column class="fs-event-column" width="160px" title="Fourth Argument" data-index="fourthArg" key="fourthArg" align="flex-start" ></lit-table-column> 63 <lit-table-column class="fs-event-column" width="160px" title="Return" data-index="returnValue" key="returnValue" align="flex-start" ></lit-table-column> 64 <lit-table-column class="fs-event-column" width="160px" title="Error" data-index="error" key="error" align="flex-start" ></lit-table-column> 65 <lit-table-column class="fs-event-column" width="600px" title="Backtrace" data-index="backtrace" key="backtrace" align="flex-start" > 66 <template> 67 <div> 68 <span>{{backtrace[0]}}</span> 69 <span v-if="backtrace.length > 1">⬅</span> 70 <span v-if="backtrace.length > 1"style="color: #565656;"> {{backtrace[1]}}</span> 71 </div> 72 </template> 73 </lit-table-column> 74 </lit-table> 75 </div> 76 <lit-slicer-track class="fs-evnet-slicer-tracker"></lit-slicer-track> 77 <lit-table id="tbr-filesystem-event" no-head style="height: auto;border-left: 1px solid var(--dark-border1,#e2e2e2)" hideDownload> 78 <lit-table-column class="fs-event-column" width="60px" title="" data-index="type" key="type" align="flex-start" > 79 <template> 80 <div v-if=" type == -1 ">Thread:</div> 81 <img src="img/library.png" size="20" v-if=" type == 1 "> 82 <img src="img/function.png" size="20" v-if=" type == 0 "> 83 </template> 84 </lit-table-column> 85 <lit-table-column class="fs-event-column" width="1fr" title="" data-index="symbol" key="symbol" align="flex-start"> 86 </lit-table-column> 87 </lit-table> 88 </lit-slicer> 89 </div> 90 <lit-progress-bar class="progress fs-event-progress"></lit-progress-bar> 91 <tab-pane-filter id="fs-event-filter" first second></tab-pane-filter> 92 <div class="loading fs-event-loading"></div> 93 </div> 94`; 95
