abstracted 0.2.2 → 0.2.5

data/app/assets/javascripts/abstracted/app.shared.coffee

@@ -0,0 +1,125 @@
+# this var holds whatever HTML has been parked
+# to make room for a loader
+#
+class App.Shared
+  # constructor: (@el) ->
+  #   # initialize some stuff
+  #   # it will be re-instated with releaseLoader
+  loaded_html = ""
+  loaded_element = ""
+
+
+
+  getDownload: (xhr,data) ->
+    # Check if a filename is existing on the response headers.
+    filename = ""
+    disposition = xhr.getResponseHeader("Content-Disposition")
+    if disposition && disposition.indexOf("attachment") != -1
+      filenameRegex = /filename[^;=\n]*=(([""]).*?\2|[^;\n]*)/
+      matches = filenameRegex.exec(disposition)
+      if matches != null && matches[1]
+        filename = matches[1].replace(/[""]/g, "")
+    #
+    type = xhr.getResponseHeader("Content-Type")
+    console.log 'getDownload ' + type
+    blob = new Blob([data], {type: type})
+    #
+    if typeof window.navigator.msSaveBlob != "undefined"
+      # // IE workaround for "HTML7007: One or more blob URLs were revoked by closing the blob for which they were created. These URLs will no longer resolve as the data backing the URL has been freed.
+      window.navigator.msSaveBlob(blob, filename)
+    else
+      URL = window.URL || window.webkitURL
+      downloadUrl = URL.createObjectURL(blob)
+      downloadUrl.oneTimeOnly = true
+      #
+      if filename
+        # // Use HTML5 a[download] attribute to specify filename.
+        a = document.createElement("a")
+        # // Safari doesn"t support this yet.
+        if typeof a.download == "undefined"
+          window.location = downloadUrl
+        else
+          a.href = downloadUrl
+          a.download = filename
+          document.body.appendChild(a)
+          a.click()
+      else
+        window.location = downloadUrl
+
+  # cloneObject will make a copy of an object - not a copy of the reference
+  # to some object!
+  #
+  # var obj1= {bla:'blabla',foo:'foofoo',etc:'etc'};
+  # var obj2= new cloneObject(obj1);
+  #
+  # 03-07-2015 (whd) not sure whether this method is OK!!!!
+  # cp'ed from: http://scriptcult.com/subcategory_1/article_414-copy-or-clone-javascript-array-object
+  #
+  cloneObject: (source) ->
+    for i in source
+      if typeof source[i] == 'source'
+        this[i] = new cloneObject source[i]
+      else
+        this[i] = source[i]
+
+
+
+  #
+  # set a loader - see http://materializecss.com/preloader.html
+  # for examples
+  #
+  setLoader: (elem,html) =>
+    html ||= '<div class="progress"><div class="indeterminate"></div></div>'
+    loaded_element = $(elem)
+    loaded_html = elem.html()
+    elem.html(html)
+    return loaded_html
+
+  #
+  # release the loader
+  #
+  releaseLoader: (elem=null) =>
+    elem ||= loaded_element
+    $(elem).html(loaded_html)
+
+  tellResponse: (msg,anchor='.message_container',fade=15000,selector='.alert') ->
+    $(anchor).prepend(msg)
+    if fade>0
+      fadeItOut $(anchor).find(selector), 15000
+
+  reportError: (msg) ->
+    Materialize.toast( msg, 4500, 'red lighten-3')
+
+
+  #
+  # fadeItOut will fade an element out with a preset or
+  # supplied delay
+  #
+  fadeItOut: (e,delay=3500) ->
+    $(e).delay( delay ).fadeOut( 1000 )
+
+  #
+  # dataArgumentOn constructs the data: argument on AJAX calls
+  # from what ever data- attributes an element holds
+  #
+  # excemptions: data-id, data-remote, data-ajax, data-method, data-type and data-url
+  #
+  dataArgumentOn: (elem) ->
+    $(elem).data()
+    # try
+    #
+    #   swal( 'pageOnLoad', 'pageOnLoad blev kaldt!', 'success')
+    #
+    # catch error
+    #   console.log 'ok - giving up'
+    # console.log 'page loaded!'
+
+  #
+  # check to see iff this browser supperts the File APIs
+  #
+  fileApiSupportCheck: () ->
+    if (window.File && window.FileReader && window.FileList && window.Blob)
+      # All the File APIs are supported.
+      console.log 'file APIs supported '
+    else
+      document.getElementById('message_container').innerHTML = '<div class="alert fade in alert-warning"><a href="#!" class="warning close-notice btn-floating btn-small waves-effect waves-light" aria-hidden="true" type="button" data-dismiss="alert"><i class="material-icons">close</i></a>This browser does not support this application fully! Use latest Chrome - or advance cautiously!</div>';

