forge-cli 0.0.6

data/lib/forge/Guardfile

@@ -0,0 +1,30 @@
+guard 'spork', :cucumber_env => { 'RAILS_ENV' => 'test' }, :rspec_env => { 'RAILS_ENV' => 'test' } do
+  watch('config/application.rb')
+  watch('config/environment.rb')
+  watch(%r{^config/environments/.+\.rb$})
+  watch(%r{^config/initializers/.+\.rb$})
+  watch('Gemfile')
+  watch('Gemfile.lock')
+  watch('spec/spec_helper.rb')
+  watch('test/test_helper.rb')
+end
+
+
+guard 'rspec', :version => 2, :all_after_pass => false, :cli => '--drb' do
+  watch(%r{^spec/.+_spec\.rb$})
+  watch(%r{^lib/(.+)\.rb$})     { |m| "spec/lib/#{m[1]}_spec.rb" }
+  watch('spec/spec_helper.rb')  { "spec" }
+
+  # Rails example
+  watch(%r{^spec/.+_spec\.rb$})
+  watch(%r{^app/(.+)\.rb$})                           { |m| "spec/#{m[1]}_spec.rb" }
+  watch(%r{^app/(.*)(\.erb|\.haml)$})                 { |m| "spec/#{m[1]}#{m[2]}_spec.rb" }
+  watch(%r{^lib/(.+)\.rb$})                           { |m| "spec/lib/#{m[1]}_spec.rb" }
+  watch(%r{^app/controllers/(.+)_(controller)\.rb$})  { |m| ["spec/routing/#{m[1]}_routing_spec.rb", "spec/#{m[2]}s/#{m[1]}_#{m[2]}_spec.rb", "spec/acceptance/#{m[1]}_spec.rb"] }
+  watch(%r{^spec/support/(.+)\.rb$})                  { "spec" }
+  watch('spec/spec_helper.rb')                        { "spec" }
+  watch('config/routes.rb')                           { "spec/routing" }
+  watch('app/controllers/application_controller.rb')  { "spec/controllers" }
+  # Capybara request specs
+  watch(%r{^app/views/(.+)/.*\.(erb|haml)$})          { |m| "spec/requests/#{m[1]}_spec.rb" }
+end

data/lib/forge/Rakefile

@@ -0,0 +1,7 @@
+# Add your own tasks in files placed in lib/tasks ending in .rake,
+# for example lib/tasks/capistrano.rake, and they will automatically be available to Rake.
+
+require File.expand_path('../config/application', __FILE__)
+require 'rake'
+
+Forge3::Application.load_tasks

data/lib/forge/app/abilities/video_ability.rb

@@ -0,0 +1,11 @@
+class VideoAbility
+  include CanCan::Ability
+  def initialize(u)
+    if u.is_contributor?
+      can([:create, :play], Video)
+      can([:update, :destroy, :edit], Video) do |item|
+        u.id == item.creator_id
+      end
+    end
+  end
+end

data/lib/forge/app/assets/javascripts/app.js

@@ -0,0 +1,9 @@
+var APP = {
+  features: {},
+
+  init: function() {
+    $('html').removeClass('noscript');
+
+    APP.dispatcher.initialize();
+  }
+}

data/lib/forge/app/assets/javascripts/application.js

@@ -0,0 +1,18 @@
+// Place your application-specific JavaScript functions and classes here
+// This file is automatically included by javascript_include_tag :defaults
+
+// make respond_to work with jquery
+jQuery.ajaxSetup({ beforeSend: function(xhr) { xhr.setRequestHeader("Accept", "text/javascript"); } });
+
+jQuery(document).ajaxSend(function(event, request, settings) {
+  if (settings.type == 'GET' || settings.type == 'get' || typeof(AUTH_TOKEN) == "undefined") return;
+  // settings.data is a serialized string like "foo=bar&baz=boink" (or null)
+  settings.data = settings.data || "";
+  settings.data += (settings.data ? "&" : "") + "authenticity_token=" + encodeURIComponent(AUTH_TOKEN);
+});
+
+function clearUIClasses() {
+  $('.ui-widget-content:not(.ui-datepicker)').removeClass('ui-widget ui-widget-content ui-widget-header ui-corner-all ui-corner-bottom');
+  $('.ui-widget-header').removeClass('ui-widget-header');
+  $('.tabbed li').removeClass('ui-corner-top');
+}

data/lib/forge/app/assets/javascripts/controllers/index.js

@@ -0,0 +1,2 @@
+APP.dispatcher.route('index#index', function() {
+});

data/lib/forge/app/assets/javascripts/dispatcher.js.coffee

