card-mod-script 0.11.0

data/lib/javascript/decko/modal.js.coffee

@@ -0,0 +1,110 @@
+$(window).ready ->
+  $('body').on 'hidden.bs.modal', (_event) ->
+    decko.removeModal()
+
+  $('body').on "show.bs.modal", "._modal-slot", (event, slot) ->
+    link = $(event.relatedTarget)
+    addModalDialogClasses $(this), link
+    $(this).modal("handleUpdate")
+    decko.contentLoaded $(event.target), link
+
+  $('._modal-slot').each ->
+    openModalIfPresent $(this)
+    addModalDialogClasses $(this)
+
+  $('body').on 'click', '.submit-modal', ->
+    $(this).closest('.modal-content').find('form').submit()
+
+openModalIfPresent = (mslot) ->
+  modal_content = mslot.find(".modal-content")
+  if modal_content.length > 0 && modal_content.html().length > 0
+    $("#main > .card-slot").registerAsOrigin("modal", mslot)
+    mslot.modal("show")
+
+addModalDialogClasses = ($modal_slot, $link) ->
+  dialog = $modal_slot.find(".modal-dialog")
+  classes_from_link =
+    if $link? then $link.data("modal-class") else $modal_slot.data("modal-class")
+  if classes_from_link? and dialog?
+    dialog.addClass classes_from_link
+
+jQuery.fn.extend {
+  showAsModal: ($slotter) ->
+    el = @modalify($slotter) if $slotter?
+    if $("body > ._modal-slot").is(":visible")
+      @addModal el, $slotter
+    else
+      if $("body > ._modal-slot")[0]
+        $("._modal-slot").trigger "slotDestroy"
+        $("body > ._modal-slot").replaceWith el
+      else
+        $("body").append el
+
+      $slotter.registerAsOrigin("modal", el)
+      el.modal("show", $slotter)
+
+  addModal: (el, $slotter) ->
+    if $slotter.data("slotter-mode") == "modal-replace"
+      dialog = el.find(".modal-dialog")
+      el.adoptModalOrigin()
+      $("._modal-slot").trigger "slotDestroy"
+      $("body > ._modal-slot > .modal-dialog").replaceWith(dialog)
+      decko.contentLoaded(dialog, $slotter)
+    else
+      decko.pushModal el
+      $slotter.registerAsOrigin("modal", el)
+      el.modal("show", $slotter)
+
+  adoptModalOrigin: () ->
+    origin_slot_id = $("body > ._modal-slot .card-slot[data-modal-origin-slot-id]")
+                        .data("modal-origin-slot-id")
+    @find(".modal-body .card-slot").attr("data-modal-origin-slot-id", origin_slot_id)
+
+  modalSlot: ->
+    slot = $("#modal-container")
+    if slot.length > 0 then slot else decko.createModalSlot()
+
+  modalify: ($slotter) ->
+    if $slotter.data("modal-body")?
+      @find(".modal-body").append($slotter.data("modal-body"))
+
+    if @hasClass("_modal-slot")
+      this
+    else
+      modalSlot = $('<div/>', id: "modal-container", class: "modal fade _modal-slot")
+      modalSlot.append(
+        $('<div/>' , class: "modal-dialog").append(
+          $('<div/>', class: "modal-content").append(this)
+        )
+      )
+      modalSlot
+}
+
+$.extend decko,
+  createModalSlot: ->
+    slot = $('<div/>', id: "modal-container", class: "modal fade _modal-slot")
+    $("body").append(slot)
+    slot
+
+  removeModal: ->
+    if $("._modal-stack")[0]
+      decko.popModal()
+    else
+      $("._modal-slot").trigger "slotDestroy"
+      $(".modal-dialog").empty()
+
+  pushModal: (el) ->
+    mslot = $("body > ._modal-slot")
+    mslot.removeAttr("id")
+    mslot.removeClass("_modal-slot").addClass("_modal-stack").removeClass("modal").addClass("background-modal")
+    el.insertBefore mslot
+    $(".modal-backdrop").removeClass("show")
+
+  popModal: ->
+    $(".modal-backdrop").addClass("show")
+    $("body > ._modal-slot").trigger "slotDestroy"
+    $("body > ._modal-slot").remove()
+    modal = $($("._modal-stack")[0])
+    modal.addClass("_modal-slot").removeClass("_modal-stack").attr("id", "modal-container").addClass("modal").removeClass("background-modal")
+    $(document.body).addClass("modal-open")
+

data/lib/javascript/decko/name_editor.js.coffee

