From 8e794be13fe1aaa5f1e99ea6e76d5741c0119b09 Mon Sep 17 00:00:00 2001
From: dantheman0207 <d.l.ransom@student.tue.nl>
Date: Wed, 22 Mar 2017 08:13:59 +0100
Subject: [PATCH] feat(containers): truncate long names & ids in the containers
 view (#699)

---
 app/components/containers/containers.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/components/containers/containers.html b/app/components/containers/containers.html
index 061218bf7..bf2202334 100644
--- a/app/components/containers/containers.html
+++ b/app/components/containers/containers.html
@@ -103,8 +103,8 @@
             <tr dir-paginate="container in (state.filteredContainers = ( containers | filter:state.filter | orderBy:sortType:sortReverse | itemsPerPage: state.pagination_count))">
               <td><input type="checkbox" ng-model="container.Checked" ng-change="selectItem(container)"/></td>
               <td><span class="label label-{{ container.Status|containerstatusbadge }}">{{ container.Status }}</span></td>
-              <td ng-if="applicationState.endpoint.mode.provider === 'DOCKER_SWARM'"><a ui-sref="container({id: container.Id})">{{ container|swarmcontainername}}</a></td>
-              <td ng-if="applicationState.endpoint.mode.provider !== 'DOCKER_SWARM'"><a ui-sref="container({id: container.Id})">{{ container|containername}}</a></td>
+              <td ng-if="applicationState.endpoint.mode.provider === 'DOCKER_SWARM'"><a ui-sref="container({id: container.Id})">{{ container|swarmcontainername|truncate: 40}}</a></td>
+              <td ng-if="applicationState.endpoint.mode.provider !== 'DOCKER_SWARM'"><a ui-sref="container({id: container.Id})">{{ container|containername|truncate: 40}}</a></td>
               <td><a ui-sref="image({id: container.Image})">{{ container.Image | hideshasum }}</a></td>
               <td ng-if="state.displayIP">{{ container.IP ? container.IP : '-' }}</td>
               <td ng-if="applicationState.endpoint.mode.provider === 'DOCKER_SWARM'">{{ container.hostIP }}</td>