Update Physical Web WebUI to show new results automatically

components/physical_web/webui/resources/physical_web.js

Index: components/physical_web/webui/resources/physical_web.js
diff --git a/components/physical_web/webui/resources/physical_web.js b/components/physical_web/webui/resources/physical_web.js
index 418dc1d6e90c1b5e8daffb35b8fbd841900eae08..c4504b08c3e4a92e0a17844a5dc838da5843ac80 100644
--- a/components/physical_web/webui/resources/physical_web.js
+++ b/components/physical_web/webui/resources/physical_web.js
@@ -9,8 +9,19 @@
  *      nearby devices
  */
 function renderTemplate(nearbyUrlsData) {
+  // This is a workaround with jstemplate. Jstemplate render only works on empty
+  // node. When we need to rerender things, we have to remove previous nodes.
+  let renderContainer = document.getElementById('render-container');
+  // Remove existing childNode.
+  while (renderContainer.hasChildNodes()) {
+    renderContainer.removeChild(renderContainer.lastChild);
+  }
+
+  let templateDiv = document.getElementById('render-template').cloneNode(true);
+  renderContainer.appendChild(templateDiv);
+
   // This is the javascript code that processes the template:
-  jstProcess(new JsEvalContext(nearbyUrlsData), $('physicalWebTemplate'));
+  jstProcess(new JsEvalContext(nearbyUrlsData), templateDiv);
 }
 
 function requestNearbyURLs() {
@@ -22,7 +33,7 @@ function physicalWebItemClicked(index) {
 }
 
 function returnNearbyURLs(nearbyUrlsData) {
-  var bodyContainer = $('body-container');
+  let bodyContainer = $('body-container');
   renderTemplate(nearbyUrlsData);
 
   bodyContainer.style.visibility = 'visible';