Skip to content

Commit 48fecd9

Browse files
irsyadlerirsyadler
committed
Update index.html
1 parent 6f67785 commit 48fecd9

File tree

1 file changed

+98
-77
lines changed

1 file changed

+98
-77
lines changed

‎src/frontend/index.html‎

Lines changed: 98 additions & 77 deletions
Original file line numberDiff line numberDiff line change
@@ -5,13 +5,13 @@
55
<meta charset="UTF-8">
66
<meta name="viewport" content="width=device-width, initial-scale=1.0">
77
<title>NoteFinder</title>
8-
<link rel="icon" type="image/x-icon" href="assets/images/icon.ico">
98

109
<link rel="stylesheet" href="assets/bootstrap/bootstrap-reboot.min.css" />
1110
<link rel="stylesheet" href="assets/datatables/datatables.min.css" />
1211
<link rel="stylesheet" href="assets/font/material-icons/material-icons.css">
1312
<link rel="stylesheet" href="assets/font/charis-sil/charis-sil.css">
1413
<link rel="stylesheet" href="assets/style.css" />
14+
1515
</head>
1616

1717
<body>
@@ -28,106 +28,67 @@
2828

2929
<!-- Container for main content -->
3030
<div id="containerContent">
31-
<!-- Section menu -->
32-
<section id="sectionMenu" class="">
31+
<!-- Section navigation -->
32+
<section id="sectionNavigation" class="">
3333

3434
<div>
35-
<div class="button menu-button transparent" id="buttonMenuToggle"><span
36-
class="material-icons-round menu-button-icon">menu</span></div>
35+
<div class="button common-button transparent" id="buttonOptionsToggle" title="Show or hide the menu"><span
36+
class="material-icons-round common-button-icon">menu</span></div>
3737
</div>
3838

3939
<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>
40+
<div class="button common-button button-choose" id="buttonChooseDirectory" data-default="Choose PDF Folder"
41+
title="Choose the directory contains PDF document(s)">
42+
<span class="material-icons-round icon-left gradient">folder_open</span>
4243
<span class="button-choose-text"></span>
4344
</div>
4445
</div>
4546

4647
<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>
48+
<div class="button common-button transparent" id="buttonRefresh" title="Refresh the annotation table">
49+
<span class="material-icons-round">refresh</span>
50+
</div>
8451
</div>
85-
<div class="menu-seperator"></div>
8652

8753
</section>
88-
<!-- #END Section information -->
54+
<!-- #END Section navigation -->
8955

90-
<!-- Section table -->
91-
<section id="sectionTable" class="">
56+
<!-- Section content -->
57+
<section id="sectionContent" class="">
9258

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>
59+
<div id="boxSearch">
60+
<div id="boxSearchInput" title="Search the annotation table">
61+
<span class="material-icons-round icon-left">search</span>
62+
<input type="text" id="inputSearchTable" placeholder="Search">
10563
</div>
10664

107-
<div class="menu-seperator"></div>
65+
<div class="button common-button button-mutable" id="buttonSetGroupOrder">
66+
<span class="text">Sort Title</span>
67+
<span class="value" id="infoGroupOrder"></span>
68+
</div>
10869

109-
<div class="button menu-button" id="buttonSetPageLength">
110-
<span class="text">Paging</span>
70+
<div class="button common-button button-mutable" id="buttonSetPageLength"
71+
title="Set the number of annotation entries shown per page">
72+
<span class="text">Show</span>
11173
<span class="value" id="infoPageLength"></span>
11274
</div>
11375

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>
76+
<div class="navigation-seperator"></div>
11977

78+
<div id="infoTableStats"></div>
12079
</div>
12180

12281
<div id="boxTable">
123-
<table id="tableAnnotation" class="">
82+
<table id="tableAnnotation">
12483
<thead>
12584
<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>
85+
<th>Document Location</th>
86+
<th title="The annotations counter">#</th>
87+
<th title="">Document Title</th>
88+
<th title="The annotation's page number">Page</th>
89+
<th title="The annotations's type (comment or highlight)">Type</th>
90+
<th title="The annotations's content">Annotation Content</th>
91+
<th title="">Created Date</th>
13192
</tr>
13293
</thead>
13394
<tbody>
@@ -136,18 +97,78 @@ <h5 class="info-header">ABOUT</h5>
13697
</div>
13798

