From 712772eff4608ed1d7bd7a0402ae09754206309d Mon Sep 17 00:00:00 2001
From: "Jonathan Leibiusky @xetorthio" <ionathan@gmail.com>
Date: Tue, 12 Sep 2017 11:53:26 -0300
Subject: [PATCH] Make UI nicer with instance IP addresses and hostname

---
 pwd/session.go | 27 ++++++---------------------
 www/index.html | 10 ++++++----
 2 files changed, 12 insertions(+), 25 deletions(-)

diff --git a/pwd/session.go b/pwd/session.go
index b8e4218..f853d51 100644
--- a/pwd/session.go
+++ b/pwd/session.go
@@ -34,27 +34,12 @@ type SessionSetupConf struct {
 }
 
 type SessionSetupInstanceConf struct {
-	Image          string       `json:"image"`
-	Hostname       string       `json:"hostname"`
-	IsSwarmManager bool         `json:"is_swarm_manager"`
-	IsSwarmWorker  bool         `json:"is_swarm_worker"`
-	Type           string       `json:"type"`
-	Run            [][]string   `json:"run"`
-	Expose         []ExposedApp `json:"expose"`
-}
-
-type ExposedApp struct {
-	Name        string        `json:"name"`
-	Description string        `json:"description"`
-	Icon        string        `json:"icon"`
-	Url         ExposedAppURL `json:"url"`
-}
-
-type ExposedAppURL struct {
-	Port   int    `json:"port"`
-	Path   string `json:"path"`
-	Query  string `json:"query"`
-	Scheme string `json:"scheme"`
+	Image          string     `json:"image"`
+	Hostname       string     `json:"hostname"`
+	IsSwarmManager bool       `json:"is_swarm_manager"`
+	IsSwarmWorker  bool       `json:"is_swarm_worker"`
+	Type           string     `json:"type"`
+	Run            [][]string `json:"run"`
 }
 
 func (p *pwd) SessionNew(duration time.Duration, stack, stackName, imageName string) (*types.Session, error) {
diff --git a/www/index.html b/www/index.html
index 7be4ac9..d080b45 100644
--- a/www/index.html
+++ b/www/index.html
@@ -58,16 +58,18 @@
                 </md-toolbar>
                 <md-content layout-padding>
                   <md-button ng-click="newInstance()" ng-disabled="isInstanceBeingCreated" class="md-primary">{{newInstanceBtnText}}</md-button>
-              <md-list>
-                <md-list-item ng-switch on="instance.isManager" class="md-3-line" ng-repeat="instance in instances" ng-click="showInstance(instance)" ng-class="instance.name == selectedInstance.name ? 'selected' : false">
+              <md-list class="md-dense" flex>
+                <md-list-item ng-switch on="instance.isManager" class="md-2-line" ng-repeat="instance in instances | orderBy:'hostname'" ng-click="showInstance(instance)" ng-class="instance.name == selectedInstance.name ? 'selected' : false">
                     <md-icon ng-switch-when="true" style="color: blue" md-svg-icon="person"></md-icon>
                     <md-icon ng-switch-when="false" md-svg-icon="person-outline"></md-icon>
-                    <p>{{instance.name}}</p>
+                    <div class="md-list-item-text" layout="column">
+                        <h3>{{instance.ip}}</h3>
+                        <h4>{{instance.hostname}}</h4>
+                    </div>
                     <md-divider ng-if="!$last"></md-divider>
                 </md-list-item>
               </md-list>
                 </md-content>
-
               </md-sidenav>
               <md-content flex layout-padding ng-if="!instances.length">
                 <div layout="column" layout-align="top center">