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,9 +1,15 @@
<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="pull-right">
<!--<div class="panel-body"></div>--> <a href="#/users/{{Username}}/edit" class="btn btn-lg btn-info slide"><span class="glyphicon glyphicon-edit"></span> Edit</a>
<ul class="list-group"> </div>
<div class="clearfix"></div>
<div class="view-title">{{Username}}</div>
<div class="br"></div>
<ul class="list-group">
<li class="list-group-item"> <li class="list-group-item">
<div class="row"> <div class="row">
<div class="col-sm-4 text-right"><strong>Username</strong></div> <div class="col-sm-4 text-right"><strong>Username</strong></div>
@ -22,10 +28,8 @@
<div class="col-sm-8"> {{Mail}}</div> <div class="col-sm-8"> {{Mail}}</div>
</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,19 +1,20 @@
<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">
<div class="list-group"> <a href="#/users/create" class="btn btn-lg btn-success slide"><span class="glyphicon glyphicon-plus"></span> New user</a>
{{#Users}} </div>
<div class="clearfix"></div>
<div class="view-title">Users</div>
<div class="br"></div>
<div class="list-group">
{{#Users}}
<a href="#/users/{{Username}}" class="list-group-item slide"> <a href="#/users/{{Username}}" class="list-group-item slide">
<h4 class="pull-left list-group-item-heading">{{Username}} <small>{{Fullname}}</small></h4> <h4 class="pull-left list-group-item-heading">{{Username}} <small>{{Fullname}}</small></h4>
<span class="glyphicon glyphicon-chevron-right pull-right"></span> <span class="glyphicon glyphicon-chevron-right pull-right"></span>
<div class="clearfix"></div> <div class="clearfix"></div>
<p class="list-group-item-text">{{Mail}}</p> <p class="list-group-item-text">{{Mail}}</p>
</a> </a>
{{/Users}} {{/Users}}
</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> </div>