Api

Gemfile

@@ -14,7 +14,7 @@ gem 'rack-timeout',             github: 'kch/rack-timeout',
 # views: asset generation, javascripts, stylesheets
 gem 'asset_sync',               '~> 1.0.0'
 gem 'aws-sdk',                  '~> 1.30.0'
-gem 'foundation-rails',         '~> 5.2.1'
+gem 'foundation-rails',         '~> 5.2.3'
 gem 'jquery-fileupload-rails',  '~> 0.4.1'
 gem 'jquery-rails',             '~> 3.0.4'
 gem 'jquery-ui-sass-rails',     '~> 4.0.3.0'
@@ -29,7 +29,8 @@ gem 'select2-rails',            '~> 3.5.3'
 # views: cacheing, templateing, html generation
 gem 'dalli',                    '~> 2.6.4'
 gem 'haml-rails',               '~> 0.5.2'
-gem 'rabl',                     '~> 0.9.3'
+gem 'jbuilder',                 '~> 2.1.0'
+gem 'redcarpet',                '~> 3.1.2'
 gem 'roadie',                   '~> 2.4.3'
 gem 's3_direct_upload',         '~> 0.1.6'                        # buffer uploading from slow-clients
 gem 'will_paginate-foundation', '~> 5.3.3'
@@ -44,7 +45,7 @@ gem 'will_paginate',            '~> 3.0.5'
 gem 'delayed_paperclip',        '~> 2.6.1'                        # asyncronous image processing
 gem 'devise',                   '~> 3.2.2'
 gem 'hashie',                   '~> 2.0.5'
-gem 'paperclip',                '~> 3.5.0'                        # easy object attachment with s3 storage
+gem 'paperclip',                '~> 4.1.1'
 gem 'ruby-progressbar',         '~> 1.4.2'
 
 # operations

Gemfile.lock

@@ -144,7 +144,7 @@ GEM
     fog-json (1.0.0)
       multi_json (~> 1.0)
     formatador (0.2.4)
-    foundation-rails (5.2.2.0)
+    foundation-rails (5.2.3.0)
       railties (>= 3.1.0)
       sass (>= 3.2.0)
     fuubar (1.3.3)
@@ -199,6 +199,9 @@ GEM
       ruby_parser (~> 3.1.1)
     http_parser.rb (0.6.0)
     i18n (0.6.9)
+    jbuilder (2.1.0)
+      activesupport (>= 3.0.0, < 5)
+      multi_json (~> 1.2)
     jquery-fileupload-rails (0.4.1)
       actionpack (>= 3.1)
       railties (>= 3.1)
@@ -251,7 +254,7 @@ GEM
     nokogiri (1.6.2.1)
       mini_portile (= 0.6.0)
     orm_adapter (0.5.0)
-    paperclip (3.5.4)
+    paperclip (4.1.1)
       activemodel (>= 3.0.0)
       activesupport (>= 3.0.0)
       cocaine (~> 0.5.3)
@@ -271,8 +274,6 @@ GEM
       websocket (~> 1.0)
     quiet_assets (1.0.2)
       railties (>= 3.1, < 5.0)
-    rabl (0.9.3)
-      activesupport (>= 2.3.14)
     rack (1.5.2)
     rack-livereload (0.3.15)
       rack
@@ -300,6 +301,7 @@ GEM
     rb-fsevent (0.9.4)
     rb-inotify (0.9.4)
       ffi (>= 0.5.0)
+    redcarpet (3.1.2)
     rest-client (1.6.7)
       mime-types (>= 1.16)
     roadie (2.4.3)
@@ -376,7 +378,7 @@ GEM
       eventmachine (>= 1.0.0)
       rack (>= 1.0.0)
     thor (0.19.1)
-    thread_safe (0.3.3)
+    thread_safe (0.3.4)
     tilt (1.4.1)
     timers (1.1.0)
     tins (1.3.0)
@@ -396,7 +398,7 @@ GEM
       polyglot (>= 0.3.1)
     typhoeus (0.6.8)
       ethon (>= 0.7.0)
-    tzinfo (1.1.0)
+    tzinfo (1.2.1)
       thread_safe (~> 0.1)
     uglifier (2.1.2)
       execjs (>= 0.3.0)
@@ -432,7 +434,7 @@ DEPENDENCIES
   email_spec (>= 1.2.1)
   factory_girl_rails (~> 4.3.0)
   faker (~> 1.3.0)
-  foundation-rails (~> 5.2.1)
+  foundation-rails (~> 5.2.3)
   fuubar
   guard (>= 0.6.2)
   guard-bundler (>= 0.1.3)
@@ -445,23 +447,24 @@ DEPENDENCIES
   hashie (~> 2.0.5)
   honeybadger (~> 1.10)
   html2haml
+  jbuilder (~> 2.1.0)
   jquery-fileupload-rails (~> 0.4.1)
   jquery-rails (~> 3.0.4)
   jquery-ui-sass-rails (~> 4.0.3.0)
   lodash-rails (~> 2.4.1)
   mailcatcher
   modernizr-rails (~> 2.6.2.3)
   newrelic_rpm (~> 3.7)
-  paperclip (~> 3.5.0)
+  paperclip (~> 4.1.1)
   pg (~> 0.17)
   pry-nav
   pry-rails
   quiet_assets
