homelab/traefik
1
0
Fork 0
Code Activity

feat(dashboard): add provider's tabs

Browse source 
- slit provider between tabs
- remove providerID from backend/frontend title
- add Angular-Boostrap
This commit is contained in:
Fernandez Ludovic 2015-10-07 00:01:24 +02:00
parent f4296dfef0
commit 64d635f776
11 changed files with 48 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

3
static/app/sections/providers/backend-monitor/backend-monitor.directive.js
View file

@ -12,8 +12,7 @@
bindToController: true,
scope: {
backend: '=',
backendId: '=',
providerId: '='
backendId: '='
}
};
});

2
static/app/sections/providers/backend-monitor/backend-monitor.html
View file

@ -1,6 +1,6 @@
<div class="panel panel-success">
<div class="panel-heading">
<strong><span class="glyphicon glyphicon-tasks" aria-hidden="true"></span> {{backendCtrl.backendId}}</strong> [{{backendCtrl.providerId}}]
<strong><span class="glyphicon glyphicon-tasks" aria-hidden="true"></span> {{backendCtrl.backendId}}</strong>
</div>
<div class="panel-body">
<table class="panel-table__servers table table-striped table-hover">

3
static/app/sections/providers/frontend-monitor/frontend-monitor.directive.js
View file

@ -12,8 +12,7 @@
bindToController: true,
scope: {
frontend: '=',
frontendId: '=',
providerId: '='
frontendId: '='
}
};
});

2
static/app/sections/providers/frontend-monitor/frontend-monitor.html
View file

@ -1,6 +1,6 @@
<div class="panel panel-warning">
<div class="panel-heading">
<strong><span class="glyphicon glyphicon-globe" aria-hidden="true"></span> {{frontendCtrl.frontendId}}</strong> [{{frontendCtrl.providerId}}]
<strong><span class="glyphicon glyphicon-globe" aria-hidden="true"></span> {{frontendCtrl.frontendId}}</strong>
</div>
<div class="panel-body">
<table class="panel-table__routes table table-striped table-hover">

30
static/app/sections/providers/providers.html
View file

@ -1,14 +1,20 @@
<!--{{providersCtrl.providers}}-->
<div class="row" data-ng-repeat="(providerId, provider) in providersCtrl.providers">
<div class="col-md-6">
<div data-ng-repeat="(frontendId, frontend) in provider.Frontends">
<frontend-monitor data-provider-id="providerId" data-frontend-id="frontendId" data-frontend="frontend"></frontend-monitor>
</div>
</div>
<div class="col-md-6">
<div data-ng-repeat="(backendId, backend) in provider.Backends">
<backend-monitor data-provider-id="providerId" data-backend-id="backendId" data-backend="backend"></backend-monitor>
</div>
</div>
<div>
<tabset>
<tab data-ng-repeat="(providerId, provider) in providersCtrl.providers" heading="{{providerId}}">
<div class="row tabset-row__providers">
<div class="col-md-6">
<div data-ng-repeat="(frontendId, frontend) in provider.Frontends">
<frontend-monitor data-provider-id="providerId" data-frontend-id="frontendId" data-frontend="frontend"></frontend-monitor>
</div>
</div>
<div class="col-md-6">
<div data-ng-repeat="(backendId, backend) in provider.Backends">
<backend-monitor data-provider-id="providerId" data-backend-id="backendId" data-backend="backend"></backend-monitor>
</div>
</div>
</div>
</tab>
</tabset>
</div>