Merge branch 'crosbymichael-master' into crosbymichael-dist

Conflicts:
	app/app.js
	package.json

.dockerignore

@@ -1,2 +1,4 @@
-*
-!dist
+node_modules
+bower_components
+.git
+Dockerfile

.gitignore

@@ -5,6 +5,3 @@ node_modules
 bower_components
 .idea
 *.iml
-dist
-dist/*
-ui-for-docker-checksum.txt

Dockerfile

@@ -3,4 +3,4 @@ FROM scratch
 COPY dist /
 
 EXPOSE 9000
-ENTRYPOINT ["/ui-for-docker"]
+ENTRYPOINT ["/dockerui"]

LICENSE

@@ -1,59 +1,7 @@
-Cloudinovasi-ui: Copyright (c) 2016 Cloudinovasi
+DockerUI: Copyright (c) 2013-2014 Michael Crosby. crosbymichael.com
 
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
 
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE. 
-
-UI For Docker: Copyright (c) 2013-2016 Michael Crosby (crosbymichael.com), Kevan Ahlquist (kevanahlquist.com), Anthony Lapenna (anthonylapenna at cloudinovasi dot id)
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
-
-rdash-angular: Copyright (c) [2014] [Elliot Hesp]
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

README.md

@@ -1,35 +1,82 @@
-## Cloudinovasi UI for Docker
+## DockerUI
 
-A fork of the amazing UI for Docker by Michael Crosby and Kevan Ahlquist (https://github.com/kevana/ui-for-docker) using the rdash-angular theme (https://github.com/rdash/rdash-angular).
+![Containers](/containers.png)
+DockerUI is a web interface for the Docker Remote API.  The goal is to provide a pure client side implementation so it is effortless to connect and manage docker.  This project is not complete and is still under heavy development.
 
-![Dashboard](/dashboard.png)
+![Container](/container.png)
 
-UI For Docker is a web interface for the Docker Remote API.  The goal is to provide a pure client side implementation so it is effortless to connect and manage docker.
 
 ### Goals
 * Minimal dependencies - I really want to keep this project a pure html/js app.
 * Consistency - The web UI should be consistent with the commands found on the docker CLI.
 
-### Quickstart
-1. Run: `docker run -d -p 9000:9000 --privileged -v /var/run/docker.sock:/var/run/docker.sock cloudinovasi/cloudinovasi-ui`
+### Container Quickstart 
+1. Run: `docker run -d -p 9000:9000 --privileged -v /var/run/docker.sock:/var/run/docker.sock dockerui/dockerui`
 
 2. Open your browser to `http://<dockerd host ip>:9000`
 
-Bind mounting the Unix socket into the UI For Docker container is much more secure than exposing your docker daemon over TCP.
 
-The `--privileged` flag is required for hosts using SELinux.
+Bind mounting the Unix socket into the DockerUI container is much more secure than exposing your docker daemon over TCP. The `--privileged` flag is required for hosts using SELinux. You should still secure your DockerUI instance behind some type of auth. Directions for using Nginx auth are [here](https://github.com/crosbymichael/dockerui/wiki/Dockerui-with-Nginx-HTTP-Auth).
 
 ### Specify socket to connect to Docker daemon
 
-By default UI For Docker connects to the Docker daemon with`/var/run/docker.sock`. For this to work you need to bind mount the unix socket into the container with `-v /var/run/docker.sock:/var/run/docker.sock`.
+By default DockerUI connects to the Docker daemon with`/var/run/docker.sock`. For this to work you need to bind mount the unix socket into the container with `-v /var/run/docker.sock:/var/run/docker.sock`.
 
 You can use the `-e` flag to change this socket:
 
     # Connect to a tcp socket:
-    $ docker run -d -p 9000:9000 --privileged cloudinovasi/cloudinovasi-ui -e http://127.0.0.1:2375
+    $ docker run -d -p 9000:9000 --privileged dockerui/dockerui -e http://127.0.0.1:2375
 
-### Change address/port UI For Docker is served on
-UI For Docker listens on port 9000 by default. If you run UI For Docker inside a container then you can bind the container's internal port to any external address and port:
+### Change address/port DockerUI is served on
+DockerUI listens on port 9000 by default. If you run DockerUI inside a container then you can bind the container's internal port to any external address and port:
 
-    # Expose UI For Docker on 10.20.30.1:80
-    $ docker run -d -p 10.20.30.1:80:9000 --privileged -v /var/run/docker.sock:/var/run/docker.sock cloudinovasi/cloudinovasi-ui
+    # Expose DockerUI on 10.20.30.1:80
+    $ docker run -d -p 10.20.30.1:80:9000 --privileged -v /var/run/docker.sock:/var/run/docker.sock dockerui/dockerui
+
+### Check the [wiki](//github.com/crosbymichael/dockerui/wiki) for more info about using dockerui
+
+### Stack
+* [Angular.js](https://github.com/angular/angular.js)
+* [Bootstrap](http://getbootstrap.com/)
+* [Gritter](https://github.com/jboesch/Gritter)
+* [Spin.js](https://github.com/fgnass/spin.js/)
+* [Golang](https://golang.org/)
+* [Vis.js](http://visjs.org/)
+
+
+### Todo:
+* Full repository support
+* Search
+* Push files to a container
+* Unit tests
+
+
+### License - MIT
+The DockerUI code is licensed under the MIT license.
+
+
+**DockerUI:**
+Copyright (c) 2014-2015 Michael Crosby (crosbymichael.com), Kevan Ahlquist (kevanahlquist.com)
+
+Permission is hereby granted, free of charge, to any person
+obtaining a copy of this software and associated documentation 
+files (the "Software"), to deal in the Software without 
+restriction, including without limitation the rights to use, copy, 
+modify, merge, publish, distribute, sublicense, and/or sell copies 
+of the Software, and to permit persons to whom the Software is 
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be 
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED,
+INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. 
+IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT 
+HOLDERS BE LIABLE FOR ANY CLAIM, 
+DAMAGES OR OTHER LIABILITY, 
+WHETHER IN AN ACTION OF CONTRACT, 
+TORT OR OTHERWISE, 
+ARISING FROM, OUT OF OR IN CONNECTION WITH 
+THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

app/app.js

@@ -1,123 +1,52 @@
-angular.module('uifordocker', [
-  'uifordocker.templates',
-  'ui.bootstrap',
-  'ui.router',
-  'ui.select',
-  'ngCookies',
-  'ngSanitize',
-  'dockerui.services',
-  'dockerui.filters',
-  'dashboard',
-  'container',
-  'containers',
-  'docker',
-  'images',
-  'image',
-  'pullImage',
-  'startContainer',
-  'containerLogs',
-  'stats',
-  'swarm',
-  'network',
-  'networks',
-  'createNetwork',
-  'volumes',
-  'createVolume'])
-  .config(['$stateProvider', '$urlRouterProvider', '$httpProvider', function ($stateProvider, $urlRouterProvider, $httpProvider) {
-    'use strict';
-
-    $httpProvider.defaults.xsrfCookieName = 'csrfToken';
-    $httpProvider.defaults.xsrfHeaderName = 'X-CSRF-Token';
-
-    $urlRouterProvider.otherwise('/');
-
-    $stateProvider
-    .state('index', {
-      url: '/',
-      templateUrl: 'app/components/dashboard/dashboard.html',
-      controller: 'DashboardController'
-    })
-    .state('containers', {
-      url: '/containers/',
-      templateUrl: 'app/components/containers/containers.html',
-      controller: 'ContainersController'
-    })
-    .state('container', {
-      url: "^/containers/:id",
-      templateUrl: 'app/components/container/container.html',
-      controller: 'ContainerController'
-    })
-    .state('stats', {
-      url: "^/containers/:id/stats",
-      templateUrl: 'app/components/stats/stats.html',
-      controller: 'StatsController'
-    })
-    .state('logs', {
-      url: "^/containers/:id/logs",
-      templateUrl: 'app/components/containerLogs/containerlogs.html',
-      controller: 'ContainerLogsController'
-    })
-    .state('docker', {
-      url: '/docker/',
-      templateUrl: 'app/components/docker/docker.html',
-      controller: 'DockerController'
-    })
-    .state('images', {
-      url: '/images/',
-      templateUrl: 'app/components/images/images.html',
-      controller: 'ImagesController'
-    })
-    .state('image', {
-      url: '^/images/:id/',
-      templateUrl: 'app/components/image/image.html',
-      controller: 'ImageController'
-    })
-    .state('networks', {
-      url: '/networks/',
-      templateUrl: 'app/components/networks/networks.html',
-      controller: 'NetworksController'
-    })
-    .state('network', {
-      url: '^/networks/:id/',
-      templateUrl: 'app/components/network/network.html',
-      controller: 'NetworkController'
-    })
-    .state('volumes', {
-      url: '/volumes/',
-      templateUrl: 'app/components/volumes/volumes.html',
-      controller: 'VolumesController'
-    })
-    .state('swarm', {
-      url: '/swarm/',
-      templateUrl: 'app/components/swarm/swarm.html',
-      controller: 'SwarmController'
-    });
-
-    // The Docker API likes to return plaintext errors, this catches them and disp
-    $httpProvider.interceptors.push(function() {
-      return {
-        'response': function(response) {
-          if (typeof(response.data) === 'string' &&
-                  (response.data.startsWith('Conflict.') || response.data.startsWith('conflict:'))) {
-            $.gritter.add({
-              title: 'Error',
-              text: $('<div>').text(response.data).html(),
-              time: 10000
-            });
-          }
-          var csrfToken = response.headers('X-Csrf-Token');
-          if (csrfToken) {
-            document.cookie = 'csrfToken=' + csrfToken;
-          }
-          return response;
-        }
-      };
-    });
-  }])
-
-  // This is your docker url that the api will use to make requests
-  // You need to set this to the api endpoint without the port i.e. http://192.168.1.9
-  .constant('DOCKER_ENDPOINT', 'dockerapi')
-  .constant('DOCKER_PORT', '') // Docker port, leave as an empty string if no port is requred.  If you have a port, prefix it with a ':' i.e. :4243
-  .constant('CONFIG_ENDPOINT', '/config')
-  .constant('UI_VERSION', 'v1.0.3');
+angular.module('dockerui', ['dockerui.templates', 'ngRoute', 'dockerui.services', 'dockerui.filters', 'masthead', 'footer', 'dashboard', 'container', 'containers', 'containersNetwork', 'images', 'image', 'pullImage', 'startContainer', 'sidebar', 'info', 'builder', 'containerLogs', 'containerTop', 'events', 'stats'])
+    .config(['$routeProvider', function ($routeProvider) {
+        'use strict';
+        $routeProvider.when('/', {
+            templateUrl: 'app/components/dashboard/dashboard.html',
+            controller: 'DashboardController'
+        });
+        $routeProvider.when('/containers/', {
+            templateUrl: 'app/components/containers/containers.html',
+            controller: 'ContainersController'
+        });
+        $routeProvider.when('/containers/:id/', {
+            templateUrl: 'app/components/container/container.html',
+            controller: 'ContainerController'
+        });
+        $routeProvider.when('/containers/:id/logs/', {
+            templateUrl: 'app/components/containerLogs/containerlogs.html',
+            controller: 'ContainerLogsController'
+        });
+        $routeProvider.when('/containers/:id/top', {
+            templateUrl: 'app/components/containerTop/containerTop.html',
+            controller: 'ContainerTopController'
+        });
+        $routeProvider.when('/containers/:id/stats', {
+            templateUrl: 'app/components/stats/stats.html',
+            controller: 'StatsController'
+        });
+        $routeProvider.when('/containers_network', {
+            templateUrl: 'app/components/containersNetwork/containersNetwork.html',
+            controller: 'ContainersNetworkController'
+        });
+        $routeProvider.when('/images/', {
+            templateUrl: 'app/components/images/images.html',
+            controller: 'ImagesController'
+        });
+        $routeProvider.when('/images/:id*/', {
+            templateUrl: 'app/components/image/image.html',
+            controller: 'ImageController'
+        });
+        $routeProvider.when('/info', {templateUrl: 'app/components/info/info.html', controller: 'InfoController'});
+        $routeProvider.when('/events', {
+            templateUrl: 'app/components/events/events.html',
+            controller: 'EventsController'
+        });
+        $routeProvider.otherwise({redirectTo: '/'});
+    }])
+    // This is your docker url that the api will use to make requests
+    // You need to set this to the api endpoint without the port i.e. http://192.168.1.9
+    .constant('DOCKER_ENDPOINT', 'dockerapi')
+    .constant('DOCKER_PORT', '') // Docker port, leave as an empty string if no port is requred.  If you have a port, prefix it with a ':' i.e. :4243
+    .constant('UI_VERSION', 'v0.8.1')
+    .constant('DOCKER_API_VERSION', 'v1.21');

app/components/builder/builder.html

@@ -0,0 +1,17 @@
+<div id="build-modal" class="modal fade">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-header">
+                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
+                <h3>Build Image</h3>
+            </div>
+            <div class="modal-body">
+                <div id="editor"></div>
+                <p>{{ messages }}</p>
+            </div>
+            <div class="modal-footer">
+                <a href="" class="btn btn-primary" ng-click="build()">Build</a>
+            </div>
+        </div>
+    </div>
+</div>

app/components/builder/builderController.js

@@ -0,0 +1,5 @@
+angular.module('builder', [])
+    .controller('BuilderController', ['$scope', 'Dockerfile', 'Messages',
+        function ($scope, Dockerfile, Messages) {
+            $scope.template = 'app/components/builder/builder.html';
+        }]);

app/components/container/container.html

@@ -1,194 +1,196 @@
-<rd-header>
-  <rd-header-title title="Container details"></rd-header-title>
-  <rd-header-content>
-    Containers > <a ui-sref="container({id: container.Id})">{{ container.Name|trimcontainername }}</a>
-  </rd-header-content>
-</rd-header>
+<div class="detail">
 
+    <div ng-if="!container.edit">
+        <h4>Container: {{ container.Name }}
+            <button class="btn btn-primary"
+                    ng-click="container.edit = true;">Rename
+            </button>
+        </h4>
+    </div>
+    <div ng-if="container.edit">
+        <h4>
+            Container:
+            <input type="text" ng-model="container.newContainerName">
+            <button class="btn btn-success"
+                    ng-click="renameContainer()">Save
+            </button>
+            <button class="btn btn-danger"
+                    ng-click="container.edit = false;">&times;</button>
+        </h4>
+    </div>
 
-<div class="row">
-  <div class="col-lg-6 col-md-12 col-xs-12">
-    <rd-widget>
-      <rd-widget-body>
-        <div class="widget-icon grey pull-left">
-          <i class="fa fa-tasks"></i>
-        </div>
-        <div ng-if="!container.edit">
-          <div class="title">{{ container.Name|trimcontainername }}</div>
-          <div class="comment">
-            Name <a href="" ng-click="container.edit = true;"><i class="fa fa-edit"></i></a>
-          </div>
-        </div>
-        <div ng-if="container.edit">
-          <div class="title"><input type="text" class="containerNameInput" ng-model="container.newContainerName"></div>
-          <div class="comment">
-            Name
-            <a href="" ng-click="container.edit = false;"><i class="fa fa-times"></i></a>
-            <a href="" ng-click="renameContainer()"><i class="fa fa-check-square-o"></i></a>
-          </div>
-        </div>
-      </rd-widget-body>
-    </rd-widget>
-  </div>
-  <div class="col-lg-6 col-md-12 col-xs-12">
-    <rd-widget>
-      <rd-widget-body>
-        <div ng-class="{true: 'widget-icon green pull-left', false: 'widget-icon red pull-left'}[container.State.Running]">
-          <i class="fa fa-heartbeat"></i>
-        </div>
-        <div class="title">{{ container.State|getstatetext }}</div>
-        <div class="comment">State</div>
-      </rd-widget-body>
-    </rd-widget>
-  </div>
-</div>
-<div class="row">
-  <div class="col-lg-12 col-md-12 col-xs-12">
-    <rd-widget>
-      <rd-widget-body>
-        <div class="widget-icon grey pull-left">
-          <i class="fa fa-cogs"></i>
-        </div>
-        <div class="title">
-          <div class="btn-group" role="group" aria-label="...">
-            <button class="btn btn-primary" ng-click="commit()">Commit</button>
-            <button class="btn btn-primary" ng-click="start()" ng-disabled="container.State.Running">Start</button>
-            <button class="btn btn-primary" ng-click="stop()" ng-disabled="!container.State.Running">Stop</button>
-            <button class="btn btn-primary" ng-click="kill()" ng-disabled="!container.State.Running">Kill</button>
-            <button class="btn btn-primary" ng-click="restart()">Restart</button>
-            <button class="btn btn-primary" ng-click="pause()" ng-disabled="!container.State.Running && !container.State.Paused">Pause</button>
-            <button class="btn btn-primary" ng-click="unpause()" ng-disabled="!container.State.Paused">Unpause</button>
-            <button class="btn btn-danger" ng-click="remove()" ng-disabled="container.State.Running">Remove</button>
-          </div>
-          <div class="btn-group" role="group" aria-label="...">
-            <a class="btn btn-default" type="button" ui-sref="stats({id: container.Id})">Stats</a>
-            <a class="btn btn-default" type="button" ui-sref="logs({id: container.Id})">Logs</a>
-          </div>
-        </div>
-        <div class="comment">
-          Actions
-        </div>
-      </rd-widget-body>
-    </rd-widget>
-  </div>
-</div>
+    <div class="btn-group detail">
+        <button class="btn btn-success"
+                ng-click="start()"
+                ng-show="!container.State.Running">Start
+        </button>
+        <button class="btn btn-warning"
+                ng-click="stop()"
+                ng-show="container.State.Running && !container.State.Paused">Stop
+        </button>
+        <button class="btn btn-danger"
+                ng-click="kill()"
+                ng-show="container.State.Running && !container.State.Paused">Kill
+        </button>
+        <button class="btn btn-info"
+                ng-click="pause()"
+                ng-show="container.State.Running && !container.State.Paused">Pause
+        </button>
+        <button class="btn btn-success"
+                ng-click="unpause()"
+                ng-show="container.State.Running && container.State.Paused">Unpause
+        </button>
+        <button class="btn btn-success"
+                ng-click="restart()"
+                ng-show="container.State.Running && !container.State.Stopped">Restart
+        </button>
+        <button class="btn btn-primary"
+                ng-click="commit()"
+                ng-show="container.State.Running && !container.State.Paused">Commit
+        </button>
+    </div>
 
-<div class="row">
-  <div class="col-lg-9">
-    <rd-widget>
-      <rd-widget-header icon="fa-tasks" title="Container status"></rd-widget-header>
-      <rd-widget-body classes="no-padding">
-        <table class="table">
-          <tbody>
-            <tr>
-              <td>Created</td>
-              <td>{{ container.Created | date: 'medium' }}</td>
-            </tr>
-            <tr>
-              <td>Path</td>
-              <td>{{ container.Path }}</td>
-            </tr>
-            <tr>
-              <td>Args</td>
-              <td>{{ container.Args.join(' ') || 'None' }}</td>
-            </tr>
-            <tr>
-              <td>Exposed Ports</td>
-              <td>
+    <table class="table table-striped">
+        <tbody>
+        <tr>
+            <td>Created:</td>
+            <td>{{ container.Created | date: 'medium' }}</td>
+        </tr>
+        <tr>
+            <td>Path:</td>
+            <td>{{ container.Path }}</td>
+        </tr>
+        <tr>
+            <td>Args:</td>
+            <td>
+                <pre>{{ container.Args.join(' ') || 'None' }}</pre>
+            </td>
+        </tr>
+        <tr>
+            <td>Exposed Ports:</td>
+            <td>
                 <ul>
-                  <li ng-repeat="(k, v) in container.Config.ExposedPorts">{{ k }}</li>
+                    <li ng-repeat="(k, v) in container.Config.ExposedPorts">{{ k }}</li>
                 </ul>
-              </td>
-            </tr>
-            <tr>
-              <td>Environment</td>
-              <td>
+            </td>
+        </tr>
+        <tr>
+            <td>Environment:</td>
+            <td>
                 <ul>
-                  <li ng-repeat="k in container.Config.Env">{{ k }}</li>
+                    <li ng-repeat="k in container.Config.Env">{{ k }}</li>
                 </ul>
-              </td>
-            </tr>
-            <tr>
-              <td>Labels</td>
-              <td>
+            </td>
+        </tr>
+        <tr>
+            <td>Labels:</td>
+            <td>
                 <table role="table" class="table">
-                  <tr ng-repeat="(k, v) in container.Config.Labels">
-                    <td>{{ k }}</td>
-                    <td>{{ v }}</td>
-                  </tr>
+                    <tr>
+                        <th>Key</th>
+                        <th>Value</th>
+                    </tr>
+                    <tr ng-repeat="(k, v) in container.Config.Labels">
+                        <td>{{ k }}</td>
+                        <td>{{ v }}</td>
+                    </tr>
                 </table>
-              </td>
-            </tr>
-            <tr>
-              <td>Publish all ports</td>
-              <td>{{ container.HostConfig.PublishAllPorts }}</td>
-            </tr>
-            <tr>
-              <td>Ports</td>
-              <td>
-                <ul>
-                  <li ng-repeat="(containerport, hostports) in container.NetworkSettings.Ports">
-                    {{ containerport }} =>
-                    <span class="label label-default" style="margin-right: 5px;" ng-repeat="(k,v) in hostports">{{ v.HostIp }}:{{ v.HostPort }}</span>
-                  </li>
-                </ul>
-              </td>
-            </tr>
-            <tr>
-              <td>Hostname</td>
-              <td>{{ container.Config.Hostname }}</td>
-            </tr>
-            <tr>
-              <td>IPAddress</td>
-              <td>{{ container.NetworkSettings.IPAddress }}</td>
-            </tr>
-            <tr>
-              <td>Cmd</td>
-              <td>{{ container.Config.Cmd }}</td>
-            </tr>
-            <tr>
-              <td>Entrypoint</td>
-              <td>{{ container.Config.Entrypoint.join(' ') }}</td>
-            </tr>
-            <tr>
-              <td>Bindings</td>
-              <td>
-                <ul>
-                  <li ng-repeat="b in container.HostConfig.Binds">{{ b }}</li>
-                </ul>
-              </td>
-            </tr>
-            <tr>
-              <td>Volumes</td>
-              <td>{{ container.Volumes }}</td>
-            </tr>
+            </td>
+        </tr>
 
-            <tr>
-              <td>SysInitpath</td>
-              <td>{{ container.SysInitPath }}</td>
-            </tr>
-            <tr>
-              <td>Image</td>
-              <td><a ui-sref="image({id: container.Image})">{{ container.Image }}</a></td>
-            </tr>
-          </tbody>
-        </table>
-      </rd-widget-body>
-    </rd-widget>
-  </div>
-  <div class="col-lg-3">
-    <rd-widget>
-      <rd-widget-header icon="fa-tasks" title="Container state details"></rd-widget-header>
-      <rd-widget-body classes="no-padding">
-        <table class="table">
-          <tbody>
-            <tr ng-repeat="(key, val) in container.State">
-              <td>{{key}}</td>
-              <td>{{ val }}</td>
-            </tr>
-          </tbody>
-        </table>
-      </rd-widget-body>
-    </rd-widget>
-  </div>
-<div>
+        <tr>
+            <td>Publish All:</td>
+            <td>{{ container.HostConfig.PublishAllPorts }}</td>
+        </tr>
+        <tr>
+            <td>Ports:</td>
+            <td>
+                <ul style="display:inline-table">
+                    <li ng-repeat="(containerport, hostports) in container.HostConfig.PortBindings">
+                        {{ containerport }} => <span class="label label-default" ng-repeat="(k,v) in hostports">{{ v.HostIp }}:{{ v.HostPort }}</span>
+                    </li>
+                </ul>
+            </td>
+
+        </tr>
+        <tr>
+            <td>Hostname:</td>
+            <td>{{ container.Config.Hostname }}</td>
+        </tr>
+        <tr>
+            <td>IPAddress:</td>
+            <td>{{ container.NetworkSettings.IPAddress }}</td>
+        </tr>
+        <tr>
+            <td>Cmd:</td>
+            <td>{{ container.Config.Cmd }}</td>
+        </tr>
+        <tr>
+            <td>Entrypoint:</td>
+            <td>
+                <pre>{{ container.Config.Entrypoint.join(' ') }}</pre>
+            </td>
+        </tr>
+        <tr>
+            <td>Volumes:</td>
+            <td>{{ container.Volumes }}</td>
+        </tr>
+
+        <tr>
+            <td>SysInitpath:</td>
+            <td>{{ container.SysInitPath }}</td>
+        </tr>
+        <tr>
+            <td>Image:</td>
+            <td><a href="#/images/{{ container.Image }}/">{{ container.Image }}</a></td>
+        </tr>
+        <tr>
+            <td>State:</td>
+            <td>
+                <accordion close-others="true">
+                    <accordion-group heading="{{ container.State|getstatetext }}">
+                        <ul>
+                            <li ng-repeat="(key, val) in container.State">{{key}} : {{ val }}</li>
+                        </ul>
+                    </accordion-group>
+                </accordion>
+            </td>
+        </tr>
+        <tr>
+            <td>Logs:</td>
+            <td><a href="#/containers/{{ container.Id }}/logs">stdout/stderr</a></td>
+        </tr>
+        <tr>
+            <td>Stats:</td>
+            <td><a href="#/containers/{{ container.Id }}/stats">stats</a></td>
+        </tr>
+        <tr>
+            <td>Top:</td>
+            <td><a href="#/containers/{{ container.Id }}/top">Top</a></td>
+        </tr>
+        </tbody>
+    </table>
+
+    <div class="row-fluid">
+        <div class="span1">
+            Changes:
+        </div>
+        <div class="span5">
+            <i class="icon-refresh" style="width:32px;height:32px;" ng-click="getChanges()"></i>
+        </div>
+    </div>
+
+    <div class="well well-large">
+        <ul>
+            <li ng-repeat="change in changes | filter:hasContent">
+                <strong>{{ change.Path }}</strong> {{ change.Kind }}
+            </li>
+        </ul>
+    </div>
+
+    <hr/>
+
+    <div class="btn-remove">
+        <button class="btn btn-large btn-block btn-primary btn-danger" ng-click="remove()">Remove Container</button>
+    </div>
+</div>

app/components/container/containerController.js

@@ -1,208 +1,143 @@
 angular.module('container', [])
-.controller('ContainerController', ['$scope', '$stateParams', '$state', '$filter', 'Container', 'ContainerCommit', 'Image', 'Messages', 'ViewSpinner', '$timeout',
-function ($scope, $stateParams, $state, $filter, Container, ContainerCommit, Image, Messages, ViewSpinner, $timeout) {
-  $scope.changes = [];
-  $scope.editEnv = false;
-  $scope.editPorts = false;
-  $scope.editBinds = false;
-  $scope.newCfg = {
-    Env: [],
-    Ports: {}
-  };
+    .controller('ContainerController', ['$scope', '$routeParams', '$location', 'Container', 'ContainerCommit', 'Messages', 'ViewSpinner',
+        function ($scope, $routeParams, $location, Container, ContainerCommit, Messages, ViewSpinner) {
+            $scope.changes = [];
+            $scope.edit = false;
 
-  var update = function () {
-    ViewSpinner.spin();
-    Container.get({id: $stateParams.id}, function (d) {
-      $scope.container = d;
-      $scope.container.edit = false;
-      $scope.container.newContainerName = $filter('trimcontainername')(d.Name);
+            var update = function () {
+                ViewSpinner.spin();
+                Container.get({id: $routeParams.id}, function (d) {
+                    $scope.container = d;
+                    $scope.container.edit = false;
+                    $scope.container.newContainerName = d.Name;
+                    ViewSpinner.stop();
+                }, function (e) {
+                    if (e.status === 404) {
+                        $('.detail').hide();
+                        Messages.error("Not found", "Container not found.");
+                    } else {
+                        Messages.error("Failure", e.data);
+                    }
+                    ViewSpinner.stop();
+                });
+            };
 
-      // fill up env
-      if (d.Config.Env) {
-        $scope.newCfg.Env = d.Config.Env.map(function (entry) {
-          return {name: entry.split('=')[0], value: entry.split('=')[1]};
-        });
-      }
+            $scope.start = function () {
+                ViewSpinner.spin();
+                Container.start({
+                    id: $scope.container.Id,
+                    HostConfig: $scope.container.HostConfig
+                }, function (d) {
+                    update();
+                    Messages.send("Container started", $routeParams.id);
+                }, function (e) {
+                    update();
+                    Messages.error("Failure", "Container failed to start." + e.data);
+                });
+            };
 
-      // fill up ports
-      $scope.newCfg.Ports = {};
-      angular.forEach(d.Config.ExposedPorts, function(i, port) {
-        if (d.HostConfig.PortBindings && port in d.HostConfig.PortBindings) {
-          $scope.newCfg.Ports[port] = d.HostConfig.PortBindings[port];
-        }
-        else {
-          $scope.newCfg.Ports[port] = [];
-        }
-      });
+            $scope.stop = function () {
+                ViewSpinner.spin();
+                Container.stop({id: $routeParams.id}, function (d) {
+                    update();
+                    Messages.send("Container stopped", $routeParams.id);
+                }, function (e) {
+                    update();
+                    Messages.error("Failure", "Container failed to stop." + e.data);
+                });
+            };
 
-      // fill up bindings
-      $scope.newCfg.Binds = [];
-      var defaultBinds = {};
-      angular.forEach(d.Config.Volumes, function(value, vol) {
-        defaultBinds[vol] = { ContPath: vol, HostPath: '', ReadOnly: false, DefaultBind: true };
-      });
-      angular.forEach(d.HostConfig.Binds, function(binding, i) {
-        var mountpoint = binding.split(':')[0];
-        var vol = binding.split(':')[1] || '';
-        var ro = binding.split(':').length > 2 && binding.split(':')[2] === 'ro';
-        var defaultBind = false;
-        if (vol === '') {
-          vol = mountpoint;
-          mountpoint = '';
-        }
+            $scope.kill = function () {
+                ViewSpinner.spin();
+                Container.kill({id: $routeParams.id}, function (d) {
+                    update();
+                    Messages.send("Container killed", $routeParams.id);
+                }, function (e) {
+                    update();
+                    Messages.error("Failure", "Container failed to die." + e.data);
+                });
+            };
 
-        if (vol in defaultBinds) {
-          delete defaultBinds[vol];
-          defaultBind = true;
-        }
-        $scope.newCfg.Binds.push({ ContPath: vol, HostPath: mountpoint, ReadOnly: ro, DefaultBind: defaultBind });
-      });
-      angular.forEach(defaultBinds, function(bind) {
-        $scope.newCfg.Binds.push(bind);
-      });
+            $scope.commit = function () {
+                ViewSpinner.spin();
+                ContainerCommit.commit({id: $routeParams.id, repo: $scope.container.Config.Image}, function (d) {
+                    update();
+                    Messages.send("Container commited", $routeParams.id);
+                }, function (e) {
+                    update();
+                    Messages.error("Failure", "Container failed to commit." + e.data);
+                });
+            };
+            $scope.pause = function () {
+                ViewSpinner.spin();
+                Container.pause({id: $routeParams.id}, function (d) {
+                    update();
+                    Messages.send("Container paused", $routeParams.id);
+                }, function (e) {
+                    update();
+                    Messages.error("Failure", "Container failed to pause." + e.data);
+                });
+            };
 
-      ViewSpinner.stop();
-    }, function (e) {
-      if (e.status === 404) {
-        $('.detail').hide();
-        Messages.error("Not found", "Container not found.");
-      } else {
-        Messages.error("Failure", e.data);
-      }
-      ViewSpinner.stop();
-    });
+            $scope.unpause = function () {
+                ViewSpinner.spin();
+                Container.unpause({id: $routeParams.id}, function (d) {
+                    update();
+                    Messages.send("Container unpaused", $routeParams.id);
+                }, function (e) {
+                    update();
+                    Messages.error("Failure", "Container failed to unpause." + e.data);
+                });
+            };
 
-  };
+            $scope.remove = function () {
+                ViewSpinner.spin();
+                Container.remove({id: $routeParams.id}, function (d) {
+                    update();
+                    Messages.send("Container removed", $routeParams.id);
+                }, function (e) {
+                    update();
+                    Messages.error("Failure", "Container failed to remove." + e.data);
+                });
+            };
 
-  $scope.start = function () {
-    ViewSpinner.spin();
-    Container.start({
-      id: $scope.container.Id,
-      HostConfig: $scope.container.HostConfig
-    }, function (d) {
-      update();
-      Messages.send("Container started", $stateParams.id);
-    }, function (e) {
-      update();
-      Messages.error("Failure", "Container failed to start." + e.data);
-    });
-  };
+            $scope.restart = function () {
+                ViewSpinner.spin();
+                Container.restart({id: $routeParams.id}, function (d) {
+                    update();
+                    Messages.send("Container restarted", $routeParams.id);
+                }, function (e) {
+                    update();
+                    Messages.error("Failure", "Container failed to restart." + e.data);
+                });
+            };
 
-  $scope.stop = function () {
-    ViewSpinner.spin();
-    Container.stop({id: $stateParams.id}, function (d) {
-      update();
-      Messages.send("Container stopped", $stateParams.id);
-    }, function (e) {
-      update();
-      Messages.error("Failure", "Container failed to stop." + e.data);
-    });
-  };
+            $scope.hasContent = function (data) {
+                return data !== null && data !== undefined;
+            };
 
-  $scope.kill = function () {
-    ViewSpinner.spin();
-    Container.kill({id: $stateParams.id}, function (d) {
-      update();
-      Messages.send("Container killed", $stateParams.id);
-    }, function (e) {
-      update();
-      Messages.error("Failure", "Container failed to die." + e.data);
-    });
-  };
+            $scope.getChanges = function () {
+                ViewSpinner.spin();
+                Container.changes({id: $routeParams.id}, function (d) {
+                    $scope.changes = d;
+                    ViewSpinner.stop();
+                });
+            };
 
-  $scope.commit = function () {
-    ViewSpinner.spin();
-    ContainerCommit.commit({id: $stateParams.id, repo: $scope.container.Config.Image}, function (d) {
-      update();
-      Messages.send("Container commited", $stateParams.id);
-    }, function (e) {
-      update();
-      Messages.error("Failure", "Container failed to commit." + e.data);
-    });
-  };
-  $scope.pause = function () {
-    ViewSpinner.spin();
-    Container.pause({id: $stateParams.id}, function (d) {
-      update();
-      Messages.send("Container paused", $stateParams.id);
-    }, function (e) {
-      update();
-      Messages.error("Failure", "Container failed to pause." + e.data);
-    });
-  };
+            $scope.renameContainer = function () {
+                // #FIXME fix me later to handle http status to show the correct error message
+                Container.rename({id: $routeParams.id, 'name': $scope.container.newContainerName}, function (data) {
+                    if (data.name) {
+                        $scope.container.Name = data.name;
+                        Messages.send("Container renamed", $routeParams.id);
+                    } else {
+                        $scope.container.newContainerName = $scope.container.Name;
+                        Messages.error("Failure", "Container failed to rename.");
+                    }
+                });
+                $scope.container.edit = false;
+            };
 
-  $scope.unpause = function () {
-    ViewSpinner.spin();
-    Container.unpause({id: $stateParams.id}, function (d) {
-      update();
-      Messages.send("Container unpaused", $stateParams.id);
-    }, function (e) {
-      update();
-      Messages.error("Failure", "Container failed to unpause." + e.data);
-    });
-  };
-
-  $scope.remove = function () {
-    ViewSpinner.spin();
-    Container.remove({id: $stateParams.id}, function (d) {
-      update();
-      $state.go('containers', {}, {reload: true});
-      Messages.send("Container removed", $stateParams.id);
-    }, function (e) {
-      update();
-      Messages.error("Failure", "Container failed to remove." + e.data);
-    });
-  };
-
-  $scope.restart = function () {
-    ViewSpinner.spin();
-    Container.restart({id: $stateParams.id}, function (d) {
-      update();
-      Messages.send("Container restarted", $stateParams.id);
-    }, function (e) {
-      update();
-      Messages.error("Failure", "Container failed to restart." + e.data);
-    });
-  };
-
-  $scope.hasContent = function (data) {
-    return data !== null && data !== undefined;
-  };
-
-  $scope.getChanges = function () {
-    ViewSpinner.spin();
-    Container.changes({id: $stateParams.id}, function (d) {
-      $scope.changes = d;
-      ViewSpinner.stop();
-    });
-  };
-
-  $scope.renameContainer = function () {
-    // #FIXME fix me later to handle http status to show the correct error message
-    Container.rename({id: $stateParams.id, 'name': $scope.container.newContainerName}, function (data) {
-      if (data.name) {
-        $scope.container.Name = data.name;
-        Messages.send("Container renamed", $stateParams.id);
-      } else {
-        $scope.container.newContainerName = $scope.container.Name;
-        Messages.error("Failure", "Container failed to rename.");
-      }
-    });
-    $scope.container.edit = false;
-  };
-
-  $scope.addEntry = function (array, entry) {
-    array.push(entry);
-  };
-  $scope.rmEntry = function (array, entry) {
-    var idx = array.indexOf(entry);
-    array.splice(idx, 1);
-  };
-
-  $scope.toggleEdit = function() {
-    $scope.edit = !$scope.edit;
-  };
-
-  update();
-  $scope.getChanges();
-}]);
+            update();
+            $scope.getChanges();
+        }]);

app/components/containerLogs/containerLogsController.js

@@ -1,79 +1,76 @@
 angular.module('containerLogs', [])
