diff options
Diffstat (limited to 'module/web/templates/default/queue.html')
| -rw-r--r-- | module/web/templates/default/queue.html | 89 |
1 files changed, 47 insertions, 42 deletions
diff --git a/module/web/templates/default/queue.html b/module/web/templates/default/queue.html index 046abbe49..29e1a2927 100644 --- a/module/web/templates/default/queue.html +++ b/module/web/templates/default/queue.html @@ -17,52 +17,53 @@ document.addEvent("domready", function(){ {% set name = _("Collector") %} {% endif %} -{% block title %}{{name}} - {{super()}} {% endblock %} -{% block subtitle %}{{name}}{% endblock %} - {% block pageactions %} -<ul id="page-actions-more"> - <li id="del_finished"><a style="padding: 0; font-weight: bold;" href="#">{{_("Delete Finished")}}</a></li> - <li id="restart_failed"><a style="padding: 0; font-weight: bold;" href="#">{{_("Restart Failed")}}</a></li> -</ul> +<div class="btn-group btn-group-sm" role="group" aria-label="..." style="margin-left:10px;"> + <button id="del_finished" class="btn btn-default"><span>{{_("Delete Finished")}}</span></button> + <button id="restart_failed" class="btn btn-default"><span>{{_("Restart Failed")}}</span></button> +</div> {% endblock %} +{% block title %}{{name}} - {{super()}} {% endblock %} +{% block subtitle %}{{name}}{% endblock %} + {% block content %} {% autoescape true %} <ul id="package-list" style="list-style: none; padding-left: 0; margin-top: -10px;"> {% for package in content %} <li> -<div id="package_{{package.pid}}" class="package"> +<div id="package_{{package.pid}}" > <div class="order" style="display: none;">{{ package.order }}</div> - <div class="packagename" style="cursor: pointer"> - <img class="package_drag" src="/media/default/img/folder.png" style="cursor: move; margin-bottom: -2px"> - <span class="name">{{package.name}}</span> + <div class="packagename" style="float:left; width: 50%; cursor: pointer"> + <span class="glyphicon glyphicon-folder-close"></span> + <span class="name" style="font-size: 16px; font-weight: bold;">{{package.name }}</span> <span class="buttons" style="opacity:0"> - <img title="{{_("Delete Package")}}" style="cursor: pointer" width="12px" height="12px" src="/media/default/img/delete.png" /> + <span class="glyphicon glyphicon-trash" title="{{_("Delete Package")}}" style="cursor: pointer" width="12px" height="12px" src="/media/default/img/delete.png" /></span> - <img title="{{_("Restart Package")}}" style="margin-left: -10px; cursor: pointer" height="12px" src="/media/default/img/arrow_refresh.png" /> + <span class="glyphicon glyphicon-repeat" title="{{_("Restart Package")}}" style="margin-left: -10px; cursor: pointer" height="12px" src="/media/default/img/arrow_refresh.png" /></span> - <img title="{{_("Edit Package")}}" style="margin-left: -10px; cursor: pointer" height="12px" src="/media/default/img/pencil.png" /> + <span class="glyphicon glyphicon-pencil" title="{{_("Edit Package")}}" style="margin-left: -10px; cursor: pointer" height="12px" src="/media/default/img/pencil.png" /></span> - <img title="{{_("Move Package")}}" style="margin-left: -10px; cursor: pointer" height="12px" src="/media/default/img/package_go.png" /> + <span class="glyphicon glyphicon-transfer package_drag" title="{{_("Move Package")}}" style="margin-left: -10px; cursor: pointer" height="12px" src="/media/default/img/package_go.png" /></span> </span> </div> {% set progress = (package.linksdone * 100) / package.linkstotal %} - <div id="progress" style="border-radius: 4px; border: 1px solid #AAAAAA; width: 50%; height: 1em"> - <div style="width: {{ progress }}%; height: 100%; background-color: #add8e6;"></div> - <label style="font-size: 0.8em; font-weight: bold; padding-left: 5px; position: relative; top: -17px"> + <div id="progress" class="progress" style="float:left; width: 50%; margin-top: -5px;"> + <div class="progress-bar" role="progressbar" style="width: {{ progress }}%; height: 100%;"> + <label> + {{ package.linksdone }} / {{ package.linkstotal }}</label> + </div> + <label style="padding-right: 5px ;float: right;"> {{ package.sizedone|formatsize }} / {{ package.sizetotal|formatsize }}</label> - <label style="font-size: 0.8em; font-weight: bold; padding-right: 5px ;float: right; position: relative; top: -17px"> - {{ package.linksdone }} / {{ package.linkstotal }}</label> </div> <div style="clear: both; margin-bottom: -10px"></div> - <div id="children_{{package.pid}}" style="display: none;" class="children"> - <span class="child_secrow">{{_("Folder:")}} <span class="folder">{{package.folder}}</span> | {{_("Password:")}} <span class="password">{{package.password}}</span></span> + <div id="children_{{package.pid}}" style="display: none; margin-bottom: 15px;" class="children"> + <span class="child_secrow" style="margin-bottom: 30px; margin-top: 5px;">{{_("Folder:")}} <span class="folder">{{package.folder}}</span> | {{_("Password:")}} <span class="password">{{package.password}}</span></span> <ul id="sort_children_{{package.pid}}" style="list-style: none; padding-left: 0"> </ul> </div> @@ -74,28 +75,32 @@ document.addEvent("domready", function(){ {% endblock %} {% block hidden %} -<div id="pack_box" class="window_box" style="z-index: 2"> - <form id="pack_form" action="/json/edit_package" method="POST" enctype="multipart/form-data"> - <h1>{{_("Edit Package")}}</h1> +<div id="pack_box" style="z-index: 2"> + <form id="pack_form" class="from-group" action="/json/edit_package" method="POST" enctype="multipart/form-data"> + <h3>{{_("Edit Package")}}</h3> <p>{{_("Edit the package detais below.")}}</p> + <input name="pack_id" id="pack_id" type="hidden" value=""/> - <label for="pack_name">{{_("Name")}} - <span class="small">{{_("The name of the package.")}}</span> - </label> - <input id="pack_name" name="pack_name" type="text" size="20" /> - - <label for="pack_folder">{{_("Folder")}} - <span class="small">{{_("Name of subfolder for these downloads.")}}</span> - </label> - <input id="pack_folder" name="pack_folder" type="text" size="20" /> - - <label for="pack_pws">{{_("Password")}} - <span class="small">{{_("List of passwords used for unrar.")}}</span> - </label> - <textarea rows="3" name="pack_pws" id="pack_pws"></textarea> - - <button type="submit">{{_("Submit")}}</button> - <button id="pack_reset" style="margin-left: 0" type="reset" >{{_("Reset")}}</button> + + <div class="form-group"> + <label for="pack_name">{{_("Name")}}</label> + <input class="form-control" id="pack_name" name="pack_name" type="text" /> + <p class="help-block">{{_("The name of the package.")}}</p> + </div> + <div class="form-group"> + <label for="pack_folder">{{_("Folder")}}</label> + <input class="form-control" id="pack_folder" name="pack_folder" type="text" /> + <p class="help-block">{{_("Name of subfolder for these downloads.")}}</p> + </div> + <div class="form-group"> + <label for="pack_pws">{{_("Password")}}</label> + <textarea class="form-control" style=" width: 100%;" rows="3" name="pack_pws" id="pack_pws"></textarea> + <p class="help-block">{{_("List of passwords used for unrar.")}}</p> + </div> + <button class="btn btn-primary" style="float: right; margin-left: 5px;" type="submit">{{_("Submit")}}</button> + <button class="btn btn-default" id="pack_reset" style="float: right;" type="reset" >{{_("Reset")}}</button> + + <div class="spacer"></div> </form> |