- // ==UserScript==
- // @name C&C Tiberium Alliances Zmail
- // @description Complete and comprehensive mail client.
- // @author arcm111 / zdoom
- // @version 2013.10.04
- // @namespace http*://*.alliances.commandandconquer.com/*
- // @include http*://*.alliances.commandandconquer.com/*
- /*
- Zmail is fast and easy to use mail client that allows you to send and receive messages.
-
- Main features:
-
- Send/receive messages.
- Save draft messages.
- Block messages from unwanted players.
- Documents folder.
- Trash folder.
- Organize contacts.
- Rich text editor features(such as tables, lists and text alignment)-€-
- Alerts (shows notification sent/received messages).
- Search messages by subject or sender's name.
- -€- use only if the person receiving your message is using zmail as well.
- */
- // ==/UserScript==
-
- qx.Class.define('zmail.data',
- {
- type: 'singleton',
- extend: qx.core.Object,
-
- construct: function()
- {
- var data = ClientLib.Data.MainData.GetInstance();
- var mail = data.get_Mail();
- var root = this;
- var alliance = data.get_Alliance();
- var allianceExists = alliance.get_Exists();
- if(allianceExists)
- {
- var roles = alliance.get_Roles();
- var relations = alliance.get_Relationships();
- this.roles = roles;
-
- for (var i = 0; i < relations.length; i++)
- {
- var type = relations[i].Relationship, id = relations[i].OtherAllianceId, name = relations[i].OtherAllianceName;
- if (type == 1) this.getAllianceMembers(id, name);
- }
- this.getMembers();
- }
-
- var ownerName = data.get_Player().get_Name();
- var ownerId = data.get_Player().get_Id();
- this.ownerName = ownerName;
- this.ownerId = ownerId;
-
- var getPlayers = function(fi,li)
- {
- ClientLib.Net.CommunicationManager.GetInstance().SendSimpleCommand("RankingGetData",
- { 'ascending': true, 'firstIndex': fi, 'lastIndex': li, 'rankingType': 0, 'sortColumn': 2, 'view': 0 },
- phe.cnc.Util.createEventDelegate(ClientLib.Net.CommandResult, this, function(context, data)
- {
- if(data !== null) root.players = root.players.concat(data.p);
- }), null);
- };
- var getList = function(count)
- {
- var pages = Math.ceil(count/4500);
- for(var i = 0; i < pages; i++)
- {
- var min = i * 4500, max = Math.min((((i+1) * 4500) - 1), (count-1));
- getPlayers(min, max);
- }
- };
- ClientLib.Net.CommunicationManager.GetInstance().SendSimpleCommand("RankingGetCount", { 'rankingType': 0, 'view': 0 },
- phe.cnc.Util.createEventDelegate(ClientLib.Net.CommandResult, this, function(context, data)
- {
- if (data !== null) getList(data);
- }), null);
-
- if(typeof localStorage.ccta_zmail !== 'undefined')
- {
- var json = JSON.parse(localStorage.ccta_zmail);
- if(json.hasOwnProperty('archive')) this.archive = json.archive;
- }
-
- var inbox = {
- folder: null,
- count: mail.GetMailCount(0),
- messages: [],
- unRead: mail.GetUnreadCount(),
- };
-
- var outbox = {
- folder: null,
- count: mail.GetMailCount(1),
- messages: [],
- };
-
- var getFolder = function(type)
- {
- var gmh = mail.GetMailHeaders.toString();
- var prop = gmh.replace(/^.*?c=this\.(.*?)\.d\[a\].*?$/, '$1');
- var folder = mail[prop].d[type].i;
- return folder;
- }
-
- inbox.folder = getFolder(0);
- outbox.folder = getFolder(1);
-
- this.inbox = inbox;
- this.outbox = outbox;
-
- this.getMsgHeaders(inbox.folder, inbox.count, 0);
- this.getMsgHeaders(outbox.folder, outbox.count, 1);
-
- phe.cnc.Util.attachNetEvent(ClientLib.Data.MainData.GetInstance().get_Mail(), 'DataChange', ClientLib.Data.MailDataChange, this, this._onMailChange);
- },
-
- destruct: function(){},
-
- members:
- {
- inbox: null,
- outbox: null,
- update: null,
- archive: {},
- inProgress: false,
- players: [],
- roles: null,
- allianceMembers: null,
- allianceCommanders: null,
- allies: {},
- ownerName: null,
- ownerId: null,
-
- call: function(fn)
- {
- var root = this;
- root[fn].apply(root, arguments);
- },
-
- update: function()
- {
- if(this.inProgress) return;
- this.inProgress = true;
- console.log('checking mails');
- var data = ClientLib.Data.MainData.GetInstance();
- var mail = data.get_Mail();
- var count = mail.GetUnreadCount();
- this.inbox.count = mail.GetMailCount(0);
- this.outbox.count = mail.GetMailCount(1);
- this.inbox.unRead = count;
- this.getMsgHeaders(this.inbox.folder, this.inbox.count, 0);
- this.getMsgHeaders(this.outbox.folder, this.outbox.count, 1);
- },
-
- markRead: function(id, flag)
- {
- ClientLib.Data.MainData.GetInstance().get_Mail().SetMailRead(id, flag);
- },
-
- deleteMsgs: function(id, folder)
- {
- ClientLib.Data.MainData.GetInstance().get_Mail().DeleteMessages(id, folder);
- },
-
- sendMail: function(to, alliance, subject, message)
- {
- ClientLib.Data.MainData.GetInstance().get_Mail().SendMail(to, alliance, subject, message);
- },
-
- createBBCode:
- {
- 'coords': function(name,x,y)
- {
- return webfrontend.gui.util.BBCode.createCoordsLinkText(name,x,y).replace('#0d77bb', '#377395');
- },
-
- 'player': function(name)
- {
- return webfrontend.gui.util.BBCode.createPlayerLinkText(name).replace('#0d77bb', '#377395');
- },
-
- 'alliance': function(name)
- {
- return webfrontend.gui.util.BBCode.createAllianceLinkText(name).replace('#0d77bb', '#377395');
- }
- },
-
- getMembers: function()
- {
- ClientLib.Net.CommunicationManager.GetInstance().SendSimpleCommand("AllianceGetMemberData", {},
- phe.cnc.Util.createEventDelegate(ClientLib.Net.CommandResult, this, function(context, data)
- {
- var members = [], commanders = [];
- for (var i = 0; i < data.length; i++)
- {
- var name = data[i].n, id = data[i].i, roleId = data[i].r, role = this.roles.d[roleId].Name;
- switch(role)
- {
- case 'Leader': role = 'Commander-in-Cheif'; break;
- case 'Newbie': role = 'Trial'; break;
- }
- var member = {'id': id, 'name': name, 'role': role, 'roleId': roleId};
- if (role == 'Commander-in-Cheif' || role == 'Second Commander') commanders.push(member);
- members.push(member);
- }
- this.allianceMembers = members;
- this.allianceCommanders = commanders;
- var structure = zmail.structure.getInstance();
- structure.dom.leftBar.contacts.alliance.nodeValue = 'Alliance ' + members.length;
- structure.dom.leftBar.contacts.commanders.nodeValue = 'Commanders ' + commanders.length;
- }), null);
- },
-
- getAllianceMembers: function(aid, name)
- {
- ClientLib.Net.CommunicationManager.GetInstance().SendSimpleCommand("GetPublicAllianceMemberList", {'id': aid },
- phe.cnc.Util.createEventDelegate(ClientLib.Net.CommandResult, this, function(context, data)
- {
- this.allies[name] = data;
- }), null);
- },
-
- getMsgHeaders: function(id, count, type)
- {
- type == 0 ? this.inbox.messages = [] : this.outbox.messages = [];
- ClientLib.Net.CommunicationManager.GetInstance().SendSimpleCommand("IGMGetMsgHeader", { folder: id, ascending: false, skip: 0, take: count, sortColumn: 1 },
- phe.cnc.Util.createEventDelegate(ClientLib.Net.CommandResult, this, function(context, data)
- {
- for (var i = 0; i < data.length; i++) this.getMsgBody(data[i], type);
- }), null);
- },
-
- getMsgBody: function(msg, type)
- {
- if(this.archive.hasOwnProperty(msg.i))
- {
- if(this.archive[msg.i].r != msg.r) this.archive[msg.i].r = msg.r;
- type == 0 ? this.inbox.messages.push(this.archive[msg.i]) : this.outbox.messages.push(this.archive[msg.i]);
- this.onCompleted();
- }
- else
- {
- ClientLib.Net.CommunicationManager.GetInstance().SendSimpleCommand("IGMGetMsg", { mailId: msg.i },
- phe.cnc.Util.createEventDelegate(ClientLib.Net.CommandResult, this, function(context, data)
- {
- var cm = msg;
- cm.b = data;
- type == 0 ? this.inbox.messages.push(cm) : this.outbox.messages.push(cm);
- this.archive[msg.i] = cm;
- this.onCompleted();
- }), null);
- }
- },
-
- onCompleted: function()
- {
- var ti = this.inbox.count, to = this.outbox.count, ci = this.inbox.messages.length, co = this.outbox.messages.length;
- if(ti == ci && to == co)
- {
- var structure = zmail.structure.getInstance();
- structure.callUpdate(this.inbox.messages, this.outbox.messages);
- var json = JSON.parse(localStorage.ccta_zmail);
- json.archive = this.archive;
- localStorage.ccta_zmail = JSON.stringify(json);
- this.inProgress = false;
- }
- },
-
- _onMailChange: function()
- {
- var data = ClientLib.Data.MainData.GetInstance();
- var structure = zmail.structure.getInstance();
- var mail = data.get_Mail();
- var countInbox = mail.GetMailCount(0);
- var countOutbox = mail.GetMailCount(1);
- console.log('checking new messages');
- if(countInbox > this.inbox.count)
- {
- this.update();
- console.log('new message detected');
- }
- if(countOutbox > this.outbox.count)
- {
- this.update();
- console.log('message sent successfully');
- }
- }
- }
- });
-
- qx.Class.define('zmail.main',
- {
- type: 'singleton',
- extend: qx.ui.container.Composite,
-
- construct: function()
- {
- this.base(arguments);
- var layout = new qx.ui.layout.Canvas();
- this._setLayout(layout);
-
- zmail.data.getInstance();
-
- var widget = new qx.ui.core.Widget();
- widget.setPadding(3);
- widget.setHeight(546);
- var div = new qx.html.Element('div', null, {'id': 'zdoom_mail_container'});
- widget.getContentElement().add(div);
- this.add(widget, {left: 0, top: 0});
- this.widget = widget;
-
- this.wdgAnchor = new qx.ui.basic.Image("webfrontend/ui/common/frame_basewin/frame_basewindow_tl1.png").set({ width: 3, height: 32 });
- this.__imgTopRightCorner = new qx.ui.basic.Image("webfrontend/ui/common/frame_basewin/frame_basewindow_tr.png").set({ width: 34, height: 35 });
- this.__backgroundTop = new qx.ui.basic.Image(null);
- var cntBackgroundTop = new qx.ui.container.Composite(new qx.ui.layout.Canvas()).set({ height: 132 , maxHeight: 132 });
- var cntBackgroundTopBackground = new qx.ui.container.Composite().set({ backgroundColor: "#000000" });
- cntBackgroundTop.add(cntBackgroundTopBackground, { left: 0, top: 0, right: 0, bottom: 0 });
- cntBackgroundTop.add(this.__backgroundTop, { left: 0, top: -10 });
- this.__background = new qx.ui.basic.Image(null);
- var cntBackground = new qx.ui.container.Composite(new qx.ui.layout.Canvas());
- cntBackground.add(this.__background, { left: 0, top: -10 });
- this._add(cntBackground, { left: -114, top: 132-60 });
- this._add(cntBackgroundTop, { left: -114, top: -60 });
- this._add(this.__imgTopRightCorner, { right: 0, top: 0, bottom: 28 });
- this._add(new qx.ui.basic.Image("webfrontend/ui/common/frame_basewin/frame_basewindow_r.png").set({ width: 3, height: 1, allowGrowY: true, scale: true }), { right: 0, top: 35, bottom: 29 });
- this._add(new qx.ui.basic.Image("webfrontend/ui/common/frame_basewin/frame_basewindow_br.png").set({ width: 5, height: 28, allowGrowY: true, scale: true }), { right: 0, bottom: 0 });
- this._add(new qx.ui.basic.Image("webfrontend/ui/common/frame_basewin/frame_basewindow_b.png").set({ width: 1, height: 3, allowGrowX: true, scale: true }), { right: 5, bottom: 0, left: 5 });
- this._add(new qx.ui.basic.Image("webfrontend/ui/common/frame_basewin/frame_basewindow_bl.png").set({ width: 5, height: 29 }), { left: 0, bottom: 0 });
- this._add(new qx.ui.basic.Image("webfrontend/ui/common/frame_basewin/frame_basewindow_l.png").set({ width: 3, height: 1, allowGrowY: true, scale: true }), { left: 0, bottom: 29, top: 32 });
- this._add(this.wdgAnchor, { left: 0, top: 0 });
- this._add(new qx.ui.basic.Image("webfrontend/ui/common/frame_basewin/frame_basewindow_tl2.png").set({ width: 25, height: 5 }), { left: 3, top: 0 });
- this._add(new qx.ui.basic.Image("webfrontend/ui/common/frame_basewin/frame_basewindow_t.png").set({ width: 1, height: 3, allowGrowX: true, scale: true }), { left: 28, right: 34, top: 0 });
- this.__btnClose = new webfrontend.ui.SoundButton(null, "FactionUI/icons/icon_close_button.png").set({ appearance: "button-close", width: 23, height: 23, toolTipText: this.tr("tnf:close base view") });
- this.__btnClose.addListener("execute", this._onClose, this);
- this._add(this.__btnClose, { top: 6, right: 5 });
-
- var app = qx.core.Init.getApplication();
- app.getDesktop().addListener('resize', this._onResize, this);
- },
-
- destruct: function()
- {
-
- },
-
- members:
- {
- open: function()
- {
- this._onResize();
- var app = qx.core.Init.getApplication();
- app.getDesktop().add(this);
-
- var mail = zmail.structure.getInstance();
- var check = function()
- {
- var div = document.getElementById('zdoom_mail_container');
- if(div) div.appendChild(mail.dom.window.main);
- else setTimeout(check, 1000);
- };
- check();
- },
-
- _onClose: function ()
- {
- var app = qx.core.Init.getApplication();
- app.getDesktop().remove(this);
- },
-
- _onResize: function()
- {
- var app = qx.core.Init.getApplication();
- var mainOverlay = app.getMainOverlay();
- var left = (app.getDesktop().getBounds().width - mainOverlay.getWidth()) / 2;
- this.setUserBounds(left, mainOverlay.getBounds().top, mainOverlay.getWidth(), 546);
- this.widget.setWidth(mainOverlay.getWidth());
- },
-
- center: function()
- {
- var parent = this.getLayoutParent();
- if (parent) var bh = parent.getBounds();
- if (bh) var bi = this.getSizeHint();
- var bg = Math.round((bh.width - bi.width) / 2);
- var top = this.getBounds().top;
- this.moveTo(bg,top);
- }
- }
-
- });
-
-
- qx.Class.define('zmail.compose',
- {
- type: 'singleton',
- extend: qx.ui.container.Composite,
-
- construct: function()
- {
- this.base(arguments);
- var layout = new qx.ui.layout.Canvas();
- this._setLayout(layout);
-
- zmail.data.getInstance();
-
- var widget = new qx.ui.core.Widget();
- widget.setPadding(3);
- widget.setHeight(546);
- var div = new qx.html.Element('div', null, {'id': 'zdoom_newMail_container'});
- widget.getContentElement().add(div);
- this.add(widget, {left: 0, top: 0});
- this.widget = widget;
-
- this.wdgAnchor = new qx.ui.basic.Image("webfrontend/ui/common/frame_basewin/frame_basewindow_tl1.png").set({ width: 3, height: 32 });
- this.__imgTopRightCorner = new qx.ui.basic.Image("webfrontend/ui/common/frame_basewin/frame_basewindow_tr.png").set({ width: 34, height: 35 });
- this.__backgroundTop = new qx.ui.basic.Image(null);
- var cntBackgroundTop = new qx.ui.container.Composite(new qx.ui.layout.Canvas()).set({ height: 132 , maxHeight: 132 });
- var cntBackgroundTopBackground = new qx.ui.container.Composite().set({ backgroundColor: "#000000" });
- cntBackgroundTop.add(cntBackgroundTopBackground, { left: 0, top: 0, right: 0, bottom: 0 });
- cntBackgroundTop.add(this.__backgroundTop, { left: 0, top: -10 });
- this.__background = new qx.ui.basic.Image(null);
- var cntBackground = new qx.ui.container.Composite(new qx.ui.layout.Canvas());
- cntBackground.add(this.__background, { left: 0, top: -10 });
- this._add(cntBackground, { left: -114, top: 132-60 });
- this._add(cntBackgroundTop, { left: -114, top: -60 });
- this._add(this.__imgTopRightCorner, { right: 0, top: 0, bottom: 28 });
- this._add(new qx.ui.basic.Image("webfrontend/ui/common/frame_basewin/frame_basewindow_r.png").set({ width: 3, height: 1, allowGrowY: true, scale: true }), { right: 0, top: 35, bottom: 29 });
- this._add(new qx.ui.basic.Image("webfrontend/ui/common/frame_basewin/frame_basewindow_br.png").set({ width: 5, height: 28, allowGrowY: true, scale: true }), { right: 0, bottom: 0 });
- this._add(new qx.ui.basic.Image("webfrontend/ui/common/frame_basewin/frame_basewindow_b.png").set({ width: 1, height: 3, allowGrowX: true, scale: true }), { right: 5, bottom: 0, left: 5 });
- this._add(new qx.ui.basic.Image("webfrontend/ui/common/frame_basewin/frame_basewindow_bl.png").set({ width: 5, height: 29 }), { left: 0, bottom: 0 });
- this._add(new qx.ui.basic.Image("webfrontend/ui/common/frame_basewin/frame_basewindow_l.png").set({ width: 3, height: 1, allowGrowY: true, scale: true }), { left: 0, bottom: 29, top: 32 });
- this._add(this.wdgAnchor, { left: 0, top: 0 });
- this._add(new qx.ui.basic.Image("webfrontend/ui/common/frame_basewin/frame_basewindow_tl2.png").set({ width: 25, height: 5 }), { left: 3, top: 0 });
- this._add(new qx.ui.basic.Image("webfrontend/ui/common/frame_basewin/frame_basewindow_t.png").set({ width: 1, height: 3, allowGrowX: true, scale: true }), { left: 28, right: 34, top: 0 });
- this.__btnClose = new webfrontend.ui.SoundButton(null, "FactionUI/icons/icon_close_button.png").set({ appearance: "button-close", width: 23, height: 23, toolTipText: this.tr("tnf:close base view") });
- this.__btnClose.addListener("execute", this._onClose, this);
- this._add(this.__btnClose, { top: 6, right: 5 });
-
- var app = qx.core.Init.getApplication();
- app.getDesktop().addListener('resize', this._onResize, this);
- },
-
- destruct: function()
- {
-
- },
-
- members:
- {
- isOpen: false,
- open: function()
- {
- this._onResize();
- var app = qx.core.Init.getApplication();
- app.getDesktop().add(this);
- this.isOpen = true;
-
- var mail = zmail.structure.getInstance();
- var check = function()
- {
- var div = document.getElementById('zdoom_newMail_container');
- if(div) div.appendChild(mail.dom.window.compose);
- else setTimeout(check, 1000);
- };
- check();
- },
-
- _onClose: function()
- {
- var app = qx.core.Init.getApplication();
- app.getDesktop().remove(this);
- this.isOpen = false;
- },
-
- _onResize: function()
- {
- var app = qx.core.Init.getApplication();
- var mainOverlay = app.getMainOverlay();
- var left = (app.getDesktop().getBounds().width - mainOverlay.getWidth()) / 2;
- this.setUserBounds(left, mainOverlay.getBounds().top, mainOverlay.getWidth(), 546);
- this.widget.setWidth(mainOverlay.getWidth());
- },
-
- center: function()
- {
- var parent = this.getLayoutParent();
- if (parent) var bh = parent.getBounds();
- if (bh) var bi = this.getSizeHint();
- var bg = Math.round((bh.width - bi.width) / 2);
- var top = this.getBounds().top;
- this.moveTo(bg,top);
- }
- }
- });
-
- qx.Class.define('zmail.structure',
- {
- type: 'singleton',
- extend: qx.core.Object,
-
- construct: function()
- {
- var root = this;
- var callUpdate = function()
- {
- root.update.apply(root, arguments);
- };
- this.callUpdate = callUpdate;
-
- Element.prototype.zm_append = function (arr)
- {
- for (var i = 0; i < arr.length; i++) this.appendChild(arr[i]);
- };
-
- Element.prototype.zm_empty = function()
- {
- while(this.firstChild) this.removeChild(this.firstChild);
- };
-
- Element.prototype.zm_css = function(css)
- {
- var iterator = function(obj)
- {
- for(var x in obj) elm.style[x] = obj[x];
- };
- var elm = this;
- for (var key in css) {
- var prop = css[key];
- switch(key)
- {
- case 'over': elm.onmouseover = function(){iterator(css['over'])}; break;
- case 'out': elm.onmouseout = function(){iterator(css['out'])}; break;
- case 'focus': elm.onfocus = function(){iterator(css['focus'])}; break;
- case 'blur': elm.onblur = function(){iterator(css['blur'])}; break;
- default: elm.style[key] = css[key];
- }
- }
- };
-
- Element.prototype.zm_prop = function (obj)
- {
- for (var key in object) this[key] = obj[key];
- };
-
- if(typeof localStorage.ccta_zmail === 'undefined')
- {
- var sd = {
- 'folders': {'draft': {}, 'junk': [], 'trash': [[],[]], 'documents': []},
- 'contacts': {'blocked': [], 'friends': []},
- 'archive': {}
- };
- localStorage['ccta_zmail'] = JSON.stringify(sd);
- }
-
- this.css.topBar.cont.backgroundImage = this.gradient('#5C5E62', '#3E4042');
- this.css.searchResults.text.backgroundImage = this.gradient('#5a5a5a', '#4a4a4a');
- var blueGrd = root.gradient('#3d7fa0', '#31678a');
-
- var create = this.create, cssStyles = this.css, text = this.text;
-
- var winCont = create('div', cssStyles.window);
- var topBar = create('div', cssStyles.topBar.main);
- var topBarCont = create('div', cssStyles.topBar.cont);
- var leftBar = create('div', cssStyles.leftBar);
- var logo = create('div', cssStyles.topBar.logo);
- var tbMenu = create('div', cssStyles.topBar.menu);
- var middleBar = create('div', cssStyles.middleBar.cont);
- var rightBar = create('div', cssStyles.rightBar.main);
- var leftBarWrapper = create('div', cssStyles.tableCellWrapper);
- var rightBarWrapper = create('div', cssStyles.tableCellWrapper);
- var middleBarWrapper = create('div', cssStyles.tableCellWrapper);
- var msgMask = create('div', cssStyles.rightBar.msgMask);
- var msgCont = create('div', cssStyles.rightBar.msgCont);
- var msgSbc = create('div', cssStyles.rightBar.scrollBar.cont);
- var msgSb = create('div', cssStyles.rightBar.scrollBar.bar);
- var headersMask = create('div', cssStyles.middleBar.headers.mask);
- var headersSbc = create('div', cssStyles.middleBar.scrollBar.cont);
- var headersFooter = create('div', cssStyles.middleBar.footer.cont);
- var headersCont = create('div', cssStyles.middleBar.headers.scroll);
- var mailIcon = document.createElement('img');
- var mailText = document.createTextNode('Z'+'MAIL');
- var expandCont = create('div', cssStyles.compose.rightBar.expand);
- expandCont.style.backgroundImage = 'url(' + this.res.expandDocument + ')';
- expandCont.data = {'isExpanded': false};
- expandCont.onclick = function()
- {
- var expanded = this.data.isExpanded;
- this.style.backgroundImage = (expanded) ? 'url(' + root.res.expandDocument + ')' : 'url(' + root.res.contractDocument + ')';
- leftBar.style.display = (expanded) ? 'table-cell' : 'none';
- middleBar.style.display = (expanded) ? 'table-cell' : 'none';
- this.data.isExpanded = !expanded;
- };
- mailIcon.src = this.res.mail;
- mailIcon.style.marginRight = '6px';
- logo.zm_append([mailIcon, mailText]);
- topBarCont.zm_append([logo, tbMenu]);
- topBar.appendChild(topBarCont);
- msgMask.appendChild(msgCont);
- msgSbc.appendChild(msgSb);
- rightBarWrapper.zm_append([msgMask, msgSbc]);
- rightBar.appendChild(rightBarWrapper);
- headersMask.appendChild(headersCont);
- middleBarWrapper.zm_append([headersMask, headersSbc, headersFooter]);
- middleBar.appendChild(middleBarWrapper);
- winCont.zm_append([topBar, leftBar, middleBar, rightBar]);
- this.enableScroll(msgSb, msgSbc, msgCont);
-
- //middleBar Footer
- var pagesBar = create('div', cssStyles.middleBar.footer.pagesBar);
- var pagesInd = create('div', cssStyles.middleBar.footer.indicator);
- var pagesControlCont = create('div', cssStyles.middleBar.footer.pagesControls.cont);
- var pagesControlLabel = create('div', cssStyles.middleBar.footer.pagesControls.label);
- var selectAllCont = create('div', cssStyles.middleBar.footer.selectAll.span);
- var selectAllCheckBox = create('div', cssStyles.middleBar.footer.selectAll.checkBox);
-
- pagesBar.appendChild(pagesInd);
- selectAllCont.appendChild(selectAllCheckBox);
- headersFooter.zm_append([pagesBar, selectAllCont, pagesControlLabel, pagesControlCont]);
-
- headersFooter.onmouseover = function(){ pagesControlLabel.style.display = 'block' };
- headersFooter.onmouseout = function(){ pagesControlLabel.style.display = 'none' };
-
- var changePage = function(mode)
- {
- var f = root.selectedFolder, l = root.folders[f].msgs.length, t = Math.ceil(l / 30) - 1, p = root.selectedPage, np;
- var populate = function(){ root.populateHeaders.apply(root, arguments) }
-
- switch(mode)
- {
- case 'next': np = (p + 1 > t) ? t : p + 1; break;
- case 'previous': np = (p - 1 < 0) ? 0 : p - 1; break;
- case 'first': np = 0; break;
- case 'last': np = t; break;
- }
- if ( p == np) return;
- root.selectedPage = np;
- populate();
- };
-
- ['first', 'previous', 'next', 'last'].map(function(btn)
- {
- var controlBtn = create('div', cssStyles.middleBar.footer.pagesControls.icon);
- if (btn == 'previous') controlBtn.style.marginRight = '5px';
- controlBtn.style.backgroundImage = 'url(' + root.res.controls[btn] + ')';
- controlBtn.onclick = function(){ changePage(btn) };
- pagesControlCont.appendChild(controlBtn);
- });
-
- var selectAll = function(){ root.selectAll.apply(root, arguments) };
- var addGroup = function(){ root.addGroupToSelection.apply(root, arguments) };
- var removeGroup = function(){ root.removeGroupFromSelection.apply(root, arguments) };
- selectAllCheckBox.data = {'isChecked': false};
- selectAllCheckBox.onmousedown = function(){this.style.background = '#202020'};
- selectAllCheckBox.onmouseup = function()
- {
- var isChecked = this.data.isChecked;
- var color = isChecked ? 'transparent' : '#9f9f9f';
- this.style.background = color;
- this.data.isChecked = !isChecked;
- var groups = ['alliance', 'commanders', 'friends', 'blocked'];
- (root.selectedFolder) ? selectAll(!isChecked) : (isChecked) ? removeGroup() : addGroup();
- };
- ///////////////////////////////////////////////////////////////////////////////////
-
- //Search Messages
- var searchBox = create('textField', cssStyles.input.text.search);
- this.placeHolder(searchBox, 'Search...');
-
- var resultsCont = create('div', cssStyles.searchResults.cont);
- var resultsUl = create('ul', cssStyles.searchResults.ul);
- var bySender = create('li', cssStyles.searchResults.li.main);
- var bySubject = create('li', cssStyles.searchResults.li.main);
- var bySenderCount = create('span', cssStyles.searchResults.count);
- var bySubjectCount = create('span', cssStyles.searchResults.count);
- var bySenderUl = create('ul', cssStyles.searchResults.ul);
- var bySubjectUl = create('ul', cssStyles.searchResults.ul);
- var bySenderTxt = create('p', cssStyles.searchResults.text);
- var bySubjectTxt = create('p', cssStyles.searchResults.text);
- text(bySenderTxt, 'From: ');
- text(bySubjectTxt, 'Subject: ');
- bySenderTxt.appendChild(bySenderCount);
- bySubjectTxt.appendChild(bySubjectCount);
- bySender.zm_append([bySenderTxt, bySenderUl]);
- bySubject.zm_append([bySubjectTxt, bySubjectUl]);
- resultsUl.zm_append([bySender, bySubject]);
- resultsCont.appendChild(resultsUl);
- resultsCont.data = {'isFocused': false};
-
- var searchFolder = function(){ root.searchFolder.apply(root, arguments) };
- resultsCont.onmouseover = function(){this.data.isFocused = true};
- resultsCont.onmouseout = function(){this.data.isFocused = false};
-
- searchBox.onkeyup = function()
- {
- var str = this.value;
- searchFolder(str);
- };
-
- searchBox.onblur = function()
- {
- if (!resultsCont.data.isFocused) resultsCont.style.display = 'none';
- this.value = 'Search...';
- this.style.color = '#333333';
- };
-
- ///////////////////////////////////////////////////////////////////////////////////
-
- //folders & contacts
- var lbList = create('ul', cssStyles.ul.leftBar.main);
- var foldersLi = create('li', cssStyles.li.leftBar.main);
- var contactsLi = create('li', cssStyles.li.leftBar.main);
- var foldersUl = create('ul', cssStyles.ul.leftBar.sub);
- var contactsUl = create('ul', cssStyles.ul.leftBar.sub);
- var inboxLi = create('li', cssStyles.li.leftBar.subSelected);
- var outboxLi = create('li', cssStyles.li.leftBar.sub);
- var draftLi = create('li', cssStyles.li.leftBar.sub);
- var junkLi = create('li', cssStyles.li.leftBar.sub);
- var trashLi = create('li', cssStyles.li.leftBar.sub);
- var documentsLi = create('li', cssStyles.li.leftBar.sub);
- var friendsLi = create('li', cssStyles.li.leftBar.sub);
- var blockedLi = create('li', cssStyles.li.leftBar.sub);
- var allianceLi = create('li', cssStyles.li.leftBar.sub);
- var commandersLi = create('li', cssStyles.li.leftBar.sub);
- var inboxTxt = document.createTextNode('Inbox');
- var outboxTxt = document.createTextNode('Outbox');
- var draftTxt = document.createTextNode('Draft');
- var junkTxt = document.createTextNode('Junk');
- var trashTxt = document.createTextNode('Trash');
- var documentsTxt = document.createTextNode('Documents');
- var friendsTxt = document.createTextNode('Friends');
- var blockedTxt = document.createTextNode('Blocked');
- var allianceTxt = document.createTextNode('Alliance');
- var commandersTxt = document.createTextNode('Commanders');
-
- inboxLi.appendChild(inboxTxt);
- outboxLi.appendChild(outboxTxt);
- draftLi.appendChild(draftTxt);
- junkLi.appendChild(junkTxt);
- trashLi.appendChild(trashTxt);
- documentsLi.appendChild(documentsTxt);
- friendsLi.appendChild(friendsTxt);
- blockedLi.appendChild(blockedTxt);
- allianceLi.appendChild(allianceTxt);
- commandersLi.appendChild(commandersTxt);
-
- var changeFolder = function(folder)
- {
- if (root.selectedGroup) root.dom.leftBar.items[root.selectedGroup].zm_css(cssStyles.li.leftBar.sub);
- if (root.selectedFolder) root.dom.leftBar.items[root.selectedFolder].zm_css(cssStyles.li.leftBar.sub);
- root.dom.leftBar.items[folder].zm_css(cssStyles.li.leftBar.subSelected);
- root.selectedFolder = folder;
- root.selectedGroup = false;
- root.resetMsgCont();
- root.selectedPage = 0;
- root.populateHeaders();
- searchBox.disabled = false;
- msgSb.data.update();
- };
-
- var changeGroup = function(group)
- {
- if (root.selectedGroup) root.dom.leftBar.items[root.selectedGroup].zm_css(cssStyles.li.leftBar.sub);
- if (root.selectedFolder) root.dom.leftBar.items[root.selectedFolder].zm_css(cssStyles.li.leftBar.sub);
- root.dom.leftBar.items[group].zm_css(cssStyles.li.leftBar.subSelected);
- root.selectedGroup = group;
- root.selectedFolder = false;
- root.populateContacts('rank');
- searchBox.disabled = true;
- msgSb.data.update();
- };
-
- [[inboxLi,'inbox'],[outboxLi,'outbox'],[draftLi,'draft'],[junkLi,'junk'],[trashLi,'trash'],[documentsLi,'documents']].map(function(Item)
- {
- Item[0].onclick = function(){ changeFolder(Item[1]) }
- });
-
- [[friendsLi,'friends'],[blockedLi,'blocked'],[allianceLi,'alliance'],[commandersLi,'commanders']].map(function(Item)
- {
- Item[0].onclick = function(){ changeGroup(Item[1]) }
- });
-
- foldersUl.zm_append([inboxLi, outboxLi, draftLi, junkLi, trashLi, documentsLi]);
- contactsUl.zm_append([allianceLi, commandersLi, friendsLi, blockedLi]);
- foldersLi.zm_append([document.createTextNode('Folders'), foldersUl]);
- contactsLi.zm_append([document.createTextNode('Contacts'), contactsUl]);
- lbList.zm_append([foldersLi, contactsLi]);
- leftBarWrapper.zm_append([searchBox, lbList, resultsCont]);
- leftBar.appendChild(leftBarWrapper);
-
- this.dom.leftBar.folders.inbox = inboxTxt;
- this.dom.leftBar.folders.outbox = outboxTxt;
- this.dom.leftBar.folders.junk = junkTxt;
- this.dom.leftBar.folders.trash = trashTxt;
- this.dom.leftBar.folders.draft = draftTxt;
- this.dom.leftBar.folders.documents = documentsTxt;
- this.dom.leftBar.contacts.friends = friendsTxt;
- this.dom.leftBar.contacts.blocked = blockedTxt;
- this.dom.leftBar.contacts.alliance = allianceTxt;
- this.dom.leftBar.contacts.commanders = commandersTxt;
- this.dom.leftBar.items.inbox = inboxLi;
- this.dom.leftBar.items.outbox = outboxLi;
- this.dom.leftBar.items.junk = junkLi;
- this.dom.leftBar.items.trash = trashLi;
- this.dom.leftBar.items.draft = draftLi;
- this.dom.leftBar.items.documents = documentsLi;
- this.dom.leftBar.items.friends = friendsLi;
- this.dom.leftBar.items.blocked = blockedLi;
- this.dom.leftBar.items.alliance = allianceLi;
- this.dom.leftBar.items.commanders = commandersLi;
- ///////////////////////////////////////////////////////////////////////////////////
-
- //selected contacts container
- var sc_mainCont = document.createElement('div');
- var sc_upperCont = create('div', cssStyles.rightBar.contacts.topWrapper);
- var sc_lowerCont = create('div', cssStyles.rightBar.contacts.bottomWrapper);
- var sc_header = create('div', cssStyles.message.subject);
- var sc_contactsCont = create('div', cssStyles.rightBar.contacts.cont);
- var sc_findPlayer = create('textField', cssStyles.rightBar.contacts.search);
- var sc_removeAll = create('div', cssStyles.rightBar.contacts.button.disabled);
- var sc_message = create('div', cssStyles.rightBar.contacts.button.disabled);
- var sc_addToSelection = create('div', cssStyles.rightBar.contacts.button.active);
- var sc_addAsFriend = create('div', cssStyles.rightBar.contacts.button.active);
- var sc_block = create('div', cssStyles.rightBar.contacts.button.active);
- var sc_resultsCont = create('div', cssStyles.rightBar.contacts.results.cont);
- var sc_resultsMask = create('div', cssStyles.rightBar.contacts.results.mask);
- var sc_resultsContentCont = create('div', cssStyles.rightBar.contacts.results.contentsCont);
- var sc_resultsSbc = create('div', cssStyles.rightBar.contacts.results.scrollbar.cont);
- text(sc_header, 'No contacts selected.');
- text(sc_removeAll, 'Remove all');
- text(sc_message, 'Message');
- text(sc_addToSelection, 'Add to selection');
- text(sc_addAsFriend, 'Add as friend');
- text(sc_block, 'Block');
- this.placeHolder(sc_findPlayer, 'Find player...');
- sc_mainCont.style.overflow = 'hidden';
- sc_removeAll.zm_css({'display': 'inline-block', 'verticalAlign': 'top', 'width': '101px'});
- sc_message.zm_css({'display': 'inline-block', 'verticalAlign': 'top', 'marginLeft': '5px', 'width': '80px'});
- [sc_addToSelection, sc_addAsFriend, sc_block].map(function(x){ x.zm_css({'width': '120px', 'margin': '0 auto 5px auto'}) });
- sc_resultsMask.appendChild(sc_resultsContentCont);
- sc_resultsCont.zm_append([sc_resultsMask, sc_resultsSbc]);
- sc_upperCont.zm_append([sc_contactsCont, sc_findPlayer, sc_removeAll, sc_message]);
- sc_lowerCont.zm_append([sc_addToSelection, sc_addAsFriend, sc_block]);
- sc_mainCont.zm_append([sc_header, sc_upperCont, sc_lowerCont, sc_resultsCont]);
- this.dom.rightBar.contacts.main = sc_mainCont;
- this.dom.rightBar.contacts.lowerCont = sc_lowerCont;
- this.dom.rightBar.contacts.header = sc_header;
- this.dom.rightBar.contacts.cont = sc_contactsCont;
- this.dom.rightBar.contacts.search = sc_findPlayer;
- this.dom.rightBar.contacts.results = sc_resultsCont;
- this.dom.rightBar.contacts.scrollbarCont = sc_resultsSbc;
- this.dom.rightBar.contacts.contentsCont = sc_resultsContentCont;
- this.dom.rightBar.contacts.buttons.removeAll = sc_removeAll;
- this.dom.rightBar.contacts.buttons.message = sc_message;
- this.dom.rightBar.contacts.buttons.addToSelection = sc_addToSelection;
- this.dom.rightBar.contacts.buttons.addAsFriend = sc_addAsFriend;
- this.dom.rightBar.contacts.buttons.block = sc_block;
-
- var addFriend = function(){ root.addFriend.apply(root, arguments) };
- var removeFriend = function(){ root.removeFriend.apply(root, arguments) };
- var blockContact = function(){ root.blockContact.apply(root, arguments) };
- var unblockContact = function(){ root.unblockContact.apply(root, arguments) };
- var removeAllSelectedContacts = function(){ root.removeAllSelectedContacts.apply(root, arguments) };
- var addContact = function(){ root.addToSelection.apply(root, arguments) };
- var removeContact = function(){ root.removeFromSelection.apply(root, arguments) };
- var setContactOptions = function(){ root.setContactOptions.apply(root, arguments) };
- var newMail = function(){ root.openNewMail.apply(root, arguments) };
-
- sc_addToSelection.data = {'add': addContact, 'remove': removeContact, 'id': null, 'mode': null, 'update': setContactOptions};
- sc_addAsFriend.data = {'add': addFriend, 'remove': removeFriend, 'id': null, 'mode': null, 'update': setContactOptions};
- sc_block.data = {'block': blockContact, 'unblock': unblockContact, 'id': null, 'mode': null, 'update': setContactOptions};
- sc_removeAll.data = {};
- sc_message.data = {};
-
- sc_addToSelection.onclick = function()
- {
- ((this.data.isEnabled) && (this.data.mode == 'add')) ? this.data.add(this.data.id) : this.data.remove(this.data.id);
- this.data.update(this.data.id);
- };
- sc_addAsFriend.onclick = function()
- {
- ((this.data.isEnabled) && (this.data.mode == 'add')) ? this.data.add(this.data.id) : this.data.remove(this.data.id);
- this.data.update(this.data.id);
- };
- sc_block.onclick = function()
- {
- ((this.data.isEnabled) && (this.data.mode == 'block')) ? this.data.block(this.data.id) : this.data.unblock(this.data.id);
- this.data.update(this.data.id);
- };
- sc_removeAll.onclick = function(){removeAllSelectedContacts()};
-
- sc_message.onclick = function(){ if(this.data.isEnabled) newMail(1) };
-
- [sc_addToSelection, sc_addAsFriend, sc_block, sc_removeAll, sc_message].map(function(btn)
- {
- var enable = function()
- {
- this.zm_css(cssStyles.rightBar.contacts.button.active);
- this.data.isEnabled = true;
- };
- var disable = function()
- {
- this.zm_css(cssStyles.rightBar.contacts.button.disabled);
- this.data.isEnabled = false;
- }
- btn.data.enable = function(){ enable.call(btn) };
- btn.data.disable = function(){ disable.call(btn) };
- btn.data.isEnabled = true;
- });
- sc_resultsCont.onmouseover = function(){sc_findPlayer.data.isContFocused = true};
- sc_resultsCont.onmouseout = function(){sc_findPlayer.data.isContFocused = false};
- sc_lowerCont.onmouseover = function(){sc_findPlayer.data.isContFocused = true};
- sc_lowerCont.onmouseout = function(){sc_findPlayer.data.isContFocused = false};
- sc_findPlayer.data = {'results': [], 'selectedIndex': 0, 'selectedGroup': 'results', 'selectedButton': 0, 'isContOpen': false, 'isContFocused': false, 'buttons': [sc_addToSelection, sc_addAsFriend, sc_block]};
- sc_findPlayer.onblur = function()
- {
- if (this.data.isContOpen && !this.data.isContFocused)
- {
- this.value = 'Find player...';
- this.data.selectedGroup = 'results';
- this.data.buttons[this.data.selectedButton].zm_css({'background': '#4e4e4e', 'color': '#8b8b8b'});
- this.data.selectedButton = 0;
- this.data.selectedIndex = 0;
- sc_resultsCont.style.display = 'none';
- sc_lowerCont.style.display = 'none';
- }
- };
- sc_findPlayer.onkeyup = function(event)
- {
- if(!event) event = window.event;
- event.preventDefault();
- event.stopPropagation();
- var populate = function(){ root.findContact.apply(root, arguments) };
- var changeSelection = function(){ root.changeContactSelection.apply(root, arguments) };
- var updateOptions = function(){ root.setContactOptions.apply(root, arguments) };
- var group = this.data.selectedGroup; i = this.data.selectedButton, btns = this.data.buttons, l = btns.length, parent = this;
- var changeButton = function(mode)
- {
- var getIndex = function(mode, x)
- {
- return (mode) ? ((i + x) % l) : ((i - x < 0) ? l - x : i - x);
- };
- var n = (btns[getIndex(mode, 1)].data.isEnabled) ? getIndex(mode, 1) : getIndex(mode, 2);
- if(btns[i].data.isEnabled) btns[i].zm_css({'background': '#4e4e4e', 'color': '#8b8b8b'});
- if(btns[n].data.isEnabled) btns[n].zm_css({'background': '#266589', 'color': '#c2c2c2'});
- parent.data.selectedButton = n;
- }
- if([37, 38, 39, 40, 13, 9].indexOf(event.keyCode) == -1)
- {
- populate(this.value);
- }
- if(event.keyCode == 38 && this.data.isContOpen)
- {
- group == 'results' ? changeSelection(false) : changeButton(false);
- }
- if(event.keyCode == 40 && this.data.isContOpen)
- {
- group == 'results' ? changeSelection(true) : changeButton(true);
- }
- if(event.keyCode == 37 && this.data.isContOpen && group == 'buttons')
- {
- this.data.selectedGroup = 'results';
- var selectedButton = this.data.buttons[this.data.selectedButton];
- if(selectedButton.data.isEnabled) selectedButton.zm_css({'background': '#4e4e4e', 'color': '#8b8b8b'});
- this.data.selectedButton = 0;
- }
- if(event.keyCode == 39 && this.data.isContOpen && group == 'results')
- {
- this.data.selectedGroup = 'buttons';
- this.data.buttons[0].zm_css({'background': '#266589', 'color': '#c2c2c2'});
- }
- if(event.keyCode == 13 && this.data.isContOpen)
- {
- if(group == 'buttons')
- {
- this.data.buttons[this.data.selectedButton].onclick();
- updateOptions(this.data.results[this.data.selectedIndex].data.id);
- var button = this.data.buttons[this.data.selectedButton];
- if (button.data.isEnabled) button.zm_css({'background': '#266589', 'color': '#c2c2c2'});
- else
- {
- this.data.buttons[0].zm_css({'background': '#266589', 'color': '#c2c2c2'});
- this.data.selectedButton = 0;
- }
- }
- }
- };
-
- ///////////////////////////////////////////////////////////////////////////////////
-
- //tools bar
- var toolsConstructor = function()
- {
- var inboxMsg = create('ul', cssStyles.ul.toolbar.main);
- var newMsg = create('li', cssStyles.li.toolbar.withIcon);
- var reply = create('li', cssStyles.li.toolbar.withDrop);
- var mark = create('li', cssStyles.li.toolbar.withDrop);
- var trash = create('li', cssStyles.li.toolbar.textOnly);
- var restore = create('li', cssStyles.li.toolbar.textOnly);
- var empty = create('li', cssStyles.li.toolbar.textOnly);
- var del = create('li', cssStyles.li.toolbar.textOnly);
- var newMsgIcon = create('span', cssStyles.li.toolbar.newIcon);
- var junk = create('li', cssStyles.li.toolbar.textOnly);
- var notJunk = create('li', cssStyles.li.toolbar.textOnly);
- var markDrop = create('span', cssStyles.li.toolbar.drop);
- var replyDrop = create('span', cssStyles.li.toolbar.drop);
- var replyDropMenu = create('ul', cssStyles.ul.toolbar.sub);
- var markDropMenu = create('ul', cssStyles.ul.toolbar.sub);
- var replyTo = create('li', cssStyles.li.toolbar.sub);
- var replyToAll = create('li', cssStyles.li.toolbar.sub);
- var forwardTo = create('li', cssStyles.li.toolbar.sub);
- var read = create('li', cssStyles.li.toolbar.sub);
- var unread = create('li', cssStyles.li.toolbar.sub);
- var editDraft = create('li', cssStyles.li.toolbar.textOnly);
- var deleteDraft = create('li', cssStyles.li.toolbar.textOnly);
- var toDocuments = create('li', cssStyles.li.toolbar.textOnly);
- [newMsg, reply, mark, del, junk, trash, notJunk, restore, empty, editDraft, deleteDraft, toDocuments].map(function(key)
- {
- key.onmouseover = function(){this.style.backgroundImage = blueGrd};
- key.onmouseout = function(){this.style.backgroundImage = 'none'};
- });
- text(newMsg, 'New');
- text(reply, 'Reply');
- text(del, 'Delete');
- text(mark, 'Mark');
- text(junk, 'Junk');
- text(notJunk, 'Not Junk');
- text(trash, 'Trash');
- text(empty, 'Empty');
- text(restore, 'Restore');
- text(replyTo, 'Reply');
- text(replyToAll, 'Reply all');
- text(forwardTo, 'Forward');
- text(read, 'Read');
- text(unread, 'Unread');
- text(editDraft, 'Edit');
- text(deleteDraft, 'Delete');
- text(toDocuments, 'Document');
- markDrop.style.backgroundImage = 'url(' + root.res.drop + ')';
- replyDrop.style.backgroundImage = 'url(' + root.res.drop + ')';
- newMsgIcon.style.backgroundImage = 'url(' + root.res.compose + ')';
- forwardTo.style.borderBottom = 'none';
- unread.style.borderBottom = 'none';
- replyDropMenu.zm_append([replyTo, replyToAll, forwardTo]);
- markDropMenu.zm_append([read, unread]);
- newMsg.appendChild(newMsgIcon);
- mark.zm_append([markDrop, markDropMenu]);
- reply.zm_append([replyDrop, replyDropMenu]);
- inboxMsg.zm_append([newMsg, reply, mark, del, junk, trash, notJunk, restore, empty, editDraft, deleteDraft, toDocuments]);
-
- newMsg.onclick = root.callMethod('openNewMail');
- replyTo.onclick = root.callMethod('reply');
- replyToAll.onclick = root.callMethod('replyToAll');
- forwardTo.onclick = root.callMethod('forwardMsg');
- junk.onclick = root.callMethod('toJunk');
- notJunk.onclick = root.callMethod('notJunk');
- trash.onclick = root.callMethod('toTrash');
- restore.onclick = root.callMethod('notTrash');
- del.onclick = root.callMethod('deleteMsg');
- empty.onclick = root.callMethod('emptyFolder');
- read.onclick = root.callMethod('markRead', true);
- unread.onclick = root.callMethod('markRead', false);
- editDraft.onclick = root.callMethod('editDraft');
- deleteDraft.onclick = root.callMethod('deleteDraft');
- toDocuments.onclick = root.callMethod('toDocuments');
-
- var attachSub = function(btn, menu)
- {
- btn.data = {'isActive': false};
- menu.data = {'isFocused': false};
- btn.addEventListener('mouseover', function()
- {
- var isActive = this.data.isActive;
- menu.style.display = (isActive) ? 'none' : 'block';
- this.data.isActive = !isActive;
- }, false);
- menu.addEventListener('mouseover', function(){this.data.isFocused = true;}, false);
- menu.addEventListener('mouseout', function()
- {
- this.data.isFocused = false;
- setTimeout(function(){if(!menu.data.isFocused){menu.style.display = 'none'; btn.data.isActive = false;}}, 100);
- }, false);
- btn.addEventListener('mouseout', function()
- {
- setTimeout(function(){if(!menu.data.isFocused){menu.style.display = 'none'; btn.data.isActive = false;}}, 100);
- }, false);
- }
- attachSub(replyDrop, replyDropMenu);
- attachSub(markDrop, markDropMenu);
- root.dom.toolBar.compose = newMsg;
- root.dom.topBar.toolbar.newMsg = newMsg;
- root.dom.topBar.toolbar.reply = reply;
- root.dom.topBar.toolbar.trash = trash;
- root.dom.topBar.toolbar.delMsg = del;
- root.dom.topBar.toolbar.junk = junk;
- root.dom.topBar.toolbar.notJunk = notJunk;
- root.dom.topBar.toolbar.restore = restore;
- root.dom.topBar.toolbar.empty = empty;
- root.dom.topBar.toolbar.mark = mark;
- root.dom.topBar.toolbar.editDraft = editDraft;
- root.dom.topBar.toolbar.deleteDraft = deleteDraft;
- root.dom.topBar.toolbar.toDocuments = toDocuments;
- this.inboxMsg = inboxMsg;
- };
-
- var toolbars = new toolsConstructor();
- tbMenu.appendChild(toolbars.inboxMsg);
- ///////////////////////////////////////////////////////////////////////////////////
-
- //create main dom tree
- this.dom.window.main = winCont;
- this.dom.rightBar.cont = rightBar;
- this.dom.rightBar.msgCont = msgCont;
- this.dom.rightBar.scrollBar.cont = msgSbc;
- this.dom.rightBar.scrollBar.bar = msgSb;
- this.dom.rightBar.expandCont = expandCont;
- this.dom.searchResults.cont = resultsCont;
- this.dom.searchResults.sender.count = bySenderCount;
- this.dom.searchResults.subject.count = bySubjectCount;
- this.dom.searchResults.sender.list = bySenderUl;
- this.dom.searchResults.subject.list = bySubjectUl;
- this.dom.middleBar.headersCont = headersCont;
- this.dom.middleBar.scrollBar.cont = headersSbc;
- this.dom.middleBar.footer.selectAll = selectAllCheckBox;
- this.dom.middleBar.footer.pagesCount = pagesControlLabel;
- this.dom.middleBar.footer.indicator = pagesInd;
- this.dom.middleBar.footer.controlCont = pagesControlCont;
- this.dom.topBar.logo = logo;
- this.dom.topBar.menu = toolbars.inboxMsg;
- ///////////////////////////////////////////////////////////////////////////////////
-
- //compose message container
- var composeCont = create('div', cssStyles.compose.window);
- var c_topBar = create('div', cssStyles.topBar.main);
- var c_topBarCont = create('div', cssStyles.topBar.cont);
- var c_leftBar = create('div', cssStyles.compose.leftBar.cont);
- var c_rightBar = create('div', cssStyles.compose.rightBar.cont);
- var c_leftBarWrapper = create('div', cssStyles.tableCellWrapper);
- var c_rightBarWrapper = create('div', cssStyles.tableCellWrapper);
- var c_logo = logo.cloneNode(true);
- var c_tbMenu = create('div', cssStyles.topBar.menu);
- var c_recipients = create('div', cssStyles.compose.leftBar.recipients.main);
- var c_recipientsMask = create('div', cssStyles.compose.leftBar.recipients.mask);
- var c_recipientsCont = create('div', cssStyles.compose.leftBar.recipients.cont);
- var c_recipientsSbc = create('div', cssStyles.compose.leftBar.recipients.scrollbar.cont);
- var c_recipientsSb = create('div', cssStyles.compose.leftBar.recipients.scrollbar.bar);
- var c_searchResults = create('div', cssStyles.compose.leftBar.recipients.searchBox.cont);
- var c_contacts = create('div', cssStyles.compose.leftBar.contacts.cont);
- var c_subject = create('textField', cssStyles.compose.rightBar.textField);
- var c_msgToolbar = create('div', cssStyles.compose.rightBar.toolbar.cont);
- var c_msgBody = create('iframe', cssStyles.compose.rightBar.textArea);
- var c_expandCont = create('div', cssStyles.compose.rightBar.expand);
-
- //table options
- var c_tableOptions = create('div', cssStyles.tableCellWrapper);
- var c_rowsCont = create('div', cssStyles.compose.leftBar.tableOptions.inputCont);
- var c_rowsInput = create('textField', cssStyles.compose.leftBar.tableOptions.input);
- var c_rowsLabel = create('div', cssStyles.compose.leftBar.tableOptions.label);
- var c_colsInput = create('textField', cssStyles.compose.leftBar.tableOptions.input);
- var c_colsCont = create('div', cssStyles.compose.leftBar.tableOptions.inputCont);
- var c_colsLabel = create('div', cssStyles.compose.leftBar.tableOptions.label);
- var c_headerCheckbox = create('div', cssStyles.compose.leftBar.tableOptions.checkbox);
- var c_headerLabel = create('span', cssStyles.compose.leftBar.tableOptions.span);
- var c_expandCheckbox = create('div', cssStyles.compose.leftBar.tableOptions.checkbox);
- var c_expandLabel = create('span', cssStyles.compose.leftBar.tableOptions.span);
- var c_addTable = create('div', cssStyles.compose.leftBar.tableOptions.button);
- var c_cancelTable = create('div', cssStyles.compose.leftBar.tableOptions.button);
- text(c_rowsLabel, 'Rows');
- text(c_colsLabel, 'Columns');
- text(c_headerLabel, 'Header');
- text(c_expandLabel, 'Expand horizontally');
- text(c_addTable, 'Add table');
- text(c_cancelTable, 'Cancel');
- c_tableOptions.data = {'isOpen': false};
- c_headerCheckbox.data = {'isChecked': false};
- c_expandCheckbox.data = {'isChecked': false};
- c_tableOptions.style.paddingTop = '10px';
- [c_expandCheckbox, c_headerCheckbox].map(function(checkBox)
- {
- checkBox.onmousedown = function(){this.style.background = '#202020'};
- checkBox.onmouseup = function()
- {
- var isChecked = this.data.isChecked;
- this.style.background = (isChecked) ? 'transparent' : '#9f9f9f';
- this.data.isChecked = !isChecked;
- };
- });
- c_rowsCont.zm_append([c_rowsInput, c_rowsLabel]);
- c_colsCont.zm_append([c_colsInput, c_colsLabel]);
- c_headerCheckbox.appendChild(c_headerLabel);
- c_expandCheckbox.appendChild(c_expandLabel);
- c_tableOptions.zm_append([c_rowsCont, c_colsCont, c_headerCheckbox, c_expandCheckbox, c_addTable, c_cancelTable]);
- ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
-
- var c_search = create('textField', cssStyles.compose.leftBar.recipients.textField);
- var c_searchCont = create('p', cssStyles.compose.leftBar.recipients.textFieldCont);
- var c_toolBar = create('ul', cssStyles.ul.toolbar.main);
- var c_sendMsg = create('li', cssStyles.li.toolbar.withIcon);
- var c_sendMsgIcon = create('span', cssStyles.li.toolbar.newIcon);
- var c_cancelMsg = create('li', cssStyles.li.toolbar.textOnly);
- var c_saveDraft = create('li', cssStyles.li.toolbar.textOnly);
- text(c_sendMsg, 'Send');
- text(c_cancelMsg, 'Cancel');
- text(c_saveDraft, 'Save draft');
- c_sendMsgIcon.style.backgroundImage = 'url(' + root.res.sendMail + ')';
- c_sendMsg.appendChild(c_sendMsgIcon);
- c_toolBar.zm_append([c_sendMsg, c_cancelMsg, c_saveDraft]);
- c_tbMenu.appendChild(c_toolBar);
- c_topBarCont.zm_append([c_logo, c_tbMenu]);
- c_topBar.appendChild(c_topBarCont);
- c_searchCont.appendChild(c_search);
- c_recipientsMask.appendChild(c_recipientsCont);
- c_recipients.zm_append([c_recipientsMask, c_recipientsSbc]);
- c_recipientsSbc.appendChild(c_recipientsSb);
- this.enableScroll(c_recipientsSb, c_recipientsSbc, c_recipientsCont);
- c_msgBody.scrolling = 'no';
- c_expandCont.style.backgroundImage = 'url(' + this.res.expandDocument + ')';
- c_expandCont.data = {'isExpanded': false};
- c_search.data = {'results': [], 'selectedIndex': 0, 'isContOpen': false, 'isContFocused': false};
- [c_sendMsg, c_cancelMsg, c_saveDraft].map(function(key)
- {
- key.onmouseover = function(){this.style.backgroundImage = blueGrd};
- key.onmouseout = function(){this.style.backgroundImage = 'none'};
- });
- var countMsgLength = function(){ root.getCharactersCount.apply(root, arguments) };
- c_sendMsg.onclick = function()
- {
- root.sendMail.call(root);
- zmail.compose.getInstance()._onClose();
- };
- c_saveDraft.onclick = function()
- {
- root.saveDraft.call(root);
- zmail.compose.getInstance()._onClose();
- };
- c_cancelMsg.onclick = function()
- {
- zmail.compose.getInstance()._onClose();
- };
- c_expandCont.onclick = function()
- {
- var expanded = this.data.isExpanded;
- this.style.backgroundImage = (expanded) ? 'url(' + root.res.expandDocument + ')' : 'url(' + root.res.contractDocument + ')';
- c_leftBar.style.display = (expanded) ? 'table-cell' : 'none';
- this.data.isExpanded = !expanded;
- };
-
- var c_searchResultsMask = create('div', cssStyles.compose.leftBar.recipients.searchBox.mask);
- var c_searchResultsSbc = create('div', cssStyles.compose.leftBar.recipients.searchBox.scrollbar.cont);
- var c_searchResultsCont = create('div', cssStyles.compose.leftBar.recipients.searchBox.itemsCont);
- var c_msgHeader = create('div', cssStyles.compose.rightBar.msgHeader);
- var c_msgMask = create('div', cssStyles.compose.rightBar.msgMask);
- var c_msgCont = create('div', cssStyles.compose.rightBar.msgCont);
- var c_msgSbc = create('div', cssStyles.compose.rightBar.scrollBar.cont);
- var c_msgSb = create('div', cssStyles.compose.rightBar.scrollBar.bar);
- var c_toText = create('div', cssStyles.compose.leftBar.recipients.toText);
- var c_charCount = create('div', {'position': 'absolute', 'bottom': 0, 'right': '16px', 'padding': '10px', 'color': '#999', 'fontSize': '12px'});
- text(c_toText, 'To:');
- this.placeHolder(c_subject, 'Add Subject:');
- c_recipientsCont.appendChild(c_searchCont);
- c_searchResultsMask.appendChild(c_searchResultsCont);
- c_searchResults.zm_append([c_searchResultsMask, c_searchResultsSbc]);
- c_leftBarWrapper.zm_append([c_toText, c_recipients, c_searchResults, c_contacts]);
- c_leftBar.appendChild(c_leftBarWrapper);
- c_msgCont.appendChild(c_msgBody);
- c_msgHeader.zm_append([c_subject, c_msgToolbar, c_expandCont]);
- c_msgMask.zm_append([c_msgCont, c_msgHeader, c_charCount]);
- c_rightBarWrapper.zm_append([c_msgMask, c_msgSbc]);
- c_rightBar.appendChild(c_rightBarWrapper);
- composeCont.zm_append([c_topBar, c_leftBar, c_rightBar]);
- c_searchResultsCont.onmouseover = function(){c_search.data.isContFocused = true};
- c_searchResultsCont.onmouseout = function(){c_search.data.isContFocused = false};
- c_msgSbc.appendChild(c_msgSb);
- root.enableScroll(c_msgSb, c_msgSbc, c_msgCont);
- c_msgSb.style.display = 'none';
-
- this.dom.compose.leftBar.results.mainCont = c_searchResults;
- this.dom.compose.leftBar.results.resultsCont = c_searchResultsCont;
- this.dom.compose.leftBar.results.scrollbarCont = c_searchResultsSbc;
- this.dom.compose.leftBar.searchBox = c_search;
- this.dom.compose.leftBar.searchBoxCont = c_searchCont;
- this.dom.compose.leftBar.recipientsMainCont = c_recipients;
- this.dom.compose.leftBar.recipientsCont = c_recipientsCont;
- this.dom.compose.leftBar.recipientsSbc = c_recipientsSbc;
- this.dom.compose.leftBar.recipientsSb = c_recipientsSb;
- this.dom.compose.rightBar.iframe = c_msgBody;
- this.dom.compose.rightBar.msgCont = c_msgCont;
- this.dom.compose.rightBar.subject = c_subject;
- this.dom.compose.rightBar.charCount = c_charCount;
-
- //find contact
- c_search.onblur = function()
- {
- if (this.data.isContOpen && !this.data.isContFocused)
- {
- var rest = function() { root.clearPlayersSearch.apply(root, arguments); };
- var add = function() { root.addRecipient.apply(root, arguments); };
- if( root.completePlayerMatch ) add(this.value);
- this.value = '';
- rest(0);
- }
- };
- c_search.onkeyup = function(event)
- {
- if(!event) event = window.event;
- event.preventDefault();
- var add = function(){ root.addRecipient.apply(root, arguments); };
- if([38, 40, 13, 9].indexOf(event.keyCode) == -1)
- {
- var populate = function(){ root.findPlayer.apply(root, arguments); };
- populate(this.value);
- }
- if(event.keyCode == 40 && this.data.isContOpen)
- {
- var next = function(){ root.changePlayerSelection.apply(root, arguments); };
- next(true);
- }
- if(event.keyCode == 38 && this.data.isContOpen)
- {
- var previous = function(){ root.changePlayerSelection.apply(root, arguments); };
- previous(false);
- }
- if(event.keyCode == 13 && this.data.isContOpen) add(this.data.results[this.data.selectedIndex].data.name);
- };
- //////////////////////////////////////////////////////////////////////////////
-
- //IFRAME onload + compose message toolbar
- c_msgBody.onload = function()
- {
- c_msgToolbar.zm_empty();
- var iframe = c_msgBody.contentWindow.document;
- var ibody = iframe.body;
- var updateMessage = function(doc)
- {
- var msg = this.encodeMsg(doc);
- var count = this.getCharactersCount(msg);
- c_charCount.innerHTML = 3000 - parseInt(count, 10);
- };
- var updateScroll = function()
- {
- var h = c_msgBody.contentWindow.document.body.offsetHeight;
- c_msgBody.style.height = Math.max(100, h + 10) + 'px';
- c_msgSb.style.display = (c_msgCont.offsetHeight > c_msgMask.offsetHeight) ? 'block' : 'none';
- c_msgSb.data.update();
- };
- var style = iframe.createElement("style");
- var addCSSRule = function(sheet, selector, rules, index)
- {
- (sheet.insertRule) ? sheet.insertRule(selector + "{" + rules + "}", index) : sheet.addRule(selector, rules, index);
- };
- style.appendChild(iframe.createTextNode(""));
- iframe.getElementsByTagName('head')[0].appendChild(style);
- var sheet = style.sheet;
- addCSSRule(sheet, "body", "display:inline-block; color:#999; font-family:vrinda; font-size:14px; width:100%; margin:0; padding:0; word-break:break-all;", 0);
- addCSSRule(sheet, "ul", "margin:0; color:#999;", 1);
- addCSSRule(sheet, "ol", "margin:0; color:#999;", 2);
- addCSSRule(sheet, "li", "font-family:vrinda; color:#999;", 3);
- addCSSRule(sheet, "a", "font-family: vrinda", 4);
- addCSSRule(sheet, "div", "font-family:vrinda; color:#999;", 5);
- addCSSRule(sheet, "blockquote", "font-family:vrinda; color:#999;", 6);
- addCSSRule(sheet, "table", "border-color: #999; color: #999; font-family: vrinda; font-size: 14px;", 7);
- addCSSRule(sheet, "th", "background-color: #999; color: #333; padding: 3px 15px; font-weight: normal; color: #292929; font-family: vrinda; font-size: 14px;", 8);
- addCSSRule(sheet, "td", "padding: 4px 15px; color: #999; font-family: vrinda; font-size: 14px; word-break: break-all;", 9);
-
- iframe.designMode = 'on';
- ibody.innerHTML = (root.iframeContent) ? root.iframeContent : 'Add Text';
- c_charCount.innerHTML = 3000 - root.getCharactersCount();
- c_msgBody.contentWindow.onfocus = function()
- {
- if (ibody.innerHTML == 'Add Text') ibody.innerHTML = ''
- if (c_tableOptions.data.isOpen)
- {
- c_leftBar.removeChild(c_tableOptions);
- c_leftBarWrapper.style.display = 'block';
- c_tableOptions.data.isOpen = false;
- }
- };
- c_msgBody.contentWindow.onblur = function(){if(ibody.innerHTML == '' || ibody.innerHTML == '<br>') ibody.innerHTML = 'Add Text'};
- c_msgBody.contentWindow.onkeyup = function()
- {
- var clone = this.document.body.cloneNode(true);
- root.iframeContent = this.document.body.innerHTML;
- updateMessage.call(root, clone);
- updateScroll();
- };
-
- var getSelectedText = function()
- {
- var sel, range, selectedText;
- if (c_msgBody.contentWindow.getSelection)
- {
- sel = c_msgBody.contentWindow.getSelection();
- if (sel.rangeCount) selectedText = sel.getRangeAt(0).toString();
- }
- else if (iframe.selection && iframe.selection.createRange) selectedText = iframe.selection.createRange().text + "";
- return selectedText;
- };
-
- var createLink = function(type)
- {
- var generateLink = function(txt)
- {
- var data = zmail.data.getInstance(), bb = data.createBBCode, a;
- switch(type)
- {
- case 'coords': a = (txt.match(/^\d+:\d+$/)) ? bb.coords(txt, txt.split(':')[0], txt.split(':')[1]) : false; break;
- case 'player': a = bb.player(txt); break;
- case 'alliance': a = bb.alliance(txt); break;
- }
- return a;
- };
- var selectedText = getSelectedText();
- var Link = generateLink(selectedText).replace('webfrontend', 'parent.webfrontend');
- if(Link) return Link;
- };
-
- var resetTableOptions = function()
- {
- c_rowsInput.value = '';
- c_colsInput.value = '';
- c_headerCheckbox.data.isChecked = false;
- c_expandCheckbox.data.isChecked = false;
- c_headerCheckbox.style.background = 'transparent';
- c_expandCheckbox.style.background = 'transparent';
- };
-
- var addTable = function()
- {
- if (c_expandCont.data.isExpanded) c_expandCont.onclick();
- if (c_tableOptions.data.isOpen) return;
- c_leftBarWrapper.style.display = 'none';
- c_leftBar.appendChild(c_tableOptions);
- resetTableOptions();
- c_addTable.onclick = function()
- {
- var rows = c_rowsInput.value;
- var cols = c_colsInput.value;
- var header = c_headerCheckbox.data.isChecked;
- var stretch = c_expandCheckbox.data.isChecked;
- var table = document.createElement('table');
- var tbody = document.createElement('tbody');
- table.rules = 'all';
- table.border = '1';
- table.className = 'table';
- table.style.minWidth = cols * 40 + 'px';
- table.cellpadding = 0;
- table.cellspacing = 0;
- if(stretch) table.width = '100%';
- for(var r = 0; r < rows; r++)
- {
- var tr = document.createElement('tr');
- for (var c = 0; c < cols; c++)
- {
- var td = (header && r == 0) ? document.createElement('th') : document.createElement('td');
- td.innerText = '\u200B';
- tr.appendChild(td);
- }
- tbody.appendChild(tr);
- }
- table.appendChild(tbody);
- c_msgBody.contentWindow.focus();
- iframe.execCommand('insertHTML', false, table.outerHTML + '<br/>\u200B');
- updateScroll();
- };
- c_cancelTable.onclick = function()
- {
- c_leftBar.removeChild(c_tableOptions);
- c_leftBarWrapper.style.display = 'block';
- c_tableOptions.data.isOpen = false;
- };
- c_tableOptions.data.isOpen = true;
- };
-
- var insertLink = function()
- {
- var val = getSelectedText();
- if (val == '') return;
- var a = create('a', cssStyles.link._14);
- text(a, val);
- a.href = val;
- a.target = 'blank';
- iframe.execCommand('insertHTML', false, a.outerHTML + '<br/>\u200B');
- };
-
- for (var key in root.res.tools)
- {
- var div = create('div', cssStyles.compose.rightBar.toolbar.icon);
- div.onmousedown = function(event){ var event = event || window.event; event.preventDefault() };
- var callback;
-
- switch(key)
- {
- case 'coords': callback = function(){iframe.execCommand('insertHTML', false, createLink('coords') + '\u200B')}; break;
- case 'player': callback = function(){iframe.execCommand('insertHTML', false, createLink('player') + '\u200B')}; break;
- case 'alliance': callback = function(){iframe.execCommand('insertHTML', false, createLink('alliance') + '\u200B')}; break;
- case 'table': callback = addTable; break;
- case 'link': callback = insertLink; break;
- default: callback = function(){iframe.execCommand(this.data.id, false, null)};
- }
- div.data = {'id': key, 'callback': callback};
- div.onclick = function()
- {
- this.data.callback.call(this);
- if (key != 'table') c_msgBody.contentWindow.focus();
- updateMessage.call(root, ibody.cloneNode(true));
- };
- try
- {
- div.style.backgroundImage = root.res.tools[key];
- }
- catch(e)
- {
- console.log(e.toString());
- }
- c_msgToolbar.appendChild(div);
- }
-
- var updateRecipientsHeight = function()
- {
- c_recipients.style.height = Math.max(28, Math.min(180, c_recipientsCont.offsetHeight)) + 'px';
- console.log(c_recipientsCont.offsetHeight, Math.max(28, Math.min(180, c_recipientsCont.offsetHeight)));
- if (c_recipientsCont.offsetHeight == 0 && root.recipients.length > 0) setTimeout(updateRecipientsHeight, 100);
- else
- {
- c_recipientsSbc.style.visibility = (c_recipientsCont.offsetHeight < 180) ? 'hidden' : 'visible';
- c_recipientsSb.data.update();
- c_recipientsSb.data.scrollToEnd();
- }
- }
- updateRecipientsHeight();
- c_msgSb.data.update();
- }
-
- this.dom.window.compose = composeCont;
- //////////////////////////////////////////////////////////////////////////
- ///////////////////////////////////////////////////////////////////////////////////
- },
-
- destruct: function(){},
-
- members:
- {
- iframeContent: null,
- selectedFolder: 'inbox',
- selectedGroup: false,
- selectedMsgs: {'ids': [], 'headers': [], 'checkBoxes': []},
- selectedHeader: null,
- selectedContacts: [],
- selectedPage: 0,
- selectedDraft: null,
- callUpdate: null,
- isLoaded: false,
- generatedHeaders: {},
- generatedSections: [],
- recipients: [],
- completePlayerMatch: false,
- folders: {
- 'inbox': {'ids': [], 'msgs': []},
- 'outbox': {'ids': [], 'msgs': []},
- 'junk': {'ids': [], 'msgs': []},
- 'trash': [{'ids': [], 'msgs': []}, {'ids': [], 'msgs': []}],
- 'draft': {},
- 'documents': {'ids': [], 'msgs': []}
- },
-
- contacts: {
- 'friends': [],
- 'blocked': []
- },
-
- callMethod: function (fn, args)
- {
- var root = this;
- var callback = function()
- {
- root[fn].call(root, args);
- }
- return callback;
- },
-
- create: function (type, css)
- {
- var elm;
- switch(type)
- {
- case 'textField': elm = document.createElement('input'); elm.type = 'text'; break;
- case 'checkBox': elm = document.createElement('input'); elm.type = 'checkBox'; break;
- default: elm = document.createElement(type);
- }
-
- var iterator = function(obj)
- {
- for(var x in obj) elm.style[x] = obj[x];
- };
-
- var onDown = function(down, over, out)
- {
- elm.addEventListener('mousedown', function(event)
- {
- var el = event.target;
- el.onmouseout = null;
- el.onmouseover = null;
- for (var x in down) el.style[x] = down[x];
- var onUp = function()
- {
- el.onmouseout = function(){for (var x in out) el.style[x] = out[x]};
- el.onmouseover = function(){for (var x in over) el.style[x] = over[x]};
- for (var x in out) el.style[x] = out[x];
- document.removeEventListener('mouseup', onUp, false);
- };
- document.addEventListener('mouseup', onUp, false);
- }, false);
- };
-
- if (css === null) return elm;
- for (var key in css) {
- var prop = css[key];
- switch(key)
- {
- case 'over': elm.onmouseover = function(){iterator(css['over'])}; break;
- case 'out': elm.onmouseout = function(){iterator(css['out'])}; break;
- case 'focus': elm.onfocus = function(){iterator(css['focus'])}; break;
- case 'blur': elm.onblur = function(){iterator(css['blur'])}; break;
- case 'down': onDown(css['down'], css['up'], css['out']); break;
- case 'up': ; break;
- default: elm.style[key] = css[key];
- }
- }
- return elm;
- },
-
- gradient: function (stop1, stop2)
- {
- var browser = navigator.userAgent;
- if (browser.indexOf('Chrome') !== -1) browser = 'chrome';
- else if (browser.indexOf('Firefox') !== -1) browser = 'firefox';
- else browser = 'unsupported';
- var grd = '';
- switch (browser) {
- case 'chrome':
- grd = '-webkit-linear-gradient(top, ' + stop1 + ' 0%, ' + stop2 + ' 100%)';
- break;
- case 'firefox':
- grd = '-moz-linear-gradient(top, ' + stop1 + ' 0%, ' + stop2 + ' 100%)';
- break;
- default:
- alert('your Browser is not supported');
- }
- return grd;
- },
-
- text: function(elm, txt)
- {
- elm.appendChild(document.createTextNode(txt));
- },
-
- size: function(obj)
- {
- if(typeof obj !== 'object') return null;
- var s = 0;
- for (var key in obj) s++;
- return s;
- },
-
- placeHolder: function(input, val)
- {
- input.value = val;
- input.addEventListener('focus', function(){if (input.value == val) input.value = ''; console.log(this.value)}, false);
- input.addEventListener('blur', function(){if (input.value == '') input.value = val; console.log(this.value)}, false);
- },
-
- enableScroll: function(elm, parent, cont)
- {
- var pos, ph = parent.offsetHeight, ch = cont.offsetHeight, elmY, contY;
- var scale = ch / (ph - 20);
- var bh = ph / scale;
- elm.style.height = bh + 'px';
- var update = function()
- {
- elmY = elm.offsetTop;
- contY = cont.offsetTop;
- ph = parent.offsetHeight;
- ch = cont.offsetHeight;
- scale = ch / (ph - 20);
- bh = ph / scale;
- elm.style.height = bh + 'px';
- elm.style.display = (ch <= ph) ? 'none' : 'block';
- };
- var scrollToEnd = function()
- {
- elm.style.top = ph - bh - 10 + 'px';
- cont.style.top = ph - ch + 'px';
- };
- elm.data = {'update': update, 'scrollToEnd': scrollToEnd};
- var onMove = function(event)
- {
- var e = (event) ? event : window.event, dist = e.pageY - pos;
- if(elmY + dist < 10)
- {
- elm.style.top = '10px';
- cont.style.top = 0;
- }
- else if(elmY + dist + bh > ph - 10)
- {
- elm.style.top = ph - bh - 10 + 'px';
- cont.style.top = ph - ch + 'px';
- }
- else
- {
- elm.style.top = elmY + dist + 'px';
- cont.style.top = contY - scale * dist + 'px';
- }
- };
-
- var onUp = function()
- {
- document.removeEventListener('mousemove', onMove, false);
- document.removeEventListener('mouseup', onUp, false);
- };
-
- elm.onmousedown = function(event)
- {
- var e = (event) ? event : window.event, y = e.pageY;
- e.preventDefault();
- pos = y;
- update();
- if (elm.offsetHeight != bh) elm.style.height = bh + 'px';
- document.addEventListener('mousemove', onMove, false);
- document.addEventListener('mouseup', onUp, false);
- };
-
- var onWheel = function(event){
- var e = (event) ? event : window.event;
- e.preventDefault();
- if (ch < ph) return;
- if (ch == 0) update();
- var delta = Math.max(-1, Math.min(1, (e.wheelDelta || -e.detail) ));
- var ct = cont.offsetTop, et = elm.offsetTop;
- var dist = delta * -20 / scale;
- if(et + dist < 10)
- {
- elm.style.top = '10px';
- cont.style.top = 0;
- }
- else if(et + dist + bh > ph - 10)
- {
- elm.style.top = ph - bh - 10 + 'px';
- cont.style.top = ph - ch + 'px';
- }
- else
- {
- elm.style.top = et + dist + 'px';
- cont.style.top = ct - scale * dist + 'px';
- }
- };
- if(cont.hasOwnProperty('removeMouseWheelListener')) cont.removeMouseWheelListener();
- cont.onmousewheel = onWheel;
- cont.addEventListener('DOMMouseScroll', onWheel, false);
- cont.removeMouseWheelListener = function(){this.removeEventListener('DOMMouseScroll', onWheel, false);}
- },
-
- findPlayer: function(txt)
- {
- this.clearPlayersSearch(0);
- var str = txt.replace(/[^a-z A-Z 0-9 \-_]/g, '').toLowerCase();
- if (str == '') return;
- var players = zmail.data.getInstance().players;
- var matches = [], completeMatch = false, count = 0;
- for(var i = 0; i < players.length; i++)
- {
- if ((players[i].pn.toLowerCase().substr(0,str.length) == str) && count < 21)
- {
- matches.push(players[i]);
- count++;
- }
- if (players[i].pn.toLowerCase() == txt.toLowerCase()) completeMatch = true;
- }
- this.completePlayerMatch = completeMatch;
- this.populatePlayersResultsCont(matches);
- },
-
- changePlayerSelection: function(mode)
- {
- var searchBox = this.dom.compose.leftBar.searchBox;
- var mainCont = this.dom.compose.leftBar.results.mainCont;
- var resultsSbc = this.dom.compose.leftBar.results.scrollbarCont;
- var resultsCont = this.dom.compose.leftBar.results.resultsCont;
- var index = searchBox.data.selectedIndex;
- var results = searchBox.data.results;
- var length = results.length;
- var newIndex = (mode) ? (index + 1) % length : (index - 1 < 0) ? length - 1 : index - 1;
- var currentItem = results[index];
- var newItem = results[newIndex];
- currentItem.style.background = 'transparent';
- currentItem.style.color = '#8e8e8e';
- newItem.style.background = '#266589';
- newItem.style.color = '#bcbcbc';
- if (newIndex > 4 && length > 5)
- {
- resultsCont.style.top = -(newIndex - 4) * 49 + 'px';
- resultsSbc.firstChild.style.top = (((resultsSbc.offsetHeight - 20) / resultsCont.offsetHeight) * (newIndex - 4) * 49) + 10 +'px';
- }
- if (newIndex < 4 && length > 5)
- {
- resultsCont.style.top = 0;
- resultsSbc.firstChild.style.top = '10px';
- }
- searchBox.data.selectedIndex = newIndex;
- },
-
- addRecipient: function(name)
- {
- var Item = this.create('div', this.css.compose.leftBar.recipients.recipient.cont);
- var remove = this.create('div', this.css.compose.leftBar.recipients.recipient.remove);
- var mainCont = this.dom.compose.leftBar.recipientsMainCont;
- var cont = this.dom.compose.leftBar.recipientsCont;
- var scrollCont = this.dom.compose.leftBar.recipientsSbc;
- var bar = this.dom.compose.leftBar.recipientsSb;
- var updateScroll = function()
- {
- scrollCont.style.visibility = (cont.offsetHeight > 0 && cont.offsetHeight < 180) ? 'hidden' : 'visible';
- mainCont.style.height = Math.max(28, Math.min(180, cont.offsetHeight)) + 'px';
- bar.data.update();
- bar.data.scrollToEnd();
- };
- var root = this;
- this.text(Item, name);
- this.text(remove, 'X');
- remove.data = {'name': name};
- remove.onclick = function()
- {
- root.dom.compose.leftBar.recipientsCont.removeChild(Item);
- var player = this.data.name, index = root.recipients.indexOf(player);
- if(index > -1) root.recipients.splice(index, 1);
- updateScroll();
- };
- Item.appendChild(remove);
- this.dom.compose.leftBar.recipientsCont.insertBefore(Item, this.dom.compose.leftBar.searchBoxCont);
- this.clearPlayersSearch(1);
- if (this.recipients.indexOf(name) == -1) this.recipients.push(name);
- updateScroll();
- },
-
- clearPlayersSearch: function(type)
- {
- var searchBox = this.dom.compose.leftBar.searchBox;
- var mainCont = this.dom.compose.leftBar.results.mainCont;
- var resultsSbc = this.dom.compose.leftBar.results.scrollbarCont;
- var resultsCont = this.dom.compose.leftBar.results.resultsCont;
- if (type == 1)
- {
- searchBox.value = '';
- searchBox.focus();
- }
- resultsSbc.zm_empty();
- resultsCont.zm_empty();
- resultsCont.style.top = 0;
- mainCont.style.display = 'none';
- searchBox.data.results = [];
- searchBox.data.selectedIndex = 0;
- searchBox.data.isContOpen = false;
- this.completePlayerMatch = false;
- },
-
- populatePlayersResultsCont: function(arr)
- {
- var root = this;
- var resultsCont = this.dom.compose.leftBar.results.resultsCont;
- var cont = this.dom.compose.leftBar.results.mainCont;
- var recipientsCont = this.dom.compose.leftBar.recipientsMainCont;
- var scrollbarCont = this.dom.compose.leftBar.results.scrollbarCont;
- var searchBox = this.dom.compose.leftBar.searchBox;
- var add = function()
- {
- root.addRecipient.apply(root, arguments);
- };
- var items = [];
- for(var i = 0; i < arr.length; i++)
- {
- var style = (i == 0) ? 'contSelected' : 'cont';
- var Item = this.create('div', this.css.compose.leftBar.recipients.searchBox.item[style]);
- var player = this.create('p', this.css.compose.leftBar.recipients.searchBox.item.text);
- var alliance = this.create('p', this.css.compose.leftBar.recipients.searchBox.item.text);
- this.text(player, arr[i].pn);
- this.text(alliance, arr[i].an);
- Item.zm_append([player, alliance]);
- Item.data = {'name': arr[i].pn};
- Item.onclick = function()
- {
- add(this.data.name);
- };
- resultsCont.appendChild(Item);
- items.push(Item);
- }
- cont.style.display = 'block';
- cont.style.height = Math.min(244, arr.length * 49) + 'px';
- cont.style.top = recipientsCont.offsetTop + recipientsCont.offsetHeight + 3 + 'px';
- if(arr.length > 5)
- {
- var bar = this.create('div', this.css.compose.leftBar.recipients.searchBox.scrollbar.bar);
- scrollbarCont.appendChild(bar);
- this.enableScroll(bar, scrollbarCont, resultsCont);
- }
- searchBox.data.isContOpen = true;
- searchBox.data.results = items;
- },
-
- update: function(arr1, arr2)
- {
- console.log('updating');
- if(!this.isLoaded)
- {
- var s = this.storage, j = s.get('junk'), t0 = s.get('trash0'), t1 = s.get('trash1'), d = s.get('draft');
- var doc = s.get('documents'), b = s.get('blocked'), f = s.get('friends');
- this.folders.junk.ids = j;
- this.folders.trash[0].ids = t0;
- this.folders.trash[1].ids = t1;
- this.folders.documents.ids = doc;
- this.folders.draft = d;
- this.contacts.friends = f;
- this.contacts.blocked = b;
- this.isLoaded = true;
- }
- if(arr1 && arr2)
- {
- this.filter(arr1, 0);
- this.filter(arr2, 1);
- }
- var f = this.folders, c = this.contacts, root = this;
- var count = function(r)
- {
- var t = f.trash, d = f.draft, g = ['blocked', 'friends'].indexOf(r);
- var len = function(a){return (!a) ? 0 : a.length;};
- if (g == -1) length = (r == 'draft') ? root.size(d) : (r == 'trash') ? len(t[0].msgs) + len(t[1].msgs) : len(f[r].msgs);
- else length = len(c[r]);
- return (length == 0) ? '' : length;
- };
- this.dom.leftBar.folders.inbox.nodeValue = 'Inbox ' + count('inbox');
- this.dom.leftBar.folders.outbox.nodeValue = 'Outbox ' + count('outbox');
- this.dom.leftBar.folders.draft.nodeValue = 'Draft ' + count('draft');
- this.dom.leftBar.folders.junk.nodeValue = 'Junk ' + count('junk');
- this.dom.leftBar.folders.trash.nodeValue = 'Trash ' + count('trash');
- this.dom.leftBar.folders.documents.nodeValue = 'Documents ' + count('documents');
- this.dom.leftBar.contacts.friends.nodeValue = 'Friends ' + count('friends');
- this.dom.leftBar.contacts.blocked.nodeValue = 'Blocked ' + count('blocked');
- if (this.selectedFolder) this.populateHeaders();
- if (this.selectedGroup) this.populateContacts();
- },
-
- resetMsgCont: function()
- {
- var expandCont = this.dom.rightBar.expandCont;
- if (expandCont.data.isExpanded) expandCont.onclick();
- this.dom.rightBar.msgCont.zm_empty();
- this.dom.rightBar.msgCont.style.top = 0;
- this.selectedMsgBody = [];
- },
-
- filter: function(arr, type)
- {
- console.log('filtering messages');
- var i = {'ids': [], 'msgs': []}, t = {'ids': [], 'msgs': []}, j = {'ids': [], 'msgs': []}, d = {'ids': [], 'msgs': []};
- var trash = this.folders.trash[type].ids, junk = this.folders.junk.ids, draft = this.folders.draft;
- var documents = this.folders.documents.ids;
- for (var n = 0; n < arr.length; n++)
- {
- var id = arr[n].i, msg = arr[n];
- if (trash && (trash.indexOf(id) > -1)) { t.ids.push(id); t.msgs.push(msg); }
- else if ((type == 0) && junk && (junk.indexOf(id) > -1)) { j.ids.push(id); j.msgs.push(msg); }
- else if ((type == 0) && documents && (documents.indexOf(id) > -1)) { d.ids.push(id); d.msgs.push(msg); }
- else { i.ids.push(id); i.msgs.push(msg); }
- }
- if (type == 0)
- {
- this.folders.inbox = i;
- this.folders.trash[0] = t;
- this.folders.junk = j;
- this.folders.documents = d;
- }
- if (type == 1)
- {
- this.folders.outbox = i;
- this.folders.trash[1] = t;
- }
- },
-
- resetComposeContainer: function()
- {
- var recipientsMainCont = this.dom.compose.leftBar.recipientsMainCont;
- var recipientsCont = this.dom.compose.leftBar.recipientsCont;
- var subjectInput = this.dom.compose.rightBar.subject;
- var msgCont = this.dom.compose.rightBar.msgCont;
- this.iframeContent = "";
- this.recipients = [];
- while (recipientsCont.children.length > 1) recipientsCont.removeChild(recipientsCont.firstChild);
- while (msgCont.children.length > 1) msgCont.removeChild(msgCont.lastChild);
- },
-
- addSections: function()
- {
- var iframe = this.dom.compose.rightBar.iframe;
- if(this.generatedSections != null && this.generatedSections.length > 0)
- {
- var msgCont = this.dom.compose.rightBar.msgCont;
- for (var i = 0; i < this.generatedSections.length; i++) msgCont.appendChild(this.generatedSections[i][0]);
- iframe.style.borderBottom = '2px solid #3f3e3e';
- }
- else iframe.style.borderBottom = 'none';
- },
-
- openNewMail: function(type)
- {
- this.resetComposeContainer();
- this.generatedSections = [];
- if (type == 1)
- {
- var contacts = this.selectedContacts;
- var playerSearchBox = this.dom.rightBar.contacts.search;
- for (var i = 0; i < contacts.length; i++) this.addRecipient(this.getPlayerNameById(contacts[i]));
- this.selectedContacts = [];
- this.addSelectedContacts();
- this.populateContacts();
- playerSearchBox.onblur();
- }
- zmail.compose.getInstance().open();
- },
-
- replyToAll: function()
- {
- var msgCont = this.dom.compose.rightBar.msgCont;
- var msg = this.selectedHeader.data.msg;
- this.resetComposeContainer();
- this.addSections();
- this.addRecipient(msg.f);
- for (var i = 0; i < msg.t.length; i++) this.addRecipient(msg.t[i]);
- this.dom.compose.rightBar.subject.value = 'Re: ' + msg.s;
- zmail.compose.getInstance().open();
- },
-
- reply: function()
- {
- var msgCont = this.dom.compose.rightBar.msgCont;
- var msg = this.selectedHeader.data.msg;
- this.resetComposeContainer();
- this.addSections();
- this.dom.compose.rightBar.subject.value = 'Re: ' + msg.s;
- this.addRecipient(msg.f);
- zmail.compose.getInstance().open();
- },
-
- forwardMsg: function()
- {
- var msgCont = this.dom.compose.rightBar.msgCont;
- var msg = this.selectedHeader.data.msg;
- this.resetComposeContainer();
- this.addSections();
- this.dom.compose.rightBar.subject.value = 'Fwd: ' + msg.s;
- zmail.compose.getInstance().open();
- },
-
- sendMail: function()
- {
- var to = this.recipients.join('; ');
- var subject = this.dom.compose.rightBar.subject.value;
- if ((subject == '') || (subject == 'Add Subject:')) subject = 'No subject';
- var date = new Date();
- var from = zmail.data.getInstance().ownerName;
- var clone = this.dom.compose.rightBar.iframe.contentWindow.document.body.cloneNode(true);
- var message = this.encodeMsg(clone);
- date = date.getTime();
- message = '<cnc><cncs>' + from + '</cncs><cncd>' + date + '</cncd><cnct>' + message + '</cnct></cnc>';
- for (var i = 0; i < this.generatedSections.length; i++)
- {
- if(this.generatedSections[i][2] == 1) message += this.generatedSections[i][1];
- }
- zmail.data.getInstance().sendMail(to, "", subject, message)
- console.log(from, to, subject, message);
- },
-
- saveDraft: function()
- {
- var subject = this.dom.compose.rightBar.subject.value;
- var date = new Date();
- var from = zmail.data.getInstance().ownerName;
- var fromId = zmail.data.getInstance().ownerId;
- var clone = this.dom.compose.rightBar.iframe.contentWindow.document.body.cloneNode(true);
- var message = this.encodeMsg(clone);
- if ((subject == '') || (subject == 'Add Subject:')) subject = 'No subject';
- date = date.getTime();
-
- message = '<cnc><cncs>' + from + '</cncs><cncd>' + date + '</cncd><cnct>' + message + '</cnct></cnc>';
- for (var i = 0; i < this.generatedSections.length; i++)
- {
- if(this.generatedSections[i][2] == 1) message += this.generatedSections[i][1];
- }
- var id = (this.selectedDraft) ? parseInt(this.selectedDraft) : date;
- var msg = {'b':message,'r':true,'f':from,'fi':fromId,'t':this.recipients,'s':subject,'d':date,'i':id,'rm':clone.innerHTML};
- if (this.folders.draft == null) this.folders.draft = {};
- this.folders.draft[id] = msg;
- this.selectedDraft = null;
- this.update();
- this.storage.save.call(this);
- },
-
- editDraft: function()
- {
- if(this.selectedFolder == 'draft')
- {
- this.resetComposeContainer();
- var id = this.selectedHeader.data.msg.i;
- var draft = this.folders.draft[id];
- this.recipients = draft.t;
- this.dom.compose.rightBar.subject.value = draft.s;
- this.iframeContent = draft.rm;
- if(this.generatedSections && this.generatedSections.length > 1)
- {
- this.generatedSections.splice(0,1);
- this.addSections();
- }
- this.selectedDraft = id;
- for (var i = 0; i < draft.t.length; i++) this.addRecipient(draft.t[i]);
- zmail.compose.getInstance().open();
- }
- },
-
- deleteDraft: function()
- {
- if (this.selectedFolder == 'draft')
- {
- var ids = this.getSelectedMsgsIds();
- for (var i = 0; i < ids.length; i++)
- {
- if (this.folders.draft.hasOwnProperty(ids[i])) delete this.folders.draft[ids[i]];
- }
- this.selectAll(false);
- this.update();
- this.storage.save.call(this);
- }
- },
-
- encodeMsg: function(cont)
- {
- try
- {
- var getMargin = function(a)
- {
- var m = 0, elm = a;
- while (elm.parentElement)
- {
- if (elm.nodeType == 1) m += parseInt(elm.style.marginLeft) || 0;
- elm = elm.parentElement;
- }
- return m;
- };
-
- var getLinkType = function(a)
- {
- var type;
- if (a.match('webfrontend.gui.util.BBCode.openPlayerProfile')) type = 'player';
- if (a.match('webfrontend.gui.util.BBCode.openAllianceProfile')) type = 'alliance';
- if (a.match('webfrontend.gui.UtilView.centerCoordinatesOnRegionViewWindow')) type = 'coords';
- return type;
- };
-
- var getAttr = function(a)
- {
- var b = '';
- switch(a.nodeName.toLowerCase())
- {
- case 'div': if (a.style.textAlign !== '') b = a.style.textAlign.charAt(0); break;
- case 'a':
- if (a.attributes.hasOwnProperty('href')) b = 'url';
- if (a['onclick']) b = getLinkType(a.onclick.toString());
- break;
- default: b = '';
- }
- return b;
- };
-
- var parseHTML = function(a)
- {
- var result = '', o = [];
- for(var i = 0; i < a.childNodes.length; i++)
- {
- var elm = a.childNodes[i], nodeName = elm.nodeName.toLowerCase(), nodeType = elm.nodeType, nodeValue = elm.nodeValue;
- var attr = (nodeType == 1 && getAttr(elm) !== '') ? getAttr(elm) + ']' : ']';
- var nodeText = (elm.innerText) ? elm.innerText : elm.textContent;
- if (nodeType == 1 && elm.children.length == 0)
- {
- if (nodeName == 'div' && attr == ']') result += '\n' + nodeText + '\n';
- else if (nodeName == 'font') result += nodeText;
- else if (nodeName == 'div' && attr != ']') result += '[d' + attr + nodeText + '[/d' + attr;
- else if (nodeName == 'blockquote') result += '[bq' + attr + nodeText + '[/bq' + attr;
- else if (nodeName == 'br') result += '\n';
- else if (nodeName == 'a') result += '[' + attr + nodeText + '[/' + attr;
- else result += '[' + nodeName + attr + nodeText + '[/' + nodeName + ']';
- }
- else if (nodeType == 1 && elm.children.length > 0)
- {
- o.push(elm);
- if (nodeName == 'div' && attr == ']') result += '';
- else if (nodeName == 'div' && attr != ']') result += '[d' + attr;
- else if (nodeName == 'blockquote') result += '[bq' + attr;
- else if (nodeName == 'a') result += '[' + attr;
- else if (nodeName == 'font') result += '';
- else if (nodeName == 'span') result += '';
- else result += '[' + nodeName + ']';
- result += parseHTML(o[o.length - 1]);
- if (nodeName == 'div' && attr == ']') result += '';
- else if (nodeName == 'div' && attr != ']') result += '[/d' + attr;
- else if (nodeName == 'blockquote') result += '[/bq' + attr;
- else if (nodeName == 'a') result += '[/' + attr;
- else if (nodeName == 'font') result += '';
- else if (nodeName == 'span') result += '';
- else result += '[/' + nodeName + ']';
- }
- else if (nodeType == 3 && nodeValue && nodeValue.trim() !== '') result += nodeValue;
- }
- return result;
- };
- var encoded = parseHTML(cont);
- return encoded;
- }
- catch(e)
- {
- console.log(e.toString());
- return 'ERROR';
- }
- },
-
- getCharactersCount: function(msg)
- {
- var count = 0;
- if (this.generatedSections && this.generatedSections.length)
- {
- for (var i = 0; i < this.generatedSections.length; i++)
- {
- var cnct = this.generatedSections[i][1].replace(/.*?<cnct>([^<\/cnct>]*)<\/cnct>.*/, '$1');
- if (cnct && this.generatedSections[i][2] == 1) count += cnct.length;
- }
- }
- if (msg) count += msg.length;
- return count;
- },
-
- markRead: function(flag)
- {
- var ids = this.selectedMsgs.ids, headers = this.selectedMsgs.headers, style = (flag) ? 'cont' : 'contUnRead';
- for(var i = 0; i < headers.length; i++)
- {
- var isRead = headers[i].data.isRead;
- var id = headers[i].data.msg.i;
- var index = this.getMsgIndex(id, this.folders.inbox.msgs);
- headers[i].data.isRead = flag;
- headers[i].zm_css(this.css.header[style]);
- if (index > -1) this.folders.inbox.msgs[index].r = flag;
- else console.log('Inbox doesn\'t contain id(' + id + ')');
- }
- this.selectAll(false);
- zmail.data.getInstance().markRead(ids, flag);
- },
-
- selectAll: function(n)
- {
- var selectAllCheckBox = this.dom.middleBar.footer.selectAll;
- var ids = [], headers = [], boxes = [];
- for(var key in this.generatedHeaders)
- {
- var checkBox = this.generatedHeaders[key].checkBox;
- var header = this.generatedHeaders[key].cont;
- header.style.background = (n) ? '#363636' : (header.data.isRead) ? 'transparent' : '#292929';
- header.data.isSelected = n;
- checkBox.data.isChecked = n;
- checkBox.style.background = (n) ? '#9f9f9f' : 'transparent';
- ids.push(parseInt(key));
- headers.push(header);
- boxes.push(checkBox);
- }
- this.selectedMsgs.ids = (n) ? ids : [];
- this.selectedMsgs.headers = (n) ? headers : [];
- this.selectedMsgs.checkBoxes = (n) ? boxes : [];
- selectAllCheckBox.data.isChecked = n;
- selectAllCheckBox.style.background = (n) ? '#9f9f9f' : 'transparent';
- this.selectedHeader = null;
- this.resetMsgCont();
- this.setToolbar();
- console.log(this.selectedMsgs);
- },
-
- getSelectedMsgsIds: function()
- {
- var smIds = this.selectedMsgs.ids, sh = this.selectedHeader;
- var ids = (smIds != null && smIds.length > 0) ? smIds : (sh != null) ? [sh.data.msg.i] : null;
- return ids;
- },
-
- getMsgIndex: function(id, msgs)
- {
- var index = -1;
- for(var i = 0; i < msgs.length; i++)
- {
- if (msgs[i].i == id)
- {
- index = i;
- break;
- }
- }
- return index;
- },
-
- removeMsgFromFolder: function(id, folder)
- {
- var idIndex = this.folders[folder].ids.indexOf(id);
- if (idIndex > -1)
- {
- if (this.folders[folder].msgs[idIndex].i == id)
- {
- var msg = this.folders[folder].msgs[idIndex];
- this.folders[folder].ids.splice(idIndex, 1);
- this.folders[folder].msgs.splice(idIndex, 1);
- return msg;
- }
- else
- {
- var msgIndex = this.getMsgIndex(id, this.folders[folder].msgs);
- var msgId = this.folders[folder].msgs[msgIndex].i;
- if ((msgIndex > -1) && (msgId == id))
- {
- var msg = this.folders[folder].msgs[msgIndex];
- this.folders[folder].ids.splice(idIndex, 1);
- this.folders[folder].msgs.splice(msgIndex, 1);
- return msg;
- }
- else
- {
- if (msgIndex == -1) console.log('Message with id: ' + id + ' could not be found in ' + folder + '!');
- else if (msgId !== id) console.log('id mismatch (' + id + ' - ' + msgId + ')');
- else console.log('something went terribly wrong');
- return false;
- }
- }
- }
- else console.log('id: ' + id + 'does not exist in folder ' + folder);
- },
-
-
- toJunk: function()
- {
- var arr = this.getSelectedMsgsIds();
- if (arr !== null)
- {
- for (var i = 0; i < arr.length; i++)
- {
- var id = arr[i], msg = this.removeMsgFromFolder(id, 'inbox');
- if (msg && this.folders.junk.ids.indexOf(id) == -1)
- {
- this.folders.junk.ids.push(id);
- this.folders.junk.msgs.push(msg);
- }
- if (this.folders.junk.ids.indexOf(id) > -1) console.log('Message with id: ' + id + 'already exists in Junk!');
- }
- this.selectAll(false);
- this.update();
- this.storage.save.call(this);
- }
- else console.log('No messages selected!');
- },
-
- toDocuments: function()
- {
- var arr = this.getSelectedMsgsIds();
- if (arr !== null)
- {
- for (var i = 0; i < arr.length; i++)
- {
- var id = arr[i], msg = this.removeMsgFromFolder(id, 'inbox'), index = this.folders.documents.ids.indexOf(id);
- if (msg && (index == -1))
- {
- this.folders.documents.ids.push(id);
- this.folders.documents.msgs.push(msg);
- }
- if (index > -1) console.log('Message (' + id + ') already exists in Documents!');
- }
- this.selectAll(false);
- this.update();
- this.storage.save.call(this);
- }
- else console.log('No messages selected!');
- },
-
- toTrash: function()
- {
- var arr = this.getSelectedMsgsIds();
- var folder = this.selectedFolder;
- var type = (folder == 'outbox') ? 1 : 0;
- if (arr !== null)
- {
- for (var i = 0; i < arr.length; i++)
- {
- var id = arr[i], msg = this.removeMsgFromFolder(id, folder), index = this.folders.trash[type].ids.indexOf(id);
- if (msg && (index == -1))
- {
- this.folders.trash[type].ids.push(id);
- this.folders.trash[type].msgs.push(msg);
- }
- if (index > -1) console.log('Message (' + id + ') already exists in trash[' + type + ']!');
- }
- this.selectAll(false);
- this.update();
- this.storage.save.call(this);
- }
- else console.log('No messages selected!');
- },
-
- emptyFolder: function()
- {
- var data = zmail.data.getInstance();
- if(this.selectedFolder == 'junk')
- {
- if (this.folders.junk.ids != null && this.folders.junk.ids.length > 0)
- {
- data.deleteMsgs(this.folders.junk.ids, 1);
- this.folders.junk.ids = [];
- this.folders.junk.msgs = [];
- }
- }
- if(this.selectedFolder == 'trash')
- {
- if (this.folders.trash[0].ids != null && this.folders.trash[0].ids.length > 0)
- {
- data.deleteMsgs(this.folders.trash[0].ids, 1);
- this.folders.trash[0].ids = [];
- this.folders.trash[0].msgs = [];
- }
- if (this.folders.trash[1].ids != null && this.folders.trash[1].ids.length > 0)
- {
- data.deleteMsgs(this.folders.trash[1].ids, 0);
- this.folders.trash[1].ids = [];
- this.folders.trash[1].msgs = [];
- }
- }
- this.update();
- this.storage.save.call(this);
- },
-
- notJunk: function()
- {
- var arr = this.getSelectedMsgsIds();
- if(this.selectedFolder == 'junk' && arr !== null)
- {
- for (var i = 0; i < arr.length; i++)
- {
- var id = arr[i], msg = this.removeMsgFromFolder(id, 'junk'), index = this.folders.inbox.ids.indexOf(id);
- if (msg && (index == -1))
- {
- this.folders.inbox.ids.push(id);
- this.folders.inbox.msgs.push(msg);
- }
- if (index > -1) console.log('Message (' + id + ')already exists in inbox!');
- }
- this.selectAll(false);
- this.update();
- this.storage.save.call(this);
- }
- else console.log('No messages selected!');
- },
-
- notTrash: function()
- {
- var arr = this.getSelectedMsgsIds();
- if ((this.selectedFolder == 'trash') && (arr !== null))
- {
- for (var i = 0; i < arr.length; i++)
- {
- var id = arr[i];
- if (this.folders.trash[0].ids.indexOf(id) > -1)
- {
- var idIndex = this.folders.trash[0].ids.indexOf(id);
- var msgIndex = this.getMsgIndex(id, this.folders.trash[0].msgs);
- if (msgIndex > -1)
- {
- var msg = this.folders.trash[0].msgs[msgIndex];
- this.folders.trash[0].ids.splice(idIndex, 1);
- this.folders.trash[0].msgs.splice(msgIndex, 1);
- if (this.folders.inbox.ids.indexOf(id) == -1)
- {
- this.folders.inbox.ids.push(id);
- this.folders.inbox.msgs.push(msg);
- }
- else console.log('id(' + id + ') already exists in Inbox!');
- }
- else console.log('trash[inbox] doesn\'t contain message with id(' + id + ')');
- }
- else if (this.folders.trash[1].ids.indexOf(id) > -1)
- {
- var idIndex = this.folders.trash[1].ids.indexOf(id);
- var msgIndex = this.getMsgIndex(id, this.folders.trash[1].msgs);
- if (msgIndex > -1)
- {
- var msg = this.folders.trash[1].msgs[msgIndex];
- this.folders.trash[1].ids.splice(idIndex, 1);
- this.folders.trash[1].msgs.splice(msgIndex, 1);
- if (this.folders.outbox.ids.indexOf(id) == -1)
- {
- this.folders.outbox.ids.push(id);
- this.folders.outbox.msgs.push(msg);
- }
- else console.log('id(' + id + ') already exists in Inbox!');
- }
- else console.log('trash[inbox] doesn\'t contain message with id(' + id + ')');
- }
- else console.log('trash folder doesn\'t contain id(' + id + ')');
- }
- this.selectAll(false);
- this.update();
- this.storage.save.call(this);
- }
- },
-
- deleteMsg: function()
- {
- var arr = this.getSelectedMsgsIds();
- if (this.selectedFolder == 'trash' && arr !== null)
- {
- var data = zmail.data.getInstance();
- var inbox = [], outbox = [];
- for (var i = 0; i < arr.length; i++)
- {
- var id = arr[i];
- if (this.folders.trash[0].ids.indexOf(id) > -1)
- {
- var idIndex = this.folders.trash[0].ids.indexOf(id);
- var msgIndex = this.getMsgIndex(id, this.folders.trash[0].msgs);
- if(msgIndex > -1)
- {
- inbox.push(id);
- this.folders.trash[0].ids.splice(idIndex, 1);
- this.folders.trash[0].msgs.splice(msgIndex, 1);
- }
- else console.log('trash[inbox] doesn\'t contain a message with id(' + id + ')');
- }
- else if (this.folders.trash[1].ids.indexOf(id) > -1)
- {
- var idIndex = this.folders.trash[1].ids.indexOf(id);
- var msgIndex = this.getMsgIndex(id, this.folders.trash[1].msgs);
- if(msgIndex > -1)
- {
- outbox.push(id);
- this.folders.trash[1].ids.splice(idIndex, 1);
- this.folders.trash[1].msgs.splice(msgIndex, 1);
- }
- else console.log('trash[outbox] doesn\'t contain a message with id(' + id + ')');
- }
- else console.log('trash folder doesn\'t contain id(' + id + ')');
- }
- this.selectAll(false);
- this.update();
- this.storage.save.call(this);
- if (inbox.length > 0) data.deleteMsgs(inbox, 1);
- if (outbox.length > 0) data.deleteMsgs(outbox, 0);
- }
- },
-
- searchFolder: function(str)
- {
- var msgs = this.folders[this.selectedFolder].msgs;
- var m1 = [], m2 = [], sd = [], sb = [], root = this;
- var cont = this.dom.searchResults.cont;
- var fromUl = this.dom.searchResults.sender.list;
- var subjectUl = this.dom.searchResults.subject.list;
- var fromCount = this.dom.searchResults.sender.count;
- var subjectCount = this.dom.searchResults.subject.count;
- fromUl.zm_empty();
- subjectUl.zm_empty();
- cont.style.display = (str == '') ? 'none' : 'block';
- for (var i = 0; i < msgs.length; i++)
- {
- var sender = msgs[i].f, subject = msgs[i].s.toLowerCase(), id = msgs[i].i, str = str.toLowerCase();
- if ((sender.toLowerCase().match(str) !== null) && (sd.indexOf(sender) == -1))
- {
- m1.push([sender, id]);
- sd.push(sender);
- }
- if ((subject.match(str) !== null) && (sb.indexOf(subject) == -1))
- {
- m2.push([subject, id]);
- sb.push(subject);
- }
- }
- (fromCount.innerText) ? fromCount.innerText = m1.length : fromCount.textContent = m1.length;
- (subjectCount.innerText) ? subjectCount.innerText = m2.length : subjectCount.textContent = m2.length;
- var printMsg = function()
- {
- root.printMsg.apply(root, arguments);
- };
- for (var a = 0; a < Math.min(5, m1.length); a++)
- {
- var li1 = this.create('li', this.css.searchResults.li.sub);
- var t1 = m1[a][0];
- this.text(li1, (t1.length > 15) ? t1.substr(0, 15) + '...' : t1);
- fromUl.appendChild(li1);
- li1.data = {'sender': m1[a][0], 'folder': this.selectedFolder};
- li1.onclick = function()
- {
- var f = this.data.folder, um = [], ui = [];
- var msgs = root.folders[f].msgs;
- if (!msgs) return;
- for (var m = 0; m < msgs.length; m++) if (msgs[m].f == this.data.sender) { um.push(msgs[m]); ui.push(msgs[m].i) };
- root.selectedFolder = 'results';
- root.folders.results = {'ids': ui, 'msgs': um};
- root.populateHeaders();
- root.selectedFolder = this.data.folder;
- cont.style.display = 'none';
- }
- }
- for (var b = 0; b < Math.min(5, m2.length); b++)
- {
- var li2 = this.create('li', this.css.searchResults.li.sub);
- var t2 = m2[b][0];
- this.text(li2, (t2.length > 15) ? t2.substr(0, 15) + '...' : t2);
- subjectUl.appendChild(li2);
- li2.data = {'id': m2[b][1], 'folder': this.selectedFolder};
- li2.onclick = function()
- {
- var id = this.data.id, f = this.data.folder;
- var index = root.folders[f].ids.indexOf(id);
- var msg = root.folders[f].msgs[index];
- printMsg(msg);
- cont.style.display = 'none';
- }
- };
- },
-
- storage:
- {
- 'save': function()
- {
- console.log('saving');
- var json = JSON.parse(localStorage.ccta_zmail), folders = {}, contacts = {};
- folders.draft = this.folders.draft;
- folders.junk = this.folders.junk.ids;
- folders.trash = [this.folders.trash[0].ids, this.folders.trash[1].ids];
- folders.documents = this.folders.documents.ids;
- contacts.friends = this.contacts.friends;
- contacts.blocked = this.contacts.blocked;
- console.log(folders, contacts);
- localStorage.ccta_zmail = JSON.stringify({'folders': folders, 'contacts': contacts, 'archive': json.archive});
- },
-
- 'get': function(folder)
- {
- var json = JSON.parse(localStorage.ccta_zmail), folders = json.folders, contacts = json.contacts;
- var x = null;
- var size = function(obj)
- {
- if (typeof obj !== 'object') return null;
- var s = 0;
- for (var key in obj) s++;
- return s;
- };
-
- switch(folder)
- {
- case 'draft': if (folders.draft !== null) x = folders.draft; break;
- case 'trash0': if (folders.trash !== null) x = folders.trash[0]; break;
- case 'trash1': if (folders.trash !== null) x = folders.trash[1]; break;
- case 'junk': if (folders.junk !== null) x = folders.junk; break;
- case 'draft': if (folders.draft !== null) x = folders.draft; break;
- case 'documents': if (folders.documents !== null) x = folders.documents; break;
- case 'friends': if (contacts.friends !== null) x = contacts.friends; break;
- case 'blocked': if( contacts.blocked !== null) x = contacts.blocked; break;
- }
- x = (x) ? x : (folder == 'draft') ? {} : [];
- console.log(x, folder);
- return x;
- }
- },
-
- setToolbar: function()
- {
- var folder = this.selectedFolder, selection = this.selectedMsgs, header = this.selectedHeader;
- var type = (selection.ids == null || selection.ids.length == 0) ? (header == null) ? 'default' : 'single' : 'group';
- var toolbarCont = this.dom.topBar.menu;
- var newMsg = this.dom.topBar.toolbar.newMsg;
- var trash = this.dom.topBar.toolbar.trash;
- var delMsg = this.dom.topBar.toolbar.delMsg;
- var junk = this.dom.topBar.toolbar.junk;
- var notJunk = this.dom.topBar.toolbar.notJunk;
- var restore = this.dom.topBar.toolbar.restore;
- var mark = this.dom.topBar.toolbar.mark;
- var reply = this.dom.topBar.toolbar.reply;
- var empty = this.dom.topBar.toolbar.empty;
- var editDraft = this.dom.topBar.toolbar.editDraft;
- var deleteDraft = this.dom.topBar.toolbar.deleteDraft;
- var toDocuments = this.dom.topBar.toolbar.toDocuments;
- var resetBackground = function(){this.style.backgroundImage = 'none'};
- var bars = {
- 'inbox':
- {
- 'single': [reply, trash, junk, toDocuments, mark],
- 'group': [trash, junk, toDocuments, mark],
- 'default': []
- },
- 'outbox':
- {
- 'single': [trash, junk],
- 'group': [trash, junk],
- 'default': []
- },
- 'junk':
- {
- 'single': [notJunk, trash, empty],
- 'group': [notJunk, trash],
- 'default': [empty]
- },
- 'trash':
- {
- 'single': [restore, delMsg, empty],
- 'group': [restore, delMsg],
- 'default': [empty]
- },
- 'draft':
- {
- 'single': [editDraft, deleteDraft],
- 'group': [deleteDraft],
- 'default': []
- },
- };
- toolbarCont.zm_empty();
- toolbarCont.appendChild(newMsg);
- if (bars.hasOwnProperty(folder))
- {
- bars[folder][type].map(function(key){resetBackground.call(key)});
- toolbarCont.zm_append(bars[folder][type]);
- }
- },
-
- decodeMsg: function(m)
- {
- var match, f = m, create = this.create, cssStyles = this.css, text = this.text;
- var re = /(?:\[(url|player|alliance|coords)\])((?:.(?!\1))+.)(?:\[\/\1\])/g;
- var tags = ['ul', 'ol', 'tr', 'td', 'th', 'table', 'li', 'dr', 'dc', 'dl', 'tbody', 'bq', 'span', 'b', 'i', 'u', 's', 'font'];
- var data = zmail.data.getInstance();
- var BBCode = data.createBBCode;
- var createLink = function(val)
- {
- var a = create('a', cssStyles.link._14);
- text(a, val);
- a.href = val;
- a.target = 'blank';
- return a.outerHTML;
- };
- var convertTag = function(tag)
- {
- var openTag, closeTag, op = new RegExp('\\[' + tag + '\\]', 'g'), cp = new RegExp('\\[\\/' + tag + '\\]', 'g');
- switch(tag)
- {
- case 'dr': openTag = '<div style="text-align: right">'; closeTag = '</div>'; break;
- case 'dc': openTag = '<div style="text-align: center">'; closeTag = '</div>'; break;
- case 'dl': openTag = '<div style="text-align: left">'; closeTag = '</div>'; break;
- case 'bq': openTag = '<div style="margin-left: 40px">'; closeTag = '</div>'; break;
- case 'table': openTag = '<table rules="all" border="1" style="border-color: #999; margin: 10px 0;">'; closeTag = '</table>'; break;
- case 'td': openTag = '<td style="padding: 4px 15px">'; closeTag = '</td>'; break;
- case 'th': openTag = '<th style="background-color: #999; color: #333; padding: 3px 15px;">'; closeTag = '</th>'; break;
- case 'font': openTag = ''; closeTag = ''; break;
- default: openTag = '<' + tag + '>'; closeTag = '</' + tag + '>';
- }
- if (op.test(f)) f = f.replace(op, openTag);
- if (cp.test(f)) f = f.replace(cp, closeTag);
- };
- while((match = re.exec(m)) !== null)
- {
- var code = match[1], val = match[2];
- if(code == 'coords') val = val.split(':');
- switch(code)
- {
- case 'url': f = f.replace(match[0], createLink(val)); break;
- case 'alliance': f = f.replace(match[0], BBCode.alliance(val)); break;
- case 'player': f = f.replace(match[0], BBCode.player(val)); break;
- case 'coords': f = f.replace(match[0], BBCode.coords(val.join(':'), val[0], val[1])); break;
- }
- }
- tags.map(convertTag);
- return f;
- },
-
- formatDate: function(d,t)
- {
- var date = new Date(parseInt(d));
- var day = date.getDate(), month = date.getMonth() + 1, year = date.getFullYear().toString().slice(2), fullYear = date.getFullYear();
- var hours = date.getHours(), minutes = date.getMinutes();
- var newDate = new Date(), today = newDate.getDate(), thisMonth = newDate.getMonth() + 1, thisYear = newDate.getFullYear();
-
- var conv = function(n){ return (n > 9) ? n : '0' + n};
-
- if(day == today && month == thisMonth && fullYear == thisYear && t == 'header')
- {
- return conv(hours) + ':' + conv(minutes);
- }
- else
- {
- var f = conv(day) + '/' + conv(month) + '/' + year;
- if (t == 'header') return f;
- if (t == 'msg') return (f + ' ' + conv(hours) + ':' + conv(minutes));
- }
- },
-
- printMsg: function(msg)
- {
- var b = msg.b, msgCont = this.dom.rightBar.msgCont, cssStyles = this.css, text = this.text, create = this.create, root = this;
- var msgSbc = this.dom.rightBar.scrollBar.cont;
- var sb = this.dom.rightBar.scrollBar.bar;
- var expandCont = root.dom.rightBar.expandCont;
- this.generatedSections = [];
- msgCont.zm_empty();
- var createSection = function(f,d,m,i,c)
- {
- var s_cont = create('div', cssStyles.compose.rightBar.origionalMsg.cont);
- var s_remove = create('div', cssStyles.compose.rightBar.origionalMsg.close);
- var s_from = create('p', cssStyles.compose.rightBar.origionalMsg.from);
- var s_date = create('p', cssStyles.compose.rightBar.origionalMsg.date);
- var s_message = document.createElement('div');
- var s_sender = f.cloneNode(true);
- text(s_from, 'From: ');
- text(s_date, d);
- text(s_remove, 'x');
- s_message.innerHTML = m.replace(/color: ?#377395|color: ?rgb\(55, 115, 149\)/g, 'color: #194965');
- s_remove.data = {'index': i, 'contents': c};
- s_sender.style.color = '#194965';
- s_sender.style.fontSize = '14px';
- s_from.zm_append([s_sender, s_date]);
- s_cont.zm_append([s_from, s_message, s_remove]);
- s_remove.onclick = function()
- {
- var index = this.data.index, sections = root.generatedSections;
- if(sections[index] && sections[index][2] == 1) root.generatedSections[index][2] = 0;
- this.parentNode.remove();
- console.log(root.generatedSections);
- };
- root.generatedSections.push([s_cont, c, 1]);
- };
-
- if(msg.fi === -1)
- {
- var subject = create('p', cssStyles.message.subject);
- var from = create('p', cssStyles.message.from);
- var to = create('p', cssStyles.message.from);
- var msgBody = create('p', cssStyles.message.body);
- var date = create('span', cssStyles.message.date);
-
- text(subject, msg.s);
- text(from, 'From: System');
- text(to, 'To: You');
- text(date, this.formatDate(msg.d, 'msg'));
- msgBody.innerHTML = this.decodeMsg(b);
- from.appendChild(date);
- msgCont.zm_append([subject, from, to, msgBody]);
- this.selectedMsgBody.push(from.outerHTML + msgBody.outerHTML);
- }
-
- if((msg.fi !== -1) && (/<cnc>/.test(b)))
- {
- str = b.replace(/[\t\r\n]/g, '</br>');
- var sections = [];
- var cnc = str.match(/<cnc>.*?<\/cnc>/g);
- var re = /(?:<(cncs|cncd|cnct)>)((?:.(?!\1))+.)(?:<\/\1>)/g, match;
-
- for(var i = 0; i < cnc.length; i++)
- {
- var sd, dt, txt;
- while ((match = re.exec(cnc[i])) !== null)
- {
- var tag = match[1], val = match[2];
- switch(tag)
- {
- case 'cncs': sd = val; break;
- case 'cncd': dt = parseInt(val); break;
- case 'cnct': txt = val; break;
- }
- };
- sections.push([sd, dt, txt]);
- }
- console.log(sections);
-
- for(var n = 0; n < sections.length; n++)
- {
- var subject = create('p', cssStyles.message.subject);
- var from = create('p', cssStyles.message.from);
- var msgBody = create('p', cssStyles.message.body);
- var date = create('span', cssStyles.message.date);
- var sender = create('a', cssStyles.link._12);
- text(subject, msg.s);
- text(from, 'From: ');
- text(date, this.formatDate(sections[n][1], 'msg'));
- text(sender, sections[n][0]);
- sender.data = {'name': sections[n][0]};
- sender.onclick = function(){webfrontend.gui.util.BBCode.openPlayerProfile(this.data.name)};
- sender.style.marginRight = 0;
- from.zm_append([sender, date]);
- if (sections[n][2]) msgBody.innerHTML = this.decodeMsg(sections[n][2]);
-
- if(n == 0)
- {
- var to = create('p', cssStyles.message.from);
- var expand = create('span', cssStyles.message.expand);
- var addFriend = create('a', cssStyles.message.actionLink);
- var blockContact = create('a', cssStyles.message.actionLink);
- var add = function(){ root.addFriend.apply(root, arguments) };
- var block = function(){ root.blockContact.apply(root, arguments) };
- var isFriend = (this.contacts.friends) ? this.contacts.friends.indexOf(msg.fi) > -1 : false;
- var isBlocked = (this.contacts.blocked) ? this.contacts.blocked.indexOf(msg.fi) > -1 : false;
- text(to, 'To: ');
- text(addFriend, 'Add to contacts');
- text(blockContact, 'Block');
- addFriend.data = {'id': msg.fi};
- blockContact.data = {'id': msg.fi};
- addFriend.onclick = function(){ add(this.data.id); addFriend.remove(); blockContact.remove(); };
- blockContact.onclick = function(){ block(this.data.id); addFriend.remove(); blockContact.remove(); };
- expand.style.backgroundImage = 'url(' + root.res.expand + ')';
- expand.data = {'isCollapsed': true, 'cont': to, 'bar': null};
- expand.onclick = function()
- {
- if (this.data.isCollapsed)
- {
- this.data.cont.style.whiteSpace = 'normal';
- this.style.backgroundImage = 'url(' + root.res.collapse + ')';
- }
- else
- {
- this.data.cont.style.whiteSpace = 'nowrap';
- this.style.backgroundImage = 'url(' + root.res.expand + ')';
- }
- root.dom.rightBar.scrollBar.bar.data.update();
- this.data.isCollapsed = !this.data.isCollapsed;
- };
- if (!isFriend && !isBlocked) from.zm_append([addFriend, blockContact]);
-
- for(var a = 0; a < msg.t.length; a++)
- {
- var receiver = create('a', cssStyles.link._12);
- var s = (a == msg.t.length - 1) ? msg.t[a] : msg.t[a] + ',';
- receiver.data = {'name': msg.t[a]};
- receiver.onclick = function(){webfrontend.gui.util.BBCode.openPlayerProfile(this.data.name)};
- text(receiver, s);
- to.appendChild(receiver);
- }
- msgCont.zm_append([subject, from, to, msgBody]);
- if (to.scrollWidth > to.offsetWidth) to.appendChild(expand);
- }
- else msgCont.zm_append([from, msgBody]);
- createSection(sender, date.innerHTML, msgBody.innerHTML, n, cnc[n]);
- }
- }
- if (this.selectedFolder == 'inbox') msgCont.appendChild(expandCont);
- msgCont.style.top = 0;
- sb.data.update();
- },
-
- createHeader: function(msg)
- {
- var create = this.create, text = this.text, cssStyles = this.css, root = this;
- var headerCont = create('div', cssStyles.header.cont);
- var sender = create('a', cssStyles.header.sender);
- var date = create('span', cssStyles.header.date);
- var subject = create('p', cssStyles.header.subject);
- var checkBox = create('div', cssStyles.header.checkBox);
- var span = create('span', cssStyles.header.span);
- text(sender, msg.f);
- text(date, this.formatDate(msg.d, 'header'));
- text(subject, msg.s);
- sender.data = {'from': msg.f};
- sender.onclick = function(){webfrontend.gui.util.BBCode.openPlayerProfile(this.data.from)};
- span.appendChild(checkBox);
- headerCont.zm_append([span, sender, date, subject]);
- headerCont.data = {'msg': msg, 'isSelected': false, 'isRead': msg.r};
- if(!msg.r)
- {
- headerCont.zm_css(cssStyles.header.contUnRead);
- span.style.borderBottom = cssStyles.header.contUnRead.borderBottom;
- }
- headerCont.onmouseover = function(){this.style.background = '#363636'};
- headerCont.onmouseout = function()
- {
- var isSelected = this.data.isSelected, isRead = this.data.isRead;
- var color = isSelected ? '#363636' : (isRead) ? 'transparent' : '#292929';
- this.style.background = color;
- };
- headerCont.onclick = function()
- {
- console.log(this.data.msg.i);
- if(!this.data.isRead)
- {
- var id = this.data.msg.i;
- var index = root.folders.inbox.ids.indexOf(id);
- var data = zmail.data.getInstance();
- data.markRead([id], true);
- this.data.isRead = true;
- if (index > -1) root.folders.inbox.msgs[index].r = true;
- if (index > -1) console.log(id, root.folders.inbox.msgs[index]);
- }
- if(root.selectedHeader !== null)
- {
- root.selectedHeader.style.background = (root.selectedHeader.data.isRead) ? 'transparent' : '#292929';
- root.selectedHeader.style.fontWeight = (root.selectedHeader.data.isRead) ? 'normal' : 'bold';
- root.selectedHeader.data.isSelected = false;
- }
- root.selectedHeader = this;
- this.data.isSelected = true;
- this.style.background = '#363636';
- root.printMsg(this.data.msg);
- root.setToolbar();
- };
- checkBox.data = {'id': msg.i, 'isChecked': false, 'cont': headerCont};
- checkBox.onmousedown = function(){this.style.background = '#202020'};
- checkBox.onmouseup = function()
- {
- var isChecked = this.data.isChecked, isRead = this.data.cont.data.isRead;
- var index = root.selectedMsgs.ids.indexOf(this.data.id);
- if(!isChecked)
- {
- if(index == -1)
- {
- root.selectedMsgs.ids.push(this.data.id);
- root.selectedMsgs.headers.push(this.data.cont);
- root.selectedMsgs.checkBoxes.push(this);
- }
- this.style.background = '#9f9f9f';
- this.data.cont.style.background = '#363636';
- this.data.cont.data.isSelected = true;
- }
- if(isChecked)
- {
- if(index > -1)
- {
- root.selectedMsgs.ids.splice(index, 1);
- root.selectedMsgs.headers.splice(index, 1);
- root.selectedMsgs.checkBoxes.splice(index, 1);
- }
- this.style.background = 'transparent';
- this.data.cont.style.background = isRead ? 'transparent' : '#292929';
- this.data.cont.data.isSelected = false;
- }
- console.log(root.selectedMsgs);
- this.data.isChecked = !isChecked;
- if (root.selectedMsgs.ids != null && root.selectedMsgs.ids.length > 0)
- {
- root.selectedHeader = null;
- root.resetMsgCont();
- }
- root.setToolbar();
- };
-
- checkBox.onclick = function(event)
- {
- if(!event) event = window.event;
- event.preventDefault();
- event.stopPropagation();
- };
- return {'cont': headerCont, 'checkBox': checkBox};
- },
-
- populateHeaders: function()
- {
- try
- {
- switch(this.selectedFolder)
- {
- case 'trash': var arr = this.folders.trash[0].msgs.concat(this.folders.trash[1].msgs); break;
- case 'draft':
- var arr = [];
- if (this.folders.draft != null || this.size(this.folders.draft) > 0)
- for (var key in this.folders.draft)
- {
- var msg = this.folders.draft[key];
- arr.push(msg);
- };
- break;
- default: var arr = this.folders[this.selectedFolder].msgs;
- }
- var compare = function(a,b)
- {
- return (a.d < b.d) ? 1 : (a.d > b.d) ? -1 : 0;
- };
- arr = arr.sort(compare);
- var create = this.create, text = this.text, cssStyles = this.css, root = this;
- var headersCont = this.dom.middleBar.headersCont;
- var headersSbc = this.dom.middleBar.scrollBar.cont;
- headersSbc.zm_empty();
- headersCont.zm_empty();
- headersCont.style.top = 0;
- this.resetMsgCont();
- this.selectedHeader = null;
- this.selectedMsgs.ids = [];
- this.selectedMsgs.headers = [];
- this.selectedMsgs.checkBoxes = [];
- this.generatedHeaders = {};
- this.setToolbar();
- if(arr == null) return;
- var Min = this.selectedPage * 30, Max = (this.selectedPage + 1) * 30, pages = Math.ceil(arr.length / 30);
- for(var i = Min; i < Math.min(Max, arr.length); i++)
- {
- var msg = arr[i];
- var header = this.createHeader(msg);
- headersCont.appendChild(header.cont);
- root.generatedHeaders[msg.i] = {
- 'cont': header.cont,
- 'checkBox': header.checkBox,
- 'msg': msg
- };
- }
-
- var selectAll = this.dom.middleBar.footer.selectAll;
- var ind = this.dom.middleBar.footer.indicator;
- var controlCont = this.dom.middleBar.footer.controlCont;
- var pagesCount = this.dom.middleBar.footer.pagesCount;
- selectAll.style.background = 'transparent';
- selectAll.style.display = (arr.length > 0) ? 'block' : 'none';
- if(arr.length > 30)
- {
- var width = 197 / pages;
- controlCont.style.display = 'block';
- ind.style.display = 'block';
- ind.style.width = width + 'px';
- ind.style.marginLeft = this.selectedPage * width + 'px';
- var text = 'Page ' + (this.selectedPage + 1) + '/' + pages;
- (pagesCount.innerText) ? pagesCount.innerText = text : pagesCount.textContent = text;
- }
- if(arr.length < 30)
- {
- ind.style.display = 'none';
- controlCont.style.display = 'none';
- (pagesCount.innerText) ? pagesCount.innerText = '' : pagesCount.textContent = '';
- }
- if(arr.length * 30 > headersSbc.offsetHeight)
- {
- headersSbc.zm_empty();
- var sb = create('div', cssStyles.middleBar.scrollBar.bar);
- sb.style.height = 422 * 422/(arr.length * 30) + 'px';
- this.dom.middleBar.scrollBar.bar = sb;
- headersSbc.appendChild(sb);
- this.enableScroll(sb, headersSbc, headersCont);
- }
- }
- catch(e)
- {
- console.log(e.toString());
- }
- },
-
- findContact: function(txt)
- {
- var players = zmail.data.getInstance().players;
- var root = this;
- var resultsCont = this.dom.rightBar.contacts.contentsCont;
- var cont = this.dom.rightBar.contacts.results;
- var scrollbarCont = this.dom.rightBar.contacts.scrollbarCont;
- var searchBox = this.dom.rightBar.contacts.search;
- var lowerCont = this.dom.rightBar.contacts.lowerCont;
- var arr = [];
- var str = txt.replace(/[^a-zA-Z0-9\-_]/g, '').toLowerCase();
- if (str == '')
- {
- cont.style.display = 'none';
- lowerCont.style.display = 'none';
- return;
- }
- for(var i = 0; i < players.length; i++)
- {
- if (players[i].pn.toLowerCase().substr(0,str.length) == str) arr.push(players[i]);
- if (arr.length >= 20) break;
- }
- var activate = function()
- {
- root.changeContactSelection.apply(root, arguments);
- };
- var items = [];
- resultsCont.zm_empty();
- scrollbarCont.zm_empty();
- searchBox.data.selectedIndex = 0;
- searchBox.data.isContOpen = true;
- searchBox.data.selectedGroup = 'results';
- for(var i = 0; i < arr.length; i++)
- {
- var style = (i == 0) ? 'contSelected' : 'cont';
- var Item = this.create('div', this.css.compose.leftBar.recipients.searchBox.item[style]);
- var player = this.create('p', this.css.compose.leftBar.recipients.searchBox.item.text);
- var alliance = this.create('p', this.css.compose.leftBar.recipients.searchBox.item.text);
- this.text(player, arr[i].pn);
- this.text(alliance, arr[i].an);
- Item.zm_append([player, alliance]);
- Item.data = {'id': arr[i].p, 'index': i};
- Item.onclick = function()
- {
- activate(this.data.index);
- };
- resultsCont.appendChild(Item);
- items.push(Item);
- }
- this.setContactOptions(arr[0].p);
- lowerCont.style.display = 'block';
- cont.style.display = 'block';
- cont.style.height = Math.min(145, arr.length * 49) + 'px';
- cont.style.top = searchBox.offsetTop + 30 + 'px';
- if(arr.length > 5)
- {
- var bar = this.create('div', this.css.rightBar.contacts.results.scrollbar.bar);
- scrollbarCont.appendChild(bar);
- this.enableScroll(bar, scrollbarCont, resultsCont);
- }
- searchBox.data.isContOpen = true;
- searchBox.data.results = items;
- },
-
- changeContactSelection: function(mode)
- {
- var searchBox = this.dom.rightBar.contacts.search;
- var mainCont = this.dom.rightBar.contacts.results;
- var resultsSbc = this.dom.rightBar.contacts.scrollbarCont;
- var resultsCont = this.dom.rightBar.contacts.contentsCont;
- var index = searchBox.data.selectedIndex;
- var results = searchBox.data.results;
- var length = results.length;
- var newIndex = (typeof mode === 'number') ? mode : (mode) ? (index + 1) % length : (index - 1 < 0) ? length - 1 : index - 1;
- var currentItem = results[index];
- var newItem = results[newIndex];
- currentItem.zm_css(this.css.compose.leftBar.recipients.searchBox.item.cont);
- newItem.zm_css(this.css.compose.leftBar.recipients.searchBox.item.contSelected);
- newItem.onmouseout = null;
- if (newIndex > 2 && length > 3)
- {
- resultsCont.style.top = -(newIndex - 2) * 49 + 'px';
- resultsSbc.firstChild.style.top = (((resultsSbc.offsetHeight - 20) / resultsCont.offsetHeight) * (newIndex - 2) * 49) + 10 +'px';
- }
- if (newIndex < 3 && length > 3)
- {
- resultsCont.style.top = 0;
- resultsSbc.firstChild.style.top = '10px';
- }
- searchBox.data.selectedIndex = newIndex;
- this.setContactOptions(newItem.data.id);
- },
-
- setContactOptions: function(id)
- {
- var addToSelection = this.dom.rightBar.contacts.buttons.addToSelection;
- var addAsFriend = this.dom.rightBar.contacts.buttons.addAsFriend;
- var block = this.dom.rightBar.contacts.buttons.block;
- var isFriend = this.contacts.friends.indexOf(id) > -1;
- var isBlocked = this.contacts.blocked.indexOf(id) > -1;
- var isSelected = this.selectedContacts.indexOf(id) > -1;
- addToSelection.innerHTML = (isSelected) ? 'Remove' : 'Add to selection';
- addToSelection.data.mode = (isSelected) ? 'remove' : 'add';
- addAsFriend.innerHTML = (isFriend) ? 'Remove Friend' : 'Add Friend';
- addAsFriend.data.mode = (isFriend) ? 'remove' : 'add';
- block.innerHTML = (isBlocked) ? 'Unblock' : 'Block';
- block.data.mode = (isBlocked) ? 'unblock' : 'block';
- addAsFriend.data.id = id;
- addToSelection.data.id = id;
- block.data.id = id;
- (isBlocked) ? addAsFriend.data.disable() : addAsFriend.data.enable();
- (isFriend) ? block.data.disable() : block.data.enable();
- },
-
- addFriend: function(id)
- {
- if(this.contacts.friends.indexOf(id) == -1) this.contacts.friends.push(id);
- this.dom.leftBar.contacts.friends.nodeValue = 'Friends ' + this.contacts.friends.length;
- if(this.selectedGroup == 'friends') this.populateContacts();
- this.storage.save.call(this);
- },
-
- blockContact: function(id)
- {
- if(this.contacts.blocked.indexOf(id) == -1) this.contacts.blocked.push(id);
- this.dom.leftBar.contacts.blocked.nodeValue = 'Blocked ' + this.contacts.blocked.length;
- if(this.selectedGroup == 'blocked') this.populateContacts();
- this.storage.save.call(this);
- },
-
- removeFriend: function(id)
- {
- if(this.contacts.friends.indexOf(id) > -1) this.contacts.friends.splice(this.contacts.friends.indexOf(id), 1);
- this.dom.leftBar.contacts.friends.nodeValue = 'Friends ' + (this.contacts.friends.length || '');
- if(this.selectedGroup == 'friends') this.populateContacts();
- this.storage.save.call(this);
- },
-
- unblockContact: function(id)
- {
- if(this.contacts.blocked.indexOf(id) > -1) this.contacts.blocked.splice(this.contacts.blocked.indexOf(id), 1);
- this.dom.leftBar.contacts.blocked.nodeValue = 'Blocked ' + (this.contacts.blocked.length || '');
- if(this.selectedGroup == 'blocked') this.populateContacts();
- this.storage.save.call(this);
- },
-
- addToSelection: function(id)
- {
- if(this.selectedContacts.indexOf(id) == -1)
- {
- this.selectedContacts.push(id);
- this.addSelectedContacts();
- }
- },
-
- removeFromSelection: function(id)
- {
- if(this.selectedContacts.indexOf(id) > -1)
- {
- this.selectedContacts.splice(this.selectedContacts.indexOf(id) , 1);
- this.addSelectedContacts();
- }
- },
-
- removeAllSelectedContacts: function()
- {
- var arr = this.selectedContacts, headers = this.generatedHeaders;
- for (var id in headers)
- {
- if(arr.indexOf(parseInt(id, 10)) > -1)
- {
- headers[id].checkBox.style.background = 'transparent';
- headers[id].cont.style.background = 'transparent';
- headers[id].cont.data.isSelected = false;
- }
- };
- this.selectedContacts = [];
- this.addSelectedContacts();
- },
-
- addGroupToSelection: function()
- {
- var arr = this.selectedContacts, headers = this.generatedHeaders;
- for (var id in headers)
- {
- if(arr.indexOf(parseInt(id, 10)) == -1) this.selectedContacts.push(parseInt(id, 10));
- headers[id].checkBox.style.background = '#9f9f9f';
- headers[id].cont.style.background = '#363636';
- headers[id].cont.data.isSelected = true;
- };
- this.addSelectedContacts();
- },
-
- removeGroupFromSelection: function()
- {
- var arr = this.selectedContacts, headers = this.generatedHeaders;
- for (var id in headers)
- {
- if(arr.indexOf(parseInt(id, 10)) > -1) this.selectedContacts.splice(this.selectedContacts.indexOf(parseInt(id, 10)), 1);
- headers[id].checkBox.style.background = 'transparent';
- headers[id].cont.style.background = 'transparent';
- headers[id].cont.data.isSelected = false;
- };
- this.addSelectedContacts();
- },
-
- getPlayerNameById: function(id)
- {
- var data = zmail.data.getInstance();
- var players = data.players;
- var name;
- for (var i = 0; i < players.length; i++) if (players[i].p == id) { name = players[i].pn; break; }
- return name;
- },
-
- getPlayerDataById: function(id)
- {
- var data = zmail.data.getInstance();
- var players = data.players;
- var playerData;
- for (var i = 0; i < players.length; i++) if (players[i].p == id) { playerData = players[i]; break; }
- return playerData;
- },
-
- addSelectedContacts: function()
- {
- var cont = this.dom.rightBar.contacts.cont;
- var header = this.dom.rightBar.contacts.header;
- var root = this;
- var text = this.selectedContacts.length == 0 ? 'No contacts selected.' : this.selectedContacts.length + ' contacts selected';
- (header.innerText) ? header.innerText = text : header.textContent = text;
- cont.zm_empty();
- for(var i = 0; i < this.selectedContacts.length; i++)
- {
- var id = this.selectedContacts[i], name = this.getPlayerNameById(id);
- var Item = this.create('div', this.css.compose.leftBar.recipients.recipient.cont);
- var remove = this.create('div', this.css.compose.leftBar.recipients.recipient.remove);
- this.text(Item, name);
- this.text(remove, 'X');
- remove.data = {'id': id, 'parent': Item};
- remove.onclick = function()
- {
- cont.removeChild(this.data.parent)
- var pid = this.data.id, index = root.selectedContacts.indexOf(pid);
- if(index > -1) root.selectedContacts.splice(index, 1);
- };
- Item.appendChild(remove);
- cont.appendChild(Item)
- }
- if(this.selectedContacts.length > 0)
- {
- this.dom.rightBar.contacts.buttons.removeAll.data.enable();
- this.dom.rightBar.contacts.buttons.message.data.enable();
- }
- else
- {
- this.dom.rightBar.contacts.buttons.removeAll.data.disable();
- this.dom.rightBar.contacts.buttons.message.data.disable();
- }
- },
-
- populateContacts: function()
- {
- try
- {
- var data = zmail.data.getInstance();
- var create = this.create, text = this.text, cssStyles = this.css
- var headersCont = this.dom.middleBar.headersCont;
- var headersSbc = this.dom.middleBar.scrollBar.cont, root = this;
- var selectAll = this.dom.middleBar.footer.selectAll;
- var ind = this.dom.middleBar.footer.indicator;
- var controlCont = this.dom.middleBar.footer.controlCont;
- var pagesCount = this.dom.middleBar.footer.pagesCount;
- var isAllContactsSelected = true;
- (pagesCount.innerText) ? pagesCount.innerText = '' : pagesCount.textContent = '';
- ind.style.display = 'none';
- controlCont.style.display = 'none';
- headersSbc.zm_empty();
- headersCont.zm_empty();
- headersCont.style.top = 0;
- this.setToolbar();
- this.resetMsgCont();
- this.generatedHeaders = {};
- this.dom.rightBar.msgCont.appendChild(this.dom.rightBar.contacts.main);
-
- switch(this.selectedGroup)
- {
- case 'friends':
- var contacts = [];
- this.contacts.friends.map(function(x)
- {
- var c = root.getPlayerDataById(x);
- c.name = c.pn;
- contacts.push(c);
- });
- break;
- case 'blocked':
- var contacts = [];
- this.contacts.blocked.map(function(x)
- {
- var c = root.getPlayerDataById(x);
- c.name = c.pn;
- contacts.push(c);
- });
- break;
- case 'alliance': var contacts = data.allianceMembers; break;
- case 'commanders': var contacts = data.allianceCommanders; break;
- default: var contacts = false;
- }
-
- var compareRank = function(a,b)
- {
- return (a.roleId > b.roleId) ? 1 : (a.roleId < b.roleId) ? -1 : 0;
- };
- var compareName = function(a,b)
- {
- return (a.name.toLowerCase() > b.name.toLowerCase()) ? 1 : (a.name.toLowerCase() < b.name.toLowerCase()) ? -1 : 0;
- };
- (this.selectedGroup == 'alliance' || this.selectedGroup == 'commanders') ? contacts.sort(compareRank) : contacts.sort(compareName);
- if(!contacts) return;
-
- for(var i = 0; i < contacts.length; i++)
- {
- var contact = contacts[i];
- var id = contact.p || contact.id;
- var playerName = contact.pn || contact.name;
- var contactCont = create('div', cssStyles.header.cont);
- var name = create('a', cssStyles.header.sender);
- var rank = create('p', cssStyles.header.subject);
- var checkBox = create('div', cssStyles.header.checkBox);
- var span = create('span', cssStyles.header.span);
- contactCont.data = {'id': id, 'name': playerName, 'isSelected': false, 'checkBox': checkBox};
- if (this.selectedContacts.indexOf(id) > -1)
- {
- checkBox.style.background = '#9f9f9f';
- contactCont.style.background = '#363636';
- contactCont.data.isSelected = true;
- }
- else isAllContactsSelected = false;
- text(name, playerName);
- text(rank, (contact.an || contact.role) || '');
- name.data = {'name': playerName};
- name.onclick = function(){webfrontend.gui.util.BBCode.openPlayerProfile(this.data.name)};
- name.onmousedown = function(event){if(!event) event = window.event; event.preventDefault(); event.stopPropagation()};
- name.onmouseup = function(event){if(!event) event = window.event; event.preventDefault(); event.stopPropagation()};
- span.appendChild(checkBox);
- contactCont.zm_append([span, name, rank]);
- contactCont.onmouseover = function(){if (!this.data.isSelected) this.style.background = '#363636'};
- contactCont.onmouseout = function(){if (!this.data.isSelected) this.style.background = 'transparent'};
- contactCont.onmousedown = function(){this.data.checkBox.style.background = '#202020'};
- contactCont.onclick = function()
- {
- var index = root.selectedContacts.indexOf(this.data.id);
- var isSelected = this.data.isSelected;
- if(isSelected)
- {
- this.data.checkBox.style.background = 'transparent';
- this.style.background = 'transparent';
- if (index > -1) root.selectedContacts.splice(index, 1);
- }
- else
- {
- this.data.checkBox.style.background = '#9f9f9f';
- this.style.background = '#363636';
- if (index == -1) root.selectedContacts.push(this.data.id);
- }
- this.data.isSelected = !isSelected;
- root.addSelectedContacts();
- };
- headersCont.appendChild(contactCont);
-
- root.generatedHeaders[id] = {
- 'cont': contactCont,
- 'checkBox': checkBox,
- 'name': playerName
- };
- }
- selectAll.style.display = (contacts.length > 0) ? 'block' : 'none';
- selectAll.style.background = (isAllContactsSelected && contacts.length > 0) ? '#9f9f9f' : 'transparent';
- selectAll.data.isChecked = (isAllContactsSelected && contacts.length > 0);
-
- if(contacts.length * 30 > headersSbc.offsetHeight)
- {
- var sb = create('div', cssStyles.middleBar.scrollBar.bar);
- sb.style.height = 422 * 422/(contacts.length * 30) + 'px';
- headersSbc.appendChild(sb);
- this.enableScroll(sb, headersSbc, headersCont);
- }
- }
- catch(e)
- {
- console.log(e.toString());
- }
- },
-
- dom: {
- 'window':
- {
- 'main': null,
- 'compose': null
- },
- 'leftBar':
- {
- 'folders':
- {
- 'inbox': null,
- 'outbox': null,
- 'draft': null,
- 'junk': null,
- 'trash': null,
- },
- 'items': {
- 'inbox': null,
- 'outbox': null,
- 'draft': null,
- 'junk': null,
- 'trash': null,
- 'friends': null,
- 'blocked': null,
- 'alliance': null,
- 'commanders': null
- },
- 'contacts':
- {
- 'alliance': null,
- 'commanders': null,
- 'friends': null,
- 'blocked': null
- }
- },
- 'rightBar':
- {
- 'cont': null,
- 'msgCont': null,
- 'expandCont': null,
- 'scrollBar':
- {
- 'cont': null,
- 'bar': null
- },
- 'contacts':
- {
- 'main': null,
- 'lowerCont': null,
- 'header': null,
- 'cont': null,
- 'search': null,
- 'results': null,
- 'contentsCont': null,
- 'scrollbarCont': null,
- 'buttons':
- {
- 'removeAll': null,
- 'message': null,
- 'addToSelection': null,
- 'addAsFriend': null,
- 'block': null
- }
- }
- },
- 'middleBar':
- {
- 'headersCont': null,
- 'scrollBar':
- {
- 'cont': null,
- 'bar': null,
- },
- 'footer':
- {
- 'selectAll': null,
- 'pagesCount': null,
- 'indicator': null,
- 'controlCont': null,
- }
- },
- 'topBar':
- {
- 'logo': null,
- 'menu': null,
- 'toolbar':
- {
- 'newMsg': null,
- 'reply': null,
- 'trash': null,
- 'delMsg': null,
- 'junk': null,
- 'notJunk': null,
- 'restore': null,
- 'mark': null,
- 'empty': null
- }
- },
- 'toolBar':
- {
- 'delete': null,
- 'moveToTrash': null,
- 'moveToJunk': null,
- 'moveToInbox': null,
- 'moveToOutbox': null,
- 'compose': null
- },
- 'searchResults':
- {
- 'cont': null,
- 'sender':
- {
- 'count': null,
- 'list': null
- },
- 'subject':
- {
- 'count': null,
- 'list': null
- }
- },
- 'compose':
- {
- 'leftBar':
- {
- 'recipientsMainCont': null,
- 'recipientsCont': null,
- 'recipientsSbc': null,
- 'recipientsSb': null,
- 'searchBox': null,
- 'searchBoxCont': null,
- 'results':
- {
- 'mainCont': null,
- 'scrollbarCont': null,
- 'resultsCont': null
- },
- },
- 'rightBar':
- {
- 'iframe': null,
- 'subject': null,
- 'msgCont': null,
- 'charCount': null
- }
- }
- },
-
- css:
- {
- 'window':
- {
- 'background': '#292929',
- 'width': '100%',
- 'height': '471px',
- 'paddingTop': '69px',
- 'position': 'relative',
- 'fontFamily': 'vrinda',
- 'display': 'table'
- },
- 'topBar':
- {
- 'main':
- {
- 'width': '100%',
- 'position': 'absolute',
- 'top': 0,
- 'left': 0
- },
- 'cont':
- {
- 'backgroundImage': null,
- 'height': '68px',
- 'borderBottom': '1px solid rgba(0,0,0,0.56)',
- 'width': '100%'
- },
- 'logo':
- {
- 'width': '126px',
- 'height': '24px',
- 'display': 'inline-block',
- 'verticalAlign': 'top',
- 'padding': '22px 0',
- 'textAlign': 'center',
- 'fontSize': '18px',
- 'fontWeight': 'bold',
- 'color': '#cacaca'
- },
- 'menu':
- {
- 'display': 'inline-block',
- 'verticalAlign': 'top',
- 'height': '68px'
- }
- },
- 'leftBar':
- {
- 'background': '#3a3b3b',
- 'minWidth': '126px',
- 'height': '471px',
- 'display': 'table-cell',
- 'verticalAlign': 'top',
- 'position': 'relative'
- },
- 'rightBar':
- {
- 'main':
- {
- 'height': '471px',
- 'display': 'table-cell',
- 'verticalAlign': 'top',
- 'width': '100%',
- 'position': 'relative'
- },
- 'msgMask':
- {
- 'overflow': 'hidden',
- 'position': 'relative',
- 'height': '471px',
-
- },
- 'msgCont':
- {
- 'width': '394px',
- 'position': 'absolute',
- 'top': 0,
- 'padding': '0 30px 0 20px',
- 'overflow': 'hidden',
- 'width': '100%',
- 'boxSizing': 'border-box',
- 'MozBoxSizing': 'border-box'
- },
- 'scrollBar':
- {
- 'cont':
- {
- 'width': '16px',
- 'position': 'absolute',
- 'background': '#333333',
- 'height': '471px',
- 'top': 0,
- 'right': 0
- },
- 'bar':
- {
- 'width': '16px',
- 'background': '#3b3b3b',
- 'position': 'absolute',
- 'top': '10px',
- 'over': {'background': '#424242'},
- 'out': {'background': '#3b3b3b'},
- 'down': {'background': '#707070'},
- 'up': {'background': '#3d3d3d'},
- 'pointer': 'cursor'
- }
- },
- 'contacts':
- {
- 'topWrapper':
- {
- 'width': '100%',
- 'paddingBottom': '5px',
- 'borderBottom': '1px solid #434343',
- },
- 'bottomWrapper':
- {
- 'marginLeft': '200px',
- 'width': 'auto',
- 'paddingTop': '50px',
- 'height': '125px'
- },
- 'cont':
- {
- 'width': 'auto',
- 'height': '193px',
- 'border': '1px solid #1f1f1f',
- 'background': '#323232',
- 'overflow': 'hidden',
- 'position': 'relative',
- 'padding': '5px 0 0 5px',
- 'margin': '5px 0 5px 0'
- },
- 'search':
- {
- 'width': '188px',
- 'border': '1px solid #1f1f1f',
- 'background': '#323232',
- 'color': '#6c6d6d',
- 'fontSize': '12px',
- 'marginRight': '5px',
- 'paddingLeft': '10px',
- 'outline': 'none',
- 'focus': {'outline': 'none'},
- 'blur': {'outline': 'none'},
- 'height': '25px',
- 'lineHeigt': '25px',
- 'display': 'inline-block',
- 'verticalAlign': 'top'
- },
- 'results':
- {
- 'cont':
- {
- 'position': 'absolute',
- 'width': '198px',
- 'left': '20px',
- 'border': '1px solid #1f1f1f',
- 'background': '#323232',
- 'display': 'none',
- 'maxHeight': '145px',
- },
- 'mask':
- {
- 'position': 'relative',
- 'top': 0,
- 'left': 0,
- 'width': '186px',
- 'height': '100%',
- 'overflow': 'hidden'
- },
- 'contentsCont':
- {
- 'position': 'relative',
- 'width': '100%'
- },
- 'scrollbar':
- {
- 'cont':
- {
- 'position': 'absolute',
- 'top': 0,
- 'right': 0,
- 'width': '16px',
- 'height': '100%',
- 'background': '#363636'
- },
- 'bar':
- {
- 'position': 'absolute',
- 'top': '10px',
- 'background': '#3d3d3d',
- 'width': '16px',
- 'over': {'background': '#424242'},
- 'out': {'background': '#3d3d3d'},
- 'down': {'background': '#707070'},
- 'up': {'background': '#3d3d3d'}
- }
- },
- },
- 'button':
- {
- 'active':
- {
- 'height': '25px',
- 'textAlign': 'center',
- 'background': '#4e4e4e',
- 'color': '#8b8b8b',
- 'fontSize': '12px',
- 'lineHeight': '25px',
- 'over': {'background': '#266589', 'color': '#c2c2c2'},
- 'out': {'background': '#4e4e4e', 'color': '#8b8b8b'},
- 'cursor': 'pointer',
- 'marginTop': '1px'
- },
- 'disabled':
- {
- 'height': '25px',
- 'textAlign': 'center',
- 'background': '#3f3f3f',
- 'color': '#8b8b8b',
- 'fontSize': '12px',
- 'lineHeight': '25px',
- 'over': {'background': '#3f3f3f', 'color': '#8b8b8b'},
- 'out': {'background': '#3f3f3f', 'color': '#8b8b8b'},
- 'cursor': 'default',
- 'marginTop': '1px'
- }
- }
- }
- },
- 'middleBar':
- {
- 'cont':
- {
- 'background': '#2e2e2e',
- 'minWidth': '197px',
- 'height': '471px',
- 'display': 'table-cell',
- 'verticalAlign': 'top',
- 'position': 'relative'
- },
- 'headers':
- {
- 'mask':
- {
- 'width': '180px',
- 'height': '422px',
- 'display': 'inline-block',
- 'verticalAlign': 'top',
- 'overflow': 'hidden',
- 'position': 'relative'
- },
- 'scroll':
- {
- 'position': 'absolute'
- }
- },
- 'scrollBar':
- {
- 'cont':
- {
- 'width': '16px',
- 'height': '421px',
- 'top': 0,
- 'right': 0,
- 'background': '#333333',
- 'borderRight': '1px solid rgba(0,0,0,0.2)',
- 'position': 'absolute'
- },
- 'bar':
- {
- 'width': '16px',
- 'background': '#3b3b3b',
- 'position': 'absolute',
- 'top': '10px',
- 'over': {'background': '#424242'},
- 'out': {'background': '#3b3b3b'},
- 'down': {'background': '#707070'},
- 'up': {'background': '#3d3d3d'},
- 'pointer': 'cursor'
- }
- },
- 'footer':
- {
- 'cont':
- {
- 'width': '197px',
- 'background': '#424343',
- 'borderRight': '1px solid rgba(0,0,0,0.3)',
- 'height': '48px',
- 'display': 'inline-block',
- 'verticalAlign': 'top',
- 'position': 'relative'
- },
- 'pagesBar':
- {
- 'width': '100%',
- 'height': '2px',
- 'background': '#377395'
- },
- 'indicator':
- {
- 'height': '2px',
- 'background': '#898989'
- },
- 'selectAll':
- {
- 'checkBox':
- {
- 'border': '1px solid #5b5e5e',
- 'width': '10px',
- 'height': '10px',
- 'margin': '10px 0 0 5px',
- 'cursor': 'pointer'
- },
- 'span':
- {
- 'width': '20px',
- 'height': '59px',
- 'position': 'absolute',
- 'left': '2px',
- 'top': '2px'
- }
- },
- 'pagesControls':
- {
- 'cont':
- {
- 'width': '85px',
- 'height': '20px',
- 'position': 'absolute',
- 'right': '11px',
- 'top': '10px'
- },
- 'label':
- {
- 'position': 'absolute',
- 'left': '30px',
- 'top': '10px',
- 'padding': 0,
- 'height': '20px',
- 'lineHeight': '20px',
- 'color': '#7f7f7f',
- 'display': 'none',
- 'fontSize': '12px'
- },
- 'icon':
- {
- 'width': '20px',
- 'height': '20px',
- 'backgroundPosition': 'center',
- 'backgroundRepeat': 'no-repeat',
- 'display': 'inline-block',
- 'verticalAlign': 'top',
- 'margin': 0,
- 'padding': 0,
- 'cursor': 'pointer'
- }
- }
- }
- },
-
- 'tableCellWrapper':
- {
- 'position': 'relative',
- 'display': 'block'
- },
-
- 'ul':
- {
- 'leftBar':
- {
- 'main':
- {
- 'width': '124px',
- 'listStyleType': 'none',
- 'padding': 0,
- 'margin': '10px 0 0 0'
- },
- 'sub':
- {
- 'width': '124px',
- 'listStyleType': 'none',
- 'padding': 0,
- 'margin': 0
- }
- },
- 'toolbar':
- {
- 'main':
- {
- 'listStyleType': 'none',
- 'margin': 0,
- 'padding': 0,
- 'height': '68px'
- },
- 'sub':
- {
- 'border': '3px solid #404144',
- 'display': 'none',
- 'borderTop': 'none',
- 'background': '#266589',
- 'listStyleType': 'none',
- 'width': '100%',
- 'margin': 0,
- 'padding': 0,
- 'position': 'absolute',
- 'top': '69px',
- 'left': '-3px',
- 'zIndex': 1000
- }
- }
- },
- 'li':
- {
- 'leftBar':
- {
- 'main':
- {
- 'fontSize': '24px',
- 'color': '#999999',
- 'minHeight': '30px',
- 'textIndent': '14px'
- },
- 'sub':
- {
- 'fontSize': '12px',
- 'color': '#909090',
- 'background': 'transparent',
- 'height': '20px',
- 'lineHeight': '20px',
- 'textIndent': '30px',
- 'cursor': 'pointer',
- 'over':
- {
- 'background': '#545555',
- 'color': '#aeaeae'
- },
- 'out':
- {
- 'background': 'transparent',
- 'color': '#909090'
- }
- },
- 'subSelected':
- {
- 'fontSize': '12px',
- 'color': '#aeaeae',
- 'height': '20px',
- 'lineHeight': '20px',
- 'textIndent': '30px',
- 'cursor': 'pointer',
- 'background': '#545555',
- 'over':
- {
- 'background': '#545555',
- 'color': '#aeaeae'
- },
- 'out':
- {
- 'background': '#545555',
- 'color': '#aeaeae'
- }
- }
- },
- 'toolbar':
- {
- 'textOnly':
- {
- 'height': '68px',
- 'display': 'inline-block',
- 'verticalAlign': 'top',
- 'textAlign': 'left',
- 'fontSize': '16px',
- 'lineHeight': '68px',
- 'color': '#cacaca',
- 'cursor': 'pointer',
- 'padding': '0 10px'
- },
- 'withIcon':
- {
- 'height': '68px',
- 'display': 'inline-block',
- 'verticalAlign': 'top',
- 'textAlign': 'left',
- 'fontSize': '16px',
- 'lineHeight': '68px',
- 'color': '#cacaca',
- 'cursor': 'pointer',
- 'padding': '0 10px 0 45px',
- 'position': 'relative'
- },
- 'withDrop':
- {
- 'height': '68px',
- 'display': 'inline-block',
- 'verticalAlign': 'top',
- 'textAlign': 'left',
- 'fontSize': '16px',
- 'lineHeight': '68px',
- 'color': '#cacaca',
- 'cursor': 'pointer',
- 'padding': '0 30px 0 10px',
- 'position': 'relative'
- },
- 'icon':
- {
- 'width': '30px',
- 'height': '30px',
- 'position': 'absolute',
- 'top': '15px',
- 'left': '10px'
- },
- 'drop':
- {
- 'width': '20px',
- 'position': 'absolute',
- 'right': 0,
- 'top': 0,
- 'height': '68px',
- 'lineHeight': '68px',
- 'fontWeight': 'bold',
- 'over': {'backgroundColor': '#266589'},
- 'out': {'backgroundColor': 'transparent'},
- 'backgroundPosition': '0 center',
- 'backgroundRepeat': 'no-repeat'
- },
- 'newIcon':
- {
- 'width': '30px',
- 'height': '30px',
- 'position': 'absolute',
- 'top': '18px',
- 'left': '10px',
- 'padding': 0,
- 'margin': 0,
- 'backgroundPosition': 'center',
- 'backgroundRepeat': 'no-repeat'
- },
- 'sub':
- {
- 'padding': '5px 10px',
- 'over': {'background': '#377395', 'color': '#cacaca'},
- 'out': {'background': 'transparent', 'color': '#aeaeae'},
- 'color': '#aeaeae',
- 'fontSize': '12px',
- 'height': '20px',
- 'lineHeight': '20px',
- 'textAlign': 'center',
- 'borderBottom': '1px solid #404040',
- }
- }
- },
- 'input':
- {
- 'text':
- {
- 'search':
- {
- 'width': '87px',
- 'border': '1px solid #1f1f1f',
- 'height': '14px',
- 'margin': '10px 7px 0 7px',
- 'padding': '5px 15px 5px 10px',
- 'color': '#333333',
- 'fontSize': '12px',
- 'background': '#525252',
- 'focus':
- {
- 'color': '#aeaeae',
- 'outline': 'none'
- },
- 'blur':
- {
- 'color': '#333333'
- }
- }
- }
- },
- 'header':
- {
- 'sender':
- {
- 'fontSize': '14px',
- 'cursor': 'pointer',
- 'color': '#377395',
- 'height': '20px',
- 'lineHeight': '20px',
- 'margin': '2px 0 0 0',
- 'display': 'block',
- 'maxWidth': '96px',
- 'display': 'inline-block',
- 'textOverflow': 'ellipsis',
- 'overflow': 'hidden',
- 'whiteSpace': 'nowrap'
- },
- 'date':
- {
- 'fontSize': '12px',
- 'color': '#4d4d4d',
- 'position': 'absolute',
- 'height': '15px',
- 'right': '10px',
- 'top': '8px',
- 'fontWeight': 'bold',
- 'cursor': 'default'
- },
- 'subject':
- {
- 'fontSize': '14px',
- 'color': '#909090',
- 'width': '100%',
- 'height': '30px',
- 'marginTop': '5px',
- 'textOverflow': 'ellipsis',
- 'overflow': 'hidden',
- 'whiteSpace': 'nowrap'
- },
- 'cont':
- {
- 'width': '150px',
- 'height': '49px',
- 'borderBottom': '1px solid #292929',
- 'position': 'relative',
- 'padding': '5px 5px 5px 25px',
- 'fontWeight': 'normal'
- },
- 'contUnRead':
- {
- 'width': '150px',
- 'height': '49px',
- 'fontWeight': 'bold',
- 'borderBottom': '1px solid #242424',
- 'position': 'relative',
- 'padding': '5px 5px 5px 25px',
- 'background': '#292929'
- },
- 'checkBox':
- {
- 'border': '1px solid #5b5e5e',
- 'width': '10px',
- 'height': '10px',
- 'margin': '10px 0 0 5px',
- },
- 'span':
- {
- 'width': '20px',
- 'height': '59px',
- 'position': 'absolute',
- 'left': '2px',
- 'top': 0,
- 'borderBottom': '1px solid #292929',
- 'cursor': 'pointer'
- }
- },
- 'message':
- {
- 'subject':
- {
- 'color': '#6c6d6d',
- 'fontSize': '18px',
- 'fontWeight': 'bold',
- 'padding': '10px 0 5px 0',
- 'width': '100%',
- 'borderBottom': '2px solid #3f3e3e',
- 'margin': 0
- },
- 'date':
- {
- 'fontSize': '12px',
- 'color': '#6c6d6d',
- 'position': 'absolute',
- 'top': '5px',
- 'right': '10px'
- },
- 'from':
- {
- 'position': 'relative',
- 'fontSize': '12px',
- 'color': '#6c6d6d',
- 'minHeight': '12px',
- 'padding': '5px 5% 0 0',
- 'margin': '0',
- 'display': 'block',
- 'whiteSpace': 'nowrap',
- 'overflow': 'hidden',
- 'maxWidth': '95%'
- },
- 'expand':
- {
- 'width': '5%',
- 'height': '14px',
- 'padding': 0,
- 'lineHeight': '14px',
- 'display': 'block',
- 'position': 'absolute',
- 'bottom': '2px',
- 'background': '#292929',
- 'right': 0,
- 'cursor': 'pointer',
- 'backgroundPosition': 'center',
- 'backgroundRepeat': 'no-repeat',
- 'opacity': 0.8,
- 'over': {'opacity': 1},
- 'out': {'opacity': 0.8}
- },
-
- 'actionLink':
- {
- 'display': 'inline-block',
- 'verticalAlign': 'top',
- 'color': '#b8b8b8',
- 'cursor': 'pointer',
- 'marginLeft': '20px',
- 'opacity': 0.8,
- 'over': {'opacity': 1},
- 'out': {'opacity': 0.8}
- },
-
- 'body':
- {
- 'fontSize': '14px',
- 'color': '#848585',
- 'marginTop': '30px',
- 'paddingBottom': '20px',
- 'borderBottom': '1px solid #3f3e3e'
- }
- },
- 'link':
- {
- '_12':
- {
- 'fontSize': '12px',
- 'color': '#377395',
- 'textDecoration': 'none',
- 'cursor': 'pointer',
- 'marginRight': '10px',
- 'display': 'inline-block'
- },
- '_14':
- {
- 'fontSize': '14px',
- 'color': '#377395',
- 'textDecoration': 'none',
- 'cursor': 'pointer'
- }
- },
- 'searchResults':
- {
- 'cont':
- {
- 'border': '1px solid #1f1f1f',
- 'background': '#266589',
- 'position': 'absolute',
- 'top': '37px',
- 'left': '7px',
- 'width': '112px',
- 'display': 'none'
- },
- 'li':
- {
- 'main':
- {
- 'margin': 0,
- 'padding': 0
- },
- 'sub':
- {
- 'color': '#969696',
- 'borderBottom': '#404040',
- 'textIndent': '15px',
- 'cursor': 'pointer',
- 'over': {'background': '#377395', 'color': '#b4b4b4'},
- 'out': {'background': 'transparent', 'color': '#969696'},
- 'fontSize': '12px',
- 'height': '19px',
- 'lineHeight': '20px',
- 'borderBottom': '1px solid #377395'
- }
- },
- 'count':
- {
- 'color': '#919090',
- 'position': 'absolute',
- 'fontSize': '12px',
- 'right': '10px',
- 'top': '2px'
- },
- 'ul':
- {
- 'listStyleType': 'none',
- 'margin': 0,
- 'padding': 0,
- 'width': '100%'
- },
- 'text':
- {
- 'position': 'relative',
- 'backgroundImage': '',
- 'borderBottom': '1px solid rgba(0,0,0,0.30)',
- 'height': '24px',
- 'color': '#292929',
- 'fontSize': '12px',
- 'margin': 0,
- 'padding': '0 5px',
- 'lineHeight': '24px'
- }
- },
- 'compose':
- {
- 'window':
- {
- 'background': '#292929',
- 'width': '100%',
- 'height': '471px',
- 'paddingTop': '69px',
- 'position': 'relative',
- 'fontFamily': 'vrinda',
- 'display': 'table'
- },
- 'topBar':
- {
-
- },
- 'leftBar':
- {
- 'cont':
- {
- 'minWidth': '256px',
- 'position': 'relative',
- 'background': '#3a3b3b',
- 'height': '471px',
- 'display': 'table-cell',
- 'verticalAlign': 'top'
- },
- 'recipients':
- {
- 'toText':
- {
- 'color': '#8d8c8c',
- 'fontSize': '12px',
- 'margin': '10px 0 5px 15px'
- },
- 'main':
- {
- 'position': 'relative',
- 'border': '1px solid #1f1f1f',
- 'background': '#323232',
- 'width': '238px',
- 'margin': '0 auto',
- 'minHeight': '20px',
- 'maxHeight': '180px'
- },
- 'mask':
- {
- 'position': 'relative',
- 'overflow': 'hidden',
- 'width': '100%',
- 'height': '100%',
- 'maxHeight': '180px'
- },
- 'cont':
- {
- 'padding': '5px 20px 0 5px',
- 'position': 'absolute',
- 'boxSizing': 'border-box',
- 'MozBoxSizing': 'border-box',
- 'width': '100%',
- 'lineHeight': '10px'
- },
- 'scrollbar':
- {
- 'cont':
- {
- 'position': 'absolute',
- 'top': 0,
- 'right': 0,
- 'width': '16px',
- 'height': '100%',
- 'maxHeight': '180px',
- 'background': '#363636'
- },
- 'bar':
- {
- 'position': 'absolute',
- 'top': '10px',
- 'background': '#3d3d3d',
- 'width': '16px',
- 'over': {'background': '#424242'},
- 'out': {'background': '#3d3d3d'},
- 'down': {'background': '#707070'},
- 'up': {'background': '#3d3d3d'}
- }
- },
- 'recipient':
- {
- 'cont':
- {
- 'margin': '0 5px 5px 0',
- 'background': '#266589',
- 'color': '#bcbcbc',
- 'fontSize': '12px',
- 'height': '20px',
- 'lineHeight': '20px',
- 'padding': '0 20px 0 10px',
- 'textOverflow': 'ellipsis',
- 'maxWidth': '100%',
- 'overflow': 'hidden',
- 'display': 'inline-block',
- 'position': 'relative'
- },
- 'remove':
- {
- 'position': 'absolute',
- 'top': 0,
- 'right': 0,
- 'width': '15px',
- 'height': '20px',
- 'lineHeight': '20px',
- 'color': '#bcbcbc',
- 'over': {'background': '#377395'},
- 'out': {'background': 'transparent'},
- 'fontSize': '10px',
- 'textAlign': 'center',
- 'cursor': 'pointer'
- }
- },
- 'textField':
- {
- 'height': '15px',
- 'lineHeight': '15px',
- 'maxWidth': '100%',
- 'minWidth': '20%',
- 'width': '90%',
- 'border': 'none',
- 'background': 'transparent',
- 'outline': 'none',
- 'focus': {'outline': 'none', 'background': 'transparent'},
- 'blur': {'outline': 'none', 'background': 'transparent'},
- 'color': '#919191',
- 'margin': 0,
- 'padding': '0 5px 5px 0'
- },
- 'textFieldCont':
- {
- 'display': 'block',
- 'margin': 0,
- 'padding': 0,
- 'lineHeight': '10px'
- },
- 'searchBox':
- {
- 'cont':
- {
- 'border': '1px solid #1f1f1f',
- 'background': '#323232',
- 'position': 'absolute',
- 'left': '7px',
- 'width': '243px',
- 'maxHeight': '244px',
- 'display': 'none'
- },
- 'mask':
- {
- 'width': '227px',
- 'height': '100%',
- 'overflow': 'hidden',
- 'position': 'relative'
- },
- 'scrollbar':
- {
- 'cont':
- {
- 'position': 'absolute',
- 'top': 0,
- 'right': 0,
- 'width': '16px',
- 'height': '100%',
- 'background': '#363636'
- },
- 'bar':
- {
- 'position': 'absolute',
- 'top': '10px',
- 'background': '#3d3d3d',
- 'width': '16px',
- 'over': {'background': '#424242'},
- 'out': {'background': '#3d3d3d'},
- 'down': {'background': '#707070'},
- 'up': {'background': '#3d3d3d'}
- }
- },
- 'itemsCont':
- {
- 'width': '100%',
- 'position': 'absolute',
- 'top': 0
- },
- 'item':
- {
- 'cont':
- {
- 'height': '48px',
- 'borderBottom': '1px solid #3e3e3e',
- 'color': '#8e8e8e',
- 'background': 'transparent',
- 'over': {'background': '#266589', 'color': '#bcbcbc'},
- 'out': {'background': 'transparent', 'color': '#8e8e8e'}
- },
- 'contSelected':
- {
- 'height': '48px',
- 'borderBottom': '1px solid #3e3e3e',
- 'color': '#bcbcbc',
- 'background': '#266589'
- },
- 'text':
- {
- 'fontSize': '14px',
- 'textOverflow': 'ellipsis',
- 'height': '15px',
- 'lineHeight': '15px',
- 'padding': '5px 10px 0 10px',
- 'margin': 0
- }
- }
- }
- },
- 'contacts':
- {
- 'cont':
- {
- 'position': 'absolute',
- 'bottom': 0
- }
- },
- 'tableOptions':
- {
- 'button':
- {
- 'height': '25px',
- 'width': '40%',
- 'margin': '50px 0 0 15px',
- 'textAlign': 'center',
- 'background': '#4e4e4e',
- 'color': '#8b8b8b',
- 'fontSize': '12px',
- 'lineHeight': '25px',
- 'over': {'background': '#266589', 'color': '#c2c2c2'},
- 'out': {'background': '#4e4e4e', 'color': '#8b8b8b'},
- 'cursor': 'pointer',
- 'display': 'inline-block'
- },
- 'inputCont':
- {
- 'position': 'relative'
- },
- 'input':
- {
- 'width': '150px',
- 'border': '1px solid #1f1f1f',
- 'background': '#323232',
- 'color': '#6c6d6d',
- 'fontSize': '12px',
- 'margin': '10px 15px 0 15px',
- 'paddingLeft': '10px',
- 'outline': 'none',
- 'focus': {'outline': 'none'},
- 'blur': {'outline': 'none'},
- 'height': '23px',
- 'lineHeigt': '25px'
- },
- 'label':
- {
- 'display': 'inline-block',
- 'verticalAlign': 'top',
- 'height': '25px',
- 'marginTop': '10px',
- 'lineHeight': '25px',
- 'color': '#6c6d6d',
- 'fontSize': '12px'
- },
- 'span':
- {
- 'position': 'absolute',
- 'top': '-5px',
- 'left': '25px',
- 'height': '20px',
- 'lineHeight': '20px',
- 'color': '#6c6d6d',
- 'width': '190px',
- 'fontSize': '12px'
- },
- 'checkbox':
- {
- 'border': '1px solid #5b5e5e',
- 'width': '10px',
- 'height': '10px',
- 'margin': '15px 0 0 15px',
- 'cursor': 'pointer',
- 'position': 'relative'
- }
- }
- },
- 'rightBar':
- {
- 'cont':
- {
- 'height': '471px',
- 'display': 'table-cell',
- 'verticalAlign': 'top',
- 'position': 'relative',
- 'width': '100%'
- },
- 'msgMask':
- {
- 'overflow': 'hidden',
- 'position': 'relative',
- 'height': '471px',
- 'width': 'inherit',
- },
- 'msgCont':
- {
- 'width': '100%',
- 'position': 'absolute',
- 'top': 0,
- 'overflowX': 'hidden',
- 'padding': '107px 30px 20px 20px',
- 'boxSizing': 'border-box',
- 'MozBoxSizing': 'border-box'
- },
- 'msgHeader':
- {
- 'position': 'absolute',
- 'top': 0,
- 'left': 0,
- 'padding': '0 30px 0 14px',
- 'boxSizing': 'border-box',
- 'MozBoxSizing': 'border-box',
- 'background': '#292929',
- 'width': '100%'
- },
- 'scrollBar':
- {
- 'cont':
- {
- 'width': '16px',
- 'position': 'absolute',
- 'background': '#333333',
- 'height': '471px',
- 'top': 0,
- 'right': 0
- },
- 'bar':
- {
- 'width': '16px',
- 'background': '#3b3b3b',
- 'position': 'absolute',
- 'top': '10px',
- 'over': {'background': '#424242'},
- 'out': {'background': '#3b3b3b'},
- 'down': {'background': '#707070'},
- 'up': {'background': '#3d3d3d'},
- 'pointer': 'cursor'
- }
- },
- 'textField':
- {
- 'color': '#6c6d6d',
- 'fontSize': '18px',
- 'fontWeight': 'bold',
- 'width': '100%',
- 'border': 'none',
- 'borderBottom': '2px solid #3f3e3e',
- 'margin': '0',
- 'padding': '10px 0 5px 0',
- 'outline': 'none',
- 'background': 'transparent',
- 'focus': {'outline': 'none'},
- 'blur': {'outline': 'none'},
- 'height': '25px',
- 'lineHeigt': '25px'
- },
- 'textArea':
- {
- 'margin': 0,
- 'padding': 0,
- 'border': 'none',
- 'width': '100%',
- 'minHeight': '30px',
- 'height': '100px',
- 'cursor': 'text'
- },
- 'expand':
- {
- 'position': 'absolute',
- 'top': '7px',
- 'right': '27px',
- 'backgroundPosition': 'center',
- 'backgroundRepeat': 'no-repeat',
- 'width': '30px',
- 'height': '30px',
- 'opacity': 0.6,
- 'cursor': 'pointer',
- 'over': {'opacity': 1},
- 'out': {'opacity': 0.6}
- },
- 'toolbar':
- {
- 'cont':
- {
- 'height': '20px',
- 'margin': '10px 0 20px 0'
- },
- 'icon':
- {
- 'display': 'inline-block',
- 'verticalAlign': 'top',
- 'cursor': 'pointer',
- 'backgroundRepeat': 'no-repeat',
- 'backgroundPosition': 'center',
- 'width': '26px',
- 'height': '20px',
- 'opacity': 0.5,
- 'over': {'opacity': 0.8},
- 'out': {'opacity': 0.5}
- },
- },
- 'origionalMsg':
- {
- 'cont':
- {
- 'width': '100%',
- 'background': '#747474',
- 'color': '#292929',
- 'position': 'relative',
- 'border': '1px solid #1d1d1d',
- 'fontSize': '14px',
- 'padding': '20px',
- 'boxSizing': 'border-box',
- 'MozBoxSizing': 'border-box',
- 'margin': '10px 0'
- },
- 'close':
- {
- 'width': '20px',
- 'height': '20px',
- 'position': 'absolute',
- 'top': '3px',
- 'right': '3px',
- 'color': '#080808',
- 'textAlign': 'center',
- 'lineHeight': '20px',
- 'fontSize': '12px',
- 'fontWeight': 'bold',
- 'cursor': 'pointer'
- },
- 'date':
- {
- 'fontSize': '12px',
- 'position': 'absolute',
- 'top': '5px',
- 'right': '12px',
- 'margin': 0
- },
- 'from':
- {
- 'position': 'relative',
- 'fontSize': '14px',
- 'paddingTop': '5px',
- 'margin': '0 0 10px 0',
- 'fontWeight': 'bold'
- },
- }
- }
- }
- },
-
- res:
- {
- 'controls':
- {
- 'next': 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAXUlEQVQYV2Oct3DhBsZ//xISExM/MOABjPMXLvzP8P//AyAGqk08gEstRCECNCTGxzdiU4yukAGoa2FSfHwCumJ0hY1AExtwmgg05SHUQ7jdSLSv8QUJshwj1RUCALdQMQvYKq1HAAAAAElFTkSuQmCC',
- 'previous': 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAZUlEQVQYV2NkwALmz58vwMDIOD8xISEQJs2Irg6oyAGkCIgVEuPj4fIoCucvXNgA1FgP04xV4byFCxcAdcUj20CZiTCTQG78z8QEMl0ep4lIigVAipPi4wNw+hpbcIHEMIKHYoUATvMeC0yTB00AAAAASUVORK5CYII=',
- 'first': 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAd0lEQVQYV2Ocv3DhfwYg+PfnD19ycvJnEHv+/PkCDIyM8xMTEgJBfBBgRFcIVOQAUgTEConx8YxYFTKxsBQDJephktgV/v+/lImRMRqmCERTaCLUMyA3/mdiWgB0nDxOE5F9DVKcFB8fAPcMspvwseHeJ6SBaIUAZidKC2YCLWUAAAAASUVORK5CYII=',
- 'last': 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAdElEQVQYV2Oct3DhBsZ//xISExM/MADB3LlzeZlYWD6B2Inx8YwgGgQY5y9c+J/h//8HQAxUm3gAv0KYNgaGhn9//vThNhGhkOHf//9LmRgZo7FbjVDYCDSxF6eJ/xkYHkI9hNuNRPsayXl4mfBwIqSBaIUAjElLC7H537YAAAAASUVORK5CYII='
- },
- 'tools':
- {
- 'bold': 'url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAQCAYAAAAI0W+oAAAAjElEQVQ4jeXSIQoCURCA4QWrYLJ6AMEqWD2DN/AYJu+xySSYBG9gtQqCYLIKewDhs0xYlo3zBPGHgceUD4ZXVX8balw6s8M0Gzrr74VJNtTEe4AlnoGti0Ct3b44hBUa3DHMhro9vv0Z5tlQ+3QjbAI7FoNiNw7oVhraBnTKhvp6Y1ESuuKAWRryU30AvDon2Jg0sc0AAAAASUVORK5CYII=)',
- 'italic': 'url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAQCAYAAAAI0W+oAAAAbElEQVQ4jc3SsQmDUABFUSshrZWQDQIOIKQSskoqIasEUrmKYBVwEsEqM5w02UD+I3eB09yq+udQo0tAPdYEdMeUgJ54JKAZtwS04VwaafApivygK94JKHbcC2MCWjAkoB1taSR23AmX4tCRvtMVYAewYq2yAAAAAElFTkSuQmCC)',
- 'underline': 'url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAQCAYAAAAI0W+oAAAAjElEQVQ4je3TsQkCQRBG4QNBuMgabMJW7OBSwcgChIss4DoQTO3ASDC1BlMjo4PPwAEvWRB2OQzuRcP+MI8ZZqvqn8ATbSLb+bCYRJNodFFdQvRAl8ha9NmSaHbBNZGdcS8l2sZ6DpgP3hv02JcSzXD05YZX1KehvJRwiXVMtsGqqGAU4rR/Jf8v5fIG4y4UzcoLKWQAAAAASUVORK5CYII=)',
- 'fontColor': 'url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAQCAYAAAAI0W+oAAAAnUlEQVQ4jeWSUQ2AMAwFkYAEJEwCEpCABCQgAQmTgoRJQMIcHD9tWCCULGwJCS9p0o+2t66vaTIE9Bzqc3qzBPgE5GtBWiACAdgkb2uARtlkBCbNa4CCbiEBEEpD3Pkuyb1cSdBlaOJAb7RmgyL3iqUgaoIVmE+xFjNFMuxyC2DQR7yFdDJoM2r0W7s3oEWGLEaNf6r5hgyXmfoPaAdIK7bxpwVYhAAAAABJRU5ErkJggg==)',
- 'highlight': 'url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAQCAYAAAAI0W+oAAAAbklEQVQ4je3SUQ2AMAyE4UlAyiRMwiRMAlKQgASk4eDnpSzNAsmStXuBE9AvvVwIAwEKcAJx5E4PcscHa5CKzUAAyo88IdkdESjKslyRVWrTmDmS9AeCZWtkaeraTAEFJeAQZHdBpuVlyt35BnQBq8S/rmUi4OkAAAAASUVORK5CYII=)',
- 'player': 'url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAQCAYAAAAI0W+oAAAAoUlEQVQ4jc3PsQpBYQCG4VMmk9XkJpTJBSjX4AJMymo6ZTIppUzuQLkMk9WkTCYXoNRjIcrf4fSfv7wX8D19WfaPoYERJminQpo4e3VDPwWU+2yXAloHoFMKqBeA5pVDD2z+hhxQT4FMA4+2qFWJjAPIs2VVSAvXAggGVUCLLwgcYpEaLj9A0I2BOj8ikMdAwxLQJgaalYD2MdCqBHQs2roDRL7rpNTLvRUAAAAASUVORK5CYII=)',
- 'alliance': 'url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAQCAYAAAAI0W+oAAABGklEQVQ4jc3U0UdDYRjH8RGxq66ivyEiRv9EtxG7jRGxq4gRIyJijIjoPxgR3XYVY3Q1RoyuInYVMcani206PXsdOxT9rs55/J7f93nf876nVPqPwhrqaKDyV5ANvPnWBLu/FVzHKXbQtKhu9BWFbOIjE9jHbQL0ilao1YqArkPzBNUEqIWnCC8CaiRCj8P0A1QSvscioDIeMs1dXCZC71DLvL9gqwhoH++z5r70QZjrCu3Z8ycusLoM5DAEHWCcA4IjjMJKV/Ig26Yffq5eZto8DXAeavU8UCeYT8KkeYo7MUI5BVkPq0k156np558DqinQXjCNTW/8surgPtRuUqCzYBqanqBl9WzxovdSoGhKNeZpaPFADOf5X3Iixhnv5aZoAAAAAElFTkSuQmCC)',
- 'coords': 'url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAQCAYAAAAI0W+oAAAA00lEQVQ4jc3SIQoCQRTG8YVNWz2AYDIJpk0eYGGryQMIgrDJKphMgskDmASrJzGZBGFBEASTICz8DY7weDiLzkzwi/Ox78fOvCj6twApsAPOvHICtkA7JDIDKj7nDgxDIIUYegFSc54BD9HlPkgCXMWwQvVL0R18oFxdk4YWqu+4QhM16Ai0TNcFbqrvu0IjywKUlnO3dwJ6loG2NF0hvQx12TshAtMPbsvYF2p88VclkHhBBhvUIBWQeSMCW1mgaTDEQDGwVsgGiINCAnwvx/yX757Sbx5xpkiHLQAAAABJRU5ErkJggg==)',
- 'table': 'url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAQCAYAAAAI0W+oAAAAgUlEQVQ4je3RIQ6DQBRFUSyKBIvForqnJii2UlvFhpqQsIbaWuzBjJ0MM2JSwUuee/k3P7dpIkGLR2bb2L1oMMnP9NegEQc2fBLdwnbMBgXYju7CrsNeBKkGwoAfVrwTXcN2KAH1+GLBM9ElbPvSr25Ht6OKoNqOXpgvOJrDNuroBLUtQ3//HcJ5AAAAAElFTkSuQmCC)',
- 'insertunorderedList': 'url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAQCAYAAAAI0W+oAAAAO0lEQVQ4jWNgGEjw//9/g////z/4//+/Aa0tevAfAh4giRENSLEIw0c0sWj4gdHEMJoY4GA0MYzMxAAA6QxndHKcgPEAAAAASUVORK5CYII=)',
- 'insertorderedList': 'url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAQCAYAAAAI0W+oAAAAcElEQVQ4je3SMQ2AQAxG4UpBAhKQgDSkIOEkIAEJOPhYbrgQBiCUiTe2aV7b/BEnYIGz3qugP4rc4K4sX/R4ux+s9XNLtqjDgLWppYRhqFeN2SJVVC4P/UREoGD7KnUFc1NLCUOHqR3KEpWautdetwOK5H3Pn7B4CQAAAABJRU5ErkJggg==)',
- 'indent': 'url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAQCAYAAAAI0W+oAAAAUUlEQVQ4jdWRwQkAIAwD3X+KbBq/UiIF20p7z2A8jGt1hYLZohJI4peIVqamC095dCGyuOjSh1sMvKRWJIQQWfxvzKUQWboI7qHxpE7WQvTKBmYgK+hcRGVIAAAAAElFTkSuQmCC)',
- 'outdent': 'url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAQCAYAAAAI0W+oAAAAS0lEQVQ4jWNgGEzgPxYwtC0aVOD///8LyNFEEKBbQlZwkmIRzBKaxhuyJTRNKFSziG5BR4xFyJaRbRGJjlpAF4uoAuiSsuhqETUAAAP+K+ha7EZ4AAAAAElFTkSuQmCC)',
- 'justifyleft': 'url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAQCAYAAAAI0W+oAAAALElEQVQ4jWNgGEjwn0Iw+CwafoBuQTUaJ2QDUoOO7KCkm0XDD9AtqIZ0nAAA5z6+ULjEuxYAAAAASUVORK5CYII=)',
- 'justifycenter': 'url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAQCAYAAAAI0W+oAAAALElEQVQ4jWNgGEjwn0Iw+Cwa3oBuwTUaLyQB8hI1GcFIN4uGN6BbcA25eAEAdxKecO5FA68AAAAASUVORK5CYII=)',
- 'justifyright': 'url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAQCAYAAAAI0W+oAAAALElEQVQ4jWNgGEjwn0Iw+Cwa/oBuQTcaR0QDUoOK7KCjm0XDH9At6IZUHAEA8oq+UNVXS0cAAAAASUVORK5CYII=)',
- 'link': 'url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAQCAYAAAAI0W+oAAAAiElEQVQ4je2S3Q2AIAyEHcFRGIERGIERHIERGMURGMUR3ODzwWoqIUZ8MJhwSV96lOvPDUPHbwEEIGXhFG8KfHgjAjADFvDAIjkLjMAq4SU3C/9cTD5IVd3tdQlYawrOztR0d7i8bVLos9UdU0Q59KSOPwJO+EWZIVabQYnl9jWKdwW+TqSjKWyaolPi2Vd/5AAAAABJRU5ErkJggg==)',
- // 'emotions': 'url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAQCAYAAAAI0W+oAAABBklEQVQ4jbWVwZGDMAxFXQIlUEJKoBRKoASXQgkpYUvgHIt5ogN34BzWyng8hGB2oxkO0gh96+vLdu6EAf0Kkyg/5bfCBPRnany0AF6UZIUDDAGGFaagLKKkAP5PILIxixIDDAcHGUSJsjFfAsmdxAfcPuU+4JYP5JtAgD5TMpi/11UZz52lppkZ/+bn4UegK/PqeFCWFabTQDb4wo+ipJrGOm7KPA0UlOVIAG//+6XvOtARHXmXuktAu9TBWOeZaEwAzdTVYtiTOtDlhX0VbhZDLW/nnJONuyhJNubXIitLRVubvN91ITAG8AG8wGgglxe26OL7V1BRyIuSjP+vXKpm//FMPAHSdrKARyrVTwAAAABJRU5ErkJggg==)',
- // 'fontFamily': 'url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAQCAYAAAAI0W+oAAAAtUlEQVQ4je2SSw0EIQxARwoSkLASkDASRsJKGAlIQAISkIAEHLy9tNmGMJPhwGGTbdKET9vX37b95ecFcHzFrQQdBnSsBBWgipZVEK+VAKec/QqQBndmVucKUAWyuRegdjYJaGaO+yzE945mMbx5S8AuFSeAWVDkWuIgqaA+s6AmrXt3WoFmAFXgRfQ5SLIbDt4sSACybaUkMgWKNsBFEtHYBeCl1c2Amrbn7l8WQKvKuiwjnw/EnHrb6C3cXgAAAABJRU5ErkJggg==)',
- // 'fontSize': 'url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAQCAYAAAAI0W+oAAAAtElEQVQ4jbWUXRGGIBBFjUAEIhDhi0IEIxjBCEYwghGM8EWwwfHlMoM74gM/d4bBZZk9DnthmjoICMAfCD3qlSBOEDS7UaCTp84hoK4CtuF/qx7kGtNwYBZg17yZfJ8eyUmX/c7yDrgEuapcB/xUYFW8KI5mX9s9ykzgFXvFR1XBAiQdyWHWH/AeoMi31l6g5KblZWBNUQsJX1bNrB5bQakPcyGfjnVvBaV74Qv5/LV43WN1AxG4aOeiSzd1AAAAAElFTkSuQmCC)',
- },
- 'mail': "data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAYCAYAAAEKfQTmAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN\/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz\/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH\/w\/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA\/g88wAAKCRFRHgg\/P9eM4Ors7ONo62Dl8t6r8G\/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt\/qIl7gRoXgugdfeLZrIPQLUAoOnaV\/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl\/AV\/1s+X48\/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H\/LcL\/\/wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93\/+8\/\/UegJQCAZkmScQAAXkQkLlTKsz\/HCAAARKCBKrBBG\/TBGCzABhzBBdzBC\/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD\/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q\/pH5Z\/YkGWcNMw09DpFGgsV\/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY\/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4\/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L\/1U\/W36p\/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N\/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26\/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE\/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV\/MN8C3yLfLT8Nvnl+F30N\/I\/9k\/3r\/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt\/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi\/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a\/zYnKOZarnivN7cyzytuQN5zvn\/\/tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO\/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3\/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA\/0HIw6217nU1R3SPVRSj9Yr60cOxx++\/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3\/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX\/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8\/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb\/1tWeOT3dvfN6b\/fF9\/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR\/cGhYPP\/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF\/6i\/suuFxYvfvjV69fO0ZjRoZfyl5O\/bXyl\/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o\/2j5sfVT0Kf7kxmTk\/8EA5jz\/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5\/wAAgOkAAHUwAADqYAAAOpgAABdvkl\/FRgAAButJREFUeNpifPr0KYO0tHQmAxJgZGBgMDx69OhRVlZWTpggCwMDA8OpU6duS0lJ6cEEAQAAAP\/\/YmRgYEDR+v\/\/\/+ksp06dmgYT+P79+ydGRsbzLPfv34erev369XMGBgYGAAAAAP\/\/YmBgYDAMDAxsv3Hjxn9s2MnJqYGBgcGCkYGBwXDXrl3nYLpOnjy5hYODg1NfX98ZJubm5mbJzMDAIHn+\/PlnGhoajh8\/fmTg4eFR4+DgUPr48SPDx48fGbq7u1uePXt2GwAAAP\/\/dI0xCsIwAEV\/VQISyNTSpkMRuhQPIHToATxAzyHewNMIHXubLAVRawYzfQhkKXXRpeCDzxv+8CIARwA7\/OcZGWNma+2gtS6Xr3PuHsdxsSIJKWVZ1\/WJJH5rmuYshChIYt227SWEgGmaHuM43rIs2\/d9f03TdFtV1SGEgKjrutl7\/5ZSJsscyZdSKt+QBIDk6yU5SXwAAAD\/\/5xSsUqFUAA999HkUPBwfIu4C28QkeAiRE4RtDSFm9APtAvOfURORrTcFqHJC8JtuYSDo4tIaos83nCRwKYeEUHxDpzlcM4ZDocAOAJwXNf1EyFkgT1gGMY5gJwAWJdlKQGgqipRFMVrGIbXfxWkaXpnmubKtu0TALAsyyUA1pxz+dNMKT3Nsuxe07Tll6aU2vi+f8Y557\/43QUAjOO4o5Typeu6DWPseZqmZdu275TSoGmaN6XUIWOMD8OwFULw77nd65MkkfM8f+R5nnqed\/XfrYQQD47jXBBCDoIgcAmAla7rl1EU3WJPxHF80\/f94yep5A+aRhxH8ef5Kx50kkxdup2DU6losMQ\/4KJEKUW4TWg4XKQ1oi3kpHCWDieJWBJKb3FxchLCUUodNGbRrZTeIG51c+ns\/X73u9qhWKQtJbZf+CwP3uPB+3oA3AVwiP+7DySZTD6WZfleJpN59C8J4\/H4fafT2RPy+fz9cDgcz2azJ5RS7IIsyy+CwWBIUZQDwjmHz+fb6\/V6zWg0ejwcDk8JIb6\/tXBd14nFYrXJZHIBAJxzEMdxYNs2AGAwGJwbhvE2kUiEAoHA\/p9CFovFZ9M0r0aj0cXGxxiDwBiDbds\/KRQKJcaYoGlac1u3bRutVuv1crn8WiwWj7d1xhiETaNtptPpp0ql8iwej2c3WiqVeqIoytPZbPZltVp9+y3o10blcrmey+WKlFJimuY7TdNeqaqq9fv9N5RSkk6nj+r1+sttj+M48NRqtctIJPIQAFRVPdF1vXmT2avV6vN2u30GAJZlDQTOOSil6Ha7541Go3nT6XVdPzMM45RS+qNRqVS6FEVRlCTpgBBye5dn5Jyv5vP5tSAIHq\/f738gSVJIFMU7rutiF9br9S2v10ssy\/r4XYwMDAysEhIS2StWrEhUVlbWYxgg8Pjx4+txcXHz7ty5M5mZgYFBv6urK0FQUFA4JCSk+969e1cNDQ21GRkZ2Un1Lan4+\/fvXydMmDCroKBgubu7u6apqanEhg0bbrIwMDAw\/P79m0FSUlJn06ZN3X\/\/\/v29cePG1U1NTcdmzZoVCCv2qQkuXbp0JDU1dVV2drZ+ampqamZmJjsDAwPD8+fPd8JbKchFAQMDA6unp2eUp6dn1Lt3754kJSXVsrCwMDU2NqYLCgpKkeuQz58\/v25vb5\/5\/Pnzbx0dHckHDx6El0V\/\/vyBFycojvr58yeGQdzc3DL9\/f3N0FbNjrKysraysjIrT0\/PMCYmJhZCDvn\/\/\/+\/AwcObKyurp7d3t6eXldXVwWr8bHZ9\/v3bwZcIYUV6OjoOLu5uV369+8fS1dX14QLFy68bG1tTZSWltZCV\/vq1au7dXV1s5WUlATMzc3VnZycrIyNjd1+\/vyJtwmCElKw4g4XOHbs2MYzZ87czM7OLmRmZma1tbWFlejnQ0NDC52dnZXCw8OjN2\/evGb9+vVXW1tboyZMmAAv6czMzHynTJkyUUVFRdrFxSWCaEd9\/\/6dAYuPbzY0NMzq6OgoNjQ09IdpggExMTHDWbNmGf79+\/f35cuXD3h5ecX7+vqyQ9vGyEpZ4uPjiz9\/\/vw8NTW1tKqqKlFCQkILl6OYkNMUDH\/9+vV7c3Nz\/ZMnTx719\/f3srOzS+Erjv\/8+cOqpqbm+ufPH3Z86tjY2CS7u7u737x586a+vr728+fPX5DlMdMUNOEdOnRoyYsXL97m5uXVMjIysvzAkiApBbJycnaFRUU2mzZtmsXBwcHu4uqayMDAwPAL3VGPHj68NGPGjMVlZWVl5mZmor9o4Bg0wOTq6prx8+fPD7U1NWWJiYnhv6HRxzhx4kSG\/Px8GQYGBnYGBgZtBgYG6QGoZV4xMDBcZWBg+Pn\/\/\/\/7gAEAb05N4qKYeo4AAAAASUVORK5CYII=",
- 'compose': "data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAAHeTXxYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw\/eHBhY2tldCBiZWdpbj0i77u\/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDA5QkJFRjAyMUM4MTFFM0FFNDdDRTZFMkNGQ0U4QjciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDA5QkJFRjEyMUM4MTFFM0FFNDdDRTZFMkNGQ0U4QjciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMDlCQkVFRTIxQzgxMUUzQUU0N0NFNkUyQ0ZDRThCNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowMDlCQkVFRjIxQzgxMUUzQUU0N0NFNkUyQ0ZDRThCNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI\/PiCpd68AAAM7SURBVHjaYjx16hQDCJiamoJpJgYkcPr06aUgAU4ksUCQwHcgXgSUfQvUxgUQQAwgM4A47f\/\/\/3D9XRiGwTh3QARAADFC7f0AxAIw+4EGrgbSoSCVFVCJNCD+BpRIA0kA6WMwnauBOBTZ5SAAEEAwSRAwBmIDoORcEIcFKgjyyVkoBtmnC7JrO9RHcADUdRlmlBYQ2yBJzAIZ5QfEm4D4GnrQHWdAA0A7boMkXkP5\/4H4IVDQDKhLFSCAkJ0LAiuAmB+Io4H4HVQsCoiXArEwUMM7ZD+CBFPQXY4eIECbLgH5eiAnWAJxFhYNH7AYoAfU+AfkU10kT4kCsRyUzQwKYaAimIazUPHXMOeBPMqIxSYBNOeBwvYXLHoYoTYuAmJDqJgAmuJFQAOUQHyAAEIPPRhIhjrvLJKz4IAFiS0ExG+hwT0XJga0BZQePgI1R6AnXZDTZkKduQzJoHdAxZ5AOhGo+QO6pqWwhIoNADWCokMSlNNgmkCe18OidgsWjUIwTVEMxIMIUEiCAgI5+NKQ2KBIToNG7jKgTV+A+CNMkyKSQuTg\/YjE\/4UcOCzQVI1TE1qKAGWuxSA\/OSBnPQJgIyhAYH66B8RKaAp80HIlqPwQQ44nJahGrDYCNZwHUk1AW16jJyOQRjNoUvoCzeqgrLEYqNgQ2RCAAMOVYJFLrHwg9oZG7AsgfgqVkwZiCWixsBWIJ2JL3NgSOQyAyrGNUBfmAnEcPpfAYgQU51Cv8wCxP1D8Gi4fgUqHY0B8AV96x1dWoUWOARBbwcIbFkmgcH4FymlEWPIBPc9gsTwUatYrUJEMswhUSRwA4iAgPsJAJQC07AjUzANAyzhBFsVCI3k9A5UB0LL1ULNjWaCp6R0WdZlAPA2HGd7QQpwBVspDgTzQ8EdoakFmC4ESgw006ASgKY2BiDg6Asud2BIDUqLggap3YIJqWgNtBlAbgMxcA4ovWD6KgNbNoHxgha3KRQILYE0cPD7hhGaVm7BKBjnDRkArmudAvBuaUbFZWEDAAlA14grEtqDWDKEiSAhas4UA8Q6oL3ZAy2dkACrHPYA4AUqDoiAd1jIhpaxDL\/eMoZU2CPzFVXljAwBsiybgUCzWVAAAAABJRU5ErkJggg==",
- 'sendMail': "data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAAHeTXxYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw\/eHBhY2tldCBiZWdpbj0i77u\/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkJBMDU2QjAyMUM4MTFFMzhENTM5NzJBMTI2OEM2QjYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkJBMDU2QjEyMUM4MTFFMzhENTM5NzJBMTI2OEM2QjYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyQkEwNTZBRTIxQzgxMUUzOEQ1Mzk3MkExMjY4QzZCNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyQkEwNTZBRjIxQzgxMUUzOEQ1Mzk3MkExMjY4QzZCNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI\/PspK+6wAAANsSURBVHjaYjx16hQDCJiamoJpJgYkcPr06aUgAU4ksUCQwHcgXgSUfQvUxgUQQAwgM4A47f\/\/\/3D9lsiGaSFzmEEEQAAxQu39AMQCMPuBBq4G0qEsQH4FTALqjv9ACUYgfQymczUQhyK7HAQAAggmCQLGQGwAlJwL4rBABUE+OQvFIGN1Qa7aDvWRGUwrUNdlkIQnlH8KOVBAEn5IfDlkieNIEo+gdtwGSbyGCv4H4odAQTOgHaoAAYTsXBBYAcT8QBwNxO+gYlFAvBSIhYEa3iH7ESSYAnU5CkAOEKBNl4B8PSZolGRh0cADchKaAXpAjX9AmnSB+CMDJvgCxOuBimLRxF\/DnAfyKCOSBMgfy7A4zwZI\/YJFDyPUxkVAbAjTgKZ4EdAAJRAfIIDQQw8GkqGJ7CxQ4Vl0SRYkthAQv4UG91yYGNAWUHr4CNQcgRyzDFCnzYQ6E9lp74CKQWklEaj5A7qmpbCEig0ANYKiQxKU02CaQJ7XQ1P3HIjZsGgUgmmKwmK4JBBvhDobGUSAQpIJPV0jAZBfvIGKKpBsAyUCG1DoKTLgBnXg8gAVvGOCpmp0IAHE54GYCy2SQZlrMUiTA8hKNE1O0JSBDjaCAoQF6qd7QKyEJLkMXTWopAFSYsjxpATVaIPNY0ANIKc2AW15jZ6MlKBFx1totgApMAZqWAxUjOJUgADDlWCRS6x8UNBDI\/YFED+FyklDAwxUBGwF4onYEje2RM6AVAZvhLowF4jj8LkElkdBCQXqdVAp4Q8Uv4bLR6JAfAyIL+BL7\/jKKrTIMQBiK1h4wyIJFM6vQDkNhyWgfA8qkkKItDwUatYrUJEMswhUSRwA4iAgPoJD719QIoUmt0tAfBIaP\/gsOwI18wDQMk4mqEtBkbyeCMc+gpYKtkDcDsSfgYZ447FsPdTsWCZoanrHQBr4BQ2aSlDCAVrWjkctyGwhFmhwtUBTyxciLOGElnc20NTFgksh0AE80ERRwAS1aA20GYAP6EIrt0XQJC+Jp9iDAZCZa0DxBXNNBLRuBuUDK2xVLhBcBmJ5YsIVFPnQrHITVskgezsC6mpQkb8b6urvpEQc1AKQj11BCQbUmiFUBAlBazZQvtkBxAugNHrVDyrHPYA4AUqDoiAd1jIhpaxDL\/eMYS1DaN46i698QwYA7ichDuh2+qMAAAAASUVORK5CYII=",
- 'expand': "data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAHCAYAAAG3oLd4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw\/eHBhY2tldCBiZWdpbj0i77u\/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OENBNTNFOTYyMUM5MTFFMzgxQ0U4NURBODIyODZFQjEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OENBNTNFOTcyMUM5MTFFMzgxQ0U4NURBODIyODZFQjEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4Q0E1M0U5NDIxQzkxMUUzODFDRTg1REE4MjI4NkVCMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4Q0E1M0U5NTIxQzkxMUUzODFDRTg1REE4MjI4NkVCMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI\/PkXCZdMAAAB7SURBVHjaYrhy5UoUQAAxAIk6gABiBBJODAwMpQABBOIxMAFZiwACCCTEA2R8BmIrFiDxBYjFgPg1QACBZHSBjMsgdQlA\/BDEyARiNpA6LiBmAAgwkJocIN0IxBFAnAzE9iBZkJHdQCwNxBNBNEiwA4jNgHg7EG8CYmcAZrIfR0hmuRcAAAAASUVORK5CYII=",
- 'collapse': "data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAHCAYAAAG3oLd4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw\/eHBhY2tldCBiZWdpbj0i77u\/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjJFQkEwM0YyMUM5MTFFMzgwM0JDNkQ5QzlCNjQ3MUMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjJFQkEwNDAyMUM5MTFFMzgwM0JDNkQ5QzlCNjQ3MUMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCMkVCQTAzRDIxQzkxMUUzODAzQkM2RDlDOUI2NDcxQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCMkVCQTAzRTIxQzkxMUUzODAzQkM2RDlDOUI2NDcxQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI\/Pi65wUkAAAB0SURBVHjaYrhy5QoDQAAxgAiAAGIEEjwMDAxaAAEE4okyAVmvAAIIJOQEZKQBMT9IRAKII4D4FEAAMYK1AQELEH8D4o8g6elA\/AvEWADE8gABBlNjBsTbgXgTEKeD1FcwQEAxEN8E4sMgLV+gEk+BuAiIpQHP\/SBDZEL2QgAAAABJRU5ErkJggg==",
- 'drop': "data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAKCAYAAAEle4U0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw\/eHBhY2tldCBiZWdpbj0i77u\/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjM5REMxOTYyMUM3MTFFM0JBODRGNUVCNzE5NTlBMUUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjM5REMxOTcyMUM3MTFFM0JBODRGNUVCNzE5NTlBMUUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCMzlEQzE5NDIxQzcxMUUzQkE4NEY1RUI3MTk1OUExRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCMzlEQzE5NTIxQzcxMUUzQkE4NEY1RUI3MTk1OUExRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI\/Phn5Ps0AAADuSURBVHjaYjh16pTx\/\/\/\/GUCYhQEITp8+DaIYAAKIESQCAkxQUX6AAGKAqQXS3kAMotsBAgiuDAbgAkAt34DURxYkSS4QARBAjCBzTE1Nz8JEgSpVgNQdJIWWTAyYAKSgHYhB5q8D4uMAAQRywTuY67FhFnQjgFaJAqnXUC4bNmteAXEUyA1A\/JMFiwKQ2B8omxebgr8gX8I4AAEGDjZCDiWEsdmC7jFvIDUNiP2B+AKSlDQ0uPYxMRAGR4D4GhCfh4bzalAgAPETIOYE4rnEGPIRiD2hYRAKxCCXNUH5eqCIJOgdYPJA5q6BYhQAAIt8mGSW9QmrAAAAAElFTkSuQmCC",
- 'expandDocument': "data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAATCAYAAAEMvKYgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw\/eHBhY2tldCBiZWdpbj0i77u\/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODZDRjVGNDEyOTI5MTFFM0JFRjBCRjEyQTVDODM4OEMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODZDRjVGNDIyOTI5MTFFM0JFRjBCRjEyQTVDODM4OEMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4NkNGNUYzRjI5MjkxMUUzQkVGMEJGMTJBNUM4Mzg4QyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4NkNGNUY0MDI5MjkxMUUzQkVGMEJGMTJBNUM4Mzg4QyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI\/PrFxFU0AAAEZSURBVHjaYly3bh0DFPxnAhI8IAYQM4I4X0AMkBRAADFClYFkGJhgDJAEC0wJCAAEECOSaSiACUpLo0sABBCyjv\/YdMAVwuxhQVcJAyguwWUUik6AAMLl3P84TPqPbNIZNMfh9XcvEBszEAFgGorRTP2PSwMLHsOwagIIIGyeJtl0gqFDtEdVgLiCmGCcD8S3gbgd6t7\/uNwNUpwOZVcipRycaeMXVPIssW4Ggd2Ego6k0GAhJQYBAgxnLiM2VslxCQMJKQGnY7CFCRsQa+HK7OSkKBAIB+LPQPwTiP0YqABAhitCc\/0KaDHJgCU1\/ieUOnEZfh+ITaDe9gHid1hSLyOh1ExMhG4FYmEGKgEmEmL\/P62TIkkWAABseD4pIBbN+AAAAABJRU5ErkJggg==",
- 'contractDocument': "data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAATCAYAAAEMvKYgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw\/eHBhY2tldCBiZWdpbj0i77u\/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NkNEQ0Q3NUUyOTI5MTFFM0FGNjZFQ0JERDMxN0EzMkQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NkNEQ0Q3NUYyOTI5MTFFM0FGNjZFQ0JERDMxN0EzMkQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2Q0RDRDc1QzI5MjkxMUUzQUY2NkVDQkREMzE3QTMyRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2Q0RDRDc1RDI5MjkxMUUzQUY2NkVDQkREMzE3QTMyRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI\/PhXno4sAAAEjSURBVHjaYvz\/\/z\/D+vXrGYDgPxMDBPwHESxQDiOIAAggxnXr1sFlYMrAEkzIygACiBHJNBTAxIADAAQQso7\/+HQwwuxAcSSU5sRwMBBIA\/F3ZAmYapgCBoAAAlsOAmhORlGELI7LGzDFZ4j2NxQYA3EvsgALDoX\/kYOAGA0YAQoDAAGEzdP\/cZnAQsDDRIUOVsCEx9QKIFbBp\/g\/Em4H4ttAPJ9QygHhSqhYOjHBdxbdo0x4wng3qVHPQGy0YwCAAIPHIAxgy3H4YpUclzCQkBJwOoaJBEORDdYCYjZyUhQxwA+IfwLxZyAOJ8fw\/3hwO1QNDxCvAOKTQKxIiuGMeDAoNb8DYh8o3xyI71MrWDqAWBiIt1IjzP+TkxxJTYokWQAA4GhPRy5oqbUAAAAASUVORK5CYII="
- }
- }
- });