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..4ef5a1cd6
--- /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..a36fb5684
--- /dev/null
+++ b/pyload/web/app/templates/default/header/progressbar.html
@@ -0,0 +1,27 @@
+{{#if single }}
+    {{ truncate name 32}} ({{ 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..f840b6e33
--- /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