fix(panel): fix manual entry controls sometimes not loading correctly

Author: Alex Van Camp

bower.json

@@ -1,12 +1,13 @@
 {
-  "name": "lfg-nucleus",
-  "dependencies": {
-    "numeral": "^1.5.3",
-    "paper-button": "PolymerElements/paper-button#^1.0.8",
-    "paper-icon-button": "PolymerElements/paper-icon-button#^1.0.5",
-    "paper-input": "PolymerElements/paper-input#^1.0.18",
-    "paper-tabs": "PolymerElements/paper-tabs#^1.0.10",
-    "boe-list": "SupportClass/boe-list#^0.2.0",
-    "iron-icons": "PolymerElements/iron-icons#^1.1.3"
-  }
+	"name": "lfg-nucleus",
+	"dependencies": {
+		"numeral": "^1.5.3",
+		"paper-button": "PolymerElements/paper-button#^1.0.8",
+		"paper-icon-button": "PolymerElements/paper-icon-button#^1.0.5",
+		"paper-input": "PolymerElements/paper-input#^1.0.18",
+		"paper-tabs": "PolymerElements/paper-tabs#^1.0.10",
+		"boe-list": "SupportClass/boe-list#^0.2.0",
+		"iron-icons": "PolymerElements/iron-icons#^1.1.3",
+		"polymer": "Polymer/polymer#^1.3.1"
+	}
 }

dashboard/panel.js

@@ -1,11 +1,9 @@
 /* global Polymer */
-document.addEventListener('DOMContentLoaded', function () {
+(function () {
 	'use strict';
-
-	var sendBtn = document.getElementById('send');
-
 	var template = document.querySelector('template[is=dom-bind]');
-	template.async(function init() {
+
+	template.addEventListener('dom-change', function init() {
 		template.removeEventListener('dom-change', init);
 
 		/* Due to the data binding we do between the tabs and the visibility of the input fields,
@@ -39,6 +37,7 @@ document.addEventListener('DOMContentLoaded', function () {
 			});
 		});
 
+		var sendBtn = document.getElementById('send');
 		sendBtn.addEventListener('click', function () {
 			var name = document.getElementById('name').value;
 			var type = document.getElementById('tabs').selected === 0 ? 'subscription' : 'tip';
@@ -98,4 +97,4 @@ document.addEventListener('DOMContentLoaded', function () {
 			}
 		});
 	}
-});
+})();