card-mod-script 0.13.0 → 0.13.4

data/assets/script/decko/nest_editor.js.coffee

@@ -0,0 +1,166 @@
+$(document).ready ->
+  $('body').on 'click', 'button._nest-apply', () ->
+    if $(this).data("index")?
+      nest.applyNestToNestListEditor($(this).data("index"))
+    else
+      nest.applyNestToTinymceEditor($(this).data("tinymce-id"), $(this).data("tm-snippet-start"), $(this).data("tm-snippet-size"))
+
+  $('body').on 'click', 'button._change-create-to-update', () ->
+    tm_id = $(this).closest("form").find("#success_tinymce_id").val()
+    nest.changeCreateToUpdate(tm_id)
+
+  $('body').on 'click', 'button._open-nest-editor', () ->
+    form = $(this).closest("._nest-form")
+    reference = form.find("._reference").val()
+    nest_options = form.find("._nest-options").val()
+    encoded_nest = encodeURIComponent "{{#{reference}|#{nest_options}}}"
+    nest.openNestEditorForSlot(
+      $(this).closest(".card-slot"),
+      $(this).closest(".slotter"),
+      "index=#{form.data('index')}&tm_snippet_raw=#{encoded_nest}"
+    )
+
+
+window.nest ||= {}
+
+$.extend nest,
+  # called by TinyMCE
+  openNestEditor: (tm, params) ->
+    params = nest.editParams(tm) unless params?
+    this.openEditorForTm(tm, params, "nest_editor", "modal_nest_editor")
+
+  openNestEditorForSlot: (slot, slotter, params) ->
+    card = if slot[0] then $(slot[0]).attr('data-card-name') else ":update"
+    nest.request(card, "nest_editor", "modal_nest_editor", slotter, params)
+
+  openEditorForTm: (tm, params, overlay_view, modal_view) ->
+    params += "&tinymce_id=#{tm.id}"
+    slot = $("##{tm.id}").closest(".card-slot")
+    slotter = $("##{tm.id}")
+    card = if slot[0] then $(slot[0]).attr('data-card-name') else ":update"
+    nest.request(card, overlay_view, modal_view, slotter, params)
+
+  # called by TinyMCE
+  openImageEditor: (tm) ->
+    params = nest.editParams(tm, "{{", "}}", false) unless params?
+    this.openEditorForTm(tm, params,"nest_image", "modal_nest_image")
+
+  changeCreateToUpdate: (tm_id) ->
+    form = $("##{tm_id}").closest("form")
+    new_action = form.attr("action").replace("card/create", "card/update")
+    form.attr("action", new_action)
+
+  insertNest: (tm, nest_string) ->
+    tm.insertContent(nest_string)
+    # insertIndex = nest.offsetAfterInsert(tm, nest_string)
+    # params = nest.paramsStr(insertIndex, nest_string)
+    # nest.openNestEditor(etm, params)
+
+
+  request: (card, overlay_view, modal_view, slotter, params) ->
+    slot = $(".bridge-sidebar > ._overlay-container-placeholder > .card-slot")
+
+    if slot[0]
+      view = overlay_view
+      mode = "overlay"
+    else
+      slot = $($(".card-slot")[0])
+      view = modal_view
+      mode = "modal"
+
+    nest.sendRequest(slotter, slot, mode, card, view, params)
+
+  sendRequest: (slotter, slot, mode, card, view, params) ->
+      params = "" unless params?
+      url = "/#{card}?view=#{view}&#{params}"
+      $.ajax
+        url: url
+        type: 'GET'
+        success: (html) ->
+          slot.setSlotContent html, mode, slotter
+
+  editParams: (tm, prefix="{{", postfix="}}", edit=true) ->
+    sel = tm.selection.getSel()
+    return nest.paramsStr(0) unless sel? and sel.anchorNode?
+
+    text = sel.anchorNode.data
+    return nest.paramsStr(sel.anchorOffset) unless text
+
+    offset = sel.anchorOffset
+    before = text.substr(0, offset)
+    after =  text.substr(offset)
+    index = {
+      before: {
+        close: before.lastIndexOf(postfix)
+        open: before.lastIndexOf(prefix)
+      },
+      after: {
+        close: after.indexOf(postfix)
+        open: after.indexOf(prefix)
+      }
+    }
+    if index.before.open > index.before.close &&
+       index.after.close != -1 &&
+       (index.after.open == -1 || index.after.close < index.after.open)
+      nest_start = index.before.open
+      unless name?
+        nest_size = index.after.close + offset + 2 - nest_start
+        name = text.substr(nest_start, nest_size)
+      if edit
+        nest.paramsStr(nest_start, name)
+      else
+        nest.paramsStr(nest_start + nest_size)
+    else
+      nest.paramsStr(offset)
+
+  paramsStr: (start, name) ->
+    params = ""
+    if start?
+      params += "&tm_snippet_start=#{start}"
+    if name? and name.length > 0
+      params += "&tm_snippet_raw=#{encodeURIComponent(name)}"
+
+    params
+
+  offsetAfterInsert: (editor, content) ->
+    offset = editor.selection.getSel().anchorOffset
+    offset - content.lengthr
+
+  applyNestToTinymceEditor: (tinymce_id, nest_start, nest_size) ->
+    nest.applySnippet("nest", tinymce_id, nest_start, nest_size)
+
+  applyNestToNestListEditor: (index) ->
+    row = $("._nest-form[data-index='#{index}']")
+    row.find("._reference").val(nest.name())
+    row.find("._nest-options").val(nest.options())
+    decko.updateAddItemButton(row)
+
+
+  applySnippet: (snippet_type, tinymce_id, start, size) ->
+    content = $("._#{snippet_type}-preview").val()
+    editor = tinymce.get(tinymce_id)
+    if start?
+      nest.replaceSnippet(editor, start, size, content)
+    else
+      editor.insertContent content
+      offset = nest.offsetAfterInsert(editor, content)
+      $("button._#{snippet_type}-apply").attr("data-tm-snippet-start", offset)
+
+    $("button._#{snippet_type}-apply").attr("data-tm-snippet-size", content.length)
+
+  replaceSnippet: (editor, start, size, content) ->
+    sel = editor.selection.getSel()
+    if sel? and sel.anchorNode? and sel.anchorNode.data?
+      text = sel.anchorNode.data
+      size = 0 unless size?
+      text = "#{text.substr(0, start)}#{content}#{text.substr(start + size)}"
+      sel.anchorNode.data = text
+    else
+      editor.insertContent content
+
+  updatePreview: (new_val) ->
+    new_val = "{{#{nest.name()}|#{nest.options()}}}" unless new_val?
+    preview = $("._nest-preview")
+    preview.val new_val
+    preview.data("nest-options", nest.options())
+    preview.data("reference", nest.name())