@@ -0,0 +1,26 @@
+class Dispatcher
+  constructor: ->
+    @routes = { }
+
+  initialize: ->
+    body = $('body')
+
+    controller = body.attr('id')
+    action = body.attr('class')
+
+    @dispatch('application', 'initialize')
+    @dispatch('application', action)
+
+    @dispatch(controller, 'initialize')
+    @dispatch(controller, action)
+
+  route: (amalgam, fn) ->
+    [controller, action] = amalgam.split('#')
+
+    @routes[controller] ?= { }
+    @routes[controller][action] = fn
+
+  dispatch: (controller, action) ->
+    @routes[controller]?[action]?()
+
+APP.dispatcher = new Dispatcher

data/lib/forge/app/assets/javascripts/features/checkout.js

@@ -0,0 +1,51 @@
+APP.features.checkout = {
+  config: {
+    $billingProvince: $("#billing_address_province_id"),
+    $billingCountry: $("#billing_address_country_id"),
+    $shippingProvince: $("#shipping_address_province_id"),
+    $shippingCountry: $("#shipping_address_country_id")
+  },
+  
+  init: function (options) {
+    var self = APP.features.checkout;
+    $.extend(self.config, options);
+    self.updateProvincesForSelectedCountry(self.config.$billingProvince, self.config.$billingCountry);
+    self.updateProvincesForSelectedCountry(self.config.$shippingProvince, self.config.$shippingCountry);
+    
+    self.config.$billingCountry.on('change', function() { self.updateProvincesForSelectedCountry(self.config.$billingProvince, self.config.$billingCountry) });
+    self.config.$shippingCountry.on('change', function() { self.updateProvincesForSelectedCountry(self.config.$shippingProvince, self.config.$shippingCountry) });
+    self.toggleShippingAddressField();
+  },
+  
+  updateProvincesForSelectedCountry: function (provinceElement, countryElement) {
+    var self = APP.features.checkout;
+    
+    $.getJSON('/countries/' + countryElement.val() + '/get_provinces_for_checkout.js', function(data) {
+      province_element.html(self.createOptionsFromJSON(data, provinceElement.val())); 
+    });
+  },
+  
+  createOptionsFromJSON: function (data, currentVal) {
+    var html = "";
+    var selected = "";
+    $.each(data, function(index, element) {
+      selected = element[1] == currentVal ? " selected='selected'" : "";
+      html += "<option value='" + element[1] + selected + "'>" + element[0] + "</option>\n";
+    });
+    return html;
+  },
+  
+  toggleShippingAddressField: function () {
+    if($("#use_billing_for_shipping").is(":checked")) {
+      $('.shipping_address').hide();
+    };
+
+    $('#use_billing_for_shipping').change(function() {
+      if($(this).is(":checked")) {
+        $('.shipping_address').hide();
+      } else {
+        $('.shipping_address').show();
+      }  
+    });
+  }
+}

data/lib/forge/app/assets/javascripts/features/mobile.js

@@ -0,0 +1,36 @@
+APP.features.mobile = {
+  // animate the main button icons on hover:
+  init: function () {
+    // ADD HINTS TO FORM ELEMENTS
+    $('.hint').hint();
+
+    // WATCH WINDOW WIDTH FOR NARROW
+    if ($(window).width() < 300) {
+      $("body").addClass('narrow');
+    } else {
+      $("body").removeClass('narrow');
+    }
+
+    // MAIN NAVIGATION
+    $('#head').on('click', '.navigation', function () {
+      $that = $(this);
+      $('#navigation')
+        .css('top', $('#head').height() + 30) // SET NAVIGATION POSITION (#head height + padding and border)
+        .slideToggle(200, function () {
+          if ($that.hasClass('down')) {
+            $that.removeClass('down');
+          } else {
+            $that.addClass('down');
+          }
+        });
+      return false;
+    });
+
+    // POST INDEX
+    $('#posts').on('click', '.post', function () {
+      window.location = $(this).attr('data-url');
+      return false;
+    });
+
+  }
+};

data/lib/forge/app/assets/javascripts/front.js

@@ -0,0 +1,11 @@
+//= require jquery
+//= require jquery_ujs
+//= require application
+//= require app
+//= require dispatcher
+//= require_tree ./controllers
+//= require_tree ./mobile
+//= require_tree ./features
+//= require_self
+
+$(APP.init);

data/lib/forge/app/assets/javascripts/mobile/jquery.hint.js

