card 1.18.6 → 1.19.0

data/mod/machines/lib/javascript/wagn_editor.js.coffee

@@ -0,0 +1,33 @@
+$.extend wagn,
+  editorContentFunctionMap: {}
+  editorInitFunctionMap: {
+    '.date-editor': -> @datepicker { dateFormat: 'yy-mm-dd' }
+    'textarea': -> $(this).autosize()
+    '.file-upload': -> wagn.upload_file(this)
+    '.etherpad-textarea': ->
+      $(this).closest('form')
+      .find('.edit-submit-button')
+      .attr('class', 'etherpad-submit-button')
+  }
+
+  addEditor: (selector, init, get_content) ->
+    wagn.editorContentFunctionMap[selector] = get_content
+    wagn.editorInitFunctionMap[selector] = init
+
+jQuery.fn.extend {
+  setContentFieldsFromMap: (map) ->
+    map = wagn.editorContentFunctionMap unless map?
+    this_form = $(this)
+    $.each map, (selector, fn) ->
+      this_form.setContentFields(selector, fn)
+  setContentFields: (selector, fn) ->
+    $.each @find(selector), ->
+      $(this).setContentField(fn)
+  setContentField: (fn) ->
+    field = @closest('.card-editor').find('.card-content')
+    init_val = field.val() # tinymce-jquery overrides val();
+    # that's why we're not using it.
+    new_val = fn.call this
+    field.val new_val
+    field.change() if init_val != new_val
+}

data/mod/machines/lib/javascript/wagn_layout.js.coffee

@@ -0,0 +1,61 @@
+wrapDeckoLayout = ->
+  $footer  = $('body > footer').first()
+  $('body > article, body > aside').wrapAll('<div class="container"/>')
+  $('div.container > article, div.container > aside')
+    .wrapAll('<div class="row row-offcanvas">')
+  if $footer
+    $('body').append $footer
+
+wrapSidebarToggle = (toggle) ->
+  "<div class='container'><div class='row'>#{toggle}</div></div>"
+
+sidebarToggle = (side) ->
+  icon_dir = if side == 'left' then 'right' else 'left'
+  "<button class='offcanvas-toggle offcanvas-toggle-#{side} btn btn-secondary "+
+    "visible-xs' data-toggle='offcanvas-#{side}'>" +
+    "<span class='glyphicon glyphicon-chevron-#{icon_dir}'/></button>"
+
+singleSidebar = (side) ->
+  $article = $('body > article').first()
+  $aside   = $('body > aside').first()
+  $article.addClass("col-xs-12 col-sm-9 col-md-8")
+  $aside.addClass(
+    "col-xs-6 col-sm-3 col-md-3 sidebar-offcanvas sidebar-offcanvas-#{side}"
+  )
+  if side == 'left'
+    $('body').append($aside).append($article)
+  else
+    $('body').append($article).append($aside)
+  wrapDeckoLayout()
+  $article.prepend(wrapSidebarToggle(sidebarToggle(side)))
+
+doubleSidebar = ->
+  $article    = $('body > article').first()
+  $asideLeft  = $('body > aside').first()
+  $asideRight = $($('body > aside')[1])
+  $article.addClass("col-xs-12 col-sm-6")
+  sideClass = "col-xs-6 col-sm-3 sidebar-offcanvas"
+  $asideLeft.addClass("#{sideClass} sidebar-offcanvas-left")
+  $asideRight.addClass("#{sideClass} sidebar-offcanvas-right")
+  $('body').append($asideLeft).append($article).append($asideRight)
+  wrapDeckoLayout()
+  toggles = wrapSidebarToggle(sidebarToggle('right') + sidebarToggle('left'))
+  $article.prepend(toggles)
+
+$(window).ready ->
+  switch
+    when $('body').hasClass('right-sidebar')
+      singleSidebar('right')
+    when $('body').hasClass('left-sidebar')
+      singleSidebar('left')
+    when $('body').hasClass('two-sidebar')
+      doubleSidebar()
+
+  $('[data-toggle="offcanvas-left"]').click ->
+    $('.row-offcanvas').removeClass('right-active').toggleClass('left-active')
+    $(this).find('span.glyphicon')
+      .toggleClass('glyphicon-chevron-left glyphicon-chevron-right')
+  $('[data-toggle="offcanvas-right"]').click ->
+    $('.row-offcanvas').removeClass('left-active').toggleClass('right-active')
+    $(this).find('span.glyphicon')
+      .toggleClass('glyphicon-chevron-left glyphicon-chevron-right')

data/mod/machines/lib/javascript/wagn_mod.js.coffee