-.controller('ContainerLogsController', ['$scope', '$stateParams', '$anchorScroll', 'ContainerLogs', 'Container', 'ViewSpinner',
-function ($scope, $stateParams, $anchorScroll, ContainerLogs, Container, ViewSpinner) {
-  $scope.state = {};
-  $scope.state.displayTimestampsOut = false;
-  $scope.state.displayTimestampsErr = false;
-  $scope.stdout = '';
-  $scope.stderr = '';
-  $scope.tailLines = 2000;
+    .controller('ContainerLogsController', ['$scope', '$routeParams', '$location', '$anchorScroll', 'ContainerLogs', 'Container', 'ViewSpinner',
+        function ($scope, $routeParams, $location, $anchorScroll, ContainerLogs, Container, ViewSpinner) {
+            $scope.stdout = '';
+            $scope.stderr = '';
+            $scope.showTimestamps = false;
+            $scope.tailLines = 2000;
 
-  ViewSpinner.spin();
-  Container.get({id: $stateParams.id}, function (d) {
-    $scope.container = d;
-    ViewSpinner.stop();
-  }, function (e) {
-    if (e.status === 404) {
-      Messages.error("Not found", "Container not found.");
-    } else {
-      Messages.error("Failure", e.data);
-    }
-    ViewSpinner.stop();
-  });
+            ViewSpinner.spin();
+            Container.get({id: $routeParams.id}, function (d) {
+                $scope.container = d;
+                ViewSpinner.stop();
+            }, function (e) {
+                if (e.status === 404) {
+                    Messages.error("Not found", "Container not found.");
+                } else {
+                    Messages.error("Failure", e.data);
+                }
+                ViewSpinner.stop();
+            });
 
-  function getLogs() {
-    ViewSpinner.spin();
-    getLogsStdout();
-    getLogsStderr();
-    ViewSpinner.stop();
-  }
+            function getLogs() {
+                ViewSpinner.spin();
+                ContainerLogs.get($routeParams.id, {
+                    stdout: 1,
+                    stderr: 0,
+                    timestamps: $scope.showTimestamps,
+                    tail: $scope.tailLines
+                }, function (data, status, headers, config) {
+                    // Replace carriage returns with newlines to clean up output
+                    data = data.replace(/[\r]/g, '\n');
+                    // Strip 8 byte header from each line of output
+                    data = data.substring(8);
+                    data = data.replace(/\n(.{8})/g, '\n');
+                    $scope.stdout = data;
+                    ViewSpinner.stop();
+                });
 
-  function getLogsStderr() {
-    ContainerLogs.get($stateParams.id, {
-      stdout: 0,
-      stderr: 1,
-      timestamps: $scope.state.displayTimestampsErr,
-      tail: $scope.tailLines
-    }, function (data, status, headers, config) {
-      // Replace carriage returns with newlines to clean up output
-      data = data.replace(/[\r]/g, '\n');
-      // Strip 8 byte header from each line of output
-      data = data.substring(8);
-      data = data.replace(/\n(.{8})/g, '\n');
-      $scope.stderr = data;
-    });
-  }
+                ContainerLogs.get($routeParams.id, {
+                    stdout: 0,
+                    stderr: 1,
+                    timestamps: $scope.showTimestamps,
+                    tail: $scope.tailLines
+                }, function (data, status, headers, config) {
+                    // Replace carriage returns with newlines to clean up output
+                    data = data.replace(/[\r]/g, '\n');
+                    // Strip 8 byte header from each line of output
+                    data = data.substring(8);
+                    data = data.replace(/\n(.{8})/g, '\n');
+                    $scope.stderr = data;
+                    ViewSpinner.stop();
+                });
+            }
 
-  function getLogsStdout() {
-    ContainerLogs.get($stateParams.id, {
-      stdout: 1,
-      stderr: 0,
-      timestamps: $scope.state.displayTimestampsOut,
-      tail: $scope.tailLines
-    }, function (data, status, headers, config) {
-      // Replace carriage returns with newlines to clean up output
-      data = data.replace(/[\r]/g, '\n');
-      // Strip 8 byte header from each line of output
-      data = data.substring(8);
-      data = data.replace(/\n(.{8})/g, '\n');
-      $scope.stdout = data;
-    });
-  }
+            // initial call
+            getLogs();
+            var logIntervalId = window.setInterval(getLogs, 5000);
 
-  // initial call
-  getLogs();
-  var logIntervalId = window.setInterval(getLogs, 5000);
+            $scope.$on("$destroy", function () {
+                // clearing interval when view changes
+                clearInterval(logIntervalId);
+            });
 
-  $scope.$on("$destroy", function () {
-    // clearing interval when view changes
-    clearInterval(logIntervalId);
-  });
+            $scope.scrollTo = function (id) {
+                $location.hash(id);
+                $anchorScroll();
+            };
 
-  $scope.toggleTimestampsOut = function () {
-    getLogsStdout();
-  };
+            $scope.toggleTimestamps = function () {
+                getLogs();
+            };
 
-  $scope.toggleTimestampsErr = function () {
-    getLogsStderr();
-  };
-}]);
+            $scope.toggleTail = function () {
+                getLogs();
+            };
+        }]);

app/components/containerLogs/containerlogs.html

@@ -1,54 +1,43 @@
-<rd-header>
-  <rd-header-title title="Container logs"></rd-header-title>
-  <rd-header-content>
-    Containers > <a ui-sref="container({id: container.Id})">{{ container.Name|trimcontainername }}</a> > Logs
-  </rd-header-content>
-</rd-header>
+<div class="row logs">
+    <div class="col-xs-12">
+        <h4>Logs for container: <a href="#/containers/{{ container.Id }}/">{{ container.Name }}</a></td></h4>
 
-<div class="row">
-  <div class="col-lg-12 col-md-12 col-xs-12">
-    <rd-widget>
-      <rd-widget-body>
-        <div class="widget-icon grey pull-left">
-          <i class="fa fa-tasks"></i>
+        <div class="btn-group detail">
+            <button class="btn btn-info" ng-click="scrollTo('stdout')">stdout</button>
+            <button class="btn btn-warning" ng-click="scrollTo('stderr')">stderr</button>
         </div>
-        <div class="title">{{ container.Name|trimcontainername }}</div>
-        <div class="comment">Name</div>
-      </rd-widget-body>
-    </rd-widget>
-  </div>
-</div>
+        <div class="pull-right col-xs-6">
+            <div class="col-xs-6">
+                <a class="btn btn-primary" ng-click="toggleTail()" role="button">Reload logs</a>
+                <input id="tailLines" type="number" ng-style="{width: '45px'}"
+                       ng-model="tailLines" ng-keypress="($event.which === 13)? toggleTail() : 0"/>
+                <label for="tailLines">lines</label>
+            </div>
+            <div class="col-xs-4">
+                <input id="timestampToggle" type="checkbox" ng-model="showTimestamps"
+                       ng-change="toggleTimestamps()"/> <label for="timestampToggle">Timestamps</label>
+            </div>
+        </div>
+    </div>
 
-<div class="row">
-  <div class="col-lg-12 col-md-12 col-xs-12">
-    <rd-widget>
-      <rd-widget-header icon="fa-info-circle" title="Stdout logs"></rd-widget-header>
-      <rd-widget-taskbar>
-        <input type="checkbox" ng-model="state.displayTimestampsOut" id="displayAllTsOut" ng-change="toggleTimestampsOut()"/>
-        <label for="displayAllTsOut">Display timestamps</label>
-      </rd-widget-taskbar>
-      <rd-widget-body classes="no-padding">
-        <div class="panel-body">
-          <pre id="stdoutLog" class="pre-scrollable pre-x-scrollable">{{stdout}}</pre>
+    <div class="col-xs-12">
+        <div class="panel panel-default">
+            <div class="panel-heading">
+                <h3 id="stdout" class="panel-title">STDOUT</h3>
+            </div>
+            <div class="panel-body">
+                <pre id="stdoutLog" class="pre-scrollable pre-x-scrollable">{{stdout}}</pre>
+            </div>
         </div>
-      </rd-widget-body>
-    </rd-widget>
-  </div>
-</div>
-
-<div class="row">
-  <div class="col-lg-12 col-md-12 col-xs-12">
-    <rd-widget>
-      <rd-widget-header icon="fa-exclamation-triangle" title="Stderr logs"></rd-widget-header>
-      <rd-widget-taskbar>
-        <input type="checkbox" ng-model="state.displayTimestampsErr" id="displayAllTsErr" ng-change="toggleTimestampsErr()"/>
-        <label for="displayAllTsErr">Display timestamps</label>
-      </rd-widget-taskbar>
-      <rd-widget-body classes="no-padding">
-        <div class="panel-body">
-          <pre id="stderrLog" class="pre-scrollable pre-x-scrollable">{{stderr}}</pre>
+    </div>
+    <div class="col-xs-12">
+        <div class="panel panel-default">
+            <div class="panel-heading">
+                <h3 id="stderr" class="panel-title">STDERR</h3>
+            </div>
+            <div class="panel-body">
+                <pre id="stderrLog" class="pre-scrollable pre-x-scrollable">{{stderr}}</pre>
+            </div>
         </div>
-      </rd-widget-body>
-    </rd-widget>
-  </div>
+    </div>
 </div>

app/components/containerTop/containerTop.html

@@ -0,0 +1,19 @@
+<div class="containerTop">
+    <div class="form-group col-xs-2">
+        <input type="text" class="form-control" placeholder="[options] (aux)" ng-model="ps_args">
+    </div>
+    <button type="button" class="btn btn-default" ng-click="getTop()">Submit</button>
+
+    <table class="table table-striped">
+        <thead>
+        <tr>
+            <th ng-repeat="title in containerTop.Titles">{{title}}</th>
+        </tr>
+        </thead>
+        <tbody>
+        <tr ng-repeat="processInfos in containerTop.Processes">
+            <td ng-repeat="processInfo in processInfos track by $index">{{processInfo}}</td>
+        </tr>
+        </tbody>
+    </table>
+</div>

app/components/containerTop/containerTopController.js

@@ -0,0 +1,19 @@
+angular.module('containerTop', [])
+    .controller('ContainerTopController', ['$scope', '$routeParams', 'ContainerTop', 'ViewSpinner', function ($scope, $routeParams, ContainerTop, ViewSpinner) {
+        $scope.ps_args = '';
+
+        /**
+         * Get container processes
+         */
+        $scope.getTop = function () {
+            ViewSpinner.spin();
+            ContainerTop.get($routeParams.id, {
+                ps_args: $scope.ps_args
+            }, function (data) {
+                $scope.containerTop = data;
+                ViewSpinner.stop();
+            });
+        };
+
+        $scope.getTop();
+    }]);

app/components/containers/containers.html

@@ -1,91 +1,46 @@
-<div ng-include="template" ng-controller="StartContainerController"></div>
 
-<rd-header>
-  <rd-header-title title="Container list">
-    <a data-toggle="tooltip" title="Refresh" ui-sref="containers" ui-sref-opts="{reload: true}">
-      <i class="fa fa-refresh" aria-hidden="true"></i>
-    </a>
-  </rd-header-title>
-  <rd-header-content>Containers</rd-header-content>
-</rd-header>
+<h2>Containers:</h2>
 
-<div class="col-lg-12">
-  <rd-widget>
-    <rd-widget-header icon="fa-tasks" title="Containers">
-    </rd-widget-header>
-    <rd-widget-taskbar classes="col-lg-12">
-      <div class="pull-left">
-        <div class="btn-group" role="group" aria-label="...">
-          <button type="button" class="btn btn-primary" ng-click="startAction()" ng-disabled="!state.selectedItemCount">Start</button>
-          <button type="button" class="btn btn-primary" ng-click="stopAction()" ng-disabled="!state.selectedItemCount">Stop</button>
-          <button type="button" class="btn btn-primary" ng-click="killAction()" ng-disabled="!state.selectedItemCount">Kill</button>
-          <button type="button" class="btn btn-primary" ng-click="restartAction()" ng-disabled="!state.selectedItemCount">Restart</button>
-          <button type="button" class="btn btn-primary" ng-click="pauseAction()" ng-disabled="!state.selectedItemCount">Pause</button>
-          <button type="button" class="btn btn-primary" ng-click="unpauseAction()" ng-disabled="!state.selectedItemCount">Unpause</button>
-          <button type="button" class="btn btn-danger" ng-click="removeAction()" ng-disabled="!state.selectedItemCount">Remove</button>
-          <button type="button" class="btn btn-default" data-toggle="modal" data-target="#create-modal">Start a new container...</button>
-        </div>
-      </div>
-      <div class="pull-right">
-        <input type="checkbox" ng-model="state.displayAll" id="displayAll" ng-change="toggleGetAll()"/><label for="displayAll">Display All</label>
-        <input type="text" id="filter" ng-model="state.filter" placeholder="Filter..." class="form-control input-sm" />
-      </div>
-    </rd-widget-taskbar>
-    <rd-widget-body classes="no-padding">
-      <div class="table-responsive">
-        <table class="table">
-          <thead>
-            <tr>
-              <th><label><input type="checkbox" ng-model="state.toggle" ng-change="toggleSelectAll()" /> Select</label></th>
-              <th>
-                <a ui-sref="containers" ng-click="order('Names')">
-                  Name
-                  <span ng-show="sortType == 'Names' && !sortReverse" class="glyphicon glyphicon-chevron-down"></span>
-                  <span ng-show="sortType == 'Names' && sortReverse" class="glyphicon glyphicon-chevron-up"></span>
-                </a>
-              </th>
-              <th>
-                <a ui-sref="containers" ng-click="order('Image')">
-                  Image
-                  <span ng-show="sortType == 'Image' && !sortReverse" class="glyphicon glyphicon-chevron-down"></span>
-                  <span ng-show="sortType == 'Image' && sortReverse" class="glyphicon glyphicon-chevron-up"></span>
-                </a>
-              </th>
-              <th>
-                <a ui-sref="containers" ng-click="order('Command')">
-                  Command
-                  <span ng-show="sortType == 'Command' && !sortReverse" class="glyphicon glyphicon-chevron-down"></span>
-                  <span ng-show="sortType == 'Command' && sortReverse" class="glyphicon glyphicon-chevron-up"></span>
-                </a>
-              </th>
-              <th>
-                <a ui-sref="containers" ng-click="order('Created')">
-                  Created
-                  <span ng-show="sortType == 'Created' && !sortReverse" class="glyphicon glyphicon-chevron-down"></span>
-                  <span ng-show="sortType == 'Created' && sortReverse" class="glyphicon glyphicon-chevron-up"></span>
-                </a>
-              </th>
-              <th>
-                <a ui-sref="containers" ng-click="order('Status')">
-                  Status
-                  <span ng-show="sortType == 'Status' && !sortReverse" class="glyphicon glyphicon-chevron-down"></span>
-                  <span ng-show="sortType == 'Status' && sortReverse" class="glyphicon glyphicon-chevron-up"></span>
-                </a>
-              </th>
-            </tr>
-          </thead>
-          <tbody>
-            <tr ng-repeat="container in (state.filteredContainers = ( containers | filter:state.filter | orderBy:sortType:sortReverse))">
-              <td><input type="checkbox" ng-model="container.Checked" ng-change="selectItem(container)"/></td>
-              <td><a ui-sref="container({id: container.Id})">{{ container|containername}}</a></td>
-              <td><a ui-sref="image({id: container.Image})">{{ container.Image }}</a></td>
-              <td>{{ container.Command|truncate:40 }}</td>
-              <td>{{ container.Created|getdate }}</td>
-              <td><span class="label label-{{ container.Status|statusbadge }}">{{ container.Status }}</span></td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-    </rd-widget-body>
-  <rd-widget>
+<div>
+    <ul class="nav nav-pills pull-left">
+        <li class="dropdown">
+            <a class="dropdown-toggle" id="drop4" role="button" data-toggle="dropdown" data-target="#">Actions <b class="caret"></b></a>
+            <ul id="menu1" class="dropdown-menu" role="menu" aria-labelledby="drop4">
+                <li><a tabindex="-1" href="" ng-click="startAction()">Start</a></li>
+                <li><a tabindex="-1" href="" ng-click="stopAction()">Stop</a></li>
+                <li><a tabindex="-1" href="" ng-click="restartAction()">Restart</a></li>
+                <li><a tabindex="-1" href="" ng-click="killAction()">Kill</a></li>
+                <li><a tabindex="-1" href="" ng-click="pauseAction()">Pause</a></li>
+                <li><a tabindex="-1" href="" ng-click="unpauseAction()">Unpause</a></li>
+                <li><a tabindex="-1" href="" ng-click="removeAction()">Remove</a></li>
+            </ul>
+        </li>
+    </ul>
+
+    <div class="pull-right form-inline">
+        <input type="checkbox" ng-model="displayAll" id="displayAll" ng-change="toggleGetAll()"/> <label for="displayAll">Display All</label>&nbsp;
+        <input type="text" class="form-control" style="vertical-align: center" id="filter" placeholder="Filter" ng-model="filter"/> <label class="sr-only" for="filter">Filter</label>
+    </div>
 </div>
+<table class="table table-striped">
+    <thead>
+        <tr>
+            <th><input type="checkbox" ng-model="toggle" ng-change="toggleSelectAll()" /> Action</th>
+            <th>Name</th>
+            <th>Image</th>
+            <th>Command</th>
+            <th>Created</th>
+            <th>Status</th>
+        </tr>
+    </thead>
+    <tbody>
+        <tr ng-repeat="container in containers | filter:filter | orderBy:predicate">
+            <td><input type="checkbox" ng-model="container.Checked" /></td>
+            <td><a href="#/containers/{{ container.Id }}/">{{ container|containername}}</a></td>
+            <td><a href="#/images/{{ container.Image }}/">{{ container.Image }}</a></td>
+            <td>{{ container.Command|truncate:40 }}</td>
+            <td>{{ container.Created|getdate }}</td>
+            <td><span class="label label-{{ container.Status|statusbadge }}">{{ container.Status }}</span></td>
+        </tr>
+    </tbody>
+</table>

app/components/containers/containersController.js

@@ -1,138 +1,112 @@
 angular.module('containers', [])
-.controller('ContainersController', ['$scope', 'Container', 'Settings', 'Messages', 'ViewSpinner',
-function ($scope, Container, Settings, Messages, ViewSpinner) {
+    .controller('ContainersController', ['$scope', 'Container', 'Settings', 'Messages', 'ViewSpinner',
+        function ($scope, Container, Settings, Messages, ViewSpinner) {
+            $scope.predicate = '-Created';
+            $scope.toggle = false;
+            $scope.displayAll = Settings.displayAll;
 
-  $scope.state = {};
-  $scope.state.displayAll = Settings.displayAll;
-  $scope.sortType = 'Created';
-  $scope.sortReverse = true;
-  $scope.state.toggle = false;
-  $scope.state.selectedItemCount = 0;
+            var update = function (data) {
+                ViewSpinner.spin();
+                Container.query(data, function (d) {
+                    $scope.containers = d.map(function (item) {
+                        return new ContainerViewModel(item);
+                    });
+                    ViewSpinner.stop();
+                });
+            };
 
-  $scope.order = function (sortType) {
-    $scope.sortReverse = ($scope.sortType === sortType) ? !$scope.sortReverse : false;
-    $scope.sortType = sortType;
-  };
+            var batch = function (items, action, msg) {
+                ViewSpinner.spin();
+                var counter = 0;
+                var complete = function () {
+                    counter = counter - 1;
+                    if (counter === 0) {
+                        ViewSpinner.stop();
+                        update({all: Settings.displayAll ? 1 : 0});
+                    }
+                };
+                angular.forEach(items, function (c) {
+                    if (c.Checked) {
+                        if (action === Container.start) {
+                            Container.get({id: c.Id}, function (d) {
+                                c = d;
+                                counter = counter + 1;
+                                action({id: c.Id, HostConfig: c.HostConfig || {}}, function (d) {
+                                    Messages.send("Container " + msg, c.Id);
+                                    var index = $scope.containers.indexOf(c);
+                                    complete();
+                                }, function (e) {
+                                    Messages.error("Failure", e.data);
+                                    complete();
+                                });
+                            }, function (e) {
+                                if (e.status === 404) {
+                                    $('.detail').hide();
+                                    Messages.error("Not found", "Container not found.");
+                                } else {
+                                    Messages.error("Failure", e.data);
+                                }
+                                complete();
+                            });
+                        }
+                        else {
+                            counter = counter + 1;
+                            action({id: c.Id}, function (d) {
+                                Messages.send("Container " + msg, c.Id);
+                                var index = $scope.containers.indexOf(c);
+                                complete();
+                            }, function (e) {
+                                Messages.error("Failure", e.data);
+                                complete();
+                            });
 
-  var update = function (data) {
-    ViewSpinner.spin();
-    $scope.state.selectedItemCount = 0;
-    Container.query(data, function (d) {
-      $scope.containers = d.filter(function (container) {
-        return container.Image !== 'swarm';
-      }).map(function (container) {
-        return new ContainerViewModel(container);
-      });
-      ViewSpinner.stop();
-    });
-  };
+                        }
 
-  var batch = function (items, action, msg) {
-    ViewSpinner.spin();
-    var counter = 0;
-    var complete = function () {
-      counter = counter - 1;
-      if (counter === 0) {
-        ViewSpinner.stop();
-        update({all: Settings.displayAll ? 1 : 0});
-      }
-    };
-    angular.forEach(items, function (c) {
-      if (c.Checked) {
-        if (action === Container.start) {
-          Container.get({id: c.Id}, function (d) {
-            c = d;
-            counter = counter + 1;
-            action({id: c.Id, HostConfig: c.HostConfig || {}}, function (d) {
-              Messages.send("Container " + msg, c.Id);
-              var index = $scope.containers.indexOf(c);
-              complete();
-            }, function (e) {
-              Messages.error("Failure", e.data);
-              complete();
-            });
-          }, function (e) {
-            if (e.status === 404) {
-              $('.detail').hide();
-              Messages.error("Not found", "Container not found.");
-            } else {
-              Messages.error("Failure", e.data);
-            }
-            complete();
-          });
-        }
-        else {
-          counter = counter + 1;
-          action({id: c.Id}, function (d) {
-            Messages.send("Container " + msg, c.Id);
-            var index = $scope.containers.indexOf(c);
-            complete();
-          }, function (e) {
-            Messages.error("Failure", e.data);
-            complete();
-          });
+                    }
+                });
+                if (counter === 0) {
+                    ViewSpinner.stop();
+                }
+            };
 
-        }
+            $scope.toggleSelectAll = function () {
+                angular.forEach($scope.containers, function (i) {
+                    i.Checked = $scope.toggle;
+                });
+            };
 
-      }
-    });
-    if (counter === 0) {
-      ViewSpinner.stop();
-    }
-  };
+            $scope.toggleGetAll = function () {
+                Settings.displayAll = $scope.displayAll;
+                update({all: Settings.displayAll ? 1 : 0});
+            };
 
-  $scope.selectItem = function (item) {
-    if (item.Checked) {
-      $scope.state.selectedItemCount++;
-    } else {
-      $scope.state.selectedItemCount--;
-    }
-  };
+            $scope.startAction = function () {
+                batch($scope.containers, Container.start, "Started");
+            };
 
-  $scope.toggleSelectAll = function () {
-    $scope.state.selectedItem = $scope.state.toggle;
-    angular.forEach($scope.state.filteredContainers, function (i) {
-      i.Checked = $scope.state.toggle;
-    });
-    if ($scope.state.toggle) {
-      $scope.state.selectedItemCount = $scope.state.filteredContainers.length;
-    } else {
-      $scope.state.selectedItemCount = 0;
-    }
-  };
+            $scope.stopAction = function () {
+                batch($scope.containers, Container.stop, "Stopped");
+            };
 
-  $scope.toggleGetAll = function () {
-    Settings.displayAll = $scope.state.displayAll;
-    update({all: Settings.displayAll ? 1 : 0});
-  };
+            $scope.restartAction = function () {
+                batch($scope.containers, Container.restart, "Restarted");
+            };
 
-  $scope.startAction = function () {
-    batch($scope.containers, Container.start, "Started");
-  };
+            $scope.killAction = function () {
+                batch($scope.containers, Container.kill, "Killed");
+            };
 
-  $scope.stopAction = function () {
-    batch($scope.containers, Container.stop, "Stopped");
-  };
+            $scope.pauseAction = function () {
+                batch($scope.containers, Container.pause, "Paused");
+            };
 
-  $scope.restartAction = function () {
-    batch($scope.containers, Container.restart, "Restarted");
-  };
+            $scope.unpauseAction = function () {
+                batch($scope.containers, Container.unpause, "Unpaused");
+            };
 
-  $scope.killAction = function () {
-    batch($scope.containers, Container.kill, "Killed");
-  };
+            $scope.removeAction = function () {
+                batch($scope.containers, Container.remove, "Removed");
+            };
 
-  $scope.pauseAction = function () {
-    batch($scope.containers, Container.pause, "Paused");
-  };
-
-  $scope.unpauseAction = function () {
-    batch($scope.containers, Container.unpause, "Unpaused");
-  };
-
-  $scope.removeAction = function () {
-    batch($scope.containers, Container.remove, "Removed");
-  };
-
-  update({all: Settings.displayAll ? 1 : 0});
-}]);
+            update({all: Settings.displayAll ? 1 : 0});
+        }]);

app/components/containersNetwork/containersNetwork.html

@@ -0,0 +1,25 @@
+<div class="detail">
+    <h2>Containers Network</h2>
+
+    <div class="row">
+        <div class="input-group">
+            <input type="text" ng-model="query" autofocus="true" class="form-control"
+                   placeholder="Search" ng-change="network.selectContainers(query)"/>
+            <span class="input-group-addon"><span class="glyphicon glyphicon-search"/></span>
+        </div>
+    </div>
+    <div class="row">
+        <div class="btn-group">
+            <button class="btn btn-warning" ng-click="network.hideSelected()">Hide Selected</button>
+            <button class="btn btn-info" ng-click="network.showSelectedDownstream()">Show Selected Downstream</button>
+            <button class="btn btn-info" ng-click="network.showSelectedUpstream()">Show Selected Upstream</button>
+            <button class="btn btn-success" ng-click="network.showAll()">Show All</button>
+        </div>
+        <input type="checkbox" ng-model="includeStopped" id="includeStopped" ng-change="toggleIncludeStopped()"/> <label
+            for="includeStopped">Include stopped containers</label>
+    </div>
+    <div class="row">
+        <vis-network data="network.data" options="network.options" events="network.events"
+                     component="network.component"/>
+    </div>
+</div>

app/components/containersNetwork/containersNetworkController.js

@@ -0,0 +1,271 @@
+angular.module('containersNetwork', ['ngVis'])
+    .controller('ContainersNetworkController', ['$scope', '$location', 'Container', 'Messages', 'VisDataSet', function ($scope, $location, Container, Messages, VisDataSet) {
+
+        function ContainerNode(data) {
+            this.Id = data.Id;
+            // names have the following format: /Name
+            this.Name = data.Name.substring(1);
+            this.Image = data.Config.Image;
+            this.Running = data.State.Running;
+            var dataLinks = data.HostConfig.Links;
+            if (dataLinks != null) {
+                this.Links = {};
+                for (var i = 0; i < dataLinks.length; i++) {
+                    // links have the following format: /TargetContainerName:/SourceContainerName/LinkAlias
+                    var link = dataLinks[i].split(":");
+                    var target = link[0].substring(1);
+                    var alias = link[1].substring(link[1].lastIndexOf("/") + 1);
+                    // only keep shortest alias
+                    if (this.Links[target] == null || alias.length < this.Links[target].length) {
+                        this.Links[target] = alias;
+                    }
+                }
+            }
+            var dataVolumes = data.HostConfig.VolumesFrom;
+            //converting array into properties for simpler and faster access
+            if (dataVolumes != null) {
+                this.VolumesFrom = {};
+                for (var j = 0; j < dataVolumes.length; j++) {
+                    this.VolumesFrom[dataVolumes[j]] = true;
+                }
+            }
+        }
+
+        function ContainersNetworkData() {
+            this.nodes = new VisDataSet();
+            this.edges = new VisDataSet();
+
+            this.addContainerNode = function (container) {
+                this.nodes.add({
+                    id: container.Id,
+                    label: container.Name,
+                    title: "<ul style=\"list-style-type:none; padding: 0px; margin: 0px\">" +
+                    "<li><strong>ID:</strong> " + container.Id + "</li>" +
+                    "<li><strong>Image:</strong> " + container.Image + "</li>" +
+                    "</ul>",
+                    color: (container.Running ? "#8888ff" : "#cccccc")
+                });
+            };
+
+            this.hasEdge = function (from, to) {
+                return this.edges.getIds({
+                        filter: function (item) {
+                            return item.from === from.Id && item.to === to.Id;
+                        }
+                    }).length > 0;
+            };
+
+            this.addLinkEdgeIfExists = function (from, to) {
+                if (from.Links != null && from.Links[to.Name] != null && !this.hasEdge(from, to)) {
+                    this.edges.add({
+                        from: from.Id,
+                        to: to.Id,
+                        label: from.Links[to.Name]
+                    });
+                }
+            };
+
+            this.addVolumeEdgeIfExists = function (from, to) {
+                if (from.VolumesFrom != null && (from.VolumesFrom[to.Id] != null || from.VolumesFrom[to.Name] != null) && !this.hasEdge(from, to)) {
+                    this.edges.add({
+                        from: from.Id,
+                        to: to.Id,
+                        color: {color: '#A0A0A0', highlight: '#A0A0A0', hover: '#848484'}
+                    });
+                }
+            };
+
+            this.removeContainersNodes = function (containersIds) {
+                this.nodes.remove(containersIds);
+            };
+        }
+
+        function ContainersNetwork() {
+            this.data = new ContainersNetworkData();
+            this.containers = {};
+            this.selectedContainersIds = [];
+            this.shownContainersIds = [];
+            this.events = {
+                select: function (event) {
+                    $scope.network.selectedContainersIds = event.nodes;
+                    $scope.$apply(function () {
+                        $scope.query = '';
+                    });
+                },
+                doubleClick: function (event) {
+                    $scope.$apply(function () {
+                        $location.path('/containers/' + event.nodes[0]);
+                    });
+                }
+            };
+            this.options = {
+                navigation: true,
+                keyboard: true,
+                height: '500px', width: '700px',
+                nodes: {
+                    shape: 'box'
+                },
+                edges: {
+                    style: 'arrow'
+                },
+                physics: {
+                    barnesHut: {
+                        springLength: 200
+                    }
+                }
+            };
+
+            this.addContainer = function (data) {
+                var container = new ContainerNode(data);
+                this.containers[container.Id] = container;
+                this.shownContainersIds.push(container.Id);
+                this.data.addContainerNode(container);
+                for (var otherContainerId in this.containers) {
+                    var otherContainer = this.containers[otherContainerId];
+                    this.data.addLinkEdgeIfExists(container, otherContainer);
+                    this.data.addLinkEdgeIfExists(otherContainer, container);
+                    this.data.addVolumeEdgeIfExists(container, otherContainer);
+                    this.data.addVolumeEdgeIfExists(otherContainer, container);
+                }
+            };
+
+            this.selectContainers = function (query) {
+                if (this.component != null) {
+                    this.selectedContainersIds = this.searchContainers(query);
+                    this.component.selectNodes(this.selectedContainersIds);
+                }
+            };
+
+            this.searchContainers = function (query) {
+                if (query.trim() === "") {
+                    return [];
+                }
+                var selectedContainersIds = [];
+                for (var i = 0; i < this.shownContainersIds.length; i++) {
+                    var container = this.containers[this.shownContainersIds[i]];
+                    if (container.Name.indexOf(query) > -1 ||
+                        container.Image.indexOf(query) > -1 ||
+                        container.Id.indexOf(query) > -1) {
+                        selectedContainersIds.push(container.Id);
+                    }
+                }
+                return selectedContainersIds;
+            };
+
+            this.hideSelected = function () {
+                var i = 0;
+                while (i < this.shownContainersIds.length) {
+                    if (this.selectedContainersIds.indexOf(this.shownContainersIds[i]) > -1) {
+                        this.shownContainersIds.splice(i, 1);
+                    } else {
+                        i++;
+                    }
+                }
+                this.data.removeContainersNodes(this.selectedContainersIds);
+                $scope.query = '';
+                this.selectedContainersIds = [];
+            };
+
+            this.searchDownstream = function (containerId, downstreamContainersIds) {
+                if (downstreamContainersIds.indexOf(containerId) > -1) {
+                    return;
+                }
+                downstreamContainersIds.push(containerId);
+                var container = this.containers[containerId];
+                if (container.Links == null && container.VolumesFrom == null) {
+                    return;
+                }
+                for (var otherContainerId in this.containers) {
+                    var otherContainer = this.containers[otherContainerId];
+                    if (container.Links != null && container.Links[otherContainer.Name] != null) {
+                        this.searchDownstream(otherContainer.Id, downstreamContainersIds);
+                    } else if (container.VolumesFrom != null &&
+                        container.VolumesFrom[otherContainer.Id] != null) {
+                        this.searchDownstream(otherContainer.Id, downstreamContainersIds);
+                    }
+                }
+            };
+
+            this.updateShownContainers = function (newShownContainersIds) {
+                for (var containerId in this.containers) {
+                    if (newShownContainersIds.indexOf(containerId) > -1 &&
+                        this.shownContainersIds.indexOf(containerId) === -1) {
+                        this.data.addContainerNode(this.containers[containerId]);
+                    } else if (newShownContainersIds.indexOf(containerId) === -1 &&
+                        this.shownContainersIds.indexOf(containerId) > -1) {
+                        this.data.removeContainersNodes(containerId);
+                    }
+                }
+                this.shownContainersIds = newShownContainersIds;
+            };
+
+            this.showSelectedDownstream = function () {
+                var downstreamContainersIds = [];
+                for (var i = 0; i < this.selectedContainersIds.length; i++) {
+                    this.searchDownstream(this.selectedContainersIds[i], downstreamContainersIds);
+                }
+                this.updateShownContainers(downstreamContainersIds);
+            };
+
+            this.searchUpstream = function (containerId, upstreamContainersIds) {
+                if (upstreamContainersIds.indexOf(containerId) > -1) {
+                    return;
+                }
+                upstreamContainersIds.push(containerId);
+                var container = this.containers[containerId];
+                for (var otherContainerId in this.containers) {
+                    var otherContainer = this.containers[otherContainerId];
+                    if (otherContainer.Links != null && otherContainer.Links[container.Name] != null) {
+                        this.searchUpstream(otherContainer.Id, upstreamContainersIds);
+                    } else if (otherContainer.VolumesFrom != null &&
+                        otherContainer.VolumesFrom[container.Id] != null) {
+                        this.searchUpstream(otherContainer.Id, upstreamContainersIds);
+                    }
+                }
+            };
+
+            this.showSelectedUpstream = function () {
+                var upstreamContainersIds = [];
+                for (var i = 0; i < this.selectedContainersIds.length; i++) {
+                    this.searchUpstream(this.selectedContainersIds[i], upstreamContainersIds);
+                }
+                this.updateShownContainers(upstreamContainersIds);
+            };
+
+            this.showAll = function () {
+                for (var containerId in this.containers) {
+                    if (this.shownContainersIds.indexOf(containerId) === -1) {
+                        this.data.addContainerNode(this.containers[containerId]);
+                        this.shownContainersIds.push(containerId);
+                    }
+                }
+            };
+
+        }
+
+        $scope.network = new ContainersNetwork();
+
+        var showFailure = function (event) {
+            Messages.error('Failure', e.data);
+        };
+
+        var addContainer = function (container) {
+            $scope.network.addContainer(container);
+        };
+
+        var update = function (data) {
+            Container.query(data, function (d) {
+                for (var i = 0; i < d.length; i++) {
+                    Container.get({id: d[i].Id}, addContainer, showFailure);
+                }
+            });
+        };
+        update({all: 0});
+
+        $scope.includeStopped = false;
+        $scope.toggleIncludeStopped = function () {
+            $scope.network.updateShownContainers([]);
+            update({all: $scope.includeStopped ? 1 : 0});
+        };
+
+    }]);

app/components/createNetwork/createNetwork.html

@@ -1,45 +0,0 @@
-<div id="create-network-modal" class="modal fade">
-  <div class="modal-dialog">
-    <div class="modal-content">
-      <div class="modal-header">
-        <button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="fa fa-times" aria-hidden="true"></i></button>
-        <h3>Create network</h3>
-      </div>
-      <div class="modal-body">
-        <form novalidate role="form" name="createNetworkForm">
-          <div class="form-group">
-            <label>Name:</label>
-            <input type="text" placeholder='my_network'
-            ng-model="createNetworkConfig.Name" class="form-control"/>
-          </div>
-          <div class="form-group">
-            <label>Driver:</label>
-            <input type="text" placeholder='bridge'
-            ng-model="createNetworkConfig.Driver" class="form-control"/>
-          </div>
-          <div class="form-group">
-            <label>Subnet:</label>
-            <input type="text" placeholder='172.20.0.0/16'
-            ng-model="createNetworkConfig.IPAM.Config[0].Subnet" class="form-control"/>
-          </div>
-          <div class="form-group">
-            <label>IPRange:</label>
-            <input type="text" placeholder='172.20.10.0/24'
-            ng-model="createNetworkConfig.IPAM.Config[0].IPRange" class="form-control"/>
-          </div>
-          <div class="form-group">
-            <label>Gateway:</label>
-            <input type="text" placeholder='172.20.10.11'
-            ng-model="createNetworkConfig.IPAM.Config[0].Gateway" class="form-control"/>
-          </div>
-        </form>
-      </div>
-      <div class="alert alert-error" id="error-message" style="display:none">
-        {{ error }}
-      </div>
-      <div class="modal-footer">
-        <a href="" class="btn btn-primary" ng-click="createNetwork(createNetworkConfig)">Create</a>
-      </div>
-    </div>
-  </div>
-</div>

app/components/createNetwork/createNetworkController.js

@@ -1,41 +0,0 @@
-angular.module('createNetwork', [])
-.controller('CreateNetworkController', ['$scope', '$state', 'Messages', 'Network', 'ViewSpinner', 'errorMsgFilter',
-function ($scope, $state, Messages, Network, ViewSpinner, errorMsgFilter) {
-  $scope.template = 'app/components/createNetwork/createNetwork.html';
-
-  $scope.init = function () {
-    $scope.createNetworkConfig = {
-      "Name": '',
-      "Driver": '',
-      "IPAM": {
-        "Config": [{}]
-      }
-    };
-  };
-
-  $scope.init();
-
-  $scope.createNetwork = function addNetwork(createNetworkConfig) {
-    if (_.isEmpty(createNetworkConfig.IPAM.Config[0])) {
-      delete createNetworkConfig.IPAM;
-    }
-    $('#error-message').hide();
-    ViewSpinner.spin();
-    $('#create-network-modal').modal('hide');
-    Network.create(createNetworkConfig, function (d) {
-      if (d.Id) {
-        Messages.send("Network created", d.Id);
-      } else {
-        Messages.error('Failure', errorMsgFilter(d));
-      }
-      ViewSpinner.stop();
-      $scope.init();
-      $state.go('networks', {}, {reload: true});
-    }, function (e) {
-      ViewSpinner.stop();
-      $scope.error = "Cannot pull image " + imageName + " Reason: " + e.data;
-      $('#create-network-modal').modal('show');
-      $('#error-message').show();
-    });
-  };
-}]);

app/components/createVolume/createVolume.html

@@ -1,40 +0,0 @@
-<div id="create-volume-modal" class="modal fade">
-  <div class="modal-dialog">
-    <div class="modal-content">
-      <div class="modal-header">
-        <button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="fa fa-times" aria-hidden="true"></i></button>
-        <h3>Create volume</h3>
-      </div>
-      <div class="modal-body">
-        <form novalidate role="form" name="createVolumeForm">
-          <div class="form-group">
-            <label>Name:</label>
-            <input type="text" placeholder='my_volume'
-            ng-model="createVolumeConfig.Name" class="form-control"/>
-          </div>
-          <div class="form-group">
-            <label>Driver:</label>
-            <ui-select ng-model="selectedDriver.value" theme="bootstrap">
-              <ui-select-match>
-                  <span ng-bind="$select.selected"></span>
-              </ui-select-match>
-              <ui-select-choices repeat="driver in availableDrivers">
-                  <span ng-bind="driver"></span>
-              </ui-select-choices>
-          </ui-select>
-          </div>
-          <div class="form-group" ng-show="selectedDriver.value == 'local-persist'">
-              <label>Mount point:</label>
-              <input type="text" ng-model="createVolumeConfig.DriverOpts.mountpoint" name="" placeholder="/volume/my_volume" class="form-control">
-          </div>
-        </form>
-      </div>
-      <div class="alert alert-error" id="error-message" style="display:none">
-        {{ error }}
-      </div>
-      <div class="modal-footer">
-        <a href="" class="btn btn-primary" ng-click="addVolume(createVolumeConfig)">Create</a>
-      </div>
-    </div>
-  </div>
-</div>

app/components/createVolume/createVolumeController.js

