This closes #8, closes #9, closes #10 and closes #11.

Finished device, scene and activity tracking, updated upnp handling,
updated HUE API config handling and test on and off calls.

pom.xml

@@ -5,7 +5,7 @@
 
 	<groupId>com.bwssystems.HABridge</groupId>
 	<artifactId>ha-bridge</artifactId>
-	<version>1.0.8</version>
+	<version>1.1.0</version>
 	<packaging>jar</packaging>
 
 	<name>HA Bridge</name>

src/main/java/com/bwssystems/HABridge/api/hue/HueApiResponse.java

@@ -14,9 +14,9 @@ public class HueApiResponse {
     private Map<String, String> groups;
     private HueConfig config;
 
-    public HueApiResponse(String name, String ipaddress, String username, String userid) {
+    public HueApiResponse(String name, String ipaddress, String devicetype, String userid) {
 		super();
-		this.setConfig(HueConfig.createConfig(name, ipaddress, username, userid));
+		this.setConfig(HueConfig.createConfig(name, ipaddress, devicetype, userid));
 		this.setGroups(new HashMap<>());
 		this.setScenes(new HashMap<>());
 	}

src/main/java/com/bwssystems/HABridge/api/hue/HueConfig.java

@@ -1,7 +1,14 @@
 package com.bwssystems.HABridge.api.hue;
 
+import java.net.InetAddress;
+import java.net.NetworkInterface;
+import java.net.SocketException;
+import java.net.UnknownHostException;
+import java.text.SimpleDateFormat;
+import java.util.Date;
 import java.util.HashMap;
 import java.util.Map;
+import java.util.TimeZone;
 
 public class HueConfig
 {
@@ -26,10 +33,13 @@ public class HueConfig
 
 	public static HueConfig createConfig(String name, String ipaddress, String devicetype, String userid) {
 		HueConfig aConfig = new HueConfig();
+	    SimpleDateFormat dateFormat = new SimpleDateFormat("yyyy-MM-dd'T'HH:mm:ss");
+	    SimpleDateFormat dateFormatGmt = new SimpleDateFormat("yyyy-MM-dd'T'HH:mm:ss");
+		dateFormatGmt.setTimeZone(TimeZone.getTimeZone("UTC"));
+		aConfig.setMac(HueConfig.getMacAddress(ipaddress));
 		aConfig.setApiversion("1.4.0");
 		aConfig.setPortalservices(false);
-		aConfig.setGateway("192.168.1.1");
-		aConfig.setMac("00:00:88:00:bb:ee");
+		aConfig.setGateway(ipaddress);
 		aConfig.setSwversion("01005215");
 		aConfig.setLinkbutton(false);
 		aConfig.setIpaddress(ipaddress);
@@ -38,20 +48,46 @@ public class HueConfig
 		aConfig.setNetmask("255.255.255.0");
 		aConfig.setName(name);
 		aConfig.setDhcp(true);
-		aConfig.setUtc("2014-07-17T09:27:35");
-		aConfig.setProxyaddress("0.0.0.0");
-		aConfig.setLocaltime("2014-07-17T11:27:35");
-		aConfig.setTimezone("America/Chicago");
+		aConfig.setUtc(dateFormatGmt.format(new Date()));
+		aConfig.setProxyaddress("none");
+		aConfig.setLocaltime(dateFormat.format(new Date()));
+		aConfig.setTimezone(TimeZone.getDefault().getID());
 		aConfig.setZigbeechannel("6");
 		Map<String, WhitelistEntry> awhitelist = new HashMap<>();
 		awhitelist.put(userid, WhitelistEntry.createEntry(devicetype));
 		aConfig.setWhitelist(awhitelist);
-		
 
 		return aConfig;
 	}
 
-	 
+	private static String getMacAddress(String addr)
+	{
+		InetAddress ip;
+		StringBuilder sb = new StringBuilder();
+		try {
+				
+			ip = InetAddress.getByName(addr);
+			
+			NetworkInterface network = NetworkInterface.getByInetAddress(ip);
+				
+			byte[] mac = network.getHardwareAddress();
+				
+			for (int i = 0; i < mac.length; i++) {
+				sb.append(String.format("%02X%s", mac[i], (i < mac.length - 1) ? ":" : ""));		
+			}
+				
+		} catch (UnknownHostException e) {
+			
+			sb.append("00:00:88:00:bb:ee");
+			
+		} catch (SocketException e){
+				
+			sb.append("00:00:88:00:bb:ee");
+				
+		}
+		    
+		return sb.toString();
+	}
 	public Boolean getPortalservices() {
 		return portalservices;
 	}

src/main/java/com/bwssystems/HABridge/dao/DeviceDescriptor.java

@@ -5,6 +5,8 @@ package com.bwssystems.HABridge.dao;
 public class DeviceDescriptor{
     private String id;
     private String name;
+    private String mapId;
+    private String mapType;
     private String deviceType;
     private String offUrl;
     private String onUrl;
@@ -21,7 +23,23 @@ public class DeviceDescriptor{
         this.name = name;
     }
 
-    public String getDeviceType() {
+    public String getMapId() {
+		return mapId;
+	}
+
+	public void setMapId(String mapId) {
+		this.mapId = mapId;
+	}
+
+	public String getMapType() {
+		return mapType;
+	}
+
+	public void setMapType(String mapType) {
+		this.mapType = mapType;
+	}
+
+	public String getDeviceType() {
         return deviceType;
     }
 

src/main/java/com/bwssystems/HABridge/dao/DeviceRepository.java

@@ -178,6 +178,12 @@ public class DeviceRepository {
 		       } else if (name.equals("name")) {
 			        deviceEntry.setName(reader.nextString());
 			    	log.debug("Read a Device - device json name: " + deviceEntry.getName());
+		       } else if (name.equals("mapType")) {
+			        deviceEntry.setMapType(reader.nextString());
+			    	log.debug("Read a Device - device json name: " + deviceEntry.getMapType());
+		       } else if (name.equals("mapId")) {
+			        deviceEntry.setMapId(reader.nextString());
+			    	log.debug("Read a Device - device json name: " + deviceEntry.getMapId());
 		       } else if (name.equals("deviceType")) {
 			        deviceEntry.setDeviceType(reader.nextString());
 			    	log.debug("Read a Device - device json type:" + deviceEntry.getDeviceType());

src/main/java/com/bwssystems/HABridge/devicemanagmeent/DeviceResource.java

@@ -107,6 +107,8 @@ public class DeviceResource {
 				deviceEntry.setName(device.getName());
 				if (device.getDeviceType() != null)
 					deviceEntry.setDeviceType(device.getDeviceType());
+				deviceEntry.setMapId(device.getMapId());
+				deviceEntry.setMapType(device.getMapType());
 				deviceEntry.setOnUrl(device.getOnUrl());
 				deviceEntry.setOffUrl(device.getOffUrl());
 				deviceEntry.setHttpVerb(device.getHttpVerb());
@@ -141,8 +143,9 @@ public class DeviceResource {
 	    }, new JsonTransformer());
 
     	delete (API_CONTEXT + "/:id", "application/json", (request, response) -> {
-	    	log.debug("Delete a device");
-	        DeviceDescriptor deleted = deviceRepository.findOne(request.params(":id"));
+    		String anId = request.params(":id");
+	    	log.debug("Delete a device: " + anId);
+	        DeviceDescriptor deleted = deviceRepository.findOne(anId);
 	        if(deleted == null)
 				response.status(HttpStatus.SC_NOT_FOUND);
 	        else

src/main/java/com/bwssystems/HABridge/hue/HueMulator.java

@@ -156,6 +156,31 @@ public class HueMulator {
 	        return "[{\"success\":{\"username\":\"" + newUser + "\"}}]";        
         } );
 
+        // http://ip_address:port/api/config returns json objects for the config when no user is given
+	    get(HUE_CONTEXT + "/config", "application/json", (request, response) -> {
+	    	String userId = request.params(":userid");
+	        log.debug("hue api config requested: " + userId + " from " + request.ip());
+	        HueApiResponse apiResponse = new HueApiResponse("Philips hue", request.ip(), "My App", userId);
+	
+			response.type("application/json; charset=utf-8"); 
+	        response.status(HttpStatus.SC_OK);
+	        String responseString = null;
+	        responseString = "[{\"swversion\":\"" + apiResponse.getConfig().getSwversion() + "\",\"apiversion\":\"" + apiResponse.getConfig().getApiversion() + "\",\"name\":\"" + apiResponse.getConfig().getName() + "\",\"mac\":\"" + apiResponse.getConfig().getMac() + "\"}]";
+	        return  responseString;
+	    });
+
+        // http://ip_address:port/api/{userId}/config returns json objects for the config
+	    get(HUE_CONTEXT + "/:userid/config", "application/json", (request, response) -> {
+	    	String userId = request.params(":userid");
+	        log.debug("hue api config requested: " + userId + " from " + request.ip());
+	        HueApiResponse apiResponse = new HueApiResponse("Philips hue", request.ip(), "My App", userId);
+	
+			response.type("application/json; charset=utf-8"); 
+	        response.status(HttpStatus.SC_OK);
+	        return apiResponse.getConfig();
+	    }, new JsonTransformer());
+
+
         // http://ip_address:port/api/{userId} returns json objects for the full state
 	    get(HUE_CONTEXT + "/:userid", "application/json", (request, response) -> {
 	    	String userId = request.params(":userid");

src/main/java/com/bwssystems/HABridge/upnp/UpnpListener.java

@@ -76,14 +76,7 @@ public class UpnpListener {
 				byte[] buf = new byte[1024];
 				DatagramPacket packet = new DatagramPacket(buf, buf.length);
 				upnpMulticastSocket.receive(packet);
-				String packetString = new String(packet.getData());
-				if(packetString != null && packetString.contains("M-SEARCH")) {
-					if(traceupnp)
-						log.info("Traceupnp: SSDP packet from " + packet.getAddress().getHostAddress() + ":" + packet.getPort() + ", body: " + packetString);
-					else
-						log.debug("Got SSDP packet from " + packet.getAddress().getHostAddress() + ":" + packet.getPort() + ", body: " + packetString);
-				}
-				if(isSSDPDiscovery(packetString)){
+				if(isSSDPDiscovery(packet)){
 					sendUpnpResponse(responseSocket, packet.getAddress(), packet.getPort());
 				}
 			}
@@ -97,17 +90,22 @@ public class UpnpListener {
 	}
 
 	/**
-	 * very naive ssdp discovery packet detection
-	 * @param body
-	 * @return
+	 * ssdp discovery packet detection
 	 */
-	protected boolean isSSDPDiscovery(String body){
-		// log.debug("Check if this is a MAN ssdp-discover packet for a upnp basic device: " + body);
-		//Only respond to discover request for upnp basic device from echo, the others are for the wemo
-		if(body != null && body.contains("M-SEARCH") && body.contains("\"ssdp:discover\"")){
-			if(traceupnp)
+	protected boolean isSSDPDiscovery(DatagramPacket packet){
+		//Only respond to discover request for strict upnp form
+		String packetString = new String(packet.getData());
+		if(packetString != null && packetString.startsWith("M-SEARCH * HTTP/1.1") && packetString.contains("\"ssdp:discover\"")){
+			if(traceupnp) {
+				log.info("Traceupnp: SSDP packet from " + packet.getAddress().getHostAddress() + ":" + packet.getPort() + ", body: " + packetString);
 				log.info("Traceupnp: isSSDPDiscovery found message to be an M-SEARCH message.");
-			if(strict && body.startsWith("M-SEARCH * HTTP/1.1") && body.contains("MAN: \"ssdp:discover\"") && (body.contains("ST: urn:schemas-upnp-org:device:basic:1") || body.contains("ST: upnp:rootdevice") || body.contains("ST: ssdp:all")))
+			}
+			else {
+				log.debug("Got SSDP packet from " + packet.getAddress().getHostAddress() + ":" + packet.getPort() + ", body: " + packetString);
+				log.debug("Found message to be an M-SEARCH message.");
+			}
+
+			if(strict && (packetString.contains("ST: urn:schemas-upnp-org:device:basic:1") || packetString.contains("ST: upnp:rootdevice") || packetString.contains("ST: ssdp:all")))
 			{
 				if(traceupnp)
 					log.info("Traceupnp: isSSDPDiscovery found message to be valid under strict rules - strict: " + strict);
@@ -134,7 +132,7 @@ public class UpnpListener {
 			"USN: uuid:Socket-1_0-221438K0100073::urn:schemas-upnp-org:device:basic:1\r\n\r\n";
 	protected void sendUpnpResponse(DatagramSocket socket, InetAddress requester, int sourcePort) throws IOException {
 		String discoveryResponse = null;
-		discoveryResponse = String.format(discoveryTemplate, responseAddress, httpServerPort, getRandomUUIDString());
+		discoveryResponse = String.format(discoveryTemplate, responseAddress, httpServerPort);
 		if(traceupnp)
 			log.info("Traceupnp: sendUpnpResponse: " + discoveryResponse);
 		else
@@ -142,8 +140,4 @@ public class UpnpListener {
 		DatagramPacket response = new DatagramPacket(discoveryResponse.getBytes(), discoveryResponse.length(), requester, sourcePort);
 		socket.send(response);
 	}
-
-	protected String getRandomUUIDString(){
-		return "88f6698f-2c83-4393-bd03-cd54a9f8595"; // https://xkcd.com/221/
-	}
 }

src/main/java/com/bwssystems/harmony/HarmonyServer.java

@@ -54,7 +54,7 @@ public class HarmonyServer {
         	log.debug("something is very wrong as dummyProvider is not null...");
         if(mySettings.isDevMode())
         	modeString = " (development mode)";
-        if(noopCalls)
+        else if(noopCalls)
         	modeString = " (no op calls to harmony)";
 		log.info("setup initiated " + modeString + "....");
         if(mySettings.isDevMode())

src/main/resources/public/scripts/app.js

@@ -4,11 +4,8 @@ var app = angular.module('habridge', [
 
 app.config(function ($routeProvider) {
 	$routeProvider.when('/#', {
-		templateUrl: 'views/nonconfiguration.html',
-		controller: 'ViewingController'
-	}).when('/show', {
 		templateUrl: 'views/configuration.html',
-		controller: 'ViewingController'		
+		controller: 'ViewingController'
 	}).when('/editor', {
 		templateUrl: 'views/editor.html',
 		controller: 'AddingController'		
@@ -28,7 +25,7 @@ app.config(function ($routeProvider) {
 		templateUrl: 'views/harmonyactivity.html',
 		controller: 'AddingController'		
 	}).otherwise({
-		templateUrl: 'views/nonconfiguration.html',
+		templateUrl: 'views/configuration.html',
 		controller: 'ViewingController'
 	})
 });
@@ -194,7 +191,7 @@ app.service('bridgeService', function ($http, $window, BridgeSettings) {
                 }
             );
         };
-
+        
         this.viewVeraScenes = function () {
             this.state.error = "";
         	if(!this.state.showVera)
@@ -212,7 +209,7 @@ app.service('bridgeService', function ($http, $window, BridgeSettings) {
                 }
             );
         };
-
+        
         this.viewHarmonyActivities = function () {
             this.state.error = "";
         	if(!this.state.showHarmony)
@@ -249,22 +246,32 @@ app.service('bridgeService', function ($http, $window, BridgeSettings) {
             );
         };
 
-        this.addDevice = function (id, name, type, onUrl, offUrl, httpVerb, contentType, contentBody, contentBodyOff) {
+        this.findDeviceByMapId = function(id) {
+        	for(var i = 0; i < this.state.devices.length; i++) {
+        		if(this.state.devices[i].mapId == id)
+        			return true;
+        	}
+        	return false;
+        };
+        
+        this.addDevice = function (device) {
             this.state.error = "";
-            if(httpVerb != null && httpVerb != "")
-            	type = "custom";
-            if (id) {
-                var putUrl = this.state.base + "/" + id;
+            if(device.httpVerb != null && device.httpVerb != "")
+            	device.deviceType = "custom";
+            if (device.id) {
+                var putUrl = this.state.base + "/" + device.id;
                 return $http.put(putUrl, {
-                    id: id,
-                    name: name,
-                    deviceType: type,
-                    onUrl: onUrl,
-                    offUrl: offUrl,
-                    httpVerb: httpVerb,
-                    contentType: contentType,
-                    contentBody: contentBody,
-                    contentBodyOff: contentBodyOff
+                    id: device.id,
+                    name: device.name,
+                    mapId: device.mapId,
+                    mapType: device.mapType,
+                    deviceType: device.deviceType,
+                    onUrl: device.onUrl,
+                    offUrl: device.offUrl,
+                    httpVerb: device.httpVerb,
+                    contentType: device.contentType,
+                    contentBody: device.contentBody,
+                    contentBodyOff: device.contentBodyOff
                 }).then(
                     function (response) {
                         self.viewDevices();
@@ -277,19 +284,21 @@ app.service('bridgeService', function ($http, $window, BridgeSettings) {
                     }
                 );
             } else {
-            	if(type == null || type == "")
-            		type = "switch";
-                if(httpVerb != null && httpVerb != "")
-                	type = "custom";
+            	if(device.deviceType == null || device.deviceType == "")
+            		device.deviceType = "switch";
+                if(device.httpVerb != null && device.httpVerb != "")
+                	device.deviceType = "custom";
                 return $http.post(this.state.base, {
-                    name: name,
-                    deviceType: type,
-                    onUrl: onUrl,
-                    offUrl: offUrl,
-                    httpVerb: httpVerb,
-                    contentType: contentType,
-                    contentBody: contentBody,
-                    contentBodyOff: contentBodyOff
+                    name: device.name,
+                    mapId: device.mapId,
+                    mapType: device.mapType,
+                    deviceType: device.deviceType,
+                    onUrl: device.onUrl,
+                    offUrl: device.offUrl,
+                    httpVerb: device.httpVerb,
+                    contentType: device.contentType,
+                    contentBody: device.contentBody,
+                    contentBodyOff: device.contentBodyOff
                 }).then(
                     function (response) {
                         self.viewDevices();
@@ -319,8 +328,40 @@ app.service('bridgeService', function ($http, $window, BridgeSettings) {
             );
         };
 
-        this.editDevice = function (id, name, onUrl, offUrl, httpVerb, contentType, contentBody, contentBodyOff) {
-            self.state.device = {id: id, name: name, onUrl: onUrl, offUrl: offUrl, httpVerb: httpVerb, contentType: contentType, contentBody: contentBody, contentBodyOff: contentBodyOff};
+        this.deleteDeviceByMapId = function (id) {
+        	for(var i = 0; i < this.state.devices.length; i++) {
+        		if(this.state.devices[i].mapId == id)
+        			return self.deleteDevice(this.state.devices[i].id);
+        	}
+        };
+
+        this.editDevice = function (device) {
+            self.state.device = device;
+        };
+
+        this.testUrl = function (device, type) {
+        	if(type == "on") {
+       			$http.put(this.state.huebase + "/test/lights/" + device.id + "/state", "{\"on\":true}").then(
+       	                function (response) {
+       	                    $window.alert("Request Exceuted: " + response.statusText);
+       	                },
+       	                function (error) {
+       	                    $window.alert("Request Error: " + error.statusText + ", with status: " + error.status + ", Pleae look in your console log.");
+       	                }
+       	            );
+           		return;        		
+        	}
+        	else {
+       			$http.put(this.state.huebase + "/test/lights/" + device.id + "/state", "{\"on\":false}").then(
+       	                function (response) {
+       	                    $window.alert("Request Exceuted: " + response.statusText);
+       	                },
+       	                function (error) {
+       	                    $window.alert("Request Error: " + error.statusText + ", with status: " + error.status + ", Pleae look in your console log.");
+       	                }
+       	            );
+           		return;        		
+           	}
         };
     });
 
@@ -331,6 +372,8 @@ app.controller('ViewingController', function ($scope, $location, $http, $window,
         $scope.bridge = bridgeService.state;
         bridgeService.updateShowVera();
         bridgeService.updateShowHarmony();
+        $scope.visible = false;
+        $scope.imgUrl = "glyphicon glyphicon-plus";
         $scope.predicate = '';
         $scope.reverse = true;
         $scope.order = function(predicate) {
@@ -341,83 +384,23 @@ app.controller('ViewingController', function ($scope, $location, $http, $window,
             bridgeService.deleteDevice(device.id);
         };
         $scope.testUrl = function (device, type) {
-        	if(type == "on") {
-            	if(device.deviceType == "activity" || device.deviceType == "button") {
-        			$http.put($scope.bridge.huebase + "/test/lights/" + device.id + "/state", "{\"on\":true}").then(
-        	                function (response) {
-        	                    $window.alert("Request Exceuted: " + response.statusText);
-        	                },
-        	                function (error) {
-        	                    $window.alert("Request Error: " + error.data.message);
-        	                }
-        	            );
-            		return;        		
-            	}
-
-        		if(device.httpVerb == "PUT")
-        			$http.put(device.onUrl, device.contentBody).then(
-        	                function (response) {
-        	                    $window.alert("Request Exceuted: " + response.statusText);
-        	                },
-        	                function (error) {
-        	                    $window.alert("Request Error: " + error.data.message);
-        	                }
-        	            );
-        		else if(device.httpVerb == "POST")
-        			$http.post(device.onUrl, device.contentBody).then(
-        	                function (response) {
-        	                    $window.alert("Request Exceuted: " + response.statusText);
-        	                },
-        	                function (error) {
-        	                    $window.alert("Request Error: " + error.data.message);
-        	                }
-        	            );
-        		else
-        			window.open(device.onUrl, "_blank");
-        	}
-        	else {
-            	if(device.deviceType == "activity" || device.deviceType == "button") {
-        			$http.put($scope.bridge.huebase + "/test/lights/" + device.id + "/state", "{\"on\":false}").then(
-        	                function (response) {
-        	                    $window.alert("Request Exceuted: " + response.statusText);
-        	                },
-        	                function (error) {
-        	                    $window.alert("Request Error: " + error.data.message);
-        	                }
-        	            );
-            		return;        		
-            	}
-
-        		if(device.httpVerb == "PUT")
-        			$http.put(device.offUrl, device.contentBodyOff).then(
-        	                function (response) {
-        	                    $window.alert("Request Exceuted: " + response.statusText);
-        	                },
-        	                function (error) {
-        	                    $window.alert("Request Error: " + error.data.message);
-        	                }
-        	            );
-        		else if(device.httpVerb == "POST")
-        			$http.post(device.offUrl, device.contentBody).then(
-        	                function (response) {
-        	                    $window.alert("Request Exceuted: " + response.statusText);
-        	                },
-        	                function (error) {
-        	                    $window.alert("Request Error: " + error.data.message);
-        	                }
-        	            );
-        		else
-            		window.open(device.offUrl, "_blank");
-        	}
+        	bridgeService.testUrl(device, type);
         };
         $scope.setBridgeUrl = function (url) {
             bridgeService.state.base = url;
             bridgeService.viewDevices();
         };
         $scope.editDevice = function (device) {
-            bridgeService.editDevice(device.id, device.name, device.onUrl, device.offUrl, device.httpVerb, device.contentType, device.contentBody, device.contentBodyOff);
+            bridgeService.editDevice(device);
             $location.path('/editdevice');
         };
+        $scope.toggle = function () {
+            $scope.visible = !$scope.visible;
+            if($scope.visible)
+                $scope.imgUrl = "glyphicon glyphicon-minus";
+            else
+                $scope.imgUrl = "glyphicon glyphicon-plus";
+        };
     });
 
 app.controller('AddingController', function ($scope, $location, $http, bridgeService, BridgeSettings) {
@@ -434,6 +417,14 @@ app.controller('AddingController', function ($scope, $location, $http, bridgeSer
         bridgeService.updateShowVera();
         bridgeService.updateShowHarmony();
         $scope.device = bridgeService.state.device;
+        $scope.activitiesVisible = false;
+        $scope.imgButtonsUrl = "glyphicon glyphicon-plus";
+        $scope.buttonsVisible = false;
+        $scope.imgActivitiesUrl = "glyphicon glyphicon-plus";
+        $scope.devicesVisible = false;
+        $scope.imgDevicesUrl = "glyphicon glyphicon-plus";
+        $scope.scenesVisible = false;
+        $scope.imgScenesUrl = "glyphicon glyphicon-plus";
         $scope.predicate = '';
         $scope.reverse = true;
         $scope.device_dim_control = "";
@@ -446,6 +437,9 @@ app.controller('AddingController', function ($scope, $location, $http, bridgeSer
             if ($scope.vera.base.indexOf("http") < 0) {
                 $scope.vera.base = "http://" + $scope.vera.base;
             }
+            $scope.device.deviceType = "switch";
+            $scope.device.mapType = "veraDevice";
+            $scope.device.mapId = $scope.vera.id;
             if(dim_control.indexOf("byte") >= 0 || dim_control.indexOf("percent") >= 0 || dim_control.indexOf("math") >= 0)
             	$scope.device.onUrl = $scope.vera.base + ":" + $scope.vera.port
                 	+ "/data_request?id=action&output_format=json&DeviceNum="
@@ -466,6 +460,8 @@ app.controller('AddingController', function ($scope, $location, $http, bridgeSer
                 $scope.vera.base = "http://" + $scope.vera.base;
             }
             $scope.device.deviceType = "scene";
+            $scope.device.mapType = "veraScene";
+            $scope.device.mapId = $scope.vera.id;
             $scope.device.onUrl = $scope.vera.base + ":" + $scope.vera.port
                 + "/data_request?id=action&output_format=json&serviceId=urn:micasaverde-com:serviceId:HomeAutomationGateway1&action=RunScene&SceneNum="
                 + $scope.vera.id;
@@ -480,6 +476,8 @@ app.controller('AddingController', function ($scope, $location, $http, bridgeSer
             }
             $scope.device.deviceType = "switch";
             $scope.device.name = veradevice.name;
+            $scope.device.mapType = "veraDevice";
+            $scope.device.mapId = veradevice.id;
             if(dim_control.indexOf("byte") >= 0 || dim_control.indexOf("percent") >= 0 || dim_control.indexOf("math") >= 0)
             	$scope.device.onUrl = $scope.vera.base + ":" + $scope.vera.port
                 	+ "/data_request?id=action&output_format=json&DeviceNum="
@@ -501,6 +499,8 @@ app.controller('AddingController', function ($scope, $location, $http, bridgeSer
             }
             $scope.device.deviceType = "scene";
             $scope.device.name = verascene.name;
+            $scope.devoce.mapType = "veraScene";
+            $scope.device.mapId = verascene.id;
             $scope.device.onUrl = $scope.vera.base + ":" + $scope.vera.port
                 + "/data_request?id=action&output_format=json&serviceId=urn:micasaverde-com:serviceId:HomeAutomationGateway1&action=RunScene&SceneNum="
                 + verascene.id;
@@ -512,6 +512,8 @@ app.controller('AddingController', function ($scope, $location, $http, bridgeSer
         $scope.buildActivityUrls = function (harmonyactivity) {
             $scope.device.deviceType = "activity";
             $scope.device.name = harmonyactivity.label;
+            $scope.device.mapType = "harmonyActivity";
+            $scope.device.mapId = harmonyactivity.id;
             $scope.device.onUrl = "{\"name\":\"" + harmonyactivity.id + "\"}";
             $scope.device.offUrl = "{\"name\":\"-1\"}";
         };
@@ -519,85 +521,22 @@ app.controller('AddingController', function ($scope, $location, $http, bridgeSer
         $scope.buildButtonUrls = function (harmonydevice, onbutton, offbutton) {
             $scope.device.deviceType = "button";
             $scope.device.name = harmonydevice.label;
+            $scope.device.mapType = "harmonyButton";
+            $scope.device.mapId = harmonydevice.id + "-" + onbutton + "-" + offbutton;
             $scope.device.onUrl = "{\"device\":\"" + harmonydevice.id + "\",\"button\":\"" + onbutton + "\"}";
             $scope.device.offUrl = "{\"device\":\"" + harmonydevice.id + "\",\"button\":\"" + offbutton + "\"}";
         };
 
         $scope.testUrl = function (device, type) {
-        	if(type == "on") {
-            	if(device.deviceType == "activity" || device.deviceType == "button") {
-        			$http.put($scope.bridge.huebase + "/test/lights/" + device.id + "/state", "{\"on\":true}").then(
-        	                function (response) {
-        	                    $window.alert("Request Exceuted: " + response.statusText);
-        	                },
-        	                function (error) {
-        	                    $window.alert("Request Error: " + error.data.message);
-        	                }
-        	            );
-            		return;        		
-            	}
-
-        		if(device.httpVerb == "PUT")
-        			$http.put(device.onUrl, device.contentBody).then(
-        	                function (response) {
-        	                    $window.alert("Request Exceuted: " + response.statusText);
-        	                },
-        	                function (error) {
-        	                    $window.alert("Request Error: " + error.data.message);
-        	                }
-        	            );
-        		else if(device.httpVerb == "POST")
-        			$http.post(device.onUrl, device.contentBody).then(
-        	                function (response) {
-        	                    $window.alert("Request Exceuted: " + response.statusText);
-        	                },
-        	                function (error) {
-        	                    $window.alert("Request Error: " + error.data.message);
-        	                }
-        	            );
-        		else
-        			window.open(device.onUrl, "_blank");
-        	}
-        	else {
-            	if(device.deviceType == "activity" || device.deviceType == "button") {
-        			$http.put($scope.bridge.huebase + "/test/lights/" + device.id + "/state", "{\"on\":false}").then(
-        	                function (response) {
-        	                    $window.alert("Request Exceuted: " + response.statusText);
-        	                },
-        	                function (error) {
-        	                    $window.alert("Request Error: " + error.data.message);
-        	                }
-        	            );
-            		return;        		
-            	}
-
-        		if(device.httpVerb == "PUT")
-        			$http.put(device.offUrl, device.contentBodyOff).then(
-        	                function (response) {
-        	                    $window.alert("Request Exceuted: " + response.statusText);
-        	                },
-        	                function (error) {
-        	                    $window.alert("Request Error: " + error.data.message);
-        	                }
-        	            );
-        		else if(device.httpVerb == "POST")
-        			$http.post(device.offUrl, device.contentBody).then(
-        	                function (response) {
-        	                    $window.alert("Request Exceuted: " + response.statusText);
-        	                },
-        	                function (error) {
-        	                    $window.alert("Request Error: " + error.data.message);
-        	                }
-        	            );
-        		else
-            		window.open(device.offUrl, "_blank");
-        	}
+        	bridgeService.testUrl(device, type);
         };
 
         $scope.addDevice = function () {
-            bridgeService.addDevice($scope.device.id, $scope.device.name, $scope.device.deviceType, $scope.device.onUrl, $scope.device.offUrl, $scope.device.httpVerb, $scope.device.contentType, $scope.device.contentBody, $scope.device.contentBodyOff).then(
+            bridgeService.addDevice($scope.device).then(
                 function () {
                     $scope.device.id = "";
+                    $scope.device.mapType = null;
+                    $scope.device.mapId = null;
                     $scope.device.name = "";
                     $scope.device.onUrl = "";
                     $scope.device.deviceType = "switch";
@@ -612,9 +551,88 @@ app.controller('AddingController', function ($scope, $location, $http, bridgeSer
                 }
             );
         }
+
+        $scope.toggleActivities = function () {
+            $scope.activitiesVisible = !$scope.activitiesVisible;
+            if($scope.activitiesVisible)
+                $scope.imgActivitiesUrl = "glyphicon glyphicon-minus";
+            else
+                $scope.imgActivitiesUrl = "glyphicon glyphicon-plus";
+        };
+        
+        $scope.toggleButtons = function () {
+            $scope.buttonsVisible = !$scope.buttonsVisible;
+            if($scope.buttonsVisible)
+                $scope.imgButtonsUrl = "glyphicon glyphicon-minus";
+            else
+                $scope.imgButtonsUrl = "glyphicon glyphicon-plus";
+        };
+        
+        $scope.toggleDevices = function () {
+            $scope.devicesVisible = !$scope.devicesVisible;
+            if($scope.devicesVisible)
+                $scope.imgDevicesUrl = "glyphicon glyphicon-minus";
+            else
+                $scope.imgDevicesUrl = "glyphicon glyphicon-plus";
+        };
+        
+        $scope.toggleScenes = function () {
+            $scope.scenesVisible = !$scope.scenesVisible;
+            if($scope.scenesVisible)
+                $scope.imgScenesUrl = "glyphicon glyphicon-minus";
+            else
+                $scope.imgScenesUrl = "glyphicon glyphicon-plus";
+        };
+        
+        $scope.deleteDeviceByMapId = function (id) {
+        	bridgeService.deleteDeviceByMapId(id);
+        };
         
     });
 
+app.filter('availableId', function(bridgeService) {
+        return function(input) {
+            var out = [];
+            if(input == null)
+            	return out;
+            for (var i = 0; i < input.length; i++) {
+                if(!bridgeService.findDeviceByMapId(input[i].id)){
+                    out.push(input[i]);
+                }
+            }
+            return out;
+        }
+    });
+
+app.filter('unavailableId', function(bridgeService) {
+    return function(input) {
+        var out = [];
+        if(input == null)
+        	return out;
+        for (var i = 0; i < input.length; i++) {
+            if(bridgeService.findDeviceByMapId(input[i].id)){
+                out.push(input[i]);
+            }
+        }
+        return out;
+    }
+});
+
+app.filter('configuredButtons', function() {
+    return function(input) {
+        var out = [];
+        if(input == null)
+        	return out;
+        for (var i = 0; i < input.length; i++) {
+            if(input[i].mapType == "harmonyButton"){
+                out.push(input[i]);
+            }
+        }
+        return out;
+    }
+});
+
+
 app.controller('ErrorsController', function ($scope, bridgeService) {
         $scope.bridge = bridgeService.state;
     });

src/main/resources/public/views/configuration.html

@@ -60,10 +60,9 @@
 
 	<div class="panel panel-default bridgeServer">
 		<div class="panel-heading">
-  			<a href="#/"><span class="glyphicon glyphicon-minus" aria-hidden="true"></span></a>
-			<h1 class="panel-title">Bridge settings</h1>
+			<h1 class="panel-title">Bridge settings <a ng-click="toggle()"><span class={{imgUrl}} aria-hidden="true"></a></h1>
 		</div>
-		<div class="panel-body">
+		<div ng-if="visible" class="animate-if" class="panel-body">
 
 			<form class="form-horizontal">
 				<div class="form-group">

src/main/resources/public/views/editdevice.html

@@ -10,7 +10,7 @@
 
 <div class="panel panel-default bridgeServer" ng-if="!bridge.error">
 	<div class="panel-heading">
-		<h2 class="panel-title">Add a new device</h2>
+		<h2 class="panel-title">Edit a device</h2>
 	</div>
 	<ul class="list-group">
 		<li class="list-group-item">
@@ -26,6 +26,31 @@
 					<button type="submit" class="col-xs-4 col-sm-2 btn btn-primary">
 						Update Device</button>
 				</div>
+				<div class="form-group">
+					<div class="row">
+					<label class="col-xs-12 col-sm-2 control-label" for="device-map-type">Map Type
+					</label>
+
+					<div class="col-xs-8 col-sm-7">
+					    <select name="device-map-type" id="device-map-type" ng-model="device.mapType">
+					      <option value="">---Please select---</option> <!-- not selected / blank option -->
+					      <option value="veraDevice">Vera Device</option>
+					      <option value="veraScene">Vera Scene</option>
+					      <option value="harmonyActivity">Harmony Activity</option>
+					      <option value="harmonyButton">Harmony Button</option>
+					    </select>
+					</div>
+					</div>
+				</div>
+				<div ng-if="device.mapType" class="form-group">
+					<label class="col-xs-12 col-sm-2 control-label" for="device-map-id">Map ID
+					</label>
+
+					<div class="col-xs-8 col-sm-7">
+						<input type="text" class="form-control" id="device-map-id"
+							ng-model="device.mapId" placeholder="1111">
+					</div>
+				</div>
 				<div class="form-group">
 					<div class="row">
 					<label class="col-xs-12 col-sm-2 control-label" for="device-on-url">On
@@ -35,9 +60,6 @@
 						<textarea rows="3" class="form-control" id="device-on-url"
 							ng-model="device.onUrl" placeholder="URL to turn device on"></textarea>
 					</div>
-			        <div class="clearfix visible-xs"></div>
-					<button class="col-xs-4 col-sm-2 btn btn-success" type="button"
-						ng-click="testUrl(device, 'on')">Test</button>
 					</div>
 				</div>
 				<div class="form-group">
@@ -49,9 +71,6 @@
 						<textarea rows="3" class="form-control" id="device-off-url"
 							ng-model="device.offUrl" placeholder="URL to turn device off"></textarea>
 					</div>
-			        <div class="clearfix visible-xs"></div>
-					<button class="col-xs-4 col-sm-2 btn btn-success" type="button"
-						ng-click="testUrl(device, 'off')">Test</button>
 					</div>
 				</div>
 				<div class="form-group">
@@ -69,7 +88,7 @@
 					</div>
 					</div>
 				</div>
-				<div class="form-group">
+				<div ng-if="device.httpVerb" class="form-group">
 					<div class="row">
 					<label class="col-xs-12 col-sm-2 control-label" for="device-content-type">Content Type
 					</label>
@@ -94,7 +113,7 @@
 					</div>
 					</div>
 				</div>
-				<div class="form-group">
+				<div ng-if="device.httpVerb" class="form-group">
 					<div class="row">
 					<label class="col-xs-12 col-sm-2 control-label"
 						for="device-content-body">Content Body On</label>
@@ -106,7 +125,7 @@
 			        <div class="clearfix visible-xs"></div>
 					</div>
 				</div>
-				<div class="form-group">
+				<div ng-if="device.httpVerb" class="form-group">
 					<div class="row">
 					<label class="col-xs-12 col-sm-2 control-label"
 						for="device-content-body-off">Content Body Off</label>

src/main/resources/public/views/editor.html

@@ -98,9 +98,6 @@
 						<textarea rows="3" class="form-control" id="device-on-url"
 							ng-model="device.onUrl" placeholder="URL to turn device on"></textarea>
 					</div>
-			        <div class="clearfix visible-xs"></div>
-					<button class="col-xs-4 col-sm-2 btn btn-success" type="button"
-						ng-click="testUrl(device, 'on')">Test</button>
 					</div>
 				</div>
 				<div class="form-group">
@@ -112,9 +109,6 @@
 						<textarea rows="3" class="form-control" id="device-off-url"
 							ng-model="device.offUrl" placeholder="URL to turn device off"></textarea>
 					</div>
-			        <div class="clearfix visible-xs"></div>
-					<button class="col-xs-4 col-sm-2 btn btn-success" type="button"
-						ng-click="testUrl(device, 'off')">Test</button>
 					</div>
 				</div>
 				<div class="form-group">
@@ -132,7 +126,7 @@
    					</div>
 					</div>
 				</div>
-				<div class="form-group">
+				<div ng-if="device.httpVerb" class="form-group">
 					<div class="row">
 					<label class="col-xs-12 col-sm-2 control-label"  for="device-content-type">Content Type
 					</label>
@@ -157,7 +151,7 @@
 					</div>
 					</div>
 				</div>
-				<div class="form-group">
+				<div ng-if="device.httpVerb" class="form-group">
 					<div class="row">
 					<label class="col-xs-12 col-sm-2 control-label"
 						for="device-content-body">Content Body On</label>
@@ -169,7 +163,7 @@
 			        <div class="clearfix visible-xs"></div>
 					</div>
 				</div>
-				<div class="form-group">
+				<div ng-if="device.httpVerb" class="form-group">
 					<div class="row">
 					<label class="col-xs-12 col-sm-2 control-label"
 						for="device-content-body-off">Content Body Off</label>

src/main/resources/public/views/harmonyactivity.html

@@ -30,7 +30,7 @@
 						<th>Actions</th>
 					</tr>
 				</thead>
-				<tr ng-repeat="harmonyactivity in bridge.harmonyactivities | orderBy:predicate:reverse">
+				<tr ng-repeat="harmonyactivity in bridge.harmonyactivities | availableId | orderBy:predicate:reverse">
 					<td>{{harmonyactivity.label}}</td>
 					<td>{{harmonyactivity.id}}</td>
 					<td>
@@ -42,6 +42,34 @@
 			</table>
 		</li>
 	</ul>
+	<div class="panel-heading">
+		<h2 class="panel-title">Already Configured Activities <a ng-click="toggleActivities()"><span class={{imgActivitiesUrl}} aria-hidden="true"></a></h2>
+	</div>
+	<ul ng-if="activitiesVisible" class="list-group">
+		<li class="list-group-item">
+			<table class="table table-bordered table-striped table-hover">
+				<thead>
+					<tr>
+						<th>
+							<a href="" ng-click="order('label')">Name</a>
+        					<span class="sortorder" ng-show="predicate === 'name'" ng-class="{reverse:reverse}"></span>
+        				</th>
+						<th>
+							<a href="" ng-click="order('id')">Id</a>
+        					<span class="sortorder" ng-show="predicate === 'id'" ng-class="{reverse:reverse}"></span>
+        				</th>
+						<th>Actions</th>
+					</tr>
+				</thead>
+				<tr ng-repeat="harmonyactivity in bridge.harmonyactivities | unavailableId | orderBy:predicate:reverse">
+					<td>{{harmonyactivity.label}}</td>
+					<td>{{harmonyactivity.id}}</td>
+					<td><button class="btn btn-danger" type="submit"
+						ng-click="deleteDeviceByMapId(harmonyactivity.id)">Delete</button></td>
+				</tr>
+			</table>
+		</li>
+	</ul>
 </div>
 <div class="panel panel-default bridgeServer" ng-if="!bridge.error">
 	<div class="panel-heading">

src/main/resources/public/views/harmonydevice.html

@@ -58,6 +58,41 @@
 			</table>
 		</li>
 	</ul>
+	<div class="panel-heading">
+		<h2 class="panel-title">Already Configured Harmony Buttons <a ng-click="toggleButtons()"><span class={{imgButtonsUrl}} aria-hidden="true"></span></a></h2>
+	</div>
+	<ul ng-if="buttonsVisible" class="list-group">
+		<li class="list-group-item">
+			<table class="table table-bordered table-striped table-hover">
+				<thead>
+					<tr>
+						<th>
+							<a href="" ng-click="order('name')">Name</a>
+        					<span class="sortorder" ng-show="predicate === 'name'" ng-class="{reverse:reverse}"></span>
+        				</th>
+						<th>
+							<a href="" ng-click="order('id')">Device Id</a>
+        					<span class="sortorder" ng-show="predicate === 'id'" ng-class="{reverse:reverse}"></span>
+        				</th>
+						<th>
+							<a href="" ng-click="order('mapId')">Harmony Device-Button On-Button Off</a>
+        					<span class="sortorder" ng-show="predicate === 'id'" ng-class="{reverse:reverse}"></span>
+        				</th>
+						<th>Actions</th>
+					</tr>
+				</thead>
+				<tr ng-repeat="device in bridge.devices | configuredButtons | orderBy:predicate:reverse">
+					<td>{{device.name}}</td>
+					<td>{{device.id}}</td>
+					<td>{{device.mapId}}</td>
+					<td>
+						<button class="btn btn-danger" type="submit"
+						ng-click="deleteDeviceByMapId(device.mapId)">Delete</button>
+					</td>
+				</tr>
+			</table>
+		</li>
+	</ul>
 </div>
 <div class="panel panel-default bridgeServer" ng-if="!bridge.error">
 	<div class="panel-heading">

src/main/resources/public/views/nonconfiguration.html

@@ -1,64 +0,0 @@
-      <ul class="nav nav-pills" role="tablist">
-        <li role="presentation" class="active"><a href="#">Configuration</a></li>
-        <li ng-if="bridge.showVera" role="presentation"><a href="#/veradevices">Vera Devices</a></li>
-        <li ng-if="bridge.showVera" role="presentation"><a href="#/verascenes">Vera Scenes</a></li>
-        <li ng-if="bridge.showHarmony" role="presentation"><a href="#/harmonyactivities">Harmony Activities</a></li>
-        <li ng-if="bridge.showHarmony" role="presentation"><a href="#/harmonydevices">Harmony Devices</a></li>
-        <li role="presentation"><a href="#/editor">Manual Add</a></li>
-      </ul>
-
-	<div ng-controller="ErrorsController">
-		<div ng-if="bridge.error"
-			class="alert alert-warning alert-dismissible" role="alert">
-			<button type="button" class="close" data-dismiss="alert"
-				aria-label="Close">
-				<span aria-hidden="true">&times;</span>
-			</button>
-
-			<h2 ng-show='bridge.error != ""'>ERROR</h2>
-
-			<div ng-show='bridge.error != ""'>{{bridge.error}}</div>
-		</div>
-	</div>
-	<div class="panel panel-default">
-		<div class="panel-heading">
-			<h2 class="panel-title">Current devices</h2>
-		</div>
-		<table class="table table-bordered table-striped table-hover">
-			<thead>
-				<tr>
-					<th>
-						<a href="" ng-click="order('id')">ID</a>
-        				<span class="sortorder" ng-show="predicate === 'id'" ng-class="{reverse:reverse}"></span></th>
-					<th>
-						<a href="" ng-click="order('name')">Name</a>
-        				<span class="sortorder" ng-show="predicate === 'name'" ng-class="{reverse:reverse}"></span></th>
-					<th>
-						<a href="" ng-click="order('deviceType')">Type</a>
-        				<span class="sortorder" ng-show="predicate === 'deviceType'" ng-class="{reverse:reverse}"></span></th>
-					<th>Actions</th>
-				</tr>
-			</thead>
-			<tr ng-repeat="device in bridge.devices | orderBy:predicate:reverse">
-				<td>{{device.id}}</td>
-				<td>{{device.name}}</td>
-				<td>{{device.deviceType}}</td>
-				<td>
-					<button class="btn btn-info" type="submit"
-						ng-click="testUrl(device, 'on')">Test ON</button>
-					<button class="btn btn-info" type="submit"
-						ng-click="testUrl(device, 'off')">Test OFF</button>
-					<button class="btn btn-warning" type="submit"
-						ng-click="editDevice(device)">Edit</button>
-					<button class="btn btn-danger" type="submit"
-						ng-click="deleteDevice(device)">Delete</button>
-				</td>
-			</tr>
-		</table>
-	</div>
-	<div class="panel panel-default bridgeServer">
-		<div class="panel-heading">
-  			<a href="#/show"><span class="glyphicon glyphicon-plus" aria-hidden="true"></span></a>
-			<h1 class="panel-title">Bridge settings</h1>
-		</div>
-	</div>

src/main/resources/public/views/veradevice.html

@@ -45,7 +45,7 @@
 						<th>Actions</th>
 					</tr>
 				</thead>
-				<tr ng-repeat="veradevice in bridge.veradevices | orderBy:predicate:reverse">
+				<tr ng-repeat="veradevice in bridge.veradevices | availableId | orderBy:predicate:reverse">
 					<td>{{veradevice.name}}</td>
 					<td>{{veradevice.id}}</td>
 					<td>{{veradevice.category}}</td>
@@ -59,6 +59,46 @@
 			</table>
 		</li>
 	</ul>
+	<div class="panel-heading">
+		<h2 class="panel-title">Already Configured Vera Devices <a ng-click="toggleDevices()"><span class={{imgDevicesUrl}} aria-hidden="true"></a></h2>
+	</div>
+	<ul ng-if="devicesVisible" class="list-group">
+		<li class="list-group-item">
+			<table class="table table-bordered table-striped table-hover">
+				<thead>
+					<tr>
+						<th>
+							<a href="" ng-click="order('name')">Name</a>
+        					<span class="sortorder" ng-show="predicate === 'name'" ng-class="{reverse:reverse}"></span>
+        				</th>
+						<th>
+							<a href="" ng-click="order('id')">Id</a>
+        					<span class="sortorder" ng-show="predicate === 'id'" ng-class="{reverse:reverse}"></span>
+        				</th>
+						<th>
+							<a href="" ng-click="order('category')">Category</a>
+        					<span class="sortorder" ng-show="predicate === 'category'" ng-class="{reverse:reverse}"></span>
+        				</th>
+						<th>
+							<a href="" ng-click="order('room')">Room</a>
+        					<span class="sortorder" ng-show="predicate === 'room'" ng-class="{reverse:reverse}"></span>
+        				</th>
+						<th>Actions</th>
+					</tr>
+				</thead>
+				<tr ng-repeat="veradevice in bridge.veradevices | unavailableId | orderBy:predicate:reverse">
+					<td>{{veradevice.name}}</td>
+					<td>{{veradevice.id}}</td>
+					<td>{{veradevice.category}}</td>
+					<td>{{veradevice.room}}</td>
+					<td>
+						<button class="btn btn-danger" type="submit"
+						ng-click="deleteDeviceByMapId(harmonyactivity.id)">Delete</button>
+					</td>
+				</tr>
+			</table>
+		</li>
+	</ul>
 </div>
 <div class="panel panel-default bridgeServer" ng-if="!bridge.error">
 	<div class="panel-heading">
@@ -87,10 +127,6 @@
 						<textarea rows="3" class="form-control" id="device-on-url"
 							ng-model="device.onUrl" placeholder="URL to turn device on"></textarea>
 					</div>
-			        <div class="clearfix visible-xs"></div>
-					<button class="col-xs-4 col-sm-2 btn btn-success" type="button"
-						ng-click="testUrl(device, 'on')">Test</button>
-					</div>
 				</div>
 				<div class="form-group">
 					<div class="row">
@@ -101,10 +137,6 @@
 						<textarea rows="3" class="form-control" id="device-off-url"
 							ng-model="device.offUrl" placeholder="URL to turn device off"></textarea>
 					</div>
-			        <div class="clearfix visible-xs"></div>
-					<button class="col-xs-4 col-sm-2 btn btn-success" type="button"
-						ng-click="testUrl(device, 'off')">Test</button>
-					</div>
 				</div>
 			</form>
 		</li>

src/main/resources/public/views/verascene.html

@@ -34,7 +34,7 @@
 						<th>Actions</th>
 					</tr>
 				</thead>
-				<tr ng-repeat="verascene in bridge.verascenes | orderBy:predicate:reverse">
+				<tr ng-repeat="verascene in bridge.verascenes | availableId | orderBy:predicate:reverse">
 					<td>{{verascene.name}}</td>
 					<td>{{verascene.id}}</td>
 					<td>{{verascene.room}}</td>
@@ -47,6 +47,41 @@
 			</table>
 		</li>
 	</ul>
+	<div class="panel-heading">
+		<h2 class="panel-title">Already Configured Vera Scenes <a ng-click="toggleScenes()"><span class={{imgScenesUrl}} aria-hidden="true"></a></h2>
+	</div>
+	<ul ng-if="scenesVisible" class="list-group">
+		<li class="list-group-item">
+			<table class="table table-bordered table-striped table-hover">
+				<thead>
+					<tr>
+						<th>
+							<a href="" ng-click="order('name')">Name</a>
+        					<span class="sortorder" ng-show="predicate === 'name'" ng-class="{reverse:reverse}"></span>
+        				</th>
+						<th>
+							<a href="" ng-click="order('id')">Id</a>
+        					<span class="sortorder" ng-show="predicate === 'id'" ng-class="{reverse:reverse}"></span>
+        				</th>
+						<th>
+							<a href="" ng-click="order('room')">Room</a>
+        					<span class="sortorder" ng-show="predicate === 'room'" ng-class="{reverse:reverse}"></span>
+        				</th>
+						<th>Actions</th>
+					</tr>
+				</thead>
+				<tr ng-repeat="verascene in bridge.verascenes | unavailableId | orderBy:predicate:reverse">
+					<td>{{verascene.name}}</td>
+					<td>{{verascene.id}}</td>
+					<td>{{verascene.room}}</td>
+					<td>
+						<button class="btn btn-danger" type="submit"
+						ng-click="deleteDeviceByMapId(harmonyactivity.id)">Delete</button>
+					</td>
+				</tr>
+			</table>
+		</li>
+	</ul>
 </div>
 <div class="panel panel-default bridgeServer" ng-if="!bridge.error">
 	<div class="panel-heading">
@@ -75,10 +110,6 @@
 						<textarea rows="3" class="form-control" id="device-on-url"
 							ng-model="device.onUrl" placeholder="URL to turn device on"></textarea>
 					</div>
-			        <div class="clearfix visible-xs"></div>
-					<button class="col-xs-4 col-sm-2 btn btn-success" type="button"
-						ng-click="testUrl(device, 'on')">Test</button>
-					</div>
 				</div>
 				<div class="form-group">
 					<div class="row">
@@ -89,10 +120,6 @@
 						<textarea rows="3" class="form-control" id="device-off-url"
 							ng-model="device.offUrl" placeholder="URL to turn device off"></textarea>
 					</div>
-			        <div class="clearfix visible-xs"></div>
-					<button class="col-xs-4 col-sm-2 btn btn-success" type="button"
-						ng-click="testUrl(device, 'off')">Test</button>
-					</div>
 				</div>
 			</form>
 		</li>