-
-
Notifications
You must be signed in to change notification settings - Fork 1k
/
Copy pathpreview.html
98 lines (87 loc) · 3.91 KB
/
preview.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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>filter</title>
<link rel="stylesheet" type="text/css" href="css/public.css" media="all" />
<link rel="stylesheet" type="text/css" href="css/preview.css" media="all" />
<script src="js/init.js"></script>
<script src="js/firefox.js"></script>
<script src="js/function.js"></script>
</head>
<body>
<div class="play-container preview-container hide">
<video controls id="video-player"></video>
</div>
<div class="image-container preview-container hide">
<img src="" id="image-player" />
</div>
<div class="container">
<!-- 筛选条件 -->
<div class="filters">
<div class="filter-row">
<span data-i18n="type"></span>
<div id="extensionFilters"></div>
</div>
<div class="filter-row">
<span data-i18n="sort"></span>
<div class="sort-options">
<div class="sort-group">
<label><input type="radio" name="sortField" value="getTime" checked>
<i18n>getTime</i18n>
</label>
<label><input type="radio" name="sortField" value="size">
<i18n>fileSize</i18n>
</label>
</div>
<div class="sort-order">
<label><input type="radio" name="sortOrder" value="asc" data-i18n="asc" checked>
<i18n>asc</i18n>
</label>
<label><input type="radio" name="sortOrder" value="desc" data-i18n="desc">
<i18n>desc</i18n>
</label>
</div>
</div>
</div>
<div class="filter-row">
<span data-i18n="option"></span>
<label><input type="checkbox" name="showTitle">
<i18n>title</i18n>
</label>
</div>
<div class="filter-row">
<span data-i18n="regex"></span>
<input type="text" data-i18n-placeholder="regularFilterPlaceholder" id="regular" />
</div>
<div class="filter-row">
<span data-i18n="operation"></span>
<button class="button" id="select-all" data-i18n="selectAll"></button>
<button class="button" id="select-reverse" data-i18n="invertSelection"></button>
<button class="button2" id="download-selected" data-i18n="download" disabled></button>
<button id="merge-download" class="button2" data-i18n="onlineMerge" disabled></button>
<button id="copy-selected" class="button2" data-i18n="copy" disabled></button>
<button id="delete-selected" class="button2" data-i18n="delete" disabled></button>
<button id="aria2-selected" class="button2 hide" disabled>aria2</button>
<button id="send-selected" class="button2 hide" data-i18n="send2local" disabled></button>
<button id="clear" class="button" data-i18n="clear"></button>
<button id="debug" class="button">debug</button>
</div>
</div>
<!-- 媒体列表 -->
<div id="file-container" class="file-grid"></div>
<div id="selection-box"></div>
<!-- 分页 -->
<div class="pagination hide">
<button class="button" id="prev-page" disabled><<</button>
<div class="page-numbers"></div>
<button class="button" id="next-page" disabled>>></button>
</div>
</div>
<script src="lib/base64.js"></script>
<script src="lib/hls.min.js"></script>
<script src="js/pupup-utils.js"></script>
<script src="js/preview.js"></script>
<script src="js/i18n.js"></script>
</body>
</html>