mirror of
https://github.com/inverse-inc/sogo.git
synced 2026-09-29 09:00:31 +00:00
Monotone-Parent: 773965cc12e1e34ce72a11b7b25f3ff6e0dc7887
Monotone-Revision: c0da933d3e86c470a7d83491a010f1ba6edc3fcd Monotone-Author: flachapelle@inverse.ca Monotone-Date: 2008-03-25T19:59:13 Monotone-Branch: ca.inverse.sogo
This commit is contained in:
@@ -38,7 +38,7 @@ DIV#contactsListContent
|
||||
top: 2.5em;
|
||||
left: 0px;
|
||||
right: 0px;
|
||||
height: 16em;
|
||||
height: 15.5em;
|
||||
overflow: auto;
|
||||
overflow-x: hidden; }
|
||||
|
||||
@@ -169,7 +169,8 @@ DIV#folderTreeContent TABLE TD
|
||||
padding: 0px; }
|
||||
|
||||
TABLE#contactsList
|
||||
{ -khtml-user-select: none;
|
||||
{ -moz-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
width: 100%; }
|
||||
|
||||
TABLE#contactsList TD,
|
||||
@@ -249,13 +250,11 @@ INPUT#searchValue:focus
|
||||
|
||||
/* drag handles */
|
||||
DIV#dragHandle
|
||||
{
|
||||
cursor: e-resize;
|
||||
{ cursor: e-resize;
|
||||
top: 8em;
|
||||
left: 15em;
|
||||
width: 5px;
|
||||
bottom: 0px;
|
||||
}
|
||||
bottom: 0px; }
|
||||
|
||||
DIV#rightDragHandle
|
||||
{
|
||||
|
||||
+205
-213
@@ -26,39 +26,39 @@ function validateEditorInput(sender) {
|
||||
}
|
||||
|
||||
function openContactsFolder(contactsFolder, reload, idx) {
|
||||
if ((contactsFolder && contactsFolder != currentContactFolder)
|
||||
|| reload) {
|
||||
currentContactFolder = contactsFolder;
|
||||
var url = URLForFolderID(currentContactFolder) +
|
||||
"/view?noframe=1";
|
||||
if ((contactsFolder && contactsFolder != currentContactFolder)
|
||||
|| reload) {
|
||||
currentContactFolder = contactsFolder;
|
||||
var url = URLForFolderID(currentContactFolder) +
|
||||
"/view?noframe=1";
|
||||
|
||||
var searchValue = search["value"];
|
||||
if (searchValue && searchValue.length > 0)
|
||||
url += ("&search=" + search["criteria"]
|
||||
+ "&value=" + escape(searchValue.utf8encode()));
|
||||
var sortAttribute = sorting["attribute"];
|
||||
if (sortAttribute && sortAttribute.length > 0)
|
||||
url += ("&sort=" + sorting["attribute"]
|
||||
+ "&asc=" + sorting["ascending"]);
|
||||
var searchValue = search["value"];
|
||||
if (searchValue && searchValue.length > 0)
|
||||
url += ("&search=" + search["criteria"]
|
||||
+ "&value=" + escape(searchValue.utf8encode()));
|
||||
var sortAttribute = sorting["attribute"];
|
||||
if (sortAttribute && sortAttribute.length > 0)
|
||||
url += ("&sort=" + sorting["attribute"]
|
||||
+ "&asc=" + sorting["ascending"]);
|
||||
|
||||
var selection;
|
||||
if (contactsFolder == currentContactFolder) {
|
||||
var contactsList = $("contactsList");
|
||||
if (contactsList)
|
||||
selection = contactsList.getSelectedRowsId();
|
||||
// else
|
||||
// window.alert("no contactsList");
|
||||
}
|
||||
else
|
||||
selection = null;
|
||||
var selection;
|
||||
if (contactsFolder == currentContactFolder) {
|
||||
var contactsList = $("contactsList");
|
||||
if (contactsList)
|
||||
selection = contactsList.getSelectedRowsId();
|
||||
// else
|
||||
// window.alert("no contactsList");
|
||||
}
|
||||
else
|
||||
selection = null;
|
||||
|
||||
if (document.contactsListAjaxRequest) {
|
||||
document.contactsListAjaxRequest.aborted = true;
|
||||
document.contactsListAjaxRequest.abort();
|
||||
}
|
||||
document.contactsListAjaxRequest
|
||||
= triggerAjaxRequest(url, contactsListCallback, selection);
|
||||
}
|
||||
if (document.contactsListAjaxRequest) {
|
||||
document.contactsListAjaxRequest.aborted = true;
|
||||
document.contactsListAjaxRequest.abort();
|
||||
}
|
||||
document.contactsListAjaxRequest
|
||||
= triggerAjaxRequest(url, contactsListCallback, selection);
|
||||
}
|
||||
}
|
||||
|
||||
function openContactsFolderAtIndex(element) {
|
||||
@@ -74,89 +74,96 @@ function openContactsFolderAtIndex(element) {
|
||||
}
|
||||
|
||||
function contactsListCallback(http) {
|
||||
if (http.readyState == 4) {
|
||||
if (http.status == 200) {
|
||||
document.contactsListAjaxRequest = null;
|
||||
if (http.readyState == 4) {
|
||||
if (http.status == 200) {
|
||||
document.contactsListAjaxRequest = null;
|
||||
|
||||
var table = $("contactsList");
|
||||
if (table) {
|
||||
// Update table
|
||||
var data = http.responseText;
|
||||
var html = data.replace(/^(.*\n)*.*(<table(.*\n)*)$/, "$2");
|
||||
var tbody = table.tBodies[0];
|
||||
var tmp = document.createElement('div');
|
||||
$(tmp).update(html);
|
||||
table.replaceChild(tmp.firstChild.tBodies[0], tbody);
|
||||
var table = $("contactsList");
|
||||
if (table) {
|
||||
// Update table
|
||||
var data = http.responseText;
|
||||
var html = data.replace(/^(.*\n)*.*(<table(.*\n)*)$/, "$2");
|
||||
var tbody = table.tBodies[0];
|
||||
var tmp = document.createElement('div');
|
||||
$(tmp).update(html);
|
||||
table.replaceChild($(tmp).select("table tbody")[0], tbody);
|
||||
|
||||
var rows = table.tBodies[0].rows;
|
||||
for (var i = 0; i < rows.length; i++) {
|
||||
Event.observe(rows[i], "mousedown", onRowClick);
|
||||
Event.observe(rows[i], "dblclick", onContactRowDblClick.bindAsEventListener(rows[i]));
|
||||
Event.observe(rows[i], "selectstart", listRowMouseDownHandler);
|
||||
Event.observe(rows[i], "contextmenu", onContactContextMenu.bindAsEventListener(rows[i]));
|
||||
}
|
||||
}
|
||||
else {
|
||||
// Add table (doesn't happen .. yet)
|
||||
var div = $("contactsListContent");
|
||||
div.update(http.responseText);
|
||||
table = $("contactsList");
|
||||
configureSortableTableHeaders(table);
|
||||
TableKit.Resizable.init(table, {'trueResize' : true, 'keepWidth' : true});
|
||||
}
|
||||
|
||||
if (sorting["attribute"] && sorting["attribute"].length > 0) {
|
||||
var sortHeader;
|
||||
if (sorting["attribute"] == "displayName")
|
||||
sortHeader = $("nameHeader");
|
||||
else if (sorting["attribute"] == "mail")
|
||||
sortHeader = $("mailHeader");
|
||||
else if (sorting["attribute"] == "screenName")
|
||||
sortHeader = $("screenNameHeader");
|
||||
else if (sorting["attribute"] == "org")
|
||||
sortHeader = $("orgHeader");
|
||||
else if (sorting["attribute"] == "phone")
|
||||
sortHeader = $("phoneHeader");
|
||||
else
|
||||
sortHeader = null;
|
||||
|
||||
if (sortHeader) {
|
||||
var sortImages = $(table.tHead).select(".sortImage");
|
||||
$(sortImages).each(function(item) {
|
||||
item.remove();
|
||||
});
|
||||
|
||||
var sortImage = createElement("img", "messageSortImage", "sortImage");
|
||||
sortHeader.insertBefore(sortImage, sortHeader.firstChild);
|
||||
if (sorting["ascending"])
|
||||
sortImage.src = ResourcesURL + "/title_sortdown_12x12.png";
|
||||
else
|
||||
sortImage.src = ResourcesURL + "/title_sortup_12x12.png";
|
||||
}
|
||||
}
|
||||
|
||||
var selected = http.callbackData;
|
||||
if (selected) {
|
||||
for (var i = 0; i < selected.length; i++) {
|
||||
var row = $(selected[i]);
|
||||
if (row)
|
||||
row.selectElement();
|
||||
}
|
||||
}
|
||||
}
|
||||
else {
|
||||
// Add table (doesn't happen .. yet)
|
||||
var div = $("contactsListContent");
|
||||
div.update(http.responseText);
|
||||
table = $("contactsList");
|
||||
configureSortableTableHeaders(table);
|
||||
TableKit.Resizable.init(table, {'trueResize' : true, 'keepWidth' : true});
|
||||
var table = $("contactsList");
|
||||
if (table) {
|
||||
var sortImages = $(table.tHead).select(".sortImage");
|
||||
$(sortImages).each(function(item) {
|
||||
item.remove();
|
||||
});
|
||||
var tBody = $(table.tBodies[0]);
|
||||
var length = tBody.rows.length;
|
||||
for (var i = length - 1; i > -1; i--)
|
||||
tBody.removeChild(tBody.rows[i]);
|
||||
}
|
||||
}
|
||||
|
||||
if (sorting["attribute"] && sorting["attribute"].length > 0) {
|
||||
var sortHeader;
|
||||
if (sorting["attribute"] == "displayName")
|
||||
sortHeader = $("nameHeader");
|
||||
else if (sorting["attribute"] == "mail")
|
||||
sortHeader = $("mailHeader");
|
||||
else if (sorting["attribute"] == "screenName")
|
||||
sortHeader = $("screenNameHeader");
|
||||
else if (sorting["attribute"] == "org")
|
||||
sortHeader = $("orgHeader");
|
||||
else if (sorting["attribute"] == "phone")
|
||||
sortHeader = $("phoneHeader");
|
||||
else
|
||||
sortHeader = null;
|
||||
|
||||
if (sortHeader) {
|
||||
var sortImages = $(table.tHead).getElementsByClassName("sortImage");
|
||||
$(sortImages).each(function(item) {
|
||||
item.remove();
|
||||
});
|
||||
|
||||
var sortImage = createElement("img", "messageSortImage", "sortImage");
|
||||
sortHeader.insertBefore(sortImage, sortHeader.firstChild);
|
||||
if (sorting["ascending"])
|
||||
sortImage.src = ResourcesURL + "/title_sortdown_12x12.png";
|
||||
else
|
||||
sortImage.src = ResourcesURL + "/title_sortup_12x12.png";
|
||||
}
|
||||
}
|
||||
|
||||
var selected = http.callbackData;
|
||||
if (selected) {
|
||||
for (var i = 0; i < selected.length; i++) {
|
||||
var row = $(selected[i]);
|
||||
if (row)
|
||||
row.selectElement();
|
||||
}
|
||||
}
|
||||
}
|
||||
else {
|
||||
var table = $("contactsList");
|
||||
if (table) {
|
||||
var sortImages = $(table.tHead).getElementsByClassName("sortImage");
|
||||
$(sortImages).each(function(item) {
|
||||
item.remove();
|
||||
});
|
||||
var tBody = $(table.tBodies[0]);
|
||||
var length = tBody.rows.length;
|
||||
for (var i = length - 1; i > -1; i--)
|
||||
tBody.removeChild(tBody.rows[i]);
|
||||
}
|
||||
}
|
||||
}
|
||||
else
|
||||
log ("ajax problem 1: status = " + http.status);
|
||||
}
|
||||
else
|
||||
log ("ajax problem 1: status = " + http.status);
|
||||
}
|
||||
|
||||
function onContactFoldersContextMenu(event) {
|
||||
var menu = $("contactFoldersMenu");
|
||||
//Event.observe(menu, "hideMenu", onContactFoldersContextMenuHide, false);
|
||||
Event.observe(menu, "mousedown", onContactFoldersContextMenuHide, false);
|
||||
popupMenu(event, "contactFoldersMenu", this);
|
||||
|
||||
@@ -169,19 +176,18 @@ function onContactFoldersContextMenu(event) {
|
||||
$(this).selectElement();
|
||||
}
|
||||
|
||||
function onContactContextMenu(event, element) {// log ("onContactContextMenu");
|
||||
function onContactContextMenu(event) {
|
||||
var menu = $("contactMenu");
|
||||
|
||||
Event.observe(menu, "mousedown", onContactContextMenuHide, false);
|
||||
popupMenu(event, "contactMenu", element);
|
||||
|
||||
var topNode = $("contactsList");
|
||||
var topNode = $('contactsList');
|
||||
var selectedNodes = topNode.getSelectedRows();
|
||||
topNode.menuSelectedRows = selectedNodes;
|
||||
for (var i = 0; i < selectedNodes.length; i++)
|
||||
$(selectedNodes[i]).deselect();
|
||||
topNode.menuSelectedEntry = element;
|
||||
$(element).selectElement();
|
||||
|
||||
if (selectedNodes.length > 1) {
|
||||
// TODO: Add support for selection of multiple contacts
|
||||
}
|
||||
else {
|
||||
Event.observe(menu, "hideMenu", onContactContextMenuHide);
|
||||
popupMenu(event, "contactMenu", this);
|
||||
}
|
||||
}
|
||||
|
||||
function onContactContextMenuHide(event) {
|
||||
@@ -287,14 +293,8 @@ function moveTo(uri) {
|
||||
}
|
||||
|
||||
/* contact menu entries */
|
||||
function onContactRowClick(event, node) {
|
||||
loadContact(node.getAttribute('id'));
|
||||
|
||||
return onRowClick(event);
|
||||
}
|
||||
|
||||
function onContactRowDblClick(event, node) {
|
||||
var contactId = node.getAttribute('id');
|
||||
function onContactRowDblClick(event) {
|
||||
var contactId = this.getAttribute('id');
|
||||
|
||||
openContactWindow(URLForFolderID(currentContactFolder)
|
||||
+ "/" + contactId + "/edit", contactId);
|
||||
@@ -302,6 +302,18 @@ function onContactRowDblClick(event, node) {
|
||||
return false;
|
||||
}
|
||||
|
||||
function onContactSelectionChange(event) {
|
||||
var rows = this.getSelectedRowsId();
|
||||
|
||||
if (rows.length == 1) {
|
||||
var node = $(rows[0]);
|
||||
loadContact(node.getAttribute('id'));
|
||||
}
|
||||
else if (rows.length > 1) {
|
||||
$('contactView').update();
|
||||
}
|
||||
}
|
||||
|
||||
function onMenuEditContact(event) {
|
||||
var contactId = document.menuTarget.getAttribute('id');
|
||||
|
||||
@@ -386,7 +398,6 @@ function uixDeleteSelectedContacts(sender) {
|
||||
}
|
||||
|
||||
var contactView = $('contactView');
|
||||
contactView.update();
|
||||
|
||||
for (var i = 0; i < rows.length; i++) {
|
||||
var url, http, rowElem;
|
||||
@@ -414,7 +425,9 @@ function uixDeleteSelectedContacts(sender) {
|
||||
}
|
||||
|
||||
if (failCount > 0)
|
||||
alert("Could not delete the selected contacts!");
|
||||
alert(labels["You cannot delete the selected contact(s)."]);
|
||||
else
|
||||
contactView.update();
|
||||
|
||||
return false;
|
||||
}
|
||||
@@ -522,7 +535,7 @@ function onConfirmContactSelection(event) {
|
||||
}
|
||||
|
||||
function onContactMailTo(node) {
|
||||
return openMailTo(node.innerHTML);
|
||||
return openMailTo(node.innerHTML);
|
||||
}
|
||||
|
||||
function refreshContacts(contactId) {
|
||||
@@ -534,46 +547,46 @@ function refreshContacts(contactId) {
|
||||
}
|
||||
|
||||
function onAddressBookNew(event) {
|
||||
createFolder(window.prompt(labels["Name of the Address Book"]),
|
||||
appendAddressBook);
|
||||
preventDefault(event);
|
||||
createFolder(window.prompt(labels["Name of the Address Book"]),
|
||||
appendAddressBook);
|
||||
preventDefault(event);
|
||||
}
|
||||
|
||||
function appendAddressBook(name, folder) {
|
||||
var owner;
|
||||
var result = true;
|
||||
var owner;
|
||||
var result = true;
|
||||
|
||||
if (folder) {
|
||||
owner = getSubscribedFolderOwner(folder);
|
||||
folder = accessToSubscribedFolder(folder);
|
||||
}
|
||||
else
|
||||
folder = "/" + name;
|
||||
if (folder) {
|
||||
owner = getSubscribedFolderOwner(folder);
|
||||
folder = accessToSubscribedFolder(folder);
|
||||
}
|
||||
else
|
||||
folder = "/" + name;
|
||||
|
||||
if (!owner)
|
||||
owner = UserLogin;
|
||||
if (!owner)
|
||||
owner = UserLogin;
|
||||
|
||||
if ($(folder))
|
||||
result = false;
|
||||
else {
|
||||
var contactFolders = $("contactFolders");
|
||||
var items = contactFolders.childNodesWithTag("li");
|
||||
var li = document.createElement("li");
|
||||
if ($(folder))
|
||||
result = false;
|
||||
else {
|
||||
var contactFolders = $("contactFolders");
|
||||
var items = contactFolders.childNodesWithTag("li");
|
||||
var li = document.createElement("li");
|
||||
|
||||
// Add the calendar to the proper place
|
||||
var i = getListIndexForFolder(items, owner, name);
|
||||
if (i != items.length) // User is subscribed to other calendars of the same owner
|
||||
contactFolders.insertBefore(li, items[i]);
|
||||
else
|
||||
contactFolders.appendChild(li);
|
||||
// Add the calendar to the proper place
|
||||
var i = getListIndexForFolder(items, owner, name);
|
||||
if (i != items.length) // User is subscribed to other calendars of the same owner
|
||||
contactFolders.insertBefore(li, items[i]);
|
||||
else
|
||||
contactFolders.appendChild(li);
|
||||
|
||||
li.setAttribute("id", folder);
|
||||
li.setAttribute("owner", owner);
|
||||
li.appendChild(document.createTextNode(name));
|
||||
setEventsOnContactFolder(li);
|
||||
}
|
||||
li.setAttribute("id", folder);
|
||||
li.setAttribute("owner", owner);
|
||||
li.appendChild(document.createTextNode(name));
|
||||
setEventsOnContactFolder(li);
|
||||
}
|
||||
|
||||
return result;
|
||||
return result;
|
||||
}
|
||||
|
||||
function newFolderCallback(http) {
|
||||
@@ -714,78 +727,55 @@ function configureAbToolbar() {
|
||||
function configureContactFolders() {
|
||||
var contactFolders = $("contactFolders");
|
||||
if (contactFolders) {
|
||||
Event.observe(contactFolders, "mousedown", listRowMouseDownHandler);
|
||||
Event.observe(contactFolders, "click", onFolderSelectionChange);
|
||||
contactFolders.observe("mousedown", listRowMouseDownHandler);
|
||||
contactFolders.observe("click", onFolderSelectionChange);
|
||||
var lis = contactFolders.childNodesWithTag("li");
|
||||
for (var i = 0; i < lis.length; i++)
|
||||
setEventsOnContactFolder(lis[i]);
|
||||
|
||||
|
||||
lookupDeniedFolders();
|
||||
|
||||
|
||||
var personalFolder = $("/personal");
|
||||
personalFolder.selectElement();
|
||||
openContactsFolder("/personal");
|
||||
}
|
||||
}
|
||||
|
||||
function setEventsOnContactFolder(node) {
|
||||
Event.observe(node, "mousedown", listRowMouseDownHandler, false);
|
||||
Event.observe(node, "click", onRowClick, false);
|
||||
Event.observe(node, "contextmenu",
|
||||
onContactFoldersContextMenu.bindAsEventListener(node), false);
|
||||
function setEventsOnContactFolder(folder) {
|
||||
var node = $(folder);
|
||||
|
||||
node.observe("mousedown", listRowMouseDownHandler);
|
||||
node.observe("click", onRowClick);
|
||||
Event.observe(node, "contextmenu",
|
||||
onContactFoldersContextMenu.bindAsEventListener(node));
|
||||
}
|
||||
|
||||
function onMenuModify(event) {
|
||||
var folders = $("contactFolders");
|
||||
var selected = folders.getSelectedNodes()[0];
|
||||
var folders = $("contactFolders");
|
||||
var selected = folders.getSelectedNodes()[0];
|
||||
|
||||
if (UserLogin == selected.getAttribute("owner")) {
|
||||
var currentName = selected.innerHTML;
|
||||
var newName = window.prompt(labels["Address Book Name"],
|
||||
currentName);
|
||||
if (newName && newName.length > 0
|
||||
&& newName != currentName) {
|
||||
var url = (URLForFolderID(selected.getAttribute("id"))
|
||||
+ "/renameFolder?name=" + escape(newName.utf8encode()));
|
||||
triggerAjaxRequest(url, folderRenameCallback,
|
||||
{node: selected, name: newName});
|
||||
}
|
||||
} else
|
||||
window.alert(clabels["Unable to rename that folder!"]);
|
||||
if (UserLogin == selected.getAttribute("owner")) {
|
||||
var currentName = selected.innerHTML;
|
||||
var newName = window.prompt(labels["Address Book Name"],
|
||||
currentName);
|
||||
if (newName && newName.length > 0
|
||||
&& newName != currentName) {
|
||||
var url = (URLForFolderID(selected.getAttribute("id"))
|
||||
+ "/renameFolder?name=" + escape(newName.utf8encode()));
|
||||
triggerAjaxRequest(url, folderRenameCallback,
|
||||
{node: selected, name: newName});
|
||||
}
|
||||
} else
|
||||
window.alert(clabels["Unable to rename that folder!"]);
|
||||
}
|
||||
|
||||
function folderRenameCallback(http) {
|
||||
if (http.readyState == 4) {
|
||||
if (isHttpStatus204(http.status)) {
|
||||
var dict = http.callbackData;
|
||||
dict["node"].innerHTML = dict["name"];
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function getDragHandlesState() {
|
||||
var urlstr = ApplicationBaseURL + "dragHandlesState";
|
||||
triggerAjaxRequest(urlstr, getDragHandlesStateCallback);
|
||||
}
|
||||
|
||||
function getDragHandlesStateCallback(http) {
|
||||
if (http.status == 200) {
|
||||
if (http.responseText.length > 0) {
|
||||
// The response text is a JSON array
|
||||
// of the top and right offsets.
|
||||
var data = http.responseText.evalJSON(true);
|
||||
if (data[0].length > 0) {
|
||||
$("contactsListContent").setStyle({ height: data[0] });
|
||||
$("contactView").setStyle({ top: data[0] });
|
||||
$("rightDragHandle").setStyle({ top: data[0] });
|
||||
if (http.readyState == 4) {
|
||||
if (isHttpStatus204(http.status)) {
|
||||
var dict = http.callbackData;
|
||||
dict["node"].innerHTML = dict["name"];
|
||||
}
|
||||
if (data[1].length > 0) {
|
||||
$("contactFoldersList").setStyle({ width: data[1] });
|
||||
$("rightPanel").setStyle({ left: data[1] });
|
||||
$("dragHandle").setStyle({ left: data[1] });
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function onMenuSharing(event) {
|
||||
@@ -880,10 +870,10 @@ function configureSelectionButtons() {
|
||||
function initContacts(event) {
|
||||
if (!document.body.hasClassName("popup")) {
|
||||
configureAbToolbar();
|
||||
getDragHandlesState();
|
||||
}
|
||||
else
|
||||
configureSelectionButtons();
|
||||
|
||||
configureContactFolders();
|
||||
// initDnd();
|
||||
|
||||
@@ -891,6 +881,8 @@ function initContacts(event) {
|
||||
if (table) {
|
||||
// Initialize contacts table
|
||||
table.multiselect = true;
|
||||
Event.observe(table, "mousedown",
|
||||
onContactSelectionChange.bindAsEventListener(table));
|
||||
configureSortableTableHeaders(table);
|
||||
TableKit.Resizable.init(table, {'trueResize' : true, 'keepWidth' : true});
|
||||
}
|
||||
|
||||
@@ -626,22 +626,18 @@ TABLE#messageList TR[labels~="label1"]._selected TD
|
||||
|
||||
/* drag handles */
|
||||
DIV#verticalDragHandle
|
||||
{
|
||||
cursor: e-resize;
|
||||
{ cursor: e-resize;
|
||||
top: 7.5em;
|
||||
left: 15em;
|
||||
width: 5px;
|
||||
bottom: 0px;
|
||||
}
|
||||
bottom: 0px; }
|
||||
|
||||
DIV#rightDragHandle
|
||||
{
|
||||
cursor: n-resize;
|
||||
{ cursor: n-resize;
|
||||
top: 18em;
|
||||
left: 0px;
|
||||
right: 0px;
|
||||
height: 5px;
|
||||
}
|
||||
height: 5px; }
|
||||
|
||||
@media print
|
||||
{
|
||||
|
||||
@@ -558,7 +558,7 @@ function messageListCallback(http) {
|
||||
var sortHeader = $(sorting["attribute"] + "Header");
|
||||
|
||||
if (sortHeader) {
|
||||
var sortImages = $(table.tHead).getElementsByClassName("sortImage");
|
||||
var sortImages = $(table.tHead).select(".sortImage");
|
||||
$(sortImages).each(function(item) {
|
||||
item.remove();
|
||||
});
|
||||
@@ -1259,7 +1259,6 @@ function initMailer(event) {
|
||||
// initDnd();
|
||||
initMailboxTree();
|
||||
initMessageCheckTimer();
|
||||
getDragHandlesState();
|
||||
}
|
||||
|
||||
// Default sort options
|
||||
@@ -1493,31 +1492,6 @@ function buildMailboxes(accountName, encoded) {
|
||||
return account;
|
||||
}
|
||||
|
||||
function getDragHandlesState() {
|
||||
var urlstr = ApplicationBaseURL + "dragHandlesState";
|
||||
triggerAjaxRequest(urlstr, getDragHandlesStateCallback);
|
||||
}
|
||||
|
||||
function getDragHandlesStateCallback(http) {
|
||||
if (http.status == 200) {
|
||||
if (http.responseText.length > 0) {
|
||||
// The response text is a JSON array
|
||||
// of the top and right offsets.
|
||||
var data = http.responseText.evalJSON(true);
|
||||
if (data[0].length > 0) {
|
||||
$("mailboxContent").setStyle({ height: data[0] });
|
||||
$("messageContent").setStyle({ top: data[0] });
|
||||
$("rightDragHandle").setStyle({ top: data[0] });
|
||||
}
|
||||
if (data[1].length > 0) {
|
||||
$("leftPanel").setStyle({ width: data[1] });
|
||||
$("rightPanel").setStyle({ left: data[1] });
|
||||
$("verticalDragHandle").setStyle({ left: data[1] });
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function getFoldersState() {
|
||||
if (mailAccounts.length > 0) {
|
||||
var urlstr = ApplicationBaseURL + "foldersState";
|
||||
|
||||
@@ -62,28 +62,28 @@ var SOGoDragHandlesInterface = {
|
||||
if (this.dhType == 'horizontal') {
|
||||
var pointerX = Event.pointerX(event);
|
||||
if (pointerX <= this.leftMargin) {
|
||||
this.rightBlock.setStyle({ left: (this.leftMargin) + 'px' });
|
||||
this.leftBlock.setStyle({ width: (this.leftMargin) + 'px' });
|
||||
this.rightBlock.setStyle({ left: (this.leftMargin) + 'px' });
|
||||
this.leftBlock.setStyle({ width: (this.leftMargin) + 'px' });
|
||||
}
|
||||
else {
|
||||
var deltaX = Math.floor(pointerX - this.origX - (this.offsetWidth / 2));
|
||||
this.rightBlock.setStyle({ left: (this.origRight + deltaX) + 'px' });
|
||||
this.leftBlock.setStyle({ width: (this.origLeft + deltaX) + 'px' });
|
||||
var deltaX = Math.floor(pointerX - this.origX - (this.offsetWidth / 2));
|
||||
this.rightBlock.setStyle({ left: (this.origRight + deltaX) + 'px' });
|
||||
this.leftBlock.setStyle({ width: (this.origLeft + deltaX) + 'px' });
|
||||
}
|
||||
this.saveDragHandleState(this.dhType, this.leftBlock.getStyle("width"));
|
||||
this.saveDragHandleState(this.dhType, parseInt(this.leftBlock.getStyle("width")));
|
||||
}
|
||||
else if (this.dhType == 'vertical') {
|
||||
var pointerY = Event.pointerY(event);
|
||||
if (pointerY <= this.topMargin) {
|
||||
this.lowerBlock.setStyle({ top: (this.topMargin - delta) + 'px' });
|
||||
this.upperBlock.setStyle({ height: (this.topMargin - delta) + 'px' });
|
||||
}
|
||||
else {
|
||||
var deltaY = Math.floor(pointerY - this.origY - (this.offsetHeight / 2));
|
||||
this.lowerBlock.setStyle({ top: (this.origLower + deltaY - delta) + 'px' });
|
||||
this.upperBlock.setStyle({ height: (this.origUpper + deltaY - delta) + 'px' });
|
||||
}
|
||||
this.saveDragHandleState(this.dhType, this.upperBlock.getStyle("height"));
|
||||
var pointerY = Event.pointerY(event);
|
||||
if (pointerY <= this.topMargin) {
|
||||
this.lowerBlock.setStyle({ top: (this.topMargin - delta) + 'px' });
|
||||
this.upperBlock.setStyle({ height: (this.topMargin - delta) + 'px' });
|
||||
}
|
||||
else {
|
||||
var deltaY = Math.floor(pointerY - this.origY - (this.offsetHeight / 2));
|
||||
this.lowerBlock.setStyle({ top: (this.origLower + deltaY - delta) + 'px' });
|
||||
this.upperBlock.setStyle({ height: (this.origUpper + deltaY - delta) + 'px' });
|
||||
}
|
||||
this.saveDragHandleState(this.dhType, parseInt(this.lowerBlock.getStyle("top")));
|
||||
}
|
||||
Event.stopObserving(document.body, "mouseup", this.stopHandleDraggingBound, true);
|
||||
Event.stopObserving(document.body, "mousemove", this.moveBound, true);
|
||||
|
||||
@@ -385,7 +385,7 @@ function eventsListCallback(http) {
|
||||
var sortHeader = $(sorting["attribute"] + "Header");
|
||||
|
||||
if (sortHeader) {
|
||||
var sortImages = $(table.tHead).getElementsByClassName("sortImage");
|
||||
var sortImages = $(table.tHead).select(".sortImage");
|
||||
$(sortImages).each(function(item) {
|
||||
item.remove();
|
||||
});
|
||||
@@ -696,126 +696,127 @@ function refreshCalendarEvents(scrollEvent) {
|
||||
}
|
||||
|
||||
function refreshCalendarEventsCallback(http) {
|
||||
if (http.readyState == 4
|
||||
&& http.status == 200) {
|
||||
|
||||
if (http.responseText.length > 0) {
|
||||
var data = http.responseText.evalJSON(true);
|
||||
// log("refresh calendar events: " + data.length);
|
||||
for (var i = 0; i < data.length; i++)
|
||||
drawCalendarEvent(data[i],
|
||||
http.callbackData["startDate"],
|
||||
http.callbackData["endDate"]);
|
||||
}
|
||||
scrollDayView(http.callbackData["scrollEvent"]);
|
||||
}
|
||||
else
|
||||
log("AJAX error when refreshing calendar events");
|
||||
if (http.readyState == 4
|
||||
&& http.status == 200) {
|
||||
if (http.responseText.length > 0) {
|
||||
var data = http.responseText.evalJSON(true);
|
||||
// log("refresh calendar events: " + data.length);
|
||||
var dateTuples = new Array();
|
||||
for (var i = 0; i < data.length; i++) {
|
||||
drawCalendarEvent(data[i],
|
||||
http.callbackData["startDate"],
|
||||
http.callbackData["endDate"]);
|
||||
}
|
||||
}
|
||||
scrollDayView(http.callbackData["scrollEvent"]);
|
||||
}
|
||||
else
|
||||
log("AJAX error when refreshing calendar events");
|
||||
}
|
||||
|
||||
function drawCalendarEvent(eventData, sd, ed) {
|
||||
var viewStartDate = sd.asDate();
|
||||
var viewEndDate = ed.asDate();
|
||||
var viewStartDate = sd.asDate();
|
||||
var viewEndDate = ed.asDate();
|
||||
|
||||
var startDate = new Date();
|
||||
startDate.setTime(eventData[4] * 1000);
|
||||
var endDate = new Date();
|
||||
endDate.setTime(eventData[5] * 1000);
|
||||
var startDate = new Date();
|
||||
startDate.setTime(eventData[4] * 1000);
|
||||
var endDate = new Date();
|
||||
endDate.setTime(eventData[5] * 1000);
|
||||
|
||||
// log ("s: " + startDate + "; e: " + endDate);
|
||||
//log ("s: " + startDate + "; e: " + endDate);
|
||||
|
||||
var days = startDate.daysUpTo(endDate);
|
||||
var days = startDate.daysUpTo(endDate);
|
||||
|
||||
var title;
|
||||
if (currentView == "monthview"
|
||||
&& (eventData[7] == 0))
|
||||
title = startDate.getDisplayHoursString() + " " + eventData[3];
|
||||
else
|
||||
title = eventData[3];
|
||||
var title;
|
||||
if (currentView == "monthview"
|
||||
&& (eventData[7] == 0))
|
||||
title = startDate.getDisplayHoursString() + " " + eventData[3];
|
||||
else
|
||||
title = eventData[3];
|
||||
|
||||
// log("title: " + title);
|
||||
// log("viewS: " + viewStartDate);
|
||||
var startHour = null;
|
||||
var endHour = null;
|
||||
// log("title: " + title);
|
||||
// log("viewS: " + viewStartDate);
|
||||
var startHour = null;
|
||||
var endHour = null;
|
||||
|
||||
var siblings = new Array();
|
||||
for (var i = 0; i < days.length; i++)
|
||||
if (days[i].earlierDate(viewStartDate) == viewStartDate
|
||||
&& days[i].laterDate(viewEndDate) == viewEndDate) {
|
||||
var starts;
|
||||
|
||||
// log("day: " + days[i]);
|
||||
if (i == 0) {
|
||||
var quarters = (startDate.getUTCHours() * 4
|
||||
+ Math.floor(startDate.getUTCMinutes() / 15));
|
||||
starts = quarters;
|
||||
startHour = startDate.getDisplayHoursString();
|
||||
endHour = endDate.getDisplayHoursString();
|
||||
}
|
||||
else
|
||||
starts = 0;
|
||||
var siblings = new Array();
|
||||
for (var i = 0; i < days.length; i++)
|
||||
if (days[i].earlierDate(viewStartDate) == viewStartDate
|
||||
&& days[i].laterDate(viewEndDate) == viewEndDate) {
|
||||
var starts;
|
||||
|
||||
// log("day: " + days[i]);
|
||||
if (i == 0) {
|
||||
var quarters = (startDate.getUTCHours() * 4
|
||||
+ Math.floor(startDate.getUTCMinutes() / 15));
|
||||
starts = quarters;
|
||||
startHour = startDate.getDisplayHoursString();
|
||||
endHour = endDate.getDisplayHoursString();
|
||||
}
|
||||
else
|
||||
starts = 0;
|
||||
|
||||
var ends;
|
||||
var lasts;
|
||||
if (i == days.length - 1) {
|
||||
var quarters = (endDate.getUTCHours() * 4
|
||||
+ Math.ceil(endDate.getUTCMinutes() / 15));
|
||||
ends = quarters;
|
||||
}
|
||||
else
|
||||
ends = 96;
|
||||
lasts = ends - starts;
|
||||
if (!lasts)
|
||||
lasts = 1;
|
||||
var ends;
|
||||
var lasts;
|
||||
if (i == days.length - 1) {
|
||||
var quarters = (endDate.getUTCHours() * 4
|
||||
+ Math.ceil(endDate.getUTCMinutes() / 15));
|
||||
ends = quarters;
|
||||
}
|
||||
else
|
||||
ends = 96;
|
||||
lasts = ends - starts;
|
||||
if (!lasts)
|
||||
lasts = 1;
|
||||
|
||||
var eventDiv = newEventDIV(eventData[0], eventData[1], starts, lasts,
|
||||
null, null, title);
|
||||
siblings.push(eventDiv);
|
||||
eventDiv.siblings = siblings;
|
||||
if (eventData[9].length > 0)
|
||||
eventDiv.addClassName(eventData[9]);
|
||||
var dayString = days[i].getDayString();
|
||||
// log("day: " + dayString);
|
||||
var parentDiv = null;
|
||||
if (currentView == "monthview") {
|
||||
var dayDivs = $("monthDaysView").childNodesWithTag("div");
|
||||
var j = 0;
|
||||
while (!parentDiv && j < dayDivs.length) {
|
||||
if (dayDivs[j].getAttribute("day") == dayString)
|
||||
parentDiv = dayDivs[j];
|
||||
else
|
||||
j++;
|
||||
}
|
||||
var eventDiv = newEventDIV(eventData[0], eventData[1], starts, lasts,
|
||||
null, null, title);
|
||||
siblings.push(eventDiv);
|
||||
eventDiv.siblings = siblings;
|
||||
if (eventData[9].length > 0)
|
||||
eventDiv.addClassName(eventData[9]); // event owner status
|
||||
var dayString = days[i].getDayString();
|
||||
// log("day: " + dayString);
|
||||
var parentDiv = null;
|
||||
if (currentView == "monthview") {
|
||||
var dayDivs = $("monthDaysView").childNodesWithTag("div");
|
||||
var j = 0;
|
||||
while (!parentDiv && j < dayDivs.length) {
|
||||
if (dayDivs[j].getAttribute("day") == dayString)
|
||||
parentDiv = dayDivs[j];
|
||||
else
|
||||
j++;
|
||||
}
|
||||
}
|
||||
else {
|
||||
if (eventData[7] == 0) {
|
||||
var daysView = $("daysView");
|
||||
var eventsDiv = $(daysView).childNodesWithTag("div")[1];
|
||||
var dayDivs = $(eventsDiv).childNodesWithTag("div");
|
||||
var j = 0;
|
||||
while (!parentDiv && j < dayDivs.length) {
|
||||
if (dayDivs[j].getAttribute("day") == dayString)
|
||||
parentDiv = dayDivs[j].childNodesWithTag("div")[0];
|
||||
else
|
||||
j++;
|
||||
}
|
||||
}
|
||||
else {
|
||||
var header = $("calendarHeader");
|
||||
var daysDiv = $(header).childNodesWithTag("div")[1];
|
||||
var dayDivs = $(daysDiv).childNodesWithTag("div");
|
||||
var j = 0;
|
||||
while (!parentDiv && j < dayDivs.length) {
|
||||
if (dayDivs[j].getAttribute("day") == dayString)
|
||||
parentDiv = dayDivs[j];
|
||||
else
|
||||
j++;
|
||||
}
|
||||
}
|
||||
}
|
||||
if (parentDiv)
|
||||
parentDiv.appendChild(eventDiv);
|
||||
}
|
||||
else {
|
||||
if (eventData[7] == 0) {
|
||||
var daysView = $("daysView");
|
||||
var eventsDiv = $(daysView).childNodesWithTag("div")[1];
|
||||
var dayDivs = $(eventsDiv).childNodesWithTag("div");
|
||||
var j = 0;
|
||||
while (!parentDiv && j < dayDivs.length) {
|
||||
if (dayDivs[j].getAttribute("day") == dayString)
|
||||
parentDiv = dayDivs[j].childNodesWithTag("div")[0];
|
||||
else
|
||||
j++;
|
||||
}
|
||||
}
|
||||
else {
|
||||
var header = $("calendarHeader");
|
||||
var daysDiv = $(header).childNodesWithTag("div")[1];
|
||||
var dayDivs = $(daysDiv).childNodesWithTag("div");
|
||||
var j = 0;
|
||||
while (!parentDiv && j < dayDivs.length) {
|
||||
if (dayDivs[j].getAttribute("day") == dayString)
|
||||
parentDiv = dayDivs[j];
|
||||
else
|
||||
j++;
|
||||
}
|
||||
}
|
||||
}
|
||||
if (parentDiv)
|
||||
parentDiv.appendChild(eventDiv);
|
||||
}
|
||||
}
|
||||
|
||||
function eventClass(cname) {
|
||||
@@ -1723,31 +1724,6 @@ function deletePersonalCalendarCallback(http) {
|
||||
log ("ajax problem 5: " + http.status);
|
||||
}
|
||||
|
||||
function getDragHandlesState() {
|
||||
var urlstr = ApplicationBaseURL + "dragHandlesState";
|
||||
triggerAjaxRequest(urlstr, getDragHandlesStateCallback);
|
||||
}
|
||||
|
||||
function getDragHandlesStateCallback(http) {
|
||||
if (http.status == 200) {
|
||||
if (http.responseText.length > 0) {
|
||||
// The response text is a JSON array
|
||||
// of the top and right offsets.
|
||||
var data = http.responseText.evalJSON(true);
|
||||
if (data[0].length > 0) {
|
||||
$("eventsListView").setStyle({ height: data[0] });
|
||||
$("calendarView").setStyle({ top: data[0] });
|
||||
$("rightDragHandle").setStyle({ top: data[0] });
|
||||
}
|
||||
if (data[1].length > 0) {
|
||||
$("leftPanel").setStyle({ width: data[1] });
|
||||
$("rightPanel").setStyle({ left: data[1] });
|
||||
$("verticalDragHandle").setStyle({ left: data[1] });
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function configureLists() {
|
||||
var list = $("tasksList");
|
||||
list.multiselect = true;
|
||||
@@ -1783,19 +1759,18 @@ function initDateSelectorEvents() {
|
||||
}
|
||||
|
||||
function initCalendars() {
|
||||
sorting["attribute"] = "start";
|
||||
sorting["ascending"] = true;
|
||||
sorting["attribute"] = "start";
|
||||
sorting["ascending"] = true;
|
||||
|
||||
if (!document.body.hasClassName("popup")) {
|
||||
getDragHandlesState();
|
||||
initDateSelectorEvents();
|
||||
initCalendarSelector();
|
||||
configureSearchField();
|
||||
configureLists();
|
||||
var selector = $("calendarSelector");
|
||||
if (selector)
|
||||
selector.attachMenu("calendarsMenu");
|
||||
}
|
||||
if (!document.body.hasClassName("popup")) {
|
||||
initDateSelectorEvents();
|
||||
initCalendarSelector();
|
||||
configureSearchField();
|
||||
configureLists();
|
||||
var selector = $("calendarSelector");
|
||||
if (selector)
|
||||
selector.attachMenu("calendarsMenu");
|
||||
}
|
||||
}
|
||||
|
||||
FastInit.addOnLoad(initCalendars);
|
||||
|
||||
Reference in New Issue
Block a user