e463b43220
2. Move ext-overview_window.js to default but overridable list of extensions (as with other extensions); 3. Allow extensions to avoid problems if failing to return an object (in svgcanvas.js); 4. Support new langReady callback to ensure extension always called when locale info is ready (and always load locale, even English); 5. Move localStorage storing to a new (i18n-ized and available-by-default) storage extension which adds a dialog asking user for whether to store prefs and/or SVG content; $.pref() now falls back to checking defaultPrefs (which may have been expanded at runtime to include URL or storage settings); use new config "forceStorage" to get old (bad) behavior 6. Remove initial cap from "Editor" to reflect singleton nature of object (as compared to JSLint conventions for initial cap constructors); 7. Begin a little JSDoc, clearer grouping of properties/methods; JSLint/clean-up 8. Omit values for lang and iconsize to be successfully auto-detected; 9. Document "save_notice_done" and "export_notice_done" within list of prefs; document "showlayers" and "no_save_warning" as config 10. Add "preventAllURLConfig" and "preventURLContentLoading" config for URL security; 11. Add "lockExtensions" and "noDefaultExtensions" config for URL behavior re: extension loading 12. Document "showGrid", and new "noStorageOnLoad" and "emptyStorageOnDecline" extension-related config 13. Change setConfig to allow a second object with "overwrite" and "allowInitialUserOverride" properties and to behave accordingly (with URL config acting with overwrite=false to act under lower priority given security concern), along with checking "preventAllURLConfig" and "lockExtensions" config. 14. Remove any dupe extensions 15. Strip all path config from URL setting in addition to extPath (imgPath, langPath, jGraduatePath) 16. Support select+checkbox type dialog (used for storage ext.) 17. Ensure clickSelect is public so can be properly used by ext-connector.js 18. Reinstate 'in' checks just to be safe 19. Fix broken linkControlPoints() and addSubPath() functions 20. Fix problem when position returned by extension object was too high (e.g., if too few other extensions were included). git-svn-id: http://svg-edit.googlecode.com/svn/trunk@2705 eee81c28-f429-11dd-99c0-75d572ba1ddd
329 lines
9.4 KiB
JavaScript
329 lines
9.4 KiB
JavaScript
/*globals jQuery*/
|
|
/*jslint vars: true, eqeq: true, forin: true*/
|
|
/*
|
|
* Localizing script for SVG-edit UI
|
|
*
|
|
* Licensed under the MIT License
|
|
*
|
|
* Copyright(c) 2010 Narendra Sisodya
|
|
* Copyright(c) 2010 Alexis Deveria
|
|
*
|
|
*/
|
|
|
|
// Dependencies
|
|
// 1) jQuery
|
|
// 2) svgcanvas.js
|
|
// 3) svg-editor.js
|
|
|
|
var svgEditor = (function($, editor) {'use strict';
|
|
|
|
var lang_param;
|
|
|
|
function setStrings(type, obj, ids) {
|
|
// Root element to look for element from
|
|
var i, sel, val, $elem, elem, node, parent = $('#svg_editor').parent();
|
|
for (sel in obj) {
|
|
val = obj[sel];
|
|
if (!val) {console.log(sel);}
|
|
|
|
if (ids) {sel = '#' + sel;}
|
|
$elem = parent.find(sel);
|
|
if ($elem.length) {
|
|
elem = parent.find(sel)[0];
|
|
|
|
switch ( type ) {
|
|
case 'content':
|
|
for (i = 0; i < elem.childNodes.length; i++) {
|
|
node = elem.childNodes[i];
|
|
if (node.nodeType === 3 && node.textContent.replace(/\s/g,'')) {
|
|
node.textContent = val;
|
|
break;
|
|
}
|
|
}
|
|
break;
|
|
|
|
case 'title':
|
|
elem.title = val;
|
|
break;
|
|
}
|
|
|
|
|
|
} else {
|
|
console.log('Missing: ' + sel);
|
|
}
|
|
}
|
|
}
|
|
|
|
editor.readLang = function(langData) {
|
|
var more = editor.canvas.runExtensions("addlangData", lang_param, true);
|
|
$.each(more, function(i, m) {
|
|
if (m.data) {
|
|
langData = $.merge(langData, m.data);
|
|
}
|
|
});
|
|
|
|
// Old locale file, do nothing for now.
|
|
if (!langData.tools) {return;}
|
|
|
|
var tools = langData.tools,
|
|
misc = langData.misc,
|
|
properties = langData.properties,
|
|
config = langData.config,
|
|
layers = langData.layers,
|
|
common = langData.common,
|
|
ui = langData.ui;
|
|
|
|
setStrings('content', {
|
|
copyrightLabel: misc.powered_by,
|
|
curve_segments: properties.curve_segments,
|
|
fitToContent: tools.fitToContent,
|
|
fit_to_all: tools.fit_to_all,
|
|
fit_to_canvas: tools.fit_to_canvas,
|
|
fit_to_layer_content: tools.fit_to_layer_content,
|
|
fit_to_sel: tools.fit_to_sel,
|
|
|
|
icon_large: config.icon_large,
|
|
icon_medium: config.icon_medium,
|
|
icon_small: config.icon_small,
|
|
icon_xlarge: config.icon_xlarge,
|
|
image_opt_embed: config.image_opt_embed,
|
|
image_opt_ref: config.image_opt_ref,
|
|
includedImages: config.included_images,
|
|
|
|
largest_object: tools.largest_object,
|
|
|
|
layersLabel: layers.layers,
|
|
page: tools.page,
|
|
relativeToLabel: tools.relativeTo,
|
|
selLayerLabel: layers.move_elems_to,
|
|
selectedPredefined: config.select_predefined,
|
|
|
|
selected_objects: tools.selected_objects,
|
|
smallest_object: tools.smallest_object,
|
|
straight_segments: properties.straight_segments,
|
|
|
|
svginfo_bg_url: config.editor_img_url + ":",
|
|
svginfo_bg_note: config.editor_bg_note,
|
|
svginfo_change_background: config.background,
|
|
svginfo_dim: config.doc_dims,
|
|
svginfo_editor_prefs: config.editor_prefs,
|
|
svginfo_height: common.height,
|
|
svginfo_icons: config.icon_size,
|
|
svginfo_image_props: config.image_props,
|
|
svginfo_lang: config.language,
|
|
svginfo_title: config.doc_title,
|
|
svginfo_width: common.width,
|
|
|
|
tool_docprops_cancel: common.cancel,
|
|
tool_docprops_save: common.ok,
|
|
|
|
tool_source_cancel: common.cancel,
|
|
tool_source_save: common.ok,
|
|
|
|
tool_prefs_cancel: common.cancel,
|
|
tool_prefs_save: common.ok,
|
|
|
|
sidepanel_handle: layers.layers.split('').join(' '),
|
|
|
|
tool_clear: tools.new_doc,
|
|
tool_docprops: tools.docprops,
|
|
tool_export: tools.export_img,
|
|
tool_import: tools.import_doc,
|
|
tool_imagelib: tools.imagelib,
|
|
tool_open: tools.open_doc,
|
|
tool_save: tools.save_doc,
|
|
|
|
svginfo_units_rulers: config.units_and_rulers,
|
|
svginfo_rulers_onoff: config.show_rulers,
|
|
svginfo_unit: config.base_unit,
|
|
|
|
svginfo_grid_settings: config.grid,
|
|
svginfo_snap_onoff: config.snapping_onoff,
|
|
svginfo_snap_step: config.snapping_stepsize,
|
|
svginfo_grid_color: config.grid_color
|
|
}, true);
|
|
|
|
// Shape categories
|
|
var o, cats = {};
|
|
for (o in langData.shape_cats) {
|
|
cats['#shape_cats [data-cat="' + o + '"]'] = langData.shape_cats[o];
|
|
}
|
|
|
|
// TODO: Find way to make this run after shapelib ext has loaded
|
|
setTimeout(function() {
|
|
setStrings('content', cats);
|
|
}, 2000);
|
|
|
|
// Context menus
|
|
var opts = {};
|
|
$.each(['cut','copy','paste', 'paste_in_place', 'delete', 'group', 'ungroup', 'move_front', 'move_up', 'move_down', 'move_back'], function() {
|
|
opts['#cmenu_canvas a[href="#' + this + '"]'] = tools[this];
|
|
});
|
|
|
|
$.each(['dupe','merge_down', 'merge_all'], function() {
|
|
opts['#cmenu_layers a[href="#' + this + '"]'] = layers[this];
|
|
});
|
|
|
|
opts['#cmenu_layers a[href="#delete"]'] = layers.del;
|
|
|
|
setStrings('content', opts);
|
|
|
|
setStrings('title', {
|
|
align_relative_to: tools.align_relative_to,
|
|
circle_cx: properties.circle_cx,
|
|
circle_cy: properties.circle_cy,
|
|
circle_r: properties.circle_r,
|
|
cornerRadiusLabel: properties.corner_radius,
|
|
ellipse_cx: properties.ellipse_cx,
|
|
ellipse_cy: properties.ellipse_cy,
|
|
ellipse_rx: properties.ellipse_rx,
|
|
ellipse_ry: properties.ellipse_ry,
|
|
fill_color: properties.fill_color,
|
|
font_family: properties.font_family,
|
|
idLabel: properties.id,
|
|
image_height: properties.image_height,
|
|
image_url: properties.image_url,
|
|
image_width: properties.image_width,
|
|
layer_delete: layers.del,
|
|
layer_down: layers.move_down,
|
|
layer_new: layers['new'],
|
|
layer_rename: layers.rename,
|
|
layer_moreopts: common.more_opts,
|
|
layer_up: layers.move_up,
|
|
line_x1: properties.line_x1,
|
|
line_x2: properties.line_x2,
|
|
line_y1: properties.line_y1,
|
|
line_y2: properties.line_y2,
|
|
linecap_butt: properties.linecap_butt,
|
|
linecap_round: properties.linecap_round,
|
|
linecap_square: properties.linecap_square,
|
|
linejoin_bevel: properties.linejoin_bevel,
|
|
linejoin_miter: properties.linejoin_miter,
|
|
linejoin_round: properties.linejoin_round,
|
|
main_icon: tools.main_menu,
|
|
mode_connect: tools.mode_connect,
|
|
tools_shapelib_show: tools.mode_shapelib,
|
|
palette: ui.palette_info,
|
|
zoom_panel: ui.zoom_level,
|
|
path_node_x: properties.node_x,
|
|
path_node_y: properties.node_y,
|
|
rect_height_tool: properties.rect_height,
|
|
rect_width_tool: properties.rect_width,
|
|
seg_type: properties.seg_type,
|
|
selLayerNames: layers.move_selected,
|
|
selected_x: properties.pos_x,
|
|
selected_y: properties.pos_y,
|
|
stroke_color: properties.stroke_color,
|
|
stroke_style: properties.stroke_style,
|
|
stroke_width: properties.stroke_width,
|
|
svginfo_title: config.doc_title,
|
|
text: properties.text_contents,
|
|
toggle_stroke_tools: ui.toggle_stroke_tools,
|
|
tool_add_subpath: tools.add_subpath,
|
|
tool_alignbottom: tools.align_bottom,
|
|
tool_aligncenter: tools.align_center,
|
|
tool_alignleft: tools.align_left,
|
|
tool_alignmiddle: tools.align_middle,
|
|
tool_alignright: tools.align_right,
|
|
tool_aligntop: tools.align_top,
|
|
tool_angle: properties.angle,
|
|
tool_blur: properties.blur,
|
|
tool_bold: properties.bold,
|
|
tool_circle: tools.mode_circle,
|
|
tool_clone: tools.clone,
|
|
tool_clone_multi: tools.clone,
|
|
tool_delete: tools.del,
|
|
tool_delete_multi: tools.del,
|
|
tool_ellipse: tools.mode_ellipse,
|
|
tool_eyedropper: tools.mode_eyedropper,
|
|
tool_fhellipse: tools.mode_fhellipse,
|
|
tool_fhpath: tools.mode_fhpath,
|
|
tool_fhrect: tools.mode_fhrect,
|
|
tool_font_size: properties.font_size,
|
|
tool_group_elements: tools.group_elements,
|
|
tool_make_link: tools.make_link,
|
|
tool_link_url: tools.set_link_url,
|
|
tool_image: tools.mode_image,
|
|
tool_italic: properties.italic,
|
|
tool_line: tools.mode_line,
|
|
tool_move_bottom: tools.move_bottom,
|
|
tool_move_top: tools.move_top,
|
|
tool_node_clone: tools.node_clone,
|
|
tool_node_delete: tools.node_delete,
|
|
tool_node_link: tools.node_link,
|
|
tool_opacity: properties.opacity,
|
|
tool_openclose_path: tools.openclose_path,
|
|
tool_path: tools.mode_path,
|
|
tool_position: tools.align_to_page,
|
|
tool_rect: tools.mode_rect,
|
|
tool_redo: tools.redo,
|
|
tool_reorient: tools.reorient_path,
|
|
tool_select: tools.mode_select,
|
|
tool_source: tools.source_save,
|
|
tool_square: tools.mode_square,
|
|
tool_text: tools.mode_text,
|
|
tool_topath: tools.to_path,
|
|
tool_undo: tools.undo,
|
|
tool_ungroup: tools.ungroup,
|
|
tool_wireframe: tools.wireframe_mode,
|
|
view_grid: tools.toggle_grid,
|
|
tool_zoom: tools.mode_zoom,
|
|
url_notice: tools.no_embed
|
|
|
|
}, true);
|
|
|
|
editor.setLang(lang_param, langData);
|
|
};
|
|
|
|
editor.putLocale = function (given_param, good_langs) {
|
|
|
|
if (given_param) {
|
|
lang_param = given_param;
|
|
}
|
|
else {
|
|
lang_param = $.pref('lang');
|
|
if (!lang_param) {
|
|
if (navigator.userLanguage) { // Explorer
|
|
lang_param = navigator.userLanguage;
|
|
}
|
|
else if (navigator.language) { // FF, Opera, ...
|
|
lang_param = navigator.language;
|
|
}
|
|
if (lang_param == null) { // Todo: Would cause problems if uiStrings removed; remove this?
|
|
return;
|
|
}
|
|
}
|
|
|
|
console.log('Lang: ' + lang_param);
|
|
|
|
// Set to English if language is not in list of good langs
|
|
if ($.inArray(lang_param, good_langs) === -1 && lang_param !== 'test') {
|
|
lang_param = "en";
|
|
}
|
|
|
|
// don't bother on first run if language is English
|
|
// The following line prevents setLang from running
|
|
// extensions which depend on updated uiStrings,
|
|
// so commenting it out.
|
|
// if (lang_param.indexOf("en") === 0) {return;}
|
|
|
|
}
|
|
|
|
var conf = editor.curConfig;
|
|
|
|
var url = conf.langPath + "lang." + lang_param + ".js";
|
|
|
|
$.getScript(url, function(d) {
|
|
// Fails locally in Chrome 5+
|
|
if (!d) {
|
|
var s = document.createElement('script');
|
|
s.src = url;
|
|
document.querySelector('head').appendChild(s);
|
|
}
|
|
});
|
|
|
|
};
|
|
|
|
return editor;
|
|
}(jQuery, svgEditor));
|