data/assets/script/decko/nest_editor_name.js.coffee

@@ -0,0 +1,102 @@
+nestNameTimeout = null
+
+$(document).ready ->
+  $('body').on 'click', '._nest-field-toggle', () ->
+    if $(this).is(':checked')
+      nest.addPlus()
+    else
+      nest.removePlus()
+
+  $('body').on 'input', 'input._nest-name', (event) ->
+    nest.nameChanged()
+
+    unless event.which == 13
+      clearTimeout(nestNameTimeout) if nestNameTimeout
+      nestNameTimeout = setTimeout (-> nest.updateNameRelatedTabs()), 700
+
+  $('body').on 'keydown', 'input._nest-name', (event) ->
+    if event.which == 13
+      clearTimeout(nestNameTimeout) if nestNameTimeout
+      nest.updateNameRelatedTabs()
+
+$.extend nest,
+  name: () ->
+    nest.evalFieldOption $('input._nest-name').val()
+
+  nameChanged: () ->
+    new_val = $("._nest-preview").val().replace(/^\{\{[^}|]*/, "{{" + nest.name())
+    nest.updatePreview new_val
+
+  evalFieldOption: (name) ->
+    if nest.isField() then "+#{name}" else name
+
+  isField: ->
+    $('._nest-field-toggle').is(":checked")
+
+  addPlus: () ->
+    new_val = $("._nest-preview").val().replace(/^\{\{\+?/, "{{+")
+    nest.updatePreview new_val
+    $(".input-group.hide-prefix").removeClass("hide-prefix").addClass("show-prefix")
+
+  removePlus: () ->
+    new_val = $("._nest-preview").val().replace(/^\{\{\+?/, "{{")
+    nest.updatePreview new_val
+    $(".input-group.show-prefix").removeClass("show-prefix").addClass("hide-prefix")
+
+  rulesTabSlot: () ->
+    $("._nest-editor .tab-pane-rules > .card-slot")
+
+  contentTabSlot: () ->
+    $("._nest-editor .tab-pane-content > .card-slot")
+
+  emptyNameAlert: (show) ->
+    if show
+      $("._empty-nest-name-alert").removeClass("d-none")
+    else
+      $("._empty-nest-name-alert:not(.d-none)").addClass("d-none")
+
+  updateNameRelatedTabs: () ->
+    nest.updateRulesTab()
+    nest.updateContentTab()
+
+  updateContentTab: () ->
+    $contentTab = nest.contentTabSlot()
+    if $contentTab.length > 0
+      url = decko.path "#{nest.fullName()}?view=nest_content"
+      nest.updateNameDependentSlot($contentTab, url)
+
+  updateRulesTab: () ->
+    $rulesTab = nest.rulesTabSlot()
+    url = decko.path "#{nest.setNameForRules()}?view=nest_rules"
+    nest.updateNameDependentSlot($rulesTab, url)
+
+  updateNameDependentSlot: ($slot, url) ->
+    name = $("input._nest-name").val()
+    if name? && name.length > 0
+      nest.emptyNameAlert(false)
+      $slot.reloadSlot url
+    else
+      $slot.clearSlot()
+      nest.emptyNameAlert(true)
+
+  fullName: () ->
+    input = $('input._nest-name')
+    nest_name = input.val()
+    if nest.isField() and input.attr("data-left-name")
+      "#{input.attr("data-left-name")}+#{nest_name}"
+    else
+      nest_name
+
+#  set in the sense of card set
+  setNameForRules: () ->
+    input = $('input._nest-name')
+    nest_name = input.val()
+    if nest.isField()
+      if input.attr("data-left-type")
+        "#{input.attr("data-left-type")}+#{nest_name}+*type plus right"
+      else
+        "#{nest_name}+*right"
+    else
+      return  "#{nest_name}+*self"
+
+

data/assets/script/decko/nest_editor_options.js.coffee

@@ -0,0 +1,93 @@
+$(document).ready ->
+  $('body').on 'keyup', 'input._nest-option-value', () ->
+    nest.updatePreview()
+
+  $('body').on "select2:select", "._nest-option-name", () ->
+    nest.toggleOptionName($(this).closest("._options-select"), $(this).val(), true)
+    nest.updatePreview()
+
+  $('body').on "select2:selecting", "._nest-option-name", () ->
+    nest.toggleOptionName($(this).closest("._options-select"), $(this).val(), false)
+
+  $('body').on "select2:select", "._nest-option-name._new-row", () ->
+    $(this).closest(".input-group").find(".input-group-prepend").removeClass("d-none")
+    row =  $(this).closest("._nest-option-row")
+    row.find("._nest-option-value").removeAttr("disabled")
+    template = row.parent().find("._nest-option-row._template")
+    $(this).removeClass("_new-row")
+    nest.addRow(template)
+
+  $('body').on "click", "._configure-items-button", () ->
+    nest.addItemsOptions($(this))
+
+  $('body').on 'click', 'button._nest-delete-option', () ->
+    nest.removeRow $(this).closest("._nest-option-row")
+
+$.extend nest,
+  showTemplate: (elem) ->
+    elem.removeClass("_template") #.removeClass("_#{name}-template").addClass("_#{name}")
+
+  addRow: (template) ->
+    select_tag = template.find("select")
+    select_tag.select2("destroy")
+    select_tag.removeAttr("data-select2-id")
+    double = template.clone()
+    #double = template.cloneSelect2(true, true)
+    decko.initSelect2(select_tag)
+    nest.showTemplate template
+    template.after(double)
+    decko.initSelect2(double.find("select"))
+
+  removeRow: (row) ->
+    name = row.find("._nest-option-name").val()
+    nest.toggleOptionName(row.closest("._options-select"), name,false)
+    row.remove()
+    nest.updatePreview()
+
+  addItemsOptions: (button) ->
+    container = button.closest("._configure-items")
+    next = container.cloneSelect2(true)
+    title = button.text()
+    button.replaceWith($("<h6>#{title.substr(9)}<h6>"))
+    nest.showTemplate container.find("._options-select._template")
+    next.find("._configure-items-button").text(title.replace("items", "subitems"))
+    container.after(next)
+    nest.updatePreview()
+
+  options: () ->
+    options = []
+    for ele in $("._options-select:not(._template")
+      options.push nest.extractOptions($(ele))
+
+    level_options = options.map (opts) ->
+                      nest.toNestSyntax(opts)
+    level_options.join "|"
+
+  # extract options for one item level
+  extractOptions: (ele) ->
+    options = {}
+    nest.addOption(options, $(row)) for row in ele.find("._nest-option-row:not(.template)")
+    options
+
+  addOption: (options, row) ->
+    val = row.find("._nest-option-value").val()
+    return unless val? && val.length > 0
+
+    name = row.find("._nest-option-name").val()
+    if options[name]?
+      options[name].push val
+    else
+      options[name] = [val]
+
+  toggleOptionName: (container, name, active) ->
+    return true if name == "show" || name == "hide"
+    for sel in container.find("._nest-option-name")
+      if $(sel).val() != name
+        $(sel).find("option[value=#{name}]").attr "disabled", active
+      # $(sel).find("option[value=#{val}]").removeAttr "disabled"
+      decko.initSelect2($(sel))
+
+  toNestSyntax: (opts) ->
+    str = []
+    str.push "#{name}: #{values.join ', '}" for name, values of opts
+    str.join "; "

data/assets/script/decko/nest_editor_rules.js.coffee

@@ -0,0 +1,3 @@
+
+
+

data/assets/script/decko/overlay.js.coffee

@@ -0,0 +1,54 @@
+jQuery.fn.extend
+  overlaySlot: ->
+    oslot = @closest(".card-slot._overlay")
+    return oslot if oslot[0]?
+    oslot = @closest(".overlay-container").find("._overlay")
+    oslot[0]? && $(oslot[0])
+
+  addOverlay: (overlay, $slotter) ->
+    if @parent().hasClass("overlay-container")
+      if $(overlay).hasClass("_stack-overlay")
+        @before overlay
+      else
+        $("._overlay-origin").removeClass("_overlay-origin")
+        @replaceOverlay(overlay)
+    else
+      if @parent().hasClass("_overlay-container-placeholder")
+        @parent().addClass("overlay-container")
+      else
+        @wrapAll('<div class="overlay-container">')
+      @addClass("_bottomlay-slot")
+      @before overlay
+
+    $slotter.registerAsOrigin("overlay", overlay)
+    decko.contentLoaded(overlay, $slotter)
+
+  replaceOverlay: (overlay) ->
+    @overlaySlot().trigger "slotDestroy"
+    @overlaySlot().replaceWith overlay
+    $(".bridge-sidebar .tab-pane:not(.active) .bridge-pills > .nav-item > .nav-link.active").removeClass("active")
+
+  isInOverlay: ->
+    return @closest(".card-slot._overlay").length
+
+  removeOverlay: () ->
+      slot = @overlaySlot()
+      if slot
+        slot.removeOverlaySlot()
+
+  removeOverlaySlot: () ->
+    @trigger "slotDestroy"
+    if @siblings().length == 1
+      bottomlay = $(@siblings()[0])
+      if bottomlay.hasClass("_bottomlay-slot")
+        if bottomlay.parent().hasClass("_overlay-container-placeholder")
+          bottomlay.parent().removeClass("overlay-container")
+        else
+          bottomlay.unwrap()
+        bottomlay.removeClass("_bottomlay-slot").updateBridge(true, bottomlay)
+
+        #bottomlay.find(".tinymce-textarea").each ->
+        #  tinymce.EditorManager.execCommand('mceAddControl',true, editor_id);
+        #  decko.initTinyMCE($(this).attr("id"))
+
+    @remove()

data/assets/script/decko/recaptcha.js.coffee

@@ -0,0 +1,19 @@
+jQuery.fn.extend {
+  updateRecaptchaToken: (event) ->
+    recaptcha = @find("input._recaptcha-token")
+
+    if !recaptcha[0]?
+      recaptcha.val "recaptcha-token-field-missing"
+    else if !grecaptcha?
+      recaptcha.val("grecaptcha-undefined")
+    else
+      $slotter = $(this)
+      event.stopPropagation() if event
+      grecaptcha.execute(recaptcha.data("site-key"), action: recaptcha.data("action"))
+        .then (token) ->
+          recaptcha.val(token)
+          recaptcha.addClass("_token-updated")
+          if event
+            $slotter.submit()
+      false
+  }

data/assets/script/decko/selectable_filtered_content.js.coffee

@@ -0,0 +1,12 @@
+$(window).ready ->
+
+  # TODO: generalize so this works with item views other than bar
+  $("body").on "click", "._selectable-filtered-content .bar-body", (e) ->
+    item = $(this)
+    name = item.slot().data("card-name")
+    container = item.closest("._selectable-filtered-content")
+    input = $(container.data("input-selector"))
+    input.val name
+    item.closest('.modal').modal('hide')
+    e.preventDefault()
+    e.stopPropagation()

data/assets/script/decko/slot.js.coffee

@@ -0,0 +1,182 @@
+$.extend decko,
+  snakeCase: (str)->
+    str.replace /([a-z])([A-Z])/g, (match) -> match[0] + '_' +
+                match[1].toLowerCase()
+
+  # returns full path with slot parameters
+  slotPath: (path, slot)->
+    params = decko.slotData(slot)
+    decko.path(path) + ( (if path.match /\?/ then '&' else '?') + $.param(params) )
+
+  slotData: (slot) ->
+    xtra = {}
+    main = $('#main').children('.card-slot').data 'cardName'
+    xtra['main'] = main if main?
+
+    if slot
+      xtra['is_main'] = true if slot.isMain()
+      slotdata = slot.data 'slot'
+      if slotdata?
+        decko.slotParams slotdata, xtra, 'slot'
+        xtra['type'] = slotdata['type'] if slotdata['type']
+    xtra
+
+  slotEditView: (slot) ->
+    data = decko.slotData(slot)
+    switch data["slot[edit]"]
+      when "inline" then "edit_inline"
+      when "full"   then "bridge"
+      else "edit"
+
+  slotEditLink: (slot) ->
+    edit_links =
+      slot.find(".edit-link").filter (i, el) ->
+        $(el).slot().data('slotId') == slot.data('slotId')
+
+    if edit_links[0] then $(edit_links[0]) else false
+
+  slotParams: (raw, processed, prefix)->
+    $.each raw, (key, value)->
+      cgiKey = prefix + '[' + decko.snakeCase(key) + ']'
+      if key == 'items'
+        decko.slotParams value, processed, cgiKey
+      else
+        processed[cgiKey] = value
+
+  contentLoaded: (el, slotter)->
+    decko.initializeEditors(el)
+    notice = slotter.attr('notify-success')
+    if notice?
+      el.notify notice, "success"
+    el.triggerSlotReady(slotter)
+
+  slotReady: (func)->
+    $('document').ready ->
+      $('body').on 'slotReady', '.card-slot', (e, slotter) ->
+        e.stopPropagation()
+        if slotter?
+          func.call this, $(this), $(slotter)
+        else
+          func.call this, $(this)
+
+  slotDestroy: (func)->
+    $('document').ready ->
+      $('body').on 'slotDestroy', '.card-slot, ._modal-slot', (e) ->
+        e.stopPropagation()
+        func.call this, $(this)
+
+jQuery.fn.extend
+  slot: (status="success", mode="replace") ->
+    if mode == "modal"
+      @modalSlot()
+    else
+      @selectSlot("slot-#{status}-selector") ||
+        @selectSlot("slot-selector") ||
+        @closest(".card-slot")
+
+  selectSlot: (selectorName) ->
+    if selector = @data(selectorName)
+      slot = @findSlot selector
+      slot && slot[0] && slot
+
+  isSlot: ->
+    $(this).hasClass "card-slot"
+
+  isMain: ->
+    @slot().parent('#main')[0]
+
+  isMainOrMainModal: ->
+    el = $(this)
+    el = el.findOriginSlot("modal") if el.closest(".modal")[0]
+    el && el.isMain()
+
+  findSlot: (selector) ->
+    if selector == "modal-origin"
+      @findOriginSlot("modal")
+    else if selector == "overlay-origin"
+      @findOriginSlot("overlay")
+    else
+      target_slot = @closest(selector)
+      parent_slot = @closest '.card-slot'
+
+      # if slot-selector doesn't apply to a child, search in all parent slots and finally in the body
+      while target_slot.length == 0 and parent_slot.length > 0
+        target_slot = $(parent_slot).find(selector)
+        parent_slot = $(parent_slot).parent().closest '.card-slot'
+      if target_slot.length == 0
+        $(selector)
+      else
+        target_slot
+
+  # type can be "modal" or "overlay"
+  findOriginSlot: (type) ->
+    overlaySlot = @closest("[data-#{type}-origin-slot-id]")
+    origin_slot_id = overlaySlot.data("#{type}-origin-slot-id")
+    origin_slot = $("[data-slot-id=#{origin_slot_id}]")
+    if origin_slot[0]?
+      origin_slot
+    else
+      console.log "couldn't find origin with slot id #{origin_slot_id}"
+
+  reloadSlot: (url) ->
+    $slot = $(this)
+    if $slot.length > 1
+      $slot.each ->
+        $(this).reloadSlot url
+      return
+
+    $slot = $slot.slot() unless $slot.isSlot
+    return unless $slot[0]
+
+    unless url?
+      url = $slot.slotUrl()
+    $slot.addClass 'slotter'
+    $slot.attr 'href', url
+    $slot.data "url", url
+    this[0].href = url # that's where handleRemote gets the url from
+                       # .attr(href, url) only works for anchors
+    $slot.data "remote", true
+    $.rails.handleRemote($slot)
+
+  clearSlot: () ->
+    @triggerSlotDestroy()
+    @empty()
+
+  slotUrl: ->
+    decko.slotPath "#{this.slotMark()}?view=#{@data("slot")["view"]}"
+
+  slotMark: ->
+    if @data('cardId') then "~#{@data('cardId')}" else @data("cardName")
+
+  setSlotContent: (val, mode, $slotter) ->
+    v = $(val)[0] && $(val) || val
+
+    if typeof(v) == "string"
+      # Needed to support "TEXT: result" pattern in success (eg deleting nested cards)
+      @slot("success", mode).replaceWith v
+    else
+      if v.hasClass("_overlay")
+        mode = "overlay"
+      else if v.hasClass("_modal")
+        mode = "modal"
+      @slot("success", mode).setSlotContentFromElement v, mode, $slotter
+    v
+
+  setSlotContentFromElement: (el, mode, $slotter) ->
+    if mode == "overlay"
+      @addOverlay(el, $slotter)
+    else if el.hasClass("_modal-slot") or mode == "modal"
+      el.showAsModal($slotter)
+    else
+      slot_id = @data("slot-id")
+      el.attr("data-slot-id", slot_id) if slot_id
+      @triggerSlotDestroy()
+      @replaceWith el
+      decko.contentLoaded(el, $slotter)
+
+  triggerSlotReady: (slotter) ->
+    @trigger "slotReady", slotter if @isSlot()
+    @find(".card-slot").trigger "slotReady", slotter
+
+  triggerSlotDestroy: () ->
+    @trigger "slotDestroy"

data/assets/script/decko/slot_ready.js.coffee

@@ -0,0 +1,11 @@
+decko.slotReady (slot) ->
+  slot.find('._disappear').delay(5000).animate(
+    height: 0, 1000, -> $(this).hide())
+
+  if slot.hasClass("_refresh-timer")
+    setTimeout(
+      -> slot.reloadSlot(slot.data("refresh-url")),
+      2000
+    )
+
+