summaryrefslogtreecommitdiffstats
path: root/pyload/web/app/templates/default/header
diff options
context:
space:
mode:
Diffstat (limited to 'pyload/web/app/templates/default/header')
-rw-r--r--pyload/web/app/templates/default/header/layout.html62
-rw-r--r--pyload/web/app/templates/default/header/progress.html14
-rw-r--r--pyload/web/app/templates/default/header/progressbar.html27
-rw-r--r--pyload/web/app/templates/default/header/status.html3
4 files changed, 106 insertions, 0 deletions
diff --git a/pyload/web/app/templates/default/header/layout.html b/pyload/web/app/templates/default/header/layout.html
new file mode 100644
index 000000000..890a5b018
--- /dev/null
+++ b/pyload/web/app/templates/default/header/layout.html
@@ -0,0 +1,62 @@
+<div class="span3">
+ <div class="logo"></div>
+ <span class="title visible-large-screen">pyLoad</span>
+</div>
+<div class="span4 offset1">
+ <div id="progress-area">
+ <span id="progress-info">
+ </span>
+
+ <div class="popover bottom">
+ <div class="arrow"></div>
+ <div class="popover-inner">
+ <h3 class="popover-title">
+ Running...
+ <button type="button" class="close" aria-hidden="true">&times;</button>
+ </h3>
+ <div class="popover-content">
+ <ul class="progress-list"></ul>
+ </div>
+ </div>
+ </div>
+ </div>
+</div>
+<div class="span4">
+ <div class="header-block">
+ <i class="icon-download-alt icon-white"></i> Max. Speed:<br>
+ <i class="icon-off icon-white"></i> Running:<br>
+ <i class="icon-refresh icon-white"></i> Reconnect:<br>
+ </div>
+
+ <div class="header-block status-block"></div>
+
+ <div class="header-btn">
+ <div class="btn-group">
+ <a class="btn btn-blue btn-small" href="#"><i class="icon-user icon-white"></i> User</a>
+ <a class="btn btn-blue btn-small dropdown-toggle" data-toggle="dropdown" href="#"><span
+ class="caret"></span></a>
+ <ul class="dropdown-menu" style="right: 0; left: -100%">
+ <li><a data-nav href="/"><i class="icon-list-alt"></i> Dashboard</a></li>
+ <li><a data-nav href="/settings"><i class="icon-wrench"></i> Settings</a></li>
+ <li><a data-nav href="/accounts"><i class="icon-key"></i> Accounts</a></li>
+ <li><a data-nav href="/admin"><i class="icon-cogs"></i> Admin</a></li>
+ <li class="divider"></li>
+ <li><a data-nav href="/logout"><i class="icon-signout"></i> Logout</a></li>
+ </ul>
+ </div>
+ <div class="btn-group lower">
+ <button class="btn btn-success btn-grabber btn-mini" href="#">
+ <i class="icon-plus icon-white"></i>
+ </button>
+ <button class="btn btn-blue btn-play btn-mini" href="#">
+ <i class="icon-play icon-white"></i>
+ </button>
+ <button class="btn btn-danger btn-delete btn-mini" href="#">
+ <i class="icon-remove icon-white"></i>
+ </button>
+ </div>
+ </div>
+<span class="visible-desktop speedgraph-container">
+ <div id="speedgraph"></div>
+</span>
+</div> \ No newline at end of file
diff --git a/pyload/web/app/templates/default/header/progress.html b/pyload/web/app/templates/default/header/progress.html
new file mode 100644
index 000000000..65ae9a880
--- /dev/null
+++ b/pyload/web/app/templates/default/header/progress.html
@@ -0,0 +1,14 @@
+<% name %>
+<span class="pull-right"><% plugin %></span>
+
+<div class="progress">
+ <div class="bar" style="width: <% percent %>%"></div>
+</div>
+<%= if downloading %>
+<% formatSize done %> of <% formatSize total %> (<% formatSize download.speed %>/s)
+<% else %>
+<% statusmsg %>
+<%/if%>
+<span class="pull-right">
+ <% formatTime eta %>
+</span> \ No newline at end of file
diff --git a/pyload/web/app/templates/default/header/progressbar.html b/pyload/web/app/templates/default/header/progressbar.html
new file mode 100644
index 000000000..41645c92f
--- /dev/null
+++ b/pyload/web/app/templates/default/header/progressbar.html
@@ -0,0 +1,27 @@
+ <%= if single %>
+ <% name %> (<% statusmsg %>)
+ <% else %>
+ <%= if downloads %>
+ <% downloads %> downloads running <%= if speed %>(<% formatSize speed %>/s)<%/if%>
+ <% else %>
+ No running tasks
+ <%/if%>
+ <%/if%>
+ <i class="icon-list pull-right"></i>
+ <!-- TODO active animation -->
+ <div class="progress" id="globalprogress">
+ <%= if single %>
+ <div class="bar" style="width: <% percent %>%">
+ <% else %>
+ <div class="bar <%= if downloads %>running<%/if%>">
+ <%/if%>
+ </div>
+ </div>
+ <div class="sub">
+ <%= if linksqueue %>
+ <% linksqueue %> downloads left (<% formatSize sizequeue %>)
+ <%/if%>
+ <span class="pull-right">
+ <% formatTime etaqueue %>
+ </span>
+ </div> \ No newline at end of file
diff --git a/pyload/web/app/templates/default/header/status.html b/pyload/web/app/templates/default/header/status.html
new file mode 100644
index 000000000..3a22bb75b
--- /dev/null
+++ b/pyload/web/app/templates/default/header/status.html
@@ -0,0 +1,3 @@
+<span class="pull-right maxspeed"><% formatSize maxspeed %>/s</span><br>
+<span class="pull-right running"><% paused %></span><br>
+<span class="pull-right reconnect"><%= if reconnect %>true<% else %>false<%/if%></span> \ No newline at end of file