spina-template 0.2.4 → 0.2.5

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 00bdd7df8525c183ce0fdfbb2ada2f7d43ff2576
-  data.tar.gz: c812da14e47a74e1d392359ea83dd5d9b1bc3a0f
+  metadata.gz: 9c8ea37834745eef5e0b5064983ae635bb772e69
+  data.tar.gz: 6050f8be37ce772c397e506e64d3a5ff001a0083
 SHA512:
-  metadata.gz: 4472ffeec75c71772a4f73229bc112eac3a4e5f149f0a2b4b07cf06764faa1f85d0291001739f2b07e04df1180bd1c84945b5399f7e721dbc204b0d89b5354b2
-  data.tar.gz: 09cd68e61acbbeb2c532408c86dcc481848b1bf6820bba0f03fe0d2399d797f76d5ff9e6cd504f8e18a42268953fc25f9505fa80f8469eedc3e8d8d349444e6b
+  metadata.gz: 7c95740d801c0555ae407d91ac43fc44772a6982023f6843228946badbddec08a3f4f2790b267625fef9b5cd34f0f588aea8c9cdbcfe3c69b7a0455a8b25cbf4
+  data.tar.gz: a5abdbce22a72f9d0c7af5b001be93159983ed9978a7e198ad88c6a6f23898938a9bab8ceb1e1c679350e98fb76a8cf10065a606786eb4f24863530755fb5726

data/README.md

@@ -1,29 +1,3 @@
 # 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
+This is the template for Spina CMS. We've built it as a separate gem so that we can use the template for other Rails apps as well.

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

@@ -15,6 +15,7 @@
 #= require spina/switch
 #= require spina/modal
 #= require spina/tabs
+#= require spina/forms
 #= require spina/dropdown
 #= require spina/galleryselect
 #= require spina/uploads

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

@@ -9,11 +9,11 @@ $(document).on 'click', '[data-trigger="dropdown"]', ->
   if body.hasClass('dropdown')
     trigger.removeClass('button-active')
     body.removeClass('dropdown')
-    dropdown.hide()
+    dropdown.removeClass('animated fadeInDown')
   else
     trigger.addClass('button-active')
     body.addClass('dropdown')
-    dropdown.show()
+    dropdown.addClass('animated fadeInDown')
 
   return false
 
@@ -59,6 +59,6 @@ $(document).on 'click', '.slide-controls .previous, .slide-controls .next', (e)
 
 closeDropdown = ->
   $('body').removeClass('dropdown')
-  $('[data-dropdown] ul, [data-dropdown] .sliding-dropdown').hide()
+  $('[data-dropdown] ul, [data-dropdown] .sliding-dropdown').removeClass('animated fadeInDown')
   $('[data-trigger="dropdown"]').removeClass('button-active')
   return false

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

@@ -0,0 +1,7 @@
+$(document).on 'click', '.structure-form-menu ul li a', (e) ->
+  $structureForm = $(this).parents('.structure-form')
+  $(this).parent('li').siblings().removeClass('active')
+  $(this).parent('li').addClass('active')
+  $structureForm.find('.structure-form-pane').hide()
+  $($(this).attr('href')).show()
+  e.preventDefault()

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

@@ -181,6 +181,7 @@ button, input[type="submit"]
     background: #fff
     border: 1px solid #ccc
     border-radius: 3px
+    box-shadow: 0 5px 20px rgba(0, 0, 0, .15)
     display: none
     list-style: none
     margin: 0
@@ -190,6 +191,10 @@ button, input[type="submit"]
     width: 200px
     z-index: 999
 
+    &.animated
+      display: block
+      @include animation-duration(.3s)
+
   ul:before, .sliding-dropdown:before
     content: ""
     display: block
@@ -225,9 +230,6 @@ button, input[type="submit"]
     left: auto
     right: 12px
 
-  ul.open
-    display: block
-
   ul li.divider
     border-top: 1px solid #e9e9e9
     margin: 8px 0

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

