Skip to content

Commit 371c71b

Browse files
irsyadlerirsyadler
committed
Create index.html
1 parent b4ff632 commit 371c71b

File tree

1 file changed

+162
-0
lines changed

1 file changed

+162
-0
lines changed

‎src/frontend/index.html‎

Lines changed: 162 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,162 @@
1+
<!DOCTYPE html>
2+
<html lang="en-US">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>NoteFinder</title>
8+
<link rel="icon" type="image/x-icon" href="assets/images/icon.ico">
9+
10+
<link rel="stylesheet" href="assets/bootstrap/bootstrap-reboot.min.css" />
11+
<link rel="stylesheet" href="assets/datatables/datatables.min.css" />
12+
<link rel="stylesheet" href="assets/font/material-icons/material-icons.css">
13+
<link rel="stylesheet" href="assets/font/charis-sil/charis-sil.css">
14+
<link rel="stylesheet" href="assets/style.css" />
15+
</head>
16+
17+
<body>
18+
<!-- Wrap the whole content in a single container -->
19+
<div id="containerParent">
20+
<!-- Container for loading UI -->
21+
<div id="containerLoader">
22+
<img src="assets/images/logo-full.svg" alt="NoteFinder Logo" draggable="false">
23+
</div>
24+
<!-- #END Container for loading UI -->
25+
<!-- Container for Window Title Bar -->
26+
<div id="containerTitleBar">NoteFinder</div>
27+
<!-- #END Container for Window Title Bar -->
28+
29+
<!-- Container for main content -->
30+
<div id="containerContent">
31+
<!-- Section menu -->
32+
<section id="sectionMenu" class="">
33+
34+
<div>
35+
<div class="button menu-button transparent" id="buttonMenuToggle"><span
36+
class="material-icons-round menu-button-icon">menu</span></div>
37+
</div>
38+
39+
<div>
40+
<div class="button menu-button button-choose" id="buttonChooseDirectory" data-default="Choose PDF Folder">
41+
<span class="material-icons-round icon-right">folder_open</span>
42+
<span class="button-choose-text"></span>
43+
</div>
44+
</div>
45+
46+
<div>
47+
<div class="button menu-button transparent" id="buttonRefresh"><span
48+
class="material-icons-round">refresh</span></div>
49+
</div>
50+
51+
</section>
52+
<!-- #END Section menu -->
53+
54+
<!-- Section information -->
55+
<section id="sectionInfo" class="">
56+
57+
<h5 class="info-header">OPTIONS</h5>
58+
<div class="group-menu-button-switch">
59+
<div class="button menu-button switch" data-key="enableRecursive" data-state="on">Search PDF in
60+
Subfolders<span class="menu-button-icon material-icons-round icon-left">check_box</span></div>
61+
<div class="button menu-button switch" data-key="showTitle" data-state="on">Show Document Title<span
62+
class="menu-button-icon material-icons-round icon-left">check_box</span></div>
63+
<div class="button menu-button switch" data-key="trimNewline" data-state="on">Trim Comment's Newline<span
64+
class="menu-button-icon material-icons-round icon-left">check_box</span></div>
65+
</div>
66+
67+
<h5 class="info-header" id="buttonChoosePdfAppHeader">PDF APPLICATION EXECUTABLE</h5>
68+
<div class="button menu-button button-choose" id="buttonChoosePdfApp"
69+
data-default="Choose PDF Application Executable">
70+
<span class="material-icons-round icon-right">picture_as_pdf</span>
71+
<span class="button-choose-text"></span>
72+
</div>
73+
74+
<h5 class="info-header">RESET</h5>
75+
<div class="button menu-button" id="buttonResetConfig"><span
76+
class="material-icons-round icon-right">restart_alt</span>Reset All Settings</div>
77+
78+
<h5 class="info-header">ABOUT</h5>
79+
<img id="imgInfoLogo" src="assets/images/logo-full.svg" alt="NoteFinder Logo" draggable="false">
80+
<div id="copyright">
81+
<code>Version 0.5.2 | <span id="appLicense">AGPL-3.0-only License</span> | <span id="appUrl">https://github.com/irsyadler/NoteFinder</span></code>
82+
<br>
83+
<code>NoteFinder © 2023 M. A. Irsyad M. Aminuddin</code>
84+
</div>
85+
<div class="menu-seperator"></div>
86+
87+
</section>
88+
<!-- #END Section information -->
89+
90+
<!-- Section table -->
91+
<section id="sectionTable" class="">
92+
93+
<div id="boxFilter">
94+
<div class="menu-stat-info">
95+
<span class="type">Document</span>
96+
<span class="value" id="infoFileCount"></span>
97+
</div>
98+
<div class="menu-stat-info">
99+
<span class="type">Size</span>
100+
<span class="value" id="infoFileSize"></span>
101+
</div>
102+
<div class="menu-stat-info">
103+
<span class="type">Annotation</span>
104+
<span class="value" id="infoAnnotationCount"></span>
105+
</div>
106+
107+
<div class="menu-seperator"></div>
108+
109+
<div class="button menu-button" id="buttonSetPageLength">
110+
<span class="text">Paging</span>
111+
<span class="value" id="infoPageLength"></span>
112+
</div>
113+
114+
<div id="boxFilterInput">
115+
<span class="material-icons-round icon-right">search</span>
116+
<input type="text" id="inputSearchTable" placeholder="Filter">
117+
118+
</div>
119+
120+
</div>
121+
122+
<div id="boxTable">
123+
<table id="tableAnnotation" class="">
124+
<thead>
125+
<tr>
126+
<th>Relative Path</th>
127+
<th>Filename / PDF Title</th>
128+
<th>Page</th>
129+
<th>Type</th>
130+
<th>Annotation Content</th>
131+
</tr>
132+
</thead>
133+
<tbody>
134+
</tbody>
135+
</table>
136+
</div>
137+
138+
<div id="boxStatus">
139+
140+
<div id="boxStatusLoader">
141+
<img id="imgStatusOut" src="assets/images/logo-frame.svg" draggable="false">
142+
<img id="imgStatusIn" src="assets/images/logo-char.svg" draggable="false">
143+
</div>
144+
145+
<span id="boxStatusError" class="material-icons-round icon-right">error_outline</span>
146+
<span id="boxStatusText" data-default="Please choose the PDF folder."></span>
147+
</div>
148+
149+
</section>
150+
<!-- #END Section table -->
151+
</div>
152+
<!-- #END Container for main content -->
153+
154+
</div>
155+
<script src="assets/jquery/jquery-3.6.1.min.js"></script>
156+
<script src="assets/datatables/datatables.min.js"></script>
157+
<script src="assets/datatables-highlight/jquery.highlight.js"></script>
158+
<script src="assets/datatables-highlight/dataTables.searchHighlight.min.js"></script>
159+
<script src="assets/script.js"></script>
160+
</body>
161+
162+
</html>

0 commit comments

Comments
 (0)