@@ -0,0 +1,51 @@
+checkNameAfterTyping = null
+
+$(window).ready ->
+  $('body').on 'click', '.renamer-updater', ->
+    $(this).closest('form').find('#card_update_referers').val 'true'
+
+  $('body').on 'submit', '.edit_name-view .card-form, .name_form-view .card-form', ->
+    confirmer = $(this).find '.alert'
+    if confirmer.is ':hidden'
+      if $(this).find('#referers').val() > 0
+        $(this).find('.renamer-updater').show()
+
+      confirmer.show 'blind'
+      false
+
+  $('body').on 'keyup', '.name-editor input', (event) ->
+    clearTimeout(checkNameAfterTyping) if checkNameAfterTyping
+    input = $(this)
+    if event.which == 13
+      checkName(input)
+      checkNameAfterTyping = null
+    else
+      checkNameAfterTyping = setTimeout ->
+          checkName(input)
+          checkNameAfterTyping = null
+        , 400
+
+checkName = (box) ->
+  name = box.val()
+  decko.pingName name, (data)->
+    return null if box.val() != name # avert race conditions
+    status = data['status']
+    if status
+      ed = box.parent()
+      leg = box.closest('fieldset').find('legend')
+      msg = leg.find '.name-messages'
+      unless msg[0]
+        msg = $('<span class="name-messages"></span>')
+        leg.append msg?
+      ed.removeClass 'real-name virtual-name known-name'
+
+      # use id to avoid warning when renaming to name variant
+      slot_id = box.slot().data 'cardId'
+      if status != 'unknown' and !(slot_id && parseInt(slot_id) == data['id'])
+        ed.addClass status + '-name known-name'
+        qualifier = if status == 'virtual' then 'in virtual' else 'already in'
+        href = decko.path(data['url_key'])
+        msg.html "\"<a href='#{href}'>#{name}</a>\" #{qualifier} use"
+      else
+        msg.html ''
+

data/lib/javascript/decko/navbox.js.coffee

@@ -0,0 +1,74 @@
+$(window).ready ->
+  navbox = $('._navbox')
+  navbox.select2
+    placeholder: navbox.attr("placeholder")
+    escapeMarkup: (markup) ->
+      markup
+    minimumInputLength: 1
+    maximumSelectionSize: 1
+    ajax:
+      delay: 200
+      url: decko.path ':search.json'
+      data: (params) ->
+        query: { keyword: params.term }
+        view: "complete"
+      processResults: (data) ->
+        results: navboxize(data)
+      cache: true
+    templateResult: formatNavboxItem
+    templateSelection: formatNavboxSelectedItem
+    multiple: true
+    containerCssClass: 'select2-navbox-autocomplete'
+    dropdownCssClass: 'select2-navbox-dropdown'
+    width: "100%!important"
+
+  navbox.on "select2:select", (e) ->
+    navboxSelect(e)
+
+formatNavboxItem = (i) ->
+  if i.loading
+    return i.text
+  '<i class="material-icons">' + i.icon + '</i>' +
+  '<span class="navbox-item-label">' + i.prefix + ':</span> ' +
+  '<span class="navbox-item-value">' + i.label + '</span>'
+
+formatNavboxSelectedItem = (i) ->
+  unless i.icon
+    return i.text
+  '<i class="material-icons">' + i.icon + '</i>' +
+  '<span class="navbox-item-value">' + i.label + '</span>'
+
+navboxize = (results) ->
+  items = []
+  term = results.term
+  if results["search"]
+    # id is what the form sends
+    items.push navboxItem(prefix: "search", id: term, text: term)
+
+  $.each ['add', 'new'], (index, key) ->
+    if val = results[key]
+      items.push navboxItem(prefix: key, icon: "add", text: val[0], href: val[1])
+
+  $.each results['goto'], (index, val) ->
+    i = navboxItem(
+      prefix: "go to", id: index, icon: "arrow_forward",
+      text: val[0], href: val[1], label: val[2]
+    )
+    items.push i
+
+  items
+
+navboxItem = (data) ->
+  data.id ||= data.prefix
+  data.icon ||= data.prefix
+  data.label ||= '<strong class="highlight">' + data.text + '</strong>'
+  data
+
+navboxSelect = (event) ->
+  item = event.params.data
+  if item.href
+    window.location = decko.path(item.href)
+  else
+    $(event.target).closest('form').submit()
+
+  $(event.target).attr('disabled', 'disabled')

data/lib/javascript/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/lib/javascript/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"
+
+