diff options
Diffstat (limited to 'module/web/templates/default/dashboard.html')
| -rw-r--r-- | module/web/templates/default/dashboard.html | 214 |
1 files changed, 214 insertions, 0 deletions
diff --git a/module/web/templates/default/dashboard.html b/module/web/templates/default/dashboard.html new file mode 100644 index 000000000..41da71c6c --- /dev/null +++ b/module/web/templates/default/dashboard.html @@ -0,0 +1,214 @@ +{% extends 'default/base.html' %}
+{% block title %}
+ {{ _("Dashboard") }} - {{ super() }}
+{% endblock %}
+
+{% block css %}
+ <link href="static/css/default/dashboard.less" rel="stylesheet/less" type="text/css" media="screen"/>
+{% endblock %}
+
+{% block require %}
+ App.initDashboard();
+{% endblock %}
+
+{% block head %}
+ <script type="text/template" id="template-package">
+ <%= if selected %>
+ <i class="iconf-check select"></i>
+ <% else %>
+ <i class="iconf-check-empty select"></i>
+ <%/if%>
+ <span class="package-name">
+ <% name %>
+ </span>
+
+ <div class="package-frame">
+ <div class="tag-area">
+ <span class="badge badge-success"><i class="iconf-tag"></i>video</span>
+ <span class="badge badge-success badge-ghost"><i class="iconf-tag"></i> Add Tag</span>
+ </div>
+ <div class="package-indicator">
+ <i class="iconf-plus-sign btn-move" data-toggle="tooltip" title="Move files here"></i>
+ <i class="iconf-pause" data-toggle="tooltip" title="Pause Package"></i>
+ <i class="iconf-refresh" data-toggle="tooltip" title="Restart Package"></i>
+ <%= if shared %>
+ <i class="iconf-eye-open" data-toggle="tooltip" title="Package is public"></i>
+ <% else %>
+ <i class="iconf-eye-close" data-toggle="tooltip" title="Package is private"></i>
+ <%/if%>
+ <i class="iconf-chevron-down" data-toggle="dropdown">
+ </i>
+ <ul class="dropdown-menu" role="menu">
+ <li><a href="#" class="btn-open"><i class="iconf-folder-open-alt"></i> Open</a></li>
+ <li><a href="#"><i class="iconf-plus-sign"></i> Add links</a></li>
+ <li><a href="#"><i class="iconf-edit"></i> Details</a></li>
+ <li><a href="#" class="btn-delete"><i class="iconf-trash"></i> Delete</a></li>
+ <li><a href="#" class="btn-recheck"><i class="iconf-refresh"></i> Recheck</a></li>
+ <li class="divider"></li>
+ <li class="dropdown-submenu">
+ <a>Addons</a>
+ <ul class="dropdown-menu">
+ <li><a>Test</a></li>
+ </ul>
+ </li>
+ </ul>
+ </div>
+ <div class="progress">
+ <span style="position: absolute; left: 5px">
+ <% stats.linksdone %> / <% stats.linkstotal %>
+ </span>
+ <div class="bar bar-info" style="width: <% percent %>%"></div>
+ <span style="position: absolute; right: 5px">
+ <% formatSize stats.sizedone %> / <% formatSize stats.sizetotal %>
+ </span>
+ </div>
+ </div>
+ </script>
+
+ <script type="text/template" id="template-file">
+ <div class="file-row first span6">
+ <i class="checkbox"></i>
+ <span class="name">
+ <% name %>
+ </span>
+ </div>
+ <div class="file-row second span3 <% fileClass this %>">
+ <% fileStatus this %>
+ </div>
+
+ <div class="file-row third span3 pull-right">
+ <i class="<% fileIcon media %>"></i>
+ <% formatSize size %>
+ <span class="pull-right">
+ <img src="icons/<% download.plugin %>"/>
+ <% download.plugin %>
+ <i class="iconf-chevron-down" data-toggle="dropdown"></i>
+ <ul class="dropdown-menu" role="menu">
+ <li><a href="#" class="btn-delete"><i class="iconf-trash"></i> Delete</a></li>
+ <li><a href="#" class="btn-restart"><i class="iconf-refresh"></i> Restart</a></li>
+ {# TODO: only show when finished #}
+ <li><a href="download/<% fid %>" target="_blank" class="btn-dowload"><i class="iconf-download"></i> Download</a></li>
+ <li><a href="#" class="btn-share"><i class="iconf-share"></i> Share</a></li>
+ <li class="divider"></li>
+ <li class="dropdown-submenu pull-left">
+ <a>Addons</a>
+ <ul class="dropdown-menu">
+ <li><a>Test</a></li>
+ </ul>
+ </li>
+ </ul>
+ </span>
+ </div>
+ </script>
+
+ <script type="text/template" id="template-select">
+ <i class="iconf-check" data-toggle="tooltip" title="Deselect"></i>
+ <%= if packs %><% packs %> package(s)<%/if %>
+ <%= if files %>
+ <%= if packs %>, <%/if %>
+ <% files %> file(s)
+ <%/if %>
+ selected
+ |
+ <i class="iconf-pause" data-toggle="tooltip" title="Pause"></i>
+ <i class="iconf-trash" data-toggle="tooltip" title="Delete"></i>
+ <i class="iconf-refresh" data-toggle="tooltip" title="Restart"></i>
+ </script>
+
+{% endblock %}
+
+{% block actionbar %}
+ <ul class="actionbar nav nav-pills span9">
+ <li>
+ <ul class="breadcrumb">
+ <li><a href="#">{{ _("Local") }}</a> <span class="divider">/</span></li>
+ <li class="active"></li>
+ </ul>
+ </li>
+
+ <li style="float: right;">
+ <form class="form-search" action="#">
+ <div class="input-append">
+ <input type="text" class="search-query" style="width: 120px">
+ <button type="submit" class="btn">{{ _("Search") }}</button>
+ </div>
+ </form>
+ </li>
+ <li style="float: right">
+ <a href="#"><i class="iconf-check-empty btn-check"></i></a>
+ </li>
+ <li class="dropdown" style="float: right;">
+ <a class="dropdown-toggle type"
+ data-toggle="dropdown"
+ href="#">
+ Type
+ <b class="caret"></b>
+ </a>
+ <ul class="dropdown-menu">
+ <li><a class="filter-type" data-type="2" href="#"><i class="icon-ok"></i> Audio</a></li>
+ <li><a class="filter-type" data-type="4" href="#"><i class="icon-ok"></i> Image</a></li>
+ <li><a class="filter-type" data-type="8" href="#"><i class="icon-ok"></i> Video</a></li>
+ <li><a class="filter-type" data-type="16" href="#"><i class="icon-ok"></i> Document</a></li>
+ <li><a class="filter-type" data-type="32" href="#"><i class="icon-remove"></i> Archive</a></li>
+ <li><a class="filter-type" data-type="1" href="#"><i class="icon-remove"></i> Other</a></li>
+ </ul>
+ </li>
+ <li class="dropdown" style="float: right;">
+ <a class="dropdown-toggle"
+ data-toggle="dropdown"
+ href="#">
+ <span class="state">
+ All
+ </span>
+ <b class="caret"></b>
+ </a>
+ <ul class="dropdown-menu">
+ <li><a class="filter-state" data-state="0" href="#">All</a></li>
+ <li><a class="filter-state" data-state="1" href="#">Finished</a></li>
+ <li><a class="filter-state" data-state="2" href="#">Unfinished</a></li>
+ <li><a class="filter-state" data-state="3" href="#">Failed</a></li>
+ </ul>
+ </li>
+ </ul>
+{% endblock %}
+
+
+{% block content %}
+
+ <div class="span3">
+ <div class="sidebar-header">
+ <i class="iconf-hdd"></i> Local
+ <div class="pull-right" style="font-size: medium; line-height: normal">
+ {# <input type="text" class="input">#}
+ <i class="iconf-chevron-down" style="font-size: 20px"></i>
+ </div>
+ <div class="clearfix"></div>
+ </div>
+ <ul class="package-list">
+ {# Build up by js #}
+ </ul>
+ <div class="sidebar-header">
+ <i class="iconf-group"></i> Shared
+ </div>
+ <ul class="package-list">
+ <li>Content from</li>
+ <li>Other user</li>
+ <li>which they shared</li>
+ </ul>
+ <div class="sidebar-header">
+ <i class="iconf-sitemap"></i> Remote
+ </div>
+ <ul>
+ <li>Content from</li>
+ <li>remote sites</li>
+ <li>mega</li>
+ <li>dropbox</li>
+ <li>other pyloads</li>
+ </ul>
+ </div>
+ <div class="span9">
+ <ul class="file-list">
+ {# Build up by js #}
+ </ul>
+ </div>
+{% endblock %}
\ No newline at end of file |