-
-
Notifications
You must be signed in to change notification settings - Fork 19
/
template.html
153 lines (140 loc) · 6.8 KB
/
template.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Echo Live 消息模板制作器</title>
<link rel="icon" href="res/image/favicon.ico">
<link rel="stylesheet" href="res/style/fh-ui.css">
<link rel="stylesheet" href="res/style/editor.css">
<link rel="stylesheet" href="res/style/editor-accessibility.css">
<script src="lib/jquery-3.7.1.min.js"></script>
<script src="config.js"></script>
<script src="res/class/Icon.js"></script>
<script src="res/class/EchoLiveTools.js"></script>
<script src="res/class/EditorConstructor.js"></script>
</head>
<body>
<main>
<!-- 标签页标题 -->
<nav id="echo-editor-nav" class="tabpage-nav" data-navid="main">
<button
id="tabpage-nav-import"
class="tabpage-nav-item"
data-pageid="import"
role="tab"
aria-selected="true"
accesskey="1"
title="导入模板库 [alt+1]"
>导入</button>
<button
id="tabpage-nav-list"
class="tabpage-nav-item"
data-pageid="list"
role="tab"
aria-selected="false"
accesskey="2"
title="模板列表 [alt+2]"
>模板</button>
<button
id="tabpage-nav-edit"
class="tabpage-nav-item"
data-pageid="edit"
role="tab"
aria-selected="false"
accesskey="3"
title="编辑模板 [alt+3]"
>编辑</button>
<button
id="tabpage-nav-package"
class="tabpage-nav-item"
data-pageid="package"
role="tab"
aria-selected="false"
accesskey="4"
title="封装模板库 [alt+4]"
>封装</button>
<button
id="tabpage-nav-export"
class="tabpage-nav-item"
data-pageid="export"
role="tab"
aria-selected="false"
accesskey="5"
title="导出模板库 [alt+5]"
>导出</button>
</nav>
<!-- 标签页面板 -->
<div class="tabpage-centent" data-navid="main">
<!-- 导入标签页 -->
<section class="tabpage-panel" role="tabpanel" data-pageid="import">
<h2 class="tabpage-panel-title">导入</h2>
<p style="color: red;">该页面正在施工中，暂不可用。</p>
<div class="editor-controller-bottom fh-flex-row">
<button id="list-btn-export" class="fh-button fh-big fh-ghost">新建模板库</button>
<button id="list-btn-create" class="fh-button fh-big">导入模板库</button>
</div>
</section>
<!-- 模板标签页 -->
<section class="tabpage-panel hide" role="tabpanel" data-pageid="list">
<h2 class="tabpage-panel-title">模板</h2>
<p style="color: red;">该页面正在施工中，暂不可用。</p>
<div class="editor-controller-bottom fh-flex-row">
<button id="list-btn-clear" class="fh-button fh-big fh-ghost fh-danger">清空模板列表</button>
<button id="list-btn-create" class="fh-button fh-big fh-ghost">新建模板</button>
<button id="list-btn-export" class="fh-button fh-big">导出模板库</button>
</div>
</section>
<!-- 编辑标签页 -->
<section class="tabpage-panel hide" role="tabpanel" data-pageid="edit">
<h2 class="tabpage-panel-title">编辑</h2>
<p style="color: red;">该页面正在施工中，暂不可用。</p>
<div class="echo-editor-form">
<label for="message-data">消息格式 JSON 数据</label>
<textarea name="message-data" id="edit-message-data" class="code"></textarea>
<div class="editor-controller-bottom fh-flex-row">
<button id="edit-btn-clear" class="fh-button fh-big fh-danger">重置</button>
<button id="edit-btn-submit" class="fh-button fh-big">保存</button>
</div>
</div>
</section>
<!-- 封装标签页 -->
<section class="tabpage-panel hide" role="tabpanel" data-pageid="package">
<h2 class="tabpage-panel-title">封装</h2>
<p style="color: red;">该页面正在施工中，暂不可用。</p>
<div class="echo-editor-form">
<label for="package-name">模板库名称</label>
<input type="text" name="package-name" id="package-name">
<label for="package-author">作者（可选）</label>
<input type="text" name="package-author" id="package-author">
<label for="package-description">描述（可选）</label>
<textarea name="package-description" id="package-description" class="code"></textarea>
<button role="checkbox" aria-selected="true" class="checkbox">
<span class="icon"></span>
<span class="text">最小化打包</span>
<input type="hidden" name="package-minimize" id="package-minimize" value="0">
</button>
<div class="editor-controller-bottom fh-flex-row">
<button id="package-btn-submit" class="fh-button fh-big">完成封装</button>
</div>
</div>
</section>
<!-- 导出标签页 -->
<section class="tabpage-panel hide" role="tabpanel" data-pageid="export">
<h2 class="tabpage-panel-title">导出</h2>
<p style="color: red;">该页面正在施工中，暂不可用。</p>
<div class="echo-editor-form">
<label for="message-data">导出模板库 JSON 数据</label>
<textarea name="message-data" id="edit-message-data" class="code"></textarea>
<div class="editor-controller-bottom fh-flex-row">
<button id="edit-btn-clear" class="fh-button fh-big fh-danger">清空</button>
<button id="edit-btn-submit" class="fh-button fh-big">导出文件</button>
</div>
</div>
</section>
</div>
</main>
<script src="res/script/editor-common.js"></script>
<script src="res/script/template.js"></script>
</body>
</html>