data/app/assets/javascripts/abstracted/app.sweetalert.coffee

@@ -0,0 +1,32 @@
+class App.SweetAlert
+  constructor: (@el) ->
+    # initialize some stuff
+
+
+  #
+  # initializeSweetAlert
+  # initializes the sweetalert prompt
+  #
+  initializeSweetAlert: () ->
+    try
+      # console.log 'sweet alert initializing...'
+      # sweetHTML = '<div class="sweet-overlay" tabIndex="-1"></div><div class="sweet-alert" tabIndex="-1"><div class="icon error"><span class="x-mark"><span class="line left"></span><span class="line right"></span></span></div><div class="icon warning"> <span class="body"></span> <span class="dot"></span> </div> <div class="icon info"></div> <div class="icon success"> <span class="line tip"></span> <span class="line long"></span> <div class="placeholder"></div> <div class="fix"></div> </div> <div class="icon custom"></div> <h2>Title</h2><p>Text</p><button class="cancel" tabIndex="2">Cancel</button><button class="confirm" tabIndex="1">OK</button></div>'
+      # sweetWrap = document.createElement('div')
+      # sweetWrap.innerHTML = sweetHTML
+      # $(document.body).append(sweetWrap)
+      # console.log 'sweetalert initialized!'
+    catch error
+      console.log 'sweetalert says: ' + error
+
+
+  prepare: ->
+
+    try
+      if ($('.sweet-alert').length<1)
+        @initializeSweetAlert()
+      if ($('.sweet-alert').length>0)
+        console.log 'sweet-alert initialized correctly!' #swal( 'pageOnLoad', 'pageOnLoad blev kaldt!', 'success')
+
+    catch error
+      alert 'App.Materialize did not prepare!'
+      console.log error

data/app/assets/javascripts/abstracted/keypress.coffee

@@ -0,0 +1,23 @@
+#
+# start looking on App.trigger 'ctrlf'
+# looking for search-key - CTRL-F
+#
+$(App).on 'ctrlf', ->
+
+  #
+  # watch out for search key - CTRL-F
+  $(document).keypress (e) ->
+    if (e.which==6)
+      checkWebkitandIE=1
+    else
+      checkWebkitandIE=0
+
+    if (e.which==102 && e.ctrlKey)
+      checkMoz=1
+    else
+      checkMoz=0
+
+    if (checkWebkitandIE || checkMoz)
+      if $('input.search-list')
+        $('input.search-list').focus()
+    # console.log e

data/app/assets/javascripts/init.js.coffee

@@ -9,18 +9,30 @@ App.trigger = (event) ->
   $(App).trigger(event)
 
 #
-#
+# signal App
 App.init = ->
   #
-  # $( document ).trigger( "page:change" )
-  #
-  # $(document).on 'page:change', ->
-  #   console.log 'page changed on event'
   App.trigger('app:init')
-  console.log 'app initialized'
-  
+  #
+  # Try to keep users from double-clicking submit's
+  #
+  # document.addEventListener('DOMContentLoaded', disableMultipleSubmits, false);
+
+  #
+  # Prepare close-notice's for acting on clicks to remove div
+  #
+  $(document.body).unbind('click.close_notice')
+  $(document.body).on 'click.close_notice', 'a.close-notice', App.closeNotice
+
+
 #
-# standard triggers - and actions
+# signal a pageload
+App.pageload = ->
+  App.trigger('app:pageload')
+
+
 #
-$(App).on 'app:modal:open', ->
-  window.ReactRailsUJS.mountComponents()
+# closeNotice
+# will close the notice DIV
+App.closeNotice = (e) ->
+  fadeItOut $(e).closest('.alert') #.remove()

data/app/assets/javascripts/triggers.coffee