@@ -0,0 +1,237 @@
+
+window.wagn ||= {} #needed to run w/o *head.  eg. jasmine
+
+# $.extend wagn,
+# Can't get this to work yet.  Intent was to tighten up head tag.
+#  initGoogleAnalytics: (key) ->
+#    window._gaq.push ['_setAccount', key]
+#    window._gaq.push ['_trackPageview']
+#
+#    initfunc = ()->
+#      ga = document.createElement 'script'
+#      ga.type = 'text/javascript'
+#      ga.async = true
+#      ga.src = `('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'`
+#      s = document.getElementsByTagName('script')[0]
+#      s.parentNode.insertBefore ga, s
+#  initfunc()
+
+$(window).ready ->
+  #pointer mod
+  $('body').on 'click', '.pointer-item-add', (event)->
+    last_item = $(this).closest('.content-editor').find '.pointer-li:last'
+    new_item = last_item.clone()
+    input = new_item.find('input')
+    input.val ''
+    last_item.after new_item
+    wagn.initPointerList(input)
+    event.preventDefault() # Prevent link from following its href
+
+  $('body').on 'click', '.pointer-item-delete', ->
+    item = $(this).closest 'li'
+    if item.closest('ul').find('.pointer-li').length > 1
+      item.remove()
+    else
+      item.find('input').val ''
+
+  $('body').on 'show.bs.tab', 'a.load[data-toggle=tab][data-url]', (e) ->
+    tab_id = $(e.target).attr('href')
+    url    = $(e.target).data('url')
+    $(e.target).removeClass('load')
+    $(tab_id).load(url)
+
+
+  # toolbar mod
+  $('body').on 'click', '.toolbar-pin.active', (e) ->
+    e.preventDefault()
+    $(this).blur()
+    $('.toolbar-pin').removeClass('active').addClass('inactive')
+    $.ajax '/*toolbar_pinned',
+      type : 'PUT'
+      data : 'card[content]=false'
+
+  $('body').on 'click', '.toolbar-pin.inactive', (e) ->
+    e.preventDefault()
+    $(this).blur()
+    $('.toolbar-pin').removeClass('inactive').addClass('active')
+    $.ajax '/*toolbar_pinned',
+      type : 'PUT'
+      data : 'card[content]=true'
+
+  # following mod
+  $('body').on 'click', '.btn-item-delete', ->
+    $(this).find('.glyphicon').addClass("glyphicon-hourglass").removeClass("glyphicon-remove")
+  $('body').on 'click', '.btn-item-add', ->
+    $(this).find('.glyphicon').addClass("glyphicon-hourglass").removeClass("glyphicon-plus")
+
+  $('body').on 'mouseenter', '.btn-item-delete', ->
+    $(this).find('.glyphicon').addClass("glyphicon-remove").removeClass("glyphicon-ok")
+    $(this).addClass("btn-danger").removeClass("btn-primary")
+  $('body').on 'mouseleave', '.btn-item-delete', ->
+    $(this).find('.glyphicon').addClass("glyphicon-ok").removeClass("glyphicon-remove")
+    $(this).addClass("btn-primary").removeClass("btn-danger")
+
+
+  # modal mod
+  $('body').on 'hidden.bs.modal', (event) ->
+    modal_content = $(event.target).find('.modal-dialog > .modal-content')
+    if $(event.target).attr('id') != 'modal-main-slot'
+      slot = $( event.target ).slot()
+      menu_slot = slot.find '.menu-slot:first'
+      url  = wagn.rootPath + '/~' + slot.data('card-id')
+      params = { view: 'menu' }
+      params['is_main'] = true if slot.isMain()
+      modal_content.empty()
+      $.ajax url, {
+        type : 'GET'
+        data: params
+        success : (data) ->
+          menu_slot.replaceWith data
+      }
+
+#     for slot in $('.card-slot')
+#       menu_slot = $(slot).find '.menu-slot:first'
+#       if menu_slot.size() > 0
+#         url  = wagn.rootPath + '/~' + $(slot).data('card-id')
+#         params = { view: 'menu' }
+#         params['is_main'] = true if $(slot).isMain()
+#
+#         $.ajax url, {
+#           type: 'GET'
+#           data: params
+#           success : (data) ->
+#             menu_slot.replaceWith data
+#         }
+
+#  $('body').on 'click', '.update-follow-link', (event) ->
+#    anchor = $(this)
+#    url  = wagn.rootPath + '/' + anchor.data('card_key') + '.json?view=follow_status'
+#    modal =  anchor.closest('.modal')
+#    modal.removeData()
+#    $.ajax url, {
+#      type : 'GET'
+#      dataType : 'json'
+#      success : (data) ->
+#        tags = $(modal).parent().find('.follow-link')
+#        tags.find('.follow-verb').html data.verb
+#        tags.attr 'href', data.path
+#        tags.attr 'title', data.title
+#        tags.data 'follow', data
+#    }
+
+#  $('body').on 'click', '.follow-toggle', (event) ->
+#    anchor = $(this)
+#    url  = wagn.rootPath + '/update/' + anchor.data('rule_name') + '.json'
+#    $.ajax url, {
+#      type : 'POST'
+#      dataType : 'json'
+#      data : {
+#        'card[content]' : '[[' + anchor.data('follow').content + ']]'
+#        'success[view]' : 'follow_status'
+#        'success[id]'   : anchor.data('card_key')
+#      }
+#      success : (data) ->
+#        tags = anchor.closest('.modal').parent().find('.follow-toggle')
+#        tags.find('.follow-verb').html data.verb
+#        tags.attr 'title', data.title
+#        tags.removeClass( 'follow-toggle-on follow-toggle-off').addClass data.class
+#        tags.data 'follow', data
+#    }
+#    event.preventDefault() # Prevent link from following its href
+
+  # permissions mod
+  $('body').on 'click', '.perm-vals input', ->
+    $(this).slot().find('#inherit').attr('checked',false)
+
+  $('body').on 'click', '.perm-editor #inherit', ->
+    slot = $(this).slot()
+    slot.find('.perm-group input:checked').attr('checked', false)
+    slot.find('.perm-indiv input').val('')
+
+  # rstar mod
+  $('body').on 'click', '.rule-submit-button', ->
+    f = $(this).closest('form')
+    checked = f.find('.set-editor input:checked')
+    if checked.val()
+      if checked.attr('warning')
+        confirm checked.attr('warning')
+      else
+        true
+    else
+      f.find('.set-editor').addClass('attention')
+      $(this).notify 'To what Set does this Rule apply?'
+      false
+
+#  $('body').on 'click', '.rule-cancel-button', ->
+#    $(this).closest('tr').find('.close-rule-link').click()
+
+
+  $('body').on 'click', '.submit-modal', ->
+    $(this).closest('.modal-content').find('form').submit()
+
+  #wagn_org mod (for now)
+  $('body').on 'click', '.shade-view h1', ->
+    toggleThis = $(this).slot().find('.shade-content').is ':hidden'
+    toggleShade $(this).closest('.pointer-list').find('.shade-content:visible').parent()
+    if toggleThis
+      toggleShade $(this).slot()
+
+
+  if firstShade = $('.shade-view h1')[0]
+    $(firstShade).trigger 'click'
+
+
+  # following not in use??
+
+  $('body').on 'change', '.go-to-selected select', ->
+    val = $(this).val()
+    if val != ''
+      window.location = wagn.rootPath + escape( val )
+
+  # performance log mod
+  $('body').on 'click', '.open-slow-items', ->
+
+    panel = $(this).closest('.panel-group')
+    panel.find('.open-slow-items').removeClass('open-slow-items').addClass('close-slow-items')
+    panel.find('.toggle-fast-items').text("show < 100ms")
+    panel.find('.duration-ok').hide()
+    panel.find('.panel-danger > .panel-collapse').collapse('show').find('a > span').addClass('show-fast-items')
+
+  $('body').on 'click', '.close-slow-items', ->
+    panel = $(this).closest('.panel-group')
+    panel.find('.close-slow-items').removeClass('close-slow-items').addClass('open-slow-items')
+    panel.find('.toggle-fast-items').text("hide < 100ms")
+    panel.find('.panel-danger > .panel-collapse').collapse('hide').removeClass('show-fast-items')
+    panel.find('.duration-ok').show()
+
+  $('body').on 'click', '.toggle-fast-items', ->
+    panel = $(this).closest('.panel-group')
+    if $(this).text() == 'hide < 100ms'
+      panel.find('.duration-ok').hide()
+      $(this).text("show < 100ms")
+    else
+      panel.find('.duration-ok').show()
+      $(this).text("hide < 100ms")
+
+  $('body').on 'click', '.show-fast-items', (event) ->
+    $(this).removeClass('show-fast-items')
+    panel = $(this).closest('.panel-group')
+    panel.find('.duration-ok').show()
+    panel.find('.show-fast-items').removeClass('show-fast-items')
+    panel.find('.panel-collapse').collapse('show')
+    event.stopPropagation()
+
+
+toggleShade = (shadeSlot) ->
+  shadeSlot.find('.shade-content').slideToggle 1000
+  shadeSlot.find('.glyphicon').toggleClass 'glyphicon-triangle-right glpyphicon-triangle-bottom'
+
+
+
+
+
+
+
+
+
+

