spina-template 0.2.4

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 00bdd7df8525c183ce0fdfbb2ada2f7d43ff2576
+  data.tar.gz: c812da14e47a74e1d392359ea83dd5d9b1bc3a0f
+SHA512:
+  metadata.gz: 4472ffeec75c71772a4f73229bc112eac3a4e5f149f0a2b4b07cf06764faa1f85d0291001739f2b07e04df1180bd1c84945b5399f7e721dbc204b0d89b5354b2
+  data.tar.gz: 09cd68e61acbbeb2c532408c86dcc481848b1bf6820bba0f03fe0d2399d797f76d5ff9e6cd504f8e18a42268953fc25f9505fa80f8469eedc3e8d8d349444e6b

data/.gitignore

@@ -0,0 +1,17 @@
+*.gem
+*.rbc
+.bundle
+.config
+.yardoc
+Gemfile.lock
+InstalledFiles
+_yardoc
+coverage
+doc/
+lib/bundler/man
+pkg
+rdoc
+spec/reports
+test/tmp
+test/version_tmp
+tmp

data/Gemfile

@@ -0,0 +1,4 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in spina-template.gemspec
+gemspec

data/LICENSE.txt

@@ -0,0 +1,22 @@
+Copyright (c) 2013 Bram Jetten
+
+MIT License
+
+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.

data/README.md

@@ -0,0 +1,29 @@
+# Spina::Template
+
+TODO: Write a gem description
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+    gem 'spina-template'
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install spina-template
+
+## Usage
+
+TODO: Write usage instructions here
+
+## Contributing
+
+1. Fork it
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Add some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create new Pull Request

data/Rakefile

@@ -0,0 +1 @@
+require "bundler/gem_tasks"

data/app/assets/javascripts/spina/dropdown.js.coffee

@@ -0,0 +1,64 @@
+$(document).on 'click', 'body.dropdown', ->
+  closeDropdown()
+
+$(document).on 'click', '[data-trigger="dropdown"]', ->
+  trigger = $(this)
+  dropdown = $(trigger.attr('data-target'))
+  body = $('body')
+
+  if body.hasClass('dropdown')
+    trigger.removeClass('button-active')
+    body.removeClass('dropdown')
+    dropdown.hide()
+  else
+    trigger.addClass('button-active')
+    body.addClass('dropdown')
+    dropdown.show()
+
+  return false
+
+$(document).on 'click', '[data-dropdown] ul, [data-dropdown] .sliding-dropdown', (e) ->
+  e.stopPropagation()
+
+$(document).on 'click', '.slide-controls .previous, .slide-controls .next', (e) ->
+  e.preventDefault()
+
+  # Get sliding dropdown
+  sliding_dropdown = $(this).parents('.sliding-dropdown')
+
+  # Get active title
+  active_title = sliding_dropdown.find('.slide-title.active')
+
+  # Get previous and next titles
+  previous = active_title.prev('.slide-title')
+  next = active_title.next('.slide-title')
+
+  if $(this).hasClass('previous') and previous.length > 0
+    sliding_dropdown.find('.slide-title').removeClass('active')
+    previous.addClass('active')
+    target = previous.data('target')
+    sliding_dropdown.find('.slide').removeClass('active')
+    $(target).addClass('active')
+
+  else if $(this).hasClass('next') and next.length > 0
+    sliding_dropdown.find('.slide-title').removeClass('active')
+    next.addClass('active')
+    target = next.data('target')
+    sliding_dropdown.find('.slide').removeClass('active')
+    $(target).addClass('active')
+
+  if sliding_dropdown.find('.slide-title.active').next('.slide-title').length > 0
+    sliding_dropdown.find('.next').removeClass('muted')
+  else
+    sliding_dropdown.find('.next').addClass('muted')
+
+  if sliding_dropdown.find('.slide-title.active').prev('.slide-title').length > 0
+    sliding_dropdown.find('.previous').removeClass('muted')
+  else
+    sliding_dropdown.find('.previous').addClass('muted')
+
+closeDropdown = ->
+  $('body').removeClass('dropdown')
+  $('[data-dropdown] ul, [data-dropdown] .sliding-dropdown').hide()
+  $('[data-trigger="dropdown"]').removeClass('button-active')
+  return false

