-
Notifications
You must be signed in to change notification settings - Fork 0
/
index2.html
215 lines (209 loc) · 11.1 KB
/
index2.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
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
<!---
Author : Sherebiah Tisbi + Vincent L
Date Written : 03/21/2022
Goal : Main GUI for sermon downloader
Change Log : New Header
-->
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>SermonIndex-GUI</title>
<link rel="stylesheet" href="fontawesome/css/all.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<link rel="stylesheet" href="css/custom.css">
</head>
<body>
<div id="divFadebody"></div>
<div id="divAbout" class="aboutpopup">
<div class="modal-header">
<h3 class="modal-title">About Sermonindex</h3>
<button id="btnCloseAbout" class="btn btn-secondary" aria-label="close" data-toggle="tooltip"
data-placement="left" title="Close">
<i class="fas fa-times"></i>
</button>
</div>
<hr>
<p>
SermonIndex is not just a website but really has become a movement of believers seeking the 'old paths'
(Jeremiah 6:16).
This journey of faith weaves through the current state of evangelical Christianity and the passionate
preaching of many
godly ministers in our day. Many are seeking authenticity, reality and sincerity in the Christian faith.
In a day when
popular preachers are telling lies (Jeremiah 5:30-31), there is a great renewed desire to find the real
Jesus in the
midst of the counterfeit. SermonIndex has been able to archive many of the best preaching messages given
in the last 50
years in audio mp3 form.
</p>
<p>
To explore more please visit <a id="aWebsite" href="www.sermonindex.net" target="_blank">Sermonindex</a> website.
</p>
<p>
© Sermonindex.net 2002 - 2023
</p>
</div>
<div id="appContainer" class="container-fluid">
<div id="menuBar" class="menubar closemenu">
<ul>
<li><a id="aAbout">About</a></li>
</ul>
</div>
<div id="menuPointer" class="menupointer">
<!-- <span id="menuarrow" class="menuarrow"> -->
<i class="fas fa-angle-right menuarrow"></i>
<!-- </span> -->
</div>
<div id="divAppHeader" class="row">
<nav class="navbar col-md-12 app-header">
<div class="headersize">
<span><img class ="center-fit" src="images/app-header.png" class="d-inline-block align-top" alt=""></div></span>
</nav>
</div>
<div id="divSermonArea" class="row">
<!-- Speakers/Topics/Playlist listing -->
<div class="col col-md-4 speakermenu">
<div id="divCategories" class="catTab">
<ul class="speaker-tab-bar" id="ulCateory" role="tablist">
<li class="cat-item speaker-tab catActive">
<span>Speakers</span>
<span class='tabIcon'><i class='fas fa-user'></i></span>
</li>
<li class="cat-item speaker-tab catInactive">
<span>Topics</span>
<span class='tabIcon'><i class='fas fa-file-alt'></i></span>
</li>
<!-- <li class="cat-item speaker-tab catInactive">
<span>Playlist</span>
<span class='tabIcon'><i class='fas fa-headphones'></i></span>
</li> -->
</ul>
</div>
<div id='divListings' class='catContent'>
<div class="navbar section-title text-center">
<div id="divSpeakerlist" class="navbar-brand">Speakers</div>
</div>
<div class="form-group mb-2 no-bottom-margin">
<input type="text" class="form-control no-radius sd-control sd-input" id="txtsearch"
placeholder="Type here to Search">
</div>
<div class="tab-pane fade show active" id="divSpeakers" role="tabpanel" aria-labelledby="speaker-tab">
<div class="overflow-container">
<table id="tblSpeakers" class="table">
</table>
</div>
</div>
<div id="divSpeakerStatus" class="statusBar">
<div id="divSpeakeralert" class="alert alert-play" role="alert">
<span id="spanSpeakerAlert"></span>
</div>
</div>
</div>
</div>
<!-- Sermons listing -->
<div class="col col-md-8">
<div class="navbar section-title text-center">
<div id="divSermonlist" class="navbar-brand">Sermons</div>
<div class="form-inline">
<!-- <button id="btnOpenFolder" class="btn btn-secondary" data-toggle="tooltip" data-placement="left" title="Open sermon folder ">
<i class="fas fa-folder-open"></i>
</button> -->
<span> </span>
<button id="btnPlayAll" class="btn btn-secondary" data-toggle="tooltip" data-placement="left"
title="Play all downloaded sermons of this speaker" disabled>
<i class="fas fa-bars"></i> <i class="fas fa-play"></i>
</button>
<button id="btnDownloadAll" class="btn btn-secondary" data-toggle="tooltip"
data-placement="left"
title="Download all sermons of this speaker, once downloaded the icon in the sermon list will change to play icon."
disabled>
<i class='fas fa-bars'></i> <i class='fas fa-download'></i>
</button>
</div>
</div>
<div class="form-group mb-2 no-bottom-margin">
<input type="text" class="form-control no-radius sd-control sd-input" id="txtsermonsearch"
placeholder="Type here to Search">
</div>
<div id="divSermons" class="overflow-container">
<table id="tblSermons" class="table table-striped">
<thead>
<tr width=100%>
<th width=10% class="text-center">
<span>
<i class='fas fa-play'></i> / <i class='fas fa-download'></i>
</span>
</th>
<th id="cellTopicSpeaker" width=20% class="sortable">
<span class='sortInactive'><i class='fas fa-sort-alpha-up'></i></span> Topic/Speaker
</th>
<th id="cellTitle" width=45% class="sortable">
<span class='sortActive'><i class='fas fa-sort-alpha-up'></i></span> Title
</th>
<th id="cellFormat" width=15% class="sortable">
<span class='sortInactive'><i class='fas fa-sort-alpha-up'></i></span> Format
</th>
<th width=10%>Duration</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
<audio id="divAudio"></audio>
</div>
<div id="divSermonStatus" class="statusBar text-right">
<div id="divPlayalert" class="alert alert-play" role="alert">
<span id="spanPlayAlert"></span>
</div>
</div>
</div>
</div>
<!-- Audio panel -->
<div id="divPlayerControls" class="row text-center">
<div class="col-md-12 text-center audio-panel">
<div>
<span id="spanAudioTitle" class="audiostatus"></span>
</div>
<!-- <button id="btnStopMedia" class="btn btn-secondary" data-toggle="tooltip" data-placement="left"
disabled>
<i class="fas fa-play"></i>
</button> -->
<input type="range" min="1" max="100" value="0" step="0.3" class="slider" id="mediaBar">
<span id="spanAudioStatus" class="audiostatus"></span>
<div id="divMediaControls">
<button id="btnPrev" class="btn btn-secondary" disabled>
<i class="fas fa-backward"></i>
</button>
<button id="btnStopMedia" class="btn btn-secondary" disabled>
<i class="fas fa-play"></i>
</button>
<button id="btnNext" class="btn btn-secondary" disabled>
<i class="fas fa-forward"></i>
</button>
</div>
</div>
</div>
</div>
<!-- footer -->
<footer id="footerArea">
<div class="fixed-bottom">
<div class="col-md-12 footer-content text-center">
© Sermonindex.net 2002 - 2023
</div>
</div>
</footer>
<!-- All scripts linkage -->
<script>
window.jQuery = window.$ = require('jquery');
</script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"
integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"
integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6"
crossorigin="anonymous"></script>
<script src="js/index.js"></script>
</body>
</html>