@@ -1,39 +0,0 @@
-angular.module('createVolume', [])
-.controller('CreateVolumeController', ['$scope', '$state', 'Messages', 'Volume', 'ViewSpinner', 'errorMsgFilter',
-function ($scope, $state, Messages, Volume, ViewSpinner, errorMsgFilter) {
-  $scope.template = 'app/components/createVolume/createVolume.html';
-
-  $scope.init = function () {
-    $scope.createVolumeConfig = {
-      "Name": "",
-      "Driver": "",
-      "DriverOpts": {}
-    };
-    $scope.availableDrivers = ['local', 'local-persist'];
-    $scope.selectedDriver = { value: $scope.availableDrivers[0] };
-  };
-
-  $scope.init();
-
-  $scope.addVolume = function addVolume(createVolumeConfig) {
-    $('#error-message').hide();
-    ViewSpinner.spin();
-    $('#create-volume-modal').modal('hide');
-    createVolumeConfig.Driver = $scope.selectedDriver.value;
-    console.log(JSON.stringify(createVolumeConfig, null, 4));
-    Volume.create(createVolumeConfig, function (d) {
-      if (d.Name) {
-        Messages.send("Volume created", d.Name);
-      } else {
-        Messages.error('Failure', errorMsgFilter(d));
-      }
-      ViewSpinner.stop();
-      $state.go('volumes', {}, {reload: true});
-    }, function (e) {
-      ViewSpinner.stop();
-      $scope.error = "Cannot create volume " + createVolumeConfig.Name + " Reason: " + e.data;
-      $('#create-volume-modal').modal('show');
-      $('#error-message').show();
-    });
-  };
-}]);

app/components/dashboard/dashboard.html

@@ -1,76 +1,52 @@
-<rd-header>
-  <rd-header-title title="Home"></rd-header-title>
-  <rd-header-content>Dashboard</rd-header-content>
-</rd-header>
+<div class="col-xs-offset-1">
+    <!--<div class="sidebar span4">
+        <div ng-include="template" ng-controller="SideBarController"></div>
+    </div>-->
+    <div class="row">
+        <div class="col-xs-10" id="masthead" style="display:none">
+            <div class="jumbotron">
+                <h1>DockerUI</h1>
 
-<div class="row">
-  <div class="col-lg-3 col-md-6 col-xs-12">
-    <rd-widget>
-      <rd-widget-body>
-        <div class="widget-icon blue pull-left">
-          <i class="fa fa-tasks"></i>
+                <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 class="title">{{ containerData.total }}</div>
-        <div class="comment">Containers</div>
-      </rd-widget-body>
-    </rd-widget>
-  </div>
-  <div class="col-lg-3 col-md-6 col-xs-12">
-    <rd-widget>
-      <rd-widget-body>
-        <div class="widget-icon green pull-left">
-          <i class="fa fa-tasks"></i>
-        </div>
-        <div class="title">{{ containerData.running }}</div>
-        <div class="comment">Running</div>
-      </rd-widget-body>
-    </rd-widget>
-  </div>
-  <div class="col-lg-3 col-md-6 col-xs-12">
-    <rd-widget>
-      <rd-widget-body>
-        <div class="widget-icon red pull-left">
-          <i class="fa fa-tasks"></i>
-        </div>
-        <div class="title">{{ containerData.stopped }}</div>
-        <div class="comment">Stopped</div>
-      </rd-widget-body>
-    </rd-widget>
-  </div>
-  <div class="col-lg-3 col-md-6 col-xs-12">
-    <rd-widget>
-      <rd-widget-body>
-        <div class="widget-icon gray pull-left">
-          <i class="fa fa-tasks"></i>
-        </div>
-        <div class="title">{{ containerData.ghost }}</div>
-        <div class="comment">Ghost</div>
-      </rd-widget-body>
-    </rd-widget>
-  </div>
-</div>
+    </div>
 
-<div class="row">
-  <div class="col-lg-6">
-    <rd-widget>
-      <rd-widget-header icon="fa-tasks" title="Containers created"></rd-widget-header>
-      <rd-widget-body>
-        <canvas id="containers-started-chart" width="770" height="230">
-            <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a
-                    href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
-        </canvas>
-      </rd-widget-body>
-    </rd-widget>
-  </div>
-  <div class="col-lg-6">
-    <rd-widget>
-      <rd-widget-header icon="fa-clone" title="Images created"></rd-widget-header>
-      <rd-widget-body>
-        <canvas id="images-created-chart" width="770" height="230">
-            <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a
-                    href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
-        </canvas>
-      </rd-widget-body>
-    </rd-widget>
-  </div>
+    <div class="row">
+        <div class="col-xs-10">
+            <div class="col-xs-5">
+                <h3>Running Containers</h3>
+                <ul>
+                    <li ng-repeat="container in containers|orderBy:predicate">
+                        <a href="#/containers/{{ container.Id }}/">{{ container|containername }}</a>
+                        <span class="label label-{{ container.Status|statusbadge }}">{{ container.Status }}</span>
+                    </li>
+                </ul>
+            </div>
+            <div class="col-xs-5 text-right">
+                <h3>Status</h3>
+                <canvas id="containers-chart" class="pull-right">
+                    <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a
+                            href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
+                </canvas>
+                <div id="chart-legend"></div>
+            </div>
+        </div>
+    </div>
+
+    <div class="row">
+        <div class="col-xs-10" id="stats">
+            <h4>Containers created</h4>
+            <canvas id="containers-started-chart" width="700">
+                <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a
+                        href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
+            </canvas>
+            <h4>Images created</h4>
+            <canvas id="images-created-chart" width="700">
+                <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a
+                        href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
+            </canvas>
+        </div>
+    </div>
 </div>

app/components/dashboard/dashboardController.js

@@ -1,46 +1,74 @@
 angular.module('dashboard', [])
-  .controller('DashboardController', ['$scope', 'Container', 'Image', 'Settings', 'LineChart', function ($scope, Container, Image, Settings, LineChart) {
+    .controller('DashboardController', ['$scope', 'Container', 'Image', 'Settings', 'LineChart', function ($scope, Container, Image, Settings, LineChart) {
+        $scope.predicate = '-Created';
+        $scope.containers = [];
 
-  $scope.containerData = {};
+        var getStarted = function (data) {
+            $scope.totalContainers = data.length;
+            LineChart.build('#containers-started-chart', data, function (c) {
+                return new Date(c.Created * 1000).toLocaleDateString();
+            });
+            var s = $scope;
+            Image.query({}, function (d) {
+                s.totalImages = d.length;
+                LineChart.build('#images-created-chart', d, function (c) {
+                    return new Date(c.Created * 1000).toLocaleDateString();
+                });
+            });
+        };
 
-  var buildCharts = function (data) {
-    $scope.containerData.total = data.length;
-    LineChart.build('#containers-started-chart', data, function (c) {
-      return new Date(c.Created * 1000).toLocaleDateString();
-    });
-    var s = $scope;
-    Image.query({}, function (d) {
-      s.totalImages = d.length;
-      LineChart.build('#images-created-chart', d, function (c) {
-        return new Date(c.Created * 1000).toLocaleDateString();
-      });
-    });
-  };
+        var opts = {animation: false};
+        if (Settings.firstLoad) {
+            opts.animation = true;
+            Settings.firstLoad = false;
+            $('#masthead').show();
 
-  Container.query({all: 1}, function (d) {
-    var running = 0;
-    var ghost = 0;
-    var stopped = 0;
+            setTimeout(function () {
+                $('#masthead').slideUp('slow');
+            }, 5000);
+        }
 
-    // TODO: centralize that
-    var containers = d.filter(function (container) {
-      return container.Image !== 'swarm';
-    });
+        Container.query({all: 1}, function (d) {
+            var running = 0;
+            var ghost = 0;
+            var stopped = 0;
 
-    for (var i = 0; i < containers.length; i++) {
-      var item = containers[i];
-      if (item.Status === "Ghost") {
-        ghost += 1;
-      } else if (item.Status.indexOf('Exit') !== -1) {
-        stopped += 1;
-      } else {
-        running += 1;
-      }
-    }
-    $scope.containerData.running = running;
-    $scope.containerData.stopped = stopped;
-    $scope.containerData.ghost = ghost;
+            for (var i = 0; i < d.length; i++) {
+                var item = d[i];
 
-    buildCharts(containers);
-  });
-}]);
+                if (item.Status === "Ghost") {
+                    ghost += 1;
+                } else if (item.Status.indexOf('Exit') !== -1) {
+                    stopped += 1;
+                } else {
+                    running += 1;
+                    $scope.containers.push(new ContainerViewModel(item));
+                }
+            }
+
+            getStarted(d);
+
+            var c = new Chart($('#containers-chart').get(0).getContext("2d"));
+            var data = [
+                {
+                    value: running,
+                    color: '#5bb75b',
+                    title: 'Running'
+                }, // running
+                {
+                    value: stopped,
+                    color: '#C7604C',
+                    title: 'Stopped'
+                }, // stopped
+                {
+                    value: ghost,
+                    color: '#E2EAE9',
+                    title: 'Ghost'
+                } // ghost
+            ];
+
+            c.Doughnut(data, opts);
+            var lgd = $('#chart-legend').get(0);
+            legend(lgd, data);
+        });
+    }]);

app/components/dashboard/master-ctrl.js

@@ -1,37 +0,0 @@
-angular.module('dashboard')
-.controller('MasterCtrl', ['$scope', '$cookieStore', 'Settings', 'Config', function ($scope, $cookieStore, Settings, Config) {
-  /**
-  * Sidebar Toggle & Cookie Control
-  */
-  var mobileView = 992;
-
-  $scope.getWidth = function() {
-    return window.innerWidth;
-  };
-
-  $scope.config = Config.get();
-
-  $scope.$watch($scope.getWidth, function(newValue, oldValue) {
-    if (newValue >= mobileView) {
-      if (angular.isDefined($cookieStore.get('toggle'))) {
-        $scope.toggle = ! $cookieStore.get('toggle') ? false : true;
-      } else {
-        $scope.toggle = true;
-      }
-    } else {
-      $scope.toggle = false;
-    }
-
-  });
-
-  $scope.toggleSidebar = function() {
-    $scope.toggle = !$scope.toggle;
-    $cookieStore.put('toggle', $scope.toggle);
-  };
-
-  window.onresize = function() {
-    $scope.$apply();
-  };
-
-  $scope.uiVersion = Settings.uiVersion;
-}]);

app/components/docker/docker.html

@@ -1,145 +0,0 @@
-<rd-header>
-  <rd-header-title title="Engine overview">
-    <a data-toggle="tooltip" title="Refresh" ui-sref="docker" ui-sref-opts="{reload: true}">
-      <i class="fa fa-refresh" aria-hidden="true"></i>
-    </a>
-  </rd-header-title>
-  <rd-header-content>Docker</rd-header-content>
-</rd-header>
-<div class="row">
-  <div class="col-lg-3 col-md-6 col-xs-12">
-    <rd-widget>
-      <rd-widget-body>
-        <div class="widget-icon pull-left">
-          <i class="fa fa-code"></i>
-        </div>
-        <div class="title">{{ docker.Version }}</div>
-        <div class="comment">Docker version</div>
-      </rd-widget-body>
-    </rd-widget>
-  </div>
-  <div class="col-lg-3 col-md-6 col-xs-12">
-    <rd-widget>
-      <rd-widget-body>
-        <div class="widget-icon pull-left">
-          <i class="fa fa-code"></i>
-        </div>
-        <div class="title">{{ docker.ApiVersion }}</div>
-        <div class="comment">API version</div>
-      </rd-widget-body>
-    </rd-widget>
-  </div>
-  <div class="col-lg-3 col-md-6 col-xs-12">
-    <rd-widget>
-      <rd-widget-body>
-        <div class="widget-icon pull-left">
-          <i class="fa fa-code"></i>
-        </div>
-        <div class="title">{{ docker.GoVersion }}</div>
-        <div class="comment">Go version</div>
-      </rd-widget-body>
-    </rd-widget>
-  </div>
-</div>
-
-<div class="row">
-  <div class="col-lg-12">
-    <rd-widget>
-      <rd-widget-header icon="fa-object-group" title="Cluster status"></rd-widget-header>
-      <rd-widget-body classes="no-padding">
-        <table class="table">
-          <tbody>
-            <tr>
-              <td>Containers</td>
-              <td>{{ info.Containers }}</td>
-            </tr>
-            <tr>
-              <td>Images</td>
-              <td>{{ info.Images }}</td>
-            </tr>
-            <tr>
-              <td>Debug</td>
-              <td>{{ info.Debug }}</td>
-            </tr>
-            <tr>
-              <td>CPUs</td>
-              <td>{{ info.NCPU }}</td>
-            </tr>
-            <tr>
-              <td>Total Memory</td>
-              <td>{{ info.MemTotal|humansize }}</td>
-            </tr>
-            <tr>
-              <td>Operating System</td>
-              <td>{{ info.OperatingSystem }}</td>
-            </tr>
-            <tr>
-              <td>Kernel Version</td>
-              <td>{{ info.KernelVersion }}</td>
-            </tr>
-            <tr>
-              <td>ID</td>
-              <td>{{ info.ID }}</td>
-            </tr>
-            <tr>
-              <td>Labels</td>
-              <td>{{ info.Labels }}</td>
-            </tr>
-            <tr>
-              <td>File Descriptors</td>
-              <td>{{ info.NFd }}</td>
-            </tr>
-            <tr>
-              <td>Goroutines</td>
-              <td>{{ info.NGoroutines }}</td>
-            </tr>
-            <tr>
-              <td>Storage Driver</td>
-              <td>{{ info.Driver }}</td>
-            </tr>
-            <tr>
-              <td>Storage Driver Status</td>
-              <td>
-                <p ng-repeat="val in info.DriverStatus">
-                  {{ val[0] }}: {{ val[1] }}
-                </p>
-              </td>
-            </tr>
-            <tr>
-              <td>Execution Driver</td>
-              <td>{{ info.ExecutionDriver }}</td>
-            </tr>
-            <tr>
-              <td>IPv4 Forwarding</td>
-              <td>{{ info.IPv4Forwarding }}</td>
-            </tr>
-            <tr>
-              <td>Index Server Address</td>
-              <td>{{ info.IndexServerAddress }}</td>
-            </tr>
-            <tr>
-              <td>Init Path</td>
-              <td>{{ info.InitPath }}</td>
-            </tr>
-            <tr>
-              <td>Docker Root Directory</td>
-              <td>{{ info.DockerRootDir }}</td>
-            </tr>
-            <tr>
-              <td>Init SHA1</td>
-              <td>{{ info.InitSha1 }}</td>
-            </tr>
-            <tr>
-              <td>Memory Limit</td>
-              <td>{{ info.MemoryLimit }}</td>
-            </tr>
-            <tr>
-              <td>Swap Limit</td>
-              <td>{{ info.SwapLimit }}</td>
-            </tr>
-          </tbody>
-        </table>
-      </rd-widget-body>
-    </rd-widget>
-  </div>
-</div>

app/components/docker/dockerController.js

@@ -1,19 +0,0 @@
-angular.module('docker', [])
-.controller('DockerController', ['$scope', 'Info', 'Version', 'Settings',
-function ($scope, Info, Version, Settings) {
-
-  $scope.info = {};
-  $scope.docker = {};
-  
-  $scope.order = function(sortType) {
-    $scope.sortReverse = ($scope.sortType === sortType) ? !$scope.sortReverse : false;
-    $scope.sortType = sortType;
-  };
-
-  Version.get({}, function (d) {
-    $scope.docker = d;
-  });
-  Info.get({}, function (d) {
-    $scope.info = d;
-  });
-}]);

app/components/events/events.html

@@ -0,0 +1,34 @@
+<div class="row">
+    <div class="col-xs-12">
+        <h2>Events</h2>
+
+        <form class="form-inline">
+            <div class="form-group">
+                <label for="since">Since:</label>
+                <input id="since" type="datetime-local" ng-model="model.since" class="form-control" step="any"/>
+            </div>
+            <div class="form-group">
+                <label for="until">Until:</label>
+                <input id="until" type="datetime-local" ng-model="model.until" class="form-control" step="any"/>
+            </div>
+            <button ng-click="updateEvents()" class="btn btn-primary">Update</button>
+        </form>
+        <br>
+        <table class="table">
+            <tbody>
+            <tr>
+                <th>Event</th>
+                <th>From</th>
+                <th>ID</th>
+                <th>Time</th>
+            </tr>
+            <tr ng-repeat="event in dockerEvents">
+                <td ng-bind="event.status"/>
+                <td ng-bind="event.from"/>
+                <td ng-bind="event.id"/>
+                <td ng-bind="event.time * 1000 | date:'medium'"/>
+            </tr>
+            </tbody>
+        </table>
+    </div>
+</div>

app/components/events/eventsController.js

@@ -0,0 +1,42 @@
+angular.module('events', ['ngOboe'])
+    .controller('EventsController', ['Settings', '$scope', 'Oboe', 'Messages', '$timeout', function (Settings, $scope, oboe, Messages, $timeout) {
+        $scope.updateEvents = function () {
+            $scope.dockerEvents = [];
+
+            // TODO: Clean up URL building
+            var url = Settings.url + '/events?';
+
+            if ($scope.model.since) {
+                var sinceSecs = Math.floor($scope.model.since.getTime() / 1000);
+                url += 'since=' + sinceSecs + '&';
+            }
+            if ($scope.model.until) {
+                var untilSecs = Math.floor($scope.model.until.getTime() / 1000);
+                url += 'until=' + untilSecs;
+            }
+
+            oboe({
+                url: url,
+                pattern: '{id status time}'
+            })
+                .then(function (node) {
+                    // finished loading
+                    $timeout(function () {
+                        $scope.$apply();
+                    });
+                }, function (error) {
+                    // handle errors
+                    Messages.error("Failure", error.data);
+                }, function (node) {
+                    // node received
+                    $scope.dockerEvents.push(node);
+                });
+        };
+
+        // Init
+        $scope.model = {};
+        $scope.model.since = new Date(Date.now() - 86400000); // 24 hours in the past
+        $scope.model.until = new Date();
+        $scope.updateEvents();
+
+    }]);

app/components/footer/footerController.js

@@ -0,0 +1,9 @@
+angular.module('footer', [])
+    .controller('FooterController', ['$scope', 'Settings', 'Docker', function ($scope, Settings, Docker) {
+        $scope.template = 'app/components/footer/statusbar.html';
+
+        $scope.uiVersion = Settings.uiVersion;
+        Docker.get({}, function (d) {
+            $scope.apiVersion = d.ApiVersion;
+        });
+    }]);

app/components/footer/statusbar.html

@@ -0,0 +1,6 @@
+<footer class="center well">
+    <p>
+        <small>Docker API Version: <strong>{{ apiVersion }}</strong> UI Version: <strong>{{ uiVersion }}</strong> <a
+                class="pull-right" href="https://github.com/crosbymichael/dockerui">dockerui</a></small>
+    </p>
+</footer>

app/components/image/image.html

@@ -1,100 +1,120 @@
-<rd-header>
-  <rd-header-title title="Image details"></rd-header-title>
-  <rd-header-content>
-    Images > <a ui-sref="image({id: id})">{{ id }}</a>
-  </rd-header-content>
-</rd-header>
+<div ng-include="template" ng-controller="StartContainerController"></div>
 
+<div class="alert alert-error" id="error-message" style="display:none">
+    {{ error }}
+</div>
 
-<div class="row">
-  <div class="col-lg-12 col-md-12 col-xs-12">
-    <rd-widget>
-      <rd-widget-body>
-        <div class="widget-icon grey pull-left">
-          <i class="fa fa-clone"></i>
-        </div>
-        <div class="title">{{ id }}</div>
-        <div class="comment">Image ID</div>
-      </rd-widget-body>
-    </rd-widget>
-  </div>
-</div>
-<div class="row">
-  <div class="col-lg-12 col-md-12 col-xs-12">
-    <rd-widget>
-      <rd-widget-body>
-        <div class="widget-icon grey pull-left">
-          <i class="fa fa-cogs"></i>
-        </div>
-        <div class="title">
-          <div class="btn-group" role="group" aria-label="...">
-            <button class="btn btn-danger" ng-click="removeImage(id)">Remove</button>
-          </div>
-        </div>
-        <div class="comment">
-          Actions
-        </div>
-      </rd-widget-body>
-    </rd-widget>
-  </div>
-</div>
-<div class="row">
-  <div class="col-lg-12">
-    <rd-widget>
-      <rd-widget-header icon="fa-clone" title="Image details"></rd-widget-header>
-      <rd-widget-body classes="no-padding">
-        <table class="table">
-          <tbody>
-            <tr>
-              <td>Created</td>
-              <td>{{ image.Created | date: 'medium'}}</td>
-            </tr>
-            <tr>
-              <td>Tags</td>
-              <td>
+<div class="detail">
+
+    <h4>Image: {{ id }}</h4>
+
+    <div class="btn-group detail">
+        <button class="btn btn-success" data-toggle="modal" data-target="#create-modal">Start Container</button>
+    </div>
+
+    <div>
+        <h4>Containers created:</h4>
+        <canvas id="containers-started-chart" width="750">
+            <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a
+                    href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
+        </canvas>
+    </div>
+
+    <table class="table table-striped">
+        <tbody>
+        <tr>
+            <td>Tags:</td>
+            <td>
                 <ul>
-                  <li ng-repeat="tag in RepoTags">{{ tag }}
-                    <button ng-click="removeImage(tag)" class="btn btn-sm btn-danger">Remove tag</button>
-                  </li>
+                    <li ng-repeat="tag in RepoTags">{{ tag }}
+                        <button ng-click="removeImage(tag)" class="btn btn-sm btn-danger">Remove tag</button>
+                    </li>
                 </ul>
-              </td>
-            </tr>
-            <tr>
-              <td>Parent</td>
-              <td><a ui-sref="image({id: image.Parent})">{{ image.Parent }}</a></td>
-            </tr>
-            <tr>
-              <td>Size (Virtual Size)</td>
-              <td>{{ image.Size|humansize }} ({{ image.VirtualSize|humansize }})</td>
-            </tr>
+            </td>
+        </tr>
+        <tr>
+            <td>Created:</td>
+            <td>{{ image.Created | date: 'medium'}}</td>
+        </tr>
+        <tr>
+            <td>Parent:</td>
+            <td><a href="#/images/{{ image.Parent }}/">{{ image.Parent }}</a></td>
+        </tr>
+        <tr>
+            <td>Size (Virtual Size):</td>
+            <td>{{ image.Size|humansize }} ({{ image.VirtualSize|humansize }})</td>
+        </tr>
 
-            <tr>
-              <td>Hostname</td>
-              <td>{{ image.ContainerConfig.Hostname }}</td>
-            </tr>
-            <tr>
-              <td>User</td>
-              <td>{{ image.ContainerConfig.User }}</td>
-            </tr>
-            <tr>
-              <td>Cmd</td>
-              <td>{{ image.ContainerConfig.Cmd }}</td>
-            </tr>
-            <tr>
-              <td>Volumes</td>
-              <td>{{ image.ContainerConfig.Volumes }}</td>
-            </tr>
-            <tr>
-              <td>Volumes from</td>
-              <td>{{ image.ContainerConfig.VolumesFrom }}</td>
-            </tr>
-            <tr>
-              <td>Built with</td>
-              <td>Docker {{ image.DockerVersion }} on {{ image.Os}}, {{ image.Architecture }}</td>
-            </tr>
-          </tbody>
-        </table>
-      </rd-widget-body>
-    </rd-widget>
-  </div>
+        <tr>
+            <td>Hostname:</td>
+            <td>{{ image.ContainerConfig.Hostname }}</td>
+        </tr>
+        <tr>
+            <td>User:</td>
+            <td>{{ image.ContainerConfig.User }}</td>
+        </tr>
+        <tr>
+            <td>Cmd:</td>
+            <td>{{ image.ContainerConfig.Cmd }}</td>
+        </tr>
+        <tr>
+            <td>Volumes:</td>
+            <td>{{ image.ContainerConfig.Volumes }}</td>
+        </tr>
+        <tr>
+            <td>Volumes from:</td>
+            <td>{{ image.ContainerConfig.VolumesFrom }}</td>
+        </tr>
+        <tr>
+            <td>Built with:</td>
+            <td>Docker {{ image.DockerVersion }} on {{ image.Os}}, {{ image.Architecture }}</td>
+        </tr>
+
+        </tbody>
+    </table>
+
+    <div class="row-fluid">
+        <div class="span1">
+            History:
+        </div>
+        <div class="span5">
+            <i class="icon-refresh" style="width:32px;height:32px;" ng-click="getHistory()"></i>
+        </div>
+    </div>
+
+    <div class="well well-large">
+        <ul>
+            <li ng-repeat="change in history">
+                <strong>{{ change.Id }}</strong>: Created: {{ change.Created|getdate }} Created by: {{ change.CreatedBy
+                }}
+            </li>
+        </ul>
+    </div>
+
+    <hr/>
+
+    <div class="row-fluid">
+        <form class="form-inline" role="form">
+            <fieldset>
+                <legend>Tag image</legend>
+                <div class="form-group">
+                    <label>Tag:</label>
+                    <input type="text" placeholder="repo" ng-model="tagInfo.repo" class="form-control">
+                    <input type="text" placeholder="version" ng-model="tagInfo.version" class="form-control">
+                </div>
+                <div class="form-group">
+                    <label class="checkbox">
+                        <input type="checkbox" ng-model="tagInfo.force" class="form-control"/> Force?
+                    </label>
+                </div>
+                <input type="button" ng-click="addTag()" value="Add Tag" class="btn btn-primary"/>
+            </fieldset>
+        </form>
+    </div>
+
+    <hr/>
+
+    <div class="btn-remove">
+        <button class="btn btn-large btn-block btn-primary btn-danger" ng-click="removeImage(id)">Remove Image</button>
+    </div>
 </div>

app/components/image/imageController.js

@@ -1,58 +1,106 @@
 angular.module('image', [])
-.controller('ImageController', ['$scope', '$q', '$stateParams', '$state', 'Image', 'Container', 'Messages', 'LineChart',
-function ($scope, $q, $stateParams, $state, Image, Container, Messages, LineChart) {
-  $scope.tagInfo = {repo: '', version: '', force: false};
-  $scope.id = '';
-  $scope.repoTags = [];
+    .controller('ImageController', ['$scope', '$q', '$routeParams', '$location', 'Image', 'Container', 'Messages', 'LineChart',
+        function ($scope, $q, $routeParams, $location, Image, Container, Messages, LineChart) {
+            $scope.history = [];
+            $scope.tagInfo = {repo: '', version: '', force: false};
+            $scope.id = '';
+            $scope.repoTags = [];
 
-  $scope.removeImage = function (id) {
-    Image.remove({id: id}, function (d) {
-      d.forEach(function(msg){
-        var key = Object.keys(msg)[0];
-        Messages.send(key, msg[key]);
-      });
-      // If last message key is 'Deleted' then assume the image is gone and send to images page
-      if (d[d.length-1].Deleted) {
-        $state.go('images', {}, {reload: true});
-      } else {
-        $state.go('image', {id: $scope.id}, {reload: true});
-      }
-    }, function (e) {
-      $scope.error = e.data;
-      $('#error-message').show();
-    });
-  };
+            $scope.removeImage = function (id) {
+                Image.remove({id: id}, function (d) {
+                    d.forEach(function(msg){
+                        var key = Object.keys(msg)[0];
+                        Messages.send(key, msg[key]);
+                    });
+                    // If last message key is 'Deleted' then assume the image is gone and send to images page
+                    if (d[d.length-1].Deleted) {
+                        $location.path('/images');
+                    } else {
+                        $location.path('/images/' + $scope.id); // Refresh the current page.
+                    }
+                }, function (e) {
+                    $scope.error = e.data;
+                    $('#error-message').show();
+                });
+            };
 
-  /**
-  * Get RepoTags from the /images/query endpoint instead of /image/json,
-  * for backwards compatibility with Docker API versions older than 1.21
-  * @param {string} imageId
-  */
-  function getRepoTags(imageId) {
-    Image.query({}, function (d) {
-      d.forEach(function(image) {
-        if (image.Id === imageId && image.RepoTags[0] !== '<none>:<none>') {
-          $scope.RepoTags = image.RepoTags;
-        }
-      });
-    });
-  }
+            $scope.getHistory = function () {
+                Image.history({id: $routeParams.id}, function (d) {
+                    $scope.history = d;
+                });
+            };
 
-  Image.get({id: $stateParams.id}, function (d) {
-    $scope.image = d;
-    $scope.id = d.Id;
-    if (d.RepoTags) {
-      $scope.RepoTags = d.RepoTags;
-    } else {
-      getRepoTags($scope.id);
-    }
-  }, function (e) {
-    if (e.status === 404) {
-      $('.detail').hide();
-      $scope.error = "Image not found.<br />" + $stateParams.id;
-    } else {
-      $scope.error = e.data;
-    }
-    $('#error-message').show();
-  });
-}]);
+            $scope.addTag = function () {
+                var tag = $scope.tagInfo;
+                Image.tag({
+                    id: $routeParams.id,
+                    repo: tag.repo,
+                    tag: tag.version,
+                    force: tag.force ? 1 : 0
+                }, function (d) {
+                    Messages.send("Tag Added", $routeParams.id);
+                    $location.path('/images/' + $scope.id);
+                }, function (e) {
+                    $scope.error = e.data;
+                    $('#error-message').show();
+                });
+            };
+
+            function getContainersFromImage($q, Container, imageId) {
+                var defer = $q.defer();
+
+                Container.query({all: 1, notruc: 1}, function (d) {
+                    var containers = [];
+                    for (var i = 0; i < d.length; i++) {
+                        var c = d[i];
+                        if (c.ImageID === imageId) {
+                            containers.push(new ContainerViewModel(c));
+                        }
+                    }
+                    defer.resolve(containers);
+                });
+
+                return defer.promise;
+            }
+
+            /**
+             * Get RepoTags from the /images/query endpoint instead of /image/json,
+             * for backwards compatibility with Docker API versions older than 1.21
+             * @param {string} imageId
+             */
+            function getRepoTags(imageId) {
+                Image.query({}, function (d) {
+                    d.forEach(function(image) {
+                        if (image.Id === imageId && image.RepoTags[0] !== '<none>:<none>') {
+                            $scope.RepoTags = image.RepoTags;
+                        }
+                    });
+                });
+            }
+
+            Image.get({id: $routeParams.id}, function (d) {
+                $scope.image = d;
+                $scope.id = d.Id;
+                if (d.RepoTags) {
+                    $scope.RepoTags = d.RepoTags;
+                } else {
+                    getRepoTags($scope.id);
+                }
+
+                getContainersFromImage($q, Container, $scope.id).then(function (containers) {
+                    LineChart.build('#containers-started-chart', containers, function (c) {
+                        return new Date(c.Created * 1000).toLocaleDateString();
+                    });
+                });
+            }, function (e) {
+                if (e.status === 404) {
+                    $('.detail').hide();
+                    $scope.error = "Image not found.<br />" + $routeParams.id;
+                } else {
+                    $scope.error = e.data;
+                }
+                $('#error-message').show();
+            });
+
+            $scope.getHistory();
+        }]);

app/components/images/images.html

@@ -1,77 +1,40 @@
+<div ng-include="template" ng-controller="BuilderController"></div>
 <div ng-include="template" ng-controller="PullImageController"></div>
 
-<rd-header>
-  <rd-header-title title="Image list">
-    <a data-toggle="tooltip" title="Refresh" ui-sref="images" ui-sref-opts="{reload: true}">
-      <i class="fa fa-refresh" aria-hidden="true"></i>
-    </a>
-  </rd-header-title>
+<h2>Images:</h2>
 
-  <rd-header-content>Images</rd-header-content>
-</rd-header>
+<div>
+    <ul class="nav nav-pills pull-left">
+        <li class="dropdown">
+            <a class="dropdown-toggle" id="drop4" role="button" data-toggle="dropdown" data-target="#">Actions <b class="caret"></b></a>
+            <ul id="menu1" class="dropdown-menu" role="menu" aria-labelledby="drop4">
+                <li><a tabindex="-1" href="" ng-click="removeAction()">Remove</a></li>
+            </ul>
+        </li>
+        <li><a data-toggle="modal" data-target="#pull-modal" href="">Pull</a></li>
+    </ul>
 
-<div class="col-lg-12">
-  <rd-widget>
-    <rd-widget-header icon="fa-clone" title="Images">
-    </rd-widget-header>
-    <rd-widget-taskbar classes="col-lg-12">
-      <div class="pull-left">
-        <div class="btn-group" role="group" aria-label="...">
-          <button type="button" class="btn btn-danger" ng-click="removeAction()" ng-disabled="!state.selectedItemCount">Remove</button>
-          <button type="button" class="btn btn-default" data-toggle="modal" data-target="#pull-modal">Pull new image...</button>
-        </div>
-      </div>
-      <div class="pull-right">
-        <input type="text" id="filter" ng-model="state.filter" placeholder="Filter..." class="form-control input-sm" />
-      </div>
-    </rd-widget-taskbar>
-    <rd-widget-body classes="no-padding">
-      <div class="table-responsive">
-        <table class="table">
-          <thead>
-            <tr>
-              <th><label><input type="checkbox" ng-model="state.toggle" ng-change="toggleSelectAll()" /> Select</label></th>
-              <th>
-                <a ui-sref="images" ng-click="order('Id')">
-                  Id
-                  <span ng-show="sortType == 'Id' && !sortReverse" class="glyphicon glyphicon-chevron-down"></span>
-                  <span ng-show="sortType == 'Id' && sortReverse" class="glyphicon glyphicon-chevron-up"></span>
-                </a>
-              </th>
-              <th>
-                <a ui-sref="images" ng-click="order('RepoTags')">
-                  Repository
-                  <span ng-show="sortType == 'RepoTags' && !sortReverse" class="glyphicon glyphicon-chevron-down"></span>
-                  <span ng-show="sortType == 'RepoTags' && sortReverse" class="glyphicon glyphicon-chevron-up"></span>
-                </a>
-              </th>
-              <th>
-                <a ui-sref="images" ng-click="order('VirtualSize')">
-                  VirtualSize
-                  <span ng-show="sortType == 'VirtualSize' && !sortReverse" class="glyphicon glyphicon-chevron-down"></span>
-                  <span ng-show="sortType == 'VirtualSize' && sortReverse" class="glyphicon glyphicon-chevron-up"></span>
-                </a>
-              </th>
-              <th>
-                <a ui-sref="images" ng-click="order('Created')">
-                  Created
-                  <span ng-show="sortType == 'Created' && !sortReverse" class="glyphicon glyphicon-chevron-down"></span>
-                  <span ng-show="sortType == 'Created' && sortReverse" class="glyphicon glyphicon-chevron-up"></span>
-                </a>
-              </th>
-            </tr>
-          </thead>
-          <tbody>
-            <tr ng-repeat="image in (state.filteredImages = (images | filter:state.filter | orderBy:sortType:sortReverse))">
-              <td><input type="checkbox" ng-model="image.Checked" ng-change="selectItem(image)" /></td>
-              <td><a ui-sref="image({id: image.Id})">{{ image.Id|truncate:20}}</a></td>
-              <td>{{ image|repotag }}</td>
-              <td>{{ image.VirtualSize|humansize }}</td>
-              <td>{{ image.Created|getdate }}</td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-    </rd-widget-body>
-  <rd-widget>
+    <div class="pull-right form-inline">
+        <input type="text" class="form-control" id="filter" placeholder="Filter" ng-model="filter"/> <label class="sr-only" for="filter">Filter</label>
+    </div>
 </div>
+<table class="table table-striped">
+    <thead>
+        <tr>
+            <th><input type="checkbox" ng-model="toggle" ng-change="toggleSelectAll()" /> Action</th>
+            <th>Id</th>
+            <th>Repository</th>
+            <th>VirtualSize</th>
+            <th>Created</th>
+        </tr>
+    </thead>
+    <tbody>
+        <tr ng-repeat="image in images | filter:filter | orderBy:predicate">
+            <td><input type="checkbox" ng-model="image.Checked" /></td>
+            <td><a href="#/images/{{ image.Id }}/?tag={{ image|repotag }}">{{ image.Id|truncate:20}}</a></td>
+            <td>{{ image|repotag }}</td>
+            <td>{{ image.VirtualSize|humansize }}</td>
+            <td>{{ image.Created|getdate }}</td>
+        </tr>
+    </tbody>
+</table>

app/components/images/imagesController.js

@@ -1,75 +1,54 @@
 angular.module('images', [])
-.controller('ImagesController', ['$scope', 'Image', 'ViewSpinner', 'Messages',
-function ($scope, Image, ViewSpinner, Messages) {
-  $scope.state = {};
-  $scope.sortType = 'Created';
-  $scope.sortReverse = true;
-  $scope.state.toggle = false;
-  $scope.state.selectedItemCount = 0;
+    .controller('ImagesController', ['$scope', 'Image', 'ViewSpinner', 'Messages',
+        function ($scope, Image, ViewSpinner, Messages) {
+            $scope.toggle = false;
+            $scope.predicate = '-Created';
 
-  $scope.order = function(sortType) {
-    $scope.sortReverse = ($scope.sortType === sortType) ? !$scope.sortReverse : false;
-    $scope.sortType = sortType;
-  };
+            $scope.showBuilder = function () {
+                $('#build-modal').modal('show');
+            };
 
-  $scope.toggleSelectAll = function () {
-    angular.forEach($scope.state.filteredImages, function (i) {
-      i.Checked = $scope.state.toggle;
-    });
-    if ($scope.state.toggle) {
-      $scope.state.selectedItemCount = $scope.state.filteredImages.length;
-    } else {
-      $scope.state.selectedItemCount = 0;
-    }
-  };
+            $scope.removeAction = function () {
+                ViewSpinner.spin();
+                var counter = 0;
+                var complete = function () {
+                    counter = counter - 1;
+                    if (counter === 0) {
+                        ViewSpinner.stop();
+                    }
+                };
+                angular.forEach($scope.images, function (i) {
+                    if (i.Checked) {
+                        counter = counter + 1;
+                        Image.remove({id: i.Id}, function (d) {
+                            angular.forEach(d, function (resource) {
+                                Messages.send("Image deleted", resource.Deleted);
+                            });
+                            var index = $scope.images.indexOf(i);
+                            $scope.images.splice(index, 1);
+                            complete();
+                        }, function (e) {
+                            Messages.error("Failure", e.data);
+                            complete();
+                        });
+                    }
+                });
+            };
 
-  $scope.selectItem = function (item) {
-    if (item.Checked) {
-      $scope.state.selectedItemCount++;
-    } else {
-      $scope.state.selectedItemCount--;
-    }
-  };
+            $scope.toggleSelectAll = function () {
+                angular.forEach($scope.images, function (i) {
+                    i.Checked = $scope.toggle;
+                });
+            };
 
-  $scope.removeAction = function () {
-    ViewSpinner.spin();
-    var counter = 0;
-    var complete = function () {
-      counter = counter - 1;
-      if (counter === 0) {
-        ViewSpinner.stop();
-      }
-    };
-    angular.forEach($scope.images, function (i) {
-      if (i.Checked) {
-        counter = counter + 1;
-        Image.remove({id: i.Id}, function (d) {
-          angular.forEach(d, function (resource) {
-            Messages.send("Image deleted", resource.Deleted);
-          });
-          var index = $scope.images.indexOf(i);
-          $scope.images.splice(index, 1);
-          complete();
-        }, function (e) {
-          Messages.error("Failure", e.data);
-          complete();
-        });
-      }
-    });
-  };
-
-  function fetchImages() {
-    ViewSpinner.spin();
-    Image.query({}, function (d) {
-      $scope.images = d.map(function (item) {
-        return new ImageViewModel(item);
-      });
-      ViewSpinner.stop();
-    }, function (e) {
-      Messages.error("Failure", e.data);
-      ViewSpinner.stop();
-    });
-  }
-
-  fetchImages();
-}]);
+            ViewSpinner.spin();
+            Image.query({}, function (d) {
+                $scope.images = d.map(function (item) {
+                    return new ImageViewModel(item);
+                });
+                ViewSpinner.stop();
+            }, function (e) {
+                Messages.error("Failure", e.data);
+                ViewSpinner.stop();
+            });
+        }]);

app/components/info/info.html

