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 SpHiSysEventHtml = `<style>
17        :host{
18          background: var(--dark-background3,#FFFFFF);
19          display: inline-block;
20          width: 100%;
21          height: 100%;
22          border-radius: 0px 16px 16px 0px;
23        }
24        :host([startSamp]) .record-input {
25          background: var(--dark-background5,#FFFFFF);
26        }
27        :host(:not([startSamp])) .record-input {
28          color: #999999;
29        }
30        .root {
31          margin-bottom: 30px;
32          padding-top: 30px;
33          padding-left: 54px;
34          margin-right: 30px;
35          font-size:16px;
36        }
37        .hisys-event-config {
38          width: 80%;
39          display: flex;
40          flex-direction: column;
41          gap: 25px;
42          margin-top: 5vh;
43          margin-bottom: 5vh;
44        }
45        .event-title {
46          font-weight: 700;
47          opacity: 0.9;
48          font-family: Helvetica-Bold;
49          font-size: 18px;
50          text-align: center;
51          line-height: 40px;
52          margin-right: 10px;
53        }
54        .event-des {
55          font-size: 14px;
56          opacity: 0.6;
57          line-height: 35px;
58          font-family: Helvetica;
59          text-align: center;
60          font-weight: 400;
61        }
62        lit-switch {
63          height: 38px;
64          margin-top: 10px;
65          display:inline;
66          float: right;
67        }
68        .record-input {
69          line-height: 20px;
70          font-weight: 400;
71          border: 1px solid var(--dark-background5,#ccc);
72          font-family: Helvetica;
73          font-size: 14px;
74          color: var(--dark-color1,#212121);
75          text-align: left;
76          width: auto;
77        }
78        </style>
79        <div class="root">
80          <div class="hisys-event-config">
81              <div>
82                 <span class="event-title">Start Hisystem Event Tracker Record</span>
83                 <lit-switch></lit-switch>
84              </div>
85          </div>
86          <div class="hisys-event-config">
87              <div>
88                 <span class="event-title">Domain</span>
89                 <span class="event-des">Record Domain Name</span>
90              </div>
91              <lit-select-v default-value="" rounded="" class="record-domain-input record-input" 
92              mode="multiple" canInsert="" title="Select Proces" placement="bottom" placeholder="ALL-Domain" readonly="readonly">
93              </lit-select-v>
94          </div>
95          <div class="hisys-event-config">
96              <div>
97                 <span class="event-title">EventName</span>
98                 <span class="event-des">Record Event Name</span>
99              </div>
100              <lit-select-v default-value="" rounded="" class="record-event-input record-input" 
101              mode="multiple" canInsert="" title="Select Proces" placement="bottom" placeholder="ALL-Event" readonly="readonly">
102              </lit-select-v>
103          </div>
104        </div>`;
105