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 TabPaneVmTrackerShmComparisonHtml = ` 17<style> 18:host{ 19 display: flex; 20 flex-direction: column; 21 padding: 10px 10px 0 10px; 22 height: calc(100% - 10px - 31px); 23} 24tab-pane-filter { 25 border: solid rgb(216,216,216) 1px; 26 float: left; 27 position: fixed; 28 bottom: 0; 29 width: 100%; 30} 31selector{ 32 display: none; 33} 34.show{ 35 display: flex; 36 flex: 1; 37} 38.progress{ 39 bottom: 33px; 40 position: absolute; 41 height: 1px; 42 left: 0; 43 right: 0; 44} 45.loading{ 46 bottom: 0; 47 position: absolute; 48 left: 0; 49 right: 0; 50 width:100%; 51 background:transparent; 52 z-index: 999999; 53} 54</style> 55<div style="display: flex;flex-direction: row;height: 100%;"> 56 <selector id='show_table' class="show"> 57 <lit-slicer style="width:100%"> 58 <div style="width: 100%"> 59 <lit-table id="tb-comparison" style="height: auto"> 60 <lit-table-column width="1fr" title="SizeDelta" data-index="sizeDeltaStr" key="sizeDelta" align="flex-start" order> 61 </lit-table-column> 62 </lit-table> 63 </div> 64 </lit-slicer> 65 </selector> 66 <lit-progress-bar class="progress"></lit-progress-bar> 67 <tab-pane-js-memory-filter id="filter" first hideFilter ></tab-pane-js-memory-filter> 68 <div class="loading"></div> 69</div> 70`; 71