Prevent Invitations and whitelist GUI

UI/WebServerResources/SOGoAutoCompletion.js

@@ -2,277 +2,384 @@
 
 //  NOTE: The popup menu with id "contactsMenu" must exist before
 //  using this interface.
-// 
+//
 //  This interface fires two events:
 //   - autocompletion:changed : fired when a new contact is selected
 //   - autocompletion:changedlist : fired when a new list is selected
 //
 var SOGoAutoCompletionInterface = {
-
-    // Attributes that could be changed from the object
-    // inheriting the inteface
-    uidField: "c_name",
-    addressBook: null,
-    excludeGroups: false,
-    excludeLists: false,
-
-    // Internal attributes
-    animationParent: null,
-    selectedIndex: -1,
-    delay: 0.750,
-    delayedSearch: false,
-    menu: null,
-
-    bind: function () {
-        this.menu = $('contactsMenu');
-        this.writeAttribute("autocomplete", "off");
-        this.writeAttribute("container", null);
-        this.confirmedValue = null;
-        this.observe("keydown", this.onKeydown.bindAsEventListener(this));
-        this.observe("blur", this.onBlur.bindAsEventListener(this));
-    },
-    
-    onKeydown: function (event) {
-        if (event.ctrlKey || event.metaKey) {
-            this.focussed = true;
-            return;
-        }
-        if (event.keyCode == Event.KEY_TAB) {
-            if (this.confirmedValue)
-                this.value = this.confirmedValue;
-            else
-                this.writeAttribute("uid", null);
-             if (document.currentPopupMenu)
-                hideMenu(document.currentPopupMenu);
-        }
-        else if (event.keyCode == 0
-                 || event.keyCode == Event.KEY_BACKSPACE
-                 || event.keyCode == Event.KEY_DELETE
-                 || event.keyCode == 32  // Space
-                 || event.keyCode > 47) {
-            this.confirmedValue = null;
-            this.selectedIndex = -1;
-            if (this.delayedSearch)
-                window.clearTimeout(this.delayedSearch);
-            this.delayedSearch = this.performSearch.delay(this.delay, this);
-        }
-        else if (event.keyCode == Event.KEY_RETURN) {
-            preventDefault(event);
-            if (this.confirmedValue)
-                this.value = this.confirmedValue;
-            else
-                this.writeAttribute("uid", null);
-            if (document.currentPopupMenu)
-                hideMenu(document.currentPopupMenu);
-            this.selectedIndex = -1;
-            if (this.readAttribute("container")) {
-                this.confirmedValue = null;
-                this.fire("autocompletion:changedlist", this.readAttribute("container"));
-            }
-            else
-                this.fire("autocompletion:changed", event.keyCode);
-        }
-        else if (this.menu.getStyle('visibility') == 'visible') {
-            if (event.keyCode == Event.KEY_UP) { // Up arrow
-                if (this.selectedIndex > 0) {
-                    var contacts = this.menu.select("li");
-                    contacts[this.selectedIndex--].removeClassName("selected");
-                    this.value = contacts[this.selectedIndex].readAttribute("address");
-                    this.confirmedValue = this.value;
-                    this.writeAttribute("uid", contacts[this.selectedIndex].readAttribute("uid"));
-                    contacts[this.selectedIndex].addClassName("selected");
-                    var container = contacts[this.selectedIndex].readAttribute("container");
-                    if (container)
-                        this.writeAttribute("container", container);
-                }
-            }
-            else if (event.keyCode == Event.KEY_DOWN) { // Down arrow
-                var contacts = this.menu.select("li");
-                if (contacts.size() - 1 > this.selectedIndex) {
-                    if (this.selectedIndex >= 0)
-                        contacts[this.selectedIndex].removeClassName("selected");
-                    this.selectedIndex++;
-                    this.value = contacts[this.selectedIndex].readAttribute("address");
-                    this.confirmedValue = this.value;
-                    this.writeAttribute("uid", contacts[this.selectedIndex].readAttribute("uid"));
-                    contacts[this.selectedIndex].addClassName("selected");
-                    var container = contacts[this.selectedIndex].readAttribute("container");
-                    if (container)
-                        this.writeAttribute("container", container);
-                }
-            }
-        }
-    },
-
-    onBlur: function (event) {
-        if (this.delayedSearch)
-            window.clearTimeout(this.delayedSearch);
-        if (this.confirmedValue) {
-            this.value = this.confirmedValue;
-            if (this.readAttribute("container"))
-                this.fire("autocompletion:changedlist", this.readAttribute("container"));
-            else
-                this.fire("autocompletion:changed", event.keyCode);
-        }
-        else
-            this.writeAttribute("uid", null);
-    },
-
-    performSearch: function (input) {
-        // Perform address completion
-        if (document.contactLookupAjaxRequest) {
-            // Abort any pending request
-            document.contactLookupAjaxRequest.aborted = true;
-            document.contactLookupAjaxRequest.abort();
-        }
-        if (input.value.trim().length > minimumSearchLength) {
-            var urlstr = UserFolderURL + "Contacts/";
-            if (input.addressBook)
-                urlstr += input.addressBook + "/contact";
-            else
-                urlstr += "allContact";
-            urlstr += "Search?search=" + encodeURIComponent(input.value);
-            if (input.excludeGroups)
-                urlstr += "&excludeGroups=1";
-            if (input.excludeLists)
-                urlstr += "&excludeLists=1";
-            if (input.animationParent)
-                startAnimation(input.animationParent);
-            document.contactLookupAjaxRequest =
-                triggerAjaxRequest(urlstr, input.performSearchCallback.bind(input), input);
-        }
-        else {
-            if (document.currentPopupMenu)
-                hideMenu(document.currentPopupMenu);
-        }
-    },
-
-    performSearchCallback: function (http) {
-        if (http.readyState == 4) {
-            var list = this.menu.down("ul");
-
-            var input = http.callbackData;
-
-            if (http.status == 200) {
-                var start = input.value.length;
-                var data = http.responseText.evalJSON(true);
-
-                if (data.contacts.length > 1) {
-                    list.select("li").each(function(item) {
-                            item.stopObserving("mousedown");
-                            item.remove();
-                        });
-
-                    // Populate popup menu
-                    for (var i = 0; i < data.contacts.length; i++) {
-                        var contact = data.contacts[i];
-                        var completeEmail = contact["c_cn"];
-                        var uid = "" + contact[this.uidField];
-                        var c_name = "" + contact['c_name'];
-                        if (contact["c_mail"])
-                            completeEmail += " <" + contact["c_mail"] + ">";
-                        var node = new Element('li', { 'address': completeEmail,
-                                                       'uid': uid });
-                        var matchPosition = completeEmail.toLowerCase().indexOf(data.searchText.toLowerCase());
-                        if (matchPosition > -1) {
-                            var matchBefore = completeEmail.substring(0, matchPosition);
-                            var matchText = completeEmail.substring(matchPosition, matchPosition + data.searchText.length);
-                            var matchAfter = completeEmail.substring(matchPosition + data.searchText.length);
-                            node.appendChild(document.createTextNode(matchBefore));
-                            node.appendChild(new Element('strong').update(matchText));
-                            node.appendChild(document.createTextNode(matchAfter));
-                        }
-                        else {
-                            node.appendChild(document.createTextNode(completeEmail));
-                        }
-                        list.appendChild(node);
-                        if (c_name.endsWith(".vlf")) {
-                            // Keep track of list containers
-                            node.writeAttribute("container", contact['container']);
-                        }
-                        if (contact["contactInfo"])
-                            node.appendChild(document.createTextNode(" (" + contact["contactInfo"] + ")"));
-                        $(node).observe("mousedown", this.onAddressResultClick.bindAsEventListener(this));
-                    }
-
-                    // Show popup menu
-                    var offsetScroll = Element.cumulativeScrollOffset(input);
-                    var offset = Element.positionedOffset(input);
-                    if ($(document.body).hasClassName("popup") && typeof initPopupMailer == 'undefined')
-                    // Hack for some situations where the offset must be computed differently
-                         offset = Element.cumulativeOffset(input);
-                    var top = offset.top - offsetScroll.top + node.offsetHeight + 3;
-                    var height = 'auto';
-                    var heightDiff = window.height() - offset[1];
-                    var nodeHeight = node.getHeight();
-
-                    if ((data.contacts.length * nodeHeight) > heightDiff)
-                        // Limit the size of the popup to the window height, minus 12 pixels
-                        height = parseInt(heightDiff/nodeHeight) * nodeHeight - 12 + 'px';
-
-                    this.menu.setStyle({ top: top + "px",
-                                left: offset[0] + "px",
-                                height: height,
-                                maxWidth: (window.width() - offset[0] - 12) + "px",
-                                visibility: "visible" });
-                    this.menu.scrollTop = 0;
-
-                    document.currentPopupMenu = this.menu;
-                    $(document.body).stopObserving("click");
-                    $(document.body).observe("click", onBodyClickMenuHandler);
-                }
-                else {
-                    if (document.currentPopupMenu)
-                        hideMenu(document.currentPopupMenu);
-
-                    if (data.contacts.length == 1) {
-                        // Single result
-                        var contact = data.contacts[0];
-                        var uid = "" + contact[this.uidField];
-                        var c_name = "" + contact['c_name'];
-                        input.writeAttribute("uid", uid);
-                        if (c_name.endsWith(".vlf")) {
-                            this.writeAttribute("container", contact['container']);
-                        }
-                        var completeEmail = contact["c_cn"];
-                        if (contact["c_mail"])
-                            completeEmail += " <" + contact["c_mail"] + ">";
-                        if (contact["c_cn"].substring(0, input.value.length).toUpperCase()
-                            == input.value.toUpperCase())
-                            input.value = completeEmail;
-                        else
-                            // The result matches email address, not user name
-                            input.value += ' >> ' + completeEmail;
-                        input.confirmedValue = completeEmail;
-                        
-                        var end = input.value.length;
-                        $(input).selectText(start, end);
-                        
-                        this.selectedIndex = -1;
-                    }
-                }
-            }
-            else
-                if (document.currentPopupMenu)
-                    hideMenu(document.currentPopupMenu);
-            document.contactLookupAjaxRequest = null;
-        }
-    },
-
-    onAddressResultClick: function(event) {
-        var e = Event.element(event);
-        if (e.tagName != 'LI')
-            e = e.up('LI');
-        if (e) {
-            preventDefault(event);
-            this.value = e.readAttribute("address");
-            this.writeAttribute("uid", e.readAttribute("uid"));
-            if (e.readAttribute("container"))
-                this.fire("autocompletion:changedlist", e.readAttribute("container"));
-            else {
-                this.confirmedValue = this.value;
-                this.fire("autocompletion:changed", Event.KEY_RETURN);
-            }
-        }
+  
+  // Attributes that could be changed from the object
+  // inheriting the inteface
+uidField: "c_name",
+addressBook: null,
+SOGoUsersSearch: false,
+excludeGroups: false,
+excludeLists: false,
+  
+  // Internal attributes
+animationParent: null,
+selectedIndex: -1,
+delay: 0.750,
+delayedSearch: false,
+menu: null,
+  
+bind: function () {
+  this.menu = $('contactsMenu');
+  this.writeAttribute("autocomplete", "off");
+  this.writeAttribute("container", null);
+  this.confirmedValue = null;
+  this.observe("keydown", this.onKeydown.bindAsEventListener(this));
+  this.observe("blur", this.onBlur.bindAsEventListener(this));
+},
+  
+onKeydown: function (event) {
+  if (event.ctrlKey || event.metaKey) {
+    this.focussed = true;
+    return;
+  }
+  if (event.keyCode == Event.KEY_TAB) {
+    if (this.confirmedValue)
+      this.value = this.confirmedValue;
+    else
+      this.writeAttribute("uid", null);
+    if (document.currentPopupMenu)
+      hideMenu(document.currentPopupMenu);
+  }
+  else if (event.keyCode == 0
+           || event.keyCode == Event.KEY_BACKSPACE
+           || event.keyCode == Event.KEY_DELETE
+           || event.keyCode == 32  // Space
+           || event.keyCode > 47) {
+    this.confirmedValue = null;
+    this.selectedIndex = -1;
+    if (this.delayedSearch)
+      window.clearTimeout(this.delayedSearch);
+    this.delayedSearch = this.performSearch.delay(this.delay, this);
+  }
+  else if (event.keyCode == Event.KEY_RETURN) {
+    preventDefault(event);
+    if (this.confirmedValue)
+      this.value = this.confirmedValue;
+    else
+      this.writeAttribute("uid", null);
+    if (document.currentPopupMenu)
+      hideMenu(document.currentPopupMenu);
+    this.selectedIndex = -1;
+    if (this.readAttribute("container")) {
+      this.confirmedValue = null;
+      this.fire("autocompletion:changedlist", this.readAttribute("container"));
     }
+    else
+      this.fire("autocompletion:changed", event.keyCode);
+  }
+  else if (this.menu.getStyle('visibility') == 'visible') {
+    if (event.keyCode == Event.KEY_UP) { // Up arrow
+      if (this.selectedIndex > 0) {
+        var contacts = this.menu.select("li");
+        contacts[this.selectedIndex--].removeClassName("selected");
+        this.value = contacts[this.selectedIndex].readAttribute("address");
+        this.confirmedValue = this.value;
+        this.writeAttribute("uid", contacts[this.selectedIndex].readAttribute("uid"));
+        contacts[this.selectedIndex].addClassName("selected");
+        var container = contacts[this.selectedIndex].readAttribute("container");
+        if (container)
+          this.writeAttribute("container", container);
+      }
+    }
+    else if (event.keyCode == Event.KEY_DOWN) { // Down arrow
+      var contacts = this.menu.select("li");
+      if (contacts.size() - 1 > this.selectedIndex) {
+        if (this.selectedIndex >= 0)
+          contacts[this.selectedIndex].removeClassName("selected");
+        this.selectedIndex++;
+        this.value = contacts[this.selectedIndex].readAttribute("address");
+        this.confirmedValue = this.value;
+        this.writeAttribute("uid", contacts[this.selectedIndex].readAttribute("uid"));
+        contacts[this.selectedIndex].addClassName("selected");
+        var container = contacts[this.selectedIndex].readAttribute("container");
+        if (container)
+          this.writeAttribute("container", container);
+      }
+    }
+  }
+},
+  
+onBlur: function (event) {
+  if (this.delayedSearch)
+    window.clearTimeout(this.delayedSearch);
+  if (this.confirmedValue) {
+    this.value = this.confirmedValue;
+    if (this.readAttribute("container"))
+      this.fire("autocompletion:changedlist", this.readAttribute("container"));
+    else
+      this.fire("autocompletion:changed", event.keyCode);
+  }
+  else
+    this.writeAttribute("uid", null);
+},
+  
+performSearch: function (input) {
+  // Perform address completion
+  if (document.contactLookupAjaxRequest) {
+    // Abort any pending request
+    document.contactLookupAjaxRequest.aborted = true;
+    document.contactLookupAjaxRequest.abort();
+  }
+  if (input.value.trim().length > minimumSearchLength) {
+    if (input.SOGoUsersSearch) {
+      var urlstr = UserFolderURL + "usersSearch?search=" + encodeURIComponent(input.value);
+      document.contactLookupAjaxRequest =
+        triggerAjaxRequest(urlstr, input.performUsersSearchCallback.bind(input), input);
+    }
+    else {
+      var urlstr = UserFolderURL + "Contacts/";
+      if (input.addressBook)
+        urlstr += input.addressBook + "/contact";
+      else
+        urlstr += "allContact";
+      urlstr += "Search?search=" + encodeURIComponent(input.value);
+      if (input.excludeGroups)
+        urlstr += "&excludeGroups=1";
+      if (input.excludeLists)
+        urlstr += "&excludeLists=1";
+      if (input.animationParent)
+        startAnimation(input.animationParent);
+      document.contactLookupAjaxRequest =
+      triggerAjaxRequest(urlstr, input.performSearchCallback.bind(input), input);
+    }
+  }
+  else {
+    if (document.currentPopupMenu)
+      hideMenu(document.currentPopupMenu);
+  }
+},
+  
+performSearchCallback: function (http) {
+  if (http.readyState == 4) {
+    var list = this.menu.down("ul");
+    
+    var input = http.callbackData;
+    
+    if (http.status == 200) {
+      var start = input.value.length;
+      var data = http.responseText.evalJSON(true);
+      
+      if (data.contacts.length > 1) {
+        list.select("li").each(function(item) {
+                               item.stopObserving("mousedown");
+                               item.remove();
+                               });
+        
+        // Populate popup menu
+        for (var i = 0; i < data.contacts.length; i++) {
+          var contact = data.contacts[i];
+          var completeEmail = contact["c_cn"];
+          var uid = "" + contact[this.uidField];
+          var c_name = "" + contact['c_name'];
+          if (contact["c_mail"])
+            completeEmail += " <" + contact["c_mail"] + ">";
+          var node = new Element('li', { 'address': completeEmail,
+                                 'uid': uid });
+          var matchPosition = completeEmail.toLowerCase().indexOf(data.searchText.toLowerCase());
+          if (matchPosition > -1) {
+            var matchBefore = completeEmail.substring(0, matchPosition);
+            var matchText = completeEmail.substring(matchPosition, matchPosition + data.searchText.length);
+            var matchAfter = completeEmail.substring(matchPosition + data.searchText.length);
+            node.appendChild(document.createTextNode(matchBefore));
+            node.appendChild(new Element('strong').update(matchText));
+            node.appendChild(document.createTextNode(matchAfter));
+          }
+          else {
+            node.appendChild(document.createTextNode(completeEmail));
+          }
+          list.appendChild(node);
+          if (c_name.endsWith(".vlf")) {
+            // Keep track of list containers
+            node.writeAttribute("container", contact['container']);
+          }
+          if (contact["contactInfo"])
+            node.appendChild(document.createTextNode(" (" + contact["contactInfo"] + ")"));
+          $(node).observe("mousedown", this.onAddressResultClick.bindAsEventListener(this));
+        }
+        
+        // Show popup menu
+        var offsetScroll = Element.cumulativeScrollOffset(input);
+        var offset = Element.positionedOffset(input);
+        if ($(document.body).hasClassName("popup") && typeof initPopupMailer == 'undefined')
+          // Hack for some situations where the offset must be computed differently
+          offset = Element.cumulativeOffset(input);
+        var top = offset.top - offsetScroll.top + node.offsetHeight + 3;
+        var height = 'auto';
+        var heightDiff = window.height() - offset[1];
+        var nodeHeight = node.getHeight();
+        
+        if ((data.contacts.length * nodeHeight) > heightDiff)
+          // Limit the size of the popup to the window height, minus 12 pixels
+          height = parseInt(heightDiff/nodeHeight) * nodeHeight - 12 + 'px';
+        
+        this.menu.setStyle({ top: top + "px",
+                           left: offset[0] + "px",
+                           height: height,
+                           maxWidth: (window.width() - offset[0] - 12) + "px",
+                           visibility: "visible" });
+        this.menu.scrollTop = 0;
+        
+        document.currentPopupMenu = this.menu;
+        $(document.body).stopObserving("click");
+        $(document.body).observe("click", onBodyClickMenuHandler);
+      }
+      else {
+        if (document.currentPopupMenu)
+          hideMenu(document.currentPopupMenu);
+        
+        if (data.contacts.length == 1) {
+          // Single result
+          var contact = data.contacts[0];
+          var uid = "" + contact[this.uidField];
+          var c_name = "" + contact['c_name'];
+          input.writeAttribute("uid", uid);
+          if (c_name.endsWith(".vlf")) {
+            this.writeAttribute("container", contact['container']);
+          }
+          var completeEmail = contact["c_cn"];
+          if (contact["c_mail"])
+            completeEmail += " <" + contact["c_mail"] + ">";
+          if (contact["c_cn"].substring(0, input.value.length).toUpperCase()
+              == input.value.toUpperCase())
+            input.value = completeEmail;
+          else
+            // The result matches email address, not user name
+            input.value += ' >> ' + completeEmail;
+          input.confirmedValue = completeEmail;
+          
+          var end = input.value.length;
+          $(input).selectText(start, end);
+          
+          this.selectedIndex = -1;
+        }
+      }
+    }
+    else
+      if (document.currentPopupMenu)
+        hideMenu(document.currentPopupMenu);
+    document.contactLookupAjaxRequest = null;
+  }
+},
+  
+performUsersSearchCallback: function (http) {
+  if (http.readyState == 4) {
+    var list = this.menu.down("ul");
+    var input = http.callbackData;
+    if (http.status == 200) {
+      var response = http.responseText.evalJSON();
+      
+      if (response.length > 1) {
+        list.select("li").each(function(item) {
+                               item.stopObserving("mousedown");
+                               item.remove();
+                               });
+        
+        // Populate popup menu
+        for (var i = 0; i < response.length; i++) {
+          var c_name = response[i][1];
+          var completeEmail = c_name;
+          var c_mail = response[i][2];
+          var uid = response[i][3];
+          if (c_mail)
+            completeEmail += " <" + c_mail + ">";
+          var node = new Element('li', { 'address': completeEmail,
+                                 'uid': uid });
+          var matchPosition = completeEmail.toLowerCase().indexOf(input.getValue().toLowerCase());
+          if (matchPosition > -1) {
+            var matchBefore = completeEmail.substring(0, matchPosition);
+            var matchText = completeEmail.substring(matchPosition, matchPosition + input.getValue().length);
+            var matchAfter = completeEmail.substring(matchPosition + input.getValue().length);
+            node.appendChild(document.createTextNode(matchBefore));
+            node.appendChild(new Element('strong').update(matchText));
+            node.appendChild(document.createTextNode(matchAfter));
+          }
+          else {
+            node.appendChild(document.createTextNode(completeEmail));
+          }
+          list.appendChild(node);
+          $(node).observe("mousedown", this.onAddressResultClick.bindAsEventListener(this));
+        }
+        
+        // Show popup menu
+        var offsetScroll = Element.cumulativeScrollOffset(input);
+        var offset = Element.positionedOffset(input);
+        if ($(document.body).hasClassName("popup") && typeof initPopupMailer == 'undefined')
+          // Hack for some situations where the offset must be computed differently
+          offset = Element.cumulativeOffset(input);
+        var top = offset.top - offsetScroll.top + node.offsetHeight + 3;
+        var height = 'auto';
+        var heightDiff = window.height() - offset[1];
+        var nodeHeight = node.getHeight();
+        
+        if ((response.length * nodeHeight) > heightDiff)
+          // Limit the size of the popup to the window height, minus 12 pixels
+          height = parseInt(heightDiff/nodeHeight) * nodeHeight - 12 + 'px';
+        
+        this.menu.setStyle({ top: top + "px",
+                           left: offset[0] + "px",
+                           height: height,
+                           maxWidth: (window.width() - offset[0] - 12) + "px",
+                           visibility: "visible" });
+        this.menu.scrollTop = 0;
+        
+        document.currentPopupMenu = this.menu;
+        $(document.body).stopObserving("click");
+        $(document.body).observe("click", onBodyClickMenuHandler);
+      }
+      else {
+        if (document.currentPopupMenu)
+          hideMenu(document.currentPopupMenu);
+        
+        if (response.length == 1) {
+          // Single result
+          var c_name = response[0][1];
+          var completeEmail = c_name;
+          var c_mail = response[0][2];
+          var c_uid = response[0][0];
+          input.writeAttribute("uid", c_uid);
+          if (c_mail)
+            completeEmail += " <" + c_mail + ">";
+          if (c_uid.substring(0, input.getValue().length).toUpperCase() == input.getValue().toUpperCase())
+            input.value = completeEmail;
+          else
+            // The result matches email address, not user name
+            input.value += ' >> ' + completeEmail;
+          input.confirmedValue = completeEmail;
+          
+          var end = input.getValue().length;
+          $(input).selectText(start, end);
+          
+          this.selectedIndex = -1;
+        }
+      }
+    }
+    else
+      if (document.currentPopupMenu)
+        hideMenu(document.currentPopupMenu);
+    document.contactLookupAjaxRequest = null;
+  }
+},
+
+onAddressResultClick: function(event) {
+  var e = Event.element(event);
+  if (e.tagName != 'LI')
+    e = e.up('LI');
+  if (e) {
+    preventDefault(event);
+    this.value = e.readAttribute("address");
+    this.writeAttribute("uid", e.readAttribute("uid"));
+    if (e.readAttribute("container"))
+      this.fire("autocompletion:changedlist", e.readAttribute("container"));
+    else {
+      this.confirmedValue = this.value;
+      this.fire("autocompletion:changed", Event.KEY_RETURN);
+    }
+  }
+}
 };

UI/WebServerResources/UIxPreferences.css

@@ -13,6 +13,23 @@ DIV.bottomToolbar
   left: 2em;
   right: 2em;
   bottom: 8px; }
