Interface enhancements

This commit is contained in:
Kload 2013-09-23 22:43:27 +02:00
parent 47295a966d
commit b7ac31cd8b
4 changed files with 73 additions and 47 deletions

View file

@ -44,3 +44,19 @@ html, body {
body .form-control { body .form-control {
padding: 6px; padding: 6px;
} }
.view-title {
text-align: center;
max-width: 240px;
font-size: 25px;
/*font-weight: bold;*/
margin: -41px auto 0 auto;
}
body .page-header {
margin-top: 5px;
}
div.br {
height: 30px;
}

View file

@ -1,9 +1,14 @@
<div class="pull-left">
<a class="btn btn-lg btn-default slide back" href="#/users/{{Username}}"><span class="glyphicon glyphicon-chevron-left"></span> {{Username}} info</a>
</div>
<div class="clearfix"></div>
<div class="view-title">Edit {{Username}}</div>
<div class="br"></div>
<form action="#/users/{{Username}}" method="PUT" class="form-horizontal"> <form action="#/users/{{Username}}" method="PUT" class="form-horizontal">
<div class="panel panel-default"> <div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">{{Username}}</h3>
</div>
<div class="panel-body"> <div class="panel-body">
<div class="form-group"> <div class="form-group">
<label for="username" class="col-sm-4 control-label">Username</label> <label for="username" class="col-sm-4 control-label">Username</label>

View file

@ -1,8 +1,14 @@
<div class="panel panel-default"> <div class="pull-left">
<div class="panel-heading"> <a class="btn btn-lg btn-default slide back" href="#/users"><span class="glyphicon glyphicon-chevron-left"></span> User list</a>
<h3 class="panel-title">{{Username}}</h3>
</div> </div>
<!--<div class="panel-body"></div>--> <div class="pull-right">
<a href="#/users/{{Username}}/edit" class="btn btn-lg btn-info slide"><span class="glyphicon glyphicon-edit"></span> Edit</a>
</div>
<div class="clearfix"></div>
<div class="view-title">{{Username}}</div>
<div class="br"></div>
<ul class="list-group"> <ul class="list-group">
<li class="list-group-item"> <li class="list-group-item">
<div class="row"> <div class="row">
@ -23,9 +29,7 @@
</div> </div>
</li> </li>
</ul> </ul>
</div>
<div class="row text-center"> <div class="text-center">
<div class="col-sm-6"><a href="#/users/{{Username}}/edit" class="btn btn-lg btn-info slide"><span class="glyphicon glyphicon-edit"></span> Edit</a></div> <a href="#/users/{{Username}}/delete" class="btn btn-lg btn-danger slide back"><span class="glyphicon glyphicon-trash"></span> Delete</a>
<div class="col-sm-6"><a href="#/users/{{Username}}/delete" class="btn btn-lg btn-danger slide back"><span class="glyphicon glyphicon-trash"></span> Delete</a></div>
</div> </div>

View file

@ -1,7 +1,13 @@
<div class="panel panel-default"> <div class="pull-left">
<div class="panel-heading"> <a href="#/" class="btn btn-lg btn-default slide back"><span class="glyphicon glyphicon-chevron-left"></span> Menu</a>
<h1 class="panel-title">Users</h1>
</div> </div>
<div class="pull-right">
<a href="#/users/create" class="btn btn-lg btn-success slide"><span class="glyphicon glyphicon-plus"></span> New user</a>
</div>
<div class="clearfix"></div>
<div class="view-title">Users</div>
<div class="br"></div>
<div class="list-group"> <div class="list-group">
{{#Users}} {{#Users}}
<a href="#/users/{{Username}}" class="list-group-item slide"> <a href="#/users/{{Username}}" class="list-group-item slide">
@ -12,8 +18,3 @@
</a> </a>
{{/Users}} {{/Users}}
</div> </div>
</div>
<div class="text-center">
<a href="#/users/create" class="btn btn-lg btn-success slide"><span class="glyphicon glyphicon-plus"></span> New user</a>
</div>