-  rabl (~> 0.9.3)
   rack-livereload
   rack-rewrite (~> 1.4)
   rack-timeout!
   rails (~> 4.1.1)
+  redcarpet (~> 3.1.2)
   roadie (~> 2.4.3)
   rspec-rails (>= 2.14.0)
   ruby-progressbar (~> 1.4.2)

app/assets/javascripts/application.js

@@ -19,6 +19,7 @@
 //= require jquery
 //= require jquery_ujs
 //= require puts
+//= require prism.min
 //= require foundation/foundation
 //= require foundation/foundation.alert
 //

app/assets/javascripts/elements/endpoint_example.js

@@ -0,0 +1,104 @@
+function EndpointExample($el) {
+  var self = this;
+
+  self.$el                 = $el;
+  self.$form               = $el.find('form');
+  self.$code               = $el.find('.response code');
+  self.$urlParamInputs     = self.$form.find('input[data-url-param]');
+
+  self.init();
+}
+
+EndpointExample.prototype = {
+  constructor : EndpointExample,
+
+    init : function() {
+      var self = this;
+      puts('EndpointExample initialized');
+
+      self.initUrlParams();
+
+      self.$el.on('ajax:send', function(e, data, status, xhr){
+        self.clearResults();
+      });
+
+      self.$el.on('ajax:success', function(e, data, status, xhr){
+        self.responseText = xhr.responseText;
+        self.statusCode = xhr.status;
+        self.statusText = xhr.statusText;
+
+        self.displayResults();
+      });
+
+      self.$el.on('ajax:error', function(e, xhr, status, error){
+        self.responseText = xhr.responseText;
+        self.statusCode = xhr.status;
+        self.statusText = xhr.statusText;
+
+        self.displayResults();
+      });
+    },
+
+    initUrlParams : function() {
+      var self = this;
+
+      // cache the action attr for future re-assignemnts
+      if(self.$urlParamInputs.length){
+        self.$form.data('original-action', self.$form.attr('action'))
+      }
+
+      self.$urlParamInputs.on('change keydown paste', function(e){
+        var $input = $(this);
+        // edit url param to be new value
+        // setTimeout to place in buffer after event has completed
+        // so the value will be present
+        setTimeout(function(){
+            var paramName = $input.attr('data-url-param');
+            var value = $input.val();
+            var newAction = self.$form.data('original-action').replace(paramName, value);
+
+            puts('URL param input edited: replacing form[action] with ' + newAction);
+            self.$form.attr('action', newAction);
+          // }
+        }, 0)
+      })
+
+    },
+
+    displayResults : function() {
+      var self = this;
+
+      self.$code.text(self.formattedResults());
+      Prism.highlightAll();
+    },
+
+    formattedResults : function() {
+      var self = this;
+      var formattedString = null;
+      var jsonString = null;
+      var statusString = 'HTTP ' + self.statusCode + ' (' + self.statusText + ')';
+
+      try {
+        jsonString = JSON.stringify(JSON.parse(self.responseText), null, 2);
+      }
+      catch(err) {
+        jsonString = self.responseText;
+      }
+
+      formattedString = statusString + '\n\n' + jsonString;
+
+      return formattedString;
+    },
+
+    clearResults : function(){
+      var self = this;
+
+      self.$code.text('');
+    }
+}
+
+$(window).load(function(){
+  $('[data-endpoint-example]').each(function(){
+    var endpointExample = new EndpointExample($(this));
+  });
+});

app/assets/javascripts/elements/expander.js

@@ -0,0 +1,66 @@
+function Expander($el) {
+  var self = this;
+
+  self.$trigger         = $el;
+
+  self.settings = {
+    target: $el.attr('href'),
+    activeClass: 'expanded'
+  };
+  $.extend(self.settings, Foundation.utils.data_options($el, 'expander'));
+
+  self.$target          = $(self.settings.target);
+
+  self.init();
+}
+
+Expander.prototype = {
+  constructor : Expander,
+
+    init : function() {
+      var self = this;
+      puts('Expander initialized');
+
+      if(self.isExpanded()){
+        self.$trigger.addClass(self.settings.activeClass);
+      }
+
+      self.$trigger.on('click', function(e){
+        e.preventDefault();
+        puts('expander trigger clicked');
+
+        if(self.isExpanded()){
+          self.contract();
+        }else{
+          self.expand();
+        }
+      });
+    },
+
+    expand : function() {
+      var self = this;
+      self.$target.slideDown('fast', function(){
+        self.$trigger.addClass(self.settings.activeClass);
+      });
+    },
+
+    contract : function() {
+      var self = this;
+
+      self.$target.slideUp('slow', function(){
+        self.$trigger.removeClass(self.settings.activeClass);
+      });
+    },
+    isExpanded : function() {
+      var self = this;
+
+      return self.$target.is(":visible");
+    }
+
+}
+
+$(window).load(function(){
+  $('[data-expander]').each(function(){
+    new Expander($(this));
+  });
+});

app/assets/stylesheets/application.sass

@@ -10,6 +10,7 @@
  *= require select2
  *= require jquery.ui.core
  *= require jquery.ui.datepicker
+ *= require prism
  *
  *
  * 2. Application specific styles and overrides:
@@ -63,4 +64,5 @@
 // Application Styles
 @import partials/navigation
 @import partials/footer
-@import partials/typography
+@import partials/typography
+@import partials/documentation