13899
<div id="boxStatus">
139-
140100
<div id="boxStatusLoader">
141101
<img id="imgStatusOut" src="assets/images/logo-frame.svg" draggable="false">
142102
<img id="imgStatusIn" src="assets/images/logo-char.svg" draggable="false">
143103
</div>
144104

145-
<span id="boxStatusError" class="material-icons-round icon-right">error_outline</span>
105+
<span id="boxStatusError" class="material-icons-round icon-left">error_outline</span>
146106
<span id="boxStatusText" data-default="Please choose the PDF folder."></span>
147107
</div>
148108

109+
<div id="boxEditor">
110+
<div class="editor-frame">
111+
<h5 class="editor-header">Edit PDF Document's Title</h5>
112+
<div id="editorInfoFilePath" title="The PDF document's location"></div>
113+
114+
<div class="editor-input-box" id="editorBoxTitle" >
115+
<span class="material-icons-round icon-left">title</span>
116+
<input type="text" id="editorBoxTitleInput" placeholder="PDF Document Title">
117+
</div>
118+
119+
<div class="editor-button-group">
120+
<span id="editorStatusText"></span>
121+
<div class="navigation-seperator"></div>
122+
<div class="button common-button editor-button-cancel" id="buttonEditorCancel">Cancel<span class="material-icons-round icon-right">cancel</span></div>
123+
<div class="button common-button editor-button-save" id="buttonEditorSave">Save<span class="material-icons-round icon-right">save</span></div>
124+
</div>
125+
</div>
126+
</div>
127+
128+
</section>
129+
<!-- #END Section content -->
130+
131+
<!-- Section options -->
132+
<section id="sectionOptions" class="">
133+
134+
<h5 class="option-header">OPTIONS</h5>
135+
<div class="group-common-button-switch">
136+
<div class="button common-button switch" data-key="groupAnnotations" data-state="on"
137+
title="Group annnotations on each PDF document">Group Annotations<span
138+
class="common-button-icon material-icons-round icon-right gradient">check_box</span></div>
139+
<div class="button common-button switch" data-key="showTitle" data-state="on"
140+
title="Show PDF document's title instead of filename">Show Document Title<span
141+
class="common-button-icon material-icons-round icon-right gradient">check_box</span></div>
142+
143+
<div class="button common-button switch" data-key="showModificationDate" data-state="off"
144+
title="Show annotation's last modified date and time instead of created date and time">Show Modification
145+
Date<span class="common-button-icon material-icons-round icon-right gradient">check_box</span>
146+
</div>
147+
</div>
148+
149+
<h5 class="option-header" id="buttonChoosePdfAppHeader">PDF APPLICATION EXECUTABLE</h5>
150+
<div class="button common-button button-choose" id="buttonChoosePdfApp"
151+
data-default="Choose PDF Application Executable" title="Set the Adobe Acrobat Reader application's location">
152+
<span class="material-icons-round icon-left gradient">picture_as_pdf</span>
153+
<span class="button-choose-text"></span>
154+
</div>
155+
156+
<h5 class="option-header">RESET</h5>
157+
<div class="button common-button" id="buttonResetConfig" title="Reset the NoteFinder application"><span
158+
class="material-icons-round icon-left gradient">restart_alt</span>Reset All Settings</div>
159+
160+
<h5 class="option-header">ABOUT</h5>
161+
<img id="imgInfoLogo" src="assets/images/logo-full.svg" alt="NoteFinder Logo" draggable="false"
162+
title="NoteFinder Logo">
163+
<div id="copyright">
164+
<code>Version 0.8.5 | <span id="appLicense">AGPL-3.0-only License</span> | <span id="appUrl">https://github.com/irsyadler/NoteFinder</span></code>
165+
<br>
166+
<code>NoteFinder © 2023 M. A. Irsyad M. Aminuddin</code>
167+
</div>
168+
<div class="navigation-seperator"></div>
169+
149170
</section>
150-
<!-- #END Section table -->
171+
<!-- #END Section options -->
151172
</div>
152173
<!-- #END Container for main content -->
153174

0 commit comments

Comments
 (0)