初始化提交
This commit is contained in:
王立帮
@@ -0,0 +1,26 @@
|
||||
<style>
|
||||
div[m-id="{{d.mId}}"] {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
div[m-id="{{d.mId}}"] > div {
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
}
|
||||
|
||||
html[data-bs-theme=light] div[m-id="{{d.mId}}"] > div {
|
||||
background: url('../common/css/svg/empty/empty-light.svg');
|
||||
background-size: 100% auto;
|
||||
}
|
||||
|
||||
html[data-bs-theme=dark] div[m-id="{{d.mId}}"] > div {
|
||||
background: url('../common/css/svg/empty/empty-dark.svg');
|
||||
background-size: 100% auto;
|
||||
}
|
||||
</style>
|
||||
<div m-id="{{d.mId}}" class="page-item">
|
||||
<div></div>
|
||||
</div>
|
||||
25
common/templates/html/statusbar/statusbar-ampy-open-fs.html
Normal file
25
common/templates/html/statusbar/statusbar-ampy-open-fs.html
Normal file
@@ -0,0 +1,25 @@
|
||||
<style>
|
||||
div[m-id="{{d.mId}}"] {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
div[m-id="{{d.mId}}"] > button {
|
||||
margin: 15px;
|
||||
max-width: 200px;
|
||||
width: 100%;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
color: #fff !important;
|
||||
height: 25px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
</style>
|
||||
<div m-id="{{d.mId}}">
|
||||
<button class="layui-btn layui-btn-xs m-btn self-adaption-btn">{{ d.loadBoardFS }}</button>
|
||||
</div>
|
||||
31
common/templates/html/statusbar/statusbar-ampy.html
Normal file
31
common/templates/html/statusbar/statusbar-ampy.html
Normal file
@@ -0,0 +1,31 @@
|
||||
<style>
|
||||
div[m-id="{{d.mId}}"] {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
div[m-id="{{d.mId}}"] > .file-tree {
|
||||
width: 15%;
|
||||
height: 100%;
|
||||
border-right-width: 1px;
|
||||
border-right-style: solid;
|
||||
}
|
||||
|
||||
html[data-bs-theme=light] div[m-id="{{d.mId}}"] > .file-tree {
|
||||
border-right-color: #c9c9c9;
|
||||
}
|
||||
|
||||
html[data-bs-theme=dark] div[m-id="{{d.mId}}"] > .file-tree {
|
||||
border-right-color: rgba(128, 128, 128, 0.35);
|
||||
}
|
||||
|
||||
div[m-id="{{d.mId}}"] > .editor {
|
||||
width: 85%;
|
||||
height: 100%;
|
||||
}
|
||||
</style>
|
||||
<div m-id="{{d.mId}}" class="page-item">
|
||||
<div class="file-tree"></div>
|
||||
<div class="editor"></div>
|
||||
</div>
|
||||
142
common/templates/html/statusbar/statusbar-fs-panel.html
Normal file
142
common/templates/html/statusbar/statusbar-fs-panel.html
Normal file
@@ -0,0 +1,142 @@
|
||||
<style>
|
||||
div[m-id="{{d.mId}}"] {
|
||||
height: fit-content;
|
||||
margin: 0px 20px 20px 20px;
|
||||
font-weight: bold;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
div[m-id="{{d.mId}}"] input {
|
||||
font-family: Consolas, "Courier New", monospace;
|
||||
}
|
||||
|
||||
html[data-bs-theme=light] div[m-id="{{d.mId}}"] {
|
||||
box-shadow: 0 0 5px 1px #ddd;
|
||||
}
|
||||
|
||||
html[data-bs-theme=dark] div[m-id="{{d.mId}}"] {
|
||||
box-shadow: 0 0 5px 1px #111;
|
||||
}
|
||||
|
||||
html[data-bs-theme=light] div[m-id="{{d.mId}}"] input:focus,
|
||||
html[data-bs-theme=light] div[m-id="{{d.mId}}"] select:focus {
|
||||
border-color: var(--app-light-color) !important;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
html[data-bs-theme=dark] div[m-id="{{d.mId}}"] input:focus,
|
||||
html[data-bs-theme=dark] div[m-id="{{d.mId}}"] select:focus {
|
||||
border-color: var(--app-dark-color) !important;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
div[m-id="{{d.mId}}"] > .card-header {
|
||||
position: relative;
|
||||
padding: 5px 0px;
|
||||
border-radius: 5px 5px 0 0;
|
||||
}
|
||||
|
||||
div[m-id="{{d.mId}}"] > .card-header > .layui-icon {
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
right: 7px;
|
||||
top: 7px;
|
||||
}
|
||||
|
||||
div[m-id="{{d.mId}}"] > .card-header > .progress {
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
height: 3px;
|
||||
width: 100%;
|
||||
border-radius: 0;
|
||||
display: none;
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
div[m-id="{{d.mId}}"] > .card-header > .progress > .bar {
|
||||
height: 100%;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
html[data-bs-theme=light] div[m-id="{{d.mId}}"] > .card-header > .progress > .bar {
|
||||
background-color: #fff !important;
|
||||
}
|
||||
|
||||
html[data-bs-theme=dark] div[m-id="{{d.mId}}"] > .card-header > .progress > .bar {
|
||||
background-color: #1e1e1e !important;
|
||||
}
|
||||
|
||||
div[m-id="{{d.mId}}"] > .card-header > .progress > .bar::before {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
html[data-bs-theme=light] div[m-id="{{d.mId}}"] > .card-header > .progress > .bar::before {
|
||||
background-color: var(--app-light-color);
|
||||
}
|
||||
|
||||
html[data-bs-theme=dark] div[m-id="{{d.mId}}"] > .card-header > .progress > .bar::before {
|
||||
background-color: var(--app-dark-color);
|
||||
}
|
||||
|
||||
div[m-id="{{d.mId}}"] > .card-body {
|
||||
border-radius: 0 0 5px 5px;
|
||||
}
|
||||
|
||||
div[m-id="{{d.mId}}"] > .card-body .input-group {
|
||||
height: 28px;
|
||||
}
|
||||
|
||||
div[m-id="{{d.mId}}"] > .card-body .input-group .input-group-text {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
div[m-id="{{d.mId}}"] .select2 > .selection * {
|
||||
background: transparent;
|
||||
text-align: left;
|
||||
font-weight: 400;
|
||||
color: var(--bs-body-color) !important;
|
||||
}
|
||||
|
||||
div[m-id="{{d.mId}}"] .select2 > .selection > .select2-selection {
|
||||
border-radius: 0.25rem;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
border: var(--bs-border-width) solid var(--bs-border-color);
|
||||
}
|
||||
</style>
|
||||
<div m-id="{{d.mId}}" class="card text-center">
|
||||
<div class="card-header">
|
||||
{{ d.mapFolder }}
|
||||
<i class="close-btn layui-icon layui-icon-close"></i>
|
||||
<div class="ui swinging indeterminate progress">
|
||||
<div class="bar"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="row g-3">
|
||||
<div class="col-sm-4 mb-3">
|
||||
<div class="input-group flex-nowrap input-group-sm">
|
||||
<span class="input-group-text">{{ d.comment }}</span>
|
||||
<input class="form-control form-control-sm" type="text" placeholder="{{ d.commentInfo }}">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-3 mb-3">
|
||||
<div class="input-group flex-nowrap input-group-sm">
|
||||
<span class="input-group-text">{{ d.filesystem }}</span>
|
||||
<select class="fs-type form-select"></select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-5 mb-3">
|
||||
<div class="input-group flex-nowrap input-group-sm">
|
||||
<span class="input-group-text">{{ d.path }}</span>
|
||||
<input class="folder-input form-control form-control-sm" type="text" placeholder="{{ d.mapFolder }}" disabled>
|
||||
<button type="button" class="folder-btn btn btn-primary btn-sm self-adaption-btn m-btn">{{ d.selectFolder }}</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-grid gap-2 d-md-flex justify-content-md-center">
|
||||
<button class="download-btn btn btn-primary btn-sm self-adaption-btn m-btn" type="button">{{ d.download }}</button>
|
||||
<button class="upload-btn btn btn-primary btn-sm self-adaption-btn m-btn" type="button">{{ d.upload }}</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
34
common/templates/html/statusbar/statusbar-fs.html
Normal file
34
common/templates/html/statusbar/statusbar-fs.html
Normal file
@@ -0,0 +1,34 @@
|
||||
<style>
|
||||
html[data-bs-theme=light] div[m-id="{{d.mId}}"] * {
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
html[data-bs-theme=dark] div[m-id="{{d.mId}}"] * {
|
||||
background-color: #1e1e1e;
|
||||
}
|
||||
|
||||
div[m-id="{{d.mId}}"] > .content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
padding: 20px 0px;
|
||||
}
|
||||
|
||||
div[m-id="{{d.mId}}"] > .mask {
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
background: transparent !important;
|
||||
display: none;
|
||||
}
|
||||
</style>
|
||||
<div m-id="{{d.mId}}" class="mixly-scrollbar page-item">
|
||||
<div class="content">
|
||||
<div class="d-grid gap-2 d-md-flex justify-content-md-center">
|
||||
<button class="manage-btn btn btn-primary btn-sm self-adaption-btn m-btn" type="button">{{ d.new }}</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mask"></div>
|
||||
</div>
|
||||
88
common/templates/html/statusbar/statusbar-libs-mix.html
Normal file
88
common/templates/html/statusbar/statusbar-libs-mix.html
Normal file
@@ -0,0 +1,88 @@
|
||||
<style>
|
||||
div[m-id="{{d.mId}}"] {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
div[m-id="{{d.mId}}"] > .menu {
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
div[m-id="{{d.mId}}"] > .menu > .cloud {
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
div[m-id="{{d.mId}}"] > .menu .layui-panel {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
div[m-id="{{d.mId}}"] > .menu .layui-panel > .background {
|
||||
width: 100%;
|
||||
padding: 32px;
|
||||
border: 1px solid;
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
html[data-bs-theme=light] div[m-id="{{d.mId}}"] > .menu .layui-panel > .background {
|
||||
background-color: #1e1e1e;
|
||||
}
|
||||
|
||||
html[data-bs-theme=dark] div[m-id="{{d.mId}}"] > .menu .layui-panel > .background {
|
||||
background-color: #1e1e1e;
|
||||
}
|
||||
|
||||
html[data-bs-theme=light] div[m-id="{{d.mId}}"] > .menu .layui-panel > .background:focus {
|
||||
border-color: var(--app-light-color);
|
||||
}
|
||||
|
||||
html[data-bs-theme=dark] div[m-id="{{d.mId}}"] > .menu .layui-panel > .background:focus {
|
||||
border-color: var(--app-dark-color);
|
||||
}
|
||||
|
||||
html[data-bs-theme=light] div[m-id="{{d.mId}}"] > .menu .layui-panel > .background:hover {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
html[data-bs-theme=dark] div[m-id="{{d.mId}}"] > .menu .layui-panel > .background:hover {
|
||||
background-color: #333;
|
||||
}
|
||||
|
||||
div[m-id="{{d.mId}}"] > .menu .layui-panel > .content {
|
||||
padding: 32px;
|
||||
border: 1px solid;
|
||||
border-color: transparent;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
right: 0px;
|
||||
bottom: 0px;
|
||||
}
|
||||
</style>
|
||||
<div m-id="{{d.mId}}" lay-filter="{{d.mId}}" class="page-item mixly-scrollbar">
|
||||
<div class="menu">
|
||||
<div class="local">
|
||||
<div class="layui-panel panel-item">
|
||||
<button class="background">本地导入</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cloud">
|
||||
<div class="layui-panel panel-item">
|
||||
<button class="background">面板任意内容</button>
|
||||
</div>
|
||||
<div class="layui-panel panel-item">
|
||||
<button class="background">面板任意内容</button>
|
||||
</div>
|
||||
<div class="layui-panel panel-item">
|
||||
<button class="background">面板任意内容</button>
|
||||
</div>
|
||||
<div class="layui-panel panel-item">
|
||||
<button class="background">面板任意内容</button>
|
||||
</div>
|
||||
<div class="layui-panel panel-item">
|
||||
<button class="background">面板任意内容</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info"></div>
|
||||
</div>
|
||||
113
common/templates/html/statusbar/statusbar-serial-chart.html
Normal file
113
common/templates/html/statusbar/statusbar-serial-chart.html
Normal file
@@ -0,0 +1,113 @@
|
||||
<style>
|
||||
div[m-id="{{d.mId}}"] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
position: relative;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
div[m-id="{{d.mId}}"] > .item {
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
right: 0px;
|
||||
}
|
||||
|
||||
div[m-id="{{d.mId}}"] .col-sm-4 {
|
||||
width: 240px;
|
||||
margin-top: 0px;
|
||||
height: fit-content;
|
||||
}
|
||||
|
||||
div[m-id="{{d.mId}}"] > .setting {
|
||||
top: 0px;
|
||||
font-weight: bold;
|
||||
margin: 10px;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
html[data-bs-theme=light] div[m-id="{{d.mId}}"] > .setting * {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
html[data-bs-theme=dark] div[m-id="{{d.mId}}"] > .setting * {
|
||||
background-color: #1e1e1e;
|
||||
}
|
||||
|
||||
html[data-bs-theme=light] div[m-id="{{d.mId}}"] > .setting input:focus,
|
||||
html[data-bs-theme=light] div[m-id="{{d.mId}}"] > .setting select:focus {
|
||||
border-color: var(--app-light-color) !important;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
html[data-bs-theme=dark] div[m-id="{{d.mId}}"] > .setting input:focus,
|
||||
html[data-bs-theme=dark] div[m-id="{{d.mId}}"] > .setting select:focus {
|
||||
border-color: var(--app-dark-color) !important;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
div[m-id="{{d.mId}}"] > .setting .input-group {
|
||||
height: 28px;
|
||||
}
|
||||
|
||||
div[m-id="{{d.mId}}"] > .setting .input-group .input-group-text {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
div[m-id="{{d.mId}}"] > .setting .select2 > .selection * {
|
||||
background: transparent;
|
||||
text-align: left;
|
||||
font-weight: 400;
|
||||
color: var(--bs-body-color) !important;
|
||||
}
|
||||
|
||||
div[m-id="{{d.mId}}"] > .setting .select2 > .selection > .select2-selection {
|
||||
border-radius: 0.25rem;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
border: var(--bs-border-width) solid var(--bs-border-color);
|
||||
}
|
||||
|
||||
div[m-id="{{d.mId}}"] > .figure {
|
||||
top: 40px;
|
||||
bottom: 0px;
|
||||
min-height: 80px;
|
||||
margin: 0 0 10px 10px
|
||||
}
|
||||
|
||||
html[data-bs-theme=light] div[m-id="{{d.mId}}"] > .figure {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
html[data-bs-theme=dark] div[m-id="{{d.mId}}"] > .figure {
|
||||
background-color: #1e1e1e;
|
||||
}
|
||||
</style>
|
||||
<div m-id="{{d.mId}}" class="page-item mixly-scrollbar">
|
||||
<div class="item setting row g-3">
|
||||
<div class="col-sm-4">
|
||||
<div class="input-group flex-nowrap input-group-sm">
|
||||
<span class="input-group-text">{{ d.pointsNum }}</span>
|
||||
<select class="point-num form-select">
|
||||
<option value="100" selected>100</option>
|
||||
<option value="200">200</option>
|
||||
<option value="300">300</option>
|
||||
<option value="400">400</option>
|
||||
<option value="500">500</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-4">
|
||||
<div class="input-group flex-nowrap input-group-sm">
|
||||
<span class="input-group-text">{{ d.yMin }}</span>
|
||||
<input class="y-min form-control form-control-sm" type="text" value="0">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-4">
|
||||
<div class="input-group flex-nowrap input-group-sm">
|
||||
<span class="input-group-text">{{ d.yMax }}</span>
|
||||
<input class="y-max form-control form-control-sm" type="text" value="100">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item figure"></div>
|
||||
</div>
|
||||
77
common/templates/html/statusbar/statusbar-serial-output.html
Normal file
77
common/templates/html/statusbar/statusbar-serial-output.html
Normal file
@@ -0,0 +1,77 @@
|
||||
<style>
|
||||
div[m-id="{{d.mId}}"] {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
div[m-id="{{d.mId}}"] > .setting {
|
||||
position: absolute;
|
||||
display: inline-flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
top: 5px;
|
||||
right: 10px;
|
||||
width: fit-content;
|
||||
height: 23px;
|
||||
z-index: 1;
|
||||
border-radius: 2px;
|
||||
padding: 0 1px;
|
||||
}
|
||||
|
||||
html[data-bs-theme=light] div[m-id="{{d.mId}}"] > .setting {
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
html[data-bs-theme=dark] div[m-id="{{d.mId}}"] > .setting {
|
||||
background-color: #1e1e1e;
|
||||
}
|
||||
|
||||
div[m-id="{{d.mId}}"] > .setting label {
|
||||
height: 18px;
|
||||
font-size: 10px;
|
||||
padding: 2px;
|
||||
margin: 2px;
|
||||
line-height: 15px;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
html[data-bs-theme=light] div[m-id="{{d.mId}}"] > .setting label {
|
||||
border-color: #c9c9c9;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
html[data-bs-theme=dark] div[m-id="{{d.mId}}"] > .setting label {
|
||||
border-color: rgba(128, 128, 128, 0.35);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
html[data-bs-theme=light] div[m-id="{{d.mId}}"] > .setting .m-btn:hover,
|
||||
html[data-bs-theme=light] div[m-id="{{d.mId}}"] > .setting .btn-check:checked+.btn {
|
||||
background-color: var(--app-light-color);
|
||||
border-color: var(--app-light-color);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
html[data-bs-theme=dark] div[m-id="{{d.mId}}"] > .setting .m-btn:hover,
|
||||
html[data-bs-theme=dark] div[m-id="{{d.mId}}"] > .setting .btn-check:checked+.btn {
|
||||
background-color: var(--app-dark-color);
|
||||
border-color: var(--app-dark-color);
|
||||
}
|
||||
|
||||
div[m-id="{{d.mId}}"] > .body {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
</style>
|
||||
<div m-id="{{d.mId}}" class="page-item">
|
||||
<div class="setting">
|
||||
<label class="empty m-btn btn btn-outline-primary">{{ d.empty }}</label><br>
|
||||
<input type="checkbox" class="btn-check scroll" id="{{ d.mId }}-scroll" autocomplete="off">
|
||||
<label class="btn btn-outline-primary" for="{{ d.mId }}-scroll">{{ d.scroll }}</label><br>
|
||||
<input type="checkbox" class="btn-check timestamp" id="{{ d.mId }}-timestamp" autocomplete="off">
|
||||
<label class="btn btn-outline-primary" for="{{ d.mId }}-timestamp">{{ d.timestamp }}</label><br>
|
||||
<input type="checkbox" class="btn-check hex" id="{{ d.mId }}-hex" autocomplete="off">
|
||||
<label class="btn btn-outline-primary" for="{{ d.mId }}-hex">HEX</label><br>
|
||||
</div>
|
||||
<div class="body"></div>
|
||||
</div>
|
||||
177
common/templates/html/statusbar/statusbar-serial.html
Normal file
177
common/templates/html/statusbar/statusbar-serial.html
Normal file
@@ -0,0 +1,177 @@
|
||||
<style>
|
||||
div[m-id="{{d.mId}}"] {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
div[m-id="{{d.mId}}"] > .content {
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
right: 0px;
|
||||
bottom: 25px;
|
||||
}
|
||||
|
||||
div[m-id="{{d.mId}}"] > .send {
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
bottom: 0px;
|
||||
right: 0px;
|
||||
height: 25px;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
div[m-id="{{d.mId}}"] > .send > .box {
|
||||
flex-grow: 1;
|
||||
height: 100%;
|
||||
font-size: 13px;
|
||||
display: inline-flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
div[m-id="{{d.mId}}"] > .send > .box > input {
|
||||
font-family: Consolas, "Courier New", monospace;
|
||||
position: absolute;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
padding-left: 5px;
|
||||
padding-right: 100px;
|
||||
}
|
||||
|
||||
div[m-id="{{d.mId}}"] > .send > .box > .setting {
|
||||
position: absolute;
|
||||
right: 0px;
|
||||
display: inline-flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
div[m-id="{{d.mId}}"] > .send > .box > .setting label {
|
||||
height: 18px;
|
||||
font-size: 10px;
|
||||
padding: 2px;
|
||||
margin: auto 5px auto 0px;
|
||||
line-height: 15px;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
html[data-bs-theme=light] div[m-id="{{d.mId}}"] > .send > .box > .setting label {
|
||||
border-color: #c9c9c9;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
html[data-bs-theme=dark] div[m-id="{{d.mId}}"] > .send > .box > .setting label {
|
||||
border-color: rgba(128, 128, 128, 0.35);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
html[data-bs-theme=light] div[m-id="{{d.mId}}"] > .send > .box > .setting .btn-check:checked+.btn {
|
||||
background-color: var(--app-light-color);
|
||||
border-color: var(--app-light-color);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
html[data-bs-theme=dark] div[m-id="{{d.mId}}"] > .send > .box > .setting .btn-check:checked+.btn {
|
||||
background-color: var(--app-dark-color);
|
||||
border-color: var(--app-dark-color);
|
||||
}
|
||||
|
||||
div[m-id="{{d.mId}}"] > .send > .select2 {
|
||||
border-style: solid;
|
||||
border-width: 1px 1px 1px 0;
|
||||
}
|
||||
|
||||
html[data-bs-theme=light] div[m-id="{{d.mId}}"] > .send > *,
|
||||
html[data-bs-theme=light] div[m-id="{{d.mId}}"] > .send > .box > input,
|
||||
html[data-bs-theme=light] div[m-id="{{d.mId}}"] > .send .select2-selection--single {
|
||||
border-color: #c9c9c9;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
html[data-bs-theme=dark] div[m-id="{{d.mId}}"] > .send > *,
|
||||
html[data-bs-theme=dark] div[m-id="{{d.mId}}"] > .send > .box > input,
|
||||
html[data-bs-theme=dark] div[m-id="{{d.mId}}"] > .send .select2-selection--single {
|
||||
border-color: rgba(128, 128, 128, 0.35);
|
||||
background-color: #1e1e1e;
|
||||
}
|
||||
|
||||
div[m-id="{{d.mId}}"] > .send .select2-selection--single {
|
||||
height: 23px;
|
||||
border: none;
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
div[m-id="{{d.mId}}"] > .send .select2-selection--single > span {
|
||||
height: 23px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
html[data-bs-theme=light] div[m-id="{{d.mId}}"] > .send > .setting-menu > option:checked {
|
||||
color: white;
|
||||
background-color: var(--app-light-color);
|
||||
}
|
||||
|
||||
html[data-bs-theme=dark] div[m-id="{{d.mId}}"] > .send > .setting-menu > option:checked {
|
||||
color: white;
|
||||
background-color: var(--app-dark-color);
|
||||
}
|
||||
|
||||
html[data-bs-theme=light] div[m-id="{{d.mId}}"] > .send > .box > input:focus {
|
||||
border-color: var(--app-light-color) !important;
|
||||
}
|
||||
|
||||
html[data-bs-theme=dark] div[m-id="{{d.mId}}"] > .send > .box > input:focus {
|
||||
border-color: var(--app-dark-color) !important;
|
||||
}
|
||||
</style>
|
||||
<div m-id="{{ d.mId }}">
|
||||
<div class="content"></div>
|
||||
<div class="send">
|
||||
<div class="box">
|
||||
<input type="text" placeholder="{{d.sendInfo}}" autocomplete="off" disabled>
|
||||
<div class="setting">
|
||||
<input type="checkbox" class="btn-check hex" id="{{ d.mId }}-hex" autocomplete="off">
|
||||
<label class="btn btn-outline-primary" for="{{ d.mId }}-hex">HEX</label><br>
|
||||
<input type="checkbox" class="btn-check dtr" id="{{ d.mId }}-dtr" autocomplete="off">
|
||||
<label class="btn btn-outline-primary" for="{{ d.mId }}-dtr">DTR</label><br>
|
||||
<input type="checkbox" class="btn-check rts" id="{{ d.mId }}-rts" autocomplete="off">
|
||||
<label class="btn btn-outline-primary" for="{{ d.mId }}-rts">RTS</label><br>
|
||||
</div>
|
||||
</div>
|
||||
<select data-id="send-with" class="setting-menu" style="width: 60px;">
|
||||
<option value="no">no</option>
|
||||
<option value="\n">\n</option>
|
||||
<option value="\r">\r</option>
|
||||
<option value="\r\n" selected>\r\n</option>
|
||||
</select>
|
||||
<select data-id="baud" class="setting-menu" style="margin-right: 2px;border-right-width: 0;width: 90px;">
|
||||
<option value="300">300</option>
|
||||
<option value="600">600</option>
|
||||
<option value="750">750</option>
|
||||
<option value="1200">1200</option>
|
||||
<option value="2400">2400</option>
|
||||
<option value="4800">4800</option>
|
||||
<option value="9600" selected>9600</option>
|
||||
<option value="19200">19200</option>
|
||||
<option value="31250">31250</option>
|
||||
<option value="38400">38400</option>
|
||||
<option value="57600">57600</option>
|
||||
<option value="74880">74880</option>
|
||||
<option value="115200">115200</option>
|
||||
<option value="230400">230400</option>
|
||||
<option value="250000">250000</option>
|
||||
<option value="460800">460800</option>
|
||||
<option value="500000">500000</option>
|
||||
<option value="921600">921600</option>
|
||||
<option value="1000000">1000000</option>
|
||||
<option value="2000000">2000000</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
35
common/templates/html/statusbar/statusbars-manager.html
Normal file
35
common/templates/html/statusbar/statusbars-manager.html
Normal file
@@ -0,0 +1,35 @@
|
||||
<style>
|
||||
div[m-id="{{d.mId}}"] {
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
div[m-id="{{d.mId}}"] > .tabs {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
width: 100%;
|
||||
height: 23px;
|
||||
}
|
||||
|
||||
div[m-id="{{d.mId}}"] > .body {
|
||||
position: absolute;
|
||||
top: 23px;
|
||||
bottom: 0px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
html[data-bs-theme=light] div[m-id="{{d.mId}}"] > .body {
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
html[data-bs-theme=dark] div[m-id="{{d.mId}}"] > .body {
|
||||
background-color: #1e1e1e;
|
||||
}
|
||||
</style>
|
||||
<div m-id="{{d.mId}}">
|
||||
<div class="tabs"></div>
|
||||
<div class="body"></div>
|
||||
</div>
|
||||
59
common/templates/html/statusbar/statusbars-tab.html
Normal file
59
common/templates/html/statusbar/statusbars-tab.html
Normal file
@@ -0,0 +1,59 @@
|
||||
<style>
|
||||
div[m-id="{{d.mId}}"] {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
height: 23px;
|
||||
z-index: 3;
|
||||
padding: 0px;
|
||||
border-width: 1px 0px;
|
||||
border-style: solid;
|
||||
}
|
||||
|
||||
html[data-bs-theme=light] div[m-id="{{d.mId}}"] {
|
||||
background-color: #f8f8f8;
|
||||
border-color: #c9c9c9;
|
||||
}
|
||||
|
||||
html[data-bs-theme=dark] div[m-id="{{d.mId}}"] {
|
||||
background-color: #252526;
|
||||
border-color: rgba(128, 128, 128, 0.35);
|
||||
}
|
||||
|
||||
div[m-id="{{d.mId}}"] > .chrome-tabs-content {
|
||||
width: unset;
|
||||
}
|
||||
|
||||
div[m-id="{{d.mId}}"] .x-scrollbar__content {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
display: block;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
div[m-id="{{d.mId}}"] > .operation > button {
|
||||
padding: 0 3px;
|
||||
margin-left: 2px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
div[m-id="{{d.mId}}"] > .statusbar-close {
|
||||
position: absolute;
|
||||
right: 2px;
|
||||
}
|
||||
</style>
|
||||
<div m-id="{{d.mId}}" class="chrome-tabs">
|
||||
<div class="chrome-tabs-content">
|
||||
</div>
|
||||
<div class="operation statusbar-dropdown-menu">
|
||||
<button type="button" class="layui-btn layui-btn-xs m-btn tab-btn statusbar-btn">
|
||||
<i class="layui-icon layui-icon-addition"></i>
|
||||
</button>
|
||||
</div>
|
||||
<div class="operation statusbar-close">
|
||||
<button type="button" class="layui-btn layui-btn-xs m-btn tab-btn statusbar-btn">
|
||||
<i class="layui-icon layui-icon-close"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user