From dc0443d32c507c2884076d9b5664ae01af1459d6 Mon Sep 17 00:00:00 2001
From: Daniel Berteaud <daniel@firewall-services.com>
Date: Fri, 23 Jan 2015 13:29:11 +0100
Subject: [PATCH] Handle email notifications on the admin interface

---
 public/js/vroom.js | 53 ++++++++++++++++++++++++++++++++---------------------
 1 file changed, 32 insertions(+), 21 deletions(-)

diff --git a/public/js/vroom.js b/public/js/vroom.js
index 4683310..aa87f3d 100644
--- a/public/js/vroom.js
+++ b/public/js/vroom.js
@@ -168,6 +168,28 @@ function maxHeight(){
   return $(window).height()-$('#toolbar').height()-25;
 }
 
+// Create a new input field
+function addEmailInputField(val){
+  var parentEl = $('.email-list'),
+      currentEntry = parentEl.find('.email-entry:last'),
+      newEntry = $(currentEntry.clone()).appendTo(parentEl);
+  newEntry.find('input').val(val);
+  parentEl.find('.email-entry:not(:last) .btn-add-email')
+    .removeClass('btn-primary').removeClass('btn-add-email')
+    .addClass('btn-danger').addClass('btn-remove-email')
+    .html('<span class="glyphicon glyphicon-minus"></span>');
+}
+// Add emails input fields
+$(document).on('click','button.btn-add-email',function(e){
+  e.preventDefault();
+  addEmailInputField('');
+});
+$(document).on('click','button.btn-remove-email',function(e){
+  e.preventDefault();
+  $(this).parents('.email-entry:first').remove();
+});
+
+
 // Handle owner/join password confirm
 $('#ownerPassConfirm').on('input', function() {
   if ($('#ownerPassConfirm').val() == $('#ownerPass').val() &&
@@ -334,6 +356,16 @@ function initAdmin(){
         $.notify(locale.ERROR_OCCURRED, 'error');
       },
       success: function(data){
+        // Reset the list of email displayed, so first remove evry input field but the first one
+        // We keep it so we can clone it again
+        $('.email-list').find('.email-entry:not(:first)').remove();
+        $.each(data.notif, function(index, obj){
+          addEmailInputField(obj.email);
+        });
+        // Now, remove the first one if the list is not empty
+        if (Object.keys(data.notif).length > 0){
+          $('.email-list').find('.email-entry:first').remove();
+        }
         // Update config switches
         $('#lockedSet').bootstrapSwitch('state', data.locked == 'yes');
         $('#askForNameSet').bootstrapSwitch('state', data.ask_for_name == 'yes');
@@ -1619,27 +1651,6 @@ function initVroom(room) {
     }
   });
 
-  // Create a new input field
-  function addEmailInputField(val){
-    var parentEl = $('.email-list'),
-        currentEntry = parentEl.find('.email-entry:last'),
-        newEntry = $(currentEntry.clone()).appendTo(parentEl);
-    newEntry.find('input').val(val);
-    parentEl.find('.email-entry:not(:last) .btn-add-email')
-      .removeClass('btn-primary').removeClass('btn-add-email')
-      .addClass('btn-danger').addClass('btn-remove-email')
-      .html('<span class="glyphicon glyphicon-minus"></span>');
-  }
-  // Add emails input fields
-  $(document).on('click','button.btn-add-email',function(e){
-    e.preventDefault();
-    addEmailInputField('');
-  });
-  $(document).on('click','button.btn-remove-email',function(e){
-    e.preventDefault();
-    $(this).parents('.email-entry:first').remove();
-  });
-
   // Submit the configuration form
   $('#configureRoomForm').submit(function(e){
     e.preventDefault();