@@ -0,0 +1,44 @@
+/**
+* @author Remy Sharp
+* @url http://remysharp.com/2007/01/25/jquery-tutorial-text-box-hints/
+*/
+
+(function ($) {
+
+$.fn.hint = function (blurClass) {
+  if (!blurClass) { 
+    blurClass = 'blur';
+  }
+    
+  return this.each(function () {
+    // get jQuery version of 'this'
+    var $input = $(this),
+    
+    // capture the rest of the variable to allow for reuse
+      title = $input.attr('title'),
+      $form = $(this.form),
+      $win = $(window);
+
+    function remove() {
+      if ($input.val() === title && $input.hasClass(blurClass)) {
+        $input.val('').removeClass(blurClass);
+      }
+    }
+
+    // only apply logic if the element has the attribute
+    if (title) { 
+      // on blur, set value to title attr if text is blank
+      $input.blur(function () {
+        if (this.value === '') {
+          $input.val(title).addClass(blurClass);
+        }
+      }).focus(remove).blur(); // now change all inputs to title
+      
+      // clear the pre-defined text when form is submitted
+      $form.submit(remove);
+      $win.unload(remove); // handles Firefox's autocomplete
+    }
+  });
+};
+
+})(jQuery);

data/lib/forge/app/assets/javascripts/mobile/mobile.js

@@ -0,0 +1,25 @@
+APP.features.mobile = {
+  // animate the main button icons on hover:
+  init: function () {
+    $('.hint').hint();
+
+    // // mobile width
+    // if ($(window).width() < 300) {
+    //   $("body").addClass('narrow');
+    // } else {
+    //   $("body").removeClass('narrow');
+    // }
+
+    $('#head').on('click', '.navigation', function () {
+      $that = $(this);
+      $('#navigation').slideToggle(200, function () {
+        if ($that.hasClass('down')) {
+          $that.removeClass('down');
+        } else {
+          $that.addClass('down');
+        }
+      });
+      return false;
+    });
+  }
+};

data/lib/forge/app/assets/stylesheets/application.css.scss

@@ -0,0 +1,8 @@
+/*
+*= require_self
+*/
+
+@import 'naturalize.css.scss';
+@import 'mixins.css.scss';
+@import 'flash_messages.css.scss';
+@import 'defaults.css.scss';

data/lib/forge/app/assets/stylesheets/defaults.css.scss

@@ -0,0 +1,30 @@
+// default styles
+small { color:#c8c8c8; font-size:0.8em;
+  strong { color:white; }
+}
+.spacer { border:0; clear:both; float:none; height:0; margin:0; padding:0; width:0; }
+.float-right { float:right; }
+.float-left { float:left; }
+
+// default link
+a { color:#e70a0a; text-decoration:none;
+  a:hover { text-decoration:underline; }
+}
+
+// default post/comment form
+#comments { margin-top:25px;
+  #new-comment{ border-top:1px solid; padding-top:10px; }
+  #comment-message { float:left; width:58%; }
+  #comment-details { float:right; width:38%;
+    strong small { font-weight:normal; }
+    input.textfield { width:90%; }
+    p { margin-bottom:20px; }
+  }
+  #comment-message textarea { height:180px; width:100%; }
+  .comment { border-top:1px solid; padding:20px 0px;
+    .avatar { float:left; width:8%;
+      img { border:1px solid; max-width:60px; padding:4px; width:100%; }
+    }
+    .comment-text { float:right; width:88%; }
+  }
+}

data/lib/forge/app/assets/stylesheets/flash_messages.css.scss

@@ -0,0 +1,9 @@
+// FLASH MESSAGES
+#warning { background:#FFC9C9; border:2px solid #e70a0a; color:#e70a0a; font-size:14px; font-weight:bold; opacity:0.95; padding:50px 0px; position:fixed; top:35%; left:40%; text-align:center; width:400px; z-index:1000; }
+.flash-msg { margin-bottom:20px; padding:15px 20px 15px 20px; }
+#flash-warning, #flash-error, #flash-alert, #flash-notice { background:#f8ff83; border:1px solid #e6ed7a; color:#494949; }
+.errorExplanation { @extend .flash-msg; @extend #flash-warning;
+  h2 { display:none; }
+  p { font-size:14px; font-weight:bold; margin-top:0px; }
+  ul { font-size:13px; padding-left:25px; }
+}

data/lib/forge/app/assets/stylesheets/mixins.css.scss

