diff options
| author |  RaNaN <Mast3rRaNaN@hotmail.de>
| 2012-10-27 14:54:33 +0200 |
|---|---|---|
| committer | RaNaN <Mast3rRaNaN@hotmail.de>
| 2012-10-27 14:54:33 +0200 |
| commit | 90996e299c05e43958bca9b5f0714b6cdb517d08 (patch) | |
| tree | 7c6d502a7d011ad6a285953dce978de505b33f1d /module/web/templates/default/base.html | |
| parent | btn classes in pyload colors (diff) | |
| download | pyload-90996e299c05e43958bca9b5f0714b6cdb517d08.tar.xz | |
improved header layout
Diffstat (limited to 'module/web/templates/default/base.html')
| -rw-r--r-- | module/web/templates/default/base.html | 52 |
1 files changed, 37 insertions, 15 deletions
diff --git a/module/web/templates/default/base.html b/module/web/templates/default/base.html index bda72a00c..d54075110 100644 --- a/module/web/templates/default/base.html +++ b/module/web/templates/default/base.html @@ -30,35 +30,57 @@ </head>
<body>
<div id="wrap">
- <header>
- <div class="center">
+ <header style="width: 100%;">
+ <div class="left">
<div class="logo"></div>
<span class="title">pyLoad</span>
-
+ </div>
+ <div class="right">
{% if user %}
+{# <div class="btn-group btn-group-vertical">#}
+{# <a class="btn btn-mini" href="#"><i class="icon-align-left"></i></a>#}
+{# <a class="btn btn-mini" href="#"><i class="icon-align-center"></i></a>#}
+{# </div>#}
<div id="notification_div">
+ <span class="label label-info" style="position: absolute; left: 0;">O Msg.</span>
+ <span class="label label-success" style="position: absolute; right: 0;">Started</span>
No runnings tasks
<div class="progress progress-warning progress-striped" id="globalprogress">
<div class="bar" style="width: 60%"></div>
</div>
</div>
- <div class="header_block">
- <div class="header_icon" id="header_user">
- <span>{{ user.name }}</span>
- </div>
- <div class="header_text">
- <a href="/logout" id="header_logout">{{ _("Logout") }}</a>
+ <div class="header_block" style="margin-top: 16px;">
+ <div class="btn-group">
+ <a class="btn btn-primary btn-small" href="#"><i class="icon-user icon-white"></i> User</a>
+ <a class="btn btn-primary btn-small dropdown-toggle" data-toggle="dropdown" href="#"><span
+ class="caret"></span></a>
+ <ul class="dropdown-menu">
+ <li><a href="#"><i class="icon-pencil"></i> Edit</a></li>
+ <li><a href="#"><i class="icon-trash"></i> Delete</a></li>
+ <li><a href="#"><i class="icon-ban-circle"></i> Ban</a></li>
+ <li class="divider"></li>
+ <li><a href="#"><i class="i"></i> Make admin</a></li>
+ </ul>
</div>
+{# <div class="btn-toolbar">#}
+{# <div class="btn-group">#}
+{# <a class="btn btn-mini" href="#"><i class="icon-align-left"></i></a>#}
+{# <a class="btn btn-mini" href="#"><i class="icon-align-center"></i></a>#}
+{# <a class="btn btn-mini" href="#"><i class="icon-align-right"></i></a>#}
+{# </div>#}
+{# </div>#}
</div>
<div id="speedgraph"></div>
<div class="header_block">
- <div class="header_icon" id="header_speed">
- <span class="header_text">500 kb/s</span>
- </div>
- <div class="header_icon" id="header_qeuue">
- <span class="header_text">5 / 125</span>
- </div>
+ <span class="pull-right">500 kb/s</span><br>
+ <span class="pull-right">1h 5m</span><br>
+ <span class="pull-right">5 / 125</span><br>
+ </div>
+ <div class="header_block">
+ <i class="icon-download icon-white"></i> Speed:<br>
+ <i class="icon-time icon-white"></i> Remaining:<br>
+ <i class="icon-hdd icon-white"></i> Queue:<br>
</div>
{% endif %}
</div>
|