Open-ILS/web/js/dojo/openils/widget/TranslatorPopup.js

   1 /* ---------------------------------------------------------------------------
   2  * Copyright (C) 2008  Georgia Public Library Service
   3  * Copyright (C) 2008  Equinox Software, Inc
   4  * Mike Rylander <miker@esilibrary.com>
   5  *
   6  * This program is free software; you can redistribute it and/or
   7  * modify it under the terms of the GNU General Public License
   8  * as published by the Free Software Foundation; either version 2
   9  * of the License, or (at your option) any later version.
  10  *
  11  * This program is distributed in the hope that it will be useful,
  12  * but WITHOUT ANY WARRANTY; without even the implied warranty of
  13  * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  14  * GNU General Public License for more details.
  15  * ---------------------------------------------------------------------------
  16  */
  17
  18 if(!dojo._hasResource["openils.widget.TranslatorPopup"]) {
  19
  20     dojo._hasResource["openils.widget.TranslatorPopup"] = true;
  21     dojo.provide("openils.widget.TranslatorPopup");
  22     dojo.require("openils.I18N");
  23     dojo.require("fieldmapper.dojoData");
  24     dojo.require("DojoSRF");
  25         dojo.require("dojo.data.ItemFileWriteStore");
  26         dojo.require("dijit._Widget");
  27         dojo.require("dijit._Templated");
  28         dojo.require("dijit.layout.ContentPane");
  29         dojo.require("dijit.Dialog");
  30         dojo.require("dijit.form.Button");
  31         dojo.require("dijit.form.TextBox");
  32         dojo.require("dijit.form.FilteringSelect");
  33         dojo.require("dojox.jsonPath");
  34         dojo.requireLocalization("openils.widget", "TranslatorPopup");
  35
  36
  37     dojo.declare(
  38                 'openils.widget.TranslatorPopup',
  39                 [dijit._Widget, dijit._Templated],
  40                 {
  41
  42                         templateString : "<span id='${field}_translation_${unique}' dojoAttachPoint='containerNode'><div id='${field}_translation_button_${unique}' dojoAttachPoint='translateLabelNode' dojoType='dijit.form.DropDownButton'><span>Translate</span><div id='${field}_translation_tooltip_${unique}' dojoAttachPoint='tooltipDialog' dojoType='dijit.TooltipDialog'><div dojoType='dijit.layout.ContentPane'><table><tbody class='translation_tbody_template' style='display:none; visibility:hidden;'><tr><th dojoAttachPoint='localeLabelNode'/><td class='locale'><div class='locale_combobox'></div></td><th dojoAttachPoint='translationLabelNode'/><td class='translation'><div class='translation_textbox'></div></td><td><button class='create_button' style='display:none; visibility:hidden;'><span dojoAttachPoint='createButtonNode'></span></button><button class='update_button' style='display:none; visibility:hidden;'><span dojoAttachPoint='updateButtonNode'></span></button><button class='delete_button' style='display:none; visibility:hidden;'><span dojoAttachPoint='removeButtonNode'></span></button></td></tr></tbody><tbody class='translation_tbody'></tbody></table></div></div></div></span>",
  43
  44                         widgetsInTemplate: true,
  45                         field : "",
  46                         targetObject : "",
  47                         unique : "",
  48
  49                         postMixInProperties : function () {
  50                                 if (!this.unique) this.unique = openils.widget.TranslatorPopup._unique++;
  51                         },
  52
  53                         postCreate : function () {
  54
  55                                 dojo.connect(this.tooltipDialog, 'onOpen', this, 'renderTranslatorPopup');
  56
  57                                 this.nls = dojo.i18n.getLocalization("openils.widget", "TranslatorPopup");
  58
  59                                 this.translateLabelNode.setLabel(this.nls.translate);
  60
  61                                 this.localeLabelNode.textContent = this.nls.locale;
  62                                 this.translationLabelNode.textContent = this.nls.translation;
  63
  64                                 this.createButtonNode.textContent = this.nls.create;
  65                                 this.updateButtonNode.textContent = this.nls.update;
  66                                 this.removeButtonNode.textContent = this.nls.remove;
  67                         },
  68
  69                         renderTranslatorPopup : function () {
  70
  71                                 var _trans_dijit = this;
  72
  73                                 this._targetObject = dojox.jsonPath.query(window, '$.' + this.targetObject, {evalType:"RESULT"});
  74
  75                                 var node = dojo.byId(this.field + '_translation_tooltip_' + this.unique);
  76
  77                                 var trans_list = openils.I18N.getTranslations( this._targetObject, this.field );
  78
  79                                 var trans_template = dojo.query('.translation_tbody_template', node)[0];
  80                                 var trans_tbody = dojo.query('.translation_tbody', node)[0];
  81
  82                                 // Empty it
  83                                 while (trans_tbody.lastChild) trans_tbody.removeChild( trans_tbody.lastChild );
  84
  85                                 for (var i = 0; i < trans_list.length; i++) {
  86                                         if (!trans_list[i]) continue;
  87
  88                                         var trans_obj = trans_list[i];
  89                                         var trans_id = trans_obj.id();
  90
  91                                         var trans_row = dojo.query('tr',trans_template)[0].cloneNode(true);
  92                                         trans_row.id = 'translation_row_' + trans_id;
  93
  94                                         var old_dijit = dijit.byId('locale_' + trans_id);
  95                                         if (old_dijit) old_dijit.destroy();
  96
  97                                         old_dijit = dijit.byId('translation_' + trans_id);
  98                                         if (old_dijit) old_dijit.destroy();
  99
 100                                         dojo.query('.locale_combobox',trans_row).instantiate(
 101                                                 dijit.form.FilteringSelect,
 102                                                 { store:openils.I18N.localeStore,
 103                                                   searchAttr:'locale',
 104                                                   labelAttr:'label',
 105                                                   lowercase:false,
 106                                                   required:true,
 107                                                   id:'locale_' + trans_id,
 108                                                   value: trans_obj.translation(),
 109                                                   invalidMessage:'Specify locale as {languageCode}-{countryCode}, as in en-US',
 110                                                   regExp:'[a-z_]+'
 111                                                 }
 112                                         );
 113
 114                                         dojo.query('.translation_textbox',trans_row).instantiate(
 115                                                 dijit.form.TextBox,
 116                                                 { required : true,
 117                                                   id:'translation_' + trans_id,
 118                                                   value: trans_obj.string()
 119                                                 }
 120                                         );
 121
 122                                         dojo.query('.update_button',trans_row).style({ visibility : 'visible', display : 'inline'}).instantiate(
 123                                                 dijit.form.Button,
 124                                                 { onClick : dojo.hitch( _trans_dijit, 'updateTranslation', trans_id) }
 125                                         );
 126
 127                                         dojo.query('.delete_button',trans_row).style({ visibility : 'visible', display : 'inline'}).instantiate(
 128                                                 dijit.form.Button,
 129                                                 { onClick : dojo.hitch( _trans_dijit, 'removeTranslation', trans_id) }
 130                                         );
 131
 132                                         trans_tbody.appendChild( trans_row );
 133
 134                                 }
 135
 136                                 old_dijit = dijit.byId('i18n_new_locale_' + this._targetObject.classname + '.' + this.field + this.unique);
 137                                 if (old_dijit) old_dijit.destroy();
 138
 139                                 old_dijit = dijit.byId('i18n_new_translation_' + this._targetObject.classname + '.' + this.field + this.unique);
 140                                 if (old_dijit) old_dijit.destroy();
 141
 142                                 trans_row = dojo.query('tr',trans_template)[0].cloneNode(true);
 143
 144                                 dojo.query('.locale_combobox',trans_row).instantiate(
 145                                         dijit.form.FilteringSelect,
 146                                         { store:openils.I18N.localeStore,
 147                                           searchAttr:'locale',
 148                                           labelAttr:'label',
 149                                           id:'i18n_new_locale_' + this._targetObject.classname + '.' + this.field + this.unique,
 150                                           lowercase:false,
 151                                           required:true,
 152                                           invalidMessage:'Specify locale as {languageCode}_{countryCode}, as in en-US',
 153                                           regExp:'[a-z_]+'
 154                                         }
 155                                 );
 156
 157                                 dojo.query('.translation_textbox',trans_row).addClass('new_translation').instantiate(
 158                                         dijit.form.TextBox,
 159                                         { required : true,
 160                                           id:'i18n_new_translation_' + this._targetObject.classname + '.' + this.field + this.unique
 161                                         }
 162                                 );
 163
 164                                 dojo.query('.create_button',trans_row).style({ visibility : 'visible', display : 'inline'}).instantiate(
 165                                         dijit.form.Button,
 166                                         { onClick : dojo.hitch( _trans_dijit, 'createTranslation') }
 167                                 );
 168
 169                                 trans_tbody.appendChild( trans_row );
 170
 171                         },
 172
 173                         updateTranslation : function (t) {
 174                                 return this.changeTranslation('update',t);
 175                         },
 176
 177                         removeTranslation : function (t) {
 178                                 return this.changeTranslation('delete',t);
 179                         },
 180
 181                         changeTranslation : function (method, trans_id) {
 182
 183                                 var trans_obj = new i18n().fromHash({
 184                                         ischanged : method == 'update' ? 1 : 0,
 185                                         isdeleted : method == 'delete' ? 1 : 0,
 186                                         id : trans_id,
 187                                         fq_field : this._targetObject.classname + '.' + this.field,
 188                                         identity_value : this._targetObject[fieldmapper[this._targetObject.classname].Identifier](),
 189                                         translation : dijit.byId('locale_' + trans_id).getValue(),
 190                                         string : dijit.byId('translation_' + trans_id).getValue()
 191                                 });
 192
 193                                 this.writeTranslation(method, trans_obj);
 194                         },
 195
 196                         createTranslation : function () {
 197                                 var node = dojo.byId(this.field + '_translation_tooltip_' + this.unique);
 198
 199                                 var trans_obj = new i18n().fromHash({
 200                                         isnew : 1,
 201                                         fq_field : this._targetObject.classname + '.' + this.field,
 202                                         identity_value : this._targetObject[fieldmapper[this._targetObject.classname].Identifier](),
 203                                         translation : dijit.byId('i18n_new_locale_' + this._targetObject.classname + '.' + this.field + this.unique).getValue(),
 204                                         string : dijit.byId('i18n_new_translation_' + this._targetObject.classname + '.' + this.field + this.unique).getValue()
 205                                 });
 206
 207                                 this.writeTranslation('create', trans_obj);
 208                         },
 209
 210                         writeTranslation : function (method, trans_obj) {
 211
 212                                 var _trans_dijit = this;
 213
 214                 if (typeof(ses) == "undefined")
 215                     var ses = cgi.param("ses") || dojo.cookie("ses");
 216
 217                                 OpenSRF.CachedClientSession('open-ils.permacrud').request({
 218                                         method : 'open-ils.permacrud.' + method + '.i18n',
 219                                         timeout: 10,
 220                                         params : [ ses, trans_obj ],
 221                                         onerror: function (r) {
 222                                                 //highlighter.editor_pane.red.play();
 223                                                 if ((typeof status_update != "undefined") && status_update) status_update( 'Problem saving translation for ' + _trans_dijit._targetObject[_trans_dijit.field]() );
 224                                         },
 225                                         oncomplete : function (r) {
 226                                                 var res = r.recv();
 227                                                 if ( res && res.content() ) {
 228                                                         //highlighter.editor_pane.green.play();
 229                                                         if ((typeof status_update != "undefined") && status_update) status_update( 'Saved changes to translation for ' + _trans_dijit._targetObject[_trans_dijit.field]() );
 230
 231                                                         if (method == 'delete') {
 232                                                                 dojo.NodeList(dojo.byId('translation_row_' + trans_obj.id())).orphan();
 233                                                         } else if (method == 'create') {
 234                                                                 var node = dojo.byId(_trans_dijit.field + '_translation_tooltip_' + _trans_dijit.unique);
 235                                                                 dijit.byId('i18n_new_locale_' + _trans_dijit._targetObject.classname + '.' + _trans_dijit.field + _trans_dijit.unique).setValue(null);
 236                                                                 dijit.byId('i18n_new_translation_' + _trans_dijit._targetObject.classname + '.' + _trans_dijit.field + _trans_dijit.unique).setValue(null);
 237                                                                 _trans_dijit.renderTranslatorPopup();
 238                                                         }
 239
 240                                                 } else {
 241                                                         //highlighter.editor_pane.red.play();
 242                                                         if ((typeof status_update != "undefined") && status_update) status_update( 'Problem saving translation for ' + _trans_dijit._targetObject[_trans_dijit.field]() );
 243                                                 }
 244                                         },
 245                                 }).send();
 246                         }
 247
 248                 }
 249
 250         );
 251
 252         openils.widget.TranslatorPopup._unique = 1;
 253
 254
 255
 256 }
 257
 258