data/app/assets/javascripts/spina/galleryselect.js.coffee

@@ -0,0 +1,12 @@
+$(document).on 'click', '.gallery .item', ->
+  gallery = $(this).parents('.gallery')
+
+  if gallery.data('multiselect') != undefined
+    $(this).toggleClass('selected')
+    checkbox = $(this).find('input:checkbox')
+    checkbox.prop("checked", !checkbox.prop("checked"))
+  else
+    gallery.find('.item').removeClass('selected')
+    gallery.find('.item input').prop('checked', false)
+    $(this).toggleClass('selected')
+    $(this).find('input').prop('checked', true)

data/app/assets/javascripts/spina/modal.js.coffee

@@ -0,0 +1,54 @@
+# jQuery plugin
+$.hideModal = ->
+  hideModal()
+
+$.fn.modal = ->
+  showModal($(this))
+
+$(document).on 'click', 'a[data-toggle="modal"]', ->
+  link = $(this)
+  modal = $(link.attr('href'))
+  showModal(modal)
+
+$(document).on 'click', 'body.overlay', ->
+  hideModal()
+
+$(document).on 'click', '[data-dismiss="modal"]', ->
+  hideModal()
+
+$(document).on 'keyup', 'body.overlay', (e) ->
+  hideModal() if e.keyCode == 27
+
+$(document).on 'click', '.modal', (e) ->
+  e.stopPropagation()
+
+hideModal = ->
+  $('body').removeClass('overlay')
+  $('#overlay .modal').addClass('flyOut')
+  $('#overlay').fadeOut 300, ->
+    $(this).remove()
+  return false
+
+showModal = (element) ->
+  modal = element.clone()
+  modal.addClass('animated flyIn')
+
+  if $('#overlay').length < 1
+    $('body').append('<div id="overlay"></div>')
+  else
+    $('#overlay').html('')
+
+  maxheight = window.innerHeight - (window.innerHeight / 8) - 150
+
+  modal.css({"margin-top": window.innerHeight / 8})
+  modal.find('section').css({"max-height": maxheight})
+
+  modal.appendTo('#overlay')
+  $('#overlay').fadeIn(400)
+  modal.show()
+
+  modal.find('input[type="file"][data-customfileinput]').customFileInput()
+  modal.find('.new_photo').uploadPhoto()
+
+  $('body').addClass('overlay')
+  return false

data/app/assets/javascripts/spina/switch.js.coffee

