kiteditor 1.0.12 → 1.0.13

data/app/assets/javascripts/mercury/modals/insertlink.js.coffee

@@ -1,152 +0,0 @@
-@Mercury.modalHandlers.insertLink = {
-
-  initialize: ->
-    @editing = false
-    @content = null
-
-    # make the inputs work with the radio buttons
-    @element.find('.control-label input').on('click', @onLabelChecked)
-    @element.find('.controls .optional, .controls .required').on('focus', @onInputFocused)
-
-    # show/hide the link target options on target change
-    @element.find('#link_target').on('change', => @onChangeTarget())
-
-    @initializeForm()
-
-    # build the link on form submission
-    @element.find('form').on 'submit', (event) =>
-      event.preventDefault()
-      @validateForm()
-      unless @valid
-        @resize()
-        return
-      @submitForm()
-      @hide()
-
-
-  initializeForm: ->
-    @fillExistingBookmarks()
-
-    # get the selection and initialize its information into the form
-    return unless Mercury.region && Mercury.region.selection
-    selection = Mercury.region.selection()
-
-    # set the text content
-    @element.find('#link_text').val(selection.textContent()) if selection.textContent
-
-    # if we're editing a link prefill the information
-
-    a = selection.commonAncestor(true).closest('a') if selection && selection.commonAncestor
-    img = /<img/.test(selection.htmlContent()) if selection.htmlContent
-    return false unless img || a && a.length
-
-    # don't allow changing the content on edit
-    @element.find('#link_text_container').hide()
-
-    @content = selection.htmlContent() if img
-
-    return false unless a && a.length
-    @editing = a
-
-    # fill in the external url or bookmark select based on what it looks like
-    if a.attr('href') && a.attr('href').indexOf('#') == 0
-      bookmarkSelect = @element.find('#link_existing_bookmark')
-      bookmarkSelect.val(a.attr('href').replace(/[^#]*#/, ''))
-      bookmarkSelect.closest('.control-group').find('input[type=radio]').prop('checked', true)
-    else
-      @element.find('#link_external_url').val(a.attr('href'))
-
-    # if it has a name, assume it's a bookmark target
-    if a.attr('name')
-      newBookmarkInput = @element.find('#link_new_bookmark')
-      newBookmarkInput.val(a.attr('name'))
-      newBookmarkInput.closest('.control-group').find('input[type=radio]').prop('checked', true)
-
-    # if it has a target, select it, and try to pull options out
-    if a.attr('target')
-      @element.find('#link_target').val(a.attr('target'))
-
-    # if it's a popup window
-    if a.attr('href') && a.attr('href').indexOf('javascript:void') == 0
-      href = a.attr('href')
-      @element.find('#link_external_url').val(href.match(/window.open\('([^']+)',/)[1])
-      @element.find('#link_target').val('popup')
-      @element.find('#link_popup_width').val(href.match(/width=(\d+),/)[1])
-      @element.find('#link_popup_height').val(href.match(/height=(\d+),/)[1])
-      @element.find('#popup_options').show()
-
-
-  fillExistingBookmarks: ->
-    bookmarkSelect = @element.find('#link_existing_bookmark')
-    for tag in jQuery('a[name]', window.mercuryInstance.document)
-      bookmarkSelect.append(jQuery('<option>', {value: jQuery(tag).attr('name')}).text(jQuery(tag).text()))
-
-
-  onLabelChecked: ->
-    forInput = jQuery(@).closest('.control-label').attr('for')
-    jQuery(@).closest('.control-group').find("##{forInput}").focus()
-
-
-  onInputFocused: ->
-    jQuery(@).closest('.control-group').find('input[type=radio]').prop('checked', true)
-
-
-  onChangeTarget: ->
-    @element.find(".link-target-options").hide()
-    @element.find("##{@element.find('#link_target').val()}_options").show()
-    @resize(true)
-
-
-  addInputError: (input, message) ->
-    input.after('<span class="help-inline error-message">' + Mercury.I18n(message) + '</span>').closest('.control-group').addClass('error')
-    @valid = false
-
-
-  clearInputErrors: ->
-    @element.find('.control-group.error').removeClass('error').find('.error-message').remove()
-    @valid = true
-
-
-  validateForm: ->
-    @clearInputErrors()
-
-    type = @element.find('input[name=link_type]:checked').val()
-
-    el = @element.find("#link_#{type}")
-    @addInputError(el, "can't be blank") unless el.val()
-
-    if !@editing && !@content
-      el = @element.find('#link_text')
-      @addInputError(el, "can't be blank") unless el.val()
-
-
-  submitForm: ->
-    content = @element.find('#link_text').val()
-    target = @element.find('#link_target').val()
-    type = @element.find('input[name=link_type]:checked').val()
-
-    switch type
-      when 'existing_bookmark' then attrs = {href: "##{@element.find('#link_existing_bookmark').val()}"}
-      when 'new_bookmark' then attrs = {name: "#{@element.find('#link_new_bookmark').val()}"}
-      else attrs = {href: @element.find("#link_#{type}").val()}
-
-    switch target
-      when 'popup'
-        args = {
-        width: parseInt(@element.find('#link_popup_width').val()) || 500,
-        height: parseInt(@element.find('#link_popup_height').val()) || 500,
-        menubar: 'no',
-        toolbar: 'no'
-        }
-        attrs['href'] = "javascript:void(window.open('#{attrs['href']}', 'popup_window', '#{jQuery.param(args).replace(/&/g, ',')}'))"
-      else
-        attrs['target'] = target if target
-
-    value = {tagName: 'a', attrs: attrs, content: @content || content}
-
-    if @editing
-      Mercury.trigger('action', {action: 'replaceLink', value: value, node: @editing.get(0)})
-    else
-      Mercury.trigger('action', {action: 'insertLink', value: value})
-
-}

data/app/assets/javascripts/mercury/modals/insertmedia.js.coffee

@@ -1,132 +0,0 @@
-@Mercury.modalHandlers.insertMedia = {
-
-  initialize: ->
-    @element.find('.control-label input').on('click', @onLabelChecked)
-    @element.find('.controls .optional, .controls .required').on('focus', (event) => @onInputFocused($(event.target)))
-
-    @focus('#media_image_url')
-    @initializeForm()
-
-    # build the image or embed/iframe on form submission
-    @element.find('form').on 'submit', (event) =>
-      event.preventDefault()
-      @validateForm()
-      unless @valid
-        @resize()
-        return
-      @submitForm()
-      @hide()
-
-
-  initializeForm: ->
-    # get the selection and initialize its information into the form
-    return unless Mercury.region && Mercury.region.selection
-    selection = Mercury.region.selection()
-
-    # if we're editing an image prefill the information
-    if image = selection.is?('img')
-      @element.find('#media_image_url').val(image.attr('src'))
-      @element.find('#media_image_alignment').val(image.attr('align'))
-      @element.find('#media_image_float').val(if image.attr('style')? then image.css('float') else '')
-      @focus('#media_image_url')
-
-    # if we're editing an iframe (assume it's a video for now)
-    if iframe = selection.is?('iframe')
-      src = iframe.attr('src')
-      if /^https?:\/\/www.youtube.com\//i.test(src)
-        # it's a youtube video
-        @element.find('#media_youtube_url').val("#{src.match(/^https?/)[0]}://youtu.be/#{src.match(/\/embed\/(\w+)/)[1]}")
-        @element.find('#media_youtube_width').val(iframe.width())
-        @element.find('#media_youtube_height').val(iframe.height())
-        @focus('#media_youtube_url')
-      else if /^https?:\/\/player.vimeo.com\//i.test(src)
-        # it's a vimeo video
-        @element.find('#media_vimeo_url').val("#{src.match(/^https?/)[0]}://vimeo.com/#{src.match(/\/video\/(\w+)/)[1]}")
-        @element.find('#media_vimeo_width').val(iframe.width())
-        @element.find('#media_vimeo_height').val(iframe.height())
-        @focus('#media_vimeo_url')
-
-
-  focus: (selector) ->
-    setTimeout((=> @element.find(selector).focus()), 300)
-
-
-  onLabelChecked: ->
-    forInput = jQuery(@).closest('.control-label').attr('for')
-    jQuery(@).closest('.control-group').find("##{forInput}").focus()
-
-
-  onInputFocused: (input) ->
-    input.closest('.control-group').find('input[type=radio]').prop('checked', true)
-
-    return if input.closest('.media-options').length
-    @element.find(".media-options").hide()
-    @element.find("##{input.attr('id').replace('media_', '')}_options").show()
-    @resize(true)
-
-
-  addInputError: (input, message) ->
-    input.after('<span class="help-inline error-message">' + Mercury.I18n(message) + '</span>').closest('.control-group').addClass('error')
-    @valid = false
-
-
-  clearInputErrors: ->
-    @element.find('.control-group.error').removeClass('error').find('.error-message').remove()
-    @valid = true
-
-
-  validateForm: ->
-    @clearInputErrors()
-
-    type = @element.find('input[name=media_type]:checked').val()
-    el = @element.find("#media_#{type}")
-
-    switch type
-      when 'youtube_url'
-        url = @element.find('#media_youtube_url').val()
-        @addInputError(el, "is invalid") unless /^https?:\/\/youtu.be\//.test(url)
-      when 'vimeo_url'
-        url = @element.find('#media_vimeo_url').val()
-        @addInputError(el, "is invalid") unless /^https?:\/\/vimeo.com\//.test(url)
-      else
-        @addInputError(el, "can't be blank") unless el.val()
-
-
-  submitForm: ->
-    type = @element.find('input[name=media_type]:checked').val()
-
-    switch type
-      when 'image_url'
-        attrs = {src: @element.find('#media_image_url').val()}
-        attrs['align'] = alignment if alignment = @element.find('#media_image_alignment').val()
-        attrs['style'] = 'float: ' + float + ';' if float = @element.find('#media_image_float').val()
-        Mercury.trigger('action', {action: 'insertImage', value: attrs})
-
-      when 'youtube_url'
-        url = @element.find('#media_youtube_url').val()
-        code = url.replace(/https?:\/\/youtu.be\//, '')
-        protocol = 'http'
-        protocol = 'https' if /^https:/.test(url)
-        value = jQuery('<iframe>', {
-          width: parseInt(@element.find('#media_youtube_width').val(), 10) || 560,
-          height: parseInt(@element.find('#media_youtube_height').val(), 10) || 349,
-          src: "#{protocol}://www.youtube.com/embed/#{code}?wmode=transparent",
-          frameborder: 0,
-          allowfullscreen: 'true'
-        })
-        Mercury.trigger('action', {action: 'insertHTML', value: value})
-
-      when 'vimeo_url'
-        url = @element.find('#media_vimeo_url').val()
-        code = url.replace(/^https?:\/\/vimeo.com\//, '')
-        protocol = 'http'
-        protocol = 'https' if /^https:/.test(url)
-        value = jQuery('<iframe>', {
-          width: parseInt(@element.find('#media_vimeo_width').val(), 10) || 400,
-          height: parseInt(@element.find('#media_vimeo_height').val(), 10) || 225,
-          src: "#{protocol}://player.vimeo.com/video/#{code}?title=1&byline=1&portrait=0&color=ffffff",
-          frameborder: 0
-        })
-        Mercury.trigger('action', {action: 'insertHTML', value: value})
-
-}

data/app/assets/javascripts/mercury/modals/inserttable.js.coffee

@@ -1,68 +0,0 @@
-@Mercury.modalHandlers.insertTable = {
-
-  initialize: ->
-    @table = @element.find('#table_display table')
-
-    @table.on 'click', (event) => @onCellClick($(event.target))
-
-    @element.find('#table_alignment').on 'change', => @setTableAlignment()
-    @element.find('#table_border').on 'keyup', => @setTableBorder()
-    @element.find('#table_spacing').on 'keyup', => @setTableCellSpacing()
-    @element.find('[data-action]').on 'click', (event) =>
-      event.preventDefault()
-      @onActionClick(jQuery(event.target).data('action'))
-
-    @selectFirstCell()
-
-    @element.find('form').on 'submit', (event) =>
-      event.preventDefault()
-      @submitForm()
-      @hide()
-
-
-  selectFirstCell: ->
-    firstCell = @table.find('td, th').first()
-    firstCell.addClass('selected')
-    Mercury.tableEditor(@table, firstCell, ' ')
-
-
-  onCellClick: (@cell) ->
-    @table = @cell.closest('table')
-    @table.find('.selected').removeAttr('class')
-    @cell.addClass('selected')
-    Mercury.tableEditor(@table, @cell, ' ')
-
-
-  onActionClick: (action) ->
-    return unless action
-    Mercury.tableEditor[action]()
-
-
-  setTableAlignment: ->
-    @table.attr({align: @element.find('#table_alignment').val()})
-
-  setTableBorder: ->
-    border = parseInt(@element.find('#table_border').val(), 10)
-    if isNaN(border)
-      @table.removeAttr('border')
-    else
-      @table.attr({border: border})
-
-  setTableCellSpacing: ->
-    cellspacing = parseInt(@element.find('#table_spacing').val(), 10)
-    if isNaN(cellspacing)
-      @table.removeAttr('cellspacing')
-    else
-      @table.attr({cellspacing: cellspacing})
-
-
-  submitForm: ->
-    @table.find('.selected').removeAttr('class')
-    @table.find('td, th').html('<br/>')
-
-    html = jQuery('<div>').html(@table).html()
-    value = html.replace(/^\s+|\n/gm, '').replace(/(<\/.*?>|<table.*?>|<tbody>|<tr>)/g, '$1\n')
-
-    Mercury.trigger('action', {action: 'insertTable', value: value})
-
-}

data/app/assets/javascripts/mercury/regions/image.js.coffee

@@ -1,93 +0,0 @@
-# The image region is designed for a single, stand-along image and allows drag & drop uploading of a replacement right
-# into the page, but provides no editing of other DOM attributes at this time.
-class @Mercury.Regions.Image extends Mercury.Region
-  @supported: document.getElementById
-  @supportedText: "Chrome 10+, Firefox 4+, IE 7+, Safari 5+, Opera 8+"
-  type = 'image'
-  type: -> type
-
-  constructor: (@element, @window, @options = {}) ->
-    super
-
-
-  bindEvents: ->
-    Mercury.on 'mode', (event, options) => @togglePreview() if options.mode == 'preview'
-
-    Mercury.on 'focus:frame', =>
-      return if @previewing || Mercury.region != @
-      @focus()
-
-    Mercury.on 'action', (event, options) =>
-      return if @previewing || Mercury.region != @
-      @execCommand(options.action, options) if options.action
-
-    @element.on 'dragenter', (event) =>
-      return if @previewing
-      event.preventDefault()
-      event.originalEvent.dataTransfer.dropEffect = 'copy'
-
-    @element.on 'dragover', (event) =>
-      return if @previewing
-      event.preventDefault()
-      event.originalEvent.dataTransfer.dropEffect = 'copy'
-
-    @element.on 'drop', (event) =>
-      return if @previewing
-      if event.originalEvent.dataTransfer.files.length
-        event.preventDefault()
-        @focus()
-        Mercury.uploader(event.originalEvent.dataTransfer.files[0])
-
-    @element.on 'focus', =>
-      @focus()
-
-
-  togglePreview: ->
-    if @previewing
-      @previewing = false
-      @element.attr(Mercury.config.regions.attribute, type)
-      @build()
-    else
-      @previewing = true
-      @element.removeAttr(Mercury.config.regions.attribute)
-      Mercury.trigger('region:blurred', {region: @})
-  
-
-  focus: ->
-    return if @previewing
-    Mercury.region = @
-    Mercury.trigger('region:focused', {region: @})
-    Mercury.trigger('region:update', {region: @})
-
-
-  execCommand: (action, options = {}) ->
-    super
-    handler.call(@, options) if handler = Mercury.Regions.Image.actions[action]
-
-
-  pushHistory: () ->
-    @history.push(src: @element.attr('src'))
-
-
-  updateSrc: (src) ->
-    @element.attr('src', src)
-
-
-  serialize: ->
-    return {
-      type: type
-      data: @dataAttributes()
-      attributes:
-        src: @element.attr('src')
-    }
-
-
-  @actions: {
-
-    undo: -> if prev = @history.undo() then @updateSrc(prev.src)
-
-    redo: -> if next = @history.redo() then @updateSrc(next.src)
-    
-    insertImage: (options) -> @updateSrc(options.value.src)
-
-  }

data/app/assets/javascripts/mercury/snippet.js.coffee

@@ -1,136 +0,0 @@
-class @Mercury.Snippet
-
-  @all: []
-
-  @displayOptionsFor: (name, options = {}, displayOptions = true) ->
-    if displayOptions
-      Mercury.modal @optionsUrl(name), jQuery.extend({
-        title: 'Snippet Options'
-        handler: 'insertSnippet'
-        snippetName: name
-        loadType: Mercury.config.snippets.method
-      }, options)
-    else
-      snippet = Mercury.Snippet.create(name)
-      Mercury.trigger('action', {action: 'insertSnippet', value: snippet})
-    Mercury.snippet = null
-
-
-  @optionsUrl: (name) ->
-    url = Mercury.config.snippets.optionsUrl
-    url = url() if typeof(url) == 'function'
-    return url.replace(':name', name)
-
-
-  @previewUrl: (name) ->
-    url = Mercury.config.snippets.previewUrl
-    url = url() if typeof(url) == 'function'
-    return url.replace(':name', name)
-
-
-  @create: (name, options) ->
-    instance = new Mercury.Snippet(name, @uniqueId(), options)
-    @all.push(instance)
-    return instance
-
-  @uniqueId: ->
-    [i, identity] = [0, "snippet_0"]
-    identities = (snippet.identity for snippet in @all)
-
-    while identities.indexOf(identity) isnt -1
-      i += 1
-      identity = "snippet_#{i}"
-
-    return identity
-
-
-  @find: (identity) ->
-    for snippet in @all
-      return snippet if snippet.identity == identity
-    return null
-
-
-  @load: (snippets) ->
-    for own identity, details of snippets
-      instance = new Mercury.Snippet(details.name, identity, details)
-      @all.push(instance)
-
-
-  @clearAll = ->
-    delete @all
-    @all = []
-
-
-  constructor: (@name, @identity, options = {}) ->
-    @version = 0
-    @data = ''
-    @wrapperTag = 'div'
-    @wrapperClass = ''
-    @history = new Mercury.HistoryBuffer()
-    @setOptions(options)
-
-
-  getHTML: (context, callback = null) ->
-    elementClass = "#{@name}-snippet"
-    elementClass += " #{@wrapperClass}" if @wrapperClass
-    element = jQuery("<#{@wrapperTag}>", {
-      class: elementClass
-      contenteditable: "false"
-      'data-snippet': @identity
-      'data-version': @version
-    }, context)
-    element.html("[#{@identity}]")
-    @loadPreview(element, callback)
-    return element
-
-
-  getText: (callback) ->
-    return "[--#{@identity}--]"
-
-
-  loadPreview: (element, callback = null) ->
-    jQuery.ajax Snippet.previewUrl(@name), {
-      headers: Mercury.ajaxHeaders()
-      type: Mercury.config.snippets.method
-      data: @options
-      success: (data) =>
-        @data = data
-        element.html(data)
-        callback() if callback
-      error: =>
-        Mercury.notify('Error loading the preview for the \"%s\" snippet.', @name)
-    }
-
-
-  displayOptions: ->
-    Mercury.snippet = @
-    Mercury.modal Snippet.optionsUrl(@name), {
-      title: 'Snippet Options',
-      handler: 'insertSnippet',
-      loadType: Mercury.config.snippets.method,
-      loadData: @options
-    }
-
-
-  setOptions: (@options) ->
-    delete(@options['authenticity_token'])
-    delete(@options['utf8'])
-    @wrapperTag = @options.wrapperTag if @options.wrapperTag
-    @wrapperClass = @options.wrapperClass if @options.wrapperClass
-    @version += 1
-    @history.push(@options)
-
-
-  setVersion: (version = null) ->
-    version = parseInt(version)
-    if version && @history.stack[version - 1]
-      @version = version
-      @options = @history.stack[version - 1]
-      return true
-    return false
-
-
-  serialize: ->
-    return $.extend({name: @name}, @options )
-
-

data/app/assets/stylesheets/_mercury-bootstrap-overrides.scss

@@ -1,61 +0,0 @@
-/*
- * Bootsrap Overrides (overrides what's in bootstrap-ish)
- *---------------------------------------------------------------------------*/
-.btn-group > .btn {
-  margin-right: 0;
-}
-form {
-  margin-bottom: 0;
-}
-fieldset {
-  margin-bottom: 15px;
-  background: #F6F6F6;
-  border: 1px solid #CCC;
-  border-radius: 7px;
-  padding: 10px;
-}
-legend {
-  display: block;
-  position: relative;
-  margin-left: 10px;
-  margin-bottom: 0;
-  font-weight: bold;
-  width: auto;
-  padding: 0;
-  font-size: 12px;
-  color: #333333;
-  border: 0;
-  line-height: 1px;
-}
-select {
-  width: auto;
-}
-.form-actions {
-  margin-top: 0;
-  margin-bottom: 0;
-  background-color: transparent;
-}
-.control-group {
-  margin-bottom: 0;
-}
-legend + .control-group {
-  margin-top: 0;
-  -webkit-margin-top-collapse: separate;
-}
-.form-horizontal .control-group {
-  margin-bottom: 0;
-}
-.form-horizontal .controls {
-  margin-left: 150px;
-}
-.form-horizontal hr {
-  margin-left: 150px;
-  border: 0;
-  border-top: 1px solid #ccc;
-}
-label input[type=radio] {
-  margin-right: 5px;
-}
-.form-actions {
-  padding-bottom: 0;
-}

data/app/assets/stylesheets/_mercury-sass.scss

@@ -1,33 +0,0 @@
-/*!
- * Mercury Editor is a Coffeescript and jQuery based WYSIWYG editor.  Documentation and other useful information can be
- * found at https://github.com/jejacks0n/mercury
- *
- * Copyright (c) 2011 Jeremy Jackson
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
- * documentation files (the "Software"), to deal in the Software without restriction, including without limitation the
- * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit
- * persons to whom the Software is furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the
- * Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE
- * WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
- * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR
- * OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
- *
- */
-
-$linkColor: #09F !default;
-$linkColorHover: darken($linkColor, 15%) !default;
-
-@import '/assets/mercury/mercury.css';
-@import 'mercury-bootstrap-overrides';
-
-#mercury_about a { color: $linkColor; }
-#mercury_table #table_display .selected { background: $linkColor; }
-.mercury-uploader .mercury-uploader-progress div.mercury-uploader-indicator div {
-  background-color: $linkColor;
-  border: 1px solid $linkColorHover;
-}