{% extends 'default/base.html' %}
{% block title %}{{ _("Admin") }} - {{ super() }} {% endblock %}
{% block subtitle %}{{ _("Admin") }}
{% endblock %}
{% block css %}
<link href="static/css/default/admin.less" rel="stylesheet/less" type="text/css" media="screen"/>
<link rel="stylesheet" type="text/css" href="static/css/fontawesome.css" />
{% endblock %}
{% block require %}
{% endblock %}
{% block content %}
<div class="container-fluid">
<div class="row-fluid">
<div id="userlist" class="span10">
<div class="page-header">
<h1>Admin Bereich
<small>Userverwaltung, Systeminfos</small>
<a id="btn_newuser" class="btn btn-warning btn-large" type="button"><i class="iconf-plus-sign iconf-large "></i></a>
</h1>
</div>
<div class="dropdown">
<span class="label name">User</span>
<a class="dropdown-toggle" data-toggle="dropdown" href="#"><i class="iconf-user iconf-8x"></i></a>
<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
<li><a tabindex="-1" id="useredit" href="#" role="button" data-backdrop="true" data-controls-modal="event-modal" data-keyboard="true"><i class="icon-pencil"></i>Edit</a></li>
<li><a tabindex="-1" href="#"><i class="icon-tasks"></i>Statistik</a></li>
<li class="divider"></li>
<li><a tabindex="-1" href="#"><i class="icon-remove-sign"></i>Delete</a></li>
</ul>
</div>
<div id="event-modal" class="modal hide fade">
<div class="modal-header">
<a class="close" id="useredit_close" href="#">x</a>
<h3>User Settings</h3>
</div>
<div class="modal-body">
<p>Set password and permissions</p>
<table style="width:100%;" class="table ">
<td>
<div class="input-prepend">
<span class="add-on"><i class="iconf-key"></i></span>
<input class="span2" style="min-width:120px;" id="prependedInput" type="text" placeholder="New Password">
</div>
<div class="input-prepend">
<span class="add-on"><i class="icon-repeat"></i></span>
<input class="span2" style="min-width:120px;" id="prependedInput" type="text" placeholder="Repeat">
</div>
<br>
<br>
<br>
<form class="form-horizontal">
<div class="control-group">
<label class="control-label" for="onoff">Administrator</label>
<div class="controls">
<div class="btn-group" id="onoff" data-toggle="buttons-radio">
<button type="button" class="btn btn-primary" >On</button>
<button type="button" class="btn btn-primary active">Off</button>
</div>
</div>
</div>
</form>
</td>
<td>
<div id="user_permissions">
<h3>Permissions</h3>
<div class="btn-group btn-group-vertical" data-toggle="buttons-checkbox">
<button type="button" class="btn btn-inverse userperm">Accounts</button>
<button type="button" class="btn btn-inverse userperm active">Add</button>
<button type="button" class="btn btn-inverse userperm">Delete</button>
<button type="button" class="btn btn-inverse userperm active">Download</button>
<button type="button" class="btn btn-inverse userperm active">List</button>
<button type="button" class="btn btn-inverse userperm">Logs</button>
<button type="button" class="btn btn-inverse userperm">Modify</button>
<button type="button" class="btn btn-inverse userperm">Settings</button>
<button type="button" class="btn btn-inverse userperm active">Status</button>
</div>
</div>
</td>
</table>
</div>
<div class="modal-footer">
<a class="btn btn-primary" id="useredit_save"href="#">Save</a>
</div>
</div>
</div>
<div class="span2">
<br>
<h2>Support</h2>
<table>
<tr>
<td>
<i class="icon-globe"></i>
</td>
<td>
<a href="#">Wiki |</a>
<a href="#">Forum |</a>
<a href="#">Chat</a>
</td>
</tr>
<tr>
<td>
<i class="icon-book"></i>
</td>
<td>
<a href="#">Documentation</a>
</td>
</tr>
<tr>
<td>
<i class="icon-fire"></i>
</td>
<td>
<a href="#">Development</a>
</td>
</tr>
<tr>
<td>
<i class="icon-bullhorn"></i>
</td>
<td>
<a href="#">Issue Tracker</a>
</td>
</tr>
</table>
<br>
<a href="#" class="btn btn-inverse" id="info" rel="popover" data-content="<table class='table table-striped'>
<tbody>
<tr>
<td>Python:</td>
<td>2.6.4 </td>
</tr>
<tr>
<td>Betriebssystem:</td>
<td>nt win32</td>
</tr>
<tr>
<td>pyLoad Version:</td>
<td>0.4.9</td>
</tr>
<tr>
<td>Installationsordner:</td>
<td>C:\pyLoad</td>
</tr>
<tr>
<td>Konfigurationsordner:</td>
<td>C:\Users\Marvin\pyload</td>
</tr>
<tr>
<td>Downloadordner:</td>
<td>C:\Users\Marvin\new</td>
</tr>
<tr>
<td>HDD:</td>
<td>1.67 TiB <div class='progress progress-striped active'>
<div class='bar' style='width: 40%;'></div>
</div></td>
</tr>
<tr>
<td>Sprache:</td>
<td>de</td>
</tr>
<tr>
<td>Webinterface Port:</td>
<td>8000</td>
</tr>
<tr>
<td>Remote Interface Port:</td>
<td>7227</td>
</tr>
</tbody>
</table>" title="Systeminformationen">System</a>
</div>
</div>
</div>
<script src="static/js/libs/jquery-1.9.0.js"></script>
{##}
<script src="static/js/libs/bootstrap-2.2.2.js"></script>
<script type="text/javascript">
$('#info').popover({
placement: 'left',
trigger: 'click',
html:'true',
});
$('.dropdown-toggle').dropdown();
$("#btn_newuser").click(function() {
str = "<div class='dropdown1'><span class='label name'>User</span><a class='dropdown-toggle' data-toggle='dropdown1' href='#'><i class='iconf-user iconf-8x'></i></a><ul class='dropdown-menu' role='menu' aria-labelledby='dropdownMenu'><li><a tabindex='-1' href='#'>Action</a></li><li><a tabindex='-1' href='#'>Another action</a></li><li><a tabindex='-1' href='#'>Something else here</a></li><li class='divider'></li><li><a tabindex='-1' href='#'>Separated link</a></li></ul></div>";
$("#userlist").append(str);
});
$("#useredit").click(function() {
$('#event-modal').modal();
});
$("#useredit_close").click(function() {
$('#event-modal').modal('hide');
});
$("#useredit_save").click(function() {
$('#event-modal').modal('hide');
});
</script>
{% endblock %}