@@ -0,0 +1,110 @@
+<div class="detail">
+    <h2>Docker Information</h2>
+
+    <div>
+        <p class="lead">
+            <strong>API Endpoint: </strong>{{ endpoint }}<br/>
+            <strong>API Version: </strong>{{ docker.ApiVersion }}<br/>
+            <strong>Docker version: </strong>{{ docker.Version }}<br/>
+            <strong>Git Commit: </strong>{{ docker.GitCommit }}<br/>
+            <strong>Go Version: </strong>{{ docker.GoVersion }}<br/>
+        </p>
+    </div>
+
+    <table class="table table-striped">
+        <tbody>
+        <tr>
+            <td>Containers:</td>
+            <td>{{ info.Containers }}</td>
+        </tr>
+        <tr>
+            <td>Images:</td>
+            <td>{{ info.Images }}</td>
+        </tr>
+        <tr>
+            <td>Debug:</td>
+            <td>{{ info.Debug }}</td>
+        </tr>
+        <tr>
+            <td>CPUs:</td>
+            <td>{{ info.NCPU }}</td>
+        </tr>
+        <tr>
+            <td>Total Memory:</td>
+            <td>{{ info.MemTotal|humansize }}</td>
+        </tr>
+        <tr>
+            <td>Operating System:</td>
+            <td>{{ info.OperatingSystem }}</td>
+        </tr>
+        <tr>
+            <td>Kernel Version:</td>
+            <td>{{ info.KernelVersion }}</td>
+        </tr>
+        <tr>
+            <td>ID:</td>
+            <td>{{ info.ID }}</td>
+        </tr>
+        <tr>
+            <td>Labels:</td>
+            <td>{{ info.Labels }}</td>
+        </tr>
+        <tr>
+            <td>File Descriptors:</td>
+            <td>{{ info.NFd }}</td>
+        </tr>
+        <tr>
+            <td>Goroutines:</td>
+            <td>{{ info.NGoroutines }}</td>
+        </tr>
+        <tr>
+            <td>Storage Driver:</td>
+            <td>{{ info.Driver }}</td>
+        </tr>
+        <tr>
+            <td>Storage Driver Status:</td>
+            <td>
+                <p ng-repeat="val in info.DriverStatus">
+                    {{ val[0] }}: {{ val[1] }}
+                </p>
+            </td>
+        </tr>
+        <tr>
+            <td>Execution Driver:</td>
+            <td>{{ info.ExecutionDriver }}</td>
+        </tr>
+        <tr>
+            <td>Events:</td>
+            <td><a href="#/events">Events</a></td>
+        </tr>
+        <tr>
+            <td>IPv4 Forwarding:</td>
+            <td>{{ info.IPv4Forwarding }}</td>
+        </tr>
+        <tr>
+            <td>Index Server Address:</td>
+            <td>{{ info.IndexServerAddress }}</td>
+        </tr>
+        <tr>
+            <td>Init Path:</td>
+            <td>{{ info.InitPath }}</td>
+        </tr>
+        <tr>
+            <td>Docker Root Directory:</td>
+            <td>{{ info.DockerRootDir }}</td>
+        </tr>
+        <tr>
+            <td>Init SHA1</td>
+            <td>{{ info.InitSha1 }}</td>
+        </tr>
+        <tr>
+            <td>Memory Limit:</td>
+            <td>{{ info.MemoryLimit }}</td>
+        </tr>
+        <tr>
+            <td>Swap Limit:</td>
+            <td>{{ info.SwapLimit }}</td>
+        </tr>
+        </tbody>
+    </table>
+</div>

app/components/info/infoController.js

@@ -0,0 +1,15 @@
+angular.module('info', [])
+    .controller('InfoController', ['$scope', 'System', 'Docker', 'Settings', 'Messages',
+        function ($scope, System, Docker, Settings, Messages) {
+            $scope.info = {};
+            $scope.docker = {};
+            $scope.endpoint = Settings.endpoint;
+            $scope.apiVersion = Settings.version;
+
+            Docker.get({}, function (d) {
+                $scope.docker = d;
+            });
+            System.get({}, function (d) {
+                $scope.info = d;
+            });
+        }]);

app/components/masthead/masthead.html

@@ -0,0 +1,10 @@
+<div class="masthead">
+    <h3 class="text-muted">DockerUI</h3>
+    <ul class="nav well">
+        <li><a href="#/">Dashboard</a></li>
+        <li><a href="#/containers/">Containers</a></li>
+        <li><a href="#/containers_network/">Containers Network</a></li>
+        <li><a href="#/images/">Images</a></li>
+        <li><a href="#/info/">Info</a></li>
+    </ul>
+</div>

app/components/masthead/mastheadController.js

@@ -0,0 +1,4 @@
+angular.module('masthead', [])
+    .controller('MastheadController', ['$scope', function ($scope) {
+        $scope.template = 'app/components/masthead/masthead.html';
+    }]);

app/components/network/network.html

@@ -1,127 +0,0 @@
-<rd-header>
-  <rd-header-title title="Network details"></rd-header-title>
-  <rd-header-content>
-    Networks > <a ui-sref="network({id: network.Id})">{{ network.Name }}</a>
-  </rd-header-content>
-</rd-header>
-
-<div class="row">
-  <div class="col-lg-9 col-md-9 col-xs-9">
-    <rd-widget>
-      <rd-widget-body>
-        <div class="widget-icon grey pull-left">
-          <i class="fa fa-sitemap"></i>
-        </div>
-        <div class="title">{{ network.Name }}</div>
-        <div class="comment">Name</div>
-      </rd-widget-body>
-    </rd-widget>
-  </div>
-  <div class="col-lg-3 col-md-3 col-xs-3">
-    <rd-widget>
-      <rd-widget-body>
-        <div class="widget-icon grey pull-left">
-          <i class="fa fa-cogs"></i>
-        </div>
-        <div class="title">
-          <div class="btn-group" role="group" aria-label="...">
-            <button class="btn btn-default" disabled>Connect container...</button>
-            <button class="btn btn-danger" ng-click="remove(id)">Remove</button>
-          </div>
-        </div>
-        <div class="comment">
-          Actions
-        </div>
-      </rd-widget-body>
-    </rd-widget>
-  </div>
-</div>
-<div class="row">
-  <div class="col-lg-12">
-    <rd-widget>
-      <rd-widget-header icon="fa-sitemap" title="Network details"></rd-widget-header>
-      <rd-widget-body classes="no-padding">
-        <table class="table">
-          <tbody>
-            <tr>
-              <td>Id</td>
-              <td>{{ network.Id }}</td>
-            </tr>
-            <tr>
-              <td>Scope</td>
-              <td>{{ network.Scope }}</td>
-            </tr>
-            <tr>
-              <td>Driver</td>
-              <td>{{ network.Driver }}</td>
-            </tr>
-            <tr>
-              <td>IPAM</td>
-              <td>
-                <table class="table table-striped">
-                  <tr>
-                    <td>Driver</td>
-                    <td>{{ network.IPAM.Driver }}</td>
-                  </tr>
-                  <tr>
-                    <td>Subnet</td>
-                    <td>{{ network.IPAM.Config[0].Subnet }}</td>
-                  </tr>
-                  <tr>
-                    <td>Gateway</td>
-                    <td>{{ network.IPAM.Config[0].Gateway }}</td>
-                  </tr>
-                </table>
-              </td>
-            </tr>
-            <tr>
-              <td>Containers</td>
-              <td>
-                <table class="table table-striped" ng-repeat="(Id, container) in network.Containers">
-                  <tr>
-                    <td>Id</td>
-                    <td><a ui-sref="container({id: Id})">{{ Id }}</a></td>
-                  </tr>
-                  <tr>
-                    <td>EndpointID</td>
-                    <td>{{ container.EndpointID}}</td>
-                  </tr>
-                  <tr>
-                    <td>MacAddress</td>
-                    <td>{{ container.MacAddress}}</td>
-                  </tr>
-                  <tr>
-                    <td>IPv4Address</td>
-                    <td>{{ container.IPv4Address}}</td>
-                  </tr>
-                  <tr>
-                    <td>IPv6Address</td>
-                    <td>{{ container.IPv6Address}}</td>
-                  </tr>
-                  <tr>
-                    <td colspan="2">
-                      <button ng-click="disconnect(network.Id, Id)" class="btn btn-danger">
-                        Disconnect from network
-                      </button>
-                    </td>
-                  </tr>
-                </table>
-              </td>
-            </tr>
-            <tr>
-              <td>Options</td>
-              <td>
-                <table role="table" class="table table-striped">
-                  <tr ng-repeat="(k, v) in network.Options">
-                    <td>{{ k }}</td>
-                    <td>{{ v }}</td>
-                  </tr>
-                </table>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </rd-widget-body>
-    </rd-widget>
-  </div>
-</div>

app/components/network/networkController.js

@@ -1,37 +0,0 @@
-angular.module('network', [])
-.controller('NetworkController', ['$scope', 'Network', 'ViewSpinner', 'Messages', '$state', '$stateParams', 'errorMsgFilter',
-function ($scope, Network, ViewSpinner, Messages, $state, $stateParams, errorMsgFilter) {
-
-  $scope.disconnect = function disconnect(networkId, containerId) {
-    ViewSpinner.spin();
-    Network.disconnect({id: $stateParams.id}, {Container: containerId}, function (d) {
-      ViewSpinner.stop();
-      Messages.send("Container disconnected", containerId);
-      $state.go('network', {id: $stateParams.id}, {reload: true});
-    }, function (e) {
-      ViewSpinner.stop();
-      Messages.error("Failure", e.data);
-    });
-  };
-
-  $scope.remove = function remove(networkId) {
-    ViewSpinner.spin();
-    Network.remove({id: $stateParams.id}, function (d) {
-      ViewSpinner.stop();
-      Messages.send("Network removed", "");
-      $state.go('networks', {});
-    }, function (e) {
-      ViewSpinner.stop();
-      Messages.error("Failure", e.data);
-    });
-  };
-
-  ViewSpinner.spin();
-  Network.get({id: $stateParams.id}, function (d) {
-    $scope.network = d;
-    ViewSpinner.stop();
-  }, function (e) {
-    Messages.error("Failure", e.data);
-    ViewSpinner.stop();
-  });
-}]);

app/components/networks/networks.html

@@ -1,101 +0,0 @@
-<div ng-include="template" ng-controller="CreateNetworkController"></div>
-
-<rd-header>
-  <rd-header-title title="Network list">
-    <a data-toggle="tooltip" title="Refresh" ui-sref="networks" ui-sref-opts="{reload: true}">
-      <i class="fa fa-refresh" aria-hidden="true"></i>
-    </a>
-  </rd-header-title>
-  <rd-header-content>Networks</rd-header-content>
-</rd-header>
-
-
-<div class="col-lg-12">
-  <rd-widget>
-    <rd-widget-header icon="fa-sitemap" title="Networks">
-    </rd-widget-header>
-    <rd-widget-taskbar classes="col-lg-12">
-      <div class="pull-left">
-        <div class="btn-group" role="group" aria-label="...">
-          <button type="button" class="btn btn-danger" ng-click="removeAction()" ng-disabled="!state.selectedItemCount">Remove</button>
-          <button type="button" class="btn btn-default" data-toggle="modal" data-target="#create-network-modal">Create new network...</button>
-        </div>
-      </div>
-      <div class="pull-right">
-        <input type="text" id="filter" ng-model="state.filter" placeholder="Filter..." class="form-control input-sm" />
-      </div>
-    </rd-widget-taskbar>
-    <rd-widget-body classes="no-padding">
-      <div class="table-responsive">
-        <table class="table">
-          <thead>
-            <tr>
-              <th><label><input type="checkbox" ng-model="state.toggle" ng-change="toggleSelectAll()"/> Select</label></th>
-              <th>
-                <a ui-sref="networks" ng-click="order('Name')">
-                  Name
-                  <span ng-show="sortType == 'Name' && !sortReverse" class="glyphicon glyphicon-chevron-down"></span>
-                  <span ng-show="sortType == 'Name' && sortReverse" class="glyphicon glyphicon-chevron-up"></span>
-                </a>
-              </th>
-              <th>
-                <a ui-sref="networks" ng-click="order('Id')">
-                  Id
-                  <span ng-show="sortType == 'Id' && !sortReverse" class="glyphicon glyphicon-chevron-down"></span>
-                  <span ng-show="sortType == 'Id' && sortReverse" class="glyphicon glyphicon-chevron-up"></span>
-                </a>
-              </th>
-              <th>
-                <a ui-sref="networks" ng-click="order('Scope')">
-                  Scope
-                  <span ng-show="sortType == 'Scope' && !sortReverse" class="glyphicon glyphicon-chevron-down"></span>
-                  <span ng-show="sortType == 'Scope' && sortReverse" class="glyphicon glyphicon-chevron-up"></span>
-                </a>
-              </th>
-              <th>
-                <a ui-sref="networks" ng-click="order('Driver')">
-                  Driver
-                  <span ng-show="sortType == 'Driver' && !sortReverse" class="glyphicon glyphicon-chevron-down"></span>
-                  <span ng-show="sortType == 'Driver' && sortReverse" class="glyphicon glyphicon-chevron-up"></span>
-                </a>
-              </th>
-              <th>
-                <a ui-sref="networks" ng-click="order('IPAM.Driver')">
-                  IPAM Driver
-                  <span ng-show="sortType == 'IPAM.Driver' && !sortReverse" class="glyphicon glyphicon-chevron-down"></span>
-                  <span ng-show="sortType == 'IPAM.Driver' && sortReverse" class="glyphicon glyphicon-chevron-up"></span>
-                </a>
-              </th>
-              <th>
-                <a ui-sref="networks" ng-click="order('IPAM.Config[0].Subnet')">
-                  IPAM Subnet
-                  <span ng-show="sortType == 'IPAM.Config[0].Subnet' && !sortReverse" class="glyphicon glyphicon-chevron-down"></span>
-                  <span ng-show="sortType == 'IPAM.Config[0].Subnet' && sortReverse" class="glyphicon glyphicon-chevron-up"></span>
-                </a>
-              </th>
-              <th>
-                <a ui-sref="networks" ng-click="order('IPAM.Config[0].Gateway')">
-                  IPAM Gateway
-                  <span ng-show="sortType == 'IPAM.Config[0].Gateway' && !sortReverse" class="glyphicon glyphicon-chevron-down"></span>
-                  <span ng-show="sortType == 'IPAM.Config[0].Gateway' && sortReverse" class="glyphicon glyphicon-chevron-up"></span>
-                </a>
-              </th>
-            </tr>
-          </thead>
-          <tbody>
-            <tr ng-repeat="network in ( state.filteredNetworks = (networks | filter:state.filter | orderBy:sortType:sortReverse))">
-              <td><input type="checkbox" ng-model="network.Checked" ng-change="selectItem(network)"/></td>
-              <td><a ui-sref="network({id: network.Id})">{{ network.Name|truncate:20}}</a></td>
-              <td>{{ network.Id }}</td>
-              <td>{{ network.Scope }}</td>
-              <td>{{ network.Driver }}</td>
-              <td>{{ network.IPAM.Driver }}</td>
-              <td>{{ network.IPAM.Config[0].Subnet }}</td>
-              <td>{{ network.IPAM.Config[0].Gateway }}</td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-    </rd-widget-body>
-  <rd-widget>
-</div>

app/components/networks/networksController.js

@@ -1,71 +0,0 @@
-angular.module('networks', [])
-.controller('NetworksController', ['$scope', 'Network', 'ViewSpinner', 'Messages', 'errorMsgFilter',
-function ($scope, Network, ViewSpinner, Messages, errorMsgFilter) {
-
-  $scope.state = {};
-  $scope.state.toggle = false;
-  $scope.state.selectedItemCount = 0;
-  $scope.sortType = 'Name';
-  $scope.sortReverse = true;
-
-  $scope.order = function(sortType) {
-    $scope.sortReverse = ($scope.sortType === sortType) ? !$scope.sortReverse : false;
-    $scope.sortType = sortType;
-  };
-
-  $scope.toggleSelectAll = function () {
-    angular.forEach($scope.state.filteredNetworks, function (i) {
-      i.Checked = $scope.state.toggle;
-    });
-    if ($scope.state.toggle) {
-      $scope.state.selectedItemCount = $scope.state.filteredNetworks.length;
-    } else {
-      $scope.state.selectedItemCount = 0;
-    }
-  };
-
-  $scope.selectItem = function (item) {
-    if (item.Checked) {
-      $scope.state.selectedItemCount++;
-    } else {
-      $scope.state.selectedItemCount--;
-    }
-  };
-
-  $scope.removeAction = function () {
-    ViewSpinner.spin();
-    var counter = 0;
-    var complete = function () {
-      counter = counter - 1;
-      if (counter === 0) {
-        ViewSpinner.stop();
-      }
-    };
-    angular.forEach($scope.networks, function (network) {
-      if (network.Checked) {
-        counter = counter + 1;
-        Network.remove({id: network.Id}, function (d) {
-          Messages.send("Network deleted", network.Id);
-          var index = $scope.networks.indexOf(network);
-          $scope.networks.splice(index, 1);
-          complete();
-        }, function (e) {
-          Messages.error("Failure", e.data);
-          complete();
-        });
-      }
-    });
-  };
-
-  function fetchNetworks() {
-    ViewSpinner.spin();
-    Network.query({}, function (d) {
-      $scope.networks = d;
-      ViewSpinner.stop();
-    }, function (e) {
-      Messages.error("Failure", e.data);
-      ViewSpinner.stop();
-    });
-  }
-  fetchNetworks();
-}]);

app/components/pullImage/pullImage.html

@@ -1,35 +1,44 @@
 <div id="pull-modal" class="modal fade">
-  <div class="modal-dialog">
-    <div class="modal-content">
-      <div class="modal-header">
-        <button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="fa fa-times" aria-hidden="true"></i></button>
-        <h3>Pull image</h3>
-      </div>
-      <div class="modal-body">
-        <form novalidate role="form" name="pullForm">
-          <div class="form-group">
-            <label>Registry:</label>
-            <input type="text" ng-model="config.registry" class="form-control"
-            placeholder="Leave empty to user DockerHub"/>
-          </div>
-          <div class="form-group">
-            <label>Image Name:</label>
-            <input type="text" ng-model="config.fromImage" class="form-control" placeholder="username/image"
-            required/>
-          </div>
-          <div class="form-group">
-            <label>Tag Name:</label>
-            <input type="text" ng-model="config.tag" class="form-control"
-            placeholder="Leave empty to download ALL tags."/>
-          </div>
-        </form>
-      </div>
-      <div class="alert alert-error" id="error-message" style="display:none">
-        {{ error }}
-      </div>
-      <div class="modal-footer">
-        <a href="" class="btn btn-primary" ng-click="pull()">Pull</a>
-      </div>
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-header">
+                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
+                <h3>Pull Image</h3>
+            </div>
+            <div class="modal-body">
+                <form novalidate role="form" name="pullForm">
+                    <!--<div class="input-group">
+                        <span class="input-group-addon" id="basic-addon1">Image name</span>
+                        <input type="text" class="form-control" placeholder="imageName" aria-describedby="basic-addon1">
+                    </div>-->
+                    <div class="form-group">
+                        <label>Registry:</label>
+                        <input type="text" ng-model="config.registry" class="form-control"
+                               placeholder="Registry. Leave empty to user docker hub"/>
+                    </div>
+                    <div class="form-group">
+                        <label>Repo:</label>
+                        <input type="text" ng-model="config.repo" class="form-control"
+                               placeholder="Repository - usually your username."/>
+                    </div>
+                    <div class="form-group">
+                        <label>Image Name:</label>
+                        <input type="text" ng-model="config.fromImage" class="form-control" placeholder="Image name"
+                               required/>
+                    </div>
+                    <div class="form-group">
+                        <label>Tag Name:</label>
+                        <input type="text" ng-model="config.tag" class="form-control"
+                               placeholder="Tag name. If empty it will download ALL tags."/>
+                    </div>
+                </form>
+            </div>
+            <div class="alert alert-error" id="error-message" style="display:none">
+                {{ error }}
+            </div>
+            <div class="modal-footer">
+                <a href="" class="btn btn-primary" ng-click="pull()">Pull</a>
+            </div>
+        </div>
     </div>
-  </div>
 </div>

app/components/pullImage/pullImageController.js

@@ -1,56 +1,56 @@
 angular.module('pullImage', [])
-.controller('PullImageController', ['$scope', '$state', 'Messages', 'Image', 'ViewSpinner',
-function ($scope, $state, Messages, Image, ViewSpinner) {
-  $scope.template = 'app/components/pullImage/pullImage.html';
+    .controller('PullImageController', ['$scope', '$log', 'Dockerfile', 'Messages', 'Image', 'ViewSpinner',
+        function ($scope, $log, Dockerfile, Messages, Image, ViewSpinner) {
+            $scope.template = 'app/components/pullImage/pullImage.html';
 
-  $scope.init = function () {
-    $scope.config = {
-      registry: '',
-      fromImage: '',
-      tag: 'latest'
-    };
-  };
+            $scope.init = function () {
+                $scope.config = {
+                    registry: '',
+                    repo: '',
+                    fromImage: '',
+                    tag: 'latest'
+                };
+            };
 
-  $scope.init();
+            $scope.init();
 
-  function failedRequestHandler(e, Messages) {
-    Messages.error('Error', errorMsgFilter(e));
-  }
+            function failedRequestHandler(e, Messages) {
+                Messages.error('Error', errorMsgFilter(e));
+            }
 
-  $scope.pull = function () {
-    $('#error-message').hide();
-    var config = angular.copy($scope.config);
-    var imageName = (config.registry ? config.registry + '/' : '' ) +
-    (config.fromImage) +
-    (config.tag ? ':' + config.tag : '');
+            $scope.pull = function () {
+                $('#error-message').hide();
+                var config = angular.copy($scope.config);
+                var imageName = (config.registry ? config.registry + '/' : '' ) +
+                    (config.repo ? config.repo + '/' : '') +
+                    (config.fromImage) +
+                    (config.tag ? ':' + config.tag : '');
 
-    ViewSpinner.spin();
-    $('#pull-modal').modal('hide');
-    Image.create(config, function (data) {
-      ViewSpinner.stop();
-      if (data.constructor === Array) {
-        var f = data.length > 0 && data[data.length - 1].hasOwnProperty('error');
-        //check for error
-        if (f) {
-          var d = data[data.length - 1];
-          $scope.error = "Cannot pull image " + imageName + " Reason: " + d.error;
-          $('#pull-modal').modal('show');
-          $('#error-message').show();
-        } else {
-          Messages.send("Image Added", imageName);
-          $scope.init();
-          $state.go('images', {}, {reload: true});
-        }
-      } else {
-        Messages.send("Image Added", imageName);
-        $scope.init();
-        $state.go('images', {}, {reload: true});
-      }
-    }, function (e) {
-      ViewSpinner.stop();
-      $scope.error = "Cannot pull image " + imageName + " Reason: " + e.data;
-      $('#pull-modal').modal('show');
-      $('#error-message').show();
-    });
-  };
-}]);
+                ViewSpinner.spin();
+                $('#pull-modal').modal('hide');
+                Image.create(config, function (data) {
+                    ViewSpinner.stop();
+                    if (data.constructor === Array) {
+                        var f = data.length > 0 && data[data.length - 1].hasOwnProperty('error');
+                        //check for error
+                        if (f) {
+                            var d = data[data.length - 1];
+                            $scope.error = "Cannot pull image " + imageName + " Reason: " + d.error;
+                            $('#pull-modal').modal('show');
+                            $('#error-message').show();
+                        } else {
+                            Messages.send("Image Added", imageName);
+                            $scope.init();
+                        }
+                    } else {
+                        Messages.send("Image Added", imageName);
+                        $scope.init();
+                    }
+                }, function (e) {
+                    ViewSpinner.stop();
+                    $scope.error = "Cannot pull image " + imageName + " Reason: " + e.data;
+                    $('#pull-modal').modal('show');
+                    $('#error-message').show();
+                });
+            };
+        }]);

app/components/sidebar/sidebar.html

@@ -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> 

app/components/sidebar/sidebarController.js

@@ -0,0 +1,11 @@
+angular.module('sidebar', [])
+    .controller('SideBarController', ['$scope', 'Container', 'Settings',
+        function ($scope, Container, Settings) {
+            $scope.template = 'partials/sidebar.html';
+            $scope.containers = [];
+            $scope.endpoint = Settings.endpoint;
+
+            Container.query({all: 0}, function (d) {
+                $scope.containers = d;
+            });
+        }]);

app/components/startContainer/startContainerController.js

@@ -1,163 +1,159 @@
 angular.module('startContainer', ['ui.bootstrap'])
