~ubuntu-branches/debian/experimental/nzbget/experimental

« back to all changes in this revision

Viewing changes to webui/index.html

  • Committer: Package Import Robot
  • Author(s): Andreas Moog
  • Date: 2013-07-18 14:50:28 UTC
  • mfrom: (1.1.1)
  • Revision ID: package-import@ubuntu.com-20130718145028-qhxse81w1sj5w424
Tags: 11.0+dfsg-1
* New upstream release (Closes: #701896)
* Repackage original tarball to remove copies of jquery and twitter-
  bootstrap
* debian/watch: Update for new versioning scheme
* debian/patches: Remove all old patches, add one patch:
  - dont-embed-libraries.patch: Don't install embedded jquery and bootstrap 
    libraries
* debian/combat: Upgrade to debhelper combat 9
* debian/control:
  - Fix Vcs-Git field
  - Adjust debhelper version for combat level 9
  - Add jquery and bootstrap to depends for integrated webserver
  - Add python to recommends for post-processing scripts
  - Bump build-depends on libpar2-dev to support the cancel function
* debian/links:
  - Use the system jquery and bootstrap libraries
* debian/rules:
  - Add get-orig-source target to build modified upstream tarball
* Adjust sample nzbget.conf:
  - Only listen to 127.0.0.1 instead of 0.0.0.0
  - Use nzbget.conf as template for webui configuration
* Adjust sample nzbgetd init file:
  - Point to correct location of nzbget binary

Show diffs side-by-side

added added

removed removed

Lines of Context:
 
1
<!DOCTYPE html>
 
2
<!--
 
3
 * This file is part of nzbget
 
4
 *
 
5
 * Copyright (C) 2012-2013 Andrey Prygunkov <hugbug@users.sourceforge.net>
 
6
 *
 
7
 * This program is free software; you can redistribute it and/or modify
 
8
 * it under the terms of the GNU General Public License as published by
 
9
 * the Free Software Foundation; either version 2 of the License, or
 
10
 * (at your option) any later version.
 
11
 *
 
12
 * This program is distributed in the hope that it will be useful,
 
13
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 
14
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 
15
 * GNU General Public License for more details.
 
16
 *
 
17
 * You should have received a copy of the GNU General Public License
 
18
 * along with this program; if not, write to the Free Software
 
19
 * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
 
20
 *
 
21
 * $Revision: 714 $
 
22
 * $Date: 2013-06-19 20:24:50 +0200 (Wed, 19 Jun 2013) $
 
23
 *
 
24
 -->
 
25
 
 
26
<html lang="en">
 
27
<head>
 
28
        <meta charset="utf-8">
 
29
        <title>NZBGet</title>
 
30
        <meta name="description" content="NZBGet web-interface">
 
31
        <meta name="author" content="Andrey Prygunkov (hugbug@users.sourceforge.net)">
 
32
 
 
33
        <!-- Mobile settings -->
 
34
        <meta name="viewport" content="initial-scale=1.0, user-scalable=yes" />
 
35
        <meta name="apple-mobile-web-app-capable" content="yes" />
 
36
        <meta name="apple-mobile-web-app-status-bar-style" content="black" />
 
37
 
 
38
        <!-- Libraries -->
 
39
        <script language="javascript" type="text/javascript" src="lib/jquery.min.js"></script>
 
40
        <script language="javascript" type="text/javascript" src="lib/bootstrap.min.js"></script>
 
41
 
 
42
        <!-- NZBGet -->
 
43
        <script language="javascript" type="text/javascript" src="fasttable.js"></script>
 
44
        <script language="javascript" type="text/javascript" src="index.js"></script>
 
45
        <script language="javascript" type="text/javascript" src="util.js"></script>
 
46
        <script language="javascript" type="text/javascript" src="downloads.js"></script>
 
47
        <script language="javascript" type="text/javascript" src="edit.js"></script>
 
48
        <script language="javascript" type="text/javascript" src="status.js"></script>
 
49
        <script language="javascript" type="text/javascript" src="messages.js"></script>
 
50
        <script language="javascript" type="text/javascript" src="history.js"></script>
 
51
        <script language="javascript" type="text/javascript" src="upload.js"></script>
 
52
        <script language="javascript" type="text/javascript" src="config.js"></script>
 
53
 
 
54
        <style>.hide{display:none;}</style>
 
55
        <link rel="stylesheet" type="text/css" href="lib/bootstrap.css" />
 
56
        <link rel="stylesheet" type="text/css" href="style.css" />
 
57
 
 
58
        <!-- fav and touch icons -->
 
59
        <link rel="shortcut icon" href="img/favicon.ico">
 
60
        <!--
 
61
        <link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/apple-touch-icon-144-precomposed.png">
 
62
        <link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/apple-touch-icon-114-precomposed.png">
 
63
        <link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/apple-touch-icon-72-precomposed.png">
 
64
        <link rel="apple-touch-icon-precomposed" href="images/apple-touch-icon-57-precomposed.png">
 
65
        -->
 
66
</head>
 
67
 
 
68
<body>
 
69
 
 
70
<!-- *** NAVBAR ************************************************************ -->
 
71
 
 
72
<div class="navbar navbar-fixed-top" id="Navbar" style="display:none;">
 
73
        <div class="navbar-inner">
 
74
 
 
75
                <div class="container-fluid navbar-container" id="NavbarContainer">
 
76
 
 
77
                        <!-- LOGO -->
 
78
                        <div id="Logo" data-toggle="modal" href="#InfoDialog"><i class="img-logo"></i></div>
 
79
 
 
80
                        <!-- PLAY/PAUSE-BUTTON -->
 
81
                        <div id="PlayBlock">
 
82
                                <div id="PlayPauseBg"><div class="img-download-bg"></div></div>
 
83
                                <div id="PlayButton" class="img-download-orange" style="display:none;">
 
84
                                        <div class="PlayBlockInner" onclick="Status.playClick()" title="Download paused (click to resume)">
 
85
                                                <div class="img-download-btn"></div>
 
86
                                        </div>
 
87
                                </div>
 
88
                                <div id="PauseButton" class="img-download-green">
 
89
                                        <div class="PlayBlockInner" onclick="Status.playClick()" title="Download active (click to pause)">
 
90
                                                <div class="img-download-btn"></div>
 
91
                                        </div>
 
92
                                </div>
 
93
                                <div id="PlayAnimation" style="display:none;" onclick="Status.playClick()"></div>
 
94
                                <div id="PlayCaretBlock">
 
95
                                        <button id="PlayCaretButton" class="dropdown-toggle" data-toggle="dropdown"><span id="PlayCaret" class="caret"></span></button>
 
96
                                        <ul class="dropdown-menu menu-check" id="PlayMenu">
 
97
                                                <li class="menu-header">Pause activities</li>
 
98
                                                <li><a href="#" onclick="Status.pauseClick('download2')"><table><tr><td><i class="icon-ok" id="CHPauseDownload"></td><td>Pause Download</td></tr></table></a></li>
 
99
                                                <li><a href="#" onclick="Status.pauseClick('post')"><table><tr><td><i class="icon-ok" id="CHPausePostProcess"></td><td>Pause Post-Processing</td></tr></table></a></li>
 
100
                                                <li><a href="#" onclick="Status.pauseClick('scan')"><table><tr><td><i class="icon-ok" id="CHPauseScan"></td><td>Pause NZB Scan</td></tr></table></a></li>
 
101
                                                <li class="divider"></li>
 
102
                                                <li><a href="#" onclick="Status.pauseClick('download')"><table><tr><td><i class="icon-ok" id="CHSoftPauseDownload"></td><td>Soft-Pause Download</td></tr></table></a></li>
 
103
                                                <li class="divider"></li>
 
104
                                                <li class="menu-header">Pause for</li>
 
105
                                                <li><a href="#" onclick="Status.scheduledPauseClick(30*60)"><table><tr><td></td><td>30 Minutes</td></tr></table></a></li>
 
106
                                                <li><a href="#" onclick="Status.scheduledPauseClick(3*60*60)"><table><tr><td></td><td>3 Hours</td></tr></table></a></li>
 
107
                                                <li><a href="#" onclick="Status.scheduledPauseDialogClick()"><table><tr><td></td><td>Custom...</td></tr></table></a></li>
 
108
                                                <li class="divider"></li>
 
109
                                                <li><a data-toggle="modal" href="#PauseHelp"><table><tr><td></td><td>Quick Help</td></tr></table></a></li>
 
110
                                        </ul>
 
111
                                </div>
 
112
                        </div>
 
113
 
 
114
                        <!-- SPEED/TIME -->
 
115
                        <div id="InfoBlock">
 
116
                                <div href="#" onclick="Status.limitDialogClick()" title="Current speed (click to set speed limit)"><i class="icon-plane" id="StatusSpeedIcon"></i> <span id="StatusSpeed">--- KB/s</span></div>
 
117
                                <div href="#" onclick="Status.statDialogClick()" title="Remaining time (click for more statistics)"><i class="icon-time" id="StatusTimeIcon"></i> <span id="StatusTime">--h --m</span></div>
 
118
                        </div>
 
119
 
 
120
                        <!-- REFRESH MENU -->
 
121
                        <div id="RefreshBlockDesktop" class="pull-right phone-hide">
 
122
                                <div class="btn-toolbar" id="RefreshBlock">
 
123
                                        <div class="btn-group">
 
124
                                                <button class="btn btn-inverse" id="RefreshButton"><i class="icon-refresh" id="RefreshAnimation"></i></button>
 
125
                                                <button class="btn btn-inverse dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button>
 
126
                                                <ul class="dropdown-menu menu-refresh" id="RefreshMenu">
 
127
                                                        <li class="menu-header">Automatic refresh</li>
 
128
                                                        <li data="0.1"><a href="#"><table><tr><td></td><td>0.1</td><td>Second</td></tr></table></a></li>
 
129
                                                        <li data="0.2"><a href="#"><table><tr><td></td><td>0.2</td><td>Second</td></tr></table></a></li>
 
130
                                                        <li data="0.5"><a href="#"><table><tr><td></td><td>0.5</td><td>Second</td></tr></table></a></li>
 
131
                                                        <li data="1"><a href="#"><table><tr><td></td><td>1</td><td>Second</td></tr></table></a></li>
 
132
                                                        <li data="5"><a href="#"><table><tr><td></td><td>5</td><td>Seconds</td></tr></table></a></li>
 
133
                                                        <li data="15"><a href="#"><table><tr><td></td><td>15</td><td>Seconds</td></tr></table></a></li>
 
134
                                                        <li data="30"><a href="#"><table><tr><td></td><td>30</td><td>Seconds</td></tr></table></a></li>
 
135
                                                        <li data="60"><a href="#"><table><tr><td></td><td>1</td><td>Minute</td></tr></table></a></li>
 
136
                                                        <li data="0"><a href="#"><table><tr><td></td><td style="width:0"></td><td>Off</td></tr></table></a></li>
 
137
                                                        <li data="mark" style="display: none;"><i class="icon-ok"></i></li>
 
138
                                                </ul>
 
139
                                        </div>
 
140
                                </div>
 
141
                        </div>
 
142
 
 
143
                        <!-- SEARCH -->
 
144
                        <div class="btn-toolbar pull-right" id="SearchBlock">
 
145
                                <div class="navbar-search" style="display: none;">
 
146
                                        <input id="DownloadsTable_filter" class="search-query" type="text" placeholder="Search downloads">
 
147
                                        <i id="DownloadsTable_clearfilter" class="icon-remove-white search-clear" title="Clear"></i>
 
148
 
 
149
                                        <input id="HistoryTable_filter" class="search-query" type="text" placeholder="Search history">
 
150
                                        <i id="HistoryTable_clearfilter" class="icon-remove-white search-clear" title="Clear"></i>
 
151
 
 
152
                                        <input id="MessagesTable_filter" class="search-query" type="text" placeholder="Search messages">
 
153
                                        <i id="MessagesTable_clearfilter" class="icon-remove-white search-clear" title="Clear"></i>
 
154
 
 
155
                                        <input id="ConfigTable_filter" class="search-query" type="text" placeholder="Search settings">
 
156
                                        <i id="ConfigTable_clearfilter" class="icon-remove-white search-clear" title="Clear"></i>
 
157
                                </div>
 
158
                        </div>
 
159
 
 
160
                        <!-- TABS -->
 
161
                        <div class="nav" id="NavLinks">
 
162
                                <ul class="nav">
 
163
                                        <li class="active"><a data-toggle="tab" href="#DownloadsTab" id="DownloadsTabLink"><span class="phone-hide">Downloads </span><i class="icon-downloads-white phone-only inline"></i><br class="phone-only"><span class="badge" id="DownloadsTabBadge" style="display: none;"></span><span class="badge badge-empty" id="DownloadsTabBadgeEmpty">&nbsp;</span></a></li>
 
164
                                        <li><a data-toggle="tab" href="#HistoryTab" id="HistoryTabLink"><span class="phone-hide">History </span><i class="icon-history-white phone-only inline"></i><br class="phone-only"><span class="badge" id="HistoryTabBadge" style="display: none;"></span><span class="badge badge-empty" id="HistoryTabBadgeEmpty">&nbsp;</span></a></li>
 
165
                                        <li><a data-toggle="tab" href="#MessagesTab" id="MessagesTabLink"><span class="phone-hide">Messages </span><i class="icon-messages-white phone-only inline"></i><br class="phone-only"><span class="badge" id="MessagesTabBadge" style="display: none;"></span><span class="badge badge-empty" id="MessagesTabBadgeEmpty">&nbsp;</span></a></li>
 
166
                                        <li><a data-toggle="tab" href="#ConfigTab" id="ConfigTabLink"><span class="phone-hide">Settings </span><i class="icon-settings-white phone-only inline"></i><br class="phone-only"><span class="badge" id="ConfigTabBadge" style="display: none;"></span><span class="phone-only"><span class="badge badge-empty" id="ConfigTabBadgeEmpty">&nbsp;</span></span></a></li>
 
167
                                </ul>
 
168
                        </div>
 
169
 
 
170
                        <!-- REFRESH MENU PLACE IN MINI-THEME -->
 
171
                        <div id="RefreshBlockPhone" class="pull-right phone-only">
 
172
                        </div>
 
173
 
 
174
                </div>
 
175
        </div>
 
176
</div>
 
177
 
 
178
<!-- *** ERROR BLOCK  ****************************************************************** -->
 
179
<div class="alert alert-danger alert-block" style="display:none; margin-bottom:25px;" id="ErrorAlert">
 
180
        <h4 class="alert-heading" id="ErrorAlert-title">Communication error!</h4>
 
181
        <p id="ErrorAlert-text"></p>
 
182
</div>
 
183
 
 
184
<!-- *** ERROR BLOCK  ****************************************************************** -->
 
185
<div id="RefreshError" data-duration="1000" style="display:none" class="alert alert-inverse alert-center alert-center-small hide">
 
186
    <strong>Communication error, retrying...</strong>
 
187
</div>
 
188
 
 
189
<!-- *** INIT LOADING-ALERT ************************************************************ -->
 
190
<div class="alert alert-info alert-block" id="FirstUpdateInfo">
 
191
        <h4 class="alert-heading">Loading...</h4>
 
192
        Please wait.
 
193
</div>
 
194
 
 
195
<!-- *** UNSUPPORTED BROWSER: IE < 9 *************************************************** -->
 
196
<div class="alert alert-danger alert-block unsupported-browser" style="display:none;" id="UnsupportedBrowserIE8Alert">
 
197
        <h4 class="alert-heading">Unsupported browser!</h4>
 
198
        <p>Sorry but this application doesn't work with Internet Explorer versions below 9. Please
 
199
        upgrade to at least IE 9 or use another browser.</p>
 
200
        <p>If you believe you are getting this message by mistake, please check
 
201
        whether the compatibility mode is active in IE and switch it off to activate
 
202
        all browser functionality required for the application.</p>
 
203
</div>
 
204
 
 
205
<!-- *** CONTENT ************************************************************ -->
 
206
 
 
207
<div class="container-fluid" id="MainContent">
 
208
 
 
209
        <div class="tab-content" style="display:none;" id="MainTabContent">
 
210
 
 
211
<!-- *** DOWNLOADS ************************************************************ -->
 
212
 
 
213
                <div id="DownloadsTab" class="tab-pane fade in active">
 
214
 
 
215
                        <!-- *** DOWNLOADS: TOOLBAR -->
 
216
 
 
217
                        <div class="btn-toolbar form-inline section-toolbar" id="DownloadsToolbar">
 
218
 
 
219
                                <!-- ADD BUTTON -->
 
220
                                <div class="btn-group" id="TBAddButton">
 
221
                                        <button class="btn" onclick="Upload.addClick()" title="Add nzb-files"><i class="icon-plus"></i><span class="btn-caption"> Add</span></button>
 
222
                                </div>
 
223
 
 
224
                                <!-- NZB-ACTIONS BUTTONS -->
 
225
                                <div class="btn-group phone-hide">
 
226
                                        <button class="btn" onclick="Downloads.editClick()" title="Edit selected nzb-files"><i class="icon-edit"></i><span class="btn-caption"> Edit</span></button>
 
227
                                        <button class="btn" onclick="Downloads.mergeClick()" title="Merge selected nzb-files"><i class="icon-merge"></i><span class="btn-caption"> Merge</span></button>
 
228
                                        <button class="btn" onclick="Downloads.pauseClick()" title="Pause selected nzb-files"><i class="icon-pause"></i><span class="btn-caption"> Pause</span></button>
 
229
                                        <button class="btn" onclick="Downloads.resumeClick()" title="Resume selected nzb-files"><i class="icon-play"></i><span class="btn-caption"> Resume</span></button>
 
230
                                        <button class="btn" onclick="Downloads.deleteClick()" title="Delete selected nzb-files"><i class="icon-trash"></i><span class="btn-caption"> Delete</span></button>
 
231
                                </div>
 
232
                                <div class="btn-group phone-only inline"><button class="btn" onclick="Downloads.editClick()" title="Edit selected nzb-files"><i class="icon-edit"></i><span class="btn-caption"> Edit</span></button></div>
 
233
                                <div class="btn-group phone-only inline"><button class="btn" onclick="Downloads.mergeClick()" title="Merge selected nzb-files"><i class="icon-merge"></i><span class="btn-caption"> Merge</span></button></div>
 
234
                                <div class="btn-group phone-only inline"><button class="btn" onclick="Downloads.pauseClick()" title="Pause selected nzb-files"><i class="icon-pause"></i><span class="btn-caption"> Pause</span></button></div>
 
235
                                <div class="btn-group phone-only inline"><button class="btn" onclick="Downloads.resumeClick()" title="Resume selected nzb-files"><i class="icon-play"></i><span class="btn-caption"> Resume</span></button></div>
 
236
                                <div class="btn-group phone-only inline"><button class="btn" onclick="Downloads.deleteClick()" title="Delete selected nzb-files"><i class="icon-trash"></i><span class="btn-caption"> Delete</span></button></div>
 
237
 
 
238
                                <!-- MOVE BUTTONS -->
 
239
                                <div class="btn-group phone-hide">
 
240
                                        <button class="btn" onclick="Downloads.moveClick('top')" title="Move selected nzb-files to the top"><i class="icon-top"></i></button>
 
241
                                        <button class="btn" onclick="Downloads.moveClick('up')" title="Move selected nzb-files up"><i class="icon-up"></i></button>
 
242
                                        <button class="btn" onclick="Downloads.moveClick('down')" title="Move selected nzb-files down"><i class="icon-down"></i></button>
 
243
                                        <button class="btn" onclick="Downloads.moveClick('bottom')" title="Move selected nzb-files to the bottom"><i class="icon-bottom"></i></button>
 
244
                                </div>
 
245
                                <div class="btn-group phone-only inline"><button class="btn" onclick="Downloads.moveClick('top')" title="Move selected nzb-files to the top"><i class="icon-top"></i></button></div>
 
246
                                <div class="btn-group phone-only inline"><button class="btn" onclick="Downloads.moveClick('up')" title="Move selected nzb-files up"><i class="icon-up"></i></button></div>
 
247
                                <div class="btn-group phone-only inline"><button class="btn" onclick="Downloads.moveClick('down')" title="Move selected nzb-files down"><i class="icon-down"></i></button></div>
 
248
                                <div class="btn-group phone-only inline"><button class="btn" onclick="Downloads.moveClick('bottom')" title="Move selected nzb-files to the bottom"><i class="icon-bottom"></i></button></div>
 
249
 
 
250
                                <div class="btn-group phone-only inline" id="DownloadsRecordsPerPageBlockPhone">
 
251
                                </div>
 
252
 
 
253
                        </div>
 
254
 
 
255
<!-- *** DOWNLOADS: TABLE -->
 
256
 
 
257
                        <div class="form-inline toolbox-top clearfix" id="DownloadsTableTopBlock">
 
258
                                <div class="pull-left toolbox-length" id="DownloadsRecordsPerPageBlock">
 
259
                                        <select size="1" id="DownloadsRecordsPerPage" onchange="Downloads.recordsPerPageChange()">
 
260
                                                <option value="5">5</option>
 
261
                                                <option selected="selected" value="10">10</option>
 
262
                                                <option value="15">15</option>
 
263
                                                <option value="20">20</option>
 
264
                                                <option value="30">30</option>
 
265
                                                <option value="50">50</option>
 
266
                                                <option value="100">100</option>
 
267
                                        </select><span class="records-label"> records per page</span>
 
268
                                </div>
 
269
 
 
270
                                <div class="pagination pull-right"><ul id="DownloadsTable_pager"></ul></div>
 
271
                        </div>
 
272
 
 
273
                        <table class="table table-striped table-bordered table-check table-cancheck datatable" id="DownloadsTable">
 
274
                                <thead><tr><th><div class="check img-check"></div></th><th>Status</th><th>Name</th><th>Category</th><th class="text-right">Age</th><th width="120px"><div style="float:left; position:relative; width:50%; text-align:left;">Size</div><div style="float:right; position:relative; width:50%; text-align:right;">Left</div></th><th class="text-right">Estimated time</th></tr></thead>
 
275
                                <tbody></tbody>
 
276
                        </table>
 
277
 
 
278
                        <div class="toolbox-info clearfix">
 
279
                                <div id="DownloadsTable_info"></div>
 
280
                        </div>
 
281
 
 
282
                        <div class="alert alert-info alert-block hide" style="margin-top:-15px;" id="DownloadQueueEmpty">
 
283
                                <h4 class="alert-heading">Download queue is empty.</h4>
 
284
                                 To add downloads click Add button or put nzb-files into incoming nzb-directory (option <em>NzbDir</em>).
 
285
                        </div>
 
286
 
 
287
                        <br>
 
288
                </div>
 
289
 
 
290
<!-- *** HISTORY ************************************************************ -->
 
291
 
 
292
                <div id="HistoryTab" class="tab-pane fade">
 
293
 
 
294
<!-- *** HISTORY: TOOLBAR -->
 
295
 
 
296
                        <div class="btn-toolbar form-inline section-toolbar">
 
297
                                <div class="btn-group">
 
298
                                        <button class="btn" onclick="History.deleteClick()" title="Delete selected records"><i class="icon-trash"></i><span class="btn-caption"> Delete</span></button>
 
299
                                </div>
 
300
 
 
301
                                <div class="btn-group phone-only inline" id="HistoryRecordsPerPageBlockPhone">
 
302
                                </div>
 
303
 
 
304
                        </div>
 
305
 
 
306
<!-- *** HISTORY: TABLE -->
 
307
 
 
308
                        <div class="form-inline toolbox-top clearfix" id="HistoryTableTopBlock">
 
309
                                <div class="pull-left toolbox-length" id="HistoryRecordsPerPageBlock">
 
310
                                        <select size="1" id="HistoryRecordsPerPage" onchange="History.recordsPerPageChange()">
 
311
                                                <option value="5">5</option>
 
312
                                                <option selected="selected" value="10">10</option>
 
313
                                                <option value="15">15</option>
 
314
                                                <option value="20">20</option>
 
315
                                                <option value="30">30</option>
 
316
                                                <option value="50">50</option>
 
317
                                                <option value="100">100</option>
 
318
                                        </select><span class="records-label"> records per page</span>
 
319
                                </div>
 
320
 
 
321
                                <div class="pagination pull-right"><ul id="HistoryTable_pager"></ul></div>
 
322
                        </div>
 
323
 
 
324
                        <table class="table table-striped table-bordered table-check table-cancheck datatable" id="HistoryTable">
 
325
                                <thead><tr><th><div class="check img-check"></div></th><th>Status</th><th width="170px" class="text-center">Time</th><th>Name</th><th>Category</th><th class="text-right">Size</th></tr></thead>
 
326
                                <tbody></tbody>
 
327
                        </table>
 
328
 
 
329
                        <div class="toolbox-info clearfix">
 
330
                                <div id="HistoryTable_info"></div>
 
331
                        </div>
 
332
 
 
333
                        <br>
 
334
                </div>
 
335
 
 
336
<!-- *** MESSAGES ************************************************************ -->
 
337
 
 
338
                <div id="MessagesTab" class="tab-pane fade">
 
339
 
 
340
<!-- *** MESSAGES: TOOLBAR -->
 
341
 
 
342
                        <div class="btn-toolbar form-inline section-toolbar">
 
343
                                <div class="btn-group">
 
344
                                        <button class="btn" onclick="Messages.clearClick()" title="Delete all messages"><i class="icon-trash"></i> <span class="btn-caption">Clear</span></button>
 
345
                                </div>
 
346
<!--
 
347
                                <div class="btn-group">
 
348
                                        <div class="controls" style="float:left;">
 
349
                                                <div class="input-prepend">
 
350
                                                        <span class="add-on">Filter&nbsp;</span>
 
351
                                                </div>
 
352
                                        </div>
 
353
                                        <button class="btn active" onclick="TODO()" title="Show/Hide Detail-messages">Detail</button>
 
354
                                        <button class="btn active" onclick="TODO()" title="Show/Hide Info-messages">Info</button>
 
355
                                        <button class="btn active" onclick="TODO()" title="Show/Hide Warning-messages">Warning</button>
 
356
                                        <button class="btn active" onclick="TODO()" title="Show/Hide Error-messages">Error</button>
 
357
                                </div>
 
358
-->
 
359
 
 
360
                                <div class="btn-group phone-only inline" id="MessagesRecordsPerPageBlockPhone">
 
361
                                </div>
 
362
 
 
363
                        </div>
 
364
 
 
365
<!-- *** MESSAGES: TABLE -->
 
366
 
 
367
                        <div class="form-inline toolbox-top clearfix" id="MessagesTableTopBlock">
 
368
                                <div class="pull-left toolbox-length" id="MessagesRecordsPerPageBlock">
 
369
                                        <select size="1" id="MessagesRecordsPerPage" onchange="Messages.recordsPerPageChange()">
 
370
                                                <option value="5">5</option>
 
371
                                                <option selected="selected" value="10">10</option>
 
372
                                                <option value="15">15</option>
 
373
                                                <option value="20">20</option>
 
374
                                                <option value="30">30</option>
 
375
                                                <option value="50">50</option>
 
376
                                                <option value="100">100</option>
 
377
                                                <option value="1000">1000</option>
 
378
                                        </select><span class="records-label"> records per page</span>
 
379
                                </div>
 
380
 
 
381
                                <div class="pagination pull-right"><ul id="MessagesTable_pager"></ul></div>
 
382
                        </div>
 
383
 
 
384
                        <table class="table table-striped table-bordered datatable" id="MessagesTable">
 
385
                                <thead><tr><th width="65px">Kind</th><th width="170px" class="text-center">Time</th><th>Text</th></tr></thead>
 
386
                                <tbody></tbody>
 
387
                        </table>
 
388
 
 
389
                        <div class="toolbox-info clearfix">
 
390
                                <div id="MessagesTable_info"></div>
 
391
                        </div>
 
392
 
 
393
                        <br>
 
394
                </div>
 
395
 
 
396
<!-- *** CONFIG ************************************************************ -->
 
397
 
 
398
                <div id="ConfigTab" class="tab-pane fade">
 
399
 
 
400
                        <div id="ConfigTabData">
 
401
                                <div class="alert alert-info alert-block" id="ConfigLoadInfo">
 
402
                                        <h4 class="alert-heading">Loading configuration...</h4>
 
403
                                        Please wait.
 
404
                                </div>
 
405
                                <div class="alert alert-error alert-block hide" id="ConfigLoadServerTemplateError">
 
406
                                        <h4 class="alert-heading">Loading configuration failed</h4>
 
407
                                        Could not load template configuration file <em>nzbget.conf</em>. The file contains descriptions of options
 
408
                                        and is needed to display settings page. The file comes with NZBGet distribution archive and is usually
 
409
                                        automaically installed into the right location. This seems not to be a case with your installation though.<br><br>
 
410
                                        
 
411
                                        <span id="ConfigLoadServerTemplateErrorEmpty">Please put the template configuration file <em>nzbget.conf</em> into the 
 
412
                                        directory with web-interface files (<em><span id="ConfigLoadServerTemplateErrorWebDir"></span></em>).</span>
 
413
                                        
 
414
                                        <span id="ConfigLoadServerTemplateErrorNotFound">Please edit your configuration file
 
415
                                        (<em><span id="ConfigLoadServerTemplateErrorConfigFile"></span></em>) in a text editor
 
416
                                        and set the option <em>ConfigTemplate</em> to point to the template configuration file <em>nzbget.conf</em>.</span>
 
417
                                </div>
 
418
                                <div class="alert alert-error alert-block hide" id="ConfigLoadError">
 
419
                                        <h4 class="alert-heading">Loading configuration failed</h4>
 
420
                                        <em id="ConfigLoadErrorText"></em>.
 
421
                                </div>
 
422
                                <div class="hide" id="ConfigSaved">
 
423
                                        <div class="alert alert-success alert-block">
 
424
                                                <h4 class="alert-heading">Configuration has been saved successfully</h4>
 
425
                                                <p id="ConfigSaved_Reload">For changes to have effect NZBGet must be reloaded (soft-restart).<br><br>
 
426
                                                TIP: You can reload anytime later in section <em><strong>SYSTEM</strong></em> on settings page.</p>
 
427
                                                <p id="ConfigSaved_Close">The changes made to post-processing settings will be in effect for the next post-processing job.</p>
 
428
                                        </div>
 
429
                                        <button type="button" class="btn btn-primary" id="ConfigReload" onclick="Config.reload()">Reload NZBGet</button>
 
430
                                        <button type="button" class="btn btn-primary" id="ConfigClose" onclick="Config.close()">Return to Downloads</button>
 
431
                                </div>
 
432
 
 
433
                                <div id="ConfigContent">
 
434
 
 
435
                                        <div class="row-fluid">
 
436
                                                <div class="span3">
 
437
                                                        <ul class="nav nav-list" id="ConfigNav">
 
438
                                                        <li class="config-static"><a href="#Config-Info">INFO</a></li>
 
439
                                                        <li class="config-static"><a href="#Config-System">SYSTEM</a></li>
 
440
                                                        </ul>
 
441
                                                </div>
 
442
 
 
443
                                                <div class="span9">
 
444
                                                        <div>
 
445
 
 
446
                                                                <div class="config-header clearfix">
 
447
                                                                        <div class="pull-left config-title" id="ConfigTitle">INFO: SETTINGS</div>
 
448
                                                                </div>
 
449
 
 
450
                                                                <div id="ConfigInfo">
 
451
                                                                        <p>
 
452
                                                                        On this page you can review and change settings. When you done with changes click
 
453
                                                                        <em><strong>Save all changes</strong></em>, which saves the changes made in all sections.
 
454
                                                                        It's not neccessary to save changes in each section individually.
 
455
                                                                        </p>
 
456
 
 
457
                                                                        <h4>NZBGet settings</h4>
 
458
                                                                        <p>
 
459
                                                                        When you configure NZBGet for the first time you need
 
460
                                                                        to check at least the option <a class="option" href="#" data-category="S" onclick="Config.scrollToOption(event, this)">MainDir</a> and configure one news server.
 
461
                                                                        </p>
 
462
                                                                        <p>
 
463
                                                                        There are many configuration options affecting performance. If you use
 
464
                                                                        NZBGet on a computer with limited capabilities, such as NAS, media player,
 
465
                                                                        router, etc. you should take your time to configure NZBGet for best
 
466
                                                                        performance - see <a href="http://nzbget.sourceforge.net/Performance_tips">Performance tips</a>.
 
467
                                                                        </p>
 
468
                                                                        
 
469
                                                                        <h4>Post-processing scripts settings</h4>
 
470
                                                                        <p>
 
471
                                                                        When NZBGet finishes download of a nzb-file it can execute post-processing scripts for further processing (cleanup, etc.).
 
472
                                                                        To configure scripts use options in section <em><strong>POST-PROCESSING SCRIPTS</strong></em>.
 
473
                                                                        </p>
 
474
                                                                        <p>
 
475
                                                                        If your post-processing scripts define own options they are also shown here and can be configured like NZBGets built-in options.
 
476
                                                                        </p>
 
477
                                                                        
 
478
                                                                        <h4>Backup and restore settings</h4>
 
479
                                                                        <p>
 
480
                                                                        This can be done in section <em><strong>SYSTEM</strong></em>.
 
481
                                                                        </p>
 
482
                                                                </div>
 
483
 
 
484
                                                                <div>
 
485
                                                                        <div class="form-horizontal">
 
486
                                                                                <fieldset id="ConfigData">
 
487
 
 
488
                                                                                        <!-- *** SYSTEM -->
 
489
                                                                                        <div class="control-group config-static config-system">
 
490
                                                                                                <label class="control-label nowrap">Reload NZBGet</label>
 
491
                                                                                                <div class="controls">
 
492
                                                                                                        <button type="button" class="btn btn-danger" onclick="Config.reloadConfirm()">Reload</button>
 
493
                                                                                                        <p class="help-block">
 
494
                                                                                                        <span class="help-option-title">Reload configuration and reinitialize the program.</span><br><br>
 
495
                                                                                                        If the configuration file was edited externaly (in a texteditor) or you have not reloaded NZBGet directly after saving the changes in web-interface you can do this here.
 
496
                                                                                                        </p>
 
497
                                                                                                </div>
 
498
                                                                                        </div>
 
499
 
 
500
                                                                                        <div class="control-group config-static config-system">
 
501
                                                                                                <label class="control-label nowrap">Backup Settings</label>
 
502
                                                                                                <div class="controls">
 
503
                                                                                                        <button type="button" class="btn" onclick="ConfigBackupRestore.backupSettings()">Backup</button>
 
504
                                                                                                        <p class="help-block">
 
505
                                                                                                        <span class="help-option-title">Save settings to a local file.</span><br><br>
 
506
                                                                                                        Export all settings for backup purpose.
 
507
                                                                                                        <span id="ConfigBackupSafariNote"><br><br>
 
508
                                                                                                        <span class="label label-warning">NOTE:</span>
 
509
                                                                                                        This works with all major browsers except Safari (tested with 6.0.4; may work with newer versions).</span>
 
510
                                                                                                        </p>
 
511
                                                                                                </div>
 
512
                                                                                        </div>
 
513
 
 
514
                                                                                        <div class="control-group config-static config-system">
 
515
                                                                                                <label class="control-label nowrap">Restore Settings</label>
 
516
                                                                                                <div class="controls">
 
517
                                                                                                        <button type="button" class="btn" onclick="ConfigBackupRestore.restoreSettings()">Restore</button>
 
518
                                                                                                        <input type="file" id="Config_RestoreInput" class="hidden-file-input">
 
519
                                                                                                        <p class="help-block">
 
520
                                                                                                        <span class="help-option-title">Load settings from a local file.</span><br><br>
 
521
                                                                                                        Import settings from a previously created backup file. You can restore the whole configuration file or choose individual sections.
 
522
                                                                                                        </p>
 
523
                                                                                                </div>
 
524
                                                                                        </div>
 
525
 
 
526
                                                                                </fieldset>
 
527
                                                                        </div>
 
528
                                                                </div>
 
529
 
 
530
                                                        </div>
 
531
                                                </div>
 
532
                                        </div>
 
533
 
 
534
                                        <div class="ConfigFooter">
 
535
                                                <hr>
 
536
                                                <button type="button" class="btn btn-primary" id="Config_Save" onclick="Config.saveChanges()">Save all changes</button>
 
537
                                        </div>
 
538
                                </div>
 
539
                        </div>
 
540
                </div>
 
541
 
 
542
        </div>
 
543
</div>
 
544
 
 
545
<!-- *** INFO ************************************************************ -->
 
546
 
 
547
<div class="modal hide" id="InfoDialog">
 
548
        <div class="modal-header">
 
549
        <a class="close" href='#' data-dismiss="modal"><i class="icon-close"></i></a>
 
550
        <h3>NZBGet <span id="version">version</h3>
 
551
        </div>
 
552
        <div class="modal-body">
 
553
                <h1>Information about NZBGet</h1>
 
554
                <h2>Authors</h2>
 
555
                <p>NZBGet is developed and maintained by Andrey Prygunkov (<a href="mailto:hugbug@users.sourceforge.net">hugbug@users.sourceforge.net</a>).</p>
 
556
 
 
557
                <p>The original project was initially created by Sven Henkel (sidddy@users.sourceforge.net) in 2004 and later developed by Bo Cordes Petersen (placebodk@users.sourceforge.net) until 2005. In 2007 the abandoned project was overtaken by Andrey Prygunkov. Since then the program has been completely rewritten.</p>
 
558
 
 
559
                <h2>Copyright</h2>
 
560
                <p>This program is free software; you can redistribute it and/or modify
 
561
                it under the terms of the GNU General Public License as published by
 
562
                the Free Software Foundation; either version 2 of the License, or
 
563
                (at your option) any later version.</p>
 
564
 
 
565
                <p>The complete content of license is provided in file COPYING within distribution and also available <a href="http://www.gnu.org/licenses/gpl-2.0.html">online</a>.</p>
 
566
 
 
567
                <p>Additional exemption: compiling, linking, and/or using OpenSSL is allowed.</p>
 
568
 
 
569
                <h2>Contact</h2>
 
570
                <p>For more info please visit <a href="http://nzbget.sourceforge.net">NZBGet Home Page</a>. Among other things the developers of third-party apps find there complete docs about RPC interface.</p>
 
571
                <p>Should you need help, have suggestions or want to share your improvements - <a href="http://nzbget.sourceforge.net/forum">NZBGet Forum</a> is a place to do that.</p>
 
572
                <p>If you use NZBGet on a media player, router, NAS or other non-PC device the best place to get help is probably forums specialized on your device.</p>
 
573
 
 
574
                <h1>Information about included libraries</h1>
 
575
 
 
576
                <h2>jQuery</h2>
 
577
                <p>NZBGet web-interface uses <a href="http://jquery.com">jQuery</a>. The jQuery Project is run by a distributed group of volunteers that all want to see jQuery become the best JavaScript tool possible.</p>
 
578
                <p>jQuery is licensed under the <a href="http://github.com/jquery/jquery/blob/master/MIT-LICENSE.txt">MIT</a> and <a href="http://github.com/jquery/jquery/blob/master/GPL-LICENSE.txt">GPL</a> licenses.</p>
 
579
 
 
580
                <h2>Bootstrap</h2>
 
581
                <p>NZBGet web-interface uses <a href="http://twitter.github.com/bootstrap/">Twitter Bootstrap</a>. Designed and built with all the love in the world @twitter by @mdo and @fat.</p>
 
582
                <p>Bootstrap code is licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0">Apache License v2.0</a>.</p>
 
583
 
 
584
                <h2>iconSweets</h2>
 
585
                <p>NZBGet web-interface includes selected icons from collections <a href="http://www.iconsweets.com/">iconSweets</a> and <a href="http://www.iconsweets2.com/">iconSweets2</a> by <a href="http://yummygum.com">Yummygum</a>.</p>
 
586
                <p>The icons are generally licensed under a custom license but used in NZBGet with author's permission.</p>
 
587
 
 
588
        </div>
 
589
</div>
 
590
 
 
591
<!-- *** STATISTICS ************************************************************ -->
 
592
 
 
593
<div class="modal modal-mini hide" id="StatDialog">
 
594
        <div class="modal-header">
 
595
        <a class="close" href='#' data-dismiss="modal"><i class="icon-close"></i></a>
 
596
        <h3>Statistics and Status</h3>
 
597
        </div>
 
598
        <div class="modal-body">
 
599
                <table class="table table-striped table-bordered datatable" id="StatisticsTable">
 
600
                        <tbody></tbody>
 
601
                </table>
 
602
                <br>
 
603
                <table class="table table-striped table-bordered datatable" id="StatusTable">
 
604
                        <tbody></tbody>
 
605
                </table>
 
606
        </div>
 
607
</div>
 
608
 
 
609
<!-- *** SPEED LIMIT ************************************************************ -->
 
610
 
 
611
<div class="modal modal-mini hide" id="LimitDialog">
 
612
        <div class="modal-header">
 
613
        <a class="close" href='#' data-dismiss="modal"><i class="icon-close"></i></a>
 
614
        <h3>Speed Limit</h3>
 
615
        </div>
 
616
        <div class="modal-body">
 
617
                <div class="form-horizontal">
 
618
                        <fieldset>
 
619
                                <div class="control-group">
 
620
                                        <label class="control-label" for="SpeedLimitInputGroup">New speed limit</label>
 
621
                                        <div class="controls" id="SpeedLimitInputGroup">
 
622
                                                <div class="input-append">
 
623
                                                        <input class="input-mini" id="SpeedLimitInput" size="16" type="text" placeholder="none"><span class="add-on">KB/s</span>
 
624
                                                </div>
 
625
                                                <p class="help-block" id="CurSpeedLimitBlock">Current limit: <span id="CurSpeedLimit"></span>.</p>
 
626
                                        </div>
 
627
                                </div>
 
628
                        </fieldset>
 
629
                </div>
 
630
        </div>
 
631
        <div class="modal-footer">
 
632
                <div class="dialog-transmit hide" style="position:absolute;margin-left:260px;" id="Limit_Transmit"><img src="img/transmit.gif"></div>
 
633
                <a href="#" class="btn" data-dismiss="modal">Close</a>
 
634
                <a href="#" class="btn btn-primary" onclick="Status.setSpeedLimitClick()">Set limit</a>
 
635
        </div>
 
636
</div>
 
637
 
 
638
<!-- *** PAUSE FOR X MINUTES ***************************************************** -->
 
639
 
 
640
<div class="modal modal-mini hide" id="ScheduledPauseDialog">
 
641
        <div class="modal-header">
 
642
        <a class="close" href='#' data-dismiss="modal"><i class="icon-close"></i></a>
 
643
        <h3>Temporary Pause</h3>
 
644
        </div>
 
645
        <div class="modal-body">
 
646
                <div class="form-horizontal">
 
647
                        <fieldset>
 
648
                                <div class="control-group">
 
649
                                        <label class="control-label" for="PauseForInputGroup">Pause for</label>
 
650
                                        <div class="controls" id="PauseForInputGroup">
 
651
                                                <div class="input-append">
 
652
                                                        <input class="input-mini" id="PauseForInput" size="16" type="text"><span class="add-on">Minutes</span>
 
653
                                                </div>
 
654
                                        </div>
 
655
                                </div>
 
656
                        </fieldset>
 
657
                </div>
 
658
        </div>
 
659
        <div class="modal-footer">
 
660
                <div class="dialog-transmit hide" style="position:absolute;margin-left:260px;" id="ScheduledPause_Transmit"><img src="img/transmit.gif"></div>
 
661
                <a href="#" class="btn" data-dismiss="modal">Close</a>
 
662
                <a href="#" class="btn btn-primary" onclick="Status.pauseForClick()">Pause</a>
 
663
        </div>
 
664
</div>
 
665
 
 
666
<!-- *** QUICK HELP: EXPLAINING PAUSE OPTIONS ************************************************************ -->
 
667
 
 
668
<div class="modal hide" id="PauseHelp">
 
669
        <div class="modal-header">
 
670
        <a class="close" href='#' data-dismiss="modal"><i class="icon-close"></i></a>
 
671
        <h3>Help: Explaining pause options</h3>
 
672
        </div>
 
673
        <div class="modal-body">
 
674
        <p>With command <strong>Pause download</strong> you can manually pause the download queue.</p>
 
675
        <p>In addition to manual <em>Pause</em> there is also <em>Soft-Pause</em>, which is maintained by the program: scheduler and post-processing can
 
676
        pause and resume download (see config options <em>PostPauseQueue</em> or <em>ParPauseQueue</em>).
 
677
        In order to keep the scheduler in-sync it's better not to manually change the state of Soft-Pause.
 
678
        However if you control NZBGet using a third-party software, which doesn't distinguigh between manual <em>Pause</em> and <em>Soft-Pause</em>, you may need to control the <em>Soft-Pause</em> manually as well.</p>
 
679
        <p>The download is paused if either manual <em>Pause</em> or <em>Soft-Pause</em> is active.</p>
 
680
        <p>The pausing of <strong>post-processing</strong> depends on how the post-processing-script handles screen output and may not always work.</p>
 
681
        <p>The <strong>Pause/Resume Button</strong> (the round one) pauses or resumes all three activities: download, post-processing and nzb directory scan. The state of <em>Soft-Pause</em> remains unchanged.</p>
 
682
        </div>
 
683
</div>
 
684
 
 
685
<!-- *** EDIT DOWNLOAD DIALOG ************************************************************ -->
 
686
 
 
687
<div class="modal hide" id="DownloadsEditDialog">
 
688
        <div class="modal-header">
 
689
                <a class="close" href='#' data-dismiss="modal"><i class="icon-close"></i></a>
 
690
                <a class="back" id="DownloadsEdit_Back" href="#" title="Back"><i class="icon-back"></i></a>
 
691
                <a class="back back-hidden" id="DownloadsEdit_BackSpace"><i class="icon-hidden"></i></a>
 
692
                <h3 id ="DownloadsEdit_Title">Title</h3>
 
693
        </div>
 
694
 
 
695
        <div class="modal-body">
 
696
 
 
697
                <div>
 
698
                        <div class="modal-tab" id="DownloadsEdit_GeneralTab">
 
699
                                <div class="form-horizontal">
 
700
                                        <fieldset>
 
701
 
 
702
                                                <div class="control-group">
 
703
                                                        <label class="control-label" for="DownloadsEdit_NZBNameGroup">Name</label>
 
704
                                                        <div class="controls" id="DownloadsEdit_NZBNameGroup">
 
705
                                                                <input type="text" class="input-xlarge" id="DownloadsEdit_NZBName" />
 
706
                                                                <p class="help-block help-block-uneditable" id="DownloadsEdit_NZBNameReadonly">Name and other properties cannot be changed for post-processing-downloads.</p>
 
707
                                                        </div>
 
708
                                                </div>
 
709
 
 
710
                                                <div class="control-group">
 
711
                                                        <label class="control-label" for="DownloadsEdit_Priority">Priority</label>
 
712
                                                        <div class="controls">
 
713
                                                                <select id="DownloadsEdit_Priority">
 
714
                                                                </select>
 
715
                                                        </div>
 
716
                                                </div>
 
717
 
 
718
                                                <div class="control-group">
 
719
                                                        <label class="control-label" for="DownloadsEdit_Category">Category</label>
 
720
                                                        <div class="controls">
 
721
                                                                <select id="DownloadsEdit_Category">
 
722
                                                                </select>
 
723
                                                                &nbsp;<a data-toggle="modal" href="#ConfigureCategoriesHelp" class="btn btn-small phone-hide">Quick Help</a>
 
724
                                                        </div>
 
725
                                                </div>
 
726
 
 
727
                                                <div class="control-group control-group-last" id="DownloadsEdit_StatisticsGroup">
 
728
                                                        <label class="control-label" for="DownloadsEdit_Statistics">Statistics</label>
 
729
                                                        <div class="controls">
 
730
                                                        <table class="table table-striped table-bordered data-statistics">
 
731
                                                                <tbody id="DownloadsEdit_Statistics">
 
732
                                                                </tbody>
 
733
                                                        </table>
 
734
                                                        </div>
 
735
                                                </div>
 
736
                                                
 
737
                                                <div class="control-group">
 
738
                                                        <div class="controls">
 
739
                                                                <div class="modal-bottom-toolbar">
 
740
                                                                        <button class="btn" data-tab="DownloadsEdit_FileTab" data-fullscreen="true" id="DownloadsEdit_File" title="File list">Files <i class="icon-forward" style="opacity:0.6;"></i></button>
 
741
                                                                        <button class="btn" data-tab="DownloadsEdit_ParamTab" id="DownloadsEdit_Param" title="Post-processing parameters">PP-Parameters <i class="icon-forward" style="opacity:0.6;"></i></button>
 
742
                                                                        <button class="btn" data-tab="DownloadsEdit_LogTab" data-fullscreen="true" id="DownloadsEdit_Log" title="Post-processing messages">PP-Messages <i class="icon-forward" style="opacity:0.6;"></i></button>
 
743
                                                                </div>
 
744
                                                        </div>
 
745
                                                </div>
 
746
 
 
747
                                        </fieldset>
 
748
                                </div>
 
749
                        </div>
 
750
 
 
751
                        <div class="modal-tab hide" id="DownloadsEdit_FileTab">
 
752
                                <div class="loading-block">
 
753
                                        <img src="img/transmit.gif"></img>
 
754
                                </div>
 
755
                                <div>
 
756
                                        <div class="row-fluid">
 
757
                                                <div class="pull-left btn-toolbar form-inline modal-toolbar">
 
758
                                                        <!-- EDIT BUTTONS -->
 
759
                                                        <div class="btn-group phone-hide">
 
760
                                                                <button class="btn" onclick="DownloadsEditDialog.editActionClick('pause')" title="Pause selected files"><i class="icon-pause"></i><span class="btn-caption"> Pause</span></button>
 
761
                                                                <button class="btn" onclick="DownloadsEditDialog.editActionClick('resume')" title="Resume selected files"><i class="icon-play"></i><span class="btn-caption"> Resume</span></button>
 
762
                                                                <button class="btn" onclick="DownloadsEditDialog.editActionClick('delete')" title="Delete selected files"><i class="icon-trash"></i><span class="btn-caption"> Delete</span></button>
 
763
                                                                <button class="btn" onclick="DownloadsEditDialog.editActionClick('split')" title="Split selected files into new download"><i class="icon-split"></i><span class="btn-caption"> Split</span></button>
 
764
                                                        </div>
 
765
                                                        <div class="btn-group phone-only inline"><button class="btn" onclick="DownloadsEditDialog.editActionClick('pause')" title="Pause selected files"><i class="icon-pause"></i><span class="btn-caption"> Pause</span></button></div>
 
766
                                                        <div class="btn-group phone-only inline"><button class="btn" onclick="DownloadsEditDialog.editActionClick('resume')" title="Resume selected files"><i class="icon-play"></i><span class="btn-caption"> Resume</span></button></div>
 
767
                                                        <div class="btn-group phone-only inline"><button class="btn" onclick="DownloadsEditDialog.editActionClick('delete')" title="Delete selected files"><i class="icon-trash"></i><span class="btn-caption"> Delete</span></button></div>
 
768
                                                        <div class="btn-group phone-only inline"><button class="btn" onclick="DownloadsEditDialog.editActionClick('split')" title="Split selected files into new download"><i class="icon-split"></i><span class="btn-caption"> Split</span></button></div>
 
769
 
 
770
                                                        <!-- MOVE BUTTONS -->
 
771
                                                        <div class="btn-group phone-hide">
 
772
                                                                <button class="btn" onclick="DownloadsEditDialog.editActionClick('top')" title="Move selected files to the top"><i class="icon-top"></i></button>
 
773
                                                                <button class="btn" onclick="DownloadsEditDialog.editActionClick('up')" title="Move selected files up"><i class="icon-up"></i></button>
 
774
                                                                <button class="btn" onclick="DownloadsEditDialog.editActionClick('down')" title="Move selected files down"><i class="icon-down"></i></button>
 
775
                                                                <button class="btn" onclick="DownloadsEditDialog.editActionClick('bottom')" title="Move selected files to the bottom"><i class="icon-bottom"></i></button>
 
776
                                                        </div>
 
777
                                                        <div class="btn-group phone-only inline"><button class="btn" onclick="DownloadsEditDialog.editActionClick('top')" title="Move selected files to the top"><i class="icon-top"></i></button></div>
 
778
                                                        <div class="btn-group phone-only inline"><button class="btn" onclick="DownloadsEditDialog.editActionClick('up')" title="Move selected files up"><i class="icon-up"></i></button></div>
 
779
                                                        <div class="btn-group phone-only inline"><button class="btn" onclick="DownloadsEditDialog.editActionClick('down')" title="Move selected files down"><i class="icon-down"></i></button></div>
 
780
                                                        <div class="btn-group phone-only inline"><button class="btn" onclick="DownloadsEditDialog.editActionClick('bottom')" title="Move selected files to the bottom"><i class="icon-bottom"></i></button></div>
 
781
                                                </div>
 
782
                                                <div class="pull-right" style="margin-bottom:10px;"><input id="DownloadsEdit_FileTable_filter" class="search-query" placeholder="Search" type="text"></div>
 
783
                                        </div>
 
784
 
 
785
                                        <div id="DownloadsEdit_FileBlock">
 
786
                                                <table class="table table-striped table-bordered table-check table-cancheck datatable" id="DownloadsEdit_FileTable" style="margin-bottom:15px;">
 
787
                                                        <thead><tr><th><div class="check img-check"></div></th><th>Status</th><th>Name</th><th class="text-right">Age</th><th class="text-right">Size</th></tr></thead>
 
788
                                                        <tbody></tbody>
 
789
                                                </table>
 
790
                                        </div>
 
791
                                        <div class="hide"><div class="pagination" id ="DownloadsEdit_FileTable_pager"></div></div>
 
792
                                </div>
 
793
                        </div>
 
794
                        
 
795
                        <div class="modal-tab hide" id="DownloadsEdit_ParamTab">
 
796
                                <div class="form-horizontal">
 
797
                                        <fieldset id="DownloadsEdit_ParamData">
 
798
                                        </fieldset>
 
799
                                </div>
 
800
                        </div>
 
801
 
 
802
                        <div class="modal-tab hide" id="DownloadsEdit_LogTab">
 
803
                                <div>
 
804
                                        <div class="row-fluid">
 
805
                                                <div class="pull-left">Post-Processing Messages</div>
 
806
                                                <div class="pull-right" style="margin-bottom:10px;"><input id="DownloadsEdit_LogTable_filter" class="search-query" placeholder="Search" type="text"></div>
 
807
                                        </div>
 
808
                                        <div id="DownloadsEdit_LogBlock">
 
809
                                                <table class="table table-striped table-bordered datatable" id="DownloadsEdit_LogTable" style="margin-bottom:15px;">
 
810
                                                        <thead><tr><th width="65px">Kind</th><th width="170px" class="text-center">Time</th><th>Text</th></tr></thead>
 
811
                                                        <tbody></tbody>
 
812
                                                </table>
 
813
                                        </div>
 
814
                                        <div class="pull-right hide" id="DownloadsEdit_LogTable_pagerBlock"><div class="pagination" id ="DownloadsEdit_LogTable_pager"></div></div>
 
815
                                </div>
 
816
                        </div>
 
817
                        
 
818
                </div>
 
819
 
 
820
        </div>
 
821
 
 
822
        <div class="modal-footer">
 
823
                <div class="btn-group pull-left hide" id="DownloadsEdit_ResumeGroup">
 
824
                        <a href="#" class="btn pull-left" id="DownloadsEdit_Resume"><i class="icon-play"></i> Resume</a>
 
825
                </div>
 
826
 
 
827
                <div class="btn-group pull-left" id="DownloadsEdit_PauseGroup">
 
828
                        <a href="#" class="btn" id="DownloadsEdit_Pause"><i class="icon-pause"></i> Pause</a>
 
829
                </div>
 
830
 
 
831
                <div class="btn-group dropup pull-left" id="DownloadsEdit_DeleteGroup">
 
832
                        <a class="btn dropdown-toggle btn-danger" data-toggle="dropdown"><i class="icon-trash-white"></i> Delete <span class="caret"></span></a>
 
833
                        <ul class="dropdown-menu confirm-menu open">
 
834
                                <li class="menu-header">Confirm</li>
 
835
                                <li><a href="#" id="DownloadsEdit_Delete">Yes, Delete</a></li>
 
836
                        </ul>
 
837
                </div>
 
838
 
 
839
                <div class="btn-group dropup pull-left hide" id="DownloadsEdit_CancelPPGroup">
 
840
                <a class="btn dropdown-toggle btn-danger" data-toggle="dropdown">Cancel Post-Processing <span class="caret"></span></a>
 
841
                <ul class="dropdown-menu confirm-menu">
 
842
                        <li class="menu-header">Confirm</li>
 
843
                        <li><a href="#" id="DownloadsEdit_CancelPP">Yes, Cancel</a></li>
 
844
                </ul>
 
845
                </div>
 
846
 
 
847
                <div class="dialog-transmit hide" style="position:absolute;margin-left:260px;" id="DownloadsEdit_Transmit"><img src="img/transmit.gif"></div>
 
848
                <!-- <a href="#DownloadsEdit_GeneralTab" class="btn" data-toggle="tab" id="DownloadsEdit_Back">Back</a> -->
 
849
                <a href="#" class="btn" data-dismiss="modal" id="DownloadsEdit_Close">Close</a>
 
850
                <a href="#" class="btn btn-primary" id="DownloadsEdit_Save">Save changes</a>
 
851
        </div>
 
852
</div>
 
853
 
 
854
<!-- *** MULTI EDIT DOWNLOAD DIALOG ************************************************************ -->
 
855
 
 
856
<div class="modal hide" id="DownloadsMultiDialog">
 
857
        <div class="modal-header">
 
858
                <a class="close" href='#' data-dismiss="modal"><i class="icon-close"></i></a>
 
859
                <h3 id ="DownloadsMulti_Title">Multiple records</h3>
 
860
        </div>
 
861
 
 
862
        <div class="modal-body">
 
863
 
 
864
                <div class="tab-content">
 
865
                        <div class="tab-pane active" id="DownloadsMulti_GeneralTab">
 
866
                                <a class="hide" href="#DownloadsMulti_GeneralTab" id="DownloadsMulti_GeneralTabLink" data-toggle="tab"></a>
 
867
                                <div class="form-horizontal">
 
868
                                        <fieldset>
 
869
 
 
870
                                                <div class="control-group">
 
871
                                                        <label class="control-label" for="DownloadsMulti_Priority">Priority</label>
 
872
                                                        <div class="controls">
 
873
                                                                <select id="DownloadsMulti_Priority">
 
874
                                                                </select>
 
875
                                                        </div>
 
876
                                                </div>
 
877
 
 
878
                                                <div class="control-group">
 
879
                                                        <label class="control-label" for="DownloadsMulti_Category">Category</label>
 
880
                                                        <div class="controls">
 
881
                                                                <select id="DownloadsMulti_Category">
 
882
                                                                </select>
 
883
                                                                &nbsp;<a data-toggle="modal" href="#ConfigureCategoriesHelp" class="btn btn-small">Quick Help</a>
 
884
                                                        </div>
 
885
                                                </div>
 
886
 
 
887
                                                <div class="control-group">
 
888
                                                        <label class="control-label" for="DownloadsMulti_Statistics">Statistics</label>
 
889
                                                        <div class="controls">
 
890
                                                        <table class="table table-striped table-bordered data-statistics">
 
891
                                                                <tbody id="DownloadsMulti_Statistics">
 
892
                                                                </tbody>
 
893
                                                        </table>
 
894
                                                        </div>
 
895
                                                </div>
 
896
 
 
897
                                                <!--
 
898
                                                <div class="control-group">
 
899
                                                        <label class="control-label" for="DownloadsMulti_PostProcessingLabel">Post-Processing</label>
 
900
                                                        <div class="controls">
 
901
                                                                <a class="btn" href="#DownloadsMulti_PostProcessingTab" data-toggle="tab">Parameters</a>
 
902
                                                        </div>
 
903
                                                </div>
 
904
                                                -->
 
905
 
 
906
                                        </fieldset>
 
907
                                </div>
 
908
                        </div>
 
909
 
 
910
                        <div class="tab-pane" id="DownloadsMulti_PostProcessingTab">
 
911
                                <div class="form-horizontal">
 
912
                                        <fieldset>
 
913
 
 
914
                                                <div class="alert alert-info alert-block hide">
 
915
                                                        <h4 class="alert-heading">Parameters not available.</h4>
 
916
                                                        <p>The post-processing script you are currently using doesn't support post-processing parameters or the script configuration file is not properly set in NZBGet settings.</p>
 
917
                                                </div>
 
918
                                                <div class="alert alert-info alert-block">
 
919
                                                        <h4 class="alert-heading">Not yet implemented.</h4>
 
920
                                                        <p>This page is a placeholder. The editing of post-processing parameters is not supported in web-interface yet.</p>
 
921
                                                </div>
 
922
 
 
923
                                                <a class="btn" href="#DownloadsMulti_GeneralTab" data-toggle="tab">Go Back</a>
 
924
 
 
925
                                        </fieldset>
 
926
                                </div>
 
927
                        </div>
 
928
 
 
929
                </div>
 
930
 
 
931
        </div>
 
932
 
 
933
        <div class="modal-footer">
 
934
                <div class="dialog-transmit hide" style="position:absolute;margin-left:260px;" id="DownloadsMulti_Transmit"><img src="img/transmit.gif"></div>
 
935
                <a href="#" class="btn" data-dismiss="modal" id="DownloadsMulti_Close">Close</a>
 
936
                <a href="#" class="btn btn-primary" id="DownloadsMulti_Save">Save changes</a>
 
937
        </div>
 
938
</div>
 
939
 
 
940
<!-- *** MERGE DOWNLOADS DIALOG ************************************************************ -->
 
941
 
 
942
<div class="modal modal-padded hide" id="DownloadsMergeDialog">
 
943
        <div class="modal-header">
 
944
                <a class="close" href='#' data-dismiss="modal"><i class="icon-close"></i></a>
 
945
                <h3>Merge Downloads</h3>
 
946
        </div>
 
947
 
 
948
        <div class="modal-body">
 
949
                <div class="form-horizontal">
 
950
                        <fieldset>
 
951
                                <p>Merge listed downloads?</p>
 
952
                                <div class="dialog-add-files" id="DownloadsMerge_Files"></div>
 
953
                                <p class="help-block" style="margin-top:10px;">The first item in the list is the target - the resulting download inherits
 
954
                                the properties such as destination directory, category, etc. from that item.</p>
 
955
                        </fieldset>
 
956
                </div>
 
957
        </div>
 
958
 
 
959
        <div class="modal-footer">
 
960
                <div class="dialog-transmit hide" style="position:absolute;margin-left:260px;" id="DownloadsMerge_Transmit"><img src="img/transmit.gif"></div>
 
961
                <a href="#" class="btn" data-dismiss="modal">Close</a>
 
962
                <a href="#" class="btn btn-primary" id="DownloadsMerge_Merge">Merge</a>
 
963
        </div>
 
964
</div>
 
965
 
 
966
<!-- *** SPLIT DOWNLOAD DIALOG ************************************************************ -->
 
967
 
 
968
<div class="modal modal-padded hide" id="DownloadsSplitDialog">
 
969
        <div class="modal-header">
 
970
                <a class="close" href='#' data-dismiss="modal"><i class="icon-close"></i></a>
 
971
                <h3>Split Download</h3>
 
972
        </div>
 
973
 
 
974
        <div class="modal-body">
 
975
                <div class="form-vertical">
 
976
                        <fieldset>
 
977
                                <p>New download will be created from selected files. Please choose the name for new download.</p>
 
978
                                
 
979
                                <div class="control-group">
 
980
                                        <div class="controls" id="DownloadsSplit_NZBNameGroup">
 
981
                                                <input type="text" class="input-xxlarge" id="DownloadsSplit_NZBName" />
 
982
                                        </div>
 
983
                                </div>
 
984
 
 
985
                                <p class="help-block" style="margin-top:10px;">The new download inherits
 
986
                                all other properties such as category, priority, etc. from the source item.
 
987
                                This action closes the download-edit-dialog. Any changes made in the dialog are not saved.</p>
 
988
                                
 
989
                        </fieldset>
 
990
                </div>
 
991
        </div>
 
992
 
 
993
        <div class="modal-footer">
 
994
                <div class="dialog-transmit hide" style="position:absolute;margin-left:260px;" id="DownloadsSplit_Transmit"><img src="img/transmit.gif"></div>
 
995
                <a href="#" class="btn" data-dismiss="modal">Close</a>
 
996
                <a href="#" class="btn btn-primary" id="DownloadsSplit_Split">Split</a>
 
997
        </div>
 
998
</div>
 
999
 
 
1000
<!-- *** QUICK HELP: Configure Categores ************************************************** -->
 
1001
 
 
1002
<div class="modal modal-mini modal-center hide" id="ConfigureCategoriesHelp">
 
1003
        <div class="modal-header">
 
1004
        <a class="close" href='#' data-dismiss="modal"><i class="icon-close"></i></a>
 
1005
        <h3>Help: Configuring categories</h3>
 
1006
        </div>
 
1007
        <div class="modal-body">
 
1008
        The categories can be configured in section <strong>CATEGORIES</strong> on settings page.
 
1009
        </div>
 
1010
</div>
 
1011
 
 
1012
<!-- *** HISTORY EDIT DIALOG ************************************************************ -->
 
1013
 
 
1014
<div class="modal hide" id="HistoryEditDialog">
 
1015
        <div class="modal-header">
 
1016
                <a class="close" href='#' data-dismiss="modal"><i class="icon-close"></i></a>
 
1017
                <a class="back" id="HistoryEdit_Back" href="#" title="Back"><i class="icon-back"></i></a>
 
1018
                <a class="back back-hidden" id="HistoryEdit_BackSpace"><i class="icon-hidden"></i></a>
 
1019
                <h3 id="HistoryEdit_Title"></h3>
 
1020
        </div>
 
1021
 
 
1022
        <div class="modal-body">
 
1023
                <div>
 
1024
                        <div class="modal-tab" id="HistoryEdit_GeneralTab">
 
1025
                                <div class="form-horizontal">
 
1026
                                        <fieldset>
 
1027
 
 
1028
                                                <div class="control-group">
 
1029
                                                        <label class="control-label" for="HistoryEdit_Status">Status</label>
 
1030
                                                        <div class="controls" style="margin-top: 4px;">
 
1031
                                                                <span id="HistoryEdit_Status"></span>
 
1032
                                                        </div>
 
1033
                                                </div>
 
1034
 
 
1035
                                                <div class="control-group">
 
1036
                                                        <label class="control-label" for="HistoryEdit_Category">Category</label>
 
1037
                                                        <div class="controls">
 
1038
                                                                <span class="input-xlarge uneditable-input" id="HistoryEdit_Category"></span>
 
1039
                                                        </div>
 
1040
                                                </div>
 
1041
 
 
1042
                                                <div class="control-group" id="HistoryEdit_PathGroup">
 
1043
                                                        <label class="control-label" for="HistoryEdit_Path">Download Path</label>
 
1044
                                                        <div class="controls">
 
1045
                                                                <span class="uneditable-mulitline-input" id="HistoryEdit_Path"></span>
 
1046
                                                        </div>
 
1047
                                                </div>
 
1048
 
 
1049
                                                <div class="control-group control-group-last" id="HistoryEdit_StatisticsGroup">
 
1050
                                                        <label class="control-label" for="HistoryEdit_Statistics">Statistics</label>
 
1051
                                                        <div class="controls">
 
1052
                                                        <table class="table table-striped table-bordered data-statistics">
 
1053
                                                                <tbody id="HistoryEdit_Statistics">
 
1054
                                                                </tbody>
 
1055
                                                        </table>
 
1056
                                                        </div>
 
1057
                                                </div>
 
1058
 
 
1059
                                                <div class="control-group">
 
1060
                                                        <div class="controls">
 
1061
                                                                <div class="modal-bottom-toolbar">
 
1062
                                                                        <button class="btn" data-tab="HistoryEdit_ParamTab" id="HistoryEdit_Param" title="Post-processing parameters">PP-Parameters <i class="icon-forward" style="opacity:0.6;"></i></button>
 
1063
                                                                </div>
 
1064
                                                        </div>
 
1065
                                                </div>
 
1066
                                                
 
1067
                                        </fieldset>
 
1068
                                </div>
 
1069
                        </div>
 
1070
 
 
1071
                        <div class="modal-tab hide" id="HistoryEdit_ParamTab">
 
1072
                                <div class="form-horizontal">
 
1073
                                        <fieldset id="HistoryEdit_ParamData">
 
1074
                                        </fieldset>
 
1075
                                </div>
 
1076
                        </div>
 
1077
                </div>
 
1078
        </div>
 
1079
                        
 
1080
        <div class="modal-footer">
 
1081
                <div class="btn-group dropup pull-left" id="HistoryEdit_DeleteGroup">
 
1082
                <a class="btn dropdown-toggle btn-danger" data-toggle="dropdown"><i class="icon-trash-white"></i> Delete <span class="caret"></span></a>
 
1083
                <ul class="dropdown-menu confirm-menu">
 
1084
                        <li class="menu-header">Confirm</li>
 
1085
                        <li><a href="#" id="HistoryEdit_Delete">Yes, Delete</a></li>
 
1086
                </ul>
 
1087
                </div>
 
1088
 
 
1089
                <div class="btn-group dropup pull-left" id="HistoryEdit_ReprocessGroup">
 
1090
                <a class="btn dropdown-toggle" data-toggle="dropdown">Post-Process Again <span class="caret"></span></a>
 
1091
                <ul class="dropdown-menu confirm-menu">
 
1092
                        <li class="menu-header">Confirm</li>
 
1093
                        <li><a href="#" id="HistoryEdit_Reprocess">Yes, Post-Process</a></li>
 
1094
                </ul>
 
1095
                </div>
 
1096
 
 
1097
                <div class="btn-group dropup pull-left" id="HistoryEdit_ReturnGroup">
 
1098
                <a class="btn dropdown-toggle" data-toggle="dropdown">Return <span class="caret"></span></a>
 
1099
                <ul class="dropdown-menu confirm-menu">
 
1100
                        <li class="menu-header">Confirm</li>
 
1101
                        <li><a href="#" id="HistoryEdit_Return">Yes, Return to Queue</a></li>
 
1102
                </ul>
 
1103
                </div>
 
1104
 
 
1105
                <div class="dialog-transmit" style="position:absolute;margin-left:320px;" id="HistoryEdit_Transmit"><img src="img/transmit.gif"></div>
 
1106
                <a href="#" class="btn" data-dismiss="modal" id="HistoryEdit_Close">Close</a>
 
1107
                <a href="#" class="btn btn-primary" id="HistoryEdit_Save">Save changes</a>
 
1108
        </div>
 
1109
</div>
 
1110
 
 
1111
<!-- *** CONFIRMATION DIALOG ************************************************************ -->
 
1112
 
 
1113
<div class="modal modal-mini modal-center hide" id="ConfirmDialog">
 
1114
        <div class="modal-header">
 
1115
                <a class="close" href='#' data-dismiss="modal"><i class="icon-close"></i></a>
 
1116
                <h3 id="ConfirmDialog_Title">Title</h3>
 
1117
        </div>
 
1118
 
 
1119
        <div class="modal-body">
 
1120
                <div id="ConfirmDialog_Text">Text</div>
 
1121
        </div>
 
1122
 
 
1123
        <div class="modal-footer">
 
1124
                <a href="#" class="btn" data-dismiss="modal" id="ConfirmDialog_Close">Close</a>
 
1125
                <a href="#" class="btn btn-primary" id="ConfirmDialog_OK">Action</a>
 
1126
        </div>
 
1127
</div>
 
1128
 
 
1129
<!-- *** DELETE DOWNLOADS CONFIRMATION DIALOG DATA ***************************************** -->
 
1130
 
 
1131
<div class="hide" id="DownloadsDeleteConfirmDialog">
 
1132
        <div id="DownloadsDeleteConfirmDialog_Title">Downloads</div>
 
1133
        <div id="DownloadsDeleteConfirmDialog_Text">
 
1134
                <p>
 
1135
                Delete selected downloads?
 
1136
                </p>
 
1137
                <p id="DownloadsDeleteConfirmDialog_Remain" class="confirm-help-block">
 
1138
                Selected items will be removed from queue. Already downloaded files remain on disk (this behavior can be changed via option
 
1139
                <strong><em>DeleteCleanupDisk</em></strong>).
 
1140
                </p>
 
1141
                <p id="DownloadsDeleteConfirmDialog_Cleanup" class="confirm-help-block">
 
1142
                Selected items will be removed from queue. Already downloaded files will be deleted from disk (this behavior can be changed via option
 
1143
                <strong><em>DeleteCleanupDisk</em></strong>).
 
1144
                </p>
 
1145
        </div>
 
1146
        <div id="DownloadsDeleteConfirmDialog_OK">Delete</div>
 
1147
</div>
 
1148
 
 
1149
<!-- *** CLEAR HISTORY CONFIRMATION DIALOG DATA ***************************************** -->
 
1150
 
 
1151
<div class="hide" id="HistoryClearConfirmDialog">
 
1152
        <div id="HistoryClearConfirmDialog_Title">History</div>
 
1153
        <div id="HistoryClearConfirmDialog_Text">
 
1154
                <p>
 
1155
                Clear History?
 
1156
                </p>
 
1157
                <p class="confirm-help-block">
 
1158
                All records will be deleted. All files remain on disk.
 
1159
                </p>
 
1160
        </div>
 
1161
        <div id="HistoryClearConfirmDialog_OK">Clear</div>
 
1162
</div>
 
1163
 
 
1164
<!-- *** DELETE HISTORY RECORDS CONFIRMATION DIALOG DATA ******************************** -->
 
1165
 
 
1166
<div class="hide" id="HistoryDeleteConfirmDialog">
 
1167
        <div id="HistoryDeleteConfirmDialog_Title">History</div>
 
1168
        <div id="HistoryDeleteConfirmDialog_Text">
 
1169
                <p>
 
1170
                Delete selected history records?
 
1171
                </p>
 
1172
                <p class="confirm-help-block">
 
1173
                Selected records will be removed from the history. All files remain on disk.
 
1174
                </p>
 
1175
        </div>
 
1176
        <div id="HistoryDeleteConfirmDialog_OK">Delete</div>
 
1177
</div>
 
1178
 
 
1179
<!-- *** CLEAR MESSAGES CONFIRMATION DIALOG DATA ***************************************** -->
 
1180
 
 
1181
<div class="hide" id="MessagesClearConfirmDialog">
 
1182
        <div id="MessagesClearConfirmDialog_Title">Messages</div>
 
1183
        <div id="MessagesClearConfirmDialog_Text">
 
1184
                <p>
 
1185
                Clear Messages?
 
1186
                </p>
 
1187
                <p class="confirm-help-block">
 
1188
                All log records will be deleted from screen buffer. The log-file remains on disk unchanged.
 
1189
                </p>
 
1190
        </div>
 
1191
        <div id="MessagesClearConfirmDialog_OK">Clear</div>
 
1192
</div>
 
1193
 
 
1194
<!-- *** DELETE CONFIG MULTI-OPTION CONFIRMATION DIALOG DATA ***************************************** -->
 
1195
 
 
1196
<div class="hide" id="ConfigDeleteConfirmDialog">
 
1197
        <div id="ConfigDeleteConfirmDialog_Title">Configuration</div>
 
1198
        <div id="ConfigDeleteConfirmDialog_Text">
 
1199
                <p>
 
1200
                Delete <span id="ConfigDeleteConfirmDialog_Option"></span>?
 
1201
                </p>
 
1202
        </div>
 
1203
        <div id="ConfigDeleteConfirmDialog_OK">Delete</div>
 
1204
</div>
 
1205
 
 
1206
<!-- *** ADD FILES DIALOG ************************************************************ -->
 
1207
 
 
1208
<div class="modal hide" id="AddDialog">
 
1209
        <div class="modal-header">
 
1210
                <a class="close" href='#' data-dismiss="modal"><i class="icon-close"></i></a>
 
1211
                <h3>Add NZB-Files to Download Queue</h3>
 
1212
        </div>
 
1213
 
 
1214
        <div class="modal-body" id="AddDialog_Target">
 
1215
                <div class="form-horizontal">
 
1216
                        <fieldset>
 
1217
 
 
1218
                                <div class="control-group">
 
1219
                                        <label class="control-label" for="URL" id="AddDialog_URLLabel"><i class="icon-remove"></i><img class="hide" src="img/transmit-file.gif"> Add from URL</label>
 
1220
                                        <div class="controls">
 
1221
                                                <input type="text" class="input-xlarge" id="AddDialog_URL" />
 
1222
                                                <p class="help-block">The nzb-file will be downloaded from the URL and added to queue.</p>
 
1223
                                        </div>
 
1224
                                </div>
 
1225
 
 
1226
                                <div class="control-group">
 
1227
                                        <label class="control-label" for="URL">Add local files</label>
 
1228
                                        <div class="controls">
 
1229
                                                <div style="margin-top:6px; margin-bottom:10px;"><a href="#" class="btn" style="margin-top: -6px;" id="AddDialog_Select">Select files</a> or drop files here.</div>
 
1230
                                                <input multiple="multiple" type="file" id="AddDialog_Input" class="hidden-file-input">
 
1231
                                                <p class="help-block" id="AddDialog_FilesHelp">You need a modern browser for this to work.</p>
 
1232
                                                <div class="dialog-add-files hide" id="AddDialog_Files"></div>
 
1233
                                        </div>
 
1234
                                </div>
 
1235
 
 
1236
                                <div class="control-group">
 
1237
                                        <label class="control-label" for="AddDialog_Priority">Priority</label>
 
1238
                                        <div class="controls">
 
1239
                                                <select id="AddDialog_Priority">
 
1240
                                                </select>
 
1241
                                        </div>
 
1242
                                </div>
 
1243
 
 
1244
                                <div class="control-group">
 
1245
                                        <label class="control-label" for="AddDialog_Category">Category</label>
 
1246
                                        <div class="controls">
 
1247
                                                <select id="AddDialog_Category">
 
1248
                                                </select>
 
1249
                                        </div>
 
1250
                                </div>
 
1251
 
 
1252
                                <div class="control-group">
 
1253
                                        <label class="control-label" for="URL">Add from incoming directory</label>
 
1254
                                        <div class="controls">
 
1255
                                                <a href="#" class="btn" id="AddDialog_Scan">Scan</a>
 
1256
                                                <p class="help-block">Click Scan if you have already put files to incoming directory (option <em>NzbDir</em>). The dialog will be closed automatically.</p>
 
1257
                                        </div>
 
1258
                                </div>
 
1259
 
 
1260
                        </fieldset>
 
1261
                </div>
 
1262
        </div>
 
1263
 
 
1264
        <div class="modal-footer">
 
1265
                <div class="btn-group pull-left">
 
1266
                        <a data-toggle="modal" href="#AddDialogHelp" class="btn pull-left">Quick Help</a>
 
1267
                </div>
 
1268
 
 
1269
                <div class="dialog-transmit hide" style="position:absolute;margin-left:260px;" id="AddDialog_Transmit"><img src="img/transmit.gif"></div>
 
1270
                <a href="#" class="btn" data-dismiss="modal">Close</a>
 
1271
                <a href="#" class="btn btn-primary" id="AddDialog_Submit">Submit</a>
 
1272
        </div>
 
1273
</div>
 
1274
 
 
1275
<!-- ***  QUICK HELP: ADD FILES ************************************************************ -->
 
1276
 
 
1277
<div class="modal hide" id="AddDialogHelp">
 
1278
        <div class="modal-header">
 
1279
        <a class="close" href='#' data-dismiss="modal"><i class="icon-close"></i></a>
 
1280
        <h3>Help: Tips for adding NZB-Files</h3>
 
1281
        </div>
 
1282
        <div class="modal-body">
 
1283
                <ul class="help">
 
1284
                        <li>For adding of local files the web-interface uses FileReader API available in most modern browsers:
 
1285
                        <table class="table table-condensed table-striped">
 
1286
                        <thead>
 
1287
                        <tr><th>Browser</th><th class="text-center">Minimum version</th><th class="text-center">Tested version</th></tr>
 
1288
                        <tbody>
 
1289
                        <tr><td>Firefox</th><td class="text-center">3.6</td><td class="text-center">13</td></tr>
 
1290
                        <tr><td>Chrome</th><td class="text-center">6</td><td class="text-center">19</td></tr>
 
1291
                        <tr><td>Opera</th><td class="text-center">11.1</td><td class="text-center">12</td></tr>
 
1292
                        <tr><td>Safari</th><td class="text-center">6</td><td class="text-center">6.0</td></tr>
 
1293
                        <tr><td>IE</th><td class="text-center">10</td><td class="text-center">not tested</td></tr>
 
1294
                        </tbody>
 
1295
                        </table>
 
1296
                        </li>
 
1297
                        <li>You can drag and drop files directly onto the downloads page without clicking on the <strong>Add</strong> button first.
 
1298
                        The <strong>Add Dialog</strong> will show automatically.</li>
 
1299
                        <li>Priority and category can be changed later in the edit dialog.</li>
 
1300
                        <li>The categories can be configured in section <strong>CATEGORIES</strong> on settings page.</li>
 
1301
                        <li>Use button <strong>Scan</strong> if the automatic scanning of incoming nzb-directory is disabled (see options <em>NzbDir</em> and <em>NzbDirInterval</em>).</li>
 
1302
                </ul>
 
1303
        </div>
 
1304
</div>
 
1305
 
 
1306
<!-- *** CHOOSE SCRIPT DIALOG ****************************************************** -->
 
1307
 
 
1308
<div class="modal modal-padded hide" id="ScriptListDialog">
 
1309
        <div class="modal-header">
 
1310
                <a class="close" href='#' data-dismiss="modal"><i class="icon-close"></i></a>
 
1311
                <h3 id="ScriptListDialog_Title">Choose scripts</h3>
 
1312
        </div>
 
1313
 
 
1314
        <div class="modal-body" style="padding-bottom:0px">
 
1315
                <div class="form-vertical">
 
1316
                        <fieldset>
 
1317
 
 
1318
                                <p id="ScriptListDialog_Instruction">Select scripts for option <strong>DefScript</strong></p>
 
1319
 
 
1320
                                <div>
 
1321
                                        <table class="table table-striped table-bordered table-check table-cancheck order-mode datatable" id="ScriptListDialog_ScriptTable" style="margin-bottom:15px;">
 
1322
                                                <thead><tr><th><div class="check img-check"/></th><th>Name</th></tr></thead>
 
1323
                                                <tbody></tbody>
 
1324
                                        </table>
 
1325
                                </div>
 
1326
 
 
1327
                                <p id="ScriptListDialog_OrderInfo" class="hide" style="margin-top:-5px; margin-bottom:10px;">The script execution order is saved globally in the option <em><strong>ScriptOrder</strong></em> and affects all
 
1328
                                categories as well as the order of scripts in the edit download dialog.</p>
 
1329
                        
 
1330
                                <div class="hide" id="ScriptListDialog_ScriptTable_pager"></div>
 
1331
                                
 
1332
                        </fieldset>
 
1333
                </div>
 
1334
        </div>
 
1335
 
 
1336
        <div class="modal-footer">
 
1337
                <a href="#" class="btn" data-dismiss="modal">Close</a>
 
1338
                <a href="#" class="btn btn-primary" id="ScriptListDialog_Save">Save</a>
 
1339
        </div>
 
1340
</div>
 
1341
 
 
1342
<!-- *** RESTORE SETTINGS DIALOG ****************************************************** -->
 
1343
 
 
1344
<div class="modal modal-padded hide" id="RestoreSettingsDialog">
 
1345
        <div class="modal-header">
 
1346
                <a class="close" href='#' data-dismiss="modal"><i class="icon-close"></i></a>
 
1347
                <h3>Restore Settings</h3>
 
1348
        </div>
 
1349
 
 
1350
        <div class="modal-body" style="padding-bottom:0px">
 
1351
                <div class="form-vertical">
 
1352
                        <fieldset>
 
1353
 
 
1354
                                <p id="RestoreSettingsDialog_Instruction">Select sections to restore. Tip: click on the checkbox of the table header to select all sections.</p>
 
1355
 
 
1356
                                <div>
 
1357
                                        <table class="table table-striped table-bordered table-check table-cancheck datatable" id="RestoreSettingsDialog_SectionTable" style="margin-bottom:15px;">
 
1358
                                                <thead><tr><th><div class="check img-check"/></th><th>Section</th></tr></thead>
 
1359
                                                <tbody></tbody>
 
1360
                                        </table>
 
1361
                                </div>
 
1362
 
 
1363
                                <div class="hide" id="RestoreSettingsDialog_SectionTable_pager"></div>
 
1364
                                
 
1365
                        </fieldset>
 
1366
                </div>
 
1367
        </div>
 
1368
 
 
1369
        <div class="modal-footer">
 
1370
                <a href="#" class="btn" data-dismiss="modal">Close</a>
 
1371
                <a href="#" class="btn btn-primary" id="RestoreSettingsDialog_Restore">Restore</a>
 
1372
        </div>
 
1373
</div>
 
1374
 
 
1375
<!-- *** SETTINGS RESTORED DIALOG ************************************************** -->
 
1376
 
 
1377
<div class="modal modal-mini modal-center hide" id="SettingsRestoredDialog">
 
1378
        <div class="modal-header">
 
1379
        <a class="close" href='#' data-dismiss="modal"><i class="icon-close"></i></a>
 
1380
        <h3>Settings restored</h3>
 
1381
        </div>
 
1382
        <div class="modal-body">
 
1383
        <p>Settings have been loaded from backup file.</p>
 
1384
        <p>You can review the loaded settings and then save them by clicking on <em><strong>Save all changes</strong></em>.</p>
 
1385
        </div>
 
1386
        <div class="modal-footer">
 
1387
        <a href="#" class="btn btn-primary" data-dismiss="modal">Close</a>
 
1388
        </div>
 
1389
</div>
 
1390
 
 
1391
<!-- *** QUICK HELP: New Configuration Option ************************************************** -->
 
1392
 
 
1393
<div class="modal modal-mini modal-center hide" id="ConfigNewOptionHelp">
 
1394
        <div class="modal-header">
 
1395
        <a class="close" href='#' data-dismiss="modal"><i class="icon-close"></i></a>
 
1396
        <h3>Help: New configuration option</h3>
 
1397
        </div>
 
1398
        <div class="modal-body">
 
1399
        <p>This option doesn't exist in your configuration file yet.</p>
 
1400
        <p>The option was set to default value and will be written to your configuration file when you save it.</p>
 
1401
        </div>
 
1402
        <div class="modal-footer">
 
1403
        <a href="#" class="btn btn-primary" data-dismiss="modal">Close</a>
 
1404
        </div>
 
1405
</div>
 
1406
 
 
1407
<!-- ***  ALERT: NOT IMPLEMENTED***************************************************** -->
 
1408
 
 
1409
<div id="Notif_NotImplemented" data-duration="1000" class="alert alert-error alert-center alert-center-small hide">
 
1410
    <strong>Not yet implemented</strong>
 
1411
</div>
 
1412
 
 
1413
<!-- *** RELOAD DIALOG DATA ***************************************** -->
 
1414
 
 
1415
<div class="hide" id="ReloadConfirmDialog">
 
1416
        <div id="ReloadConfirmDialog_Title">Reload (soft-restart)</div>
 
1417
        <div id="ReloadConfirmDialog_Text">
 
1418
                <p>
 
1419
                Reload NZBGet?
 
1420
                </p>
 
1421
                <p class="confirm-help-block">
 
1422
                The configuration will be reloaded and the program will be reinitialized.
 
1423
                </p>
 
1424
        </div>
 
1425
        <div id="ReloadConfirmDialog_OK">Reload</div>
 
1426
</div>
 
1427
 
 
1428
<!-- ***  RELOAD INFO BLOCK ***************************************** -->
 
1429
 
 
1430
<div id="ConfigReloadInfo" class="alert alert-success hide">
 
1431
        <h4 class="alert-heading">Reloading NZBGet</h4>
 
1432
        <p>
 
1433
        <img style="vertical-align:top; margin-top:1px; width:16px; height:16px;" src="img/transmit-reload-2x.gif"> <span id="ConfigReloadAction">Stopping all activities and reloading...</span>
 
1434
        </p>
 
1435
        <div id="ConfigReloadInfoNotes" class="hide">
 
1436
        Should this take too long:
 
1437
        <ul>
 
1438
                <li>Try to refresh the page in browser manually.</li>
 
1439
                <li>If you changed remote control settings (IP, Port, Password) update the URL in browser accordingly.</li>
 
1440
        </ul>
 
1441
        </div>
 
1442
</div>
 
1443
 
 
1444
<!-- ***  NOTIFICATIONS ************************************************************ -->
 
1445
 
 
1446
<div id="Notif_AddFiles" data-duration="1000" class="alert alert-inverse alert-center alert-center-small hide">
 
1447
    <strong>Files Submitted</strong>
 
1448
</div>
 
1449
 
 
1450
<div id="Notif_Scan" data-duration="1000" class="alert alert-inverse alert-center alert-center-small hide">
 
1451
    <strong>Scan Completed</strong>
 
1452
</div>
 
1453
 
 
1454
<div id="Notif_SetSpeedLimit" data-duration="1000" class="alert alert-inverse alert-center alert-center-small hide">
 
1455
    <strong>Speed Limit Changed</strong>
 
1456
</div>
 
1457
 
 
1458
<div id="Notif_Downloads_Saved" data-duration="1000" class="alert alert-inverse alert-center alert-center-small hide">
 
1459
    <strong>Saved</strong>
 
1460
</div>
 
1461
 
 
1462
<div id="Notif_Downloads_Pausing" data-duration="1000" class="alert alert-inverse alert-center alert-center-small hide">
 
1463
    <strong>Pausing</strong>
 
1464
</div>
 
1465
 
 
1466
<div id="Notif_Downloads_Paused" data-duration="1000" class="alert alert-inverse alert-center alert-center-small hide">
 
1467
    <strong>Paused</strong>
 
1468
</div>
 
1469
 
 
1470
<div id="Notif_Downloads_Resumed" data-duration="1000" class="alert alert-inverse alert-center alert-center-small hide">
 
1471
    <strong>Resumed</strong>
 
1472
</div>
 
1473
 
 
1474
<div id="Notif_Downloads_Deleted" data-duration="1000" class="alert alert-inverse alert-center alert-center-small hide">
 
1475
    <strong>Deleted</strong>
 
1476
</div>
 
1477
 
 
1478
<div id="Notif_Downloads_PostCanceled" data-duration="1000" class="alert alert-inverse alert-center alert-center-small hide">
 
1479
    <strong>Canceled</strong>
 
1480
</div>
 
1481
 
 
1482
<div id="Notif_Downloads_Moved" data-duration="1000" class="alert alert-inverse alert-center alert-center-small hide">
 
1483
    <strong>Moved</strong>
 
1484
</div>
 
1485
 
 
1486
<div id="Notif_Downloads_Merged" data-duration="1000" class="alert alert-inverse alert-center alert-center-small hide">
 
1487
    <strong>Merged</strong>
 
1488
</div>
 
1489
 
 
1490
<div id="Notif_Downloads_Splitted" data-duration="1000" class="alert alert-inverse alert-center alert-center-small hide">
 
1491
    <strong>Splitted</strong>
 
1492
</div>
 
1493
 
 
1494
<div id="Notif_Downloads_SplitError" data-duration="2000" class="alert alert-error alert-center alert-center-medium hide">
 
1495
    <strong>Could not split. Check messages for errors.</strong>
 
1496
</div>
 
1497
 
 
1498
<div id="Notif_Downloads_SplitNotPossible" data-duration="4000" class="alert alert-error alert-center alert-center-medium hide">
 
1499
    <strong>Cannot split. Some of selected files are already (partially) downloaded.</strong>
 
1500
</div>
 
1501
 
 
1502
<div id="Notif_Downloads_Select" data-duration="2000" class="alert alert-error alert-center alert-center-small hide">
 
1503
    <strong>Please select records first</strong>
 
1504
</div>
 
1505
 
 
1506
<div id="Notif_Downloads_SelectMulti" data-duration="2000" class="alert alert-error alert-center alert-center-medium hide">
 
1507
    <strong>Please select at least two records</strong>
 
1508
</div>
 
1509
 
 
1510
<div id="Notif_Downloads_CheckPostProcess" data-duration="2000" class="alert alert-error alert-center alert-center-medium hide">
 
1511
    <strong>Post-processing-downloads cannot be edited</strong>
 
1512
</div>
 
1513
 
 
1514
<div id="Notif_Edit_Select" data-duration="2000" class="alert alert-error alert-center alert-center-small hide">
 
1515
    <strong>Please select records first</strong>
 
1516
</div>
 
1517
 
 
1518
<div id="Notif_History_Deleted" data-duration="1000" class="alert alert-inverse alert-center alert-center-small hide">
 
1519
    <strong>Deleted</strong>
 
1520
</div>
 
1521
 
 
1522
<div id="Notif_History_Cleared" data-duration="1000" class="alert alert-inverse alert-center alert-center-small hide">
 
1523
    <strong>Cleared</strong>
 
1524
</div>
 
1525
 
 
1526
<div id="Notif_History_Deleted" data-duration="1000" class="alert alert-inverse alert-center alert-center-small hide">
 
1527
    <strong>Deleted</strong>
 
1528
</div>
 
1529
 
 
1530
<div id="Notif_History_Returned" data-duration="1000" class="alert alert-inverse alert-center alert-center-small hide">
 
1531
    <strong>Returned to Queue</strong>
 
1532
</div>
 
1533
 
 
1534
<div id="Notif_History_Reproces" data-duration="1000" class="alert alert-inverse alert-center alert-center-small hide">
 
1535
    <strong>Post-Processing</strong>
 
1536
</div>
 
1537
 
 
1538
<div id="Notif_History_Saved" data-duration="1000" class="alert alert-inverse alert-center alert-center-small hide">
 
1539
    <strong>Saved</strong>
 
1540
</div>
 
1541
 
 
1542
<div id="Notif_Config_Unchanged" data-duration="2000" class="alert alert-inverse alert-center alert-center-small hide">
 
1543
    <strong>Nothing to save</strong><br>No changes have been made
 
1544
</div>
 
1545
 
 
1546
<div id="Notif_Config_Failed" data-duration="5000" class="alert alert-error alert-center alert-center-medium hide">
 
1547
    <strong>Could not save configuration in<br><span id="Notif_Config_Failed_Filename"></span></strong><br><br>Please check file permissions
 
1548
</div>
 
1549
 
 
1550
<div id="Config_Reload" data-duration="100000000" class="alert alert-success alert-center alert-center-medium hide">
 
1551
        <h4 class="alert-heading">Reload command has been sent</h4>
 
1552
        Please wait few seconds, then refresh the page.
 
1553
</div>
 
1554
 
 
1555
<div id="Notif_Config_RestoreSections" data-duration="2000" class="alert alert-error alert-center alert-center-medium hide">
 
1556
    <strong>Please select at least one section</strong>
 
1557
</div>
 
1558
 
 
1559
<div id="Notif_Config_Restoring" class="alert alert-inverse alert-center alert-center-small hide">
 
1560
    <strong>Restoring settings...</strong>
 
1561
</div>
 
1562
 
 
1563
<div id="Notif_Debug" data-duration="400" class="alert alert-inverse alert-center alert-center-small hide">
 
1564
    <strong>Debug</strong>
 
1565
</div>
 
1566
 
 
1567
</body>
 
1568
</html>