data/mod/machines/lib/javascript/wagn_navbox.js.coffee

@@ -0,0 +1,72 @@
+$(window).ready ->
+#navbox mod
+  $('.navbox').autocomplete {
+    html: 'html',
+    source: navbox_results,
+    select: navbox_select
+# autoFocus: true,
+# this makes it so the first option ("search") is pre-selected.
+# sadly, it also causes odd navbox behavior, resetting the search term
+  }
+
+#navbox mod
+reqIndex = 0 #prevents race conditions
+
+navbox_results = (request, response) ->
+  f = this.element.closest 'form'
+  formData = f.serialize() + '&view=complete'
+
+  this.xhr = $.ajax {
+    url: wagn.prepUrl wagn.rootPath + '/:search.json'
+    data: formData
+    dataType: "json"
+    wagReq: ++reqIndex
+    success: ( data, status ) ->
+      response navboxize(request.term, data) if this.wagReq == reqIndex
+    error: ->
+      response [] if this.wagReq == reqIndex
+  }
+
+navboxize = (term, results) ->
+  items = []
+
+  $.each ['search', 'add', 'new'], (index, key) ->
+    if val = results[key]
+      i = {
+        value: term,
+        prefix: key,
+        icon: 'plus',
+        label: '<strong class="highlight">' + term + '</strong>'
+      }
+      if key == 'search'
+        i.icon = key
+        i.term = term
+      else if key == 'add'
+        i.href = '/card/new?card[name]=' + encodeURIComponent(val)
+      else if key == 'new'
+        i.type = 'add' # for icon
+        i.href = '/new/' + val[1]
+
+      items.push i
+
+  $.each results['goto'], (index, val) ->
+    items.push {
+      icon: 'share-alt', prefix: 'go to', value: val[0], label: val[1],
+      href: '/' + val[2]
+    }
+
+  $.each items, (index, i) ->
+    i.label =
+      '<span class="glyphicon glyphicon-' + i.icon + '"></span>' +
+      '<span class="navbox-item-label">'  + i.prefix + ':</span> ' +
+      '<span class="navbox-item-value">'  + i.label + '</span>'
+
+  items
+
+navbox_select = (event, ui) ->
+  if ui.item.term
+    $(this).closest('form').submit()
+  else
+    window.location = wagn.rootPath + ui.item.href
+
+  $(this).attr('disabled', 'disabled')

