Changeset 161
- Timestamp:
- 04/21/2009 03:01:00 PM (3 years ago)
- Location:
- trunk/WordPress/plugin/transposh
- Files:
-
- 3 deleted
- 2 edited
-
css/transposh.css (modified) (2 diffs)
-
img/translate.png (deleted)
-
img/translate_auto.png (deleted)
-
img/translate_fix.png (deleted)
-
js/transposh.js (modified) (14 diffs)
Legend:
- Unmodified
- Added
- Removed
-
trunk/WordPress/plugin/transposh/css/transposh.css
r160 r161 1 /*2 * Overlibmws library - For the dialog popups3 */4 5 1 /* 6 2 * Fix collisions with some themes 7 3 */ 8 4 9 /*#overDiv {10 border: 0px;11 text-align:center;12 margin: 0px;13 padding: 0px;}14 15 #overDiv table {16 border: 0px;17 text-align:center;18 margin: 0px;19 padding: 0px;}20 21 #overDiv table th, #overDiv table td {22 border: 0px;23 text-align:center;24 margin: 0px;25 padding: 1px;}26 27 #overDiv table tr:hover {28 background-color:#225588;}29 */30 5 .post .postbody .tr_img_, .attachment .tr_img_, .navigation .alignleft .tr_img_, .navigation .alignright .tr_img_, 31 6 .tr_img_ { … … 48 23 background-position:-24px -0px; 49 24 } 50 51 /*52 * Define our styling53 */54 55 /*.olbgD {56 background-color:#225588;}57 58 .olcgD {59 background-color:#336699;60 text-align:center;}61 62 .olfgD {63 background-color:#bbddff;64 text-align:center;}65 66 .olcapD {font-family:Verdana,Arial,67 Helvetica,sans-serif;68 font-size:11px;69 font-weight:bold;70 color:#ffffff;}71 72 .olcloD {73 font-family:Verdana,Arial,74 Helvetica,sans-serif;75 font-size:11px;76 color:#bbddff;77 font-weight:bold;}78 79 a.olcloD:hover {80 color:#ddeeff;}81 82 .oltxtD {83 font-family:Verdana,84 Arial,Helvetica,85 sans-serif; font-size:13px;86 color:#000000;}87 88 .sep4 {89 font-size:4px;90 line-height:4px;}91 */92 /*93 * Overlibmws library - popup with MODAL form94 */95 96 /*97 .olraisedBlue {98 text-align:center;99 background:#33aaff url(../js/overlibmws/raised_blue.gif) repeat-x bottom left;}100 101 table.olraisedBlue {102 border-bottom:1px solid #333399;}103 104 .oltxtRaisedBlue {105 font-family:Verdana;106 font-size:14px;107 font-weight:bold;108 color:#ffffff;}109 110 input.olinput {111 background:white url(../js/overlibmws/inputText.gif) repeat-x bottom left;112 min-height:16px;113 font-family:Verdana,Arial,Helvetica,sans-serif;114 font-size:13px;115 color: #000000;}116 117 */ -
trunk/WordPress/plugin/transposh/js/transposh.js
r160 r161 16 16 */ 17 17 18 /*function display_dialog(caption, content)19 {20 overlib(content,21 MODAL,22 MODALCOLOR, '#4488dd',23 MODALOPACITY, 20,24 MODALSCROLL,25 CAPTION, caption,26 CGCLASS, 'olraisedBlue',27 CLOSETEXT, 'Close',28 CLOSECLICK,29 CLOSETITLE,'Close',30 CAPTIONPADDING,4,31 TEXTPADDING,14,32 BGCLASS,'olbgD',33 CAPTIONFONTCLASS,'olcapD',34 FGCLASS,'olfgD',35 TEXTFONTCLASS,'oltxtD',36 SHADOW, SHADOWCOLOR, '#113377', SHADOWOPACITY, 20,37 WRAP, STICKY, SCROLL, MIDX,0, MIDY,0);38 }39 */40 41 //Show tooltip over a translated text42 /*function hint(original)43 {44 overlib('<bdo dir="ltr">'+ original +'</bdo>',45 FGCLASS,'olfgD',46 TEXTFONTCLASS,'oltxtD',47 AUTOSTATUS,WRAP);48 }*/49 50 18 // fetch translation from google translate... 51 19 function getgt() 52 20 { 53 21 jQuery(":button:contains('Suggest - Google')").attr("disabled","disabled").addClass("ui-state-disabled"); 54 google.language.translate(jQuery("# tr_original").val(), "", transposh_params['lang'], function(result) {22 google.language.translate(jQuery("#"+transposh_params['prefix']+"original").val(), "", transposh_params['lang'], function(result) { 55 23 if (!result.error) { 56 jQuery("# tr_translation").val(jQuery("<div>"+result.translation+"</div>").text())24 jQuery("#"+transposh_params['prefix']+"translation").val(jQuery("<div>"+result.translation+"</div>").text()) 57 25 .keyup(); 58 26 } … … 65 33 type: "POST", 66 34 url: transposh_params['post_url'], 67 data: {token: jQuery("# tr_"+ segment_id).attr('token'),35 data: {token: jQuery("#"+transposh_params['prefix'] + segment_id).attr('token'), 68 36 translation: translation, 69 37 lang: transposh_params['lang'], … … 71 39 translation_posted: "1"}, 72 40 success: function(req) { 73 var pre_translated = jQuery("# tr_"+ segment_id).html();41 var pre_translated = jQuery("#"+transposh_params['prefix'] + segment_id).html(); 74 42 var new_text = translation; 75 43 //reset to the original content - the unescaped version if translation is empty … … 78 46 } 79 47 // rewrite text for all matching items at once 80 jQuery(". tr_t,.tr_u").filter(function() {return jQuery(this).html() == pre_translated;}).html(new_text)48 jQuery("."+transposh_params['prefix']+"t,."+transposh_params['prefix']+"u").filter(function() {return jQuery(this).html() == pre_translated;}).html(new_text) 81 49 .each(function (i) { // handle the image changes 82 50 var img_segment_id = jQuery(this).attr('id').substr(jQuery(this).attr('id').lastIndexOf('_')+1); 83 //current img 84 var img = jQuery("#tr_img_" + img_segment_id).attr('src'); 85 if (img != undefined) { 86 //rewrite onclick function - in case of re-edit 87 jQuery("#tr_img_" + img_segment_id).click(function () { 88 translate_dialog(original, translation, img_segment_id); 89 }); 90 img = img.substr(0,img.lastIndexOf("/")) + "/"; 91 // handle image 92 if(jQuery.trim(translation).length == 0) { 93 //switch to the edit img 94 img += "translate.png"; 95 } else { 96 if (source == 1) { 97 //switch to the auto img 98 img += "translate_auto.png"; 99 } else { 51 jQuery("#"+transposh_params['prefix']+"img_" + img_segment_id).removeClass('tr-icon-yellow').removeClass('tr-icon-green'); 52 if(jQuery.trim(translation).length != 0) { 53 if (source == 1) { 54 //switch to the auto img 55 jQuery("#"+transposh_params['prefix']+"img_" + img_segment_id).addClass('tr-icon-yellow'); 56 } else { 100 57 // switch to the fix img 101 img += "translate_fix.png"; 102 } 103 } 104 // rewrite image 105 jQuery("#tr_img_" + img_segment_id).attr('src', img); 106 }; 107 58 jQuery("#"+transposh_params['prefix']+"img_" + img_segment_id).addClass('tr-icon-green'); 59 } 60 } 108 61 }); 109 62 … … 123 76 124 77 //function for auto translation 125 126 78 function do_auto_translate() { 127 jQuery(". tr_u").each(function (i) {79 jQuery("."+transposh_params['prefix']+"u").each(function (i) { 128 80 var translated_id = jQuery(this).attr('id'); 129 81 google.language.translate(jQuery(this).text(), "", transposh_params['lang'], function(result) { … … 131 83 var segment_id = translated_id.substr(translated_id.lastIndexOf('_')+1); 132 84 ajax_translate(jQuery("#"+translated_id).text(),jQuery("<div>"+result.translation+"</div>").text(),1,segment_id); 133 jQuery("#"+translated_id).addClass( "tr_t").removeClass("tr_u");85 jQuery("#"+translated_id).addClass(transposh_params['prefix']+"t").removeClass(transposh_params['prefix']+"u"); 134 86 } 135 87 }); 136 88 }); 137 89 } 138 139 //Open translation dialog140 /*function translate_dialog(original, trans, segment_id)141 {142 caption='Edit Translation';143 //alert (this.id);144 var dialog = ''+145 ('<form id="tr_form" name="transposh_edit_form" method="post" action="' + transposh_params['post_url'] + '"><div>') +146 '<p dir="ltr">Original text<br \/><textarea id="tr_original_unescaped" cols="60" rows="3" readonly="readyonly">' +147 original + '</textarea> <\/p>' +148 '<p>Translate to<br \/><input class="olinput" type="text" id="tr_translation" name="translation" size="80" value="'+ trans +149 '"' + 'onfocus="OLmEdit=1;" onblur="OLmEdit=0;"<\/p>' +150 '<input type="hidden" name="translation_posted" value= "1">' +151 '<p><input class="olinput" onclick="getgt()" type="button" value="Get Suggestion!"/> <input class="olinput" type="submit" value="Translate"/><\/p>' +152 ('<\/div><\/form>');153 154 display_dialog(caption, dialog);155 156 // attach handler to form's submit event157 jQuery('#tr_form').submit(function() {158 var translation = jQuery('#tr_translation').val();159 160 ajax_translate(original,translation,0,segment_id);161 162 // return false to prevent normal browser submit and page navigation163 return false;164 165 });166 }*/167 90 168 91 function confirm_close() { … … 178 101 buttons: { 179 102 'Discard': function() { 180 jQuery("# tr_translation").data("edit", { changed: false});103 jQuery("#"+transposh_params['prefix']+"translation").data("edit", { changed: false}); 181 104 jQuery(this).dialog('close'); 182 105 jQuery("#tabs").dialog('close'); … … 189 112 } 190 113 114 //Open translation dialog 191 115 function translate_dialog(segment_id) { 192 116 jQuery("#trd-tabs").remove(); … … 194 118 jQuery("#trd-tabs").append('<ul/>').tabs({ cache: true }) 195 119 .tabs('add','#trd-tabs-1','Translate') 196 .tabs('add',transposh_params['post_url']+'?tr_token_hist='+jQuery("# tr_"+ segment_id).attr('token')+'&lang='+transposh_params['lang'],'History')120 .tabs('add',transposh_params['post_url']+'?tr_token_hist='+jQuery("#"+transposh_params['prefix'] + segment_id).attr('token')+'&lang='+transposh_params['lang'],'History') 197 121 .css("text-align","left") 198 122 .css("padding",0) … … 203 127 jQuery("table thead tr",ui.panel).addClass("ui-widget-header"); 204 128 jQuery("table tbody tr",ui.panel).append('<td/>'); 205 jQuery("table tbody tr:first td:last",ui.panel).append('<span id=" tr_revert" style="float: left; margin-right: 0.3em;" class="ui-icon ui-icon-scissors"/>');206 jQuery("# tr_revert").click(function () {129 jQuery("table tbody tr:first td:last",ui.panel).append('<span id="'+transposh_params['prefix']+'revert" style="float: left; margin-right: 0.3em;" class="ui-icon ui-icon-scissors"/>'); 130 jQuery("#"+transposh_params['prefix']+"revert").click(function () { 207 131 alert ('hi'); 208 132 }); … … 217 141 }) 218 142 .bind('dialogbeforeclose', function(event, ui) { 219 if(jQuery( '#tr_translation').data("edit").changed) {143 if(jQuery("#"+transposh_params['prefix']+"translation").data("edit").changed) { 220 144 confirm_close(); 221 145 return false; … … 225 149 jQuery("#trd-tabs li").css("list-style-type","none").css("list-style-position","outside"); 226 150 jQuery("#trd-tabs-1").append( 227 '<form id=" tr_form">' +151 '<form id="'+transposh_params['prefix']+'form">' + 228 152 '<fieldset>' + 229 153 '<label for="original">Original Text</label>' + 230 '<textarea cols="80" row="3" name="original" id=" tr_original" class="text ui-widget-content ui-corner-all" readonly="y"/>' +154 '<textarea cols="80" row="3" name="original" id="'+transposh_params['prefix']+'original" class="text ui-widget-content ui-corner-all" readonly="y"/>' + 231 155 '<label for="translation">Translate To</label>' + 232 '<textarea cols="80" row="3" name="translation" id=" tr_translation" value="" class="text ui-widget-content ui-corner-all"/>' +156 '<textarea cols="80" row="3" name="translation" id="'+transposh_params['prefix']+'translation" value="" class="text ui-widget-content ui-corner-all"/>' + 233 157 '</fieldset>' + 234 158 '</form>'); 235 159 jQuery("#trd-tabs-1 label").css("display","block"); 236 160 jQuery("#trd-tabs-1 textarea.text").css({'margin-bottom':'12px', 'width' : '95%', 'padding' : '.4em'}); 237 jQuery("# tr_original").val(jQuery("#tr_"+ segment_id).attr('orig'));238 jQuery("# tr_translation").val(jQuery("#tr_"+ segment_id).html());239 jQuery("# tr_translation").data("edit", { changed: false});240 jQuery("# tr_translation").keyup(function(e){241 if (jQuery("# tr_"+ segment_id).text() != jQuery(this).val()) {161 jQuery("#"+transposh_params['prefix']+"original").val(jQuery("#"+transposh_params['prefix'] + segment_id).attr('orig')); 162 jQuery("#"+transposh_params['prefix']+"translation").val(jQuery("#"+transposh_params['prefix'] + segment_id).html()); 163 jQuery("#"+transposh_params['prefix']+"translation").data("edit", { changed: false}); 164 jQuery("#"+transposh_params['prefix']+"translation").keyup(function(e){ 165 if (jQuery("#"+transposh_params['prefix'] + segment_id).text() != jQuery(this).val()) { 242 166 jQuery(this).css("background","yellow"); 243 167 jQuery(this).data("edit", { changed: true}); … … 252 176 }, 253 177 Ok: function() { 254 var translation = jQuery('# tr_translation').val();255 if(jQuery('# tr_translation').data("edit").changed) {256 ajax_translate(jQuery("# tr_img_" + segment_id).attr('title'),translation,0,segment_id);257 jQuery("# tr_translation").data("edit", { changed: false});178 var translation = jQuery('#'+transposh_params['prefix']+'translation').val(); 179 if(jQuery('#'+transposh_params['prefix']+'translation').data("edit").changed) { 180 ajax_translate(jQuery("#"+transposh_params['prefix'] + segment_id).attr('orig'),translation,0,segment_id); 181 jQuery("#"+transposh_params['prefix']+"translation").data("edit", { changed: false}); 258 182 } 259 183 jQuery(this).dialog('close'); … … 297 221 if (transposh_params['edit']) { 298 222 // lets add the images 299 jQuery(". tr_t,.tr_u").each(function (i) {223 jQuery("."+transposh_params['prefix']+"t,."+transposh_params['prefix']+"u").each(function (i) { 300 224 var translated_id = jQuery(this).attr('id').substr(jQuery(this).attr('id').lastIndexOf('_')+1); 301 jQuery(this).after('<img id=" tr_img_'+translated_id+'" class="tr-icon" size="12x12" title="'+jQuery(this).attr('orig')+'" src="'+transposh_params['post_url']+'?tp_gif=y"/>');302 jQuery('# tr_img_'+translated_id).click(function () {225 jQuery(this).after('<img id="'+transposh_params['prefix']+'img_'+translated_id+'" class="tr-icon" size="12x12" title="'+jQuery(this).attr('orig')+'" src="'+transposh_params['post_url']+'?tp_gif=y"/>'); 226 jQuery('#'+transposh_params['prefix']+'img_'+translated_id).click(function () { 303 227 translate_dialog(translated_id); 228 return false; 304 229 }); 305 if (jQuery(this).hasClass( 'tr_t')) {230 if (jQuery(this).hasClass(transposh_params['prefix']+'t')) { 306 231 if (jQuery(this).attr('source') == '1') 307 jQuery('# tr_img_'+translated_id).addClass('tr-icon-yellow');232 jQuery('#'+transposh_params['prefix']+'img_'+translated_id).addClass('tr-icon-yellow'); 308 233 else 309 jQuery('# tr_img_'+translated_id).addClass('tr-icon-green');234 jQuery('#'+transposh_params['prefix']+'img_'+translated_id).addClass('tr-icon-green'); 310 235 } 311 236 });
Note: See TracChangeset
for help on using the changeset viewer.
