github
/
portainer
mirror of https://github.com/portainer/portainer
1
0
Fork 0
Code Issues Releases Wiki Activity

Update home page with dashboard partials

pull/2/head
Michael Crosby 2013-06-10 16:56:14 -09:00
parent 85a97e7080
commit 5ff3e2872c
7 changed files with 52 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
css/app.css
View File

@ -75,6 +75,11 @@
margin: 0 auto; margin: 0 auto;
} }
.center {
width: 80%;
margin: 0 auto;
}
.btn-remove { .btn-remove {
margin: 0 auto; margin: 0 auto;
max-width: 70%; max-width: 70%;
@ -83,3 +88,7 @@
.actions { .actions {
margin: 0 auto; margin: 0 auto;
} }
.container-bottom {
height: 50px;
}

11
index.html
View File

@ -29,15 +29,16 @@
<div class="container"> <div class="container">
<div ng-include="template" ng-controller="MastheadController" ></div> <div ng-include="template" ng-controller="MastheadController" ></div>
<div id="view" ng-view> <div id="view" ng-view>
</div> </div>
<div class="footer"> <div class="container-bottom"></div>
<p>Created by:<a href="http://crosbymichael.com">Michael Crosby</a></p> <div class="footer center well">
<p>Created by: <a href="http://crosbymichael.com">crosbymichael</a></p>
</div> </div>
</div> <!-- /container --> </div>
<script src="../assets/js/jquery.js"></script> <script src="../assets/js/jquery.js"></script>
<script src="../assets/js/bootstrap-transition.js"></script> <script src="../assets/js/bootstrap-transition.js"></script>

2
js/app.js
View File

@ -2,7 +2,7 @@
angular.module('dockerui', ['dockerui.services', 'dockerui.filters']) angular.module('dockerui', ['dockerui.services', 'dockerui.filters'])
.config(['$routeProvider', function ($routeProvider) { .config(['$routeProvider', function ($routeProvider) {
$routeProvider.when('/', {templateUrl: 'partials/home.html', controller: 'DashboardController'}); $routeProvider.when('/', {templateUrl: 'partials/dashboard.html', controller: 'DashboardController'});
$routeProvider.when('/containers/', {templateUrl: 'partials/containers.html', controller: 'ContainersController'}); $routeProvider.when('/containers/', {templateUrl: 'partials/containers.html', controller: 'ContainersController'});
$routeProvider.when('/containers/:id/', {templateUrl: 'partials/container.html', controller: 'ContainerController'}); $routeProvider.when('/containers/:id/', {templateUrl: 'partials/container.html', controller: 'ContainerController'});
$routeProvider.when('/images/', {templateUrl: 'partials/images.html', controller: 'ImagesController'}); $routeProvider.when('/images/', {templateUrl: 'partials/images.html', controller: 'ImagesController'});

10
js/controllers.js
View File

@ -37,6 +37,16 @@ function DashboardController($scope, Container) {
} }
function SideBarController($scope, Container, Settings) {
$scope.template = 'partials/sidebar.html';
$scope.containers = [];
$scope.endpoint = Settings.endpoint;
Container.query({all: 0}, function(d) {
$scope.containers = d;
});
}
function SettingsController($scope, Auth, System, Docker, Settings) { function SettingsController($scope, Auth, System, Docker, Settings) {
$scope.auth = {}; $scope.auth = {};
$scope.info = {}; $scope.info = {};

20
partials/dashboard.html
View File

@ -1,7 +1,13 @@
<div class="jumbotron">
<h1>DockerUI</h1> <div class="row-fluid">
<p class="lead">The Linux container engine</p> <!--<div class="sidebar span4">
<a class="btn btn-large btn-success" href="http://docker.io">Learn more.</a> <div ng-include="template" ng-controller="SideBarController"></div>
</div> </div>-->
<div class="span12">
<hr> <div class="jumbotron">
<h1>DockerUI</h1>
<p class="lead">The Linux container engine</p>
<a class="btn btn-large btn-success" href="http://docker.io">Learn more.</a>
</div>
</div>
</div>

4
partials/masthead.html
View File

@ -4,12 +4,12 @@
<div class="navbar-inner"> <div class="navbar-inner">
<div class="container"> <div class="container">
<ul class="nav"> <ul class="nav">
<li class="{{ hclass }}" ng-click="linkChange('home')"><a href="#">Home</a></li> <li class="{{ hclass }}" ng-click="linkChange('home')"><a href="#">Dashboard</a></li>
<li class="{{ cclass }}" ng-click="linkChange('containers')"><a href="/#/containers/">Containers</a></li> <li class="{{ cclass }}" ng-click="linkChange('containers')"><a href="/#/containers/">Containers</a></li>
<li class="{{ iclass }}" ng-click="linkChange('images')"><a href="/#/images/">Images</a></li> <li class="{{ iclass }}" ng-click="linkChange('images')"><a href="/#/images/">Images</a></li>
<li class="{{ sclass }}" ng-click="linkChange('settings')"><a href="/#/settings/">Settings</a></li> <li class="{{ sclass }}" ng-click="linkChange('settings')"><a href="/#/settings/">Settings</a></li>
</ul> </ul>
</div> </div>
</div> </div>
</div><!-- /.navbar --> </div>
</div> </div>

11
partials/sidebar.html Normal file
View File

@ -0,0 +1,11 @@
<div class="well">
<strong>Running containers:</strong>
<br />
<strong>Endpoint: </strong>{{ endpoint }}
<ul>
<li ng-repeat="container in containers">
<a href="/#/containers/{{ container.Id }}/">{{ container.Id|truncate:20 }}</a>
<span class="pull-right label label-{{ container.Status|statusbadge }}">{{ container.Status }}</span>
</li>
</ul>
</div>