@@ -0,0 +1,34 @@
+
+#
+# standard triggers - and actions
+#
+$(App).on 'app:modal:open', ->
+  #
+  # mount React Components laying dormant in a modal
+  window.ReactRailsUJS.mountComponents()
+  App.trigger('app:pageload')
+
+$(App).on 'app:pageload', ->
+  page = new App.Materialize()
+  page.prepare()
+  sweet = new App.SweetAlert()
+  sweet.prepare()
+  if $('table.resources_table')
+    rl = new App.ResourcesList($('form'))
+    rl.prepare()
+  rs = new App.ResourceForm()
+  rs.prepare()
+  fab = new App.fabDelete()
+  fab.prepare()
+
+#
+# PageOnChange really just calls a pageload - as of now 19-06-15
+# fixed elements like SELECT's, Materialized's elements, et al.
+#
+# @pageOnChange = () ->
+#   console.log 'page changed '
+#   pageOnLoad()
+#
+# call the App.pageload
+$(document).on 'page:change', ->
+  App.pageload()

data/lib/abstracted/version.rb

@@ -1,3 +1,3 @@
 module Abstracted
-  VERSION = "0.2.2"
+  VERSION = "0.2.5"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: abstracted
 version: !ruby/object:Gem::Version
-  version: 0.2.2
+  version: 0.2.5
 platform: ruby
 authors:
 - Walther H Diechmann
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2016-02-05 00:00:00.000000000 Z
+date: 2016-02-08 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -270,10 +270,16 @@ files:
 - app/assets/images/abstracted/.keep
 - app/assets/javascripts/abstract_resources.js
 - app/assets/javascripts/abstracted/.keep
-- app/assets/javascripts/crud.js.coffee
+- app/assets/javascripts/abstracted/app.fab_delete.coffee
+- app/assets/javascripts/abstracted/app.materialize.coffee
+- app/assets/javascripts/abstracted/app.resource_form.coffee
+- app/assets/javascripts/abstracted/app.resources_list.coffee
+- app/assets/javascripts/abstracted/app.shared.coffee
+- app/assets/javascripts/abstracted/app.sweetalert.coffee
+- app/assets/javascripts/abstracted/keypress.coffee
 - app/assets/javascripts/init.js.coffee
-- app/assets/javascripts/initializers.js.coffee
 - app/assets/javascripts/pagescrolling.js.coffee
+- app/assets/javascripts/triggers.coffee
 - app/assets/stylesheets/abstract_resources.css
 - app/assets/stylesheets/abstracted/.keep
 - app/assets/stylesheets/scaffold.css

data/app/assets/javascripts/crud.js.coffee