@@ -308,6 +308,107 @@ input.datepicker
     z-index: 2
     @include appearance(none)
 
+// Structure form
+
+.structure-form
+  margin-bottom: 40px
+  position: relative
+  @include display(flex)
+
+  .structure-form-menu
+    box-sizing: content-box
+    min-width: 240px
+    width: 240px
+
+    label
+      display: block
+      font-size: 14px
+      padding: 12px 40px
+      text-transform: none
+
+    ul
+      border-right: 1px solid #ddd
+      position: relative
+
+    ul:before, ul:after
+      content: " "
+      height: 40px
+      position: absolute
+      right: -1px
+      top: -40px
+      width: 1px
+      @include linear-gradient(transparent, #ddd)
+
+    ul:after
+      bottom: -40px
+      top: auto
+      @include linear-gradient(bottom, transparent, #ddd)
+
+    ul li a
+      color: #333
+      cursor: pointer
+      display: block
+      height: 50px
+      line-height: 50px
+      outline: none
+      padding-left: 40px
+
+      &:hover
+        background: #f9f9f9
+
+      i
+        color: #ddd
+        font-size: 16px
+        margin-right: 8px
+        vertical-align: middle
+
+    ul li.active a
+      color: $primary-color
+
+    ul li.active
+      margin-right: -1px
+      position: relative
+
+      a
+        background: #fff
+
+      &:before
+        border-bottom: 1px solid #ddd
+        border-bottom-right-radius: 3px
+        border-right: 1px solid #ddd
+        content: " "
+        height: 10px
+        position: absolute
+        right: 0px
+        top: -10px
+        width: 100%
+
+      &:after
+        bottom: -10px
+        border-right: 1px solid #ddd
+        border-top: 1px solid #d5d5d5
+        border-top-right-radius: 3px
+        box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075)
+        content: " "
+        height: 10px
+        right: 0px
+        position: absolute
+        width: 100%
+
+  .structure-form-content
+    padding-left: 12px
+    padding-right: 40px
+    width: 100%
+
+    .structure-form-pane
+      display: none
+
+  .add_structure
+    bottom: -36px
+    left: 200px
+    outline: none
+    position: absolute
+
 // Custom file input
 
 .gallery .item
@@ -432,6 +533,12 @@ input.datepicker
   height: 100%
   margin-top: 2px
   position: relative
+
+  &:hover .button
+    background: tint(#efefef, 20%)
+
+  &:active .button
+    background: shade(#efefef, 10%)
   
   &:before
     background: rgba(255, 255, 255, .5)

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

@@ -65,8 +65,10 @@ table.table
 
 table.table.table-form
   tr td:first-child
-    min-width: 200px
-    width: 30%
+    width: 240px
+
+  thead tr, tbody tr
+    border-bottom: none !important
 
   td .image
     border-radius: 3px

data/lib/spina/template/version.rb

@@ -1,5 +1,5 @@
 module Spina
   module Template
-    VERSION = "0.2.4"
+    VERSION = "0.2.5"
   end
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: spina-template
 version: !ruby/object:Gem::Version
-  version: 0.2.4
+  version: 0.2.5
 platform: ruby
 authors:
 - Bram Jetten
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-03-04 00:00:00.000000000 Z
+date: 2015-04-15 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -108,7 +108,6 @@ files:
 - README.md
 - Rakefile
 - app/.DS_Store
-- app/assets/.DS_Store
 - app/assets/images/.DS_Store
 - app/assets/images/spina/arrow-left.png
 - app/assets/images/spina/arrow-right.png
@@ -122,6 +121,7 @@ files:
 - app/assets/javascripts/.DS_Store
 - app/assets/javascripts/spina.js.coffee.erb
 - app/assets/javascripts/spina/dropdown.js.coffee
+- app/assets/javascripts/spina/forms.js.coffee
 - app/assets/javascripts/spina/galleryselect.js.coffee
 - app/assets/javascripts/spina/modal.js.coffee
 - app/assets/javascripts/spina/switch.js.coffee