ant-http/build/htdocs/dist/packages/default/Writer/combined.js

/*!
 * OS.js - JavaScript Cloud/Web Desktop Platform
 *
 * Copyright (c) 2011-2016, Anders Evenrud <andersevenrud@gmail.com>
 * All rights reserved.
 *
 * Redistribution and use in source and binary forms, with or without
 * modification, are permitted provided that the following conditions are met:
 *
 * 1. Redistributions of source code must retain the above copyright notice, this
 *    list of conditions and the following disclaimer.
 * 2. Redistributions in binary form must reproduce the above copyright notice,
 *    this list of conditions and the following disclaimer in the documentation
 *    and/or other materials provided with the distribution.
 *
 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
 * ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
 * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
 * DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR
 * ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
 * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
 * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
 * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
 * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 *
 * @author  Anders Evenrud <andersevenrud@gmail.com>
 * @licence Simplified BSD License
 */
(function(Application, Window, GUI, Dialogs, VFS, Utils) {
  // jscs:disable validateQuoteMarks
  'use strict';

  /////////////////////////////////////////////////////////////////////////////
  // LOCALES
  /////////////////////////////////////////////////////////////////////////////

  var _Locales = {
    bg_BG : {
      'Insert URL' : 'Въведи URL'
    },
    de_DE : {
      'Insert URL' : 'URL einfügen'
    },
    es_ES : {
      'Insert URL' : 'Insertar URL'
    },
    fr_FR : {
      'Insert URL' : 'Insérer une URL'
    },
    ar_DZ : {
      'Insert URL' : 'أدخل رابط'
    },
    it_IT : {
      'Insert URL' : 'Inserisci URL'
    },
    ko_KR : {
      'Insert URL' : '링크 삽입'
    },
    nl_NL : {
      'Insert URL' : 'URL invoegen'
    },
    no_NO : {
      'Insert URL' : 'Sett inn URL'
    },
    pl_PL : {
      'Insert URL' : 'Wpisz URL'
    },
    ru_RU : {
      'Insert URL' : 'Вставить ссылку'
    },
    sk_SK : {
      'Insert URL' : 'Vložiť URL'
    },
    tr_TR : {
      'Insert URL' : 'URL ekle'
    },
    vi_VN : {
      'Insert URL' : 'Thêm URL'
    }
  };

  function _() {
    var args = Array.prototype.slice.call(arguments, 0);
    args.unshift(_Locales);
    return OSjs.API.__.apply(this, args);
  }

  /////////////////////////////////////////////////////////////////////////////
  // EXPORTS
  /////////////////////////////////////////////////////////////////////////////

  OSjs.Applications = OSjs.Applications || {};
  OSjs.Applications.ApplicationWriter = OSjs.Applications.ApplicationWriter || {};
  OSjs.Applications.ApplicationWriter._ = _;

})(OSjs.Helpers.DefaultApplication, OSjs.Helpers.DefaultApplicationWindow, OSjs.GUI, OSjs.Dialogs, OSjs.VFS, OSjs.Utils);

/*!
 * OS.js - JavaScript Cloud/Web Desktop Platform
 *
 * Copyright (c) 2011-2016, Anders Evenrud <andersevenrud@gmail.com>
 * All rights reserved.
 *
 * Redistribution and use in source and binary forms, with or without
 * modification, are permitted provided that the following conditions are met:
 *
 * 1. Redistributions of source code must retain the above copyright notice, this
 *    list of conditions and the following disclaimer.
 * 2. Redistributions in binary form must reproduce the above copyright notice,
 *    this list of conditions and the following disclaimer in the documentation
 *    and/or other materials provided with the distribution.
 *
 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
 * ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
 * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
 * DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR
 * ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
 * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
 * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
 * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
 * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 *
 * @author  Anders Evenrud <andersevenrud@gmail.com>
 * @licence Simplified BSD License
 */