@@ -0,0 +1,41 @@
+# jQuery plugin checkbox
+$.fn.spinaSwitch = ->
+  return this.each ->
+    unless $(this).attr('data-plugin-switch')
+      input = $(this)
+      input.attr('data-plugin-switch', true)
+      input.hide()
+
+      # Check if it is checked
+      if input.is(':checked')
+        klass = "switch active"
+      else
+        klass = "switch"
+
+      # Insert new HTML into the DOM
+      input.after('<a href="#' + input.attr("id") + '" class="' + klass + '">
+                    <span class="knob"></span>
+                  </a>')
+
+# Click handlers for checkbox
+$(document).on 'click', 'a.switch', (e) ->
+  toggleSwitch(e)
+
+$(document).on 'touchend', 'a.switch', (e) ->
+  toggleSwitch(e)
+
+toggleSwitch = (e) ->
+  checkbox = $(e.currentTarget)
+  input = $(checkbox.attr("href"))
+
+  if checkbox.hasClass('activated') || checkbox.hasClass('active') 
+    checkbox.removeClass('active')
+    checkbox.removeClass('activated')
+    checkbox.addClass('deactivated')
+    input.prop("checked", false)
+  else
+    checkbox.addClass('activated')
+    checkbox.removeClass('deactivated')
+    input.prop("checked", true)
+
+  return false

data/app/assets/javascripts/spina/tabs.js.coffee

@@ -0,0 +1,13 @@
+$(document).on 'click', '.tabs li a[href^="#"]', ->
+  link = $(this)
+  tabs = link.parents('.tabs')
+  
+  # Remove active
+  $('.tab-content').removeClass('active')
+  tabs.find('li').removeClass('active')
+
+  # Add active
+  link.parent('li').addClass('active')
+  $(link.attr('href')).addClass('active')
+
+  return false

data/app/assets/javascripts/spina/uploads.js.coffee

@@ -0,0 +1,45 @@
+ # Upload photo
+$.fn.uploadPhoto = ->
+  $(this).fileupload
+    dataType: "script"
+    singleFileUploads: true
+    dropZone: $(this).find('.photo-field')
+    maxNumberOfFiles: 1
+    add: (e, data) ->
+      types = /(\.|\/)(gif|jpe?g|png)$/i
+      file = data.files[0]
+      if types.test(file.type) || types.test(file.name)
+        NProgress.start()
+        $(this).find('.customfile').addClass('loading')
+        data.submit()
+      else
+        alert("#{file.name} is geen gif-, jpeg- of png-bestand")
+    progress: (e, data) ->
+      if data.context
+        NProgress.set(data.loaded / data.total)
+    done: (e, data) ->
+      $(this).find('.customfile').removeClass('loading')
+      NProgress.done()
+
+# Upload document
+$.fn.uploadDocument = ->
+  $(this).fileupload
+    dataType: "script"
+    singleFileUploads: true
+    dropZone: $(this).find('.attachment-field')
+    maxNumberOfFiles: 1
+    add: (e, data) ->
+      types = /(\.|\/)(pdf|docx?|rtf|txt)$/i
+      file = data.files[0]
+      if types.test(file.type) || types.test(file.name)
+        NProgress.start()
+        $(this).find('.customfile').addClass('loading')
+        data.submit()
+      else
+        alert("#{file.name} is geen pdf-, word-, txt- of rtf-bestand")
+    progress: (e, data) ->
+      if data.context
+        NProgress.set(data.loaded / data.total)
+    done: (e, data) ->
+      $(this).find('.customfile').removeClass('loading')
+      NProgress.done()

data/app/assets/javascripts/spina.js.coffee.erb

@@ -0,0 +1,154 @@
+#= require spina/jquery.datatables
+#= require spina/jquery.ui
+#= require spina/jquery.ui.datepicker-nl
+#= require spina/jquery.sortable
+#= require spina/jquery.nestable
+#= require spina/jquery.customfileinput
+#= require spina/jquery.farbtastic
+#= require jquery-fileupload/basic
+#= require spina/raphael
+#= require spina/morris
+#= require spina/nprogress
+#= require spina/wysihtml5
+#= require spina/wysihtml5_parser_rules
+
+#= require spina/switch
+#= require spina/modal
+#= require spina/tabs
+#= require spina/dropdown
+#= require spina/galleryselect
+#= require spina/uploads
+
+# Nprogress
+$(document).on 'page:fetch', -> NProgress.start()
+$(document).on 'page:change', -> NProgress.done()
+$(document).on 'page:restore', -> NProgress.remove()
+
+# Clickable TR's
+$(document).on 'click', '.table-clickable tbody tr', ->
+  checkbox = $(this).find('input[type="checkbox"]:first, input[type="radio"]:first')
+  checkbox.prop("checked", !checkbox.prop("checked"))
+
+# Search inputs
+$(document).on 'keyup', '.search-input input', (e) ->
+  $(this).parent().removeClass('animated small-shake')
+  if $(this).val() == ""
+    $(this).parent().find('.clear-input').fadeOut(200)
+    if e.keyCode == 13
+      $(this).parent().addClass('animated small-shake')
+  else
+    $(this).parent().find('.clear-input').fadeIn(200)
+
+$(document).on 'click', '.clear-input', ->
+  link = $(this)
+  input = link.siblings('input')
+  input.val("")
+  input.focus()
+  input.trigger("keyup")
+  link.fadeOut(200)
+  return false
+
+$(document).on 'keyup + change', '.table-container .search-input input', ->
+  datatable = $(this).parent().parent().find('table.datatable').dataTable()
+  datatable.fnFilter($(this).val())
+
+$(document).on 'change', '.dd', ->
+  serialized = $(this).nestable('serialize')
+  sort_url = $(this).data('sort-url')
+  $.post sort_url, { list: serialized }
+
+# Datatables
+
+ready = ->
+
+  # Custom file
+  $('input[type="file"][data-customfileinput]:visible').each ->
+    $(this).customFileInput()
+
+  # Image upload
+  $('.new_photo').uploadPhoto()
+
+  # Colorpicker
+  $('.colorpicker').each ->
+    colorpicker = $(this).find('.colorpicker-container')
+    field = $(this).find('input')
+
+    $.farbtastic colorpicker, (color) ->
+      field.val(color)
+      field.css('color', color)
+
+  $('.colorpicker input').focus ->
+    container = $(this).parent()
+    colorpicker = container.find('.colorpicker-container')
+    $.farbtastic(colorpicker).setColor($(this).val())
+    container.find('.farbtastic').show()
+
+  $('.colorpicker input').blur ->
+    container = $(this).parent()
+    container.find('.farbtastic').hide()
+
+  # Document upload
+  $('.new_document').uploadDocument()
+
+  # Login wrapper
+  $('#login_wrapper').css('margin-top', $(document).innerHeight() / 8)
+
+  # Wysihtml5 editor
+  $('.wysihtml5-container').each ->
+    container = $(this)
+    textarea = container.find('textarea')
+    toolbar = container.find('.toolbar')
+
+    editor = new wysihtml5.Editor textarea.attr('id'), {
+      toolbar: toolbar.attr('id'),
+      useLineBreaks: false,
+      parserRules: wysihtml5ParserRules,
+      stylesheets: ["<%= asset_path 'spina/wysihtml5_textarea.css' %>"]
+    }
+
+    editor.on "load", ->
+      container.data("wysihtml5", editor)
+
+    editor.on "focus", ->
+      container.find(".choose-text-type").fadeIn(100)
+
+    editor.on "blur", ->
+      container.find(".choose-text-type").fadeOut(100)
+
+  $(".dd").nestable
+    maxDepth: 3
+
+  # Switch
+  if $('input[data-switch]').length > 0
+    $('input[data-switch]').spinaSwitch()
+
+  # Datepicker
+  if $('.datepicker').length > 0
+    $('.datepicker').datepicker()
+
+  # Datatable
+  if $('.datatable').length > 0
+    $('table.datatable').dataTable
+      "bLengthChange": false,
+      "oLanguage": {
+        "sProcessing": "Bezig...",
+        "sLengthMenu": "_MENU_ resultaten weergeven",
+        "sZeroRecords": "Geen resultaten gevonden",
+        "sInfo": "_START_ tot _END_ van _TOTAL_ resultaten",
+        "sInfoEmpty": "Geen resultaten om weer te geven",
+        "sInfoFiltered": " (gefilterd uit _MAX_ resultaten)",
+        "sInfoPostFix": "",
+        "sSearch": "Zoeken:",
+        "sEmptyTable": "Geen resultaten aanwezig in de tabel",
+        "sInfoThousands": ".",
+        "sLoadingRecords": "Een moment geduld aub - bezig met laden...",
+        "oPaginate": {
+          "sFirst": "Eerste",
+          "sLast": "Laatste",
+          "sNext": "Volgende",
+          "sPrevious": "Vorige"
+        }
+      }
+
+$(document).ready(ready)
+$(document).on 'page:load', ready

data/app/assets/stylesheets/spina/_admin_editing.css.sass

@@ -0,0 +1,29 @@
+// Configuration
+@import configuration
+
+// Normalizing
+@import spina/normalize
+
+// Mixins
+@import bourbon
+@import neat
+@import mixins
+
+// Grid
+@import grid
+
+// Fonts
+@import fonts
+
+#admin_bar
+  background: #f5f5f5
+  border-bottom: 1px solid #ddd
+  font-family: "Proxima Nova"
+  padding: 12px 12px 8px 0
+  text-align: right
+
+  // Styles
+  @import buttons
+
+  .button.button-hollow
+    background: #fff