+  
+#whiteListToolbar
+{ position: absolute;
+  height: 20px;
+  top: 286px;
+  width: 275px;
+  left: 235px;
+  background-image: url("thead_bg.png");
+  border: 1px solid #9B9B9B;
+  background-color: #E6E7E6;
+}
+
+#WhiteListAdd, #WhiteListDelete
+{
+  border-bottom: 1px solid #9B9B9B;
+  border-right: 1px solid #9B9B9B;
+}
 
 #mailAccountsToolbar
 { left: 5px;
@@ -47,17 +64,48 @@ DIV.listWrapper
   padding: 0px;
   margin-top: 2px;
   border-left: 1px solid #9b9b9b;
+  border-right: 1px solid #9b9b9b;
   background: #ccddec;}
 
 .listWrapper TABLE TD
 { height: 22px; }
 
+#whiteListLabel 
+{
+  position: absolute;
+  left: 12px;
+}
+
+#calendarCategoriesLabel
+{
+  position: absolute;
+  top: 305px;
+  left:0;
+}
+
 #calendarCategoriesListWrapper
-{ top: 232px;
+{ top: 320px;
   bottom: 30px;
   right: 2em;
   left: 2em; }
 
+#appointmentsWhiteListWrapper
+{ top: 230px;
+  height: 54px;
+  left:235px;
+  width:275px;
+
+ }
+ 
+#tableViewWhiteList
+{
+  width: 100%;
+}
+ 
+#whiteListTableHeader
+{
+}
+
 #contactsCategoriesListWrapper
 { overflow: auto;
   position: absolute;

UI/WebServerResources/UIxPreferences.js

@@ -9,6 +9,9 @@ function savePreferences(sender) {
   if (sigList)
     sigList.disabled = false;
   
+ // if ($("appointmentsWhiteListWrapper"))
+ //   serializeAppointmentsWhiteList();
+  
   if ($("calendarCategoriesListWrapper"))
     serializeCalendarCategories();
   
@@ -201,97 +204,110 @@ function addDefaultEmailAddresses(event) {
 }
 
 function initPreferences() {
-    var tabsContainer = $("preferencesTabs");
-    var controller = new SOGoTabsController();
-    controller.attachToTabsContainer(tabsContainer);
-
-    // Inner tabs on the mail module tab
-    tabsContainer = $('mailOptionsTabs');
-    if (tabsContainer) {
-        var mailController = new SOGoTabsController();
-        mailController.attachToTabsContainer(tabsContainer);
-    }
-
-    _setupEvents();
-
-    // Optional function called when initializing the preferences
-    // Typically defined inline in the UIxAdditionalPreferences.wox template
-    if (typeof (initAdditionalPreferences) != "undefined")
-        initAdditionalPreferences();
-
-    // Color picker
-    $('colorPickerDialog').on('click', 'span', onColorPickerChoice);
-    $(document.body).on("click", onBodyClickHandler);
-
-    // Calender categories
-    var wrapper = $("calendarCategoriesListWrapper");
-    if (wrapper) {
-        var table = wrapper.childNodesWithTag("table")[0];
-        resetCalendarCategoriesColors(null);
-        var r = $$("#calendarCategoriesListWrapper tbody tr");
-        for (var i= 0; i < r.length; i++)
-            r[i].identify();
-        table.multiselect = true;
-        resetCalendarTableActions();
-        $("calendarCategoryAdd").observe("click", onCalendarCategoryAdd);
-        $("calendarCategoryDelete").observe("click", onCalendarCategoryDelete);
-        wrapper.observe("scroll", onBodyClickHandler);
-    }
-
-    // Mail labels/tags
-    var wrapper = $("mailLabelsListWrapper");
-    if (wrapper) {
-        var table = wrapper.childNodesWithTag("table")[0];
-        resetMailLabelsColors(null);
-        var r = $$("#mailLabelsListWrapper tbody tr");
-        for (var i= 0; i < r.length; i++)
-            r[i].identify();
-        table.multiselect = true;
-        resetMailTableActions();
-        $("mailLabelAdd").observe("click", onMailLabelAdd);
-        $("mailLabelDelete").observe("click", onMailLabelDelete);
-    }
-
-    // Contact categories
-    wrapper = $("contactsCategoriesListWrapper");
-    if (wrapper) {
-        var table = wrapper.childNodesWithTag("table")[0];
-        var r = $$("#contactsCategoriesListWrapper tbody tr");
-        for (var i= 0; i < r.length; i++)
-            r[i].identify();
-        table.multiselect = true;
-        resetContactsTableActions();
-        $("contactsCategoryAdd").observe("click", onContactsCategoryAdd);
-        $("contactsCategoryDelete").observe("click", onContactsCategoryDelete);
-    }
-
-    if ($("replyPlacementList"))
-        onReplyPlacementListChange();
-
-    var button = $("addDefaultEmailAddresses");
-    if (button)
-        button.observe("click", addDefaultEmailAddresses);
-
-    button = $("changePasswordBtn");
-    if (button)
-        button.observe("click", onChangePasswordClick);
-
-    initSieveFilters();
-
-    initMailAccounts();
-
-    button = $("enableVacationEndDate");
-    if (button) {
-        jQuery("#vacationEndDate_date").closest(".date").datepicker(
-            { autoclose: true, position: 'above', weekStart: $('weekStartDay').getValue() });
-        button.on("click", function(event) {
-            if (this.checked)
-                $("vacationEndDate_date").enable();
-            else
-                $("vacationEndDate_date").disable();
-        });
-    }
-    onAddOutgoingAddressesCheck();
+  var tabsContainer = $("preferencesTabs");
+  var controller = new SOGoTabsController();
+  controller.attachToTabsContainer(tabsContainer);
+  
+  // Inner tabs on the mail module tab
+  tabsContainer = $('mailOptionsTabs');
+  if (tabsContainer) {
+    var mailController = new SOGoTabsController();
+    mailController.attachToTabsContainer(tabsContainer);
+  }
+  
+  _setupEvents();
+  
+  // Optional function called when initializing the preferences
+  // Typically defined inline in the UIxAdditionalPreferences.wox template
+  if (typeof (initAdditionalPreferences) != "undefined")
+    initAdditionalPreferences();
+  
+  // Color picker
+  $('colorPickerDialog').on('click', 'span', onColorPickerChoice);
+  $(document.body).on("click", onBodyClickHandler);
+  
+  // Calendar whiteList
+  var whiteList = $("appointmentsWhiteListWrapper");
+  if(whiteList) {
+    var table = whiteList.childNodesWithTag("table")[0];
+    var r = $$("#appointmentsWhiteListWrapper tbody tr");
+    for (var i= 0; i < r.length; i++)
+      r[i].identify();
+    table.multiselect = true;
+    $("appointmentsWhiteListAdd").observe("click", onAppointmentsWhiteListAdd);
+    $("appointmentsWhiteListDelete").observe("click", onAppointmentsWhiteListDelete);
+    whiteList.observe("scroll", onBodyClickHandler);
+  }
+  
+  // Calendar categories
+  var wrapper = $("calendarCategoriesListWrapper");
+  if (wrapper) {
+    var table = wrapper.childNodesWithTag("table")[0];
+    resetCalendarCategoriesColors(null);
+    var r = $$("#calendarCategoriesListWrapper tbody tr");
+    for (var i= 0; i < r.length; i++)
+      r[i].identify();
+    table.multiselect = true;
+    resetCalendarTableActions();
+    $("calendarCategoryAdd").observe("click", onCalendarCategoryAdd);
+    $("calendarCategoryDelete").observe("click", onCalendarCategoryDelete);
+    wrapper.observe("scroll", onBodyClickHandler);
+  }
+  
+  // Mail labels/tags
+  var wrapper = $("mailLabelsListWrapper");
+  if (wrapper) {
+    var table = wrapper.childNodesWithTag("table")[0];
+    resetMailLabelsColors(null);
+    var r = $$("#mailLabelsListWrapper tbody tr");
+    for (var i= 0; i < r.length; i++)
+      r[i].identify();
+    table.multiselect = true;
+    resetMailTableActions();
+    $("mailLabelAdd").observe("click", onMailLabelAdd);
+    $("mailLabelDelete").observe("click", onMailLabelDelete);
+  }
+  
+  // Contact categories
+  wrapper = $("contactsCategoriesListWrapper");
+  if (wrapper) {
+    var table = wrapper.childNodesWithTag("table")[0];
+    var r = $$("#contactsCategoriesListWrapper tbody tr");
+    for (var i= 0; i < r.length; i++)
+      r[i].identify();
+    table.multiselect = true;
+    resetContactsTableActions();
+    $("contactsCategoryAdd").observe("click", onContactsCategoryAdd);
+    $("contactsCategoryDelete").observe("click", onContactsCategoryDelete);
+  }
+  
+  if ($("replyPlacementList"))
+    onReplyPlacementListChange();
+  
+  var button = $("addDefaultEmailAddresses");
+  if (button)
+    button.observe("click", addDefaultEmailAddresses);
+  
+  button = $("changePasswordBtn");
+  if (button)
+    button.observe("click", onChangePasswordClick);
+  
+  initSieveFilters();
+  
+  initMailAccounts();
+  
+  button = $("enableVacationEndDate");
+  if (button) {
+    jQuery("#vacationEndDate_date").closest(".date").datepicker(
+                                                                { autoclose: true, position: 'above', weekStart: $('weekStartDay').getValue() });
+    button.on("click", function(event) {
+              if (this.checked)
+              $("vacationEndDate_date").enable();
+              else
+              $("vacationEndDate_date").disable();
+              });
+  }
+  onAddOutgoingAddressesCheck();
 }
 
 function initSieveFilters() {
@@ -977,6 +993,117 @@ function onCalendarColorEdit(e) {
     onCCE(e, "calendarCategoriesListWrapper");
 }
 
+function makeEditable (element) {
+  element.addClassName("editing");
+  element.removeClassName("whiteListCell");
+  
+  var span = element.down("SPAN");
+  span.update();
+  
+  var textField = element.down("INPUT");
+  textField.show();
+  textField.focus();
+  textField.select();
+  
+  return true;
+}
+
+function endAllEditables (e) {
+  var r = $$("TABLE#tableViewWhiteList TBODY TR TD");
+  for (var i = 0; i < r.length; i++) {
+    var element = $(r[i]);
+    if (r[i] != this && element.hasClassName("editing"))
+      endEditable(null, element.down("INPUT"));
+  }
+}
+
+function onNameEdit (e) {
+  endAllEditables();
+  if (!this.hasClassName("editing")) {
+    makeEditable (this);
+  }
+}
+
+function endEditable(event, textField) {
+  if (!textField)
+    textField = this;
+  
+  var uid = textField.readAttribute("uid");
+  var cell = textField.up("TD");
+  var textSpan = cell.down("SPAN");
+  
+  cell.removeClassName("editing");
+  cell.addClassName("whiteListCell");
+  textField.hide();
+  
+  var tmp = textField.value;
+  tmp = tmp.replace (/</, "&lt;");
+  tmp = tmp.replace (/>/, "&gt;");
+  if (!uid)
+    cell.up("TR").addClassName("notfound");
+  if (tmp)
+    textSpan.update(tmp);
+  else
+    cell.up("TR").remove();
+  
+  if (event)
+    Event.stop(event);
+  
+  return false;
+}
+
+function onAppointmentsWhiteListAdd(e) {
+  var tablebody = $("appointmentsWhiteListWrapper").childNodesWithTag("table")[0].tBodies[0];
+  var row = new Element("tr");
+  var td = new Element("td").update("");
+  var textField = new Element("input");
+  var span = new Element("span");
+  
+  row.addClassName("whiteListRow");
+  row.observe("mousedown", onRowClick);
+  td.addClassName ("whiteListCell");
+  td.observe("mousedown", endAllEditables);
+  td.observe("dblclick", onNameEdit);
+  textField.addInterface(SOGoAutoCompletionInterface);
+  textField.SOGoUsersSearch = true;
+  textField.observe("autocompletion:changed", endEditable);
+  textField.addClassName("textField");
+
+  td.appendChild(textField);
+  td.appendChild(span);
+  row.appendChild (td);
+  tablebody.appendChild(row);
+  $(tablebody).deselectAll();
+  row.selectElement();
+  
+  makeEditable(td);
+}
+
+function onAppointmentsWhiteListDelete(e) {
+  var list = $('appointmentsWhiteListWrapper').down("TABLE").down("TBODY");
+  var rows = list.getSelectedNodes();
+  var count = rows.length;
+  
+  for (var i=0; i < count; i++) {
+    rows[i].editionController = null;
+    rows[i].remove();
+  }
+}
+
+function serializeAppointmentsWhiteList() {
+  var r = $$("#appointmentsWhiteListWrapper TBODY TR");
+  
+  var values = [];
+  for (var i = 0; i < r.length; i++) {
+    var tds = r[i].childElements();
+    var name  = $(tds.first()).innerHTML;
+    var email = "";
+    values.push("\"" + name + "\": \"" + color + "\"");
+  }
+  
+  //$("calendarCategoriesValue").value = "{ " + values.join(",\n") + "}";
+}
+
 function onCalendarCategoryAdd(e) {
     var row = new Element("tr");
     var nametd = new Element("td").update("");