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

feat(sidebar): update endpoint selection UX (#1902) 

* style(sidebar): update selected endpoint name color

* feat(sidebar): sort groups/endpoints alphabetically
pull/1907/head
Anthony Lapenna 2018-05-16 08:49:14 +02:00 committed by GitHub
parent 5df09923b6
commit 32800a843a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/portainer/views/sidebar/sidebar.html
View File

@ -14,7 +14,7 @@
groups="groups" groups="groups"
select-endpoint="switchEndpoint" select-endpoint="switchEndpoint"
></endpoint-selector> ></endpoint-selector>
<li class="sidebar-title"><span>{{ activeEndpoint.Name }}</span></li> <li class="sidebar-title"><span class="endpoint-name">{{ activeEndpoint.Name }}</span></li>
<docker-sidebar-content <docker-sidebar-content
endpoint-api-version="applicationState.endpoint.apiVersion" endpoint-api-version="applicationState.endpoint.apiVersion"
swarm-management="applicationState.endpoint.mode.provider === 'DOCKER_SWARM_MODE' && applicationState.endpoint.mode.role === 'MANAGER'" swarm-management="applicationState.endpoint.mode.provider === 'DOCKER_SWARM_MODE' && applicationState.endpoint.mode.role === 'MANAGER'"

4
app/portainer/views/sidebar/sidebarController.js
View File

@ -58,8 +58,8 @@ function ($q, $scope, $state, EndpointService, GroupService, StateManager, Endpo
}) })
.then(function success(data) { .then(function success(data) {
var endpoints = data.endpoints; var endpoints = data.endpoints;
$scope.groups = data.groups; $scope.groups = _.sortBy(data.groups, ['Name']);
$scope.endpoints = endpoints; $scope.endpoints = _.sortBy(endpoints, ['Name']);
setActiveEndpoint(endpoints); setActiveEndpoint(endpoints);

4
assets/css/app.css
View File

@ -304,6 +304,10 @@ ul.sidebar .sidebar-title {
height: auto; height: auto;
} }
ul.sidebar .sidebar-title .endpoint-name {
color: #fff;
}
ul.sidebar .sidebar-list a { ul.sidebar .sidebar-list a {
font-size: 14px; font-size: 14px;
} }