Commit 94920135b40375cf12d21b6b5f2345a0b94dd199

  • avatar
  • admin
  • Mon Apr 02 18:06:54 IST 2012
Pushing changes to ajay
server/ui.js
(42 / 12)
  
371371 '<input id="see-narration" type="submit" onclick="a11ypi." value="Undo">'+
372372 '<input id="see-links" type="submit" onclick="a11ypi.publish();" value="Publish">';
373373
374 var element_edit_overlay_template = '<div id="element_edit_overlay" class="ui-widget-header ui-corner-all">'+
375 '<input id="edit-text" type="submit" onclick="a11ypi.displayEditor();" value="Edit Text" disabled=true>'+
376 '<input id="add-audio" type="submit" onclick="a11ypi.help_window();" value="Add Audio" disabled=true>'+
377 '<input id="add-link" type="submit" onclick="a11ypi.showBox();" value="Add Link" disabled=true>'+
378 '<input id="replace-image" type="submit" onclick="a11ypi.imageReplacer();" value="Replace Image" disabled=true>';
374 var element_edit_overlay_template = '<div id="element_edit_overlay" class="alipi ui-widget-header ui-corner-all">'+
375 '<input id="edit-text" class="alipi" type="submit" onclick="a11ypi.displayEditor();" value="Edit Text" disabled=true>'+
376 '<input id="add-audio" type="submit" onclick="a11ypi.help_window();" class="alipi" value="Add Audio" disabled=true>'+
377 '<input id="add-link" type="submit" onclick="a11ypi.showBox();" class="alipi" value="Add Link" disabled=true>'+
378 '<input id="replace-image" type="submit" onclick="a11ypi.imageReplacer();" class="alipi" value="Replace Image" disabled=true>';
379
380 var imageInputTemplate = '<div id="imageInputElement" title="Enter url" class="alipi ui-widget-header ui-corner-all">'+
381 '<input type="text" id="imageInput" placeholder="http://foo.com/baz.jpg" class="alipi" value=""/>'+
382 '</div>';
379383
380384 $('body').append(icon_template);
381385 $('body').append(overlay_template);
382386 $('body').append(pub_overlay_template);
383387 $('body').append(element_edit_overlay_template);
388 $('body').append(imageInputTemplate);
384389 a11ypi.ajax();
385390 a11ypi.ajaxLinks1();
386391 go.disabled = true;
632632 $('#icon_on_overlay').show();
633633 $('#pub_overlay').show();
634634 $('#element_edit_overlay').show();
635 // document.addEventListener('click',pageEditor.startEdit, false);
636 $(document).click(pageEditor.startEdit);
637 //page_edit('4seiz', '4l85060vb9', '336e2nootv6nxjsvyjov', 'VISUAL', 'false', '');
638 // document.getElementById("renarrated_overlay").style.display = "none";
635 $('body *').contents().filter(function(){
636 {
637 try{
638 if(!($(this).hasClass('alipi')))
639 return this;
640 }
641 catch(err)
642 {
643 //pass
644 }}}).click(pageEditor.startEdit);
639645 },
640646
641647 displayEditor: function() {
691691 },
692692
693693 imageReplacer: function() {
694 var src = prompt("Enter the url");
695 $(event.target).attr('src',src);
696 console.log(DOM.getXpath(event.target));
694 $( "#imageInputElement" ).dialog({
695 width:300,
696 height:200,
697 modal: true,
698 buttons: {
699 OK: function() {
700
701 var formValue = $('#imageInput').val();
702 if(formValue != '\/S/')
703 {
704 pageEditor.cleanUp(pageEditor.event.target);
705 console.log(formValue);
706 manager.updateImage(pageEditor.event.target, formValue);
707 $( "#imageInputElement" ).remove();
708 }
709 }
710 },
711 close: function() {
712 pageEditor.cleanUp(pageEditor.event.target);
713 $("#imageInputElement" ).remove();
714 }
715 });
697716
698717 },
699718
  
44 '<div id="reference" readonly="yes"></div>'+
55 '<label style="left: 70%;">Editor</label>'+
66 '<div id="editor" alipielements="alipi" contenteditable="true"></div>'+
7 '<div id="forPrevData"></div>'+
7 '<div id="forPrevData"></div>'+
88 '</div>',
99 event: 0 , //Use this var to store the event object, which will be passed for editor.
10 m4pageedittype: '',
1011 startEdit: function(event)
1112 {
13 pageEditor.event = event;
14 pageEditor.m4pageedittype = $(event.target).attr('m4pageedittype');
1215 if($(event.target).attr('m4pageedittype') == 'text')
1316 {
14 pageEditor.event = event;
17
1518 $('#pub_overlay').slideDown();
1619 $('#element_edit_overlay').slideDown();
1720
3636 }
3737 else if($(event.target).attr('m4pageedittype') == 'image')
3838 {
39 _this = pageEditor;
3940 $('#replace-image').attr('disabled', false);
40 $('#add-audio').attr('disabled', false);
41 $('#add-link').attr('disabled', false);
41 $('#add-audio').attr('disabled', true);
42 $('#add-link').attr('disabled', true);
4243 $('#edit-text').attr('disabled', true);
44
4345 }
4446
4547 },
4648 cleanUp: function(element)
4749 {
48 $(element).attr('m4pageedittype','text');
49 $(element).children().attr('m4pageedittype','text');
50 $(element).attr('m4pageedittype', pageEditor.m4pageedittype);
51 $(element).children().attr('m4pageedittype', pageEditor.m4pageedittype);
5052 },
5153};
5254
193193 // break;
194194
195195 case 'IMAGE_SRC_UPDATE':
196 console.log(command.data);
196197 imageMatcher = new RegExp("(\\d+)x(\\d+),(.+)").exec(command.data);
197198 imageWidth = imageMatcher[1];
198199 imageHeight = imageMatcher[2];
201201
202202 if (imageSrc && command.element.src != imageSrc) {
203203 command.element.src = imageSrc;
204 pageEditor.showMessage('Image changed');
204 //pageEditor.showMessage('Image changed');
205205 }
206206 if (imageWidth == 0) {
207207 command.element.removeAttribute('width');
413413 };
414414 util.recordHistory(command, selectedElement);
415415 },
416 updateImage: function(selectedElement, url)
417 {
418 console.log(url);
419 var command = {
420 command : 'IMAGE_SRC_UPDATE',
421 element : selectedElement,
422 elementType : 'image',
423 xpath : DOM.getXpath(selectedElement),
424 url : window.location.href,
425 data : new StringUtil.StringBuffer().append(selectedElement.width).append('x').append(selectedElement.height).append(',').append(url).toString(),
426 previousData : {
427 'src' : selectedElement.src,
428 'size' : { width: selectedElement.width, height: selectedElement.height }
429 //'rawImageSize' : image.getRawImageSize()
430 }
431 }
432 util.recordHistory(command, selectedElement);
433 },
416434};
435//Implementing the class for doing StringBuffer.
436var StringUtil = StringUtil || {};
437(function(StringUtil){
438 StringUtil.StringBuffer = function StringBuffer() {
439 var buffer = [];
440 this.append = function append(string) {
441 buffer.push(string);
442 return this;
443 };
444
445 this.toString = function toString() {
446 return buffer.join('');
447 };
448 };
449})(StringUtil);