').append(btn.title);
}
-
- }
- else if (btn.list) {
+ } else if (btn.list) {
// Add button to list
button.addClass('push_button');
$('#' + btn.list + '_opts').append(button);
if (btn.isDefault) {
$('#cur_' + btn.list).append(button.children().clone());
svgicon = btn.svgicon || btn.id;
- placement_obj['#cur_' + btn.list] = svgicon;
+ placementObj['#cur_' + btn.list] = svgicon;
}
- }
- else if (btn.includeWith) {
+ } else if (btn.includeWith) {
// Add to flyout menu / make flyout menu
var opts = btn.includeWith;
// opts.button, default, position
- ref_btn = $(opts.button);
+ refBtn = $(opts.button);
- flyout_holder = ref_btn.parent();
+ flyoutHolder = refBtn.parent();
// Create a flyout menu if there isn't one already
- if (!ref_btn.parent().hasClass('tools_flyout')) {
+ if (!refBtn.parent().hasClass('tools_flyout')) {
// Create flyout placeholder
- tls_id = ref_btn[0].id.replace('tool_', 'tools_');
- show_btn = ref_btn.clone()
- .attr('id',tls_id + '_show')
+ tlsId = refBtn[0].id.replace('tool_', 'tools_');
+ showBtn = refBtn.clone()
+ .attr('id', tlsId + '_show')
.append($('
', {'class': 'flyout_arrow_horiz'}));
- ref_btn.before(show_btn);
+ refBtn.before(showBtn);
// Create a flyout div
- flyout_holder = makeFlyoutHolder(tls_id, ref_btn);
+ flyoutHolder = makeFlyoutHolder(tlsId, refBtn);
}
- ref_data = Actions.getButtonData(opts.button);
+ refData = Actions.getButtonData(opts.button);
if (opts.isDefault) {
- placement_obj['#' + tls_id + '_show'] = btn.id;
+ placementObj['#' + tlsId + '_show'] = btn.id;
}
// TODO: Find way to set the current icon using the iconloader if this is not default
// Include data for extension button as well as ref button
- cur_h = holders['#' + flyout_holder[0].id] = [{
+ curH = holders['#' + flyoutHolder[0].id] = [{
sel: '#' + id,
fn: btn.events.click,
icon: btn.id,
key: btn.key,
isDefault: btn.includeWith ? btn.includeWith.isDefault : 0
- }, ref_data];
+ }, refData];
// {sel:'#tool_rect', fn: clickRect, evt: 'mouseup', key: 4, parent: '#tools_rect', icon: 'rect'}
var pos = ('position' in opts) ? opts.position : 'last';
- var len = flyout_holder.children().length;
+ var len = flyoutHolder.children().length;
// Add at given position or end
if (!isNaN(pos) && pos >= 0 && pos < len) {
- flyout_holder.children().eq(pos).before(button);
+ flyoutHolder.children().eq(pos).before(button);
} else {
- flyout_holder.append(button);
- cur_h.reverse();
+ flyoutHolder.append(button);
+ curH.reverse();
}
}
@@ -2782,12 +2757,12 @@ window.svgEditor = (function ($) {
if (!btn.list) {
// Add given events to button
- $.each(btn.events, function(name, func) {
- if (name == 'click' && btn.type == 'mode') {
+ $.each(btn.events, function (name, func) {
+ if (name === 'click' && btn.type === 'mode') {
if (btn.includeWith) {
button.bind(name, func);
} else {
- button.bind(name, function() {
+ button.bind(name, function () {
if (toolButtonClick(button)) {
func();
}
@@ -2796,7 +2771,7 @@ window.svgEditor = (function ($) {
if (btn.key) {
$(document).bind('keydown', btn.key, func);
if (btn.title) {
- button.attr('title', btn.title + ' ['+btn.key+']');
+ button.attr('title', btn.title + ' [' + btn.key + ']');
}
}
} else {
@@ -2808,27 +2783,27 @@ window.svgEditor = (function ($) {
setupFlyouts(holders);
});
- $.each(btn_selects, function() {
+ $.each(btnSelects, function () {
addAltDropDown(this.elem, this.list, this.callback, {seticon: true});
});
if (svgicons) {
- cb_ready = false; // Delay callback
+ cbReady = false; // Delay callback
}
$.svgIcons(svgicons, {
w: 24, h: 24,
id_match: false,
no_img: (!svgedit.browser.isWebkit()),
- fallback: fallback_obj,
- placement: placement_obj,
+ fallback: fallbackObj,
+ placement: placementObj,
callback: function (icons) {
// Non-ideal hack to make the icon match the current size
- //if (curPrefs.iconsize && curPrefs.iconsize !== 'm') {
+ // if (curPrefs.iconsize && curPrefs.iconsize !== 'm') {
if ($.pref('iconsize') !== 'm') {
prepResize();
}
- cb_ready = true; // Ready for callback
+ cbReady = true; // Ready for callback
runCallback();
}
});
@@ -2837,7 +2812,7 @@ window.svgEditor = (function ($) {
runCallback();
};
- var getPaint = function(color, opac, type) {
+ var getPaint = function (color, opac, type) {
// update the editor's fill paint
var opts = { alpha: opac };
if (color.indexOf('url(#') === 0) {
@@ -2856,8 +2831,8 @@ window.svgEditor = (function ($) {
return new $.jGraduate.Paint(opts);
};
- $('#text').focus( function(){ textBeingEntered = true; } );
- $('#text').blur( function(){ textBeingEntered = false; } );
+ // $('#text').focus(function () { textBeingEntered = true; });
+ // $('#text').blur(function () { textBeingEntered = false; });
// bind the selected event to our function that handles updates to the UI
svgCanvas.bind('selected', selectedChanged);
@@ -2878,26 +2853,26 @@ window.svgEditor = (function ($) {
svgCanvas.textActions.setInputElem($('#text')[0]);
var str = '
';
- $.each(palette, function(i, item) {
+ $.each(palette, function (i, item) {
str += '
';
});
$('#palette').append(str);
// Set up editor background functionality
// TODO add checkerboard as "pattern"
- var color_blocks = ['#FFF', '#888', '#000']; // ,'url(data:image/gif;base64,R0lGODlhEAAQAIAAAP%2F%2F%2F9bW1iH5BAAAAAAALAAAAAAQABAAAAIfjG%2Bgq4jM3IFLJgpswNly%2FXkcBpIiVaInlLJr9FZWAQA7)'];
+ var colorBlocks = ['#FFF', '#888', '#000']; // ,'url(data:image/gif;base64,R0lGODlhEAAQAIAAAP%2F%2F%2F9bW1iH5BAAAAAAALAAAAAAQABAAAAIfjG%2Bgq4jM3IFLJgpswNly%2FXkcBpIiVaInlLJr9FZWAQA7)'];
str = '';
- $.each(color_blocks, function() {
+ $.each(colorBlocks, function () {
str += '
';
});
$('#bg_blocks').append(str);
var blocks = $('#bg_blocks div');
- var cur_bg = 'cur_background';
- blocks.each(function() {
+ var curBg = 'cur_background';
+ blocks.each(function () {
var blk = $(this);
- blk.click(function() {
- blocks.removeClass(cur_bg);
- $(this).addClass(cur_bg);
+ blk.click(function () {
+ blocks.removeClass(curBg);
+ $(this).addClass(curBg);
});
});
@@ -2905,38 +2880,38 @@ window.svgEditor = (function ($) {
$('#image_save_opts input').val([$.pref('img_save')]);
- var changeRectRadius = function(ctl) {
+ var changeRectRadius = function (ctl) {
svgCanvas.setRectRadius(ctl.value);
};
- var changeFontSize = function(ctl) {
+ var changeFontSize = function (ctl) {
svgCanvas.setFontSize(ctl.value);
};
- var changeStrokeWidth = function(ctl) {
+ var changeStrokeWidth = function (ctl) {
var val = ctl.value;
- if (val == 0 && selectedElement && ['line', 'polyline'].indexOf(selectedElement.nodeName) >= 0) {
+ if (val === 0 && selectedElement && ['line', 'polyline'].indexOf(selectedElement.nodeName) >= 0) {
val = ctl.value = 1;
}
svgCanvas.setStrokeWidth(val);
};
- var changeRotationAngle = function(ctl) {
+ var changeRotationAngle = function (ctl) {
svgCanvas.setRotationAngle(ctl.value);
$('#tool_reorient').toggleClass('disabled', parseInt(ctl.value, 10) === 0);
};
- var changeOpacity = function(ctl, val) {
- if (val == null) {val = ctl.value;}
+ var changeOpacity = function (ctl, val) {
+ if (val == null) { val = ctl.value; }
$('#group_opacity').val(val);
if (!ctl || !ctl.handle) {
$('#opac_slider').slider('option', 'value', val);
}
- svgCanvas.setOpacity(val/100);
+ svgCanvas.setOpacity(val / 100);
};
- var changeBlur = function(ctl, val, noUndo) {
- if (val == null) {val = ctl.value;}
+ var changeBlur = function (ctl, val, noUndo) {
+ if (val == null) { val = ctl.value; }
$('#blur').val(val);
var complete = false;
if (!ctl || !ctl.handle) {
@@ -2950,26 +2925,26 @@ window.svgEditor = (function ($) {
}
};
- $('#stroke_style').change(function() {
+ $('#stroke_style').change(function () {
svgCanvas.setStrokeAttr('stroke-dasharray', $(this).val());
operaRepaint();
});
- $('#stroke_linejoin').change(function() {
+ $('#stroke_linejoin').change(function () {
svgCanvas.setStrokeAttr('stroke-linejoin', $(this).val());
operaRepaint();
});
// Lose focus for select elements when changed (Allows keyboard shortcuts to work better)
- $('select').change(function(){$(this).blur();});
+ $('select').change(function () { $(this).blur(); });
// fired when user wants to move elements to another layer
var promptMoveLayerOnce = false;
- $('#selLayerNames').change(function() {
+ $('#selLayerNames').change(function () {
var destLayer = this.options[this.selectedIndex].value;
var confirmStr = uiStrings.notification.QmoveElemsToLayer.replace('%s', destLayer);
- var moveToLayer = function(ok) {
- if (!ok) {return;}
+ var moveToLayer = function (ok) {
+ if (!ok) { return; }
promptMoveLayerOnce = true;
svgCanvas.moveSelectedToLayer(destLayer);
svgCanvas.clearSelection();
@@ -2984,23 +2959,23 @@ window.svgEditor = (function ($) {
}
});
- $('#font_family').change(function() {
+ $('#font_family').change(function () {
svgCanvas.setFontFamily(this.value);
});
- $('#seg_type').change(function() {
+ $('#seg_type').change(function () {
svgCanvas.setSegType($(this).val());
});
- $('#text').bind("keyup input", function() {
+ $('#text').bind('keyup input', function () {
svgCanvas.setTextContent(this.value);
});
- $('#image_url').change(function() {
+ $('#image_url').change(function () {
setImageURL(this.value);
});
- $('#link_url').change(function() {
+ $('#link_url').change(function () {
if (this.value.length) {
svgCanvas.setLinkURL(this.value);
} else {
@@ -3008,11 +2983,11 @@ window.svgEditor = (function ($) {
}
});
- $('#g_title').change(function() {
+ $('#g_title').change(function () {
svgCanvas.setGroupTitle(this.value);
});
- $('.attr_changer').change(function() {
+ $('.attr_changer').change(function () {
var attr = this.getAttribute('data-attr');
var val = this.value;
var valid = svgedit.units.isValidUnit(attr, val, selectedElement);
@@ -3043,7 +3018,7 @@ window.svgEditor = (function ($) {
var elem = selectedElement;
svgCanvas.clearSelection();
elem.id = val;
- svgCanvas.addToSelection([elem],true);
+ svgCanvas.addToSelection([elem], true);
} else {
svgCanvas.changeSelectedAttribute(attr, val);
}
@@ -3051,13 +3026,13 @@ window.svgEditor = (function ($) {
});
// Prevent selection of elements when shift-clicking
- $('#palette').mouseover(function() {
+ $('#palette').mouseover(function () {
var inp = $('
');
$(this).append(inp);
inp.focus().remove();
});
- $('.palette_item').mousedown(function(evt) {
+ $('.palette_item').mousedown(function (evt) {
// shift key or right click for stroke
var picker = evt.shiftKey || evt.button === 2 ? 'stroke' : 'fill';
var color = $(this).data('rgb');
@@ -3078,57 +3053,57 @@ window.svgEditor = (function ($) {
svgCanvas.setPaintOpacity(picker, 1.0);
}
updateToolButtonState();
- }).bind('contextmenu', function(e) {e.preventDefault();});
+ }).bind('contextmenu', function (e) { e.preventDefault(); });
- $('#toggle_stroke_tools').on('click', function() {
+ $('#toggle_stroke_tools').on('click', function () {
$('#tools_bottom').toggleClass('expanded');
});
- (function() {
- var last_x = null, last_y = null, w_area = workarea[0],
+ (function () {
+ var lastX = null, lastY = null, wArea = workarea[0],
panning = false, keypan = false;
- $('#svgcanvas').bind('mousemove mouseup', function(evt) {
- if (panning === false) {return;}
+ $('#svgcanvas').bind('mousemove mouseup', function (evt) {
+ if (panning === false) { return; }
- w_area.scrollLeft -= (evt.clientX - last_x);
- w_area.scrollTop -= (evt.clientY - last_y);
+ wArea.scrollLeft -= (evt.clientX - lastX);
+ wArea.scrollTop -= (evt.clientY - lastY);
- last_x = evt.clientX;
- last_y = evt.clientY;
+ lastX = evt.clientX;
+ lastY = evt.clientY;
- if (evt.type === 'mouseup') {panning = false;}
+ if (evt.type === 'mouseup') { panning = false; }
return false;
- }).mousedown(function(evt) {
+ }).mousedown(function (evt) {
if (evt.button === 1 || keypan === true) {
panning = true;
- last_x = evt.clientX;
- last_y = evt.clientY;
+ lastX = evt.clientX;
+ lastY = evt.clientY;
return false;
}
});
- $(window).mouseup(function() {
+ $(window).mouseup(function () {
panning = false;
});
- $(document).bind('keydown', 'space', function(evt) {
+ $(document).bind('keydown', 'space', function (evt) {
svgCanvas.spaceKey = keypan = true;
evt.preventDefault();
- }).bind('keyup', 'space', function(evt) {
+ }).bind('keyup', 'space', function (evt) {
evt.preventDefault();
svgCanvas.spaceKey = keypan = false;
- }).bind('keydown', 'shift', function(evt) {
+ }).bind('keydown', 'shift', function (evt) {
if (svgCanvas.getMode() === 'zoom') {
workarea.css('cursor', zoomOutIcon);
}
- }).bind('keyup', 'shift', function(evt) {
+ }).bind('keyup', 'shift', function (evt) {
if (svgCanvas.getMode() === 'zoom') {
workarea.css('cursor', zoomInIcon);
}
});
- editor.setPanning = function(active) {
+ editor.setPanning = function (active) {
svgCanvas.spaceKey = keypan = active;
};
}());
@@ -3137,40 +3112,42 @@ window.svgEditor = (function ($) {
var button = $('#main_icon');
var overlay = $('#main_icon span');
var list = $('#main_menu');
- var on_button = false;
+ var onButton = false;
var height = 0;
- var js_hover = true;
- var set_click = false;
+ var jsHover = true;
+ var setClick = false;
/*
// Currently unused
- var hideMenu = function() {
+ var hideMenu = function () {
list.fadeOut(200);
};
*/
- $(window).mouseup(function(evt) {
- if (!on_button) {
+ $(window).mouseup(function (evt) {
+ if (!onButton) {
button.removeClass('buttondown');
// do not hide if it was the file input as that input needs to be visible
// for its change event to fire
- if (evt.target.tagName != 'INPUT') {
+ if (evt.target.tagName !== 'INPUT') {
list.fadeOut(200);
- } else if (!set_click) {
- set_click = true;
- $(evt.target).click(function() {
+ } else if (!setClick) {
+ setClick = true;
+ $(evt.target).click(function () {
list.css('margin-left', '-9999px').show();
});
}
}
- on_button = false;
- }).mousedown(function(evt) {
-// $('.contextMenu').hide();
+ onButton = false;
+ }).mousedown(function (evt) {
+ // $('.contextMenu').hide();
var islib = $(evt.target).closest('div.tools_flyout, .contextMenu').length;
- if (!islib) {$('.tools_flyout:visible,.contextMenu').fadeOut(250);}
+ if (!islib) {
+ $('.tools_flyout:visible,.contextMenu').fadeOut(250);
+ }
});
- overlay.bind('mousedown',function() {
+ overlay.bind('mousedown', function () {
if (!button.hasClass('buttondown')) {
// Margin must be reset in case it was changed before;
list.css('margin-left', 0).show();
@@ -3178,31 +3155,31 @@ window.svgEditor = (function ($) {
height = list.height();
}
// Using custom animation as slideDown has annoying 'bounce effect'
- list.css('height',0).animate({
+ list.css('height', 0).animate({
'height': height
}, 200);
- on_button = true;
+ onButton = true;
} else {
list.fadeOut(200);
}
button.toggleClass('buttondown buttonup');
- }).hover(function() {
- on_button = true;
- }).mouseout(function() {
- on_button = false;
+ }).hover(function () {
+ onButton = true;
+ }).mouseout(function () {
+ onButton = false;
});
- var list_items = $('#main_menu li');
+ var listItems = $('#main_menu li');
// Check if JS method of hovering needs to be used (Webkit bug)
- list_items.mouseover(function() {
- js_hover = ($(this).css('background-color') == 'rgba(0, 0, 0, 0)');
+ listItems.mouseover(function () {
+ jsHover = ($(this).css('background-color') === 'rgba(0, 0, 0, 0)');
- list_items.unbind('mouseover');
- if (js_hover) {
- list_items.mouseover(function() {
+ listItems.unbind('mouseover');
+ if (jsHover) {
+ listItems.mouseover(function () {
this.style.backgroundColor = '#FFC';
- }).mouseout(function() {
+ }).mouseout(function () {
this.style.backgroundColor = 'transparent';
return true;
});
@@ -3211,11 +3188,11 @@ window.svgEditor = (function ($) {
}());
// Made public for UI customization.
// TODO: Group UI functions into a public editor.ui interface.
- editor.addDropDown = function(elem, callback, dropUp) {
- if ($(elem).length == 0) {return;} // Quit if called on non-existant element
+ editor.addDropDown = function (elem, callback, dropUp) {
+ if ($(elem).length === 0) { return; } // Quit if called on non-existant element
var button = $(elem).find('button');
var list = $(elem).find('ul').attr('id', $(elem)[0].id + '-list');
- var on_button = false;
+ var onButton = false;
if (dropUp) {
$(elem).addClass('dropup');
} else {
@@ -3224,15 +3201,15 @@ window.svgEditor = (function ($) {
}
list.find('li').bind('mouseup', callback);
- $(window).mouseup(function(evt) {
- if (!on_button) {
+ $(window).mouseup(function (evt) {
+ if (!onButton) {
button.removeClass('down');
list.hide();
}
- on_button = false;
+ onButton = false;
});
- button.bind('mousedown',function() {
+ button.bind('mousedown', function () {
if (!button.hasClass('down')) {
if (!dropUp) {
var pos = $(elem).position();
@@ -3242,38 +3219,38 @@ window.svgEditor = (function ($) {
});
}
list.show();
- on_button = true;
+ onButton = true;
} else {
list.hide();
}
button.toggleClass('down');
- }).hover(function() {
- on_button = true;
- }).mouseout(function() {
- on_button = false;
+ }).hover(function () {
+ onButton = true;
+ }).mouseout(function () {
+ onButton = false;
});
};
- editor.addDropDown('#font_family_dropdown', function() {
+ editor.addDropDown('#font_family_dropdown', function () {
$('#font_family').val($(this).text()).change();
});
- editor.addDropDown('#opacity_dropdown', function() {
- if ($(this).find('div').length) {return;}
+ editor.addDropDown('#opacity_dropdown', function () {
+ if ($(this).find('div').length) { return; }
var perc = parseInt($(this).text().split('%')[0], 10);
changeOpacity(false, perc);
}, true);
// For slider usage, see: http://jqueryui.com/demos/slider/
$('#opac_slider').slider({
- start: function() {
+ start: function () {
$('#opacity_dropdown li:not(.special)').hide();
},
- stop: function() {
+ stop: function () {
$('#opacity_dropdown li').show();
$(window).mouseup();
},
- slide: function(evt, ui) {
+ slide: function (evt, ui) {
changeOpacity(ui);
}
});
@@ -3285,21 +3262,21 @@ window.svgEditor = (function ($) {
$('#blur_slider').slider({
max: 10,
step: 0.1,
- stop: function(evt, ui) {
+ stop: function (evt, ui) {
slideStart = false;
changeBlur(ui);
$('#blur_dropdown li').show();
$(window).mouseup();
},
- start: function() {
+ start: function () {
slideStart = true;
},
- slide: function(evt, ui) {
+ slide: function (evt, ui) {
changeBlur(ui, null, slideStart);
}
});
- editor.addDropDown('#zoom_dropdown', function() {
+ editor.addDropDown('#zoom_dropdown', function () {
var item = $(this);
var val = item.data('val');
if (val) {
@@ -3309,15 +3286,15 @@ window.svgEditor = (function ($) {
}
}, true);
- addAltDropDown('#stroke_linecap', '#linecap_opts', function() {
+ addAltDropDown('#stroke_linecap', '#linecap_opts', function () {
setStrokeOpt(this, true);
}, {dropUp: true});
- addAltDropDown('#stroke_linejoin', '#linejoin_opts', function() {
+ addAltDropDown('#stroke_linejoin', '#linejoin_opts', function () {
setStrokeOpt(this, true);
}, {dropUp: true});
- addAltDropDown('#tool_position', '#position_opts', function() {
+ addAltDropDown('#tool_position', '#position_opts', function () {
var letter = this.id.replace('tool_pos', '').charAt(0);
svgCanvas.alignSelectedElements(letter, 'page');
}, {multiclick: true});
@@ -3339,88 +3316,88 @@ window.svgEditor = (function ($) {
*/
// Unfocus text input when workarea is mousedowned.
- (function() {
+ (function () {
var inp;
- var unfocus = function() {
+ var unfocus = function () {
$(inp).blur();
};
- $('#svg_editor').find('button, select, input:not(#text)').focus(function() {
+ $('#svg_editor').find('button, select, input:not(#text)').focus(function () {
inp = this;
- ui_context = 'toolbars';
+ uiContext = 'toolbars';
workarea.mousedown(unfocus);
- }).blur(function() {
- ui_context = 'canvas';
+ }).blur(function () {
+ uiContext = 'canvas';
workarea.unbind('mousedown', unfocus);
// Go back to selecting text if in textedit mode
- if (svgCanvas.getMode() == 'textedit') {
+ if (svgCanvas.getMode() === 'textedit') {
$('#text').focus();
}
});
}());
- var clickFHPath = function() {
+ var clickFHPath = function () {
if (toolButtonClick('#tool_fhpath')) {
svgCanvas.setMode('fhpath');
}
};
- var clickLine = function() {
+ var clickLine = function () {
if (toolButtonClick('#tool_line')) {
svgCanvas.setMode('line');
}
};
- var clickSquare = function() {
+ var clickSquare = function () {
if (toolButtonClick('#tool_square')) {
svgCanvas.setMode('square');
}
};
- var clickRect = function() {
+ var clickRect = function () {
if (toolButtonClick('#tool_rect')) {
svgCanvas.setMode('rect');
}
};
- var clickFHRect = function() {
+ var clickFHRect = function () {
if (toolButtonClick('#tool_fhrect')) {
svgCanvas.setMode('fhrect');
}
};
- var clickCircle = function() {
+ var clickCircle = function () {
if (toolButtonClick('#tool_circle')) {
svgCanvas.setMode('circle');
}
};
- var clickEllipse = function() {
+ var clickEllipse = function () {
if (toolButtonClick('#tool_ellipse')) {
svgCanvas.setMode('ellipse');
}
};
- var clickFHEllipse = function() {
+ var clickFHEllipse = function () {
if (toolButtonClick('#tool_fhellipse')) {
svgCanvas.setMode('fhellipse');
}
};
- var clickImage = function() {
+ var clickImage = function () {
if (toolButtonClick('#tool_image')) {
svgCanvas.setMode('image');
}
};
- var clickZoom = function() {
+ var clickZoom = function () {
if (toolButtonClick('#tool_zoom')) {
svgCanvas.setMode('zoom');
workarea.css('cursor', zoomInIcon);
}
};
- var zoomImage = function(multiplier) {
+ var zoomImage = function (multiplier) {
var res = svgCanvas.getResolution();
multiplier = multiplier ? res.zoom * multiplier : 1;
// setResolution(res.w * multiplier, res.h * multiplier, true);
@@ -3430,20 +3407,20 @@ window.svgEditor = (function ($) {
updateCanvas(true);
};
- var dblclickZoom = function() {
+ var dblclickZoom = function () {
if (toolButtonClick('#tool_zoom')) {
zoomImage();
setSelectMode();
}
};
- var clickText = function() {
+ var clickText = function () {
if (toolButtonClick('#tool_text')) {
svgCanvas.setMode('text');
}
};
- var clickPath = function() {
+ var clickPath = function () {
if (toolButtonClick('#tool_path')) {
svgCanvas.setMode('path');
}
@@ -3451,70 +3428,70 @@ window.svgEditor = (function ($) {
// Delete is a contextual tool that only appears in the ribbon if
// an element has been selected
- var deleteSelected = function() {
+ var deleteSelected = function () {
if (selectedElement != null || multiselected) {
svgCanvas.deleteSelectedElements();
}
};
- var cutSelected = function() {
+ var cutSelected = function () {
if (selectedElement != null || multiselected) {
svgCanvas.cutSelectedElements();
}
};
- var copySelected = function() {
+ var copySelected = function () {
if (selectedElement != null || multiselected) {
svgCanvas.copySelectedElements();
}
};
- var pasteInCenter = function() {
+ var pasteInCenter = function () {
var zoom = svgCanvas.getZoom();
- var x = (workarea[0].scrollLeft + workarea.width()/2)/zoom - svgCanvas.contentW;
- var y = (workarea[0].scrollTop + workarea.height()/2)/zoom - svgCanvas.contentH;
+ var x = (workarea[0].scrollLeft + workarea.width() / 2) / zoom - svgCanvas.contentW;
+ var y = (workarea[0].scrollTop + workarea.height() / 2) / zoom - svgCanvas.contentH;
svgCanvas.pasteElements('point', x, y);
};
- var moveToTopSelected = function() {
+ var moveToTopSelected = function () {
if (selectedElement != null) {
svgCanvas.moveToTopSelectedElement();
}
};
- var moveToBottomSelected = function() {
+ var moveToBottomSelected = function () {
if (selectedElement != null) {
svgCanvas.moveToBottomSelectedElement();
}
};
- var moveUpDownSelected = function(dir) {
+ var moveUpDownSelected = function (dir) {
if (selectedElement != null) {
svgCanvas.moveUpDownSelected(dir);
}
};
- var convertToPath = function() {
+ var convertToPath = function () {
if (selectedElement != null) {
svgCanvas.convertToPath();
}
};
- var reorientPath = function() {
+ var reorientPath = function () {
if (selectedElement != null) {
path.reorient();
}
};
- var makeHyperlink = function() {
+ var makeHyperlink = function () {
if (selectedElement != null || multiselected) {
- $.prompt(uiStrings.notification.enterNewLinkURL, 'http://', function(url) {
- if (url) {svgCanvas.makeHyperlink(url);}
+ $.prompt(uiStrings.notification.enterNewLinkURL, 'http://', function (url) {
+ if (url) { svgCanvas.makeHyperlink(url); }
});
}
};
- var moveSelected = function(dx,dy) {
+ var moveSelected = function (dx, dy) {
if (selectedElement != null || multiselected) {
if (curConfig.gridSnapping) {
// Use grid snap value regardless of zoom level
@@ -3522,59 +3499,59 @@ window.svgEditor = (function ($) {
dx *= multi;
dy *= multi;
}
- svgCanvas.moveSelectedElements(dx,dy);
+ svgCanvas.moveSelectedElements(dx, dy);
}
};
- var linkControlPoints = function() {
+ var linkControlPoints = function () {
$('#tool_node_link').toggleClass('push_button_pressed tool_button');
var linked = $('#tool_node_link').hasClass('push_button_pressed');
path.linkControlPoints(linked);
};
- var clonePathNode = function() {
+ var clonePathNode = function () {
if (path.getNodePoint()) {
path.clonePathNode();
}
};
- var deletePathNode = function() {
+ var deletePathNode = function () {
if (path.getNodePoint()) {
path.deletePathNode();
}
};
- var addSubPath = function() {
+ var addSubPath = function () {
var button = $('#tool_add_subpath');
var sp = !button.hasClass('push_button_pressed');
button.toggleClass('push_button_pressed tool_button');
path.addSubPath(sp);
};
- var opencloseSubPath = function() {
+ var opencloseSubPath = function () {
path.opencloseSubPath();
};
- var selectNext = function() {
+ var selectNext = function () {
svgCanvas.cycleElement(1);
};
- var selectPrev = function() {
+ var selectPrev = function () {
svgCanvas.cycleElement(0);
};
- var rotateSelected = function(cw, step) {
- if (selectedElement == null || multiselected) {return;}
- if (!cw) {step *= -1;}
+ var rotateSelected = function (cw, step) {
+ if (selectedElement == null || multiselected) { return; }
+ if (!cw) { step *= -1; }
var angle = parseFloat($('#angle').val()) + step;
svgCanvas.setRotationAngle(angle);
updateContextPanel();
};
- var clickClear = function() {
+ var clickClear = function () {
var dims = curConfig.dimensions;
- $.confirm(uiStrings.notification.QwantToClear, function(ok) {
- if (!ok) {return;}
+ $.confirm(uiStrings.notification.QwantToClear, function (ok) {
+ if (!ok) { return; }
setSelectMode();
svgCanvas.clear();
svgCanvas.setResolution(dims[0], dims[1]);
@@ -3587,19 +3564,19 @@ window.svgEditor = (function ($) {
});
};
- var clickBold = function() {
- svgCanvas.setBold( !svgCanvas.getBold() );
+ var clickBold = function () {
+ svgCanvas.setBold(!svgCanvas.getBold());
updateContextPanel();
return false;
};
- var clickItalic = function() {
- svgCanvas.setItalic( !svgCanvas.getItalic() );
+ var clickItalic = function () {
+ svgCanvas.setItalic(!svgCanvas.getItalic());
updateContextPanel();
return false;
};
- var clickSave = function() {
+ var clickSave = function () {
// In the future, more options can be provided here
var saveOpts = {
'images': $.pref('img_save'),
@@ -3609,7 +3586,7 @@ window.svgEditor = (function ($) {
};
var loadingURL;
- var clickExport = function() {
+ var clickExport = function () {
$.select('Select an image type for export: ', [
// See http://kangax.github.io/jstests/toDataUrl_mime_type_test/ for a useful list of MIME types and browser support
// 'ICO', // Todo: Find a way to preserve transparency in SVG-Edit if not working presently and do full packaging for x-icon; then switch back to position after 'PNG'
@@ -3633,7 +3610,7 @@ window.svgEditor = (function ($) {
} else {
popHTML = '
' + str + '' + str + '
';
if (typeof URL && URL.createObjectURL) {
- var blob = new Blob([popHTML], {type:'text/html'});
+ var blob = new Blob([popHTML], {type: 'text/html'});
popURL = URL.createObjectURL(blob);
} else {
popURL = 'data:text/html;base64;charset=utf-8,' + svgedit.utilities.encode64(popHTML);
@@ -3647,12 +3624,11 @@ window.svgEditor = (function ($) {
openExportWindow();
}
svgCanvas.exportPDF(exportWindowName);
- }
- else {
+ } else {
if (!customExportImage) {
openExportWindow();
}
- var quality = parseInt($('#image-slider').val(), 10)/100;
+ var quality = parseInt($('#image-slider').val(), 10) / 100;
svgCanvas.rasterExport(imgType, quality, exportWindowName);
}
}, function () {
@@ -3661,8 +3637,7 @@ window.svgEditor = (function ($) {
if (!$('#image-slider').length) {
$('
').appendTo(sel.parent()); // Todo: i18n-ize label
}
- }
- else {
+ } else {
$('#image-slider').parent().remove();
}
});
@@ -3671,57 +3646,56 @@ window.svgEditor = (function ($) {
// by default, svgCanvas.open() is a no-op.
// it is up to an extension mechanism (opera widget, etc)
// to call setCustomHandlers() which will make it do something
- var clickOpen = function() {
+ var clickOpen = function () {
svgCanvas.open();
};
- var clickImport = function() {
+ var clickImport = function () {
};
- var clickUndo = function() {
+ var clickUndo = function () {
if (undoMgr.getUndoStackSize() > 0) {
undoMgr.undo();
populateLayers();
}
};
- var clickRedo = function() {
+ var clickRedo = function () {
if (undoMgr.getRedoStackSize() > 0) {
undoMgr.redo();
populateLayers();
}
};
- var clickGroup = function() {
+ var clickGroup = function () {
// group
if (multiselected) {
svgCanvas.groupSelectedElements();
- }
// ungroup
- else if (selectedElement) {
+ } else if (selectedElement) {
svgCanvas.ungroupSelectedElement();
}
};
- var clickClone = function() {
+ var clickClone = function () {
svgCanvas.cloneSelectedElements(20, 20);
};
- var clickAlign = function() {
+ var clickAlign = function () {
var letter = this.id.replace('tool_align', '').charAt(0);
svgCanvas.alignSelectedElements(letter, $('#align_relative_to').val());
};
- var clickWireframe = function() {
+ var clickWireframe = function () {
$('#tool_wireframe').toggleClass('push_button_pressed tool_button');
workarea.toggleClass('wireframe');
- if (supportsNonSS) {return;}
- var wf_rules = $('#wireframe_rules');
- if (!wf_rules.length) {
- wf_rules = $('').appendTo('head');
+ if (supportsNonSS) { return; }
+ var wfRules = $('#wireframe_rules');
+ if (!wfRules.length) {
+ wfRules = $('').appendTo('head');
} else {
- wf_rules.empty();
+ wfRules.empty();
}
updateWireFrame();
@@ -3729,8 +3703,8 @@ window.svgEditor = (function ($) {
$('#svg_docprops_container, #svg_prefs_container').draggable({cancel: 'button,fieldset', containment: 'window'});
- var showDocProperties = function() {
- if (docprops) {return;}
+ var showDocProperties = function () {
+ if (docprops) { return; }
docprops = true;
// This selects the correct radio button by using the array notation
@@ -3750,23 +3724,23 @@ window.svgEditor = (function ($) {
$('#svg_docprops').show();
};
- var showPreferences = function() {
- if (preferences) {return;}
+ var showPreferences = function () {
+ if (preferences) { return; }
preferences = true;
$('#main_menu').hide();
// Update background color with current one
var blocks = $('#bg_blocks div');
- var cur_bg = 'cur_background';
- var canvas_bg = curPrefs.bkgd_color;
+ var curBg = 'cur_background';
+ var canvasBg = curPrefs.bkgd_color;
var url = $.pref('bkgd_url');
- blocks.each(function() {
+ blocks.each(function () {
var blk = $(this);
- var is_bg = blk.css('background-color') == canvas_bg;
- blk.toggleClass(cur_bg, is_bg);
- if (is_bg) {$('#canvas_bg_url').removeClass(cur_bg);}
+ var isBg = blk.css('background-color') === canvasBg;
+ blk.toggleClass(curBg, isBg);
+ if (isBg) { $('#canvas_bg_url').removeClass(curBg); }
});
- if (!canvas_bg) {blocks.eq(0).addClass(cur_bg);}
+ if (!canvasBg) { blocks.eq(0).addClass(curBg); }
if (url) {
$('#canvas_bg_url').val(url);
}
@@ -3777,16 +3751,16 @@ window.svgEditor = (function ($) {
$('#svg_prefs').show();
};
- var hideSourceEditor = function() {
+ var hideSourceEditor = function () {
$('#svg_source_editor').hide();
editingsource = false;
$('#svg_source_textarea').blur();
};
- var saveSourceEditor = function() {
- if (!editingsource) {return;}
+ var saveSourceEditor = function () {
+ if (!editingsource) { return; }
- var saveChanges = function() {
+ var saveChanges = function () {
svgCanvas.clearSelection();
hideSourceEditor();
zoomImage();
@@ -3796,8 +3770,8 @@ window.svgEditor = (function ($) {
};
if (!svgCanvas.setSvgString($('#svg_source_textarea').val())) {
- $.confirm(uiStrings.notification.QerrorsRevertToSource, function(ok) {
- if (!ok) {return false;}
+ $.confirm(uiStrings.notification.QerrorsRevertToSource, function (ok) {
+ if (!ok) { return false; }
saveChanges();
});
} else {
@@ -3806,7 +3780,7 @@ window.svgEditor = (function ($) {
setSelectMode();
};
- var hideDocProperties = function() {
+ var hideDocProperties = function () {
$('#svg_docprops').hide();
$('#canvas_width,#canvas_height').removeAttr('disabled');
$('#resolution')[0].selectedIndex = 0;
@@ -3814,12 +3788,12 @@ window.svgEditor = (function ($) {
docprops = false;
};
- var hidePreferences = function() {
+ var hidePreferences = function () {
$('#svg_prefs').hide();
preferences = false;
};
- var saveDocProperties = function() {
+ var saveDocProperties = function () {
// set title
var newTitle = $('#canvas_title').val();
updateTitle(newTitle);
@@ -3829,7 +3803,7 @@ window.svgEditor = (function ($) {
var width = $('#canvas_width'), w = width.val();
var height = $('#canvas_height'), h = height.val();
- if (w != 'fit' && !svgedit.units.isValidUnit('width', w)) {
+ if (w !== 'fit' && !svgedit.units.isValidUnit('width', w)) {
$.alert(uiStrings.notification.invalidAttrValGiven);
width.parent().addClass('error');
return false;
@@ -3837,7 +3811,7 @@ window.svgEditor = (function ($) {
width.parent().removeClass('error');
- if (h != 'fit' && !svgedit.units.isValidUnit('height', h)) {
+ if (h !== 'fit' && !svgedit.units.isValidUnit('height', h)) {
$.alert(uiStrings.notification.invalidAttrValGiven);
height.parent().addClass('error');
return false;
@@ -3856,7 +3830,7 @@ window.svgEditor = (function ($) {
hideDocProperties();
};
- var savePreferences = editor.savePreferences = function() {
+ var savePreferences = editor.savePreferences = function () {
// Set background
var color = $('#bg_blocks div.cur_background').css('background-color') || '#FFF';
setBackground(color, $('#canvas_bg_url').val());
@@ -3864,7 +3838,7 @@ window.svgEditor = (function ($) {
// set language
var lang = $('#lang_select').val();
if (lang !== $.pref('lang')) {
- editor.putLocale(lang, good_langs);
+ editor.putLocale(lang, goodLangs);
}
// set icon size
@@ -3877,7 +3851,7 @@ window.svgEditor = (function ($) {
curConfig.showRulers = $('#show_rulers')[0].checked;
$('#rulers').toggle(curConfig.showRulers);
- if (curConfig.showRulers) {updateRulers();}
+ if (curConfig.showRulers) { updateRulers(); }
curConfig.baseUnit = $('#base_unit').val();
svgCanvas.setConfig(curConfig);
@@ -3888,10 +3862,10 @@ window.svgEditor = (function ($) {
var resetScrollPos = $.noop;
- var cancelOverlays = function() {
+ var cancelOverlays = function () {
$('#dialog_box').hide();
if (!editingsource && !docprops && !preferences) {
- if (cur_context) {
+ if (curContext) {
svgCanvas.leaveContext();
}
return;
@@ -3899,8 +3873,8 @@ window.svgEditor = (function ($) {
if (editingsource) {
if (origSource !== $('#svg_source_textarea').val()) {
- $.confirm(uiStrings.notification.QignoreSourceChanges, function(ok) {
- if (ok) {hideSourceEditor();}
+ $.confirm(uiStrings.notification.QignoreSourceChanges, function (ok) {
+ if (ok) { hideSourceEditor(); }
});
} else {
hideSourceEditor();
@@ -3913,12 +3887,12 @@ window.svgEditor = (function ($) {
resetScrollPos();
};
- var win_wh = {width:$(window).width(), height:$(window).height()};
+ var winWh = {width: $(window).width(), height: $(window).height()};
// Fix for Issue 781: Drawing area jumps to top-left corner on window resize (IE9)
if (svgedit.browser.isIE()) {
- (function() {
- resetScrollPos = function() {
+ (function () {
+ resetScrollPos = function () {
if (workarea[0].scrollLeft === 0 && workarea[0].scrollTop === 0) {
workarea[0].scrollLeft = curScrollPos.left;
workarea[0].scrollTop = curScrollPos.top;
@@ -3931,15 +3905,15 @@ window.svgEditor = (function ($) {
};
$(window).resize(resetScrollPos);
- editor.ready(function() {
+ editor.ready(function () {
// TODO: Find better way to detect when to do this to minimize
// flickering effect
- setTimeout(function() {
+ setTimeout(function () {
resetScrollPos();
}, 500);
});
- workarea.scroll(function() {
+ workarea.scroll(function () {
curScrollPos = {
left: workarea[0].scrollLeft,
top: workarea[0].scrollTop
@@ -3948,29 +3922,28 @@ window.svgEditor = (function ($) {
}());
}
- $(window).resize(function(evt) {
- $.each(win_wh, function(type, val) {
+ $(window).resize(function (evt) {
+ $.each(winWh, function (type, val) {
var curval = $(window)[type]();
- workarea[0]['scroll' + (type === 'width' ? 'Left' : 'Top')] -= (curval - val)/2;
- win_wh[type] = curval;
+ workarea[0]['scroll' + (type === 'width' ? 'Left' : 'Top')] -= (curval - val) / 2;
+ winWh[type] = curval;
});
setFlyoutPositions();
});
- (function() {
- workarea.scroll(function() {
+ (function () {
+ workarea.scroll(function () {
// TODO: jQuery's scrollLeft/Top() wouldn't require a null check
- if ($('#ruler_x').length != 0) {
+ if ($('#ruler_x').length !== 0) {
$('#ruler_x')[0].scrollLeft = workarea[0].scrollLeft;
}
- if ($('#ruler_y').length != 0) {
+ if ($('#ruler_y').length !== 0) {
$('#ruler_y')[0].scrollTop = workarea[0].scrollTop;
}
});
-
}());
- $('#url_notice').click(function() {
+ $('#url_notice').click(function () {
$.alert(this.title);
});
@@ -3978,26 +3951,26 @@ window.svgEditor = (function ($) {
// added these event handlers for all the push buttons so they
// behave more like buttons being pressed-in and not images
- (function() {
+ (function () {
var toolnames = ['clear', 'open', 'save', 'source', 'delete', 'delete_multi', 'paste', 'clone', 'clone_multi', 'move_top', 'move_bottom'];
- var all_tools = '';
- var cur_class = 'tool_button_current';
+ var allTools = '';
+ var curClass = 'tool_button_current';
- $.each(toolnames, function(i, item) {
- all_tools += (i ? ',' : '') + '#tool_' + item;
+ $.each(toolnames, function (i, item) {
+ allTools += (i ? ',' : '') + '#tool_' + item;
});
- $(all_tools).mousedown(function() {
- $(this).addClass(cur_class);
- }).bind('mousedown mouseout', function() {
- $(this).removeClass(cur_class);
+ $(allTools).mousedown(function () {
+ $(this).addClass(curClass);
+ }).bind('mousedown mouseout', function () {
+ $(this).removeClass(curClass);
});
- $('#tool_undo, #tool_redo').mousedown(function() {
- if (!$(this).hasClass('disabled')) {$(this).addClass(cur_class);}
- }).bind('mousedown mouseout',function() {
- $(this).removeClass(cur_class);}
- );
+ $('#tool_undo, #tool_redo').mousedown(function () {
+ if (!$(this).hasClass('disabled')) { $(this).addClass(curClass); }
+ }).bind('mousedown mouseout', function () {
+ $(this).removeClass(curClass);
+ });
}());
// switch modifier key in tooltips if mac
@@ -4018,46 +3991,47 @@ window.svgEditor = (function ($) {
// TODO: go back to the color boxes having white background-color and then setting
// background-image to none.png (otherwise partially transparent gradients look weird)
- var colorPicker = function(elem) {
- var picker = elem.attr('id') == 'stroke_color' ? 'stroke' : 'fill';
-// var opacity = (picker == 'stroke' ? $('#stroke_opacity') : $('#fill_opacity'));
+ var colorPicker = function (elem) {
+ var picker = elem.attr('id') === 'stroke_color' ? 'stroke' : 'fill';
+ // var opacity = (picker == 'stroke' ? $('#stroke_opacity') : $('#fill_opacity'));
var paint = paintBox[picker].paint;
- var title = (picker == 'stroke' ? 'Pick a Stroke Paint and Opacity' : 'Pick a Fill Paint and Opacity');
+ var title = (picker === 'stroke' ? 'Pick a Stroke Paint and Opacity' : 'Pick a Fill Paint and Opacity');
// var was_none = false; // Currently unused
var pos = elem.offset();
$('#color_picker')
.draggable({cancel: '.jGraduate_tabs, .jGraduate_colPick, .jGraduate_gradPick, .jPicker', containment: 'window'})
.css(curConfig.colorPickerCSS || {'left': pos.left - 140, 'bottom': 40})
.jGraduate(
- {
- paint: paint,
- window: { pickerTitle: title },
- images: { clientPath: curConfig.jGraduatePath },
- newstop: 'inverse'
- },
- function(p) {
- paint = new $.jGraduate.Paint(p);
- paintBox[picker].setPaint(paint);
- svgCanvas.setPaint(picker, paint);
- $('#color_picker').hide();
- },
- function() {
- $('#color_picker').hide();
- });
+ {
+ paint: paint,
+ window: { pickerTitle: title },
+ images: { clientPath: curConfig.jGraduatePath },
+ newstop: 'inverse'
+ },
+ function (p) {
+ paint = new $.jGraduate.Paint(p);
+ paintBox[picker].setPaint(paint);
+ svgCanvas.setPaint(picker, paint);
+ $('#color_picker').hide();
+ },
+ function () {
+ $('#color_picker').hide();
+ }
+ );
};
- var PaintBox = function(container, type) {
+ var PaintBox = function (container, type) {
var paintColor, paintOpacity,
cur = curConfig[type === 'fill' ? 'initFill' : 'initStroke'];
// set up gradients to be used for the buttons
var svgdocbox = new DOMParser().parseFromString(
- '