[enh] Add menu #56

This commit is contained in:
abeudin 2014-07-03 21:57:57 +02:00 committed by opi
parent a7de2f4f9a
commit 2b14017b0d
24 changed files with 278 additions and 228 deletions

View file

@ -83,11 +83,11 @@ body {
.move {
-webkit-transition: margin-left 0.4s ease-in-out;
-moz-transition: margin-left 0.4s ease-in-out;
-o-transition: margin-left 0.4s ease-in-out;
-ms-transition: margin-left 0.4s ease-in-out;
transition: margin-left 0.4s ease-in-out;
-webkit-transition: margin-left 0.2s ease-in-out;
-moz-transition: margin-left 0.2s ease-in-out;
-o-transition: margin-left 0.2s ease-in-out;
-ms-transition: margin-left 0.2s ease-in-out;
transition: margin-left 0.2s ease-in-out;
}
.placehold {
@ -349,3 +349,84 @@ a.list-group-item-heading,
@media screen and (max-width: 767px) {
.table-responsive {border: none;}
}
.actions-group {
.pull-right;
}
/* Breadcrumbs from http://bootsnipp.com/snippets/featured/triangle-breadcrumbs-arrows */
.btn-breadcrumb {
.pull-left;
&:extend(.btn-group all);
a {
.btn-default();
&:extend(.btn, .btn.btn-default all, .btn-group > .btn all);
& + a {
&:extend(.btn-group .btn + .btn all);
}
&:hover {text-decoration: none;}
}
}
.btn-breadcrumb a:not(:last-child):after {
content: " ";
display: block;
width: 0;
height: 0;
border-top: 17px solid transparent;
border-bottom: 17px solid transparent;
border-left: 10px solid white;
position: absolute;
top: 50%;
margin-top: -17px;
left: 100%;
z-index: 3;
}
.btn-breadcrumb a:not(:last-child):before {
content: " ";
display: block;
width: 0;
height: 0;
border-top: 17px solid transparent;
border-bottom: 17px solid transparent;
border-left: 10px solid rgb(173, 173, 173);
position: absolute;
top: 50%;
margin-top: -17px;
margin-left: 1px;
left: 100%;
z-index: 3;
}
.btn-breadcrumb a {
padding:6px 12px 6px 24px;
}
.btn-breadcrumb a:first-child {
padding:6px 6px 6px 10px;
}
.btn-breadcrumb a:last-child {
padding:6px 18px 6px 24px;
}
/** Default button **/
.btn-group.btn-breadcrumb a:not(:last-child):after {
border-left: 10px solid #fff;
}
.btn-group.btn-breadcrumb a:not(:last-child):before {
border-left: 10px solid #ccc;
}
.btn-group.btn-breadcrumb a:hover:not(:last-child):after {
border-left: 10px solid #ebebeb;
}
.btn-group.btn-breadcrumb a:hover:not(:last-child):before {
border-left: 10px solid #adadad;
}
.separator {
.clearfix();
margin-bottom: 25px;
}

4
css/style.min.css vendored

File diff suppressed because one or more lines are too long

View file

@ -35,6 +35,7 @@
"open" : "Open",
"close" : "Close",
"both" : "Both",
"home" : "Home",
"installing" : "Installing",
"installed" : "Installed",

View file

@ -1,14 +1,12 @@
<div class="pull-left">
<a href="#/apps/{{settings.id}}" class="btn btn-default slide back">
<span class="fa-chevron-left"></span> {{settings.label}}
</a>
<div class="btn-breadcrumb">
<a href="#/" ><i class="fa-home"></i><span class="sr-only">{{t 'home'}}</span></a>
<a href="#/apps" class="hidden-xs">{{t 'applications'}}</a>
<a href="#/apps" class="visible-xs">&hellip;</a>
<a href="#/apps/{{settings.id}}">{{settings.label}}</a>
<a href="#/apps/{{settings.id}}/access">{{t 'app_access'}}</a>
</div>
<div class="pull-right">
</div>
<div class="clearfix"></div>
<h1 class="view-title">{{t 'app_access_title' settings.label}}</h1>
<div class="br"></div>
<div class="separator"></div>
<div class="panel panel-default">
<div class="panel-heading">

View file

@ -1,14 +1,11 @@
<div class="pull-left">
<a href="#/apps" class="btn btn-default slide back">
<span class="fa-chevron-left"></span> {{t 'app_list'}}
</a>
<div class="btn-breadcrumb">
<a href="#/" ><i class="fa-home"></i><span class="sr-only">{{t 'home'}}</span></a>
<a href="#/apps">{{t 'applications'}}</a>
<a href="#/apps/{{settings.id}}">{{settings.label}}</a>
</div>
<div class="pull-right">
</div>
<div class="clearfix"></div>
<h1 class="view-title">{{settings.label}}</h1>
<div class="br"></div>
<div class="separator"></div>
<div class="panel panel-default">
<div class="panel-heading">

View file

@ -1,12 +1,11 @@
<div class="pull-left">
<a href="#/apps/install" class="btn btn-default slide back">
<span class="fa-chevron-left"></span> {{t 'app_list'}}
</a>
<div class="btn-breadcrumb">
<a href="#/" ><i class="fa-home"></i><span class="sr-only">{{t 'home'}}</span></a>
<a href="#/apps">{{t 'applications'}}</a>
<a href="#/apps/install">{{t 'install'}}</a>
<a href="#/apps/install/{{id}}">{{manifest.name}}</a>
</div>
<div class="clearfix"></div>
<h1 class="view-title">{{t 'install_name' manifest.name}}</h1>
<div class="br"></div>
<div class="separator"></div>
<form action="#/apps" method="POST" class="form-horizontal">

View file

@ -1,35 +1,31 @@
{{#installed}}
<div class="pull-left">
<a href="#/" class="btn btn-default slide back">
<span class="fa-chevron-left"></span> {{t 'menu'}}
</a>
<div class="btn-breadcrumb">
<a href="#/" ><i class="fa-home"></i><span class="sr-only">{{t 'home'}}</span></a>
<a href="#/apps">{{t 'applications'}}</a>
</div>
<div class="pull-right">
<div class="actions-group">
<a href="#/apps/install" class="btn btn-success slide">
<span class="fa-plus"></span> {{t 'install'}}
</a>
</div>
<div class="clearfix"></div>
<h1 class="view-title">{{t 'installed_apps'}}</h1>
{{/installed}}
{{^installed}}
<div class="pull-left">
<a href="#/apps" class="btn btn-default slide back">
<span class="fa-chevron-left"></span> {{t 'installed_apps'}}
</a>
<div class="btn-breadcrumb">
<a href="#/" ><i class="fa-home"></i><span class="sr-only">{{t 'home'}}</span></a>
<a href="#/apps">{{t 'applications'}}</a>
<a href="#/apps/install">{{t 'install'}}</a>
</div>
<div class="pull-right">
<div class="actions-group">
<a href="#/apps/refresh" class="btn btn-info">
<span class="fa-refresh"></span> {{t 'refresh_app_list'}}
</a>
</div>
<div class="clearfix"></div>
<h1 class="view-title">{{t 'available_apps'}}</h1>
{{/installed}}
<div class="br"></div>
<div class="separator"></div>
<div class="list-group">
{{#apps}}

View file

@ -1,11 +1,9 @@
<div class="pull-left">
<a href="#/" class="btn btn-default slide back">
<span class="fa-chevron-left"></span> {{t 'menu'}}
</a>
<div class="btn-breadcrumb">
<a href="#/" ><i class="fa-home"></i><span class="sr-only">{{t 'home'}}</span></a>
<a href="#/backup">{{t 'backup'}}</a>
</div>
<div class="clearfix"></div>
<h1 class="view-title">{{t 'backup'}}</h1>
<div class="br"></div>
<div class="separator"></div>
<div class="alert alert-warning">
<span class="fa-exclamation-triangle"></span>

View file

@ -1,12 +1,10 @@
<div class="pull-left">
<a href="#/domains" class="btn btn-default slide back">
<span class="fa-chevron-left"></span> {{t 'domain_list'}}
</a>
<div class="btn-breadcrumb">
<a href="#/" ><i class="fa-home"></i><span class="sr-only">{{t 'home'}}</span></a>
<a href="#/domains">{{t 'domains'}}</a>
<a href="#/domains/add">{{t 'domain_add'}}</a>
</div>
<div class="clearfix"></div>
<h1 class="view-title">{{t 'domain_add'}}</h1>
<div class="br"></div>
<div class="separator"></div>
<form action="#/domains/add" method="POST" class="form-horizontal">

View file

@ -1,16 +1,15 @@
<div class="pull-left">
<a href="#/" class="btn btn-default slide back">
<span class="fa-chevron-left"></span> {{t 'menu'}}
</a>
<div class="btn-breadcrumb">
<a href="#/" ><i class="fa-home"></i><span class="sr-only">{{t 'home'}}</span></a>
<a href="#/domains">{{t 'domains'}}</a>
</div>
<div class="pull-right">
<div class="actions-group">
<a href="#/domains/add" class="btn btn-success slide">
<span class="fa-plus"></span> {{t 'domain_add'}}
</a>
</div>
<div class="clearfix"></div>
<h1 class="view-title">{{t 'domains'}}</h1>
<div class="br"></div>
<div class="separator"></div>
<div class="list-group">
{{#domains}}

View file

@ -1,11 +1,9 @@
<div class="pull-left">
<a href="#/" class="btn btn-default slide back">
<span class="fa-chevron-left"></span> {{t 'menu'}}
</a>
<div class="btn-breadcrumb">
<a href="#/" ><i class="fa-home"></i><span class="sr-only">{{t 'home'}}</span></a>
<a href="#/firewall">{{t 'firewall'}}</a>
</div>
<div class="clearfix"></div>
<h1 class="view-title">{{t 'firewall'}}</h1>
<div class="br"></div>
<div class="separator"></div>
<div class="panel panel-default">
<div class="panel-heading">

View file

@ -1,11 +1,9 @@
<div class="pull-left">
<a href="#/" class="btn btn-default slide back">
<span class="fa-chevron-left"></span> {{t 'menu'}}
</a>
<div class="btn-breadcrumb">
<a href="#/" ><i class="fa-home"></i><span class="sr-only">{{t 'home'}}</span></a>
<a href="#/monitor">{{t 'monitoring'}}</a>
</div>
<div class="clearfix"></div>
<h1 class="view-title">{{t 'monitoring'}}</h1>
<div class="br"></div>
<div class="separator"></div>
{{#if status}}
<div class="panel panel-default">

View file

@ -1,12 +1,10 @@
<div class="pull-left">
<a href="#/services" class="btn btn-default slide back">
<span class="fa-chevron-left"></span> {{t 'services_list'}}
</a>
<div class="btn-breadcrumb">
<a href="#/" ><i class="fa-home"></i><span class="sr-only">{{t 'home'}}</span></a>
<a href="#/services">{{t 'services'}}</a>
<a href="#/services/{{service.name}}">{{service.name}}</a>
</div>
<div class="clearfix"></div>
<h1 class="view-title">{{service.name}}</h1>
<div class="br"></div>
<div class="separator"></div>
<div class="panel panel-default">

View file

@ -1,11 +1,9 @@
<div class="pull-left">
<a href="#/" class="btn btn-default slide back">
<span class="fa-chevron-left"></span> {{t 'menu'}}
</a>
<div class="btn-breadcrumb">
<a href="#/" ><i class="fa-home"></i><span class="sr-only">{{t 'home'}}</span></a>
<a href="#/services">{{t 'services'}}</a>
</div>
<div class="clearfix"></div>
<h1 class="view-title">{{t 'services'}}</h1>
<div class="br"></div>
<div class="separator"></div>
<div class="list-group">
{{#services}}

View file

@ -1,11 +1,11 @@
<div class="pull-left">
<a href="#/services/{{name}}" class="btn btn-default slide back">
<span class="fa-chevron-left"></span> {{name}}
</a>
<div class="btn-breadcrumb">
<a href="#/" ><i class="fa-home"></i><span class="sr-only">{{t 'home'}}</span></a>
<a href="#/services">{{t 'services'}}</a>
<a href="#/services/{{name}}">{{name}}</a>
<a href="#/services/{{name}}/log">{{t 'log'}}</a>
</div>
<div class="clearfix"></div>
<h1 class="view-title">{{t 'service_log' name}}</h1>
<div class="br"></div>
<div class="separator"></div>
<div class="container">
{{#logs}}

View file

@ -1,11 +1,10 @@
<div class="pull-left">
<a href="#/tools" class="btn btn-default slide back">
<span class="fa-chevron-left"></span> {{t 'tools'}}
</a>
<div class="btn-breadcrumb">
<a href="#/" ><i class="fa-home"></i><span class="sr-only">{{t 'home'}}</span></a>
<a href="#/tools">{{t 'tools'}}</a>
<a href="#/tools/adminpw">{{t 'tools_adminpw'}}</a>
</div>
<div class="clearfix"></div>
<h1 class="view-title">{{t 'tools_adminpw'}}</h1>
<div class="br"></div>
<div class="separator"></div>
<form action="#/tools/adminpw" method="PUT" class="form-horizontal">

View file

@ -1,11 +1,10 @@
<div class="pull-left">
<a href="#/tools" class="btn btn-default slide back">
<span class="fa-chevron-left"></span> {{t 'tools'}}
</a>
<div class="btn-breadcrumb">
<a href="#/" ><i class="fa-home"></i><span class="sr-only">{{t 'home'}}</span></a>
<a href="#/tools">{{t 'tools'}}</a>
<a href="#/tools/ca">{{t 'tools_download_ca'}}</a>
</div>
<div class="clearfix"></div>
<h1 class="view-title">{{t 'tools_download_ca'}}</h1>
<div class="br"></div>
<div class="separator"></div>
<div class="panel panel-default">
<div class="panel-body">

View file

@ -1,11 +1,9 @@
<div class="pull-left">
<a href="#/" class="btn btn-default slide back">
<span class="fa-chevron-left"></span> {{t 'menu'}}
</a>
<div class="btn-breadcrumb">
<a href="#/" ><i class="fa-home"></i><span class="sr-only">{{t 'home'}}</span></a>
<a href="#/tools">{{t 'tools'}}</a>
</div>
<div class="clearfix"></div>
<h1 class="view-title">{{t 'tools'}}</h1>
<div class="br"></div>
<div class="separator"></div>
<div class="list-group">
@ -22,4 +20,3 @@
<h2 class="list-group-item-heading">{{t 'tools_download_ca'}}</h2>
</a>
</div>

View file

@ -1,11 +1,10 @@
<div class="pull-left">
<a href="#/tools" class="btn btn-default slide back">
<span class="fa-chevron-left"></span> {{t 'tools'}}
</a>
<div class="btn-breadcrumb">
<a href="#/" ><i class="fa-home"></i><span class="sr-only">{{t 'home'}}</span></a>
<a href="#/tools">{{t 'tools'}}</a>
<a href="#/tools/update">{{t 'system_update'}}</a>
</div>
<div class="clearfix"></div>
<h1 class="view-title">{{t 'system_update'}}</h1>
<div class="br"></div>
<div class="separator"></div>
<div class="panel panel-default">
<div class="panel-heading">
@ -58,4 +57,3 @@
</div>
{{/if}}
</div>

View file

@ -1,11 +1,11 @@
<div class="pull-left">
<a href="#/tools/update" class="btn btn-default slide back">
<span class="fa-chevron-left"></span> {{t 'system_update'}}
</a>
<div class="btn-breadcrumb">
<a href="#/" ><i class="fa-home"></i><span class="sr-only">{{t 'home'}}</span></a>
<a href="#/tools">{{t 'tools'}}</a>
<a href="#/tools/update">{{t 'system_update'}}</a>
<a href="#/tools/upgrade">{{t 'system_upgrade'}}</a>
</div>
<div class="clearfix"></div>
<h1 class="view-title">{{t 'system_upgrade'}}</h1>
<div class="br"></div>
<div class="separator"></div>
{{#if logs}}
<pre class="upgrade-log log">
@ -14,5 +14,5 @@
{{/logs}}
</pre>
{{else}}
{{t 'no_log'}}
{{t 'no_log'}}
{{/if}}

View file

@ -1,12 +1,11 @@
<div class="pull-left">
<a href="#/users" class="btn btn-default slide back">
<span class="fa-chevron-left"></span> {{t 'users_list'}}
</a>
<div class="btn-breadcrumb">
<a href="#/" ><i class="fa-home"></i><span class="sr-only">{{t 'home'}}</span></a>
<a href="#/users" class="visible-xs">&hellip;</a>
<a href="#/users" class="hidden-xs">{{t 'users'}}</a>
<a href="#/users/create">{{t 'users_new'}}</a>
</div>
<div class="clearfix"></div>
<h1 class="view-title">{{t 'users_new'}}</h1>
<div class="br"></div>
<div class="separator"></div>
<form action="#/users" method="POST" class="form-horizontal">

View file

@ -1,12 +1,12 @@
<div class="pull-left">
<a href="#/users/{{username}}" class="btn btn-default slide back">
<span class="fa-chevron-left"></span> {{t 'info'}}
</a>
<div class="btn-breadcrumb">
<a href="#/" ><i class="fa-home"></i><span class="sr-only">{{t 'home'}}</span></a>
<a href="#/users" class="visible-xs">&hellip;</a>
<a href="#/users" class="hidden-xs">{{t 'users'}}</a>
<a href="#/users/{{username}}">{{username}}</a>
<a href="#/users/{{username}}/edit">{{t 'user_username_edit' username}}</a>
</div>
<div class="clearfix"></div>
<h1 class="view-title">{{t 'user_username_edit' username}}</h1>
<div class="br"></div>
<div class="separator"></div>
<form action="#/users/{{username}}" method="PUT" class="form-horizontal">

View file

@ -1,60 +1,60 @@
<div class="pull-left">
<a href="#/users" class="btn btn-default slide back">
<span class="fa-chevron-left"></span> {{t 'users_list'}}
</a>
<div class="btn-breadcrumb">
<a href="#/" ><i class="fa-home"></i><span class="sr-only">{{t 'home'}}</span></a>
<a href="#/users" class="hidden-xs">{{t 'users'}}</a>
<a href="#/users" class="visible-xs">&hellip;</a>
<a href="#/users/{{username}}">{{username}}</a>
</div>
<div class="pull-right">
<a href="#/users/{{username}}/edit" class="btn btn-info slide">
<span class="fa-edit"></span> {{t 'user_username_edit' username}}
</a>
</div>
<div class="clearfix"></div>
<h1 class="view-title">{{username}}</h1>
<div class="br"></div>
<div class="separator"></div>
<div class="panel panel-default">
<div class="panel-heading">
<h2 class="panel-title"><span class="fa-fw fa-user"></span> {{fullname}}</h2>
</div>
<ul class="panel-body list-group">
<li class="list-group-item row">
<div class="col-sm-3 text-right hidden-xs"><strong>{{t 'user_username'}}</strong></div>
<div class="col-sm-3 visible-xs"><strong>{{t 'user_username'}}</strong></div>
<div class="col-sm-9"> {{username}}</div>
</li>
<li class="list-group-item row">
<div class="col-sm-3 text-right hidden-xs"><strong>{{t 'user_email'}}</strong></div>
<div class="col-sm-3 visible-xs"><strong>{{t 'user_email'}}</strong></div>
<div class="col-sm-9"> {{mail}}</div>
</li>
<li class="list-group-item row">
<div class="col-sm-3 text-right hidden-xs"><strong>{{t 'user_emailaliases'}}</strong></div>
<div class="col-sm-3 visible-xs"><strong>{{t 'user_emailaliases'}}</strong></div>
<div class="col-sm-9">
{{#if mail-aliases}}
{{#mail-aliases}}
{{.}}<br>
{{/mail-aliases}}
{{/if}}
</div>
</li>
<li class="list-group-item row">
<div class="col-sm-3 text-right hidden-xs"><strong>{{t 'user_emailforward'}}</strong></div>
<div class="col-sm-3 visible-xs"><strong>{{t 'user_emailforward'}}</strong></div>
<div class="col-sm-9">
{{#if mail-forward}}
{{#mail-forward}}
{{.}}<br>
{{/mail-forward}}
{{/if}}
</div>
</li>
</ul>
</div>
<div class="panel-heading">
<h2 class="panel-title">{{fullname}}</h2>
</div>
<div class="text-center">
<a href="#/users/{{username}}/delete" class="btn btn-danger slide back">
<span class="fa-trash-o"></span> {{t 'delete'}}
</a>
<div class="panel-body">
<div class="row">
<div class="col-sm-3 col-lg-3" align="center">
<span class="fa-fw fa-user" style="font-size: 120px;">
</div>
<div class=" col-sm-9 col-lg-9">
<table class="table table-user-information">
<tbody>
<tr>
<td><strong>{{t 'user_username'}}</strong></td>
<td>{{username}}</td>
</tr>
<tr>
<td><strong>{{t 'user_email'}}</strong></td>
<td>{{mail}}</td>
</tr>
<tr>
<td><strong>{{t 'user_emailaliases'}}</strong></td>
<td>{{#if mail-aliases}} {{#mail-aliases}}
{{.}}<br>
{{/mail-aliases}} {{/if}}</td>
</tr>
<tr>
<td><strong>{{t 'user_emailforward'}}</strong></td>
<td>{{#if mail-forward}} {{#mail-forward}}
{{.}}<br>
{{/mail-forward}} {{/if}}</td>
</tr>
</tbody>
</table>
<span class="pull-right">
<a href="#/users/{{username}}/edit" class="btn btn-info slide"><span class="fa-pencil-square-o"/> {{t 'user_username_edit' username}}</a>
<a href="#/users/{{username}}/delete" class="btn btn-danger slide back"><span class="fa-trash-o"/> {{t 'delete'}}</a>
</span>
</div>
</div>
</div>
</div>

View file

@ -1,16 +1,15 @@
<div class="pull-left">
<a href="#/" class="btn btn-default slide back">
<span class="fa-chevron-left"></span> {{t 'menu'}}
</a>
<div class="btn-breadcrumb">
<a href="#/"><i class="fa-home"></i><span class="sr-only">{{t 'home'}}</span></a>
<a href="#/users" class="btn btn-default">{{t 'users'}}</a>
</div>
<div class="pull-right">
<div class="actions-group">
<a href="#/users/create" class="btn btn-success slide">
<span class="fa-plus"></span> {{t 'users_new'}}
</a>
</div>
<div class="clearfix"></div>
<h1 class="view-title">{{t 'users'}}</h1>
<div class="br"></div>
<div class="separator"></div>
<div class="list-group">
{{#users}}