1
/* $Id: compose.js 1150 2008-08-20 00:27:11Z mikes@u.washington.edu $
2
* ========================================================================
3
* Copyright 2008 University of Washington
5
* Licensed under the Apache License, Version 2.0 (the "License");
6
* you may not use this file except in compliance with the License.
7
* You may obtain a copy of the License at
9
* http://www.apache.org/licenses/LICENSE-2.0
11
* ========================================================================
14
// globals in our namespace
15
YAHOO.alpine.autodraft = { timeout:0, timer:null, reported:0, reporttimer:null };
16
YAHOO.alpine.pickcontact = { tabs:null, markup:null };
17
YAHOO.alpine.uploading = 0;
20
function initSimpleEditor(focus){
21
var dom = YAHOO.util.Dom;
22
var edRegion = dom.getRegion('composeText');
23
var textareaHeight = edRegion.bottom - edRegion.top;
24
var textareaWidth = edRegion.right - edRegion.left - 10;
27
height:textareaHeight,
32
{ group: 'fontstyle', label: 'Font Name and Size',
34
{ type: 'select', label: 'Arial', value: 'fontname', disabled: true,
36
{ text: 'Arial', checked: true },
37
{ text: 'Arial Black' },
38
{ text: 'Comic Sans MS' },
39
{ text: 'Courier New' },
40
{ text: 'Lucida Console' },
42
{ text: 'Times New Roman' },
43
{ text: 'Trebuchet MS' },
47
{ type: 'spin', label: '13', value: 'fontsize', range: [ 9, 75 ], disabled: true }
50
{ type: 'separator' },
51
{ group: 'textstyle', label: 'Font Style',
53
{ type: 'push', label: 'Bold CTRL + SHIFT + B', value: 'bold' },
54
{ type: 'push', label: 'Italic CTRL + SHIFT + I', value: 'italic' },
55
{ type: 'push', label: 'Underline CTRL + SHIFT + U', value: 'underline' },
56
{ type: 'separator' },
57
{ type: 'color', label: 'Font Color', value: 'forecolor', disabled: true },
58
{ type: 'color', label: 'Background Color', value: 'backcolor', disabled: true }
61
{ type: 'separator' },
62
{ group: 'indentlist', label: 'Lists',
64
{ type: 'push', label: 'Create an Unordered List', value: 'insertunorderedlist' },
65
{ type: 'push', label: 'Create an Ordered List', value: 'insertorderedlist' }
68
{ type: 'separator' },
69
{ group: 'alignment', label: 'Alignment',
71
{ type: 'push', label: 'Align Left CTRL + SHIFT + [', value: 'justifyleft' },
72
{ type: 'push', label: 'Align Center CTRL + SHIFT + |', value: 'justifycenter' },
73
{ type: 'push', label: 'Align Right CTRL + SHIFT + ]', value: 'justifyright' },
74
{ type: 'push', label: 'Justify', value: 'justifyfull' }
77
{ type: 'separator' },
78
{ group: 'insertitem', label: 'Insert Item',
80
{ type: 'push', label: 'HTML Link CTRL + SHIFT + L', value: 'createlink', disabled: true },
81
{ type: 'push', label: 'Insert Image', value: 'insertimage' }
88
editAttrib.focusAtStart = true;
90
gRichtextEditor = new YAHOO.widget.SimpleEditor('composeText', editAttrib);
91
gRichtextEditor.textareaHeight = textareaHeight;
92
gRichtextEditor.textareaWidth = textareaWidth;
97
function flipRichText(){
98
var dom = YAHOO.util.Dom;
101
gRichtextEditor.saveHTML();
102
var stripHTML = /<\S[^><]*>/g;
103
gRichtextEditor.get('textarea').value = gRichtextEditor.get('textarea').value.replace(/<br>/gi, '\n').replace(stripHTML, '').replace(/</g,'<').replace(/>/g,'>');
104
dom.setStyle(gRichtextEditor.get('element_cont').get('firstChild'), 'position', 'absolute');
105
dom.setStyle(gRichtextEditor.get('element_cont').get('firstChild'), 'top', '-9999px');
106
dom.setStyle(gRichtextEditor.get('element_cont').get('firstChild'), 'left', '-9999px');
107
gRichtextEditor.get('element_cont').removeClass('yui-editor-container');
108
dom.setStyle(gRichtextEditor.get('element'), 'visibility', 'visible');
109
dom.setStyle(gRichtextEditor.get('element'), 'top', '');
110
dom.setStyle(gRichtextEditor.get('element'), 'left', '');
111
dom.setStyle(gRichtextEditor.get('element'), 'height', gRichtextEditor.textareaHeight);
112
dom.setStyle(gRichtextEditor.get('element'), 'width', gRichtextEditor.textareaWidth);
113
dom.setStyle(gRichtextEditor.get('element'), 'position', 'static');
114
document.getElementById('flipRich').innerHTML = 'Rich Text';
117
if(!gRichtextRendered){
118
// fixup initial text
119
var t = document.getElementById('composeText').value.replace(/</g, '<').replace(/>/g, '>').replace(/\n/g, '<br>');
120
document.getElementById('composeText').value = t;
122
gRichtextEditor.render();
123
gRichtextRendered = true;
126
dom.setStyle(gRichtextEditor.get('element_cont').get('firstChild'), 'position', 'static');
127
dom.setStyle(gRichtextEditor.get('element_cont').get('firstChild'), 'top', '0');
128
dom.setStyle(gRichtextEditor.get('element_cont').get('firstChild'), 'left', '0');
129
dom.setStyle(gRichtextEditor.get('element'), 'visibility', 'hidden');
130
dom.setStyle(gRichtextEditor.get('element'), 'top', '-9999px');
131
dom.setStyle(gRichtextEditor.get('element'), 'left', '-9999px');
132
dom.setStyle(gRichtextEditor.get('element'), 'position', 'absolute');
133
gRichtextEditor.get('element_cont').addClass('yui-editor-container');
134
gRichtextEditor._setDesignMode('on');
135
if(gRichtextEditor.get('textarea')) gRichtextEditor.setEditorHTML(gRichtextEditor.get('textarea').value.replace(/</g, '<').replace(/>/g, '>').replace(/\n/g, '<br>'));
136
document.getElementById('flipRich').innerHTML = 'Plain Text';
142
function autoSizeThis(e){
143
if(e.keyCode == 13 || e.keyCode == 10) YAHOO.util.Event.preventDefault(e);
147
function autoSize(el){
148
var dom = YAHOO.util.Dom;
149
var r = dom.getRegion(el)
150
var th = r.bottom - r.top;
151
var maxh = 3 * gFieldHeight;
152
if(!el.value.length){
153
dom.setStyle(el,'height',(gFieldHeight + 4)+'px');
156
if(el.scrollHeight > gFieldHeight){
157
var h = (2 * (gFieldHeight));
158
if(el.scrollHeight > h) h += gFieldHeight;
159
dom.setStyle(el,'height',h + 'px');
164
function autoSizeAddressField(id){
165
var el = document.getElementById(id);
168
var r = YAHOO.util.Dom.getRegion(el);
169
gFieldHeight = r.bottom - r.top - 4;
172
YAHOO.util.Event.addListener(el,'keypress',autoSizeThis);
177
function autoCompleteDefaults(o){
180
o.maxResultsDisplayed = 12;
181
o.minQueryLength = 2;
183
o.formatResult = function(aResults, sQuery) {
185
// highlight matching substrings
186
var oREHilite = new RegExp(sQuery,'ig');
187
var sEmail = aResults[0].replace(/[<]/,'<')
188
var sNick = aResults[1].replace(/[<]/,'<')
189
r = sEmail.replace(oREHilite,'<b>$&</b>');
190
where = sNick.replace(oREHilite,'<b>$&</b>');
191
if(where.length) r += ' (' + where + ')';
197
function actuallySend(o){
198
YAHOO.alpine.resubmitRequest = function(){ actuallySend(o); };
200
if(YAHOO.alpine.disablePost) return;
204
document.getElementById('sendOp').value = o.op;
206
if(gRichtextEditor && gRichState){
207
gRichtextEditor.saveHTML();
208
document.getElementById('contentSubtype').value = 'HTML';
213
while(YAHOO.alpine.uploading > 0)
214
panelAlert('Finishing attachment upload before sending...');
216
document.getElementById('composeForm').submit();
219
function sendSuccess(m){
220
var alp = YAHOO.alpine;
221
alp.disablePost = true;
222
window.location.href = alp.cgi_base + 'browse/' + alp.current.c + '/' + alp.current.f;
225
function sendFailure(m){
226
addStatusMessage('Send Failure: ' + m);
227
displayStatusMessages();
230
function processPostAuthException(o){
231
YAHOO.alpine.cancelRequest = null;
232
processAuthException(o);
235
function cancelComposition(dest){
238
var el, changeFields = ['fieldTo','fieldCc','fieldBcc','fieldSubject'];
239
for (f in changeFields){
240
el = document.getElementById(changeFields[f]);
241
changes += el.value.length;
246
changes += gRichtextEditor.getEditorHTML().length;
249
el = document.getElementById('composeText');
250
if(el) changes += el.value.length;
254
if(changes) panelConfirm('You have unsaved changes.<br><br>Click <b>Discard</b> to abandon your text and exit Compose.<br>Click <b>Cancel</b> to continue editing.',{text:'Discard',fn:abandonComposition,args:{url:dest}},{fn:startAutoDrafting});
255
else abandonComposition({url:dest});
260
function sendComposition(){
263
if(!(document.getElementById('fieldTo').value.length
264
|| document.getElementById('fieldCc').value.length
265
|| document.getElementById('fieldBcc').value.length
266
|| document.getElementById('fieldFcc').value.length)){
267
panelAlert('Message must contain at least one To, Cc, Bcc, or Fcc recipient!', startAutoDrafting);
270
//panelConfirm('Are you sure you want to send this message?',{text:'Send',fn:actuallySend,args:{op:'send'}},{fn:startAutoDrafting});
271
actuallySend({op:'send'});
277
function saveDraft(){
278
actuallySend({op:'postpone'});
282
function setAutoDraftInterval(iTimeOut){
283
YAHOO.alpine.autodraft.timeout = iTimeOut;
287
function startAutoDrafting(){
288
var aa = YAHOO.alpine.autodraft;
289
if(aa.timeout) aa.timer = window.setTimeout('autoDraft();', aa.timeout * 1000);
292
function stopAutoDrafting(){
293
var aa = YAHOO.alpine.autodraft;
294
if(aa.timer) clearTimeout(aa.timer);
298
function autoDraft(){
299
var form = document.getElementById('composeForm');
300
var formTarget = form.getAttribute('target');
301
form.setAttribute('target','formResponse');
302
actuallySend({op:'autodraft'});
303
form.setAttribute('target', formTarget);
307
function reportAutoDraftUpdate(){
308
var aa = YAHOO.alpine.autodraft;
309
var t = 'Copy saved to Drafts ' + aa.reported + ' minute';
310
if(aa.reported > 1) t += 's';
311
document.getElementById('lastAutoDraft').innerHTML = t + ' ago';
315
function reportAutoDraft(result){
316
if(result.match(/^[0-9]+$/)){
317
var aa = YAHOO.alpine.autodraft;
318
document.getElementById('autoDraftUid').value = result;
319
document.getElementById('lastAutoDraft').innerHTML = 'Copy saved to Drafts less than one minute ago';
320
if(aa.reporttimer) clearInterval(aa.reporttimer);
322
aa.reporttimer = setInterval('reportAutoDraftUpdate();', + 60000);
325
document.getElementById('lastAutoDraft').innerHTML = 'Copy save to Drafts FAILED: ' + result;
326
addStatusMessage('Copy autosave to Drafts failed: ' + result);
327
displayStatusMessages();
331
function abandonComposition(o){
332
var u = document.getElementById('autoDraftUid').value;
333
if(u.match(/^\d+$/) && u > 0){
334
emptyFolder(gDefCol, gDraftFolder, u, {fn:'window.location.href="' + o.url + '"'});
337
window.location.href = o.url;
341
function drawAttachmentList(o){
342
var dom = YAHOO.util.Dom;
343
var el, attachList = document.getElementById('attachList');
347
while(attachList.childNodes.length) attachList.removeChild(attachList.childNodes[0]);
350
addStatusMessage('Attach Error: ' + o.error);
351
displayStatusMessages();
354
if(o.attachments && o.attachments.length){
355
var frag = document.createDocumentFragment();
356
var delim = '', len, size, bytes;
357
for(var i = 0; i < o.attachments.length; i++){
358
idList += comma + o.attachments[i].id;
361
el = document.createTextNode(delim);
362
frag.appendChild(el);
365
el = document.createElement('img');
366
el.setAttribute('src','img/cbn/attach_sm.gif');
367
frag.appendChild(el);
369
l = o.attachments[i].size.length;
371
size = o.attachments[i].size.substr(0, l - 6);
374
else if(o.attachments[i].size.length > 3){
375
size = o.attachments[i].size.substr(0, l - 3);
379
size = o.attachments[i].size;
383
el = document.createElement('span');
384
dom.addClass(el,'attachmentName');
385
el.innerHTML = o.attachments[i].fn + ' ' + '(' + size + ' ' + bytes + ')';
386
frag.appendChild(el);
388
el = document.createElement('a');
389
el.setAttribute('href','#');
390
YAHOO.util.Event.addListener(el,'click',removeAttachment,{id:o.attachments[i].id});
391
var img = document.createElement('img');
392
img.setAttribute('src','img/cbn/remove.gif');
393
dom.addClass(img,'wap');
395
frag.appendChild(el);
401
attachList.appendChild(frag);
402
dom.setStyle('composeAttachments','display','block');
405
dom.setStyle('composeAttachments','display','none');
406
if(el) el.innerHTML = '';
410
el = document.getElementById('attachments');
411
if(el) el.setAttribute('value',idList);
414
function attachFile(e){
415
var target = YAHOO.util.Event.getTarget(e);
416
if(target.value.length){
417
var elRemove = target.parentNode.parentNode;
418
var elParent = elRemove.parentNode;
419
YAHOO.util.Connect.setForm(target.parentNode,true);
420
YAHOO.alpine.uploading++;
421
YAHOO.util.Connect.asyncRequest('POST','conduit/attach.tcl', {
422
upload: function(response){
423
YAHOO.alpine.uploading--;
424
elParent.removeChild(elRemove);
429
panelAlert('No File Attached');
434
function addAttachField(){
435
var event = YAHOO.util.Event;
436
var dom = YAHOO.util.Dom;
438
dom.setStyle('composeAttachments','display','block');
440
var parentDiv = document.getElementById('fileUpload');
441
if(parentDiv.childNodes.length < 20){
442
var div = document.createElement('div');
443
parentDiv.appendChild(div);
444
dom.addClass(div,'attachInput');
446
var form = document.createElement('form');
447
div.appendChild(form);
449
form.setAttribute('action','conduit/attach.tcl');
450
form.setAttribute('method','POST');
451
form.setAttribute('enctype','multipart/form-data');
452
form.setAttribute('target','formResponse');
453
dom.generateId(form);
455
var input = createInputElement('file','file');
456
form.appendChild(input);
457
input.setAttribute('accept','*/*');
458
event.addListener(input,'change',attachFile);
461
var el = createInputElement('button','Attach')
463
el.setAttribute('value','Attach');
464
event.addListener(el,'click',attachFile);
471
function removeAttachment(e,o){
472
var form = document.createElement('form');
473
this.parentNode.appendChild(form);
474
YAHOO.util.Dom.setStyle(form,'display','none');
475
form.setAttribute('action','conduit/attach.tcl');
476
form.setAttribute('method','GET');
477
form.setAttribute('target','formResponse');
479
var input = createInputElement('hidden','op');
480
input.setAttribute('value','delete');
481
form.appendChild(input);
483
input = createInputElement('hidden','id');
484
input.setAttribute('value',o.id);
485
form.appendChild(input);
489
YAHOO.util.Event.preventDefault(e);
492
function setCursorPosition(inputId, cursorOffset) {
493
var inputEl = document.getElementById(inputId);
495
if (inputEl.setSelectionRange) {
497
inputEl.setSelectionRange(cursorOffset, cursorOffset);
498
} else if (inputEl.createTextRange) {
499
var range = inputEl.createTextRange();
500
range.collapse(true);
501
range.moveEnd('character', cursorOffset);
502
range.moveStart('character', cursorOffset);
508
function pickFccDone(o){
509
updateElementValue('fieldFcc', o.f);
513
function expandAddress(expObj){
514
var eUrl = 'conduit/expand.tcl?';
516
eUrl += 'book=' + expObj.book;
517
eUrl += '&index=' + expObj.ai;
519
else if(expObj.addrs){
520
eUrl += 'addrs=' + encodeURIComponent(expObj.addrs);
525
var expandDS = new YAHOO.util.DataSource(eUrl);
526
expandDS.responseType = YAHOO.util.DataSource.TYPE_XML;
527
expandDS.responseSchema = {
528
resultNode: 'Result',
529
fields: ['Error','Address','Fcc']
531
expandDS.sendRequest('',
533
success: function(oReq,oResp,oPayload){
535
if(expObj.addrs && oResp.results[0] && !oResp.results[0].Error) updateElementValue(expObj.fieldId, '');
536
for(var i = 0; i < oResp.results.length; i++){
537
if(oResp.results[i].Error){
538
addStatusMessage('Address Error: '+oResp.results[i].Error, 10);
541
else if(oResp.results[i].Address) appendAddress(expObj.fieldId, oResp.results[i].Address);
543
if(errs) displayStatusMessages();
545
failure: function(oReq,oResp,oPayload){
546
showStatusMessage('Error expanding Field: ' + oResp.responseText, 10);
554
function donePickContact(fieldId){
555
switch (YAHOO.alpine.pickcontact.tabs.get('activeIndex')){
557
var l = document.getElementsByName('nickList');
559
var i, ai = contactsChecked('Add');
560
for(i in ai) expandAddress({book:ai[i].book,ai:ai[i].index,fieldId:fieldId});
564
var l = document.getElementsByName('qrList');
566
var i, el, addrs = '';
567
for(i = 0; i < l.length; i++){
569
if(addrs.length) addrs += ', ';
570
el = document.getElementById('qrPers'+l[i].value);
572
var specials = el.innerHTML.match(/[()<>@,;:\\\".\[\]]/);
573
if(specials) addrs += '"' + el.innerHTML + '"';
574
else addrs += el.innerHTML;
576
el = document.getElementById('qrAddr'+l[i].value);
577
if(el) addrs += ' <' + el.innerHTML + '>';
581
appendAddress(fieldId,addrs);
587
function appendAddress(fieldId, addrs){
589
var el = document.getElementById(fieldId);
591
if(el.value.length) el.value += ', ';
597
function validField(o){
598
expandAddress({addrs:o.value,fieldId:o.id});
601
function pickContact(fieldName, fieldId, objParm, markUp){
602
var dom = YAHOO.util.Dom;
603
var alp = YAHOO.alpine.pickcontact;
605
var div = document.createElement('div');
606
div.innerHTML = alp.markup;
607
document.body.appendChild(div);
609
var contactDialog = document.getElementById('contactDialog');
611
alp.tabs = new YAHOO.widget.TabView('contactDialog');
612
alp.tabs.subscribe('activeTabChange',
614
if(alp.tabs.getTabIndex(e.newValue) == 1){
615
boxChecked(null); // set action button
616
var el = document.getElementById('dirQuery');
622
else contactDialog = document.getElementById('contactList');
625
label:'Add ' + fieldName + ' Address',
627
fn: function(){ donePickContact(fieldId); }
630
panelDialog('Add ' + fieldName + ' Address', contactDialog, objDone);
631
setPanelBodyWidth('clistContacts');
632
drawContactList('contactList',0,objParm);
639
function drawLDAPResult(objResult){
640
var dom = YAHOO.util.Dom;
641
var el = document.getElementById('dirResult');
645
elResult = document.createElement('span');
646
elResult.innerHTML = objResult.error;
648
else if(objResult.results){
649
var o, n, t, qrPers, elTR, elTD, elCB, resId, elLabel;
650
elResult = document.createElement('table');
651
elResult.setAttribute('width','100%');
652
elResult.setAttribute('cellSpacing','0');
653
elResult.setAttribute('cellPadding','0');
654
for(var i = 0; i < objResult.results.length; i++){
655
o = objResult.results[i];
656
n = (o.email) ? o.email.length : 0;
658
elTR = elResult.insertRow(elResult.rows.length);
659
elTD = elTR.insertCell(elTR.cells.length);
661
elCB = createInputElement('checkbox','qrList');
662
elCB.setAttribute('value',elResult.rows.length);
663
resId = 'dirEnt' + elResult.rows.length;
664
elCB.setAttribute('id',resId);
666
YAHOO.util.Event.addListener(elCB,'click',boxClicked);
667
elTD.appendChild(elCB);
669
elTD = elTR.insertCell(elTR.cells.length);
670
dom.addClass(elTD,'wap');
677
elLabel = createNameValueElement('label','for',resId);
678
elTD.appendChild(elLabel);
679
elLabel.setAttribute('id','qrPers'+elResult.rows.length);
680
elLabel.innerHTML = o.personal;
683
for(var j = 0; j < n; j++){
685
elTR = elResult.insertRow(elResult.rows.length);
686
elTD = elTR.insertCell(elTR.cells.length);
687
elCB = createInputElement('checkbox','qrList');
688
elCB.setAttribute('value',elResult.rows.length);
689
resId = 'dirEnt' + elResult.rows.length;
690
elCB.setAttribute('id',resId);
692
YAHOO.util.Event.addListener(elCB,'click',boxClicked);
693
elTD.appendChild(elCB);
694
elTD = elTR.insertCell(elTR.cells.length);
695
dom.addClass(elTD,'wap');
698
elLabel = createNameValueElement('label','for',resId);
699
elTD.appendChild(elLabel);
700
elLabel.setAttribute('id','qrPers'+elResult.rows.length);
701
elLabel.innerHTML = qrPers;
703
elTD = elTR.insertCell(elTR.cells.length);
704
dom.addClass(elTD,'wap');
706
elLabel = createNameValueElement('label','for',resId);
707
elTD.appendChild(elLabel);
708
elLabel.setAttribute('id','qrAddr'+elResult.rows.length);
709
elLabel.innerHTML = o.email[j];
715
el.replaceChild(elResult,el.firstChild);
716
el = document.getElementById('dirQuery');
721
function boxClicked(e){
722
boxChecked(YAHOO.util.Event.getTarget(e));
726
var l = (YAHOO.alpine.pickcontact.tabs.get('activeIndex') == 0) ? 'nickList' : 'qrList';
727
var el = document.getElementsByName(l);
729
for(var i = 0; i < el.length; i++) el[i].checked = false;
732
panelDialogEnableButton(false);
735
function boxChecked(o){
737
var l = (YAHOO.alpine.pickcontact.tabs.get('activeIndex') == 0) ? 'nickList' : 'qrList';
738
var el = document.getElementsByName(l);
740
for(var i = 0; i < el.length; i++){
742
panelDialogEnableButton(true);
748
panelDialogEnableButton(false);
751
function setPriority(elClick,priority){
752
var el, pos, dom = YAHOO.util.Dom;
753
for(var i = 0; i <= 5; i++){
754
el = document.getElementById('pri'+i);
755
if(dom.hasClass(el.firstChild,'spfcl3')){
756
dom.removeClass(el.firstChild,'spfcl3');
757
dom.addClass(el.firstChild,'blank');
762
dom.removeClass(elClick.firstChild,'blank');
763
dom.addClass(elClick.firstChild,'spfcl3');
764
el = document.getElementById('priority');