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 SpFIleSystemHtml = `
17<style>
18.root {
19    font-size:16px;
20    margin-bottom: 30px;
21    padding-top: 30px;
22    padding-left: 54px;
23    margin-right: 30px;
24}
25:host{
26    display: inline-block;
27    background: var(--dark-background3,#FFFFFF);
28    border-radius: 0 16px 16px 0;
29     width: 100%;
30    height: 100%;
31}
32.file-system-config-div {
33   display: flex;
34   flex-direction: column;
35   width: 80%;
36   margin-top: 5vh;
37   margin-bottom: 5vh;
38   gap: 25px;
39}
40
41.file-system-title {
42  line-height: 40px;
43  font-weight: 700;
44  margin-right: 10px;
45  opacity: 0.9;
46  font-family: Helvetica-Bold;
47  font-size: 18px;
48  text-align: center;
49}
50
51input {
52   border-radius: 16px;
53   text-indent:2%;
54   height: 25px;
55   outline:none;
56}
57
58.file-system-select {
59  border-radius: 15px;
60}
61
62.file-system-des {
63  line-height: 35px;
64  font-weight: 400;
65  opacity: 0.6;
66  font-family: Helvetica;
67  font-size: 14px;
68  text-align: center;
69}
70
71lit-switch {
72  height: 38px;
73  margin-top: 10px;
74  display:inline;
75  float: right;
76}
77
78.fileSystem-input {
79    color: var(--dark-color1,#212121);
80    text-align: left;
81    line-height: 20px;
82    font-weight: 400;
83    border: 1px solid var(--dark-background5,#ccc);
84    font-family: Helvetica;
85    font-size: 14px;
86}
87
88:host(:not([startSamp])) .fileSystem-input {
89    color: #999999;
90}
91
92 :host([startSamp]) .fileSystem-input {
93    background: var(--dark-background5,#FFFFFF);
94}
95
96input::-webkit-input-placeholder{
97    color:var(--bark-prompt,#999999);
98}
99</style>
100<div class="root">
101  <div class="file-system-title" id="traceMode" style="text-align:left;">
102    <span style='color: red'>Long trace mode! If current data Trace is too large, it may not open!</span>
103  </div>
104  <div class="file-system-config-div">
105    <div>
106       <span class="file-system-title">Start FileSystem Record</span>
107       <lit-switch id="fileSystem"></lit-switch>
108    </div>
109  </div>
110  <div class="file-system-config-div">
111    <div>
112       <span class="file-system-title">Start Page Fault Record</span>
113       <lit-switch id="pageFault"></lit-switch>
114    </div>
115  </div>
116  <div class="file-system-config-div">
117    <div>
118       <span class="file-system-title">Start BIO Latency Record</span>
119       <lit-switch id="bioLatency"></lit-switch>
120    </div>
121  </div>
122  <div class="file-system-config-div">
123     <div>
124         <span class="file-system-title">Process</span>
125         <span class="file-system-des">Record process</span>
126      </div>
127    <lit-select-v default-value="" rounded="" class="file-system-select config" mode="multiple" canInsert="" 
128    rounded placement = "bottom" title="Process"></lit-select-v>
129  </div>
130  <div class="file-system-config-div">
131     <div>
132         <span class="file-system-title">Max Unwind Level</span>
133      </div>
134    <input class="fileSystem-input config" title="Max Unwind Level" id="maxUnwindLevel" value="10"/>
135  </div>
136</div>
137`;
138