svgedit/dist/extensions/ext-closepath.js

var svgEditorExtension_closepath = (function () {
  'use strict';

  /* globals jQuery */
  /*
   * ext-closepath.js
   *
   * Licensed under the MIT License
   *
   * Copyright(c) 2010 Jeff Schiller
   *
   */

  // This extension adds a simple button to the contextual panel for paths
  // The button toggles whether the path is open or closed
  var extClosepath = {
    name: 'ClosePath',
    init: function init() {
      var $ = jQuery;
      var svgEditor = this;
      var selElems = void 0;
      var updateButton = function updateButton(path) {
        var seglist = path.pathSegList,
            closed = seglist.getItem(seglist.numberOfItems - 1).pathSegType === 1,
            showbutton = closed ? '#tool_openpath' : '#tool_closepath',
            hidebutton = closed ? '#tool_closepath' : '#tool_openpath';
        $(hidebutton).hide();
        $(showbutton).show();
      };
      var showPanel = function showPanel(on) {
        $('#closepath_panel').toggle(on);
        if (on) {
          var path = selElems[0];
          if (path) {
            updateButton(path);
          }
        }
      };
      var toggleClosed = function toggleClosed() {
        var path = selElems[0];
        if (path) {
          var seglist = path.pathSegList,
              last = seglist.numberOfItems - 1;
          // is closed
          if (seglist.getItem(last).pathSegType === 1) {
            seglist.removeItem(last);
          } else {
            seglist.appendItem(path.createSVGPathSegClosePath());
          }
          updateButton(path);
        }
      };

      return {
        name: 'ClosePath',
        svgicons: svgEditor.curConfig.extIconsPath + 'closepath_icons.svg',
        buttons: [{
          id: 'tool_openpath',
          type: 'context',
          panel: 'closepath_panel',
          title: 'Open path',
          events: {
            click: function click() {
              toggleClosed();
            }
          }
        }, {
          id: 'tool_closepath',
          type: 'context',
          panel: 'closepath_panel',
          title: 'Close path',
          events: {
            click: function click() {
              toggleClosed();
            }
          }
        }],
        callback: function callback() {
          $('#closepath_panel').hide();
        },
        selectedChanged: function selectedChanged(opts) {
          selElems = opts.elems;
          var i = selElems.length;
          while (i--) {
            var elem = selElems[i];
            if (elem && elem.tagName === 'path') {
              if (opts.selectedElement && !opts.multiselected) {
                showPanel(true);
              } else {
                showPanel(false);
              }
            } else {
              showPanel(false);
            }
          }
        }
      };
    }
  };

  return extClosepath;

}());