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 TabPaneCurrentHtml = ` 16 <style> 17 :host{ 18 display: flex; 19 flex-direction: column; 20 padding: 10px 10px; 21 } 22 </style> 23 <lit-table class="notes-editor-panel" style="height: auto"> 24 <lit-table-column width="15%" data-index="startTimeStr" key="startTimeStr" align="flex-start" title="StartTime"> 25 </lit-table-column> 26 <lit-table-column width="15%" data-index="endTimeStr" key="endTimeStr" align="flex-start" title="EndTime"> 27 </lit-table-column> 28 <lit-table-column width="10%" data-index="color" key="color" align="flex-start" title="Color"> 29 <template> 30 <div style='width:50px; height: 21px; position: relative;overflow: hidden;'> 31 <input type="color" id="color-input" style=' 32 background: var(--dark-background5,#FFFFFF); 33 padding: 0px; 34 border: none; 35 width: 60px; 36 height: 31px; 37 position: absolute; 38 top: -5px; 39 left: -5px;'/> 40 </div> 41 </template> 42 </lit-table-column> 43 <lit-table-column width="40%" data-index="text" key="text" align="flex-start" title="Remarks"> 44 <template> 45 <input type="text" id="text-input" style="width: 100%; border: none" /> 46 </template> 47 </lit-table-column> 48 <lit-table-column width="10%" data-index="operate" key="operate" align="flex-start" title="Operate"> 49 <template> 50 <button class="remove" style=' 51 background: var(--dark-border1,#262f3c); 52 color: white; 53 border-radius: 10px; 54 font-size: 10px; 55 height: 21px; 56 line-height: 21px; 57 min-width: 7em; 58 border: none; 59 cursor: pointer; 60 outline: inherit; 61 '>Remove</button> 62 </template> 63 </lit-table-column> 64 </lit-table> 65 `; 66