-.controller('StartContainerController', ['$scope', '$state', 'Container', 'Messages', 'containernameFilter', 'errorMsgFilter', 'ViewSpinner',
-function ($scope, $state, Container, Messages, containernameFilter, errorMsgFilter, ViewSpinner) {
-  $scope.template = 'app/components/startContainer/startcontainer.html';
+    .controller('StartContainerController', ['$scope', '$routeParams', '$location', 'Container', 'Messages', 'containernameFilter', 'errorMsgFilter',
+        function ($scope, $routeParams, $location, Container, Messages, containernameFilter, errorMsgFilter) {
+            $scope.template = 'app/components/startContainer/startcontainer.html';
 
-  Container.query({all: 1}, function (d) {
-    $scope.containerNames = d.map(function (container) {
-      return containernameFilter(container);
-    });
-  });
-
-  $scope.config = {
-    Env: [],
-    Labels: [],
-    Volumes: [],
-    SecurityOpts: [],
-    HostConfig: {
-      PortBindings: [],
-      Binds: [],
-      Links: [],
-      Dns: [],
-      DnsSearch: [],
-      VolumesFrom: [],
-      CapAdd: [],
-      CapDrop: [],
-      Devices: [],
-      LxcConf: [],
-      ExtraHosts: []
-    }
-  };
-
-  $scope.menuStatus = {
-    containerOpen: true,
-    hostConfigOpen: false
-  };
-
-  function failedRequestHandler(e, Messages) {
-    Messages.error('Error', errorMsgFilter(e));
-  }
-
-  function rmEmptyKeys(col) {
-    for (var key in col) {
-      if (col[key] === null || col[key] === undefined || col[key] === '' || ($.isPlainObject(col[key]) && $.isEmptyObject(col[key])) || col[key].length === 0) {
-        delete col[key];
-      }
-    }
-  }
-
-  function getNames(arr) {
-    return arr.map(function (item) {
-      return item.name;
-    });
-  }
-
-  $scope.create = function () {
-    // Copy the config before transforming fields to the remote API format
-    $('#create-modal').modal('hide');
-    ViewSpinner.spin();
-
-    var config = angular.copy($scope.config);
-
-    if (config.Cmd && config.Cmd[0] === "[") {
-      config.Cmd = angular.fromJson(config.Cmd);
-    } else if (config.Cmd) {
-      config.Cmd = config.Cmd.split(' ');
-    }
-
-    config.Env = config.Env.map(function (envar) {
-      return envar.name + '=' + envar.value;
-    });
-    var labels = {};
-    config.Labels = config.Labels.forEach(function(label) {
-      labels[label.key] = label.value;
-    });
-    config.Labels = labels;
-
-    config.Volumes = getNames(config.Volumes);
-    config.SecurityOpts = getNames(config.SecurityOpts);
-
-    config.HostConfig.VolumesFrom = getNames(config.HostConfig.VolumesFrom);
-    config.HostConfig.Binds = getNames(config.HostConfig.Binds);
-    config.HostConfig.Links = getNames(config.HostConfig.Links);
-    config.HostConfig.Dns = getNames(config.HostConfig.Dns);
-    config.HostConfig.DnsSearch = getNames(config.HostConfig.DnsSearch);
-    config.HostConfig.CapAdd = getNames(config.HostConfig.CapAdd);
-    config.HostConfig.CapDrop = getNames(config.HostConfig.CapDrop);
-    config.HostConfig.LxcConf = config.HostConfig.LxcConf.reduce(function (prev, cur, idx) {
-      prev[cur.name] = cur.value;
-      return prev;
-    }, {});
-    config.HostConfig.ExtraHosts = config.HostConfig.ExtraHosts.map(function (entry) {
-      return entry.host + ':' + entry.ip;
-    });
-
-    var ExposedPorts = {};
-    var PortBindings = {};
-    config.HostConfig.PortBindings.forEach(function (portBinding) {
-      var intPort = portBinding.intPort + "/tcp";
-      if (portBinding.protocol === "udp") {
-        intPort = portBinding.intPort + "/udp";
-      }
-      var binding = {
-        HostIp: portBinding.ip,
-        HostPort: portBinding.extPort
-      };
-      if (portBinding.intPort) {
-        ExposedPorts[intPort] = {};
-        if (intPort in PortBindings) {
-          PortBindings[intPort].push(binding);
-        } else {
-          PortBindings[intPort] = [binding];
-        }
-      } else {
-        Messages.send('Warning', 'Internal port must be specified for PortBindings');
-      }
-    });
-    config.ExposedPorts = ExposedPorts;
-    config.HostConfig.PortBindings = PortBindings;
-
-    // Remove empty fields from the request to avoid overriding defaults
-    rmEmptyKeys(config.HostConfig);
-    rmEmptyKeys(config);
-
-    var ctor = Container;
-    var s = $scope;
-    Container.create(config, function (d) {
-      if (d.Id) {
-        var reqBody = config.HostConfig || {};
-        reqBody.id = d.Id;
-        ctor.start(reqBody, function (cd) {
-          if (cd.id) {
-            ViewSpinner.stop();
-            Messages.send('Container Started', d.Id);
-            $state.go('container', {id: d.Id}, {reload: true});
-          } else {
-            ViewSpinner.stop();
-            failedRequestHandler(cd, Messages);
-            ctor.remove({id: d.Id}, function () {
-              Messages.send('Container Removed', d.Id);
+            Container.query({all: 1}, function (d) {
+                $scope.containerNames = d.map(function (container) {
+                    return containernameFilter(container);
+                });
             });
-          }
-        }, function (e) {
-          ViewSpinner.stop();
-          failedRequestHandler(e, Messages);
-        });
-      } else {
-        ViewSpinner.stop();
-        failedRequestHandler(d, Messages);
-      }
-    }, function (e) {
-      ViewSpinner.stop();
-      failedRequestHandler(e, Messages);
-    });
-  };
 
-  $scope.addEntry = function (array, entry) {
-    array.push(entry);
-  };
-  $scope.rmEntry = function (array, entry) {
-    var idx = array.indexOf(entry);
-    array.splice(idx, 1);
-  };
-}]);
+            $scope.config = {
+                Env: [],
+                Labels: [],
+                Volumes: [],
+                SecurityOpts: [],
+                HostConfig: {
+                    PortBindings: [],
+                    Binds: [],
+                    Links: [],
+                    Dns: [],
+                    DnsSearch: [],
+                    VolumesFrom: [],
+                    CapAdd: [],
+                    CapDrop: [],
+                    Devices: [],
+                    LxcConf: [],
+                    ExtraHosts: []
+                }
+            };
+
+            $scope.menuStatus = {
+                containerOpen: true,
+                hostConfigOpen: false
+            };
+
+            function failedRequestHandler(e, Messages) {
+                Messages.error('Error', errorMsgFilter(e));
+            }
+
+            function rmEmptyKeys(col) {
+                for (var key in col) {
+                    if (col[key] === null || col[key] === undefined || col[key] === '' || $.isEmptyObject(col[key]) || col[key].length === 0) {
+                        delete col[key];
+                    }
+                }
+            }
+
+            function getNames(arr) {
+                return arr.map(function (item) {
+                    return item.name;
+                });
+            }
+
+            $scope.create = function () {
+                // Copy the config before transforming fields to the remote API format
+                var config = angular.copy($scope.config);
+
+                config.Image = $routeParams.id;
+
+                if (config.Cmd && config.Cmd[0] === "[") {
+                    config.Cmd = angular.fromJson(config.Cmd);
+                } else if (config.Cmd) {
+                    config.Cmd = config.Cmd.split(' ');
+                }
+
+                config.Env = config.Env.map(function (envar) {
+                    return envar.name + '=' + envar.value;
+                });
+                var labels = {};
+                config.Labels = config.Labels.forEach(function(label) {
+                    labels[label.key] = label.value;
+                });
+                config.Labels = labels;
+
+                config.Volumes = getNames(config.Volumes);
+                config.SecurityOpts = getNames(config.SecurityOpts);
+
+                config.HostConfig.VolumesFrom = getNames(config.HostConfig.VolumesFrom);
+                config.HostConfig.Binds = getNames(config.HostConfig.Binds);
+                config.HostConfig.Links = getNames(config.HostConfig.Links);
+                config.HostConfig.Dns = getNames(config.HostConfig.Dns);
+                config.HostConfig.DnsSearch = getNames(config.HostConfig.DnsSearch);
+                config.HostConfig.CapAdd = getNames(config.HostConfig.CapAdd);
+                config.HostConfig.CapDrop = getNames(config.HostConfig.CapDrop);
+                config.HostConfig.LxcConf = config.HostConfig.LxcConf.reduce(function (prev, cur, idx) {
+                    prev[cur.name] = cur.value;
+                    return prev;
+                }, {});
+                config.HostConfig.ExtraHosts = config.HostConfig.ExtraHosts.map(function (entry) {
+                    return entry.host + ':' + entry.ip;
+                });
+
+                var ExposedPorts = {};
+                var PortBindings = {};
+                config.HostConfig.PortBindings.forEach(function (portBinding) {
+                    var intPort = portBinding.intPort + "/tcp";
+                    if (portBinding.protocol === "udp") {
+                        intPort = portBinding.intPort + "/udp";
+                    }
+                    var binding = {
+                        HostIp: portBinding.ip,
+                        HostPort: portBinding.extPort
+                    };
+                    if (portBinding.intPort) {
+                        ExposedPorts[intPort] = {};
+                        if (intPort in PortBindings) {
+                            PortBindings[intPort].push(binding);
+                        } else {
+                            PortBindings[intPort] = [binding];
+                        }
+                    } else {
+                        Messages.send('Warning', 'Internal port must be specified for PortBindings');
+                    }
+                });
+                config.ExposedPorts = ExposedPorts;
+                config.HostConfig.PortBindings = PortBindings;
+
+                // Remove empty fields from the request to avoid overriding defaults
+                rmEmptyKeys(config.HostConfig);
+                rmEmptyKeys(config);
+
+                var ctor = Container;
+                var loc = $location;
+                var s = $scope;
+                Container.create(config, function (d) {
+                    if (d.Id) {
+                        var reqBody = config.HostConfig || {};
+                        reqBody.id = d.Id;
+                        ctor.start(reqBody, function (cd) {
+                            if (cd.id) {
+                                Messages.send('Container Started', d.Id);
+                                $('#create-modal').modal('hide');
+                                loc.path('/containers/' + d.Id + '/');
+                            } else {
+                                failedRequestHandler(cd, Messages);
+                                ctor.remove({id: d.Id}, function () {
+                                    Messages.send('Container Removed', d.Id);
+                                });
+                            }
+                        }, function (e) {
+                            failedRequestHandler(e, Messages);
+                        });
+                    } else {
+                        failedRequestHandler(d, Messages);
+                    }
+                }, function (e) {
+                    failedRequestHandler(e, Messages);
+                });
+            };
+
+            $scope.addEntry = function (array, entry) {
+                array.push(entry);
+            };
+            $scope.rmEntry = function (array, entry) {
+                var idx = array.indexOf(entry);
+                array.splice(idx, 1);
+            };
+        }]);

app/components/startContainer/startcontainer.html

@@ -3,7 +3,7 @@
         <div class="modal-content">
             <div class="modal-header">
                 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
-                <h3>Start a new container</h3>
+                <h3>Create And Start Container From Image</h3>
             </div>
             <div class="modal-body">
                 <form role="form">
@@ -12,11 +12,6 @@
                             <fieldset>
                                 <div class="row">
                                     <div class="col-xs-6">
-                                      <div class="form-group">
-                                          <label>Image:</label>
-                                          <input type="text" placeholder='ubuntu:latest'
-                                                 ng-model="config.Image" class="form-control"/>
-                                      </div>
                                         <div class="form-group">
                                             <label>Cmd:</label>
                                             <input type="text" placeholder='["/bin/echo", "Hello world"]'
@@ -50,18 +45,19 @@
                                         </div>
                                         <div class="form-group">
                                             <label>Volumes:</label>
+
                                             <div ng-repeat="volume in config.Volumes">
                                                 <div class="form-group form-inline">
                                                     <input type="text" ng-model="volume.name" class="form-control"
                                                            placeholder="/var/data"/>
-                                                    <a href="" ng-click="rmEntry(config.Volumes, volume)">
-                                                      <i class="fa fa-minus" aria-hidden="true"></i>
-                                                    </a>
+                                                    <button type="button" class="btn btn-danger btn-sm"
+                                                            ng-click="rmEntry(config.Volumes, volume)">Remove
+                                                    </button>
                                                 </div>
                                             </div>
-                                            <a href="" ng-click="addEntry(config.Volumes, {name: ''})">
-                                              <i class="fa fa-plus" aria-hidden="true"></i>
-                                            </a>
+                                            <button type="button" class="btn btn-success btn-sm"
+                                                    ng-click="addEntry(config.Volumes, {name: ''})">Add Volume
+                                            </button>
                                         </div>
                                     </div>
                                     <div class="col-xs-6">
@@ -113,14 +109,14 @@
                                                 <div class="form-group form-inline">
                                                     <input type="text" ng-model="opt.name" class="form-control"
                                                            placeholder="label:type:svirt_apache"/>
-                                                    <a href="" ng-click="rmEntry(config.SecurityOpts, opt)">
-                                                      <i class="fa fa-minus" aria-hidden="true"></i>
-                                                    </a>
+                                                    <button type="button" class="btn btn-danger btn-sm"
+                                                            ng-click="rmEntry(config.SecurityOpts, opt)">Remove
+                                                    </button>
                                                 </div>
                                             </div>
-                                            <a href="" ng-click="addEntry(config.SecurityOpts, {name: ''})">
-                                              <i class="fa fa-plus" aria-hidden="true"></i>
-                                            </a>
+                                            <button type="button" class="btn btn-success btn-sm"
+                                                    ng-click="addEntry(config.SecurityOpts, {name: ''})">Add Option
+                                            </button>
                                         </div>
                                     </div>
                                 </div>
@@ -141,15 +137,16 @@
                                                        placeholder="value"/>
                                             </div>
                                             <div class="form-group">
-                                                <a href="" ng-click="rmEntry(config.Env, envar)">
-                                                  <i class="fa fa-minus" aria-hidden="true"></i>
-                                                </a>
+                                                <button class="btn btn-danger btn-xs form-control"
+                                                        ng-click="rmEntry(config.Env, envar)">Remove
+                                                </button>
                                             </div>
                                         </div>
                                     </div>
-                                    <a href="" ng-click="addEntry(config.Env, {name: '', value: ''})">
-                                      <i class="fa fa-plus" aria-hidden="true"></i>
-                                    </a>
+                                    <button type="button" class="btn btn-success btn-sm"
+                                            ng-click="addEntry(config.Env, {name: '', value: ''})">Add environment
+                                        variable
+                                    </button>
                                 </div>
                                 <div class="form-group">
                                     <label>Labels:</label>
@@ -167,15 +164,15 @@
                                                        placeholder="value"/>
                                             </div>
                                             <div class="form-group">
-                                                <a href="" ng-click="rmEntry(config.Labels, label)">
-                                                  <i class="fa fa-minus" aria-hidden="true"></i>
-                                                </a>
+                                                <button class="btn btn-danger btn-xs form-control"
+                                                        ng-click="rmEntry(config.Labels, label)">Remove
+                                                </button>
                                             </div>
                                         </div>
                                     </div>
-                                    <a href="" ng-click="addEntry(config.Labels, {key: '', value: ''})">
-                                      <i class="fa fa-plus" aria-hidden="true"></i>
-                                    </a>
+                                    <button type="button" class="btn btn-success btn-sm"
+                                            ng-click="addEntry(config.Labels, {key: '', value: ''})">Add Label
+                                    </button>
                                 </div>
                             </fieldset>
                         </accordion-group>
@@ -190,14 +187,14 @@
                                                 <div class="form-group form-inline">
                                                     <input type="text" ng-model="bind.name" class="form-control"
                                                            placeholder="/host:/container"/>
-                                                    <a href="" ng-click="rmEntry(config.HostConfig.Binds, bind)">
-                                                      <i class="fa fa-minus" aria-hidden="true"></i>
-                                                    </a>
+                                                    <button type="button" class="btn btn-danger btn-sm"
+                                                            ng-click="rmEntry(config.HostConfig.Binds, bind)">Remove
+                                                    </button>
                                                 </div>
                                             </div>
-                                            <a href="" ng-click="addEntry(config.HostConfig.Binds, {name: ''})">
-                                              <i class="fa fa-plus" aria-hidden="true"></i>
-                                            </a>
+                                            <button type="button" class="btn btn-success btn-sm"
+                                                    ng-click="addEntry(config.HostConfig.Binds, {name: ''})">Add Bind
+                                            </button>
                                         </div>
                                         <div class="form-group">
                                             <label>Links:</label>
@@ -206,14 +203,14 @@
                                                 <div class="form-group form-inline">
                                                     <input type="text" ng-model="link.name" class="form-control"
                                                            placeholder="web:db">
-                                                    <a href="" ng-click="rmEntry(config.HostConfig.Links, link)">
-                                                      <i class="fa fa-minus" aria-hidden="true"></i>
-                                                    </a>
+                                                    <button type="button" class="btn btn-danger btn-sm"
+                                                            ng-click="rmEntry(config.HostConfig.Links, link)">Remove
+                                                    </button>
                                                 </div>
                                             </div>
-                                            <a href="" ng-click="addEntry(config.HostConfig.Links, {name: ''})">
-                                              <i class="fa fa-plus" aria-hidden="true"></i>
-                                            </a>
+                                            <button type="button" class="btn btn-success btn-sm"
+                                                    ng-click="addEntry(config.HostConfig.Links, {name: ''})">Add Link
+                                            </button>
                                         </div>
                                         <div class="form-group">
                                             <label>Dns:</label>
@@ -222,14 +219,14 @@
                                                 <div class="form-group form-inline">
                                                     <input type="text" ng-model="entry.name" class="form-control"
                                                            placeholder="8.8.8.8"/>
-                                                    <a href="" ng-click="rmEntry(config.HostConfig.Dns, entry)">
-                                                      <i class="fa fa-minus" aria-hidden="true"></i>
-                                                    </a>
+                                                    <button type="button" class="btn btn-danger btn-sm"
+                                                            ng-click="rmEntry(config.HostConfig.Dns, entry)">Remove
+                                                    </button>
                                                 </div>
                                             </div>
-                                            <a href="" ng-click="addEntry(config.HostConfig.Dns, {name: ''})">
-                                              <i class="fa fa-plus" aria-hidden="true"></i>
-                                            </a>
+                                            <button type="button" class="btn btn-success btn-sm"
+                                                    ng-click="addEntry(config.HostConfig.Dns, {name: ''})">Add entry
+                                            </button>
                                         </div>
                                         <div class="form-group">
                                             <label>DnsSearch:</label>
@@ -238,14 +235,16 @@
                                                 <div class="form-group form-inline">
                                                     <input type="text" ng-model="entry.name" class="form-control"
                                                            placeholder="example.com"/>
-                                                    <a href="" ng-click="rmEntry(config.HostConfig.DnsSearch, entry)">
-                                                      <i class="fa fa-minus" aria-hidden="true"></i>
-                                                    </a>
+                                                    <button type="button" class="btn btn-danger btn-sm"
+                                                            ng-click="rmEntry(config.HostConfig.DnsSearch, entry)">
+                                                        Remove
+                                                    </button>
                                                 </div>
                                             </div>
-                                            <a href="" ng-click="addEntry(config.HostConfig.DnsSearch, {name: ''})">
-                                              <i class="fa fa-plus" aria-hidden="true"></i>
-                                            </a>
+                                            <button type="button" class="btn btn-success btn-sm"
+                                                    ng-click="addEntry(config.HostConfig.DnsSearch, {name: ''})">Add
+                                                entry
+                                            </button>
                                         </div>
                                         <div class="form-group">
                                             <label>CapAdd:</label>
@@ -254,14 +253,14 @@
                                                 <div class="form-group form-inline">
                                                     <input type="text" ng-model="entry.name" class="form-control"
                                                            placeholder="cap_sys_admin"/>
-                                                    <a href="" ng-click="rmEntry(config.HostConfig.CapAdd, entry)">
-                                                      <i class="fa fa-minus" aria-hidden="true"></i>
-                                                    </a>
+                                                    <button type="button" class="btn btn-danger btn-sm"
+                                                            ng-click="rmEntry(config.HostConfig.CapAdd, entry)">Remove
+                                                    </button>
                                                 </div>
                                             </div>
-                                            <a href="" ng-click="addEntry(config.HostConfig.CapAdd, {name: ''})">
-                                              <i class="fa fa-plus" aria-hidden="true"></i>
-                                            </a>
+                                            <button type="button" class="btn btn-success btn-sm"
+                                                    ng-click="addEntry(config.HostConfig.CapAdd, {name: ''})">Add entry
+                                            </button>
                                         </div>
                                         <div class="form-group">
                                             <label>CapDrop:</label>
@@ -270,14 +269,14 @@
                                                 <div class="form-group form-inline">
                                                     <input type="text" ng-model="entry.name" class="form-control"
                                                            placeholder="cap_sys_admin"/>
-                                                    <a href="" ng-click="rmEntry(config.HostConfig.CapDrop, entry)">
-                                                      <i class="fa fa-minus" aria-hidden="true"></i>
-                                                    </a>
+                                                    <button type="button" class="btn btn-danger btn-sm"
+                                                            ng-click="rmEntry(config.HostConfig.CapDrop, entry)">Remove
+                                                    </button>
                                                 </div>
                                             </div>
-                                            <a href="" ng-click="addEntry(config.HostConfig.CapDrop, {name: ''})">
-                                              <i class="fa fa-plus" aria-hidden="true"></i>
-                                            </a>
+                                            <button type="button" class="btn btn-success btn-sm"
+                                                    ng-click="addEntry(config.HostConfig.CapDrop, {name: ''})">Add entry
+                                            </button>
                                         </div>
                                     </div>
                                     <div class="col-xs-6">
@@ -305,14 +304,16 @@
                                                             ng-options="name for name in containerNames track by name"
                                                             class="form-control">
                                                     </select>
-                                                    <a href="" ng-click="rmEntry(config.HostConfig.VolumesFrom, volume)">
-                                                      <i class="fa fa-minus" aria-hidden="true"></i>
-                                                    </a>
+                                                    <button class="btn btn-danger btn-xs form-control"
+                                                            ng-click="rmEntry(config.HostConfig.VolumesFrom, volume)">
+                                                        Remove
+                                                    </button>
                                                 </div>
                                             </div>
-                                            <a href="" ng-click="addEntry(config.HostConfig.VolumesFrom, {name: ''})">
-                                              <i class="fa fa-plus" aria-hidden="true"></i>
-                                            </a>
+                                            <button type="button" class="btn btn-success btn-sm"
+                                                    ng-click="addEntry(config.HostConfig.VolumesFrom, {name: ''})">Add
+                                                volume
+                                            </button>
                                         </div>
 
                                         <div class="form-group">
@@ -345,15 +346,16 @@
                                                        placeholder="127.0.0.1"/>
                                             </div>
                                             <div class="form-group">
-                                                <a href="" ng-click="rmEntry(config.HostConfig.ExtraHosts, entry)">
-                                                  <i class="fa fa-minus" aria-hidden="true"></i>
-                                                </a>
+                                                <button class="btn btn-danger btn-xs form-control"
+                                                        ng-click="rmEntry(config.HostConfig.ExtraHosts, entry)">Remove
+                                                </button>
                                             </div>
                                         </div>
                                     </div>
-                                    <a href="" ng-click="addEntry(config.HostConfig.ExtraHosts, {host: '', ip: ''})">
-                                      <i class="fa fa-plus" aria-hidden="true"></i>
-                                    </a>
+                                    <button type="button" class="btn btn-success btn-sm"
+                                            ng-click="addEntry(config.HostConfig.ExtraHosts, {host: '', ip: ''})">Add
+                                        extra host
+                                    </button>
                                 </div>
                                 <div class="form-group">
                                     <label>LxcConf:</label>
@@ -371,15 +373,16 @@
                                                        placeholder="docker"/>
                                             </div>
                                             <div class="form-group">
-                                                <a href="" ng-click="rmEntry(config.HostConfig.LxcConf, entry)">
-                                                  <i class="fa fa-minus" aria-hidden="true"></i>
-                                                </a>
+                                                <button class="btn btn-danger btn-xs form-control"
+                                                        ng-click="rmEntry(config.HostConfig.LxcConf, entry)">Remove
+                                                </button>
                                             </div>
                                         </div>
                                     </div>
-                                    <a href="" ng-click="addEntry(config.HostConfig.LxcConf, {name: '', value: ''})">
-                                      <i class="fa fa-plus" aria-hidden="true"></i>
-                                    </a>
+                                    <button type="button" class="btn btn-success btn-sm"
+                                            ng-click="addEntry(config.HostConfig.LxcConf, {name: '', value: ''})">Add
+                                        Entry
+                                    </button>
                                 </div>
                                 <div class="form-group">
                                     <label>Devices:</label>
@@ -395,14 +398,15 @@
                                             <label class="sr-only">CgroupPermissions:</label>
                                             <input type="text" ng-model="device.CgroupPermissions" class="form-control"
                                                    placeholder="CgroupPermissions"/>
-                                            <a href="" ng-click="rmEntry(config.HostConfig.Devices, device)">
-                                              <i class="fa fa-minus" aria-hidden="true"></i>
-                                            </a>
+                                            <button class="btn btn-danger btn-xs form-control"
+                                                    ng-click="rmEntry(config.HostConfig.Devices, device)">Remove
+                                            </button>
                                         </div>
                                     </div>
-                                    <a href="" ng-click="addEntry(config.HostConfig.Devices, { PathOnHost: '', PathInContainer: '', CgroupPermissions: ''})">
-                                      <i class="fa fa-plus" aria-hidden="true"></i>
-                                    </a>
+                                    <button type="button" class="btn btn-success btn-sm"
+                                            ng-click="addEntry(config.HostConfig.Devices, { PathOnHost: '', PathInContainer: '', CgroupPermissions: ''})">
+                                        Add Device
+                                    </button>
                                 </div>
                                 <div class="form-group">
                                     <label>PortBindings:</label>
@@ -422,14 +426,16 @@
                                                 <option value="">tcp</option>
                                                 <option value="udp">udp</option>
                                             </select>
-                                            <a href="" ng-click="rmEntry(config.HostConfig.PortBindings, portBinding)">
-                                              <i class="fa fa-minus" aria-hidden="true"></i>
-                                            </a>
+                                            <button class="btn btn-danger btn-xs form-control"
+                                                    ng-click="rmEntry(config.HostConfig.PortBindings, portBinding)">
+                                                Remove
+                                            </button>
                                         </div>
                                     </div>
-                                    <a href="" ng-click="addEntry(config.HostConfig.PortBindings, {ip: '', extPort: '', intPort: ''})">
-                                      <i class="fa fa-plus" aria-hidden="true"></i>
-                                    </a>
+                                    <button type="button" class="btn btn-success btn-sm"
+                                            ng-click="addEntry(config.HostConfig.PortBindings, {ip: '', extPort: '', intPort: ''})">
+                                        Add Port Binding
+                                    </button>
                                 </div>
                             </fieldset>
                         </accordion-group>

app/components/stats/stats.html

@@ -1,74 +1,67 @@
-<rd-header>
-  <rd-header-title title="Container stats"></rd-header-title>
-  <rd-header-content>
-    Containers > <a ui-sref="container({id: container.Id})">{{ container.Name|trimcontainername }}</a> > Stats
-  </rd-header-content>
-</rd-header>
-
 <div class="row">
-  <div class="col-lg-12 col-md-12 col-xs-12">
-    <rd-widget>
-      <rd-widget-body>
-        <div class="widget-icon grey pull-left">
-          <i class="fa fa-tasks"></i>
-        </div>
-        <div class="title">{{ container.Name|trimcontainername }}</div>
-        <div class="comment">
-          Name
-        </div>
-      </rd-widget-body>
-    </rd-widget>
-  </div>
-</div>
+    <div class="col-xs-12">
+        <h1>Stats</h1>
 
-<div class="row">
-  <div class="col-lg-6">
-    <rd-widget>
-      <rd-widget-header icon="fa-area-chart" title="CPU usage"></rd-widget-header>
-      <rd-widget-body>
-        <canvas id="cpu-stats-chart" width="770" height="230"></canvas>
-      </rd-widget-body>
-    </rd-widget>
-  </div>
-  <div class="col-lg-6">
-    <rd-widget>
-      <rd-widget-header icon="fa-area-chart" title="Memory usage"></rd-widget-header>
-      <rd-widget-body>
-        <canvas id="memory-stats-chart" width="770" height="230"></canvas>
-      </rd-widget-body>
-    </rd-widget>
-  </div>
-</div>
+        <h2>CPU</h2>
 
-<div class="row">
-  <div class="col-lg-6">
-    <rd-widget>
-      <rd-widget-header icon="fa-area-chart" title="Network usage"></rd-widget-header>
-      <rd-widget-body>
-        <canvas id="network-stats-chart" width="770" height="230"></canvas>
-        <div class="comment">
-          <div id="network-legend" style="margin-bottom: 20px;"></div>
+        <div class="row">
+            <div class="col-sm-7">
+                <canvas id="cpu-stats-chart" width="650" height="300"></canvas>
+            </div>
         </div>
-      </rd-widget-body>
-    </rd-widget>
-  </div>
-  <div class="col-lg-6">
-    <rd-widget>
-      <rd-widget-header icon="fa-tasks" title="Processes"></rd-widget-header>
-      <rd-widget-body classes="no-padding">
-        <table class="table table-striped">
-          <thead>
-            <tr>
-              <th ng-repeat="title in containerTop.Titles">{{title}}</th>
-            </tr>
-          </thead>
-          <tbody>
-            <tr ng-repeat="processInfos in containerTop.Processes">
-              <td ng-repeat="processInfo in processInfos track by $index">{{processInfo}}</td>
-            </tr>
-          </tbody>
-        </table>
-      </rd-widget-body>
-    </rd-widget>
-  </div>
+
+        <h2>Memory</h2>
+
+        <div class="row">
+            <div class="col-sm-7">
+                <canvas id="memory-stats-chart" width="650" height="300"></canvas>
+            </div>
+            <div class="col-sm-offset-1 col-sm-4">
+                <table class="table">
+                    <tr>
+                        <td>Max usage</td>
+                        <td>{{ data.memory_stats.max_usage | humansize }}</td>
+                    </tr>
+                    <tr>
+                        <td>Limit</td>
+                        <td>{{ data.memory_stats.limit | humansize }}</td>
+                    </tr>
+                    <tr>
+                        <td>Fail count</td>
+                        <td>{{ data.memory_stats.failcnt }}</td>
+                    </tr>
+                </table>
+                <accordion>
+                    <accordion-group heading="Other stats">
+                        <table class="table">
+                            <tr ng-repeat="(key, value) in data.memory_stats.stats">
+                                <td>{{ key }}</td>
+                                <td>{{ value }}</td>
+                            </tr>
+                        </table>
+                    </accordion-group>
+                </accordion>
+            </div>
+        </div>
+
+        <h1>Network</h1>
+        <div class="row">
+            <div class="col-sm-7">
+                <canvas id="network-stats-chart" width="650" height="300"></canvas>
+            </div>
+            <div class="col-sm-offset-1 col-sm-4">
+                <div id="network-legend" style="margin-bottom: 20px;"></div>
+                <accordion>
+                    <accordion-group heading="Other stats">
+                        <table class="table">
+                            <tr ng-repeat="(key, value) in data.network">
+                                <td>{{ key }}</td>
+                                <td>{{ value }}</td>
+                            </tr>
+                        </table>
+                    </accordion-group>
+                </accordion>
+            </div>
+        </div>
+    </div>
 </div>

app/components/stats/statsController.js

@@ -1,194 +1,187 @@
 angular.module('stats', [])
-.controller('StatsController', ['Settings', '$scope', 'Messages', '$timeout', 'Container', 'ContainerTop', '$stateParams', 'humansizeFilter', '$sce', '$document',
-function (Settings, $scope, Messages, $timeout, Container, ContainerTop, $stateParams, humansizeFilter, $sce, $document) {
-  // TODO: Force scale to 0-100 for cpu, fix charts on dashboard,
-  // TODO: Force memory scale to 0 - max memory
-  $scope.ps_args = '';
-  $scope.getTop = function () {
-      ContainerTop.get($stateParams.id, {
-          ps_args: $scope.ps_args
-      }, function (data) {
-          $scope.containerTop = data;
-      });
-  };
-  $document.ready(function(){
-    var cpuLabels = [];
-    var cpuData = [];
-    var memoryLabels = [];
-    var memoryData = [];
-    var networkLabels = [];
-    var networkTxData = [];
-    var networkRxData = [];
-    for (var i = 0; i < 20; i++) {
-      cpuLabels.push('');
-      cpuData.push(0);
-      memoryLabels.push('');
-      memoryData.push(0);
-      networkLabels.push('');
-      networkTxData.push(0);
-      networkRxData.push(0);
-    }
-    var cpuDataset = { // CPU Usage
-      fillColor: "rgba(151,187,205,0.5)",
-      strokeColor: "rgba(151,187,205,1)",
-      pointColor: "rgba(151,187,205,1)",
-      pointStrokeColor: "#fff",
-      data: cpuData
-    };
-    var memoryDataset = {
-      fillColor: "rgba(151,187,205,0.5)",
-      strokeColor: "rgba(151,187,205,1)",
-      pointColor: "rgba(151,187,205,1)",
-      pointStrokeColor: "#fff",
-      data: memoryData
-    };
-    var networkRxDataset = {
-      label: "Rx Bytes",
-      fillColor: "rgba(151,187,205,0.5)",
-      strokeColor: "rgba(151,187,205,1)",
-      pointColor: "rgba(151,187,205,1)",
-      pointStrokeColor: "#fff",
-      data: networkRxData
-    };
-    var networkTxDataset = {
-      label: "Tx Bytes",
-      fillColor: "rgba(255,180,174,0.5)",
-      strokeColor: "rgba(255,180,174,1)",
-      pointColor: "rgba(255,180,174,1)",
-      pointStrokeColor: "#fff",
-      data: networkTxData
-    };
-    var networkLegendData = [
-      {
-        //value: '',
-        color: 'rgba(151,187,205,0.5)',
-        title: 'Rx Data'
-      },
-      {
-        //value: '',
-        color: 'rgba(255,180,174,0.5)',
-        title: 'Tx Data'
-      }
-    ];
+    .controller('StatsController', ['Settings', '$scope', 'Messages', '$timeout', 'Container', '$routeParams', 'humansizeFilter', '$sce', function (Settings, $scope, Messages, $timeout, Container, $routeParams, humansizeFilter, $sce) {
+        // TODO: Implement memory chart, force scale to 0-100 for cpu, 0 to limit for memory, fix charts on dashboard,
+        // TODO: Force memory scale to 0 - max memory
+        //var initialStats = {}; // Used to set scale of memory graph.
+        //
+        //Container.stats({id: $routeParams.id}, function (d) {
+        //    var arr = Object.keys(d).map(function (key) {
+        //        return d[key];
+        //    });
+        //    if (arr.join('').indexOf('no such id') !== -1) {
+        //        Messages.error('Unable to retrieve stats', 'Is this container running?');
+        //        return;
+        //    }
+        //    initialStats = d;
+        //}, function () {
+        //    Messages.error('Unable to retrieve stats', 'Is this container running?');
+        //});
 
-    legend($('#network-legend').get(0), networkLegendData);
+        var cpuLabels = [];
+        var cpuData = [];
+        var memoryLabels = [];
+        var memoryData = [];
+        var networkLabels = [];
+        var networkTxData = [];
+        var networkRxData = [];
+        for (var i = 0; i < 20; i++) {
+            cpuLabels.push('');
+            cpuData.push(0);
+            memoryLabels.push('');
+            memoryData.push(0);
+            networkLabels.push('');
+            networkTxData.push(0);
+            networkRxData.push(0);
+        }
+        var cpuDataset = { // CPU Usage
+            fillColor: "rgba(151,187,205,0.5)",
+            strokeColor: "rgba(151,187,205,1)",
+            pointColor: "rgba(151,187,205,1)",
+            pointStrokeColor: "#fff",
+            data: cpuData
+        };
+        var memoryDataset = {
+            fillColor: "rgba(151,187,205,0.5)",
+            strokeColor: "rgba(151,187,205,1)",
+            pointColor: "rgba(151,187,205,1)",
+            pointStrokeColor: "#fff",
+            data: memoryData
+        };
+        var networkRxDataset = {
+            label: "Rx Bytes",
+            fillColor: "rgba(151,187,205,0.5)",
+            strokeColor: "rgba(151,187,205,1)",
+            pointColor: "rgba(151,187,205,1)",
+            pointStrokeColor: "#fff",
+            data: networkRxData
+        };
+        var networkTxDataset = {
+            label: "Tx Bytes",
+            fillColor: "rgba(255,180,174,0.5)",
+            strokeColor: "rgba(255,180,174,1)",
+            pointColor: "rgba(255,180,174,1)",
+            pointStrokeColor: "#fff",
+            data: networkTxData
+        };
+        var networkLegendData = [
+            {
+                //value: '',
+                color: 'rgba(151,187,205,0.5)',
+                title: 'Rx Data'
+            },
+            {
+                //value: '',
+                color: 'rgba(255,180,174,0.5)',
+                title: 'Rx Data'
+            }];
+        legend($('#network-legend').get(0), networkLegendData);
 
-    Chart.defaults.global.animationSteps = 30; // Lower from 60 to ease CPU load.
-    var cpuChart = new Chart($('#cpu-stats-chart').get(0).getContext("2d")).Line({
-      labels: cpuLabels,
-      datasets: [cpuDataset]
-    }, {
-      responsive: true
-    });
-
-    var memoryChart = new Chart($('#memory-stats-chart').get(0).getContext('2d')).Line({
-      labels: memoryLabels,
-      datasets: [memoryDataset]
-    },
-    {
-      scaleLabel: function (valueObj) {
-        return humansizeFilter(parseInt(valueObj.value, 10));
-      },
-      responsive: true
-      //scaleOverride: true,
-      //scaleSteps: 10,
-      //scaleStepWidth: Math.ceil(initialStats.memory_stats.limit / 10),
-      //scaleStartValue: 0
-    });
-    var networkChart = new Chart($('#network-stats-chart').get(0).getContext("2d")).Line({
-      labels: networkLabels,
-      datasets: [networkRxDataset, networkTxDataset]
-    }, {
-      scaleLabel: function (valueObj) {
-        return humansizeFilter(parseInt(valueObj.value, 10));
-      },
-      responsive: true
-    });
-    $scope.networkLegend = $sce.trustAsHtml(networkChart.generateLegend());
-
-    function updateStats() {
-      Container.stats({id: $stateParams.id}, function (d) {
-        var arr = Object.keys(d).map(function (key) {
-          return d[key];
+        Chart.defaults.global.animationSteps = 30; // Lower from 60 to ease CPU load.
+        var cpuChart = new Chart($('#cpu-stats-chart').get(0).getContext("2d")).Line({
+            labels: cpuLabels,
+            datasets: [cpuDataset]
+        }, {
+            responsive: true
         });
-        if (arr.join('').indexOf('no such id') !== -1) {
-          Messages.error('Unable to retrieve stats', 'Is this container running?');
-          return;
+
+        var memoryChart = new Chart($('#memory-stats-chart').get(0).getContext('2d')).Line({
+                labels: memoryLabels,
+                datasets: [memoryDataset]
+            },
+            {
+                scaleLabel: function (valueObj) {
+                    return humansizeFilter(parseInt(valueObj.value, 10));
+                },
+                responsive: true
+                //scaleOverride: true,
+                //scaleSteps: 10,
+                //scaleStepWidth: Math.ceil(initialStats.memory_stats.limit / 10),
+                //scaleStartValue: 0
+            });
+        var networkChart = new Chart($('#network-stats-chart').get(0).getContext("2d")).Line({
+            labels: networkLabels,
+            datasets: [networkRxDataset, networkTxDataset]
+        }, {
+            scaleLabel: function (valueObj) {
+                return humansizeFilter(parseInt(valueObj.value, 10));
+            },
+            responsive: true
+        });
+        $scope.networkLegend = $sce.trustAsHtml(networkChart.generateLegend());
+
+        function updateStats() {
+            Container.stats({id: $routeParams.id}, function (d) {
+                var arr = Object.keys(d).map(function (key) {
+                    return d[key];
+                });
+                if (arr.join('').indexOf('no such id') !== -1) {
+                    Messages.error('Unable to retrieve stats', 'Is this container running?');
+                    return;
+                }
+
+                // Update graph with latest data
+                $scope.data = d;
+                updateCpuChart(d);
+                updateMemoryChart(d);
+                updateNetworkChart(d);
+                timeout = $timeout(updateStats, 2000);
+            }, function () {
+                Messages.error('Unable to retrieve stats', 'Is this container running?');
+            });
         }
 
-        // Update graph with latest data
-        $scope.data = d;
-        updateCpuChart(d);
-        updateMemoryChart(d);
-        updateNetworkChart(d);
-        timeout = $timeout(updateStats, 5000);
-      }, function () {
-        Messages.error('Unable to retrieve stats', 'Is this container running?');
-        timeout = $timeout(updateStats, 5000);
-      });
-    }
+        var timeout;
+        $scope.$on('$destroy', function () {
+            $timeout.cancel(timeout);
+        });
 
-    var timeout;
-    $scope.$on('$destroy', function () {
-      $timeout.cancel(timeout);
-    });
+        updateStats();
 
-    updateStats();
+        function updateCpuChart(data) {
+            console.log('updateCpuChart', data);
+            cpuChart.addData([calculateCPUPercent(data)], new Date(data.read).toLocaleTimeString());
+            cpuChart.removeData();
+        }
 
-    function updateCpuChart(data) {
-      cpuChart.addData([calculateCPUPercent(data)], new Date(data.read).toLocaleTimeString());
-      cpuChart.removeData();
-    }
+        function updateMemoryChart(data) {
+            console.log('updateMemoryChart', data);
+            memoryChart.addData([data.memory_stats.usage], new Date(data.read).toLocaleTimeString());
+            memoryChart.removeData();
+        }
 
-    function updateMemoryChart(data) {
-      memoryChart.addData([data.memory_stats.usage], new Date(data.read).toLocaleTimeString());
-      memoryChart.removeData();
-    }
+        var lastRxBytes = 0, lastTxBytes = 0;
 
-    var lastRxBytes = 0, lastTxBytes = 0;
+        function updateNetworkChart(data) {
+            var rxBytes = 0, txBytes = 0;
+            if (lastRxBytes !== 0 || lastTxBytes !== 0) {
+                // These will be zero on first call, ignore to prevent large graph spike
+                rxBytes = data.network.rx_bytes - lastRxBytes;
+                txBytes = data.network.tx_bytes - lastTxBytes;
+            }
+            lastRxBytes = data.network.rx_bytes;
+            lastTxBytes = data.network.tx_bytes;
+            console.log('updateNetworkChart', data);
+            networkChart.addData([rxBytes, txBytes], new Date(data.read).toLocaleTimeString());
+            networkChart.removeData();
+        }
 
-    function updateNetworkChart(data) {
-      // 1.9+ contains an object of networks, for now we'll just show stats for the first network
-      // TODO: Show graphs for all networks
-      if (data.networks) {
-        $scope.networkName = Object.keys(data.networks)[0];
-        data.network = data.networks[$scope.networkName];
-      }
-      var rxBytes = 0, txBytes = 0;
-      if (lastRxBytes !== 0 || lastTxBytes !== 0) {
-        // These will be zero on first call, ignore to prevent large graph spike
-        rxBytes = data.network.rx_bytes - lastRxBytes;
-        txBytes = data.network.tx_bytes - lastTxBytes;
-      }
-      lastRxBytes = data.network.rx_bytes;
-      lastTxBytes = data.network.tx_bytes;
-      networkChart.addData([rxBytes, txBytes], new Date(data.read).toLocaleTimeString());
-      networkChart.removeData();
-    }
+        function calculateCPUPercent(stats) {
+            // Same algorithm the official client uses: https://github.com/docker/docker/blob/master/api/client/stats.go#L195-L208
+            var prevCpu = stats.precpu_stats;
+            var curCpu = stats.cpu_stats;
 
-    function calculateCPUPercent(stats) {
-      // Same algorithm the official client uses: https://github.com/docker/docker/blob/master/api/client/stats.go#L195-L208
-      var prevCpu = stats.precpu_stats;
-      var curCpu = stats.cpu_stats;
+            var cpuPercent = 0.0;
 
-      var cpuPercent = 0.0;
+            // calculate the change for the cpu usage of the container in between readings
+            var cpuDelta = curCpu.cpu_usage.total_usage - prevCpu.cpu_usage.total_usage;
+            // calculate the change for the entire system between readings
+            var systemDelta = curCpu.system_cpu_usage - prevCpu.system_cpu_usage;
 
-      // calculate the change for the cpu usage of the container in between readings
-      var cpuDelta = curCpu.cpu_usage.total_usage - prevCpu.cpu_usage.total_usage;
-      // calculate the change for the entire system between readings
-      var systemDelta = curCpu.system_cpu_usage - prevCpu.system_cpu_usage;
-
-      if (systemDelta > 0.0 && cpuDelta > 0.0) {
-        cpuPercent = (cpuDelta / systemDelta) * curCpu.cpu_usage.percpu_usage.length * 100.0;
-      }
-      return cpuPercent;
-    }
-  });
-
-  Container.get({id: $stateParams.id}, function (d) {
-    $scope.container = d;
-  }, function (e) {
-    Messages.error("Failure", e.data);
-  });
-  $scope.getTop();
-}]);
+            if (systemDelta > 0.0 && cpuDelta > 0.0) {
+                //console.log('size thing:', curCpu.cpu_usage.percpu_usage);
+                cpuPercent = (cpuDelta / systemDelta) * curCpu.cpu_usage.percpu_usage.length * 100.0;
+            }
+            return cpuPercent;
+        }
+    }])
+;

app/components/swarm/swarm.html

@@ -1,139 +0,0 @@
-<rd-header>
-  <rd-header-title title="Cluster overview">
-    <a data-toggle="tooltip" title="Refresh" ui-sref="swarm" ui-sref-opts="{reload: true}">
-      <i class="fa fa-refresh" aria-hidden="true"></i>
-    </a>
-  </rd-header-title>
-  <rd-header-content>Swarm</rd-header-content>
-</rd-header>
-
-<div class="row">
-  <div class="col-lg-3 col-md-6 col-xs-12">
-    <rd-widget>
-      <rd-widget-body>
-        <div class="widget-icon pull-left">
-          <i class="fa fa-code"></i>
-        </div>
-        <div class="title">{{ docker.Version }}</div>
-        <div class="comment">Swarm version</div>
-      </rd-widget-body>
-    </rd-widget>
-  </div>
-  <div class="col-lg-3 col-md-6 col-xs-12">
-    <rd-widget>
-      <rd-widget-body>
-        <div class="widget-icon pull-left">
-          <i class="fa fa-code"></i>
-        </div>
-        <div class="title">{{ docker.ApiVersion }}</div>
-        <div class="comment">API version</div>
-      </rd-widget-body>
-    </rd-widget>
-  </div>
-  <div class="col-lg-3 col-md-6 col-xs-12">
-    <rd-widget>
-      <rd-widget-body>
-        <div class="widget-icon pull-left">
-          <i class="fa fa-code"></i>
-        </div>
-        <div class="title">{{ docker.GoVersion }}</div>
-        <div class="comment">Go version</div>
-      </rd-widget-body>
-    </rd-widget>
-  </div>
-</div>
-
-<div class="row">
-  <div class="col-lg-6">
-    <rd-widget>
-      <rd-widget-header icon="fa-object-group" title="Cluster status"></rd-widget-header>
-      <rd-widget-body classes="no-padding">
-        <table class="table">
-          <tbody>
-            <tr>
-              <td>Nodes</td>
-              <td>{{ swarm.Nodes }}</td>
-            </tr>
-            <tr>
-              <td>Containers</td>
-              <td>{{ info.Containers }}</td>
-            </tr>
-            <tr>
-              <td>Images</td>
-              <td>{{ info.Images }}</td>
-            </tr>
-            <tr>
-              <td>Strategy</td>
-              <td>{{ swarm.Strategy }}</td>
-            </tr>
-            <tr>
-              <td>CPUs</td>
-              <td>{{ info.NCPU }}</td>
-            </tr>
-            <tr>
-              <td>Total Memory</td>
-              <td>{{ info.MemTotal|humansize }}</td>
-            </tr>
-            <tr>
-              <td>Operating System</td>
-              <td>{{ info.OperatingSystem }}</td>
-            </tr>
-            <tr>
-              <td>Kernel Version</td>
-              <td>{{ info.KernelVersion }}</td>
-            </tr>
-          </tbody>
-        </table>
-      </rd-widget-body>
-    </rd-widget>
-  </div>
-  <div class="col-lg-6">
-    <rd-widget>
-      <rd-widget-header icon="fa-hdd-o" title="Nodes status"></rd-widget-header>
-      <rd-widget-body classes="no-padding">
-        <table class="table table-striped">
-          <thead>
-            <tr>
-              <th>
-                <a ui-sref="swarm" ng-click="order('Name')">
-                  Name
-                  <span ng-show="sortType == 'Name' && !sortReverse" class="glyphicon glyphicon-chevron-down"></span>
-                  <span ng-show="sortType == 'Name' && sortReverse" class="glyphicon glyphicon-chevron-up"></span>
-                </a>
-              </th>
-              <th>
-                <a ui-sref="swarm" ng-click="order('IP')">
-                  IP
-                  <span ng-show="sortType == 'IP' && !sortReverse" class="glyphicon glyphicon-chevron-down"></span>
-                  <span ng-show="sortType == 'IP' && sortReverse" class="glyphicon glyphicon-chevron-up"></span>
-                </a>
-              </th>
-              <th>
-                <a ui-sref="swarm" ng-click="order('Containers')">
-                  Containers
-                  <span ng-show="sortType == 'Containers' && !sortReverse" class="glyphicon glyphicon-chevron-down"></span>
-                  <span ng-show="sortType == 'Containers' && sortReverse" class="glyphicon glyphicon-chevron-up"></span>
-                </a>
-              </th>
-              <th>
-                <a ui-sref="swarm" ng-click="order('Status')">
-                  Status
-                  <span ng-show="sortType == 'Status' && !sortReverse" class="glyphicon glyphicon-chevron-down"></span>
-                  <span ng-show="sortType == 'Status' && sortReverse" class="glyphicon glyphicon-chevron-up"></span>
-                </a>
-              </th>
-            </tr>
-          </thead>
-          <tbody>
-            <tr ng-repeat="node in (state.filteredNodes = (swarm.Status | filter:state.filter | orderBy:sortType:sortReverse))">
-              <td>{{ node.name }}</td>
-              <td>{{ node.ip }}</td>
-              <td>{{ node.containers }}</td>
-              <td><span class="label label-{{ node.status|statusbadge }}">{{ node.status }}</span></td>
-            </tr>
-          </tbody>
-        </table>
-      </rd-widget-body>
-    </rd-widget>
-  </div>
-</div>

app/components/swarm/swarmController.js

@@ -1,62 +0,0 @@
-angular.module('swarm', [])
-  .controller('SwarmController', ['$scope', 'Info', 'Version', 'Settings',
-    function ($scope, Info, Version, Settings) {
-
-      $scope.sortType = 'Name';
-      $scope.sortReverse = true;
-      $scope.info = {};
-      $scope.docker = {};
-      $scope.swarm = {};
-
-      $scope.order = function(sortType) {
-        $scope.sortReverse = ($scope.sortType === sortType) ? !$scope.sortReverse : false;
-        $scope.sortType = sortType;
-      };
-
-      Version.get({}, function (d) {
-        $scope.docker = d;
-      });
-      Info.get({}, function (d) {
-        $scope.info = d;
-        extractSwarmInfo(d);
-      });
-
-      function extractSwarmInfo(info) {
-        // Swarm info is available in SystemStatus object
-        var systemStatus = info.SystemStatus;
-        // Swarm strategy
-        $scope.swarm[systemStatus[1][0]] = systemStatus[1][1];
-        // Swarm filters
-        $scope.swarm[systemStatus[2][0]] = systemStatus[2][1];
-        // Swarm node count
-        var node_count = parseInt(systemStatus[3][1], 10);
-        $scope.swarm[systemStatus[3][0]] = node_count;
-
-        $scope.swarm.Status = [];
-        extractNodesInfo(systemStatus, node_count);
-      }
-
-      function extractNodesInfo(info, node_count) {
-        // First information for node1 available at element #4 of SystemStatus
-        // The next 10 elements are information related to the node
-        var node_offset = 4;
-        for (i = 0; i < node_count; i++) {
-          extractNodeInfo(info, node_offset);
-          node_offset += 9;
-        }
-      }
-
-      function extractNodeInfo(info, offset) {
-        var node = {};
-        node.name = info[offset][0];
-        node.ip = info[offset][1];
-        node.status = info[offset + 1][1];
-        node.containers = info[offset + 2][1];
-        node.cpu = info[offset + 3][1];
-        node.memory = info[offset + 4][1];
-        node.labels = info[offset + 5][1];
-        node.error = info[offset + 6][1];
-        node.version = info[offset + 8][1];
-        $scope.swarm.Status.push(node);
-      }
-    }]);

app/components/volumes/volumes.html

@@ -1,68 +0,0 @@
-<div ng-include="template" ng-controller="CreateVolumeController"></div>
-
-<rd-header>
-  <rd-header-title title="Volume list">
-    <a data-toggle="tooltip" title="Refresh" ui-sref="volumes" ui-sref-opts="{reload: true}">
-      <i class="fa fa-refresh" aria-hidden="true"></i>
-    </a>
-  </rd-header-title>
-  <rd-header-content>Volumes</rd-header-content>
-</rd-header>
-
-<div class="col-lg-12">
-  <rd-widget>
-    <rd-widget-header icon="fa-cubes" title="Volumes">
-    </rd-widget-header>
-    <rd-widget-taskbar classes="col-lg-12">
-      <div class="pull-left">
-        <div class="btn-group" role="group" aria-label="...">
-          <button type="button" class="btn btn-danger" ng-click="removeAction()" ng-disabled="!state.selectedItemCount">Remove</button>
-          <button type="button" class="btn btn-default" data-toggle="modal" data-target="#create-volume-modal">Create new volume...</button>
-        </div>
-      </div>
-      <div class="pull-right">
-        <input type="text" id="filter" ng-model="state.filter" placeholder="Filter..." class="form-control input-sm" />
-      </div>
-    </rd-widget-taskbar>
-    <rd-widget-body classes="no-padding">
-      <div class="table-responsive">
-        <table class="table">
-          <thead>
-            <tr>
-              <th><label><input type="checkbox" ng-model="state.toggle" ng-change="toggleSelectAll()"/> Select</label></th>
-              <th>
-                <a ui-sref="volumes" ng-click="order('Name')">
-                  Name
-                  <span ng-show="sortType == 'Name' && !sortReverse" class="glyphicon glyphicon-chevron-down"></span>
-                  <span ng-show="sortType == 'Name' && sortReverse" class="glyphicon glyphicon-chevron-up"></span>
-                </a>
-              </th>
-              <th>
-                <a ui-sref="volumes" ng-click="order('Driver')">
-                  Driver
-                  <span ng-show="sortType == 'Driver' && !sortReverse" class="glyphicon glyphicon-chevron-down"></span>
-                  <span ng-show="sortType == 'Driver' && sortReverse" class="glyphicon glyphicon-chevron-up"></span>
-                </a>
-              </th>
-              <th>
-                <a ui-sref="volumes" ng-click="order('Mountpoint')">
-                  Mountpoint
-                  <span ng-show="sortType == 'Mountpoint' && !sortReverse" class="glyphicon glyphicon-chevron-down"></span>
-                  <span ng-show="sortType == 'Mountpoint' && sortReverse" class="glyphicon glyphicon-chevron-up"></span>
-                </a>
-              </th>
-            </tr>
-          </thead>
-          <tbody>
-            <tr ng-repeat="volume in (state.filteredVolumes = (volumes | filter:state.filter | orderBy:sortType:sortReverse))">
-              <td><input type="checkbox" ng-model="volume.Checked" ng-change="selectItem(volume)"/></td>
-              <td>{{ volume.Name|truncate:20 }}</td>
-              <td>{{ volume.Driver }}</td>
-              <td>{{ volume.Mountpoint }}</td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-    </rd-widget-body>
-  <rd-widget>
-</div>

app/components/volumes/volumesController.js

@@ -1,70 +0,0 @@
-angular.module('volumes', [])
-.controller('VolumesController', ['$scope', 'Volume', 'ViewSpinner', 'Messages', 'errorMsgFilter',
-function ($scope, Volume, ViewSpinner, Messages, errorMsgFilter) {
-  $scope.state = {};
-  $scope.state.toggle = false;
-  $scope.state.selectedItemCount = 0;
-  $scope.sortType = 'Name';
-  $scope.sortReverse = true;
-
-  $scope.order = function(sortType) {
-    $scope.sortReverse = ($scope.sortType === sortType) ? !$scope.sortReverse : false;
-    $scope.sortType = sortType;
-  };
-
-  $scope.toggleSelectAll = function () {
-    angular.forEach($scope.state.filteredVolumes, function (i) {
-      i.Checked = $scope.state.toggle;
-    });
-    if ($scope.state.toggle) {
-      $scope.state.selectedItemCount = $scope.state.filteredVolumes.length;
-    } else {
-      $scope.state.selectedItemCount = 0;
-    }
-  };
-
-  $scope.selectItem = function (item) {
-    if (item.Checked) {
-      $scope.state.selectedItemCount++;
-    } else {
-      $scope.state.selectedItemCount--;
-    }
-  };
-
-  $scope.removeAction = function () {
-    ViewSpinner.spin();
-    var counter = 0;
-    var complete = function () {
-      counter = counter - 1;
-      if (counter === 0) {
-        ViewSpinner.stop();
-      }
-    };
-    angular.forEach($scope.volumes, function (volume) {
-      if (volume.Checked) {
-        counter = counter + 1;
-        Volume.remove({name: volume.Name}, function (d) {
-          Messages.send("Volume deleted", volume.Name);
-          var index = $scope.volumes.indexOf(volume);
-          $scope.volumes.splice(index, 1);
-          complete();
-        }, function (e) {
-          Messages.error("Failure", e.data);
-          complete();
-        });
-      }
-    });
-  };
-
-  function fetchVolumes() {
-    ViewSpinner.spin();
-    Volume.query({}, function (d) {
-      $scope.volumes = d.Volumes;
-      ViewSpinner.stop();
-    }, function (e) {
-      Messages.error("Failure", e.data);
-      ViewSpinner.stop();
-    });
-  }
-  fetchVolumes();
-}]);

app/directives/header-content.js

@@ -1,11 +0,0 @@
-angular
-.module('uifordocker')
-.directive('rdHeaderContent', function rdHeaderContent() {
-  var directive = {
-    requires: '^rdHeader',
-    transclude: true,
-    template: '<div class="breadcrumb-links" ng-transclude></div>',
-    restrict: 'E'
-  };
-  return directive;
-});

app/directives/header-title.js

@@ -1,14 +0,0 @@
-angular
-.module('uifordocker')
-.directive('rdHeaderTitle', function rdHeaderTitle() {
-  var directive = {
-    requires: '^rdHeader',
-    scope: {
-      title: '@'
-    },
-    transclude: true,
-    template: '<div class="page">{{title}}<span class="header_title_content" ng-transclude><span></div>',
-    restrict: 'E'
-  };
-  return directive;
-});

app/directives/header.js

@@ -1,13 +0,0 @@
-angular
-.module('uifordocker')
-.directive('rdHeader', function rdHeader() {
-  var directive = {
-    scope: {
-      "ngModel": "="
-    },
-    transclude: true,
-    template: '<div class="row header"><div class="col-xs-12"><div class="meta" ng-transclude></div></div></div>',
-    restrict: 'EA'
-  };
-  return directive;
-});

app/directives/loading.js

@@ -1,9 +0,0 @@
-angular
-.module('uifordocker')
-.directive('rdLoading', function rdLoading() {
-  var directive = {
-    restrict: 'AE',
-    template: '<div class="loading"><div class="double-bounce1"></div><div class="double-bounce2"></div></div>'
-  };
-  return directive;
-});

app/directives/widget-body.js

@@ -1,15 +0,0 @@
-angular
-.module('uifordocker')
-.directive('rdWidgetBody', function rdWidgetBody() {
-  var directive = {
-    requires: '^rdWidget',
-    scope: {
-      loading: '@?',
-      classes: '@?'
-    },
-    transclude: true,
-    template: '<div class="widget-body" ng-class="classes"><rd-loading ng-show="loading"></rd-loading><div ng-hide="loading" class="widget-content" ng-transclude></div></div>',
-    restrict: 'E'
-  };
-  return directive;
-});

app/directives/widget-footer.js

@@ -1,11 +0,0 @@
-angular
-.module('uifordocker')
-.directive('rdWidgetFooter', function rdWidgetFooter() {
-  var directive = {
-    requires: '^rdWidget',
-    transclude: true,
-    template: '<div class="widget-footer" ng-transclude></div>',
-    restrict: 'E'
-  };
-  return directive;
-});

app/directives/widget-header.js

@@ -1,15 +0,0 @@
-angular
-.module('uifordocker')
-.directive('rdWidgetHeader', function rdWidgetTitle() {
-  var directive = {
-    requires: '^rdWidget',
-    scope: {
-      title: '@',
-      icon: '@'
-    },
-    transclude: true,
-    template: '<div class="widget-header"><div class="row"><div class="pull-left"><i class="fa" ng-class="icon"></i> {{title}} </div><div class="pull-right col-xs-6 col-sm-4" ng-transclude></div></div></div>',
-    restrict: 'E'
-  };
-  return directive;
-});

app/directives/widget-taskbar.js

@@ -1,14 +0,0 @@
-angular
-.module('uifordocker')
-.directive('rdWidgetTaskbar', function rdWidgetTaskbar() {
-  var directive = {
-    requires: '^rdWidget',
-    scope: {
-      classes: '@?'
-    },
-    transclude: true,
-    template: '<div class="widget-header"><div class="row"><div ng-class="classes" ng-transclude></div></div></div>',
-    restrict: 'E'
-  };
-  return directive;
-});

app/directives/widget.js

@@ -1,13 +0,0 @@
-angular
-.module('uifordocker')
-.directive('rdWidget', function rdWidget() {
-  var directive = {
-    scope: {
-      "ngModel": "="
-    },
-    transclude: true,
-    template: '<div class="widget" ng-transclude></div>',
-    restrict: 'EA'
-  };
-  return directive;
-});

app/shared/filters.js

@@ -23,23 +23,12 @@ angular.module('dockerui.filters', [])
         return function (text) {
             if (text === 'Ghost') {
                 return 'important';
-            } else if (text === 'Unhealthy') {
-                return 'danger';
             } else if (text.indexOf('Exit') !== -1 && text !== 'Exit 0') {
                 return 'warning';
             }
             return 'success';
         };
     })
-    .filter('trimcontainername', function () {
-      'use strict';
-      return function (name) {
-        if (name) {
-          return (name.indexOf('/') === 0 ? name.replace('/','') : name);          
-        }
-        return '';
-      };
-    })
     .filter('getstatetext', function () {
         'use strict';
         return function (state) {

app/shared/services.js

@@ -1,4 +1,4 @@
-angular.module('dockerui.services', ['ngResource', 'ngSanitize'])
+angular.module('dockerui.services', ['ngResource'])
     .factory('Container', ['$resource', 'Settings', function ContainerFactory($resource, Settings) {
         'use strict';
         // Resource for interacting with the docker containers
@@ -18,7 +18,7 @@ angular.module('dockerui.services', ['ngResource', 'ngSanitize'])
             create: {method: 'POST', params: {action: 'create'}},
             remove: {method: 'DELETE', params: {id: '@id', v: 0}},
             rename: {method: 'POST', params: {id: '@id', action: 'rename'}, isArray: false},
-            stats: {method: 'GET', params: {id: '@id', stream: false, action: 'stats'}, timeout: 5000}
+            stats: {method: 'GET', params: {id: '@id', stream: false, action: 'stats'}, timeout: 2000}
         });
     }])
     .factory('ContainerCommit', ['$resource', '$http', 'Settings', function ContainerCommitFactory($resource, $http, Settings) {
@@ -31,10 +31,8 @@ angular.module('dockerui.services', ['ngResource', 'ngSanitize'])
                     url: Settings.url + '/commit',
                     params: {
                         'container': params.id,
-                        'tag': params.tag || null,
-                        'repo': params.repo || null
-                    },
-                    data: params.config
+                        'repo': params.repo
+                    }
                 }).success(callback).error(function (data, status, headers, config) {
                     console.log(error, data);
                 });
@@ -94,11 +92,10 @@ angular.module('dockerui.services', ['ngResource', 'ngSanitize'])
             insert: {method: 'POST', params: {id: '@id', action: 'insert'}},
             push: {method: 'POST', params: {id: '@id', action: 'push'}},
             tag: {method: 'POST', params: {id: '@id', action: 'tag', force: 0, repo: '@repo', tag: '@tag'}},
-            remove: {method: 'DELETE', params: {id: '@id'}, isArray: true},
-            inspect: {method: 'GET', params: {id: '@id', action: 'json'}}
+            remove: {method: 'DELETE', params: {id: '@id'}, isArray: true}
         });
     }])
