From bacf00e658d64913bbe821efebc92db81afdc38f Mon Sep 17 00:00:00 2001
From: Michael Irwin <mikesir87@gmail.com>
Date: Tue, 22 Oct 2019 11:21:19 -0400
Subject: [PATCH] Add "Open Port" button (#362)

---
 www/assets/app.js      | 8 ++++++++
 www/default/index.html | 5 ++++-
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/www/assets/app.js b/www/assets/app.js
index 81a584d..6a1f79a 100644
--- a/www/assets/app.js
+++ b/www/assets/app.js
@@ -389,6 +389,14 @@
       });
     }
 
+    $scope.openPort = function(instance) {
+      var port = prompt('What port would you like to open?');
+      if (!port) return;
+      
+      var url = $scope.getProxyUrl(instance, port);
+      window.open(url, '_blank');
+    }
+
     $scope.getProxyUrl = function(instance, port) {
       var url = 'http://' + instance.proxy_host + '-' + port + '.direct.' + $scope.host;
 
diff --git a/www/default/index.html b/www/default/index.html
index 3c5bdc8..a6ffce2 100644
--- a/www/default/index.html
+++ b/www/default/index.html
@@ -93,8 +93,11 @@
                                <label>IP</label>
                                <input ng-model="instance.ip" type="text" readonly="readonly">
                              </md-input-container>
+                             <md-button class="md-raised" ng-click="openPort(instance)">
+                                Open Port
+                             </md-button>
                              <md-chips ng-model="instance.ports" name="port" readonly="true" md-removable="false">
-                               <md-chip-template>
+                               <md-chip-template> 
                                <strong><a href="{{getProxyUrl(instance, $chip)}}" title="{{getProxyUrl(instance, $chip)}}" target="_blank">{{$chip}}</a></strong>
                                </md-chip-template>
                              </md-chips>