@@ -0,0 +1,100 @@
+@mixin button($file, $height: 36px, $left-pad: 8, $padding: 10) {
+  display: inline-block;
+  background: image-url('forge/buttons/left_#{$file}') no-repeat left 0px;
+  padding-left: $left-pad + px;
+  span {
+    display: block;
+    background: image-url('forge/buttons/right_#{$file}') no-repeat right 0px;
+    height: $height;
+    padding-left: $padding - $left-pad + px;
+    padding-right: $padding + px;
+  }
+  &:active {
+    background-position: left -#{($height + 10)};
+    span {
+      background-position: right -#{($height + 10)};
+    }
+  }
+}
+
+@mixin hover_button($file, $height: 36px, $left-pad: 8, $padding: 10) {
+  @include button($file, $height, $left-pad, $padding);
+  &:hover {
+    background-position: left -#{$height + 10};
+    span {
+      background-position: right -#{$height + 10};
+    }
+  }
+}
+
+@mixin transition($property: background,$duration: .25s,$function: linear,$delay: 0s) {
+  -webkit-transition: $property $duration $function $delay;
+   transition: $property $duration $function $delay;
+}
+
+@mixin rounded($radius: 5px) {
+  border-radius: $radius;
+  -moz-border-radius: $radius;
+  -webkit-border-radius: $radius;
+  -webkit-background-clip: padding-box;
+}
+
+@mixin rounded-top($radius: 5px) {
+  -webkit-border-top-left-radius: $radius;
+  -webkit-border-top-right-radius: $radius;
+  -moz-border-radius-topleft: $radius;
+  -moz-border-radius-topright: $radius;
+  border-top-left-radius: $radius;
+  border-top-right-radius: $radius;
+}
+
+@mixin rounded-bottom($radius: 5px) {
+  -webkit-border-bottom-left-radius: $radius;
+  -webkit-border-bottom-right-radius: $radius;
+  -moz-border-radius-bottomleft: $radius;
+  -moz-border-radius-bottomright: $radius;
+  border-bottom-left-radius: $radius;
+  border-bottom-right-radius: $radius;
+}
+
+@mixin rounded-left($radius: 5px) {
+  -webkit-border-top-left-radius: $radius;
+  -webkit-border-bottom-left-radius: $radius;
+  -moz-border-radius-topleft: $radius;
+  -moz-border-radius-bottomleft: $radius;
+  border-top-left-radius: $radius;
+  border-bottom-left-radius: $radius;
+}
+
+@mixin rounded-right($radius: 5px) {
+  -webkit-border-top-right-radius: $radius;
+  -webkit-border-bottom-right-radius: $radius;
+  -moz-border-radius-topright: $radius;
+  -moz-border-radius-bottomright: $radius;
+  border-top-right-radius: $radius;
+  border-bottom-right-radius: $radius;
+}
+
+@mixin box-shadow($x: 5px,$y: 5px,$blur: 5px,$color: #000) {
+  -webkit-box-shadow: $x $y $blur $color;
+  -moz-box-shadow: $x $y $blur $color;
+  box-shadow: $x $y $blur $color
+}
+
+@mixin box-shadow-inset($x: 5px,$y: 5px,$blur: 5px,$color: #000) {
+	-webkit-box-shadow:inset $x $y $blur $color;
+	-moz-box-shadow:inset $x $y $blur $color;
+	box-shadow:inset $x $y $blur $color
+}
+
+@mixin rotate($deg: 180deg) {
+  -webkit-transform: rotate($deg);
+  -moz-transform: rotate($deg);
+}
+
+@mixin linear-gradient($point: top, $from: #000000, $to: #ffffff) {
+  background-image: -webkit-linear-gradient($point, $from, $to); // Safari 5.1+, Mobile Safari, Chrome 10+
+  background-image: -moz-linear-gradient($point, $from, $to); // Firefox 3.6+
+  background-image: -ms-linear-gradient($point, $from, $to); // IE 10+
+  background-image: -o-linear-gradient($point, $from, $to); // Opera 11.10+
+}

data/lib/forge/app/assets/stylesheets/mobile.css.scss