-    .factory('Version', ['$resource', 'Settings', function VersionFactory($resource, Settings) {
+    .factory('Docker', ['$resource', 'Settings', function DockerFactory($resource, Settings) {
         'use strict';
         // http://docs.docker.com/reference/api/docker_remote_api_<%= remoteApiVersion %>/#show-the-docker-version-information
         return $resource(Settings.url + '/version', {}, {
@@ -113,51 +110,27 @@ angular.module('dockerui.services', ['ngResource', 'ngSanitize'])
             update: {method: 'POST'}
         });
     }])
-    .factory('Info', ['$resource', 'Settings', function InfoFactory($resource, Settings) {
+    .factory('System', ['$resource', 'Settings', function SystemFactory($resource, Settings) {
         'use strict';
         // http://docs.docker.com/reference/api/docker_remote_api_<%= remoteApiVersion %>/#display-system-wide-information
         return $resource(Settings.url + '/info', {}, {
             get: {method: 'GET'}
         });
     }])
-    .factory('Network', ['$resource', 'Settings', function NetworkFactory($resource, Settings) {
-        'use strict';
-        // http://docs.docker.com/reference/api/docker_remote_api_<%= remoteApiVersion %>/#2-5-networks
-        return $resource(Settings.url + '/networks/:id/:action', {id: '@id'}, {
-            query: {method: 'GET', isArray: true},
-            get: {method: 'GET'},
-            create: {method: 'POST', params: {action: 'create'}},
-            remove: {method: 'DELETE'},
-            connect: {method: 'POST', params: {action: 'connect'}},
-            disconnect: {method: 'POST', params: {action: 'disconnect'}}
-        });
-    }])
-    .factory('Volume', ['$resource', 'Settings', function VolumeFactory($resource, Settings) {
-        'use strict';
-        // http://docs.docker.com/reference/api/docker_remote_api_<%= remoteApiVersion %>/#2-5-networks
-        return $resource(Settings.url + '/volumes/:name/:action', {name: '@name'}, {
-            query: {method: 'GET'},
-            get: {method: 'GET'},
-            create: {method: 'POST', params: {action: 'create'}},
-            remove: {method: 'DELETE'}
-        });
-    }])
-    .factory('Config', ['$resource', 'CONFIG_ENDPOINT', function($resource, CONFIG_ENDPOINT) {
-      return $resource(CONFIG_ENDPOINT);
-    }])
-    .factory('Settings', ['DOCKER_ENDPOINT', 'DOCKER_PORT', 'UI_VERSION', function SettingsFactory(DOCKER_ENDPOINT, DOCKER_PORT, UI_VERSION) {
+    .factory('Settings', ['DOCKER_ENDPOINT', 'DOCKER_PORT', 'DOCKER_API_VERSION', 'UI_VERSION', function SettingsFactory(DOCKER_ENDPOINT, DOCKER_PORT, DOCKER_API_VERSION, UI_VERSION) {
         'use strict';
         var url = DOCKER_ENDPOINT;
         if (DOCKER_PORT) {
             url = url + DOCKER_PORT + '\\' + DOCKER_PORT;
         }
-        var firstLoad = (localStorage.getItem('firstLoad') || 'true') === 'true';
         return {
-          displayAll: false,
-          endpoint: DOCKER_ENDPOINT,
-          uiVersion: UI_VERSION,
-          url: url,
-          firstLoad: firstLoad
+            displayAll: false,
+            endpoint: DOCKER_ENDPOINT,
+            version: DOCKER_API_VERSION,
+            rawUrl: DOCKER_ENDPOINT + DOCKER_PORT + '/' + DOCKER_API_VERSION,
+            uiVersion: UI_VERSION,
+            url: url,
+            firstLoad: true
         };
     }])
     .factory('ViewSpinner', function ViewSpinnerFactory() {
@@ -174,13 +147,13 @@ angular.module('dockerui.services', ['ngResource', 'ngSanitize'])
             }
         };
     })
-    .factory('Messages', ['$rootScope', '$sanitize', function MessagesFactory($rootScope, $sanitize) {
+    .factory('Messages', ['$rootScope', function MessagesFactory($rootScope) {
         'use strict';
         return {
             send: function (title, text) {
                 $.gritter.add({
-                    title: $sanitize(title),
-                    text: $sanitize(text),
+                    title: title,
+                    text: text,
                     time: 2000,
                     before_open: function () {
                         if ($('.gritter-item-wrapper').length === 3) {
@@ -191,8 +164,8 @@ angular.module('dockerui.services', ['ngResource', 'ngSanitize'])
             },
             error: function (title, text) {
                 $.gritter.add({
-                    title: $sanitize(title),
-                    text: $sanitize(text),
+                    title: title,
+                    text: text,
                     time: 10000,
                     before_open: function () {
                         if ($('.gritter-item-wrapper').length === 4) {
@@ -203,6 +176,23 @@ angular.module('dockerui.services', ['ngResource', 'ngSanitize'])
             }
         };
     }])
+    .factory('Dockerfile', ['Settings', function DockerfileFactory(Settings) {
+        'use strict';
+        // http://docs.docker.com/reference/api/docker_remote_api_<%= remoteApiVersion %>/#build-image-from-a-dockerfile
+        var url = Settings.rawUrl + '/build';
+        return {
+            build: function (file, callback) {
+                var data = new FormData();
+                var dockerfile = new Blob([file], {type: 'text/text'});
+                data.append('Dockerfile', dockerfile);
+
+                var request = new XMLHttpRequest();
+                request.onload = callback;
+                request.open('POST', url);
+                request.send(data);
+            }
+        };
+    }])
     .factory('LineChart', ['Settings', function LineChartFactory(Settings) {
         'use strict';
         return {
@@ -232,10 +222,9 @@ angular.module('dockerui.services', ['ngResource', 'ngSanitize'])
                     labels.push(k);
                     data.push(map[k]);
                     if (map[k] > max) {
-                        max = map[k];
+                      max = map[k];
                     }
                 }
-                var steps = Math.min(max, 10);
                 var dataset = {
                     fillColor: "rgba(151,187,205,0.5)",
                     strokeColor: "rgba(151,187,205,1)",
@@ -248,11 +237,10 @@ angular.module('dockerui.services', ['ngResource', 'ngSanitize'])
                         datasets: [dataset]
                     },
                     {
-                        scaleStepWidth: Math.ceil(max / steps),
+                        scaleStepWidth: 1,
                         pointDotRadius: 1,
-                        scaleIntegersOnly: true,
                         scaleOverride: true,
-                        scaleSteps: steps
+                        scaleSteps: max
                     });
             }
         };

assets/css/app.css

@@ -114,32 +114,3 @@
     cursor: pointer;
 }
 
-.logo {
-  display: inline;
-  width: 110px;
-  max-height: 38px;
-}
-
-.containerNameInput {
-  width: 85%;
-  border:none;
-  background:none;
-  border-bottom: 1px solid black;
-}
-
-.containerNameInput:active, .containerNameInput:focus {
-  outline:none;
-}
-
-#network-legend {
-  text-align: center;
-}
-
-#network-legend span {
-  display: inline;
-  font-size: 18px;
-}
-
-.header_title_content {
-  margin-left: 5px;
-}

bower.json

@@ -1,15 +1,13 @@
 {
-  "name": "uifordocker",
-  "version": "1.0.3",
-  "homepage": "https://github.com/kevana/ui-for-docker",
+  "name": "dockerui",
+  "version": "0.8.1",
+  "homepage": "https://github.com/crosbymichael/dockerui",
   "authors": [
     "Michael Crosby <crosbymichael@gmail.com>",
-    "Kevan Ahlquist <ahlquistkd@gmail.com>",
-    "Anthony Lapenna <anthony.lapenna@cloudinovasi.id>"
+    "Kevan Ahlquist <ahlqu039@umn.edu>"
   ],
   "description": "A web interface for the Docker Remote API.",
   "keywords": [
-    "uifordocker",
     "dockerui",
     "docker",
     "api"
@@ -24,24 +22,19 @@
   ],
   "dependencies": {
     "Chart.js": "1.0.2",
-    "angular": "~1.5.0",
-    "angular-cookies": "~1.5.0",
-    "angular-bootstrap": "~1.0.3",
-    "angular-ui-router": "^0.2.15",
-    "angular-sanitize": "~1.5.0",
-    "angular-mocks": "~1.5.0",
+    "angular": "1.3.15",
+    "angular-bootstrap": "0.12.0",
+    "angular-mocks": "1.3.15",
     "angular-oboe": "*",
-    "angular-resource": "~1.5.0",
-    "angular-ui-select": "~0.17.1",
-    "bootstrap": "~3.3.6",
-    "font-awesome": "~4.5.0",
+    "angular-resource": "1.3.15",
+    "angular-route": "1.3.15",
+    "angular-visjs": "0.0.7",
+    "bootstrap": "3.3.0",
     "jquery": "1.11.1",
     "jquery.gritter": "1.7.4",
-    "lodash": "4.12.0",
-    "rdash-ui": "1.0.*",
     "spin.js": "1.3"
   },
   "resolutions": {
-    "angular": "1.5.5"
+    "angular": "1.3.15"
   }
 }

dist/dockerui.css

@@ -0,0 +1 @@
+.container>hr{margin:60px 0}.jumbotron{margin:80px 0;text-align:center}.jumbotron h1{font-size:100px;line-height:1}.jumbotron .lead{font-size:24px;line-height:1.25}.jumbotron .btn{padding:14px 24px;font-size:21px}.marketing{margin:60px 0}.marketing p+h4{margin-top:28px}.masthead .nav{width:100%;margin:0;margin:0 0 2em 0}.masthead .nav.well{padding:0}.masthead .nav li{display:table-cell;float:none;width:1%}.masthead .nav li a{font-weight:bold;text-align:center;border-right:1px solid rgba(0,0,0,0.1);border-left:1px solid rgba(255,255,255,0.75)}.masthead .nav li:first-child a{border-left:0;border-radius:3px 0 0 3px}.masthead .nav li:last-child a{border-right:0;border-radius:0 3px 3px 0}.btn-group button{margin:3px}.detail{width:80%;margin:0 auto}.center{width:100%;margin:0 auto}.btn-remove{max-width:70%;margin:0 auto}.actions{margin:0 auto}.container-bottom{height:50px}.well{padding:10px 15px 0 15px}.messages{max-height:50px;overflow-x:hidden;overflow-y:scroll}.legend .title{padding:0 .3em;margin:.5em;border-style:solid;border-width:0 0 0 1em}.inline-four .form-control{max-width:25%}.dropdown{cursor:pointer}

dist/fonts/glyphicons-halflings-regular.svg

@@ -0,0 +1,229 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata></metadata>
+<defs>
+<font id="glyphicons_halflingsregular" horiz-adv-x="1200" >
+<font-face units-per-em="1200" ascent="960" descent="-240" />
+<missing-glyph horiz-adv-x="500" />
+<glyph />
+<glyph />
+<glyph unicode="&#xd;" />
+<glyph unicode=" " />
+<glyph unicode="*" d="M100 500v200h259l-183 183l141 141l183 -183v259h200v-259l183 183l141 -141l-183 -183h259v-200h-259l183 -183l-141 -141l-183 183v-259h-200v259l-183 -183l-141 141l183 183h-259z" />
+<glyph unicode="+" d="M0 400v300h400v400h300v-400h400v-300h-400v-400h-300v400h-400z" />
+<glyph unicode="&#xa0;" />
+<glyph unicode="&#x2000;" horiz-adv-x="652" />
+<glyph unicode="&#x2001;" horiz-adv-x="1304" />
+<glyph unicode="&#x2002;" horiz-adv-x="652" />
+<glyph unicode="&#x2003;" horiz-adv-x="1304" />
+<glyph unicode="&#x2004;" horiz-adv-x="434" />
+<glyph unicode="&#x2005;" horiz-adv-x="326" />
+<glyph unicode="&#x2006;" horiz-adv-x="217" />
+<glyph unicode="&#x2007;" horiz-adv-x="217" />
+<glyph unicode="&#x2008;" horiz-adv-x="163" />
+<glyph unicode="&#x2009;" horiz-adv-x="260" />
+<glyph unicode="&#x200a;" horiz-adv-x="72" />
+<glyph unicode="&#x202f;" horiz-adv-x="260" />
+<glyph unicode="&#x205f;" horiz-adv-x="326" />
+<glyph unicode="&#x20ac;" d="M100 500l100 100h113q0 47 5 100h-218l100 100h135q37 167 112 257q117 141 297 141q242 0 354 -189q60 -103 66 -209h-181q0 55 -25.5 99t-63.5 68t-75 36.5t-67 12.5q-24 0 -52.5 -10t-62.5 -32t-65.5 -67t-50.5 -107h379l-100 -100h-300q-6 -46 -6 -100h406l-100 -100 h-300q9 -74 33 -132t52.5 -91t62 -54.5t59 -29t46.5 -7.5q29 0 66 13t75 37t63.5 67.5t25.5 96.5h174q-31 -172 -128 -278q-107 -117 -274 -117q-205 0 -324 158q-36 46 -69 131.5t-45 205.5h-217z" />
+<glyph unicode="&#x2212;" d="M200 400h900v300h-900v-300z" />
+<glyph unicode="&#x25fc;" horiz-adv-x="500" d="M0 0z" />
+<glyph unicode="&#x2601;" d="M-14 494q0 -80 56.5 -137t135.5 -57h750q120 0 205 86.5t85 207.5t-85 207t-205 86q-46 0 -90 -14q-44 97 -134.5 156.5t-200.5 59.5q-152 0 -260 -107.5t-108 -260.5q0 -25 2 -37q-66 -14 -108.5 -67.5t-42.5 -122.5z" />
+<glyph unicode="&#x2709;" d="M0 100l400 400l200 -200l200 200l400 -400h-1200zM0 300v600l300 -300zM0 1100l600 -603l600 603h-1200zM900 600l300 300v-600z" />
+<glyph unicode="&#x270f;" d="M-13 -13l333 112l-223 223zM187 403l214 -214l614 614l-214 214zM887 1103l214 -214l99 92q13 13 13 32.5t-13 33.5l-153 153q-15 13 -33 13t-33 -13z" />
+<glyph unicode="&#xe001;" d="M0 1200h1200l-500 -550v-550h300v-100h-800v100h300v550z" />
+<glyph unicode="&#xe002;" d="M14 84q18 -55 86 -75.5t147 5.5q65 21 109 69t44 90v606l600 155v-521q-64 16 -138 -7q-79 -26 -122.5 -83t-25.5 -111q18 -55 86 -75.5t147 4.5q70 23 111.5 63.5t41.5 95.5v881q0 10 -7 15.5t-17 2.5l-752 -193q-10 -3 -17 -12.5t-7 -19.5v-689q-64 17 -138 -7 q-79 -25 -122.5 -82t-25.5 -112z" />
+<glyph unicode="&#xe003;" d="M23 693q0 200 142 342t342 142t342 -142t142 -342q0 -142 -78 -261l300 -300q7 -8 7 -18t-7 -18l-109 -109q-8 -7 -18 -7t-18 7l-300 300q-119 -78 -261 -78q-200 0 -342 142t-142 342zM176 693q0 -136 97 -233t234 -97t233.5 96.5t96.5 233.5t-96.5 233.5t-233.5 96.5 t-234 -97t-97 -233z" />
+<glyph unicode="&#xe005;" d="M100 784q0 64 28 123t73 100.5t104.5 64t119 20.5t120 -38.5t104.5 -104.5q48 69 109.5 105t121.5 38t118.5 -20.5t102.5 -64t71 -100.5t27 -123q0 -57 -33.5 -117.5t-94 -124.5t-126.5 -127.5t-150 -152.5t-146 -174q-62 85 -145.5 174t-149.5 152.5t-126.5 127.5 t-94 124.5t-33.5 117.5z" />
+<glyph unicode="&#xe006;" d="M-72 800h479l146 400h2l146 -400h472l-382 -278l145 -449l-384 275l-382 -275l146 447zM168 71l2 1z" />
+<glyph unicode="&#xe007;" d="M-72 800h479l146 400h2l146 -400h472l-382 -278l145 -449l-384 275l-382 -275l146 447zM168 71l2 1zM237 700l196 -142l-73 -226l192 140l195 -141l-74 229l193 140h-235l-77 211l-78 -211h-239z" />
+<glyph unicode="&#xe008;" d="M0 0v143l400 257v100q-37 0 -68.5 74.5t-31.5 125.5v200q0 124 88 212t212 88t212 -88t88 -212v-200q0 -51 -31.5 -125.5t-68.5 -74.5v-100l400 -257v-143h-1200z" />
+<glyph unicode="&#xe009;" d="M0 0v1100h1200v-1100h-1200zM100 100h100v100h-100v-100zM100 300h100v100h-100v-100zM100 500h100v100h-100v-100zM100 700h100v100h-100v-100zM100 900h100v100h-100v-100zM300 100h600v400h-600v-400zM300 600h600v400h-600v-400zM1000 100h100v100h-100v-100z M1000 300h100v100h-100v-100zM1000 500h100v100h-100v-100zM1000 700h100v100h-100v-100zM1000 900h100v100h-100v-100z" />
+<glyph unicode="&#xe010;" d="M0 50v400q0 21 14.5 35.5t35.5 14.5h400q21 0 35.5 -14.5t14.5 -35.5v-400q0 -21 -14.5 -35.5t-35.5 -14.5h-400q-21 0 -35.5 14.5t-14.5 35.5zM0 650v400q0 21 14.5 35.5t35.5 14.5h400q21 0 35.5 -14.5t14.5 -35.5v-400q0 -21 -14.5 -35.5t-35.5 -14.5h-400 q-21 0 -35.5 14.5t-14.5 35.5zM600 50v400q0 21 14.5 35.5t35.5 14.5h400q21 0 35.5 -14.5t14.5 -35.5v-400q0 -21 -14.5 -35.5t-35.5 -14.5h-400q-21 0 -35.5 14.5t-14.5 35.5zM600 650v400q0 21 14.5 35.5t35.5 14.5h400q21 0 35.5 -14.5t14.5 -35.5v-400 q0 -21 -14.5 -35.5t-35.5 -14.5h-400q-21 0 -35.5 14.5t-14.5 35.5z" />
+<glyph unicode="&#xe011;" d="M0 50v200q0 21 14.5 35.5t35.5 14.5h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5zM0 450v200q0 21 14.5 35.5t35.5 14.5h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200 q-21 0 -35.5 14.5t-14.5 35.5zM0 850v200q0 21 14.5 35.5t35.5 14.5h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5zM400 50v200q0 21 14.5 35.5t35.5 14.5h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5 t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5zM400 450v200q0 21 14.5 35.5t35.5 14.5h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5zM400 850v200q0 21 14.5 35.5t35.5 14.5h200q21 0 35.5 -14.5t14.5 -35.5 v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5zM800 50v200q0 21 14.5 35.5t35.5 14.5h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5zM800 450v200q0 21 14.5 35.5t35.5 14.5h200 q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5zM800 850v200q0 21 14.5 35.5t35.5 14.5h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5z" />
+<glyph unicode="&#xe012;" d="M0 50v200q0 21 14.5 35.5t35.5 14.5h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5zM0 450q0 -21 14.5 -35.5t35.5 -14.5h200q21 0 35.5 14.5t14.5 35.5v200q0 21 -14.5 35.5t-35.5 14.5h-200q-21 0 -35.5 -14.5 t-14.5 -35.5v-200zM0 850v200q0 21 14.5 35.5t35.5 14.5h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5zM400 50v200q0 21 14.5 35.5t35.5 14.5h700q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5 t-35.5 -14.5h-700q-21 0 -35.5 14.5t-14.5 35.5zM400 450v200q0 21 14.5 35.5t35.5 14.5h700q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-700q-21 0 -35.5 14.5t-14.5 35.5zM400 850v200q0 21 14.5 35.5t35.5 14.5h700q21 0 35.5 -14.5t14.5 -35.5 v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-700q-21 0 -35.5 14.5t-14.5 35.5z" />
+<glyph unicode="&#xe013;" d="M29 454l419 -420l818 820l-212 212l-607 -607l-206 207z" />
+<glyph unicode="&#xe014;" d="M106 318l282 282l-282 282l212 212l282 -282l282 282l212 -212l-282 -282l282 -282l-212 -212l-282 282l-282 -282z" />
+<glyph unicode="&#xe015;" d="M23 693q0 200 142 342t342 142t342 -142t142 -342q0 -142 -78 -261l300 -300q7 -8 7 -18t-7 -18l-109 -109q-8 -7 -18 -7t-18 7l-300 300q-119 -78 -261 -78q-200 0 -342 142t-142 342zM176 693q0 -136 97 -233t234 -97t233.5 96.5t96.5 233.5t-96.5 233.5t-233.5 96.5 t-234 -97t-97 -233zM300 600v200h100v100h200v-100h100v-200h-100v-100h-200v100h-100z" />
+<glyph unicode="&#xe016;" d="M23 694q0 200 142 342t342 142t342 -142t142 -342q0 -141 -78 -262l300 -299q7 -7 7 -18t-7 -18l-109 -109q-8 -8 -18 -8t-18 8l-300 300q-119 -78 -261 -78q-200 0 -342 142t-142 342zM176 694q0 -136 97 -233t234 -97t233.5 97t96.5 233t-96.5 233t-233.5 97t-234 -97 t-97 -233zM300 601h400v200h-400v-200z" />
+<glyph unicode="&#xe017;" d="M23 600q0 183 105 331t272 210v-166q-103 -55 -165 -155t-62 -220q0 -177 125 -302t302 -125t302 125t125 302q0 120 -62 220t-165 155v166q167 -62 272 -210t105 -331q0 -118 -45.5 -224.5t-123 -184t-184 -123t-224.5 -45.5t-224.5 45.5t-184 123t-123 184t-45.5 224.5 zM500 750q0 -21 14.5 -35.5t35.5 -14.5h100q21 0 35.5 14.5t14.5 35.5v400q0 21 -14.5 35.5t-35.5 14.5h-100q-21 0 -35.5 -14.5t-14.5 -35.5v-400z" />
+<glyph unicode="&#xe018;" d="M100 1h200v300h-200v-300zM400 1v500h200v-500h-200zM700 1v800h200v-800h-200zM1000 1v1200h200v-1200h-200z" />
+<glyph unicode="&#xe019;" d="M26 601q0 -33 6 -74l151 -38l2 -6q14 -49 38 -93l3 -5l-80 -134q45 -59 105 -105l133 81l5 -3q45 -26 94 -39l5 -2l38 -151q40 -5 74 -5q27 0 74 5l38 151l6 2q46 13 93 39l5 3l134 -81q56 44 104 105l-80 134l3 5q24 44 39 93l1 6l152 38q5 40 5 74q0 28 -5 73l-152 38 l-1 6q-16 51 -39 93l-3 5l80 134q-44 58 -104 105l-134 -81l-5 3q-45 25 -93 39l-6 1l-38 152q-40 5 -74 5q-27 0 -74 -5l-38 -152l-5 -1q-50 -14 -94 -39l-5 -3l-133 81q-59 -47 -105 -105l80 -134l-3 -5q-25 -47 -38 -93l-2 -6l-151 -38q-6 -48 -6 -73zM385 601 q0 88 63 151t152 63t152 -63t63 -151q0 -89 -63 -152t-152 -63t-152 63t-63 152z" />
+<glyph unicode="&#xe020;" d="M100 1025v50q0 10 7.5 17.5t17.5 7.5h275v100q0 41 29.5 70.5t70.5 29.5h300q41 0 70.5 -29.5t29.5 -70.5v-100h275q10 0 17.5 -7.5t7.5 -17.5v-50q0 -11 -7 -18t-18 -7h-1050q-11 0 -18 7t-7 18zM200 100v800h900v-800q0 -41 -29.5 -71t-70.5 -30h-700q-41 0 -70.5 30 t-29.5 71zM300 100h100v700h-100v-700zM500 100h100v700h-100v-700zM500 1100h300v100h-300v-100zM700 100h100v700h-100v-700zM900 100h100v700h-100v-700z" />
+<glyph unicode="&#xe021;" d="M1 601l656 644l644 -644h-200v-600h-300v400h-300v-400h-300v600h-200z" />
+<glyph unicode="&#xe022;" d="M100 25v1150q0 11 7 18t18 7h475v-500h400v-675q0 -11 -7 -18t-18 -7h-850q-11 0 -18 7t-7 18zM700 800v300l300 -300h-300z" />
+<glyph unicode="&#xe023;" d="M4 600q0 162 80 299t217 217t299 80t299 -80t217 -217t80 -299t-80 -299t-217 -217t-299 -80t-299 80t-217 217t-80 299zM186 600q0 -171 121.5 -292.5t292.5 -121.5t292.5 121.5t121.5 292.5t-121.5 292.5t-292.5 121.5t-292.5 -121.5t-121.5 -292.5zM500 500v400h100 v-300h200v-100h-300z" />
+<glyph unicode="&#xe024;" d="M-100 0l431 1200h209l-21 -300h162l-20 300h208l431 -1200h-538l-41 400h-242l-40 -400h-539zM488 500h224l-27 300h-170z" />
+<glyph unicode="&#xe025;" d="M0 0v400h490l-290 300h200v500h300v-500h200l-290 -300h490v-400h-1100zM813 200h175v100h-175v-100z" />
+<glyph unicode="&#xe026;" d="M1 600q0 122 47.5 233t127.5 191t191 127.5t233 47.5t233 -47.5t191 -127.5t127.5 -191t47.5 -233t-47.5 -233t-127.5 -191t-191 -127.5t-233 -47.5t-233 47.5t-191 127.5t-127.5 191t-47.5 233zM188 600q0 -170 121 -291t291 -121t291 121t121 291t-121 291t-291 121 t-291 -121t-121 -291zM350 600h150v300h200v-300h150l-250 -300z" />
+<glyph unicode="&#xe027;" d="M4 600q0 162 80 299t217 217t299 80t299 -80t217 -217t80 -299t-80 -299t-217 -217t-299 -80t-299 80t-217 217t-80 299zM186 600q0 -171 121.5 -292.5t292.5 -121.5t292.5 121.5t121.5 292.5t-121.5 292.5t-292.5 121.5t-292.5 -121.5t-121.5 -292.5zM350 600l250 300 l250 -300h-150v-300h-200v300h-150z" />
+<glyph unicode="&#xe028;" d="M0 25v475l200 700h800l199 -700l1 -475q0 -11 -7 -18t-18 -7h-1150q-11 0 -18 7t-7 18zM200 500h200l50 -200h300l50 200h200l-97 500h-606z" />
+<glyph unicode="&#xe029;" d="M4 600q0 162 80 299t217 217t299 80t299 -80t217 -217t80 -299t-80 -299t-217 -217t-299 -80t-299 80t-217 217t-80 299zM186 600q0 -172 121.5 -293t292.5 -121t292.5 121t121.5 293q0 171 -121.5 292.5t-292.5 121.5t-292.5 -121.5t-121.5 -292.5zM500 397v401 l297 -200z" />
+<glyph unicode="&#xe030;" d="M23 600q0 -118 45.5 -224.5t123 -184t184 -123t224.5 -45.5t224.5 45.5t184 123t123 184t45.5 224.5h-150q0 -177 -125 -302t-302 -125t-302 125t-125 302t125 302t302 125q136 0 246 -81l-146 -146h400v400l-145 -145q-157 122 -355 122q-118 0 -224.5 -45.5t-184 -123 t-123 -184t-45.5 -224.5z" />
+<glyph unicode="&#xe031;" d="M23 600q0 118 45.5 224.5t123 184t184 123t224.5 45.5q198 0 355 -122l145 145v-400h-400l147 147q-112 80 -247 80q-177 0 -302 -125t-125 -302h-150zM100 0v400h400l-147 -147q112 -80 247 -80q177 0 302 125t125 302h150q0 -118 -45.5 -224.5t-123 -184t-184 -123 t-224.5 -45.5q-198 0 -355 122z" />
+<glyph unicode="&#xe032;" d="M100 0h1100v1200h-1100v-1200zM200 100v900h900v-900h-900zM300 200v100h100v-100h-100zM300 400v100h100v-100h-100zM300 600v100h100v-100h-100zM300 800v100h100v-100h-100zM500 200h500v100h-500v-100zM500 400v100h500v-100h-500zM500 600v100h500v-100h-500z M500 800v100h500v-100h-500z" />
+<glyph unicode="&#xe033;" d="M0 100v600q0 41 29.5 70.5t70.5 29.5h100v200q0 82 59 141t141 59h300q82 0 141 -59t59 -141v-200h100q41 0 70.5 -29.5t29.5 -70.5v-600q0 -41 -29.5 -70.5t-70.5 -29.5h-900q-41 0 -70.5 29.5t-29.5 70.5zM400 800h300v150q0 21 -14.5 35.5t-35.5 14.5h-200 q-21 0 -35.5 -14.5t-14.5 -35.5v-150z" />
+<glyph unicode="&#xe034;" d="M100 0v1100h100v-1100h-100zM300 400q60 60 127.5 84t127.5 17.5t122 -23t119 -30t110 -11t103 42t91 120.5v500q-40 -81 -101.5 -115.5t-127.5 -29.5t-138 25t-139.5 40t-125.5 25t-103 -29.5t-65 -115.5v-500z" />
+<glyph unicode="&#xe035;" d="M0 275q0 -11 7 -18t18 -7h50q11 0 18 7t7 18v300q0 127 70.5 231.5t184.5 161.5t245 57t245 -57t184.5 -161.5t70.5 -231.5v-300q0 -11 7 -18t18 -7h50q11 0 18 7t7 18v300q0 116 -49.5 227t-131 192.5t-192.5 131t-227 49.5t-227 -49.5t-192.5 -131t-131 -192.5 t-49.5 -227v-300zM200 20v460q0 8 6 14t14 6h160q8 0 14 -6t6 -14v-460q0 -8 -6 -14t-14 -6h-160q-8 0 -14 6t-6 14zM800 20v460q0 8 6 14t14 6h160q8 0 14 -6t6 -14v-460q0 -8 -6 -14t-14 -6h-160q-8 0 -14 6t-6 14z" />
+<glyph unicode="&#xe036;" d="M0 400h300l300 -200v800l-300 -200h-300v-400zM688 459l141 141l-141 141l71 71l141 -141l141 141l71 -71l-141 -141l141 -141l-71 -71l-141 141l-141 -141z" />
+<glyph unicode="&#xe037;" d="M0 400h300l300 -200v800l-300 -200h-300v-400zM700 857l69 53q111 -135 111 -310q0 -169 -106 -302l-67 54q86 110 86 248q0 146 -93 257z" />
+<glyph unicode="&#xe038;" d="M0 401v400h300l300 200v-800l-300 200h-300zM702 858l69 53q111 -135 111 -310q0 -170 -106 -303l-67 55q86 110 86 248q0 145 -93 257zM889 951l7 -8q123 -151 123 -344q0 -189 -119 -339l-7 -8l81 -66l6 8q142 178 142 405q0 230 -144 408l-6 8z" />
+<glyph unicode="&#xe039;" d="M0 0h500v500h-200v100h-100v-100h-200v-500zM0 600h100v100h400v100h100v100h-100v300h-500v-600zM100 100v300h300v-300h-300zM100 800v300h300v-300h-300zM200 200v100h100v-100h-100zM200 900h100v100h-100v-100zM500 500v100h300v-300h200v-100h-100v-100h-200v100 h-100v100h100v200h-200zM600 0v100h100v-100h-100zM600 1000h100v-300h200v-300h300v200h-200v100h200v500h-600v-200zM800 800v300h300v-300h-300zM900 0v100h300v-100h-300zM900 900v100h100v-100h-100zM1100 200v100h100v-100h-100z" />
+<glyph unicode="&#xe040;" d="M0 200h100v1000h-100v-1000zM100 0v100h300v-100h-300zM200 200v1000h100v-1000h-100zM500 0v91h100v-91h-100zM500 200v1000h200v-1000h-200zM700 0v91h100v-91h-100zM800 200v1000h100v-1000h-100zM900 0v91h200v-91h-200zM1000 200v1000h200v-1000h-200z" />
+<glyph unicode="&#xe041;" d="M0 700l1 475q0 10 7.5 17.5t17.5 7.5h474l700 -700l-500 -500zM148 953q0 -42 29 -71q30 -30 71.5 -30t71.5 30q29 29 29 71t-29 71q-30 30 -71.5 30t-71.5 -30q-29 -29 -29 -71z" />
+<glyph unicode="&#xe042;" d="M1 700l1 475q0 11 7 18t18 7h474l700 -700l-500 -500zM148 953q0 -42 30 -71q29 -30 71 -30t71 30q30 29 30 71t-30 71q-29 30 -71 30t-71 -30q-30 -29 -30 -71zM701 1200h100l700 -700l-500 -500l-50 50l450 450z" />
+<glyph unicode="&#xe043;" d="M100 0v1025l175 175h925v-1000l-100 -100v1000h-750l-100 -100h750v-1000h-900z" />
+<glyph unicode="&#xe044;" d="M200 0l450 444l450 -443v1150q0 20 -14.5 35t-35.5 15h-800q-21 0 -35.5 -15t-14.5 -35v-1151z" />
+<glyph unicode="&#xe045;" d="M0 100v700h200l100 -200h600l100 200h200v-700h-200v200h-800v-200h-200zM253 829l40 -124h592l62 124l-94 346q-2 11 -10 18t-18 7h-450q-10 0 -18 -7t-10 -18zM281 24l38 152q2 10 11.5 17t19.5 7h500q10 0 19.5 -7t11.5 -17l38 -152q2 -10 -3.5 -17t-15.5 -7h-600 q-10 0 -15.5 7t-3.5 17z" />
+<glyph unicode="&#xe046;" d="M0 200q0 -41 29.5 -70.5t70.5 -29.5h1000q41 0 70.5 29.5t29.5 70.5v600q0 41 -29.5 70.5t-70.5 29.5h-150q-4 8 -11.5 21.5t-33 48t-53 61t-69 48t-83.5 21.5h-200q-41 0 -82 -20.5t-70 -50t-52 -59t-34 -50.5l-12 -20h-150q-41 0 -70.5 -29.5t-29.5 -70.5v-600z M356 500q0 100 72 172t172 72t172 -72t72 -172t-72 -172t-172 -72t-172 72t-72 172zM494 500q0 -44 31 -75t75 -31t75 31t31 75t-31 75t-75 31t-75 -31t-31 -75zM900 700v100h100v-100h-100z" />
+<glyph unicode="&#xe047;" d="M53 0h365v66q-41 0 -72 11t-49 38t1 71l92 234h391l82 -222q16 -45 -5.5 -88.5t-74.5 -43.5v-66h417v66q-34 1 -74 43q-18 19 -33 42t-21 37l-6 13l-385 998h-93l-399 -1006q-24 -48 -52 -75q-12 -12 -33 -25t-36 -20l-15 -7v-66zM416 521l178 457l46 -140l116 -317h-340 z" />
+<glyph unicode="&#xe048;" d="M100 0v89q41 7 70.5 32.5t29.5 65.5v827q0 28 -1 39.5t-5.5 26t-15.5 21t-29 14t-49 14.5v71l471 -1q120 0 213 -88t93 -228q0 -55 -11.5 -101.5t-28 -74t-33.5 -47.5t-28 -28l-12 -7q8 -3 21.5 -9t48 -31.5t60.5 -58t47.5 -91.5t21.5 -129q0 -84 -59 -156.5t-142 -111 t-162 -38.5h-500zM400 200h161q89 0 153 48.5t64 132.5q0 90 -62.5 154.5t-156.5 64.5h-159v-400zM400 700h139q76 0 130 61.5t54 138.5q0 82 -84 130.5t-239 48.5v-379z" />
+<glyph unicode="&#xe049;" d="M200 0v57q77 7 134.5 40.5t65.5 80.5l173 849q10 56 -10 74t-91 37q-6 1 -10.5 2.5t-9.5 2.5v57h425l2 -57q-33 -8 -62 -25.5t-46 -37t-29.5 -38t-17.5 -30.5l-5 -12l-128 -825q-10 -52 14 -82t95 -36v-57h-500z" />
+<glyph unicode="&#xe050;" d="M-75 200h75v800h-75l125 167l125 -167h-75v-800h75l-125 -167zM300 900v300h150h700h150v-300h-50q0 29 -8 48.5t-18.5 30t-33.5 15t-39.5 5.5t-50.5 1h-200v-850l100 -50v-100h-400v100l100 50v850h-200q-34 0 -50.5 -1t-40 -5.5t-33.5 -15t-18.5 -30t-8.5 -48.5h-49z " />
+<glyph unicode="&#xe051;" d="M33 51l167 125v-75h800v75l167 -125l-167 -125v75h-800v-75zM100 901v300h150h700h150v-300h-50q0 29 -8 48.5t-18 30t-33.5 15t-40 5.5t-50.5 1h-200v-650l100 -50v-100h-400v100l100 50v650h-200q-34 0 -50.5 -1t-39.5 -5.5t-33.5 -15t-18.5 -30t-8 -48.5h-50z" />
+<glyph unicode="&#xe052;" d="M0 50q0 -20 14.5 -35t35.5 -15h1100q21 0 35.5 15t14.5 35v100q0 21 -14.5 35.5t-35.5 14.5h-1100q-21 0 -35.5 -14.5t-14.5 -35.5v-100zM0 350q0 -20 14.5 -35t35.5 -15h800q21 0 35.5 15t14.5 35v100q0 21 -14.5 35.5t-35.5 14.5h-800q-21 0 -35.5 -14.5t-14.5 -35.5 v-100zM0 650q0 -20 14.5 -35t35.5 -15h1000q21 0 35.5 15t14.5 35v100q0 21 -14.5 35.5t-35.5 14.5h-1000q-21 0 -35.5 -14.5t-14.5 -35.5v-100zM0 950q0 -20 14.5 -35t35.5 -15h600q21 0 35.5 15t14.5 35v100q0 21 -14.5 35.5t-35.5 14.5h-600q-21 0 -35.5 -14.5 t-14.5 -35.5v-100z" />
+<glyph unicode="&#xe053;" d="M0 50q0 -20 14.5 -35t35.5 -15h1100q21 0 35.5 15t14.5 35v100q0 21 -14.5 35.5t-35.5 14.5h-1100q-21 0 -35.5 -14.5t-14.5 -35.5v-100zM0 650q0 -20 14.5 -35t35.5 -15h1100q21 0 35.5 15t14.5 35v100q0 21 -14.5 35.5t-35.5 14.5h-1100q-21 0 -35.5 -14.5t-14.5 -35.5 v-100zM200 350q0 -20 14.5 -35t35.5 -15h700q21 0 35.5 15t14.5 35v100q0 21 -14.5 35.5t-35.5 14.5h-700q-21 0 -35.5 -14.5t-14.5 -35.5v-100zM200 950q0 -20 14.5 -35t35.5 -15h700q21 0 35.5 15t14.5 35v100q0 21 -14.5 35.5t-35.5 14.5h-700q-21 0 -35.5 -14.5 t-14.5 -35.5v-100z" />
+<glyph unicode="&#xe054;" d="M0 50v100q0 21 14.5 35.5t35.5 14.5h1100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-1100q-21 0 -35.5 15t-14.5 35zM100 650v100q0 21 14.5 35.5t35.5 14.5h1000q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-1000q-21 0 -35.5 15 t-14.5 35zM300 350v100q0 21 14.5 35.5t35.5 14.5h800q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-800q-21 0 -35.5 15t-14.5 35zM500 950v100q0 21 14.5 35.5t35.5 14.5h600q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-600 q-21 0 -35.5 15t-14.5 35z" />
+<glyph unicode="&#xe055;" d="M0 50v100q0 21 14.5 35.5t35.5 14.5h1100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-1100q-21 0 -35.5 15t-14.5 35zM0 350v100q0 21 14.5 35.5t35.5 14.5h1100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-1100q-21 0 -35.5 15 t-14.5 35zM0 650v100q0 21 14.5 35.5t35.5 14.5h1100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-1100q-21 0 -35.5 15t-14.5 35zM0 950v100q0 21 14.5 35.5t35.5 14.5h1100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-1100 q-21 0 -35.5 15t-14.5 35z" />
+<glyph unicode="&#xe056;" d="M0 50v100q0 21 14.5 35.5t35.5 14.5h100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-100q-21 0 -35.5 15t-14.5 35zM0 350v100q0 21 14.5 35.5t35.5 14.5h100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-100q-21 0 -35.5 15 t-14.5 35zM0 650v100q0 21 14.5 35.5t35.5 14.5h100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-100q-21 0 -35.5 15t-14.5 35zM0 950v100q0 21 14.5 35.5t35.5 14.5h100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-100q-21 0 -35.5 15 t-14.5 35zM300 50v100q0 21 14.5 35.5t35.5 14.5h800q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-800q-21 0 -35.5 15t-14.5 35zM300 350v100q0 21 14.5 35.5t35.5 14.5h800q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-800 q-21 0 -35.5 15t-14.5 35zM300 650v100q0 21 14.5 35.5t35.5 14.5h800q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-800q-21 0 -35.5 15t-14.5 35zM300 950v100q0 21 14.5 35.5t35.5 14.5h800q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15 h-800q-21 0 -35.5 15t-14.5 35z" />
+<glyph unicode="&#xe057;" d="M-101 500v100h201v75l166 -125l-166 -125v75h-201zM300 0h100v1100h-100v-1100zM500 50q0 -20 14.5 -35t35.5 -15h600q20 0 35 15t15 35v100q0 21 -15 35.5t-35 14.5h-600q-21 0 -35.5 -14.5t-14.5 -35.5v-100zM500 350q0 -20 14.5 -35t35.5 -15h300q20 0 35 15t15 35 v100q0 21 -15 35.5t-35 14.5h-300q-21 0 -35.5 -14.5t-14.5 -35.5v-100zM500 650q0 -20 14.5 -35t35.5 -15h500q20 0 35 15t15 35v100q0 21 -15 35.5t-35 14.5h-500q-21 0 -35.5 -14.5t-14.5 -35.5v-100zM500 950q0 -20 14.5 -35t35.5 -15h100q20 0 35 15t15 35v100 q0 21 -15 35.5t-35 14.5h-100q-21 0 -35.5 -14.5t-14.5 -35.5v-100z" />
+<glyph unicode="&#xe058;" d="M1 50q0 -20 14.5 -35t35.5 -15h600q20 0 35 15t15 35v100q0 21 -15 35.5t-35 14.5h-600q-21 0 -35.5 -14.5t-14.5 -35.5v-100zM1 350q0 -20 14.5 -35t35.5 -15h300q20 0 35 15t15 35v100q0 21 -15 35.5t-35 14.5h-300q-21 0 -35.5 -14.5t-14.5 -35.5v-100zM1 650 q0 -20 14.5 -35t35.5 -15h500q20 0 35 15t15 35v100q0 21 -15 35.5t-35 14.5h-500q-21 0 -35.5 -14.5t-14.5 -35.5v-100zM1 950q0 -20 14.5 -35t35.5 -15h100q20 0 35 15t15 35v100q0 21 -15 35.5t-35 14.5h-100q-21 0 -35.5 -14.5t-14.5 -35.5v-100zM801 0v1100h100v-1100 h-100zM934 550l167 -125v75h200v100h-200v75z" />
+<glyph unicode="&#xe059;" d="M0 275v650q0 31 22 53t53 22h750q31 0 53 -22t22 -53v-650q0 -31 -22 -53t-53 -22h-750q-31 0 -53 22t-22 53zM900 600l300 300v-600z" />
+<glyph unicode="&#xe060;" d="M0 44v1012q0 18 13 31t31 13h1112q19 0 31.5 -13t12.5 -31v-1012q0 -18 -12.5 -31t-31.5 -13h-1112q-18 0 -31 13t-13 31zM100 263l247 182l298 -131l-74 156l293 318l236 -288v500h-1000v-737zM208 750q0 56 39 95t95 39t95 -39t39 -95t-39 -95t-95 -39t-95 39t-39 95z " />
+<glyph unicode="&#xe062;" d="M148 745q0 124 60.5 231.5t165 172t226.5 64.5q123 0 227 -63t164.5 -169.5t60.5 -229.5t-73 -272q-73 -114 -166.5 -237t-150.5 -189l-57 -66q-10 9 -27 26t-66.5 70.5t-96 109t-104 135.5t-100.5 155q-63 139 -63 262zM342 772q0 -107 75.5 -182.5t181.5 -75.5 q107 0 182.5 75.5t75.5 182.5t-75.5 182t-182.5 75t-182 -75.5t-75 -181.5z" />
+<glyph unicode="&#xe063;" d="M1 600q0 122 47.5 233t127.5 191t191 127.5t233 47.5t233 -47.5t191 -127.5t127.5 -191t47.5 -233t-47.5 -233t-127.5 -191t-191 -127.5t-233 -47.5t-233 47.5t-191 127.5t-127.5 191t-47.5 233zM173 600q0 -177 125.5 -302t301.5 -125v854q-176 0 -301.5 -125 t-125.5 -302z" />
+<glyph unicode="&#xe064;" d="M117 406q0 94 34 186t88.5 172.5t112 159t115 177t87.5 194.5q21 -71 57.5 -142.5t76 -130.5t83 -118.5t82 -117t70 -116t50 -125.5t18.5 -136q0 -89 -39 -165.5t-102 -126.5t-140 -79.5t-156 -33.5q-114 6 -211.5 53t-161.5 139t-64 210zM243 414q14 -82 59.5 -136 t136.5 -80l16 98q-7 6 -18 17t-34 48t-33 77q-15 73 -14 143.5t10 122.5l9 51q-92 -110 -119.5 -185t-12.5 -156z" />
+<glyph unicode="&#xe065;" d="M0 400v300q0 165 117.5 282.5t282.5 117.5q366 -6 397 -14l-186 -186h-311q-41 0 -70.5 -29.5t-29.5 -70.5v-500q0 -41 29.5 -70.5t70.5 -29.5h500q41 0 70.5 29.5t29.5 70.5v125l200 200v-225q0 -165 -117.5 -282.5t-282.5 -117.5h-300q-165 0 -282.5 117.5 t-117.5 282.5zM436 341l161 50l412 412l-114 113l-405 -405zM995 1015l113 -113l113 113l-21 85l-92 28z" />
+<glyph unicode="&#xe066;" d="M0 400v300q0 165 117.5 282.5t282.5 117.5h261l2 -80q-133 -32 -218 -120h-145q-41 0 -70.5 -29.5t-29.5 -70.5v-500q0 -41 29.5 -70.5t70.5 -29.5h500q41 0 70.5 29.5t29.5 70.5l200 153v-53q0 -165 -117.5 -282.5t-282.5 -117.5h-300q-165 0 -282.5 117.5t-117.5 282.5 zM423 524q30 38 81.5 64t103 35.5t99 14t77.5 3.5l29 -1v-209l360 324l-359 318v-216q-7 0 -19 -1t-48 -8t-69.5 -18.5t-76.5 -37t-76.5 -59t-62 -88t-39.5 -121.5z" />
+<glyph unicode="&#xe067;" d="M0 400v300q0 165 117.5 282.5t282.5 117.5h300q61 0 127 -23l-178 -177h-349q-41 0 -70.5 -29.5t-29.5 -70.5v-500q0 -41 29.5 -70.5t70.5 -29.5h500q41 0 70.5 29.5t29.5 70.5v69l200 200v-169q0 -165 -117.5 -282.5t-282.5 -117.5h-300q-165 0 -282.5 117.5 t-117.5 282.5zM342 632l283 -284l567 567l-137 137l-430 -431l-146 147z" />
+<glyph unicode="&#xe068;" d="M0 603l300 296v-198h200v200h-200l300 300l295 -300h-195v-200h200v198l300 -296l-300 -300v198h-200v-200h195l-295 -300l-300 300h200v200h-200v-198z" />
+<glyph unicode="&#xe069;" d="M200 50v1000q0 21 14.5 35.5t35.5 14.5h100q21 0 35.5 -14.5t14.5 -35.5v-437l500 487v-1100l-500 488v-438q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5z" />
+<glyph unicode="&#xe070;" d="M0 50v1000q0 21 14.5 35.5t35.5 14.5h100q21 0 35.5 -14.5t14.5 -35.5v-437l500 487v-487l500 487v-1100l-500 488v-488l-500 488v-438q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5z" />
+<glyph unicode="&#xe071;" d="M136 550l564 550v-487l500 487v-1100l-500 488v-488z" />
+<glyph unicode="&#xe072;" d="M200 0l900 550l-900 550v-1100z" />
+<glyph unicode="&#xe073;" d="M200 150q0 -21 14.5 -35.5t35.5 -14.5h200q21 0 35.5 14.5t14.5 35.5v800q0 21 -14.5 35.5t-35.5 14.5h-200q-21 0 -35.5 -14.5t-14.5 -35.5v-800zM600 150q0 -21 14.5 -35.5t35.5 -14.5h200q21 0 35.5 14.5t14.5 35.5v800q0 21 -14.5 35.5t-35.5 14.5h-200 q-21 0 -35.5 -14.5t-14.5 -35.5v-800z" />
+<glyph unicode="&#xe074;" d="M200 150q0 -20 14.5 -35t35.5 -15h800q21 0 35.5 15t14.5 35v800q0 21 -14.5 35.5t-35.5 14.5h-800q-21 0 -35.5 -14.5t-14.5 -35.5v-800z" />
+<glyph unicode="&#xe075;" d="M0 0v1100l500 -487v487l564 -550l-564 -550v488z" />
+<glyph unicode="&#xe076;" d="M0 0v1100l500 -487v487l500 -487v437q0 21 14.5 35.5t35.5 14.5h100q21 0 35.5 -14.5t14.5 -35.5v-1000q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5v438l-500 -488v488z" />
+<glyph unicode="&#xe077;" d="M300 0v1100l500 -487v437q0 21 14.5 35.5t35.5 14.5h100q21 0 35.5 -14.5t14.5 -35.5v-1000q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5v438z" />
+<glyph unicode="&#xe078;" d="M100 250v100q0 21 14.5 35.5t35.5 14.5h1000q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-1000q-21 0 -35.5 14.5t-14.5 35.5zM100 500h1100l-550 564z" />
+<glyph unicode="&#xe079;" d="M185 599l592 -592l240 240l-353 353l353 353l-240 240z" />
+<glyph unicode="&#xe080;" d="M272 194l353 353l-353 353l241 240l572 -571l21 -22l-1 -1v-1l-592 -591z" />
+<glyph unicode="&#xe081;" d="M3 600q0 162 80 299.5t217.5 217.5t299.5 80t299.5 -80t217.5 -217.5t80 -299.5t-80 -299.5t-217.5 -217.5t-299.5 -80t-299.5 80t-217.5 217.5t-80 299.5zM300 500h200v-200h200v200h200v200h-200v200h-200v-200h-200v-200z" />
+<glyph unicode="&#xe082;" d="M3 600q0 162 80 299.5t217.5 217.5t299.5 80t299.5 -80t217.5 -217.5t80 -299.5t-80 -299.5t-217.5 -217.5t-299.5 -80t-299.5 80t-217.5 217.5t-80 299.5zM300 500h600v200h-600v-200z" />
+<glyph unicode="&#xe083;" d="M3 600q0 162 80 299.5t217.5 217.5t299.5 80t299.5 -80t217.5 -217.5t80 -299.5t-80 -299.5t-217.5 -217.5t-299.5 -80t-299.5 80t-217.5 217.5t-80 299.5zM246 459l213 -213l141 142l141 -142l213 213l-142 141l142 141l-213 212l-141 -141l-141 142l-212 -213l141 -141 z" />
+<glyph unicode="&#xe084;" d="M3 600q0 162 80 299.5t217.5 217.5t299.5 80t299.5 -80t217.5 -217.5t80 -299.5t-80 -299.5t-217.5 -217.5t-299.5 -80t-299.5 80t-217.5 217.5t-80 299.5zM270 551l276 -277l411 411l-175 174l-236 -236l-102 102z" />
+<glyph unicode="&#xe085;" d="M3 600q0 162 80 299.5t217.5 217.5t299.5 80t299.5 -80t217.5 -217.5t80 -299.5t-80 -299.5t-217.5 -217.5t-299.5 -80t-299.5 80t-217.5 217.5t-80 299.5zM364 700h143q4 0 11.5 -1t11 -1t6.5 3t3 9t1 11t3.5 8.5t3.5 6t5.5 4t6.5 2.5t9 1.5t9 0.5h11.5h12.5 q19 0 30 -10t11 -26q0 -22 -4 -28t-27 -22q-5 -1 -12.5 -3t-27 -13.5t-34 -27t-26.5 -46t-11 -68.5h200q5 3 14 8t31.5 25.5t39.5 45.5t31 69t14 94q0 51 -17.5 89t-42 58t-58.5 32t-58.5 15t-51.5 3q-50 0 -90.5 -12t-75 -38.5t-53.5 -74.5t-19 -114zM500 300h200v100h-200 v-100z" />
+<glyph unicode="&#xe086;" d="M3 600q0 162 80 299.5t217.5 217.5t299.5 80t299.5 -80t217.5 -217.5t80 -299.5t-80 -299.5t-217.5 -217.5t-299.5 -80t-299.5 80t-217.5 217.5t-80 299.5zM400 300h400v100h-100v300h-300v-100h100v-200h-100v-100zM500 800h200v100h-200v-100z" />
+<glyph unicode="&#xe087;" d="M0 500v200h195q31 125 98.5 199.5t206.5 100.5v200h200v-200q54 -20 113 -60t112.5 -105.5t71.5 -134.5h203v-200h-203q-25 -102 -116.5 -186t-180.5 -117v-197h-200v197q-140 27 -208 102.5t-98 200.5h-194zM290 500q24 -73 79.5 -127.5t130.5 -78.5v206h200v-206 q149 48 201 206h-201v200h200q-25 74 -75.5 127t-124.5 77v-204h-200v203q-75 -23 -130 -77t-79 -126h209v-200h-210z" />
+<glyph unicode="&#xe088;" d="M4 600q0 162 80 299t217 217t299 80t299 -80t217 -217t80 -299t-80 -299t-217 -217t-299 -80t-299 80t-217 217t-80 299zM186 600q0 -171 121.5 -292.5t292.5 -121.5t292.5 121.5t121.5 292.5t-121.5 292.5t-292.5 121.5t-292.5 -121.5t-121.5 -292.5zM356 465l135 135 l-135 135l109 109l135 -135l135 135l109 -109l-135 -135l135 -135l-109 -109l-135 135l-135 -135z" />
+<glyph unicode="&#xe089;" d="M4 600q0 162 80 299t217 217t299 80t299 -80t217 -217t80 -299t-80 -299t-217 -217t-299 -80t-299 80t-217 217t-80 299zM186 600q0 -171 121.5 -292.5t292.5 -121.5t292.5 121.5t121.5 292.5t-121.5 292.5t-292.5 121.5t-292.5 -121.5t-121.5 -292.5zM322 537l141 141 l87 -87l204 205l142 -142l-346 -345z" />
+<glyph unicode="&#xe090;" d="M4 600q0 162 80 299t217 217t299 80t299 -80t217 -217t80 -299t-80 -299t-217 -217t-299 -80t-299 80t-217 217t-80 299zM186 600q0 -115 62 -215l568 567q-100 62 -216 62q-171 0 -292.5 -121.5t-121.5 -292.5zM391 245q97 -59 209 -59q171 0 292.5 121.5t121.5 292.5 q0 112 -59 209z" />
+<glyph unicode="&#xe091;" d="M0 547l600 453v-300h600v-300h-600v-301z" />
+<glyph unicode="&#xe092;" d="M0 400v300h600v300l600 -453l-600 -448v301h-600z" />
+<glyph unicode="&#xe093;" d="M204 600l450 600l444 -600h-298v-600h-300v600h-296z" />
+<glyph unicode="&#xe094;" d="M104 600h296v600h300v-600h298l-449 -600z" />
+<glyph unicode="&#xe095;" d="M0 200q6 132 41 238.5t103.5 193t184 138t271.5 59.5v271l600 -453l-600 -448v301q-95 -2 -183 -20t-170 -52t-147 -92.5t-100 -135.5z" />
+<glyph unicode="&#xe096;" d="M0 0v400l129 -129l294 294l142 -142l-294 -294l129 -129h-400zM635 777l142 -142l294 294l129 -129v400h-400l129 -129z" />
+<glyph unicode="&#xe097;" d="M34 176l295 295l-129 129h400v-400l-129 130l-295 -295zM600 600v400l129 -129l295 295l142 -141l-295 -295l129 -130h-400z" />
+<glyph unicode="&#xe101;" d="M23 600q0 118 45.5 224.5t123 184t184 123t224.5 45.5t224.5 -45.5t184 -123t123 -184t45.5 -224.5t-45.5 -224.5t-123 -184t-184 -123t-224.5 -45.5t-224.5 45.5t-184 123t-123 184t-45.5 224.5zM456 851l58 -302q4 -20 21.5 -34.5t37.5 -14.5h54q20 0 37.5 14.5 t21.5 34.5l58 302q4 20 -8 34.5t-32 14.5h-207q-21 0 -33 -14.5t-8 -34.5zM500 300h200v100h-200v-100z" />
+<glyph unicode="&#xe102;" d="M0 800h100v-200h400v300h200v-300h400v200h100v100h-111q1 1 1 6.5t-1.5 15t-3.5 17.5l-34 172q-11 39 -41.5 63t-69.5 24q-32 0 -61 -17l-239 -144q-22 -13 -40 -35q-19 24 -40 36l-238 144q-33 18 -62 18q-39 0 -69.5 -23t-40.5 -61l-35 -177q-2 -8 -3 -18t-1 -15v-6 h-111v-100zM100 0h400v400h-400v-400zM200 900q-3 0 14 48t36 96l18 47l213 -191h-281zM700 0v400h400v-400h-400zM731 900l202 197q5 -12 12 -32.5t23 -64t25 -72t7 -28.5h-269z" />
+<glyph unicode="&#xe103;" d="M0 -22v143l216 193q-9 53 -13 83t-5.5 94t9 113t38.5 114t74 124q47 60 99.5 102.5t103 68t127.5 48t145.5 37.5t184.5 43.5t220 58.5q0 -189 -22 -343t-59 -258t-89 -181.5t-108.5 -120t-122 -68t-125.5 -30t-121.5 -1.5t-107.5 12.5t-87.5 17t-56.5 7.5l-99 -55z M238.5 300.5q19.5 -6.5 86.5 76.5q55 66 367 234q70 38 118.5 69.5t102 79t99 111.5t86.5 148q22 50 24 60t-6 19q-7 5 -17 5t-26.5 -14.5t-33.5 -39.5q-35 -51 -113.5 -108.5t-139.5 -89.5l-61 -32q-369 -197 -458 -401q-48 -111 -28.5 -117.5z" />
+<glyph unicode="&#xe104;" d="M111 408q0 -33 5 -63q9 -56 44 -119.5t105 -108.5q31 -21 64 -16t62 23.5t57 49.5t48 61.5t35 60.5q32 66 39 184.5t-13 157.5q79 -80 122 -164t26 -184q-5 -33 -20.5 -69.5t-37.5 -80.5q-10 -19 -14.5 -29t-12 -26t-9 -23.5t-3 -19t2.5 -15.5t11 -9.5t19.5 -5t30.5 2.5 t42 8q57 20 91 34t87.5 44.5t87 64t65.5 88.5t47 122q38 172 -44.5 341.5t-246.5 278.5q22 -44 43 -129q39 -159 -32 -154q-15 2 -33 9q-79 33 -120.5 100t-44 175.5t48.5 257.5q-13 -8 -34 -23.5t-72.5 -66.5t-88.5 -105.5t-60 -138t-8 -166.5q2 -12 8 -41.5t8 -43t6 -39.5 t3.5 -39.5t-1 -33.5t-6 -31.5t-13.5 -24t-21 -20.5t-31 -12q-38 -10 -67 13t-40.5 61.5t-15 81.5t10.5 75q-52 -46 -83.5 -101t-39 -107t-7.5 -85z" />
+<glyph unicode="&#xe105;" d="M-61 600l26 40q6 10 20 30t49 63.5t74.5 85.5t97 90t116.5 83.5t132.5 59t145.5 23.5t145.5 -23.5t132.5 -59t116.5 -83.5t97 -90t74.5 -85.5t49 -63.5t20 -30l26 -40l-26 -40q-6 -10 -20 -30t-49 -63.5t-74.5 -85.5t-97 -90t-116.5 -83.5t-132.5 -59t-145.5 -23.5 t-145.5 23.5t-132.5 59t-116.5 83.5t-97 90t-74.5 85.5t-49 63.5t-20 30zM120 600q7 -10 40.5 -58t56 -78.5t68 -77.5t87.5 -75t103 -49.5t125 -21.5t123.5 20t100.5 45.5t85.5 71.5t66.5 75.5t58 81.5t47 66q-1 1 -28.5 37.5t-42 55t-43.5 53t-57.5 63.5t-58.5 54 q49 -74 49 -163q0 -124 -88 -212t-212 -88t-212 88t-88 212q0 85 46 158q-102 -87 -226 -258zM377 656q49 -124 154 -191l105 105q-37 24 -75 72t-57 84l-20 36z" />
+<glyph unicode="&#xe106;" d="M-61 600l26 40q6 10 20 30t49 63.5t74.5 85.5t97 90t116.5 83.5t132.5 59t145.5 23.5q61 0 121 -17l37 142h148l-314 -1200h-148l37 143q-82 21 -165 71.5t-140 102t-109.5 112t-72 88.5t-29.5 43zM120 600q210 -282 393 -336l37 141q-107 18 -178.5 101.5t-71.5 193.5 q0 85 46 158q-102 -87 -226 -258zM377 656q49 -124 154 -191l47 47l23 87q-30 28 -59 69t-44 68l-14 26zM780 161l38 145q22 15 44.5 34t46 44t40.5 44t41 50.5t33.5 43.5t33 44t24.5 34q-97 127 -140 175l39 146q67 -54 131.5 -125.5t87.5 -103.5t36 -52l26 -40l-26 -40 q-7 -12 -25.5 -38t-63.5 -79.5t-95.5 -102.5t-124 -100t-146.5 -79z" />
+<glyph unicode="&#xe107;" d="M-97.5 34q13.5 -34 50.5 -34h1294q37 0 50.5 35.5t-7.5 67.5l-642 1056q-20 34 -48 36.5t-48 -29.5l-642 -1066q-21 -32 -7.5 -66zM155 200l445 723l445 -723h-345v100h-200v-100h-345zM500 600l100 -300l100 300v100h-200v-100z" />
+<glyph unicode="&#xe108;" d="M100 262v41q0 20 11 44.5t26 38.5l363 325v339q0 62 44 106t106 44t106 -44t44 -106v-339l363 -325q15 -14 26 -38.5t11 -44.5v-41q0 -20 -12 -26.5t-29 5.5l-359 249v-263q100 -91 100 -113v-64q0 -20 -13 -28.5t-32 0.5l-94 78h-222l-94 -78q-19 -9 -32 -0.5t-13 28.5 v64q0 22 100 113v263l-359 -249q-17 -12 -29 -5.5t-12 26.5z" />
+<glyph unicode="&#xe109;" d="M0 50q0 -20 14.5 -35t35.5 -15h1000q21 0 35.5 15t14.5 35v750h-1100v-750zM0 900h1100v150q0 21 -14.5 35.5t-35.5 14.5h-150v100h-100v-100h-500v100h-100v-100h-150q-21 0 -35.5 -14.5t-14.5 -35.5v-150zM100 100v100h100v-100h-100zM100 300v100h100v-100h-100z M100 500v100h100v-100h-100zM300 100v100h100v-100h-100zM300 300v100h100v-100h-100zM300 500v100h100v-100h-100zM500 100v100h100v-100h-100zM500 300v100h100v-100h-100zM500 500v100h100v-100h-100zM700 100v100h100v-100h-100zM700 300v100h100v-100h-100zM700 500 v100h100v-100h-100zM900 100v100h100v-100h-100zM900 300v100h100v-100h-100zM900 500v100h100v-100h-100z" />
+<glyph unicode="&#xe110;" d="M0 200v200h259l600 600h241v198l300 -295l-300 -300v197h-159l-600 -600h-341zM0 800h259l122 -122l141 142l-181 180h-341v-200zM678 381l141 142l122 -123h159v198l300 -295l-300 -300v197h-241z" />
+<glyph unicode="&#xe111;" d="M0 400v600q0 41 29.5 70.5t70.5 29.5h1000q41 0 70.5 -29.5t29.5 -70.5v-600q0 -41 -29.5 -70.5t-70.5 -29.5h-596l-304 -300v300h-100q-41 0 -70.5 29.5t-29.5 70.5z" />
+<glyph unicode="&#xe112;" d="M100 600v200h300v-250q0 -113 6 -145q17 -92 102 -117q39 -11 92 -11q37 0 66.5 5.5t50 15.5t36 24t24 31.5t14 37.5t7 42t2.5 45t0 47v25v250h300v-200q0 -42 -3 -83t-15 -104t-31.5 -116t-58 -109.5t-89 -96.5t-129 -65.5t-174.5 -25.5t-174.5 25.5t-129 65.5t-89 96.5 t-58 109.5t-31.5 116t-15 104t-3 83zM100 900v300h300v-300h-300zM800 900v300h300v-300h-300z" />
+<glyph unicode="&#xe113;" d="M-30 411l227 -227l352 353l353 -353l226 227l-578 579z" />
+<glyph unicode="&#xe114;" d="M70 797l580 -579l578 579l-226 227l-353 -353l-352 353z" />
+<glyph unicode="&#xe115;" d="M-198 700l299 283l300 -283h-203v-400h385l215 -200h-800v600h-196zM402 1000l215 -200h381v-400h-198l299 -283l299 283h-200v600h-796z" />
+<glyph unicode="&#xe116;" d="M18 939q-5 24 10 42q14 19 39 19h896l38 162q5 17 18.5 27.5t30.5 10.5h94q20 0 35 -14.5t15 -35.5t-15 -35.5t-35 -14.5h-54l-201 -961q-2 -4 -6 -10.5t-19 -17.5t-33 -11h-31v-50q0 -20 -14.5 -35t-35.5 -15t-35.5 15t-14.5 35v50h-300v-50q0 -20 -14.5 -35t-35.5 -15 t-35.5 15t-14.5 35v50h-50q-21 0 -35.5 15t-14.5 35q0 21 14.5 35.5t35.5 14.5h535l48 200h-633q-32 0 -54.5 21t-27.5 43z" />
+<glyph unicode="&#xe117;" d="M0 0v800h1200v-800h-1200zM0 900v100h200q0 41 29.5 70.5t70.5 29.5h300q41 0 70.5 -29.5t29.5 -70.5h500v-100h-1200z" />
+<glyph unicode="&#xe118;" d="M1 0l300 700h1200l-300 -700h-1200zM1 400v600h200q0 41 29.5 70.5t70.5 29.5h300q41 0 70.5 -29.5t29.5 -70.5h500v-200h-1000z" />
+<glyph unicode="&#xe119;" d="M302 300h198v600h-198l298 300l298 -300h-198v-600h198l-298 -300z" />
+<glyph unicode="&#xe120;" d="M0 600l300 298v-198h600v198l300 -298l-300 -297v197h-600v-197z" />
+<glyph unicode="&#xe121;" d="M0 100v100q0 41 29.5 70.5t70.5 29.5h1000q41 0 70.5 -29.5t29.5 -70.5v-100q0 -41 -29.5 -70.5t-70.5 -29.5h-1000q-41 0 -70.5 29.5t-29.5 70.5zM31 400l172 739q5 22 23 41.5t38 19.5h672q19 0 37.5 -22.5t23.5 -45.5l172 -732h-1138zM800 100h100v100h-100v-100z M1000 100h100v100h-100v-100z" />
+<glyph unicode="&#xe122;" d="M-101 600v50q0 24 25 49t50 38l25 13v-250l-11 5.5t-24 14t-30 21.5t-24 27.5t-11 31.5zM100 500v250v8v8v7t0.5 7t1.5 5.5t2 5t3 4t4.5 3.5t6 1.5t7.5 0.5h200l675 250v-850l-675 200h-38l47 -276q2 -12 -3 -17.5t-11 -6t-21 -0.5h-8h-83q-20 0 -34.5 14t-18.5 35 q-55 337 -55 351zM1100 200v850q0 21 14.5 35.5t35.5 14.5q20 0 35 -14.5t15 -35.5v-850q0 -20 -15 -35t-35 -15q-21 0 -35.5 15t-14.5 35z" />
+<glyph unicode="&#xe123;" d="M74 350q0 21 13.5 35.5t33.5 14.5h18l117 173l63 327q15 77 76 140t144 83l-18 32q-6 19 3 32t29 13h94q20 0 29 -10.5t3 -29.5q-18 -36 -18 -37q83 -19 144 -82.5t76 -140.5l63 -327l118 -173h17q20 0 33.5 -14.5t13.5 -35.5q0 -20 -13 -40t-31 -27q-8 -3 -23 -8.5 t-65 -20t-103 -25t-132.5 -19.5t-158.5 -9q-125 0 -245.5 20.5t-178.5 40.5l-58 20q-18 7 -31 27.5t-13 40.5zM497 110q12 -49 40 -79.5t63 -30.5t63 30.5t39 79.5q-48 -6 -102 -6t-103 6z" />
+<glyph unicode="&#xe124;" d="M21 445l233 -45l-78 -224l224 78l45 -233l155 179l155 -179l45 233l224 -78l-78 224l234 45l-180 155l180 156l-234 44l78 225l-224 -78l-45 233l-155 -180l-155 180l-45 -233l-224 78l78 -225l-233 -44l179 -156z" />
+<glyph unicode="&#xe125;" d="M0 200h200v600h-200v-600zM300 275q0 -75 100 -75h61q124 -100 139 -100h250q46 0 83 57l238 344q29 31 29 74v100q0 44 -30.5 84.5t-69.5 40.5h-328q28 118 28 125v150q0 44 -30.5 84.5t-69.5 40.5h-50q-27 0 -51 -20t-38 -48l-96 -198l-145 -196q-20 -26 -20 -63v-400z M400 300v375l150 213l100 212h50v-175l-50 -225h450v-125l-250 -375h-214l-136 100h-100z" />
+<glyph unicode="&#xe126;" d="M0 400v600h200v-600h-200zM300 525v400q0 75 100 75h61q124 100 139 100h250q46 0 83 -57l238 -344q29 -31 29 -74v-100q0 -44 -30.5 -84.5t-69.5 -40.5h-328q28 -118 28 -125v-150q0 -44 -30.5 -84.5t-69.5 -40.5h-50q-27 0 -51 20t-38 48l-96 198l-145 196 q-20 26 -20 63zM400 525l150 -212l100 -213h50v175l-50 225h450v125l-250 375h-214l-136 -100h-100v-375z" />
+<glyph unicode="&#xe127;" d="M8 200v600h200v-600h-200zM308 275v525q0 17 14 35.5t28 28.5l14 9l362 230q14 6 25 6q17 0 29 -12l109 -112q14 -14 14 -34q0 -18 -11 -32l-85 -121h302q85 0 138.5 -38t53.5 -110t-54.5 -111t-138.5 -39h-107l-130 -339q-7 -22 -20.5 -41.5t-28.5 -19.5h-341 q-7 0 -90 81t-83 94zM408 289l100 -89h293l131 339q6 21 19.5 41t28.5 20h203q16 0 25 15t9 36q0 20 -9 34.5t-25 14.5h-457h-6.5h-7.5t-6.5 0.5t-6 1t-5 1.5t-5.5 2.5t-4 4t-4 5.5q-5 12 -5 20q0 14 10 27l147 183l-86 83l-339 -236v-503z" />
+<glyph unicode="&#xe128;" d="M-101 651q0 72 54 110t139 38l302 -1l-85 121q-11 16 -11 32q0 21 14 34l109 113q13 12 29 12q11 0 25 -6l365 -230q7 -4 17 -10.5t26.5 -26t16.5 -36.5v-526q0 -13 -86 -93.5t-94 -80.5h-341q-16 0 -29.5 20t-19.5 41l-130 339h-107q-84 0 -139 39t-55 111zM-1 601h222 q15 0 28.5 -20.5t19.5 -40.5l131 -339h293l107 89v502l-343 237l-87 -83l145 -184q10 -11 10 -26q0 -11 -5 -20q-1 -3 -3.5 -5.5l-4 -4t-5 -2.5t-5.5 -1.5t-6.5 -1t-6.5 -0.5h-7.5h-6.5h-476v-100zM1000 201v600h200v-600h-200z" />
+<glyph unicode="&#xe129;" d="M97 719l230 -363q4 -6 10.5 -15.5t26 -25t36.5 -15.5h525q13 0 94 83t81 90v342q0 15 -20 28.5t-41 19.5l-339 131v106q0 84 -39 139t-111 55t-110 -53.5t-38 -138.5v-302l-121 84q-15 12 -33.5 11.5t-32.5 -13.5l-112 -110q-22 -22 -6 -53zM172 739l83 86l183 -146 q22 -18 47 -5q3 1 5.5 3.5l4 4t2.5 5t1.5 5.5t1 6.5t0.5 6.5v7.5v6.5v456q0 22 25 31t50 -0.5t25 -30.5v-202q0 -16 20 -29.5t41 -19.5l339 -130v-294l-89 -100h-503zM400 0v200h600v-200h-600z" />
+<glyph unicode="&#xe130;" d="M2 585q-16 -31 6 -53l112 -110q13 -13 32 -13.5t34 10.5l121 85q0 -51 -0.5 -153.5t-0.5 -148.5q0 -84 38.5 -138t110.5 -54t111 55t39 139v106l339 131q20 6 40.5 19.5t20.5 28.5v342q0 7 -81 90t-94 83h-525q-17 0 -35.5 -14t-28.5 -28l-10 -15zM77 565l236 339h503 l89 -100v-294l-340 -130q-20 -6 -40 -20t-20 -29v-202q0 -22 -25 -31t-50 0t-25 31v456v14.5t-1.5 11.5t-5 12t-9.5 7q-24 13 -46 -5l-184 -146zM305 1104v200h600v-200h-600z" />
+<glyph unicode="&#xe131;" d="M5 597q0 122 47.5 232.5t127.5 190.5t190.5 127.5t232.5 47.5q162 0 299.5 -80t217.5 -218t80 -300t-80 -299.5t-217.5 -217.5t-299.5 -80t-300 80t-218 217.5t-80 299.5zM298 701l2 -201h300l-2 -194l402 294l-402 298v-197h-300z" />
+<glyph unicode="&#xe132;" d="M0 597q0 122 47.5 232.5t127.5 190.5t190.5 127.5t231.5 47.5q122 0 232.5 -47.5t190.5 -127.5t127.5 -190.5t47.5 -232.5q0 -162 -80 -299.5t-218 -217.5t-300 -80t-299.5 80t-217.5 217.5t-80 299.5zM200 600l402 -294l-2 194h300l2 201h-300v197z" />
+<glyph unicode="&#xe133;" d="M5 597q0 122 47.5 232.5t127.5 190.5t190.5 127.5t232.5 47.5q162 0 299.5 -80t217.5 -218t80 -300t-80 -299.5t-217.5 -217.5t-299.5 -80t-300 80t-218 217.5t-80 299.5zM300 600h200v-300h200v300h200l-300 400z" />
+<glyph unicode="&#xe134;" d="M5 597q0 122 47.5 232.5t127.5 190.5t190.5 127.5t232.5 47.5q162 0 299.5 -80t217.5 -218t80 -300t-80 -299.5t-217.5 -217.5t-299.5 -80t-300 80t-218 217.5t-80 299.5zM300 600l300 -400l300 400h-200v300h-200v-300h-200z" />
+<glyph unicode="&#xe135;" d="M5 597q0 122 47.5 232.5t127.5 190.5t190.5 127.5t232.5 47.5q121 0 231.5 -47.5t190.5 -127.5t127.5 -190.5t47.5 -232.5q0 -162 -80 -299.5t-217.5 -217.5t-299.5 -80t-300 80t-218 217.5t-80 299.5zM254 780q-8 -33 5.5 -92.5t7.5 -87.5q0 -9 17 -44t16 -60 q12 0 23 -5.5t23 -15t20 -13.5q24 -12 108 -42q22 -8 53 -31.5t59.5 -38.5t57.5 -11q8 -18 -15 -55t-20 -57q42 -71 87 -80q0 -6 -3 -15.5t-3.5 -14.5t4.5 -17q104 -3 221 112q30 29 47 47t34.5 49t20.5 62q-14 9 -37 9.5t-36 7.5q-14 7 -49 15t-52 19q-9 0 -39.5 -0.5 t-46.5 -1.5t-39 -6.5t-39 -16.5q-50 -35 -66 -12q-4 2 -3.5 25.5t0.5 25.5q-6 13 -26.5 17t-24.5 7q2 22 -2 41t-16.5 28t-38.5 -20q-23 -25 -42 4q-19 28 -8 58q6 16 22 22q6 -1 26 -1.5t33.5 -4t19.5 -13.5q12 -19 32 -37.5t34 -27.5l14 -8q0 3 9.5 39.5t5.5 57.5 q-4 23 14.5 44.5t22.5 31.5q5 14 10 35t8.5 31t15.5 22.5t34 21.5q-6 18 10 37q8 0 23.5 -1.5t24.5 -1.5t20.5 4.5t20.5 15.5q-10 23 -30.5 42.5t-38 30t-49 26.5t-43.5 23q11 39 2 44q31 -13 58 -14.5t39 3.5l11 4q7 36 -16.5 53.5t-64.5 28.5t-56 23q-19 -3 -37 0 q-15 -12 -36.5 -21t-34.5 -12t-44 -8t-39 -6q-15 -3 -45.5 0.5t-45.5 -2.5q-21 -7 -52 -26.5t-34 -34.5q-3 -11 6.5 -22.5t8.5 -18.5q-3 -34 -27.5 -90.5t-29.5 -79.5zM518 916q3 12 16 30t16 25q10 -10 18.5 -10t14 6t14.5 14.5t16 12.5q0 -24 17 -66.5t17 -43.5 q-9 2 -31 5t-36 5t-32 8t-30 14zM692 1003h1h-1z" />
+<glyph unicode="&#xe136;" d="M0 164.5q0 21.5 15 37.5l600 599q-33 101 6 201.5t135 154.5q164 92 306 -9l-259 -138l145 -232l251 126q13 -175 -151 -267q-123 -70 -253 -23l-596 -596q-15 -16 -36.5 -16t-36.5 16l-111 110q-15 15 -15 36.5z" />
+<glyph unicode="&#xe137;" horiz-adv-x="1220" d="M0 196v100q0 41 29.5 70.5t70.5 29.5h1000q41 0 70.5 -29.5t29.5 -70.5v-100q0 -41 -29.5 -70.5t-70.5 -29.5h-1000q-41 0 -70.5 29.5t-29.5 70.5zM0 596v100q0 41 29.5 70.5t70.5 29.5h1000q41 0 70.5 -29.5t29.5 -70.5v-100q0 -41 -29.5 -70.5t-70.5 -29.5h-1000 q-41 0 -70.5 29.5t-29.5 70.5zM0 996v100q0 41 29.5 70.5t70.5 29.5h1000q41 0 70.5 -29.5t29.5 -70.5v-100q0 -41 -29.5 -70.5t-70.5 -29.5h-1000q-41 0 -70.5 29.5t-29.5 70.5zM600 596h500v100h-500v-100zM800 196h300v100h-300v-100zM900 996h200v100h-200v-100z" />
+<glyph unicode="&#xe138;" d="M100 1100v100h1000v-100h-1000zM150 1000h900l-350 -500v-300l-200 -200v500z" />
+<glyph unicode="&#xe139;" d="M0 200v200h1200v-200q0 -41 -29.5 -70.5t-70.5 -29.5h-1000q-41 0 -70.5 29.5t-29.5 70.5zM0 500v400q0 41 29.5 70.5t70.5 29.5h300v100q0 41 29.5 70.5t70.5 29.5h200q41 0 70.5 -29.5t29.5 -70.5v-100h300q41 0 70.5 -29.5t29.5 -70.5v-400h-500v100h-200v-100h-500z M500 1000h200v100h-200v-100z" />
+<glyph unicode="&#xe140;" d="M0 0v400l129 -129l200 200l142 -142l-200 -200l129 -129h-400zM0 800l129 129l200 -200l142 142l-200 200l129 129h-400v-400zM729 329l142 142l200 -200l129 129v-400h-400l129 129zM729 871l200 200l-129 129h400v-400l-129 129l-200 -200z" />
+<glyph unicode="&#xe141;" d="M0 596q0 162 80 299t217 217t299 80t299 -80t217 -217t80 -299t-80 -299t-217 -217t-299 -80t-299 80t-217 217t-80 299zM182 596q0 -172 121.5 -293t292.5 -121t292.5 121t121.5 293q0 171 -121.5 292.5t-292.5 121.5t-292.5 -121.5t-121.5 -292.5zM291 655 q0 23 15.5 38.5t38.5 15.5t39 -16t16 -38q0 -23 -16 -39t-39 -16q-22 0 -38 16t-16 39zM400 850q0 22 16 38.5t39 16.5q22 0 38 -16t16 -39t-16 -39t-38 -16q-23 0 -39 16.5t-16 38.5zM514 609q0 32 20.5 56.5t51.5 29.5l122 126l1 1q-9 14 -9 28q0 22 16 38.5t39 16.5 q22 0 38 -16t16 -39t-16 -39t-38 -16q-14 0 -29 10l-55 -145q17 -22 17 -51q0 -36 -25.5 -61.5t-61.5 -25.5t-61.5 25.5t-25.5 61.5zM800 655q0 22 16 38t39 16t38.5 -15.5t15.5 -38.5t-16 -39t-38 -16q-23 0 -39 16t-16 39z" />
+<glyph unicode="&#xe142;" d="M-40 375q-13 -95 35 -173q35 -57 94 -89t129 -32q63 0 119 28q33 16 65 40.5t52.5 45.5t59.5 64q40 44 57 61l394 394q35 35 47 84t-3 96q-27 87 -117 104q-20 2 -29 2q-46 0 -78.5 -16.5t-67.5 -51.5l-389 -396l-7 -7l69 -67l377 373q20 22 39 38q23 23 50 23 q38 0 53 -36q16 -39 -20 -75l-547 -547q-52 -52 -125 -52q-55 0 -100 33t-54 96q-5 35 2.5 66t31.5 63t42 50t56 54q24 21 44 41l348 348q52 52 82.5 79.5t84 54t107.5 26.5q25 0 48 -4q95 -17 154 -94.5t51 -175.5q-7 -101 -98 -192l-252 -249l-253 -256l7 -7l69 -60 l517 511q67 67 95 157t11 183q-16 87 -67 154t-130 103q-69 33 -152 33q-107 0 -197 -55q-40 -24 -111 -95l-512 -512q-68 -68 -81 -163z" />
+<glyph unicode="&#xe143;" d="M80 784q0 131 98.5 229.5t230.5 98.5q143 0 241 -129q103 129 246 129q129 0 226 -98.5t97 -229.5q0 -46 -17.5 -91t-61 -99t-77 -89.5t-104.5 -105.5q-197 -191 -293 -322l-17 -23l-16 23q-43 58 -100 122.5t-92 99.5t-101 100q-71 70 -104.5 105.5t-77 89.5t-61 99 t-17.5 91zM250 784q0 -27 30.5 -70t61.5 -75.5t95 -94.5l22 -22q93 -90 190 -201q82 92 195 203l12 12q64 62 97.5 97t64.5 79t31 72q0 71 -48 119.5t-105 48.5q-74 0 -132 -83l-118 -171l-114 174q-51 80 -123 80q-60 0 -109.5 -49.5t-49.5 -118.5z" />
+<glyph unicode="&#xe144;" d="M57 353q0 -95 66 -159l141 -142q68 -66 159 -66q93 0 159 66l283 283q66 66 66 159t-66 159l-141 141q-8 9 -19 17l-105 -105l212 -212l-389 -389l-247 248l95 95l-18 18q-46 45 -75 101l-55 -55q-66 -66 -66 -159zM269 706q0 -93 66 -159l141 -141q7 -7 19 -17l105 105 l-212 212l389 389l247 -247l-95 -96l18 -17q47 -49 77 -100l29 29q35 35 62.5 88t27.5 96q0 93 -66 159l-141 141q-66 66 -159 66q-95 0 -159 -66l-283 -283q-66 -64 -66 -159z" />
+<glyph unicode="&#xe145;" d="M200 100v953q0 21 30 46t81 48t129 38t163 15t162 -15t127 -38t79 -48t29 -46v-953q0 -41 -29.5 -70.5t-70.5 -29.5h-600q-41 0 -70.5 29.5t-29.5 70.5zM300 300h600v700h-600v-700zM496 150q0 -43 30.5 -73.5t73.5 -30.5t73.5 30.5t30.5 73.5t-30.5 73.5t-73.5 30.5 t-73.5 -30.5t-30.5 -73.5z" />
+<glyph unicode="&#xe146;" d="M0 0l303 380l207 208l-210 212h300l267 279l-35 36q-15 14 -15 35t15 35q14 15 35 15t35 -15l283 -282q15 -15 15 -36t-15 -35q-14 -15 -35 -15t-35 15l-36 35l-279 -267v-300l-212 210l-208 -207z" />
+<glyph unicode="&#xe148;" d="M295 433h139q5 -77 48.5 -126.5t117.5 -64.5v335q-6 1 -15.5 4t-11.5 3q-46 14 -79 26.5t-72 36t-62.5 52t-40 72.5t-16.5 99q0 92 44 159.5t109 101t144 40.5v78h100v-79q38 -4 72.5 -13.5t75.5 -31.5t71 -53.5t51.5 -84t24.5 -118.5h-159q-8 72 -35 109.5t-101 50.5 v-307l64 -14q34 -7 64 -16.5t70 -31.5t67.5 -52t47.5 -80.5t20 -112.5q0 -139 -89 -224t-244 -96v-77h-100v78q-152 17 -237 104q-40 40 -52.5 93.5t-15.5 139.5zM466 889q0 -29 8 -51t16.5 -34t29.5 -22.5t31 -13.5t38 -10q7 -2 11 -3v274q-61 -8 -97.5 -37.5t-36.5 -102.5 zM700 237q170 18 170 151q0 64 -44 99.5t-126 60.5v-311z" />
+<glyph unicode="&#xe149;" d="M100 600v100h166q-24 49 -44 104q-10 26 -14.5 55.5t-3 72.5t25 90t68.5 87q97 88 263 88q129 0 230 -89t101 -208h-153q0 52 -34 89.5t-74 51.5t-76 14q-37 0 -79 -14.5t-62 -35.5q-41 -44 -41 -101q0 -28 16.5 -69.5t28 -62.5t41.5 -72h241v-100h-197q8 -50 -2.5 -115 t-31.5 -94q-41 -59 -99 -113q35 11 84 18t70 7q33 1 103 -16t103 -17q76 0 136 30l50 -147q-41 -25 -80.5 -36.5t-59 -13t-61.5 -1.5q-23 0 -128 33t-155 29q-39 -4 -82 -17t-66 -25l-24 -11l-55 145l16.5 11t15.5 10t13.5 9.5t14.5 12t14.5 14t17.5 18.5q48 55 54 126.5 t-30 142.5h-221z" />
+<glyph unicode="&#xe150;" d="M2 300l298 -300l298 300h-198v900h-200v-900h-198zM602 900l298 300l298 -300h-198v-900h-200v900h-198z" />
+<glyph unicode="&#xe151;" d="M2 300h198v900h200v-900h198l-298 -300zM700 0v200h100v-100h200v-100h-300zM700 400v100h300v-200h-99v-100h-100v100h99v100h-200zM700 700v500h300v-500h-100v100h-100v-100h-100zM801 900h100v200h-100v-200z" />
+<glyph unicode="&#xe152;" d="M2 300h198v900h200v-900h198l-298 -300zM700 0v500h300v-500h-100v100h-100v-100h-100zM700 700v200h100v-100h200v-100h-300zM700 1100v100h300v-200h-99v-100h-100v100h99v100h-200zM801 200h100v200h-100v-200z" />
+<glyph unicode="&#xe153;" d="M2 300l298 -300l298 300h-198v900h-200v-900h-198zM800 100v400h300v-500h-100v100h-200zM800 1100v100h200v-500h-100v400h-100zM901 200h100v200h-100v-200z" />
+<glyph unicode="&#xe154;" d="M2 300l298 -300l298 300h-198v900h-200v-900h-198zM800 400v100h200v-500h-100v400h-100zM800 800v400h300v-500h-100v100h-200zM901 900h100v200h-100v-200z" />
+<glyph unicode="&#xe155;" d="M2 300l298 -300l298 300h-198v900h-200v-900h-198zM700 100v200h500v-200h-500zM700 400v200h400v-200h-400zM700 700v200h300v-200h-300zM700 1000v200h200v-200h-200z" />
+<glyph unicode="&#xe156;" d="M2 300l298 -300l298 300h-198v900h-200v-900h-198zM700 100v200h200v-200h-200zM700 400v200h300v-200h-300zM700 700v200h400v-200h-400zM700 1000v200h500v-200h-500z" />
+<glyph unicode="&#xe157;" d="M0 400v300q0 165 117.5 282.5t282.5 117.5h300q162 0 281 -118.5t119 -281.5v-300q0 -165 -118.5 -282.5t-281.5 -117.5h-300q-165 0 -282.5 117.5t-117.5 282.5zM200 300q0 -41 29.5 -70.5t70.5 -29.5h500q41 0 70.5 29.5t29.5 70.5v500q0 41 -29.5 70.5t-70.5 29.5 h-500q-41 0 -70.5 -29.5t-29.5 -70.5v-500z" />
+<glyph unicode="&#xe158;" d="M0 400v300q0 163 119 281.5t281 118.5h300q165 0 282.5 -117.5t117.5 -282.5v-300q0 -165 -117.5 -282.5t-282.5 -117.5h-300q-163 0 -281.5 117.5t-118.5 282.5zM200 300q0 -41 29.5 -70.5t70.5 -29.5h500q41 0 70.5 29.5t29.5 70.5v500q0 41 -29.5 70.5t-70.5 29.5 h-500q-41 0 -70.5 -29.5t-29.5 -70.5v-500zM400 300l333 250l-333 250v-500z" />
+<glyph unicode="&#xe159;" d="M0 400v300q0 163 117.5 281.5t282.5 118.5h300q163 0 281.5 -119t118.5 -281v-300q0 -165 -117.5 -282.5t-282.5 -117.5h-300q-165 0 -282.5 117.5t-117.5 282.5zM200 300q0 -41 29.5 -70.5t70.5 -29.5h500q41 0 70.5 29.5t29.5 70.5v500q0 41 -29.5 70.5t-70.5 29.5 h-500q-41 0 -70.5 -29.5t-29.5 -70.5v-500zM300 700l250 -333l250 333h-500z" />
+<glyph unicode="&#xe160;" d="M0 400v300q0 165 117.5 282.5t282.5 117.5h300q165 0 282.5 -117.5t117.5 -282.5v-300q0 -162 -118.5 -281t-281.5 -119h-300q-165 0 -282.5 118.5t-117.5 281.5zM200 300q0 -41 29.5 -70.5t70.5 -29.5h500q41 0 70.5 29.5t29.5 70.5v500q0 41 -29.5 70.5t-70.5 29.5 h-500q-41 0 -70.5 -29.5t-29.5 -70.5v-500zM300 400h500l-250 333z" />
+<glyph unicode="&#xe161;" d="M0 400v300h300v200l400 -350l-400 -350v200h-300zM500 0v200h500q41 0 70.5 29.5t29.5 70.5v500q0 41 -29.5 70.5t-70.5 29.5h-500v200h400q165 0 282.5 -117.5t117.5 -282.5v-300q0 -165 -117.5 -282.5t-282.5 -117.5h-400z" />
+<glyph unicode="&#xe162;" d="M217 519q8 -19 31 -19h302q-155 -438 -160 -458q-5 -21 4 -32l9 -8h9q14 0 26 15q11 13 274.5 321.5t264.5 308.5q14 19 5 36q-8 17 -31 17l-301 -1q1 4 78 219.5t79 227.5q2 15 -5 27l-9 9h-9q-15 0 -25 -16q-4 -6 -98 -111.5t-228.5 -257t-209.5 -237.5q-16 -19 -6 -41 z" />
+<glyph unicode="&#xe163;" d="M0 400q0 -165 117.5 -282.5t282.5 -117.5h300q47 0 100 15v185h-500q-41 0 -70.5 29.5t-29.5 70.5v500q0 41 29.5 70.5t70.5 29.5h500v185q-14 4 -114 7.5t-193 5.5l-93 2q-165 0 -282.5 -117.5t-117.5 -282.5v-300zM600 400v300h300v200l400 -350l-400 -350v200h-300z " />
+<glyph unicode="&#xe164;" d="M0 400q0 -165 117.5 -282.5t282.5 -117.5h300q163 0 281.5 117.5t118.5 282.5v98l-78 73l-122 -123v-148q0 -41 -29.5 -70.5t-70.5 -29.5h-500q-41 0 -70.5 29.5t-29.5 70.5v500q0 41 29.5 70.5t70.5 29.5h156l118 122l-74 78h-100q-165 0 -282.5 -117.5t-117.5 -282.5 v-300zM496 709l353 342l-149 149h500v-500l-149 149l-342 -353z" />
+<glyph unicode="&#xe165;" d="M4 600q0 162 80 299t217 217t299 80t299 -80t217 -217t80 -299t-80 -299t-217 -217t-299 -80t-299 80t-217 217t-80 299zM186 600q0 -171 121.5 -292.5t292.5 -121.5t292.5 121.5t121.5 292.5t-121.5 292.5t-292.5 121.5t-292.5 -121.5t-121.5 -292.5zM406 600 q0 80 57 137t137 57t137 -57t57 -137t-57 -137t-137 -57t-137 57t-57 137z" />
+<glyph unicode="&#xe166;" d="M0 0v275q0 11 7 18t18 7h1048q11 0 19 -7.5t8 -17.5v-275h-1100zM100 800l445 -500l450 500h-295v400h-300v-400h-300zM900 150h100v50h-100v-50z" />
+<glyph unicode="&#xe167;" d="M0 0v275q0 11 7 18t18 7h1048q11 0 19 -7.5t8 -17.5v-275h-1100zM100 700h300v-300h300v300h295l-445 500zM900 150h100v50h-100v-50z" />
+<glyph unicode="&#xe168;" d="M0 0v275q0 11 7 18t18 7h1048q11 0 19 -7.5t8 -17.5v-275h-1100zM100 705l305 -305l596 596l-154 155l-442 -442l-150 151zM900 150h100v50h-100v-50z" />
+<glyph unicode="&#xe169;" d="M0 0v275q0 11 7 18t18 7h1048q11 0 19 -7.5t8 -17.5v-275h-1100zM100 988l97 -98l212 213l-97 97zM200 400l697 1l3 699l-250 -239l-149 149l-212 -212l149 -149zM900 150h100v50h-100v-50z" />
+<glyph unicode="&#xe170;" d="M0 0v275q0 11 7 18t18 7h1048q11 0 19 -7.5t8 -17.5v-275h-1100zM200 612l212 -212l98 97l-213 212zM300 1200l239 -250l-149 -149l212 -212l149 148l249 -237l-1 697zM900 150h100v50h-100v-50z" />
+<glyph unicode="&#xe171;" d="M23 415l1177 784v-1079l-475 272l-310 -393v416h-392zM494 210l672 938l-672 -712v-226z" />
+<glyph unicode="&#xe172;" d="M0 150v1000q0 20 14.5 35t35.5 15h250v-300h500v300h100l200 -200v-850q0 -21 -15 -35.5t-35 -14.5h-150v400h-700v-400h-150q-21 0 -35.5 14.5t-14.5 35.5zM600 1000h100v200h-100v-200z" />
+<glyph unicode="&#xe173;" d="M0 150v1000q0 20 14.5 35t35.5 15h250v-300h500v300h100l200 -200v-218l-276 -275l-120 120l-126 -127h-378v-400h-150q-21 0 -35.5 14.5t-14.5 35.5zM581 306l123 123l120 -120l353 352l123 -123l-475 -476zM600 1000h100v200h-100v-200z" />
+<glyph unicode="&#xe174;" d="M0 150v1000q0 20 14.5 35t35.5 15h250v-300h500v300h100l200 -200v-269l-103 -103l-170 170l-298 -298h-329v-400h-150q-21 0 -35.5 14.5t-14.5 35.5zM600 1000h100v200h-100v-200zM700 133l170 170l-170 170l127 127l170 -170l170 170l127 -128l-170 -169l170 -170 l-127 -127l-170 170l-170 -170z" />
+<glyph unicode="&#xe175;" d="M0 150v1000q0 20 14.5 35t35.5 15h250v-300h500v300h100l200 -200v-300h-400v-200h-500v-400h-150q-21 0 -35.5 14.5t-14.5 35.5zM600 300l300 -300l300 300h-200v300h-200v-300h-200zM600 1000v200h100v-200h-100z" />
+<glyph unicode="&#xe176;" d="M0 150v1000q0 20 14.5 35t35.5 15h250v-300h500v300h100l200 -200v-402l-200 200l-298 -298h-402v-400h-150q-21 0 -35.5 14.5t-14.5 35.5zM600 300h200v-300h200v300h200l-300 300zM600 1000v200h100v-200h-100z" />
+<glyph unicode="&#xe177;" d="M0 250q0 -21 14.5 -35.5t35.5 -14.5h1100q21 0 35.5 14.5t14.5 35.5v550h-1200v-550zM0 900h1200v150q0 21 -14.5 35.5t-35.5 14.5h-1100q-21 0 -35.5 -14.5t-14.5 -35.5v-150zM100 300v200h400v-200h-400z" />
+<glyph unicode="&#xe178;" d="M0 400l300 298v-198h400v-200h-400v-198zM100 800v200h100v-200h-100zM300 800v200h100v-200h-100zM500 800v200h400v198l300 -298l-300 -298v198h-400zM800 300v200h100v-200h-100zM1000 300h100v200h-100v-200z" />
+<glyph unicode="&#xe179;" d="M100 700v400l50 100l50 -100v-300h100v300l50 100l50 -100v-300h100v300l50 100l50 -100v-400l-100 -203v-447q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v447zM800 597q0 -29 10.5 -55.5t25 -43t29 -28.5t25.5 -18l10 -5v-397q0 -21 14.5 -35.5 t35.5 -14.5h200q21 0 35.5 14.5t14.5 35.5v1106q0 31 -18 40.5t-44 -7.5l-276 -116q-25 -17 -43.5 -51.5t-18.5 -65.5v-359z" />
+<glyph unicode="&#xe180;" d="M100 0h400v56q-75 0 -87.5 6t-12.5 44v394h500v-394q0 -38 -12.5 -44t-87.5 -6v-56h400v56q-4 0 -11 0.5t-24 3t-30 7t-24 15t-11 24.5v888q0 22 25 34.5t50 13.5l25 2v56h-400v-56q75 0 87.5 -6t12.5 -44v-394h-500v394q0 38 12.5 44t87.5 6v56h-400v-56q4 0 11 -0.5 t24 -3t30 -7t24 -15t11 -24.5v-888q0 -22 -25 -34.5t-50 -13.5l-25 -2v-56z" />
+<glyph unicode="&#xe181;" d="M0 300q0 -41 29.5 -70.5t70.5 -29.5h300q41 0 70.5 29.5t29.5 70.5v500q0 41 -29.5 70.5t-70.5 29.5h-300q-41 0 -70.5 -29.5t-29.5 -70.5v-500zM100 100h400l200 200h105l295 98v-298h-425l-100 -100h-375zM100 300v200h300v-200h-300zM100 600v200h300v-200h-300z M100 1000h400l200 -200v-98l295 98h105v200h-425l-100 100h-375zM700 402v163l400 133v-163z" />
+<glyph unicode="&#xe182;" d="M16.5 974.5q0.5 -21.5 16 -90t46.5 -140t104 -177.5t175 -208q103 -103 207.5 -176t180 -103.5t137 -47t92.5 -16.5l31 1l163 162q17 18 13.5 41t-22.5 37l-192 136q-19 14 -45 12t-42 -19l-118 -118q-142 101 -268 227t-227 268l118 118q17 17 20 41.5t-11 44.5 l-139 194q-14 19 -36.5 22t-40.5 -14l-162 -162q-1 -11 -0.5 -32.5z" />
+<glyph unicode="&#xe183;" d="M0 50v212q0 20 10.5 45.5t24.5 39.5l365 303v50q0 4 1 10.5t12 22.5t30 28.5t60 23t97 10.5t97 -10t60 -23.5t30 -27.5t12 -24l1 -10v-50l365 -303q14 -14 24.5 -39.5t10.5 -45.5v-212q0 -21 -14.5 -35.5t-35.5 -14.5h-1100q-20 0 -35 14.5t-15 35.5zM0 712 q0 -21 14.5 -33.5t34.5 -8.5l202 33q20 4 34.5 21t14.5 38v146q141 24 300 24t300 -24v-146q0 -21 14.5 -38t34.5 -21l202 -33q20 -4 34.5 8.5t14.5 33.5v200q-6 8 -19 20.5t-63 45t-112 57t-171 45t-235 20.5q-92 0 -175 -10.5t-141.5 -27t-108.5 -36.5t-81.5 -40 t-53.5 -36.5t-31 -27.5l-9 -10v-200z" />
+<glyph unicode="&#xe184;" d="M100 0v100h1100v-100h-1100zM175 200h950l-125 150v250l100 100v400h-100v-200h-100v200h-200v-200h-100v200h-200v-200h-100v200h-100v-400l100 -100v-250z" />
+<glyph unicode="&#xe185;" d="M100 0h300v400q0 41 -29.5 70.5t-70.5 29.5h-100q-41 0 -70.5 -29.5t-29.5 -70.5v-400zM500 0v1000q0 41 29.5 70.5t70.5 29.5h100q41 0 70.5 -29.5t29.5 -70.5v-1000h-300zM900 0v700q0 41 29.5 70.5t70.5 29.5h100q41 0 70.5 -29.5t29.5 -70.5v-700h-300z" />
+<glyph unicode="&#xe186;" d="M-100 300v500q0 124 88 212t212 88h700q124 0 212 -88t88 -212v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212zM100 200h900v700h-900v-700zM200 300h300v300h-200v100h200v100h-300v-300h200v-100h-200v-100zM600 300h200v100h100v300h-100v100h-200v-500 zM700 400v300h100v-300h-100z" />
+<glyph unicode="&#xe187;" d="M-100 300v500q0 124 88 212t212 88h700q124 0 212 -88t88 -212v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212zM100 200h900v700h-900v-700zM200 300h100v200h100v-200h100v500h-100v-200h-100v200h-100v-500zM600 300h200v100h100v300h-100v100h-200v-500 zM700 400v300h100v-300h-100z" />
+<glyph unicode="&#xe188;" d="M-100 300v500q0 124 88 212t212 88h700q124 0 212 -88t88 -212v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212zM100 200h900v700h-900v-700zM200 300h300v100h-200v300h200v100h-300v-500zM600 300h300v100h-200v300h200v100h-300v-500z" />
+<glyph unicode="&#xe189;" d="M-100 300v500q0 124 88 212t212 88h700q124 0 212 -88t88 -212v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212zM100 200h900v700h-900v-700zM200 550l300 -150v300zM600 400l300 150l-300 150v-300z" />
+<glyph unicode="&#xe190;" d="M-100 300v500q0 124 88 212t212 88h700q124 0 212 -88t88 -212v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212zM100 200h900v700h-900v-700zM200 300v500h700v-500h-700zM300 400h130q41 0 68 42t27 107t-28.5 108t-66.5 43h-130v-300zM575 549 q0 -65 27 -107t68 -42h130v300h-130q-38 0 -66.5 -43t-28.5 -108z" />
+<glyph unicode="&#xe191;" d="M-100 300v500q0 124 88 212t212 88h700q124 0 212 -88t88 -212v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212zM100 200h900v700h-900v-700zM200 300h300v300h-200v100h200v100h-300v-300h200v-100h-200v-100zM601 300h100v100h-100v-100zM700 700h100 v-400h100v500h-200v-100z" />
+<glyph unicode="&#xe192;" d="M-100 300v500q0 124 88 212t212 88h700q124 0 212 -88t88 -212v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212zM100 200h900v700h-900v-700zM200 300h300v400h-200v100h-100v-500zM301 400v200h100v-200h-100zM601 300h100v100h-100v-100zM700 700h100 v-400h100v500h-200v-100z" />
+<glyph unicode="&#xe193;" d="M-100 300v500q0 124 88 212t212 88h700q124 0 212 -88t88 -212v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212zM100 200h900v700h-900v-700zM200 700v100h300v-300h-99v-100h-100v100h99v200h-200zM201 300v100h100v-100h-100zM601 300v100h100v-100h-100z M700 700v100h200v-500h-100v400h-100z" />
+<glyph unicode="&#xe194;" d="M4 600q0 162 80 299t217 217t299 80t299 -80t217 -217t80 -299t-80 -299t-217 -217t-299 -80t-299 80t-217 217t-80 299zM186 600q0 -171 121.5 -292.5t292.5 -121.5t292.5 121.5t121.5 292.5t-121.5 292.5t-292.5 121.5t-292.5 -121.5t-121.5 -292.5zM400 500v200 l100 100h300v-100h-300v-200h300v-100h-300z" />
+<glyph unicode="&#xe195;" d="M0 600q0 162 80 299t217 217t299 80t299 -80t217 -217t80 -299t-80 -299t-217 -217t-299 -80t-299 80t-217 217t-80 299zM182 600q0 -171 121.5 -292.5t292.5 -121.5t292.5 121.5t121.5 292.5t-121.5 292.5t-292.5 121.5t-292.5 -121.5t-121.5 -292.5zM400 400v400h300 l100 -100v-100h-100v100h-200v-100h200v-100h-200v-100h-100zM700 400v100h100v-100h-100z" />
+<glyph unicode="&#xe197;" d="M-14 494q0 -80 56.5 -137t135.5 -57h222v300h400v-300h128q120 0 205 86.5t85 207.5t-85 207t-205 86q-46 0 -90 -14q-44 97 -134.5 156.5t-200.5 59.5q-152 0 -260 -107.5t-108 -260.5q0 -25 2 -37q-66 -14 -108.5 -67.5t-42.5 -122.5zM300 200h200v300h200v-300h200 l-300 -300z" />
+<glyph unicode="&#xe198;" d="M-14 494q0 -80 56.5 -137t135.5 -57h8l414 414l403 -403q94 26 154.5 104.5t60.5 178.5q0 120 -85 206.5t-205 86.5q-46 0 -90 -14q-44 97 -134.5 156.5t-200.5 59.5q-152 0 -260 -107.5t-108 -260.5q0 -25 2 -37q-66 -14 -108.5 -67.5t-42.5 -122.5zM300 200l300 300 l300 -300h-200v-300h-200v300h-200z" />
+<glyph unicode="&#xe199;" d="M100 200h400v-155l-75 -45h350l-75 45v155h400l-270 300h170l-270 300h170l-300 333l-300 -333h170l-270 -300h170z" />
+<glyph unicode="&#xe200;" d="M121 700q0 -53 28.5 -97t75.5 -65q-4 -16 -4 -38q0 -74 52.5 -126.5t126.5 -52.5q56 0 100 30v-306l-75 -45h350l-75 45v306q46 -30 100 -30q74 0 126.5 52.5t52.5 126.5q0 24 -9 55q50 32 79.5 83t29.5 112q0 90 -61.5 155.5t-150.5 71.5q-26 89 -99.5 145.5 t-167.5 56.5q-116 0 -197.5 -81.5t-81.5 -197.5q0 -4 1 -11.5t1 -11.5q-14 2 -23 2q-74 0 -126.5 -52.5t-52.5 -126.5z" />
+</font>
+</defs></svg>