This repository was archived by the owner on Jun 4, 2025. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 2
Expand file tree
/
Copy pathindex.html
More file actions
227 lines (209 loc) · 15.1 KB
/
Copy pathindex.html
File metadata and controls
227 lines (209 loc) · 15.1 KB
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
216
217
218
219
220
221
222
223
224
225
226
227
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>FTP Browser</title>
<link rel="icon" href="assets/img/favicon.png" type="image/png" />
<link rel="stylesheet" href="assets/css/materialize.min.css" type="text/css" />
<link rel="stylesheet" href="assets/css/style.css" type="text/css" />
</head>
<body>
<div id="overlay"></div>
<div id="loader">
<div class='preloader-wrapper active'><div class='spinner-layer spinner-blue'><div class='circle-clipper left'><div class='circle'></div></div><div class='gap-patch'><div class='circle'></div></div><div class='circle-clipper right'><div class='circle'></div></div></div><div class='spinner-layer spinner-red'><div class='circle-clipper left'><div class='circle'></div></div><div class='gap-patch'><div class='circle'></div></div><div class='circle-clipper right'><div class='circle'></div></div></div><div class='spinner-layer spinner-yellow'><div class='circle-clipper left'><div class='circle'></div></div><div class='gap-patch'><div class='circle'></div></div><div class='circle-clipper right'><div class='circle'></div></div></div><div class='spinner-layer spinner-green'><div class='circle-clipper left'><div class='circle'></div></div><div class='gap-patch'><div class='circle'></div></div><div class='circle-clipper right'><div class='circle'></div></div></div></div>
</div>
<header class="navbar-fixed">
<nav class="purple darken-4">
<div class="nav-wrapper">
<a class="brand-logo">FTP</a>
<ul class="right hide-on-med-and-down">
<li class="waves-effect"><a href="index.html"><i class="material-icons left">home</i>Home</a></li>
<li class="waves-effect hide" id="disconnect-btn"><a href="javascript:void(0)"><i class="material-icons left">power_settings_new</i>Disconnect</a></li>
</ul>
</div>
</nav>
</header>
<main class="container">
<div id="ftp-form-container">
<form id="ftp-form">
<div class="row">
<div class="col s8 input-field">
<input type="text" id="ftp-host" name="ftp-host" required>
<label for="ftp-host">Host Name</label>
<span class="helper-text"></span>
</div>
<div class="col s4 input-field">
<input type="number" min="1" max="65535" id="ftp-port" name="ftp-port" value="21" required>
<label for="ftp-port">Port Number</label>
<span class="helper-text">Default port: 21</span>
</div>
</div>
<div class="row">
<div class="col m4 s6 input-field">
<input type="text" id="ftp-username" name="ftp-username">
<label for="ftp-username">Username</label>
<span class="helper-text">Leave blank for none</span>
</div>
<div class="col m4 s6 input-field">
<input type="password" id="ftp-password" name="ftp-password">
<label for="ftp-password">Password</label>
<span class="helper-text">Leave blank for none</span>
</div>
<div class="col m4 s12 center-align">
<button type="submit" id="ftp-form-submit-btn" class="btn btn-large orange waves-effect waves-light"><i class="material-icons left">navigate_next</i>Connect</button>
</div>
</div>
</form>
</div>
<div class="info-container" id="info-container" connection-status="0">
<div class="row col s12 center-align" id="info-text">
</div>
</div>
<div id="location-container" class="row hide">
<div class="col m4 s12 input-field">
<select>
</select>
<label>Directory List</label>
</div>
<div id="secondary-nav" class="col m8 s12 center-align">
<button id="ftp-back-btn" class="ftp-nav-btn btn waves-effect orange darken-1 tooltipped" data-tooltip="Back" data-position="bottom" disabled><i class="material-icons">keyboard_arrow_left</i></button>
<button id="ftp-home-btn" class="ftp-nav-btn btn waves-effect purple darken-1 tooltipped" chdir="/" data-tooltip="Home" data-position="top"><i class="material-icons">home</i></button>
<button id="ftp-refresh-btn" class="ftp-nav-btn btn waves-effect blue tooltipped" data-tooltip="Refresh with server" data-position="bottom"><i class="material-icons">refresh</i></button>
<button id="ftp-cache-btn" cache-status="1" class="btn waves-effect green tooltipped" data-tooltip="Caching enabled" data-position="top"><i class="material-icons">cached</i></button>
<button class="btn waves-effect tooltipped modal-trigger" data-target="listing-options-modal" data-tooltip="Listing options" data-position="bottom"><i class="material-icons">more_vert</i></button>
</div>
</div>
<div class="row">
<div id="collection-container-1" class="col s12">
</div>
<div id="collection-container-2" class="col hide">
</div>
<div id="collection-container-3" class="col hide">
</div>
</div>
<div id="rename-modal" class="modal">
<div class="modal-content">
<h4 id="rename-modal-heading">Rename {Field}</h4>
<div class="my-gap-5"></div>
<form id="rename-form">
<div class="input-field">
<input type="text" id="new-name" value="" required>
<label for="new-name">Name</label>
<span class="helper-text"></span>
</div>
<div class="row center-align">
<button type="button" class="btn-flat white-text red modal-close waves-effect"><i class="material-icons left">close</i>Cancel</button>
<button type="submit" id="rename-submit-btn" class="btn-flat white-text waves-effect green disabled"><i class="material-icons left">done</i>Confirm</button>
</div>
</form>
</div>
</div>
<div id="new-folder-modal" class="modal">
<div class="modal-content">
<h4 id="new-folder-modal-heading">Create Folder</h4>
<p id="new-folder-location"></p>
<div class="my-gap-5"></div>
<form id="new-folder-form">
<div class="input-field">
<input type="text" id="new-folder" value="" required>
<label for="new-folder">Folder Name</label>
<span class="helper-text">Name of the folder should be different from existing folders.</span>
</div>
<div class="row center-align">
<button type="button" class="btn-flat white-text red modal-close waves-effect"><i class="material-icons left">close</i>Cancel</button>
<button type="submit" id="new-folder-submit-btn" class="btn-flat white-text waves-effect green"><i class="material-icons left">done</i>Confirm</button>
</div>
</form>
</div>
</div>
<div id="listing-options-modal" class="modal">
<div class="modal-content">
<h4>Listing Options</h4>
<p>Viewing Options</p>
<div class="my-gap-5"></div>
<div class="row">
<div class="col s12">
<label>
<input class="with-gap" name="view-type" type="radio" value="1" checked />
<span>1-Column</span>
</label>
<label>
<input class="with-gap" name="view-type" type="radio" value="2" />
<span>2-Column</span>
</label>
<label>
<input class="with-gap" name="view-type" type="radio" value="3" />
<span>3-Column</span>
</label>
</div>
</div>
<p id="item-count"></p>
<p id="response-time"></p>
<div class="my-gap-5"></div>
<div class="row">
<div class="col s12">
<button type="button" class="listing-toggle btn green waves-effect" data-status="1" data-position="bottom" data-tooltip="Enabled" data-toggle="hidden"><i class="material-icons left">visibility_off</i>Hidden Items <span id="hidden-count"></span></button>
<button type="button" class="listing-toggle btn green waves-effect" data-status="1" data-position="bottom" data-tooltip="Enabled" data-toggle="system"><i class="material-icons left">settings</i>System Items <span id="system-count"></span></button>
</div>
</div>
<div class="row">
<div class="col s12">
<button type="button" class="listing-toggle btn green waves-effect" data-status="1" data-position="bottom" data-tooltip="Enabled" data-toggle="dir"><i class="material-icons left">folder</i>Directories <span id="dir-count"></span></button>
<button type="button" class="listing-toggle btn green waves-effect" data-status="1" data-position="bottom" data-tooltip="Enabled" data-toggle="other"><i class="material-icons left">help</i>Others <span id="other-count"></span></button>
</div>
</div>
<div class="row">
<div class="col s12">
<button type="button" class="listing-toggle btn green waves-effect" data-status="1" data-position="bottom" data-tooltip="Enabled" data-toggle="archive"><i class="material-icons left">archive</i>Archives <span id="aarchive-count"></span></button>
<button type="button" class="listing-toggle btn green waves-effect" data-status="1" data-position="bottom" data-tooltip="Enabled" data-toggle="code"><i class="material-icons left">code</i>Codes <span id="code-count"></span></button>
<button type="button" class="listing-toggle btn green waves-effect" data-status="1" data-position="bottom" data-tooltip="Enabled" data-toggle="doc"><i class="material-icons left">picture_as_pdf</i>Documents <span id="doc-count"></span></button>
<button type="button" class="listing-toggle btn green waves-effect" data-status="1" data-position="bottom" data-tooltip="Enabled" data-toggle="img"><i class="material-icons left">landscape</i>Images <span id="img-count"></span></button>
<button type="button" class="listing-toggle btn green waves-effect" data-status="1" data-position="bottom" data-tooltip="Enabled" data-toggle="music"><i class="material-icons left">music_note</i>Music <span id="music-count"></span></button>
<button type="button" class="listing-toggle btn green waves-effect" data-status="1" data-position="bottom" data-tooltip="Enabled" data-toggle="vid"><i class="material-icons left">movie</i>Videos <span id="vid-count"></span></button>
</div>
</div>
<div class="modal-footer">
<a href="#!" class="modal-close waves-effect waves-red btn-flat"><i class="material-icons left">close</i>Close</a>
</div>
</div>
</div>
<div id="upload-file-modal" class="modal">
<div class="modal-content">
<h4>Choose File</h4>
<p id="new-file-location"></p>
<div class="my-gap-5"></div>
<form id="upload-file-form" enctype="multipart/form-data">
<div class="file-field input-field">
<div class="btn">
<span>File</span>
<input type="file" id="new-file">
</div>
<div class="file-path-wrapper">
<input class="file-path validate" type="text">
</div>
</div>
<div class="row center-align">
<button type="button" class="btn-flat white-text red modal-close waves-effect"><i class="material-icons left">close</i>Cancel</button>
<button type="submit" id="upload-file-submit-btn" class="btn-flat white-text waves-effect green"><i class="material-icons left">publish</i>Upload</button>
</div>
</form>
</div>
</div>
<div class="fixed-action-btn scale-transition scale-out">
<a class="btn-floating btn-large red" id="op-fab">
<i class="large material-icons">add</i>
</a>
<ul>
<li><a class="btn-floating green tooltipped dir-op" data-op="upload-file" data-position="left" data-tooltip="Upload file"><i class="material-icons">publish</i></a></li>
<li><a class="btn-floating blue tooltipped dir-op" data-op="new-folder" data-position="left" data-tooltip="New folder"><i class="material-icons">add</i></a></li>
<li><a href="#" class="btn-floating black white-text tooltipped" data-position="left" data-tooltip="Back to top"><i class="material-icons">keyboard_arrow_up</i></a></li>
</ul>
</div>
</main>
</body>
<script src="assets/js/jquery-3.4.1.min.js"></script>
<script src="assets/js/materialize.min.js"></script>
<script src="assets/js/main.js"></script>
<script src="assets/js/events.js"></script>
</html>