@@ -1,194 +0,0 @@
-#
-# searchPost handles ordering search on index actions
-#
-@orderSearch = (url,query) ->
-  loader = '<div class="preloader-wrapper small active"> <div class="spinner-layer spinner-blue-only"> <div class="circle-clipper left"> <div class="circle"></div> </div><div class="gap-patch"> <div class="circle"></div> </div><div class="circle-clipper right"> <div class="circle"></div> </div> </div> </div>'
-  loaded_element = $('.fixed-action-btn')
-  setLoader( loaded_element,loader )
-  window.location.href= url + '?q=' + encodeURIComponent(query)
-
-#
-# deletePost handles deleting records
-#
-# dependencies:
-#   sweetalert
-#
-#   data-url="", data-id="" - eg.
-@deletePost = ($elem) ->
-  try
-    url = $elem.data('url') + "/" + $elem.data('id') + ".js"
-    $remove = $($elem.data('remove'))
-    request = $.ajax
-      url: url,
-      type: "delete",
-      dataType: 'html'
-    .done (data) ->
-      if $remove
-        $remove.hide()
-      closeSweetAlert($elem)
-      #swal("Deleted!", "Your file was successfully deleted!", "success")
-    .error (data) ->
-      $elem.show()
-      swal("Oops", "We couldn't connect to the server!", "error")
-    #
-    # statusCode:
-    #
-    #   200: (response,textStatus,jqXHR) ->
-    #     closeSweetAlert()
-    #     tellResponse response.responseText
-    #
-    #
-    #   301: () ->
-    #     $elem.show()
-    #     closeSweetAlert()
-    #     swal "Ikke slettet!", "Posten blev ikke slettet - årsagen ikke kendt", "warning"
-    #
-    #   401: (response) ->
-    #     tellResponse response.responseText
-    #     closeSweetAlert()
-    #
-    #   409: (response) ->
-    #     tellResponse response.responseText
-    #     closeSweetAlert()
-    #
-    #   412: () ->
-    #     closeSweetAlert()
-    #     swal "Øv!", "Et eller andet gik galt!", "error"
-
-  catch error
-    swal "Hmmm", "Most unexpected! \n#{error}", "error"
-
-#
-# printPost handles printing posts either way
-#
-# dependencies
-#
-#
-#
-#
-# <a
-# 	class="print_post_link"
-# 	data-ajax="get"
-# 	data-remote="false"
-# 	data-method="get"
-# 	data-download="true" -- if is is a file which we should send!
-# 	data-url="/stock_items/1/print.js"
-# 	data-oxremote="true"
-# 	data-name="2"
-# 	data-id="1"
-# 	data-paper="label"
-# 	data-message-ok="Udskrivning af Labels bestilt!"
-# 	data-message-error="øv"
-# 	href="http://localhost:3000/stock_items/1/print">
-# 		<i class="material-icons small" title="Udskriv labels">label</i>
-# </a>
-#
-#   data-url="", data-id="", data-print-action="", data-message-ok="", data-message-error=""
-@printPost = (elem) ->
-  elem = $(elem)
-  url = elem.data('url') || elem.attr('href')
-  if elem.data('browser')=='new'
-    releaseLoader()
-    window.open url + '?' + $.param dataArgumentOn(elem)
-    return
-
-  oxremote = elem.data('oxremote')
-  if oxremote=='false'
-    switch elem.data('method')
-      when 'post', 'POST'
-        # elem.closest('form').submit()
-        $('form').submit()
-      when 'put', 'PUT'
-        console.log 'how do I put? add code in abstracted/app/assets/javascripts/initializers.js.coffee'
-      when 'get', 'GET'
-        window.location.href = elem.data('url')
-  else
-    try
-      jqxhr = $.ajax
-        url: elem.data('url') || elem.attr('href')
-        type: elem.data('method') || 'get'
-        data: dataArgumentOn(elem)
-        dataType: elem.data('type') || 'html'
-      .done (data) ->
-        releaseLoader()
-        if elem.data('download')
-          getDownload(jqxhr,data)
-        else
-          $(document.body).append(data)
-
-      .fail (response,status) ->
-        releaseLoader()
-        if jqxhr.state=='rejected'
-        	reportError('Der er ingen forbindelse til serveren - prøv lidt senere!')
-        else
-        	$(document.body).append(response.responseText)
-
-    catch e
-      console.log e
-
-  return false
-
-@getDownload = (xhr,data) ->
-  # Check if a filename is existing on the response headers.
-  filename = ""
-  disposition = xhr.getResponseHeader("Content-Disposition")
-  if disposition && disposition.indexOf("attachment") != -1
-    filenameRegex = /filename[^;=\n]*=(([""]).*?\2|[^;\n]*)/
-    matches = filenameRegex.exec(disposition)
-    if matches != null && matches[1]
-      filename = matches[1].replace(/[""]/g, "")
-  #
-  type = xhr.getResponseHeader("Content-Type")
-  console.log 'getDownload ' + type
-  blob = new Blob([data], {type: type})
-  #
-  if typeof window.navigator.msSaveBlob != "undefined"
-    # // IE workaround for "HTML7007: One or more blob URLs were revoked by closing the blob for which they were created. These URLs will no longer resolve as the data backing the URL has been freed.
-    window.navigator.msSaveBlob(blob, filename)
-  else
-    URL = window.URL || window.webkitURL
-    downloadUrl = URL.createObjectURL(blob)
-    downloadUrl.oneTimeOnly = true
-    #
-    if filename
-      # // Use HTML5 a[download] attribute to specify filename.
-      a = document.createElement("a")
-      # // Safari doesn"t support this yet.
-      if typeof a.download == "undefined"
-        window.location = downloadUrl
-      else
-        a.href = downloadUrl
-        a.download = filename
-        document.body.appendChild(a)
-        a.click()
-    else
-      window.location = downloadUrl
-
-  #
-  #   setTimeout () ->
-  #     URL.revokeObjectURL(downloadUrl)
-  #   , 100
-  #
-  #
-  #
-  # blob=new Blob([data])
-  # link=document.createElement('a')
-  # link.href=window.URL.createObjectURL(blob)
-  # # link.target='_blank';
-  # link.download="oxen_"+new Date()+".pdf"
-  # link.click()
-
-# @printPost = ($elem) ->
-#   try
-#     url = $elem.data('url') + "/" + $elem.data('id') + '/' + $elem.data('print-action') + ".js"
-#     request = $.ajax
-#       url: url,
-#       type: "post",
-# 			data: $elem.data('data'),
-#       dataType: 'html'
-#     .done (data) ->
-#       releaseLoader($elem.closest('.loader_container'))
-# 			$(document.body).append(data)
-#     .error (data) ->
-#       releaseLoader($elem.closest('.loader_container'))
-# 			$(document.body).append(data)