@@ -0,0 +1,130 @@
+/*
+*= require_self
+*/
+
+@import 'naturalize.css.scss';
+@import 'mixins.css.scss';
+@import 'flash_messages.css.scss';
+
+$f1:#f1f1f1;
+$e0:#e0e0e0;
+$e2:#e2e2e2;
+$e5:#e5e5e5;
+$e9:#e9e9e9;
+$d9:#d9d9d9;
+$a8:#8a8a8a;
+$red:#ee3124;
+
+
+body { background:$f1; border-top:9px solid $red; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
+  &.narrow .logo { font-size:24px;
+    img { max-width:140px; }
+  }
+}
+h1,h2,h3,h4,p { margin:0 0 20px 0; padding:0; }
+h1 { border-bottom:1px solid $e0; color:$a8; font-size:28px; line-height:60px; margin:0; padding:0 20px;
+  a { color:$a8; }
+}
+h2 { font-size:22px; }
+h3 { margin-bottom:10px; }
+h4 {}
+a { color:$red; text-decoration:none;
+  &:hover {}
+}
+strong { font-weight:600; }
+
+.spacer { border:0; clear:both; float:none; height:0; margin:0; padding:0; width:0; }
+hr { @extend .spacer; border:0; border-bottom:1px solid $e0; height:10px; width:100%; }
+
+.right { float:right; }
+.left { float:left; }
+
+.logo { display:block; font-size:30px; font-weight:600; text-align:right; width:70%;
+  img { display:block; float:right; max-height:100px; max-width:200px; }
+}
+
+.button { background:$e2; border:1px solid $d9; color:$a8; display:inline-block; font-weight:600; height:38px; line-height:38px; overflow:hidden; padding:0 10px; @include rounded(4px); @include linear-gradient(top, $e2, $e9);
+  &.red { background:$red; border-color:$f1; color:white; text-shadow:0px 0px 2px $a8;
+    &:active { line-height:40px; }
+  }
+  &.navigation { overflow:hidden; text-align:center; width:30px;
+    img { height:12px; position:relative; top:1px; }
+    &.down img { @include rotate(180deg); }
+    &:active img { top:2px; }
+  }
+  &:active { @include linear-gradient(top, $e9, $e2);
+    &.red { background:$red; }
+  }
+}
+
+#head { border-bottom:1px solid $d9; max-height:108px; min-height:40px; overflow:hidden; padding:10px 20px; position:relative; z-index:20;
+  .menu { width:10%; }
+}
+
+#navigation { background:$f1; list-style:none; margin:0; padding:0; position:absolute; top:70px; width:100%; z-index:10; @include box-shadow(0px, 2px, 4px, $d9);
+  &.hidden { display:none; }
+  li { border-top:1px solid white; border-bottom:1px solid $d9; display:block; position:relative;
+    &.expand { border-top:3px solid $d9; }
+    a { color:black; display:block; font-size:20px; font-weight:600; height:44px; line-height:44px; padding:0px 10px; }
+    .icon { height:18px; position:absolute; top:12px; right:20px; }
+    &.subpage {
+      a { font-size:18px; padding-left:24px; height:40px; line-height:40px; }
+    }
+    &.active a { color:$red; }
+  }
+}
+
+#content { background:white; border-bottom:1px solid $e5;
+  img { max-width:100%; }
+  .inside { padding:20px; }
+
+  // FORMS
+  .row { margin:0 0 20px; max-width:400px;
+    .input { background:$f1; border:1px solid $e5; color:$a8; display:block; font-weight:600; height:40px; line-height:22px; padding:4px 2%; width:96%; @include rounded(4px);
+      &.blur { color:$d9; }
+      &.textarea { height:200px; padding:12px 2%; }
+      &:focus { outline:none; }
+    }
+  }
+  #new_contact, #new_comment { padding:20px 0; }
+
+  // POSTS
+  .pagination { margin:0 auto 20px; min-height:34px; padding-top:20px; width:110px;
+    .next_page, .previous_page { @extend .button; height:32px; line-height:32px; padding:0 16px;
+      img { position:relative; top:-2px; width:14px; }
+      &:active img { top:-1px; }
+    }
+    .next_page { float:right;
+      img { @include rotate(-90deg); }
+    }
+    .previous_page { float:left;
+      img { @include rotate(90deg); }
+    }
+    .disabled { display:none; }
+  }
+  .post.inside { border-bottom:1px solid $e0; padding-bottom:0;
+    h2 { margin:0;
+      a { color:black; }
+    }
+    .date { color:$a8; font-size:0.9em; margin-bottom:20px; }
+  }
+  #posts .post { cursor:pointer;
+    &:hover, &:active { background:$f1; }
+  }
+
+  // COMMENTS
+  .comment { border-bottom:1px solid $e0; margin-bottom:20px; padding:10px 0;
+    .avatar { float:left; max-width:60px; margin-right:10px; width:10%;
+      img { border:1px solid $e0; display:block; max-width:60px; padding:2px; width:98%; }
+    }
+    .comment-text { float:left; font-size:0.9em; width:82%;
+      strong { font-size:0.9em; }
+      p { margin-bottom:10px; }
+    }
+
+  }
+}
+
+#foot { font-size:0.9em; padding:20px;
+  p { margin:0 0 2px; min-height:14px; padding:0; }
+}