outpost-cms 0.0.3 → 0.0.4

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: bfef55a2fe56f15367da92452ef73abbf321a011
+  data.tar.gz: a6d770b0dede836f75a1f71ed8b8df6a5fbc750c
+SHA512:
+  metadata.gz: c529623b4c5e19170c93276a6e81a80c972f5f227ee3a445db9f3fba0af29b252d4fd2bab301ccff0cefb43c15364d5fe7b4666ed9ac0ff21f012f92ac9fe627
+  data.tar.gz: 808a4605e0a650b8dba66cb6bd9e13fa0661aa1a869fe32295642eb70606017cd198885706535bfeac266610e84e1a7626eeab4f912fc5bf8d49fad36b99bb11

data/README.md

@@ -1,4 +1,6 @@
 # Outpost
+![Outpost Sign](http://i.imgur.com/NWfpNk5.jpg)
+
 [![Build Status](https://travis-ci.org/SCPR/outpost.png)](https://travis-ci.org/SCPR/outpost)
 
 A Rails Engine for quickly standing up a CMS for a Newsroom.
@@ -83,7 +85,7 @@ end
 
 Note that this gem doesn't provide any routes for you. It is expected that you'll want to use the path globbing to render Outpost-style 404's inside of Outpost (rather than your application's 404 page), so it gets too messy and complicated to try to combine your routes with path globbing.
 
-You'll want to put this at the bottom of you `outpost` namespace in your routes:
+You'll want to put this at the bottom of your `outpost` namespace in your routes:
 
 ```ruby
 root to: 'home#dashboard'
@@ -276,6 +278,19 @@ resources :stories, concerns: [:previewable]
 ```
 
 
+### Utilities
+
+#### Prevent the `enter` key from submitting your forms
+On some pages, like New and Edit, we don't want the "Enter" key to submit the
+form. You can prevent this by adding:
+
+```javascript
+  <script>outpost.Utilities.preventEnterFromSubmittingForm("#edit_blog_entry");</script>
+```
+
+The form ID argument is optional. By default it will target all forms on the page.
+
+
 #### More documentation to come.
 
 ## Todo
@@ -293,3 +308,6 @@ make them.
 Fork it, make your changes, and send me a pull request.
 
 Run tests with `bundle exec rake test`
+
+
+![Outpost](http://i.imgur.com/cU24Ylh.png)

data/Rakefile

@@ -2,21 +2,9 @@
 RAKED = true
 
 require 'bundler/setup'
-#require 'rdoc/task'
 require 'rspec/core/rake_task'
 require 'combustion'
 
-# RDoc::Task.new(:rdoc) do |rdoc|
-#   rdoc.rdoc_dir = 'rdoc'
-#   rdoc.title    = 'Outpost'
-#   rdoc.markup   = 'tomdoc'
-#   rdoc.options << '--line-numbers'
-#   rdoc.rdoc_files.include('README.md')
-#   rdoc.rdoc_files.include('lib/**/*.rb')
-#   rdoc.rdoc_files.include('app/helpers/**/*.rb')
-#   rdoc.rdoc_files.include('app/models/**/*.rb')
-# end
-
 Dir[File.join(File.dirname(__FILE__), 'tasks/**/*.rake')].each { |f| load f }
 
 Bundler.require :default, :test

data/app/assets/javascripts/outpost.js

@@ -16,7 +16,6 @@
 //= require bootstrap-scrollspy
 //= require bootstrap-alert
 //= require bootstrap-affix
-//= require bootstrap-tooltip
 //= require bootstrap-datepicker
 
 //= require outpost/base
@@ -30,3 +29,4 @@
 //= require outpost/preview
 //= require outpost/index_manager
 //= require outpost/global_plugins
+//= require outpost/utilities

data/app/assets/javascripts/outpost/auto_slug_field.js.coffee

@@ -12,11 +12,11 @@ class outpost.AutoSlugField
     DefaultOptions:
         titleClass: ".sluggable"
         maxLength:  50
-    
+
     constructor: (options={}) ->
         @options = _.defaults options, @DefaultOptions
 
-        # Find the sluggable title field - if it doesn't 
+        # Find the sluggable title field - if it doesn't
         # exist then we can't auto-generate a slug
         @titleField = $(@options.titleClass)[0]
 
@@ -25,7 +25,7 @@ class outpost.AutoSlugField
             @maxLength  = @options.maxLength
             @button     = $ JST['outpost/templates/slug_generate_button']()
 
-            # If we found a matching field, 
+            # If we found a matching field,
             # render the generate button and add it after the slug field
             @slugField.after(@button)
             @button.on
@@ -37,12 +37,12 @@ class outpost.AutoSlugField
         true
 
     #------------------
-    
+
     updateSlug: (value) ->
         @slugField.val @slugify(value)
-    
+
     #------------------
-    
+
     slugify: (str) ->
         str.toLowerCase()
            .replace(/\s+/g, "-")     # Spaces -> `-`

data/app/assets/javascripts/outpost/date_time_input.js.coffee

@@ -5,7 +5,7 @@ $ ->
 
 ##
 # DateTimeInput
-# 
+#
 # Turns simple textfields (for datetime attributes) into
 # awesome timetime picker things.
 #
@@ -15,13 +15,13 @@ class outpost.DateTimeInput
     @buildDateTimeInputs: (els) ->
         for wrapper in $("div.datetime", els)
             new outpost.DateTimeInput(wrapper: wrapper)
-        
+
     @buildDateInputs: (els) ->
         for wrapper in $("div.date", els)
             new outpost.DateTimeInput(wrapper: wrapper, time: false, field: "input.date")
-        
+
     #-----------------------
-    
+
     DefaultOptions:
         time:          true
         dateTemplate:  JST["outpost/templates/date_field"]
@@ -47,10 +47,10 @@ class outpost.DateTimeInput
         @id     = @field.attr("id")
         @dateId = "#{@id}_date"
         @timeId = "#{@id}_time"
-        
+
         # Hide the field since we don't want anybody editing it directly
         @field.hide()
-    
+
         # Render the templates
         # Prepend time first so it's second
         @controls.prepend(@options.timeTemplate(time_id: @timeId, time_format: @options.timeFormat)) if @time
@@ -67,17 +67,17 @@ class outpost.DateTimeInput
         if @field.val()
             @dateEl.val @getDate(@options.dateFormat)
             @timeEl.val @getDate(@options.timeFormat) if @time
-            
+
         # Make the dateEl a datepicker
         @dateEl.datepicker(autoclose: true, format: @options.dateFormat.toLowerCase())
-    
+
         # Fill in hidden text field when visible field is changed
         @timestampEls.on
             change: (event) => (@field.trigger "update")
 
         @field.on
             update: => (@setDate(@dateEl.val(), @timeEl.val() if @time))
-            
+
         # Fill in visible fields with right now time,
         # and trigger the "update" event on field hidden field
         @populateIcons.on
@@ -85,7 +85,7 @@ class outpost.DateTimeInput
                 @populateDate(@dateEl, @options.dateFormat)
                 @populateDate(@timeEl, @options.timeFormat) if @time
                 @field.trigger "update"
-       
+
     # Populate a visible field with a date human-readable date string
     populateDate: (el, format) ->
         date = moment().format(format)
@@ -95,14 +95,14 @@ class outpost.DateTimeInput
     getDate: (format) ->
         date = Date.parse(@field.val())
         moment(date).format(format) if date
-    
+
     # Set value of hidden field to a real date
     setDate: (date, time="") ->
         date = moment(Date.parse("#{date} #{time}"))
         console.log "date set to", date
-        
+
         if date
-            formatted = date.format(@options.dbFormat) 
+            formatted = date.format(@options.dbFormat)
             @field.val(formatted)
         else
             @field.val("")

data/app/assets/javascripts/outpost/field_counter.js.coffee

@@ -7,7 +7,7 @@ $ ->
         fuzziness = el.attr("data-fuzziness")
         new outpost.FieldCounter(el, target: target, fuzziness: fuzziness)
 
-##   
+##
 # FieldCounter
 # To turn a field into a field counter, add three attributes:
 #
@@ -15,7 +15,7 @@ $ ->
 #   data-target="50"        # Perfect length
 #   data-fuzziness="10"     # Lee-way in either direction (inclusive)
 #
-# Anything spanning the range of 
+# Anything spanning the range of
 #
 #   `(target - fuzziness) through (target + fuzziness)`
 #
@@ -32,7 +32,7 @@ class outpost.FieldCounter
         counterClass:    "counter-notify"
         counterWrapper:  ".controls"             # The element to which the counter will be prepended
         counterStyle:    "padding: 3px; margin: 0 0 2px 0;"
-        
+
     constructor: (@el, options={}) ->
         @options = _.defaults options, @DefaultOptions
 
@@ -40,22 +40,22 @@ class outpost.FieldCounter
         @field   = $("input, textarea", @el)
         @counterEl = $("<div />", class: @options.counterClass, style: @options.counterStyle)
         $(@options.counterWrapper, @el).prepend @counterEl
-        
+
         # Setup attributes
         @count     = 0
         @target    = parseInt(@options.target)
         @fuzziness = parseInt(@options.fuzziness)
         @rangeLow  = @target - @fuzziness
         @rangeHigh = @target + @fuzziness
-        
+
         @inRangeClass    = @options.inRangeClass
         @outOfRangeClass = @options.outOfRangeClass
-        
+
         # Register listeners
         @field.on
             keyup: (event) =>
                 @updateCount($(event.target).val().length)
-        
+
         @el.on
             updateCounter: (event, count) =>
                 @updateText(count)
@@ -63,25 +63,25 @@ class outpost.FieldCounter
 
         # Set the count on initialize
         @updateCount(@field.val().length)
-                
+
     #--------------
 
     inRange: ->
         @rangeLow <= @count and @count <= @rangeHigh
-                    
+
     #--------------
-    
+
     updateCount: (length) ->
         @count = length
         @el.trigger "updateCounter", @count
-    
+
     #--------------
-    
+
     updateText: (count) ->
         @counterEl.html("<strong>Optimal Length:</strong> #{count} of #{@target} (+/- #{@fuzziness})")
 
     #--------------
-    
+
     updateColor: (count) ->
         if @inRange()
             @counterEl.removeClass(@outOfRangeClass)
@@ -89,5 +89,5 @@ class outpost.FieldCounter
         else
             @counterEl.removeClass(@inRangeClass)
             @counterEl.addClass(@outOfRangeClass)
-        
-        
+
+

data/app/assets/javascripts/outpost/field_manager.js.coffee

@@ -6,7 +6,7 @@
 #
 class outpost.FieldManager
     constructor: ->
-        
+
         $("fieldset.form-block legend").on
             click: (event) ->
                 target = $(@)
@@ -22,12 +22,12 @@ class outpost.FieldManager
                 time   = new Date().getTime()
                 regexp = new RegExp(target.data('id'), 'g')
                 fields = $(target.data('fields').trim().replace(regexp, time))
-                
+
                 if buildTarget = target.data('build-target')
                     $(buildTarget).append fields
                 else
                     target.before(fields)
-                    
+
                 # Build any special fields.
                 # TODO: Can we accomplish this with triggers?
                 outpost.DateTimeInput.buildDateTimeInputs(fields)

data/app/assets/javascripts/outpost/global_plugins.js.coffee

@@ -1,23 +1,12 @@
-# Bootstrap things
+# This file just turns on some simple behavior.
 
-# Scrollspy has to be initiated here, 
-# instead of via data- attributes, 
+# Scrollspy has to be initiated here,
+# instead of via data- attributes,
 # otherwise it's buggy. I don't know why.
 offset = 160
 nav    = "#form-nav"
 
 $ ->
-    # Prevent firefox from submitting a form when the "Enter" 
-    # key is pressed inside of a text field...
-    $("form input[type=text]").on
-        keydown: (event) ->
-            key = event.keyCode || event.which
-
-            if key == 13 # Enter
-                event.stopPropagation()
-                event.preventDefault()
-                false
-
     # Select2
     # Set a blank placeholder for all selects.
     # Also allow clearing for any option.
@@ -30,18 +19,15 @@ $ ->
     $("select").not('[data-disable-select2="true"]').select2
         placeholder: " "
         allowClear: true
-    
-    # Tooltip
-    $('[rel="tooltip"]').tooltip()
 
     # Affix
     # Fix the width for all of these elements
     $('[data-spy="affix"]').each ->
         $(@).width $(@).width()
 
-    # For table headers, we want them to act cool so we have 
+    # For table headers, we want them to act cool so we have
     # to treat them special. First fix the widths of the "th"
-    # elements. Then make the top margin of the table the 
+    # elements. Then make the top margin of the table the
     # same as the height of the header. Then move the header
     # up its height in pixels to give the appearance of
     # sitting on top.
@@ -84,4 +70,15 @@ $ ->
             $(@).on click: (event) ->
                 window.location = href
 
+
+    # Disable the save buttons when the form is submitted.
+    # We can't actually disable the buttons (in the UI), because we need
+    # their information on the server side to figure out where
+    # to redirect. So instead we'll just register a callback that prevents
+    # the button from doing anything else after the form is submitted.
+    $('.js-content-form').one
+        submit: (event) ->
+            $(".js-save-btns button").on
+                click: (event) -> event.preventDefault();
+
     true

data/app/assets/javascripts/outpost/index_manager.js.coffee

@@ -6,10 +6,10 @@
 class outpost.IndexManager
     DefaultOptions:
         cellFinder:    "*[data-updatable='true']"
-        
+
     constructor: (@baseUrl, options={}) ->
         @options = _.defaults options, @DefaultOptions
-        
+
         for cell in $(@options.cellFinder)
             new outpost.QuickEditCell $(cell), @baseUrl
 
@@ -26,23 +26,23 @@ class outpost.QuickEditCell
         id:             "data-id"
         highlightColor: "#dff0d8"
         highlightTime:  2000
-        
+
     constructor: (@el, baseUrl, options={}) ->
         @options = _.defaults options, @defaults
-        
+
         # Check values
         @value = null
         @keyup = false
-        
+
         # Attributes
         @attribute = @el.attr(@options.attribute)
         @id        = @el.attr(@options.id)
         @url       = "#{baseUrl}/#{@id}"
-        
+
         @ajaxOptions =
             dataType: 'json'
             url: @url
-            
+
         @el.on
             click: (event) => @buildForm()
 
@@ -57,7 +57,7 @@ class outpost.QuickEditCell
         , 'input'
 
     #-------------
-    
+
     buildForm: (event) ->
         $.ajax _.extend @ajaxOptions,
             type: "GET"
@@ -67,19 +67,19 @@ class outpost.QuickEditCell
                 @el.find("input").focus()
 
     #-------------
-    
+
     updateData: (event) ->
         input = $(event.target)
         value = input.val()
-        
+
         if value is @value
             @el.html(value)
             @keyup = false
             return
-            
+
         $.ajax _.extend @ajaxOptions,
             type: "PUT"
-            data: 
+            data:
                 data_point:
                     data_value: value
             success: (data, status, xhr) =>