data/mod/machines/lib/javascript/wagn_upload.js.coffee

@@ -0,0 +1,57 @@
+$.extend wagn,
+  upload_file: (fileupload) ->
+# for file as a subcard in a form,
+# excess parameters are inlcuded in the request which cause errors.
+# only the file, type_id and attachment_card_name are needed
+# attachment_card_name is the original card name,
+# ex: card[subcards][+logo][image], card[file]
+    $(fileupload).bind 'fileuploadsubmit', (e,data) ->
+      $_this = $(this)
+      card_name = $_this.siblings(".attachment_card_name:first").attr("name")
+      type_id = $_this.siblings("#attachment_type_id").val()
+      data.formData = {
+        "card[type_id]": type_id,
+        "attachment_upload": card_name
+      }
+    $_fileupload = $(fileupload)
+    if $_fileupload.closest("form").attr("action").indexOf("update") > -1
+      url = "/card/update/"+$(fileupload).siblings("#file_card_name").val()
+    else
+      url = "/card/create"
+    $(fileupload).fileupload(
+      url: url,
+      dataType: 'html',
+      done: wagn.doneFile,
+      add: wagn.chooseFile,
+      progressall: wagn.progressallFile
+    )#, forceIframeTransport: true )
+
+  chooseFile: (e, data) ->
+    data.form.find('button[type=submit]').attr('disabled',true)
+    editor = $(this).closest '.card-editor'
+    $('#progress').show()
+    editor.append '<input type="hidden" class="extra_upload_param" ' +
+                  'value="true" name="attachment_upload">'
+    editor.append '<input type="hidden" class="extra_upload_param" ' +
+                  'value="preview_editor" name="view">'
+    data.submit()
+    editor.find('.choose-file').hide()
+    editor.find('.extra_upload_param').remove()
+
+  progressallFile: (e, data) ->
+    progress = parseInt(data.loaded / data.total * 100, 10)
+    $('#progress .progress-bar').css('width', progress + '%')
+
+  doneFile: (e, data) ->
+    editor = $(this).closest '.card-editor'
+    editor.find('.chosen-file').replaceWith data.result
+    data.form.find('button[type=submit]').attr('disabled',false)
+
+$(window).ready ->
+  $('body').on 'click', '.cancel-upload', ->
+    editor = $(this).closest '.card-editor'
+    editor.find('.choose-file').show()
+    editor.find('.chosen-file').empty()
+    editor.find('.progress').show()
+    editor.find('#progress .progress-bar').css('width', '0%')
+    editor.find('#progress').hide()