(function(DefaultApplication, DefaultApplicationWindow, Application, Window, Utils, API, VFS, GUI) {
  'use strict';

  /////////////////////////////////////////////////////////////////////////////
  // WINDOWS
  /////////////////////////////////////////////////////////////////////////////

  function ApplicationWriterWindow(app, metadata, scheme, file) {
    /*eslint dot-notation: "off"*/
    var config = OSjs.Core.getConfig();

    DefaultApplicationWindow.apply(this, ['ApplicationWriterWindow', {
      allow_drop: true,
      icon: metadata.icon,
      title: metadata.name,
      width: 550,
      height: 400
    }, app, scheme, file]);

    this.checkChangeLength = -1;
    this.checkChangeInterval = null;
    this.color = {
      background : '#ffffff',
      foreground : '#000000'
    };
    this.font = {
      name: config.Fonts['default'],
      size: 3
    };
  }

  ApplicationWriterWindow.prototype = Object.create(DefaultApplicationWindow.prototype);
  ApplicationWriterWindow.constructor = DefaultApplicationWindow.prototype;

  ApplicationWriterWindow.prototype.destroy = function() {
    this.checkChangeInterval = clearInterval(this.checkChangeInterval);
    return DefaultApplicationWindow.prototype.destroy.apply(this, arguments);
  };

  ApplicationWriterWindow.prototype.init = function(wmRef, app, scheme) {
    var root = DefaultApplicationWindow.prototype.init.apply(this, arguments);
    var self = this;
    var _ = OSjs.Applications.ApplicationWriter._;

    // Load and set up scheme (GUI) here
    scheme.render(this, 'WriterWindow', root, null, null, {
      _: _
    });

    var text = scheme.find(this, 'Text');

    var buttons = {
      'text-bold': {
        command: 'bold'
      },
      'text-italic': {
        command: 'italic'
      },
      'text-underline': {
        command: 'underline'
      },
      'text-strikethrough': {
        command: 'strikeThrough'
      },

      'justify-left': {
        command: 'justifyLeft'
      },
      'justify-center': {
        command: 'justifyCenter'
      },
      'justify-right': {
        command: 'justifyRight'
      },

      'indent': {
        command: 'indent'
      },
      'unindent': {
        command: 'outdent'
      }
    };

    var menuEntries = {
      'MenuUndo': function() {
        text._call('command', ['undo', false]);
      },
      'MenuRedo': function() {
        text._call('command', ['redo', false]);
      },
      'MenuCopy': function() {
        text._call('command', ['copy', false]);
      },
      'MenuCut': function() {
        text._call('command', ['cut', false]);
      },
      'MenuDelete': function() {
        text._call('command', ['delete', false]);
      },
      'MenuPaste': function() {
        text._call('command', ['paste', false]);
      },
      'MenuUnlink': function() {
        text._call('command', ['unlink', false]);
      },
      'MenuInsertOL': function() {
        text._call('command', ['insertOrderedList', false]);
      },
      'MenuInsertUL': function() {
        text._call('command', ['insertUnorderedList', false]);
      },
      'MenuInsertImage': function() {
        API.createDialog('File', {
          filter: ['^image']
        }, function(ev, button, result) {
          if ( button !== 'ok' || !result ) {
            return;
          }

          VFS.url(result, function(error, url) {
            text._call('command', ['insertImage', false, url]);
          });
        }, self);
      },
      'MenuInsertLink': function() {
        API.createDialog('Input', {
          message: _('Insert URL'),
          placeholder: 'https://os.js.org'
        }, function(ev, button, result) {
          if ( button !== 'ok' || !result ) {
            return;
          }
          text._call('command', ['createLink', false, result]);
        }, self);
      }
    };

    function menuEvent(ev) {
      if ( menuEntries[ev.detail.id] ) {
        menuEntries[ev.detail.id]();
      }
    }

    scheme.find(this, 'SubmenuEdit').on('select', menuEvent);
    scheme.find(this, 'SubmenuInsert').on('select', menuEvent);

    function getSelectionStyle() {
      function _call(cmd) {
        return text._call('query', [cmd]);
      }

      var style = {
        fontName: ((_call('fontName') || '').split(',')[0]).replace(/^'/, '').replace(/'$/, ''),
        fontSize: parseInt(_call('fontSize'), 10) || self.font.size,
        foreColor: _call('foreColor'),
        hiliteColor: _call('hiliteColor')
      };

      Object.keys(buttons).forEach(function(b) {
        var button = buttons[b];
        style[button.command] = {
          button: b,
          value:_call(button.command)
        };
      });
      return style;
    }

    function createColorDialog(current, cb) {
      self._toggleDisabled(true);
      API.createDialog('Color', {
        color: current
      }, function(ev, button, result) {
        self._toggleDisabled(false);
        if ( button === 'ok' && result ) {
          cb(result.hex);
        }
      }, self);
    }

    function createFontDialog(current, cb) {
      self._toggleDisabled(true);
      API.createDialog('Font', {
        fontSize: self.font.size,
        fontName: self.font.name,
        minSize: 1,
        maxSize: 8,
        unit: 'null'
      }, function(ev, button, result) {
        self._toggleDisabled(false);
        if ( button === 'ok' && result ) {
          cb(result);
        }
      }, self);
    }

    var back = scheme.find(this, 'Background').on('click', function() {
      createColorDialog(self.color.background, function(hex) {
        text._call('command', ['hiliteColor', false, hex]);
        self.color.background = hex;
        back.set('value', hex);
      });
    });
    var front = scheme.find(this, 'Foreground').on('click', function() {
      createColorDialog(self.color.foreground, function(hex) {
        text._call('command', ['foreColor', false, hex]);
        self.color.foreground = hex;
        front.set('value', hex);
      });
    });

    var font = scheme.find(this, 'Font').on('click', function() {
      createFontDialog(null, function(font) {
        text._call('command', ['fontName', false, font.fontName]);
        text._call('command', ['fontSize', false, font.fontSize]);
        self.font.name = font.fontName;
        self.font.size = font.fontSize;
      });
    });

    root.querySelectorAll('gui-toolbar > gui-button').forEach(function(b) {
      var id = b.getAttribute('data-id');
      var button = buttons[id];
      if ( button ) {
        (new GUI.Element(b)).on('click', function() {
          text._call('command', [button.command]);
        }).on('mousedown', function(ev) {
          ev.preventDefault();
        });
      }
    });

    function updateToolbar(style) {
      back.set('value', style.hiliteColor);
      front.set('value', style.foreColor);
      if ( style.fontName ) {
        font.set('label', Utils.format('{0} ({1})', style.fontName, style.fontSize.toString()));
      }
    }

    function updateSelection() {
      var style = getSelectionStyle();
      updateToolbar(style);
    }

    back.set('value', this.color.background);
    front.set('value', this.color.foreground);
    font.set('label', Utils.format('{0} ({1})', this.font.name, this.font.size.toString()));

    text.on('selection', function() {
      updateSelection();
    });

    this.checkChangeInterval = setInterval(function() {
      if ( self.hasChanged ) {
        return;
      }

      if ( self.checkChangeLength < 0 ) {
        self.checkChangeLength = text.get('value').length;
      }

      var len = text.get('value').length;
      if ( len !== self.checkChangeLength ) {
        self.hasChanged = true;
      }
      self.checkChangeLength = len;
    }, 500);

    return root;
  };

  ApplicationWriterWindow.prototype.updateFile = function(file) {
    DefaultApplicationWindow.prototype.updateFile.apply(this, arguments);

    try {
      var el = this._scheme.find(this, 'Text');
      el.$element.focus();
    } catch ( e ) {}

    this.checkChangeLength = -1;
  };

  ApplicationWriterWindow.prototype.showFile = function(file, content) {
    this._scheme.find(this, 'Text').set('value', content || '');
    DefaultApplicationWindow.prototype.showFile.apply(this, arguments);
  };

  ApplicationWriterWindow.prototype.getFileData = function() {
    return this._scheme.find(this, 'Text').get('value');
  };

  ApplicationWriterWindow.prototype._focus = function(file, content) {
    if ( DefaultApplicationWindow.prototype._focus.apply(this, arguments) ) {
      this._scheme.find(this, 'Text').focus();
      return true;
    }
    return false;
  };

  /////////////////////////////////////////////////////////////////////////////
  // APPLICATION
  /////////////////////////////////////////////////////////////////////////////

  function ApplicationWriter(args, metadata) {
    DefaultApplication.apply(this, ['ApplicationWriter', args, metadata, {
      extension: 'odoc',
      mime: 'osjs/document',
      filename: 'New text file.odoc'
    }]);
  }

  ApplicationWriter.prototype = Object.create(DefaultApplication.prototype);
  ApplicationWriter.constructor = DefaultApplication;

  ApplicationWriter.prototype.destroy = function() {
    return DefaultApplication.prototype.destroy.apply(this, arguments);
  };

  ApplicationWriter.prototype.init = function(settings, metadata, scheme) {
    Application.prototype.init.call(this, settings, metadata, scheme);
    var file = this._getArgument('file');
    this._addWindow(new ApplicationWriterWindow(this, metadata, scheme, file));
  };

  /////////////////////////////////////////////////////////////////////////////
  // EXPORTS
  /////////////////////////////////////////////////////////////////////////////

  OSjs.Applications = OSjs.Applications || {};
  OSjs.Applications.ApplicationWriter = OSjs.Applications.ApplicationWriter || {};
  OSjs.Applications.ApplicationWriter.Class = Object.seal(ApplicationWriter);

})(OSjs.Helpers.DefaultApplication, OSjs.Helpers.DefaultApplicationWindow, OSjs.Core.Application, OSjs.Core.Window, OSjs.Utils, OSjs.API, OSjs.VFS, OSjs.GUI);