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 TabPanePowerDetailsHTML = ` 17 <style> 18 .power-details-table{ 19 height: auto; 20 } 21 :host{ 22 display: flex; 23 flex-direction: column; 24 padding: 10px 10px; 25 } 26 </style> 27 <lit-table id="tb-power-details-energy" class="power-details-table"> 28 <lit-table-column order width="100px" title="" data-index="event" key="event" align="flex-start" > 29 </lit-table-column> 30 <lit-table-column order width="60px" title="UID" data-index="uid" key="uid" align="flex-start" > 31 </lit-table-column> 32 <lit-table-column order width="80px" title="Charge" 33 data-index="charge" key="charge" align="flex-start" > 34 </lit-table-column> 35 <lit-table-column order width="200px" title="Foreground Duration(ms)" 36 data-index="foreground_duration" key="foreground_duration" align="flex-start" > 37 </lit-table-column> 38 <lit-table-column order width="200px" title="Foreground Energy(mAs)" 39 data-index="foreground_energy" key="foreground_energy" align="flex-start" > 40 </lit-table-column> 41 <lit-table-column order width="200px" title="Background Duration(ms)" 42 data-index="background_duration" key="background_duration" align="flex-start" > 43 </lit-table-column> 44 <lit-table-column order width="200px" title="Background Energy(mAs)" 45 data-index="background_energy" key="background_energy" align="flex-start" > 46 </lit-table-column> 47 <lit-table-column order width="190px" title="Screen On Duration(ms)" 48 data-index="screen_on_duration" key="screen_on_duration" align="flex-start" > 49 </lit-table-column> 50 <lit-table-column order width="180px" title="Screen On Energy(mAs)" 51 data-index="screen_on_energy" key="screen_on_energy" align="flex-start" > 52 </lit-table-column> 53 <lit-table-column order width="190px" title="Screen Off Duration(ms)" 54 data-index="screen_off_duration" key="screen_off_duration" align="flex-start" > 55 </lit-table-column> 56 <lit-table-column order width="190px" title="Screen Off Energy(mAs)" 57 data-index="screen_off_energy" key="screen_off_energy" align="flex-start" > 58 </lit-table-column> 59 <lit-table-column order width="150px" title="Foreground Count" 60 data-index="foreground_count" key="foreground_count" align="flex-start" > 61 </lit-table-column> 62 <lit-table-column order width="150px" title="Background Count" 63 data-index="background_count" key="background_count" align="flex-start" > 64 </lit-table-column> 65 <lit-table-column order width="150px" title="Screen On Count" 66 data-index="screen_on_count" key="screen_on_count" align="flex-start" > 67 </lit-table-column> 68 <lit-table-column order width="150px" title="Screen Off Count" 69 data-index="screen_off_count" key="screen_off_count" align="flex-start" > 70 </lit-table-column> 71 <lit-table-column order width="170px" title="Background Time(ms)" 72 data-index="background_time" key="background_time" align="flex-start"> 73 </lit-table-column> 74 <lit-table-column order width="160px" title="Screen On Time(ms)" 75 data-index="screen_on_time" key="screen_on_time" align="flex-start" > 76 </lit-table-column> 77 <lit-table-column order width="160px" title="Screen Off Time(ms)" 78 data-index="screen_off_time" key="screen_off_time" align="flex-start" > 79 </lit-table-column> 80 <lit-table-column order width="110px" title="Energy(mAs)" 81 data-index="energy" key="energy" align="flex-start" > 82 </lit-table-column> 83 <lit-table-column order width="80px" title="Load(%)" 84 data-index="load" key="load" align="flex-start" > 85 </lit-table-column> 86 <lit-table-column order width="100px" title="Usage(ms)" 87 data-index="usage" key="usage" align="flex-start" > 88 </lit-table-column> 89 <lit-table-column order width="120px" title="Duration(ms)" 90 data-index="duration" key="duration" align="flex-start" > 91 </lit-table-column> 92 <lit-table-column order width="100px" title="Camera Id" 93 data-index="camera_id" key="camera_id" align="flex-start" > 94 </lit-table-column> 95 <lit-table-column order width="80px" title="Count" 96 data-index="count" key="count" align="flex-start" > 97 </lit-table-column> 98 <lit-table-column order width="140px" title="Energy Percent(%)" 99 data-index="energyConsumptionRatio" key="energyConsumptionRatio" align="flex-start" > 100 </lit-table-column> 101 </lit-table>`; 102