fanforce-plugin-factory 0.7.0

data/lib/fanforce/plugin_factory/_init_sinatra.rb

@@ -0,0 +1,53 @@
+require 'sinatra/content_for'
+require 'rack/jsonr'
+####################################################################################
+
+class FanforcePlugin::Sinatra < Sinatra::Base
+  require_relative 'config/_error_handling'
+  require_relative 'config/helpers/assets'
+  require_relative 'config/helpers/json'
+  require_relative 'config/helpers/fanforce'
+
+  use Rack::JSONR, :method_override => :all
+
+  helpers Sinatra::AssetHelpers
+  helpers Sinatra::JSONHelpers
+  helpers Sinatra::FanforceHelpers
+  helpers Sinatra::ContentFor
+
+  def self.any(url,&block)
+    get(url,&block)
+    post(url,&block)
+    put(url,&block)
+    delete(url,&block)
+  end
+
+  def page(page, options={})
+    current_dir = File.expand_path('../', __FILE__)
+    if !File.exists?("#{settings.views}/#{page}.haml")
+      rel_path = Pathname.new(current_dir).relative_path_from(Pathname.new(settings.views))
+      page = :"#{rel_path}/views/#{page}"
+    end
+
+    if options[:layout] and (!FanforcePlugin.config.respond_to?(:"layout_for_#{page}") or FanforcePlugin.config.method(:"layout_for_#{page}").call)
+      if File.exists?("#{settings.views}/../layouts/#{options[:layout]}.haml")
+        options[:layout] = :"../layouts/#{options[:layout]}"
+      else
+        rel_path = Pathname.new(current_dir).relative_path_from(Pathname.new(settings.views))
+        options[:layout] = :"#{rel_path}/layouts/#{options[:layout]}"
+      end
+    else
+      options[:layout] = false
+    end
+    haml page, options
+  end
+
+  configure do
+    FanforcePlugin.load_config
+    set :haml, {:escape_attrs => false}
+    set :static, true
+    set :protection, :except => [:frame_options, :json_csrf]
+  end
+
+end
+

data/lib/fanforce/plugin_factory/assets/css/add_edit_initiative.scss

@@ -0,0 +1 @@
+@import 'common/layouts/add_edit_initiative';

data/lib/fanforce/plugin_factory/assets/css/add_source.scss

@@ -0,0 +1 @@
+@import 'common/layouts/add_source';

data/lib/fanforce/plugin_factory/assets/css/engage.scss

@@ -0,0 +1 @@
+@import 'common/layouts/engage';

data/lib/fanforce/plugin_factory/assets/css/new_message.scss

@@ -0,0 +1 @@
+@import 'common/layouts/new_message';

data/lib/fanforce/plugin_factory/assets/css/promotional.scss

@@ -0,0 +1 @@
+@import 'common/layouts/promotional';

data/lib/fanforce/plugin_factory/assets/css/source_details.scss

@@ -0,0 +1 @@
+@import 'common/layouts/source_details';

data/lib/fanforce/plugin_factory/assets/js/add_edit_initiative.js

@@ -0,0 +1 @@
+//= require common/layouts/add_edit_initiative

data/lib/fanforce/plugin_factory/assets/js/add_source.js

@@ -0,0 +1 @@
+//= require common/layouts/add_source

data/lib/fanforce/plugin_factory/assets/js/engage.js

@@ -0,0 +1 @@
+//= require common/layouts/new_message

data/lib/fanforce/plugin_factory/assets/js/new_message.js

@@ -0,0 +1 @@
+//= require common/layouts/new_message

data/lib/fanforce/plugin_factory/assets/js/promotional.js

@@ -0,0 +1,2 @@
+//= require common/layouts/promotional
+

data/lib/fanforce/plugin_factory/assets/lib/common/_mixins.scss

@@ -0,0 +1,97 @@
+@mixin scrollable-footer($footer-height, $root-selector: unquote("#root"), $root-footer-selector: unquote("#root-footer"), $footer-selector: unquote("#footer")) {
+    html, body { height: 100%; }
+  #{$root-selector} { clear: both; min-height: 100%; height: auto !important; height: 100%; }
+  #{$footer-selector} { clear: both; position: relative; height: $footer-height; }
+}
+
+@mixin ff-gradient($color-start: none, $color-end: none, $start: top, $image: false) {
+  // Firefox's gradient api is nice.
+  // Webkit's gradient api sucks -- hence these backflips:
+  @if $color-start == none {
+      background:none;
+      filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
+      //-ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";
+  } @else {
+      $background: unquote("");
+      @if $image {
+        $background: $image + unquote(", ");
+      }
+      $start: unquote($start);
+      $end: opposite-position($start);
+
+      background: mix($color-start,$color-end); // for non-cs3 browsers
+      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{$color-start}', endColorstr='#{$color-end}'); //IE 5.5 - 7
+      //-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=00$color-start, endColorstr=00$color-end)"; // IE 8
+      background: #{$background}-webkit-gradient(linear, grad-point($start), grad-point($end), from($color-start), to($color-end)); // webkit
+      background: #{$background}-moz-linear-gradient($start, $color-start, $color-end); //mozilla
+      //background: #{$background}linear-gradient($start, $color-start, $color-end);
+  }
+}
+
+@mixin ff-box($type: normal) {
+    $gradient-top: #eef6fe;
+    $gradient-bottom: #e7f1fd;
+    $border: #c9d4dc;
+    $shadow: #bbcbd6;
+
+    @if $type == darker {
+      $gradient-top: desaturate(darken(#eef6fe,0%),5%);
+      $gradient-bottom: desaturate(darken(#e7f1fd,3%),10%);
+      $border: desaturate(darken(#c9d4dc,5%),10%);
+      $shadow: desaturate(darken(#bbcbd6,15%),10%);
+    } @else if $type == lighter {
+      $gradient-top: desaturate(lighten(#eef6fe,1%),0%);
+      $gradient-bottom: desaturate(lighten(#e7f1fd,2%),0%);
+      $border: desaturate(lighten(#c9d4dc,5%),0%);
+      $shadow: desaturate(lighten(#bbcbd6,5%),0%);
+    } @else if $type == white {
+      $gradient-top: #ffffff;
+      $gradient-bottom: #ffffff;
+      //$border: desaturate(lighten(#c9d4dc,5%),0%);
+      //$shadow: desaturate(lighten(#bbcbd6,5%),0%);
+    } @else if $type == silver {
+      $gradient-top: #f1f1f6;
+      $gradient-bottom: #f1f1f6;
+      $border: #e2e2e8;
+      $shadow: desaturate(lighten(#bbcbd6,5%),0%);
+    }
+
+    @include ff-gradient($gradient-top,$gradient-bottom); border-left:1px solid $border; border-top:1px solid $border; @include border-radius(3px); @include box-shadow(1px 1px 1px $shadow, inset 1px 1px 0 #ffffff); filter: progid:DXImageTransform.Microsoft.Shadow(color='#{$shadow}', Direction=135, Strength=3); zoom:1;
+}
+@mixin unset-ff-box() {
+    @include ff-gradient(none); border-left:none; border-top:none; @include border-radius(0); @include box-shadow(none); filter: none; zoom:1;
+}
+
+@mixin ff-record($type: normal) {
+    $gradient-top: #ffffff;
+    $gradient-bottom: #ffffff;
+    $border: #d0d2d6;
+    $shadow: #bbcbd6;
+    @include ff-gradient($gradient-top,$gradient-bottom); border-left:1px solid $border; border-top:1px solid $border; @include border-radius(1px); @include box-shadow(1px 1px 1px $shadow, inset 1px 1px 0 #ffffff); filter: progid:DXImageTransform.Microsoft.Shadow(color='#{$shadow}', Direction=135, Strength=3); zoom:1;
+}
+
+
+@mixin progress-bar($width, $height, $bar-color1, $bar-color2:flat, $bg-image:flat) {
+    .progress-bar { border: 1px solid #D9DFE7; border-radius: 3px; display: block; height: $height; width: $width;
+        .bar-label { text-align: center; line-height: $height; font-size: 11px; float: left; position: absolute; width: $width; }
+        .bar-progress { float: left; height: $height; border-radius: 3px;
+            @if $bar-color2 == flat { background-color: $bar-color1; }
+            @else if $bg-image == flat { @include ff-gradient($bar-color1, $bar-color2); }
+            @else { background: url($bg-image) left 1px repeat-x; }
+        }
+    }
+}
+
+@mixin user-select($option:auto) {
+   -moz-user-select:$option; -khtml-user-select:$option; -webkit-user-select:$option; -o-user-select:$option; user-select:$option;
+}
+
+@mixin reset-ol {
+    list-style-type: none; list-style-position:outside; text-indent:0; padding-left:0; margin-left:0; line-height:inherit;
+    li { margin:0; }
+}
+
+@mixin reset-ul {
+    list-style-type: none; list-style-position:outside; text-indent:0; padding-left:0; margin-left:0; line-height:inherit;
+    li { margin:0; }
+}

data/lib/fanforce/plugin_factory/assets/lib/common/_module-error.scss

@@ -0,0 +1,11 @@
+$module_path: "/assets/common/module-error";
+/////////////////////////////////////////////////////////////////////////////////////////
+
+.module-error { position:relative; color:#ffffff; font-size:12; @include min-height(30px); @include border-radius(1px); line-height:30px; background:#e70000;
+  .msg { background:url(#{$module_path}/icon-error.png) 7px 7px no-repeat; padding:0px 13px 0 30px; }
+}
+
+.module-error-bubble { position:absolute; top:0; right:-240px;
+  .arrow-left { position:absolute; left:-9px; top:11px; width:11px; height:20px; background:url(#{$module_path}/arrow-left.png) left top no-repeat; }
+  .error { width:200px; @include border-radius(2px); background:#fd4141; border:#ff0000 1px solid; @include box-shadow(#bcbcbc 1px 1px 2px, #fe7474 1px 1px 0 inset); color:#ffffff; padding:12px; padding-bottom:10px; }
+}

data/lib/fanforce/plugin_factory/assets/lib/common/_module-search-to-add-initiative.scss

@@ -0,0 +1,66 @@
+$module_path: '/assets/common/module-search-to-add-initiative';
+/////////////////////////////////////////////////////////////////////////////////////////
+
+.module-search-to-add-initiative { position:relative; float:left; width:100%; padding-bottom:15px; padding-top:20px;
+  &.supreme { @include ff-box(); }
+  &.spinner {
+    .header, .results-empty, .results-found { visibility:hidden; }
+    .spinner { display:block; }
+  }
+  .spinner { @extend h2; height:100px; position:absolute; left:0; margin-top:100px; width:100%; color:#b9cddc; text-shadow:#ffffff 1px 1px 0; display:none; text-align:center;
+    .img { width:64px; height:64px; background:url(#{$module_path}/spinner.gif) 0 0 no-repeat; margin:0 auto 20px; }
+  }
+  .header { padding:0 0 15px;  max-width:900px;
+    h2 { color:#505a62; text-shadow:#ffffff 1px 1px 0; margin-top:0; padding-bottom:5px; }
+    .form-row { position:relative; margin:0; padding:0; margin-right:6px; z-index:5;
+      .gigantic-input { width:auto;
+        input { width:100%; font-size:15px; }
+        label.inputhint { font-size:15px; color:#666666; line-height: 27px; padding-top:2px; padding-left:8px; }
+        .icon { position:absolute; width:14px; height:18px; top:6px; right:0px; padding-left:6px; border-left: 1px solid #CCCCCC; background:url(#{$module_path}/icon-search.png) 6px center no-repeat; }
+      }
+    }
+  }
+  .results-empty { padding:0 0 25px; max-width:900px; position:relative; clear:both;
+    .module-error { margin-right:43px; padding-top:3px; top:-18px; }
+    .module-featuretip { position:absolute; width:400px; top:-10px; left:25px; .arrow { left:100px; } }
+    button.primary { padding:5px 20px; }
+  }
+  .results-found { padding:0 0 25px; max-width:900px;
+    .search-results { overflow:hidden; position:relative; background:#e3eef8; @include border-radius(5px); margin-top:-44px; padding-top:40px; padding-bottom:7px; margin-bottom:20px;
+      .prev-page, .next-page { position:absolute; top:44px; cursor:pointer; display:block; width:25px; height:67px; margin-top:10px; background:url(#{$module_path}/sprite-arrows.png) 0 0 no-repeat; }
+      .prev-page { left:0;
+        &:hover { background-position:0 -71px; }
+        &.disabled { background-position:0 -142px; cursor:default; }
+      }
+      .next-page { right:0; background-position: -25px 0;
+        &:hover { background-position:-25px -71px; }
+        &.disabled { background-position:-25px -142px; cursor:default; }
+      }
+      ul.video-list { @include reset-ul(); overflow:hidden; margin:0 20px;
+        li { float:left; width:20%; min-width: 150px; color:#666666; position:relative; height:110px;
+          .result { cursor:pointer; position:absolute; position:absolute; height:87px; width:148px; top:0; left:50%; margin-left:-74px; @include opacity(0.3);
+            &.selected, &:hover {
+              @include opacity(1);
+            }
+            .module-video-thumbnail { border:5px solid #b4c9da; }
+            .title { width:138px; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; font-size:$font-size-small; text-align:center; }
+          }
+        }
+      }
+    }
+    .selected-video { float:left; width:100%; }
+    .meta { position:relative; height:274px; margin-left: 500px;
+      > .title,.desc,.added { margin-bottom:5px; }
+      > .title { font-weight:bold; font-size:$font-size-large + 2; }
+      .desc, .added { color:#505a62; font-size:$font-size-small; line-height:$line-height; margin-bottom:15px; }
+      .desc { max-height:170px; overflow:hidden; }
+      .buttons-row { position:absolute; bottom:0; left:0; display:inline-block;
+        button.primary { padding:5px 20px; float:left; }
+        .module-featuretip { position:absolute; bottom:-20px; right:-284px; .arrow { top:60%; } }
+        .module-error { float:left; white-space:nowrap; margin-left:5px; }
+      }
+    }
+    .video { float:left; margin-right:20px; min-height:274px; background:#000000; }
+    .page { float:left; margin-right:20px; min-height:274px; width:480px; background:#666666; @include box-shadow(1px 1px 3px #999999); margin:1px; }
+  }
+}

data/lib/fanforce/plugin_factory/assets/lib/common/_module-video-thumbnail.scss

@@ -0,0 +1,15 @@
+$module_path: '/assets/common/module-video-thumbnail';
+/////////////////////////////////////////////////////////////////////////////////////////
+
+.module-video-thumbnail { display:inline-block; position:relative;
+  .video-thumb { vertical-align:bottom; height:77px; width:138px; overflow:hidden; @include border-radius(2px); display:inline-block; position:relative;
+    img { top:0; min-height:77px; min-width:138px; display:block; position:absolute; left:0; }
+  }
+  .video-time { position:absolute; right:2px; bottom:2px; padding:0 4px; @include opacity(.75); line-height:14px; height:14px; font-weight:bold; font-size:11px; color:#ffffff; @include border-radius(3px); background:#000000; }
+  .play { width:55px; height:35px; position:absolute; left:50%; margin-left:-23px; top:50%; margin-top:-17px; display:none; background:url(#{$module_path}/icon-play.png) 0 0 no-repeat; z-index:5;
+    &:hover { background-position:0 -35px; }
+  }
+  &:hover {
+    .play { display:block; cursor:pointer; cursor:hand; }
+  }
+}

data/lib/fanforce/plugin_factory/assets/lib/common/_tags.scss

@@ -0,0 +1,83 @@
+@import 'variables';
+//////////////////////////////////////////////////////////////////////////////////////////////////
+// COMMON TAGS
+//////////////////////////////////////////////////////////////////////////////////////////////////
+html {  }
+body { font-family:$font-family; font-size:$font-size-normal; line-height:$line-height; }
+
+h1, .h1 { font-size: 30px; font-weight:bold; margin:10px 0; line-height:1em; }
+h2, .h2 { font-size:20px; font-weight:bold; margin:8px 0; line-height:1em; }
+h3, .h3 { font-size:17px; font-weight:bold; margin:6px 0; line-height:1em; }
+h4, .h4 { font-size:14px; font-weight:bold; margin:4px 0; line-height:1em; }
+h5, .h5 { font-size:$font-size-large; font-weight:bold; margin:2px 0; line-height:1em; }
+h6, .h6 { font-size:$font-size-normal; font-weight:bold; margin:2px 0; line-height:1em; }
+h7, .h7 { font-size:$font-size-small; font-weight:bold; margin:2px 0; line-height:1em; }
+
+p, .p { line-height:$line-height; margin-bottom:10px; }
+a { text-decoration:none; color:$link-color;
+    &:hover { text-decoration:underline; }
+}
+strong, .strong { font-weight:bold; }
+emphasis, .emphasis { font-style:italic; }
+
+
+ul { list-style-type: square; list-style-position:outside; padding:0; margin-left:0; line-height:$line-height;
+    li { margin-top:5px; margin-left:1em; }
+}
+
+ol { list-style-type:decimal; list-style-position:outside; padding:0; margin-left:0; line-height:$line-height;
+    li { margin-top:5px; margin-left:1.5em; }
+}
+
+pre { font-family:"Courier New", Courier, monospace, sans-serif; color: #555; line-height: 1.6em; }
+
+//////////////////////////////////////////////////////////////////////////////////////////////////
+// HELPER CLASSES
+//////////////////////////////////////////////////////////////////////////////////////////////////
+
+.hide { display:none !important; }
+
+input[type='text'], input[type="password"], textarea { @include border-radius(5px); @include box-shadow(inset #dddddd 1px 1px 0); border:1px solid #aaaaaa; padding-top:0; padding-bottom:0; padding-left:6px; font-family:$font-family; font-size:$font-size-normal; height:27px; line-height:27px; }
+textarea { padding:4px 0 0 5px; line-height:1.3em; height:auto; }
+.form-row { clear:both; margin-bottom:10px; position:relative; }
+.form-buttons {  }
+
+label.fLabel { color:#999999; font-family:$font-family; line-height:23px; margin:3px 0 0 8px; }
+
+
+//////////////////////////////////////////////////////////////////////////////////////////////////
+// BASE BUTTON STYLES
+//////////////////////////////////////////////////////////////////////////////////////////////////
+button,input[type=button],input[type=submit],input[type=reset],.button{ position:relative; @include border-radius(3px); @include box-shadow(inset 1px 1px 0 #ffffff); @include user-select(none); background:#e7e7e7; @include ff-gradient(#fafafa, #e7e7e7); border:1px solid #b0b5bb; color:#1e659b; cursor:pointer; cursor:hand; display:inline-block; font-size:12px; padding:3px 8px 3px 8px; line-height:15px; text-align:center; text-decoration:none; text-shadow:1px 1px 0 #ffffff;
+    &:hover, &.hover{ background:#d7d7d7; @include ff-gradient(#eeeeee, #d7d7d7); text-decoration:none; }
+    &:active,&.active{ @include box-shadow(inset 1px 1px 1px #c9cacb); text-shadow:none; }
+    &:disabled,&.disabled{ opacity:0.5; cursor:default; text-shadow:none; pointer-events:none; }
+    img { vertical-align:middle; }
+
+    /* large */
+    &.super{ font-size:13px; font-weight:bold; padding:5px 10px 5px 10px; }
+
+    /* large */
+    &.large{ font-size:12px; font-weight:bold; }
+
+    /* small */
+    &.small{ font-size:11px; padding:1px 5px 1px 5px; }
+
+    /* toolbar */
+    &.toolbar { font-size:11px; padding:0 3px 0 3px; background:#e4e4e4; @include ff-gradient(#f7f7f7, #e4e4e4); border:1px solid #a0a0a0; color:#444444; text-shadow:1px 1px 0 #ffffff;
+        &:hover,&.hover { background:#dbdde0; @include ff-gradient(#f1f2f3, #dbdde0); text-decoration:none; }
+    }
+
+    /* primary */
+    &.primary { background:#48739c; @include ff-gradient(#6a93bb, #48739c); border:1px solid #324e69; @include box-shadow(inset 1px 1px 0 #98badc); color:#ffffff; text-shadow:-1px -1px 1px #2d4963;
+        &:hover,&.hover { background:#3f6890; @include ff-gradient(#5c85ad, #3f6890); text-decoration:none; }
+        &:disabled,&.disabled{ @include ff-gradient(#e7e7e7, #e7e7e7); border:1px solid #b0b5bb; @include box-shadow(none); text-shadow:none; color:#999999; }
+    }
+
+    /* secondary */
+    &.secondary { background:#d5e7f6; @include ff-gradient(#eaf3fb, #c3dcf1); border:1px solid #a3aab0; color:#4777a4; text-shadow:#ffffff 1px 1px 0;
+        &:hover,&.hover { background:#b9d3e9; @include ff-gradient(#e1ebf5, #b9d3e9); text-decoration:none; }
+    }
+}
+
+

data/lib/fanforce/plugin_factory/assets/lib/common/_variables.scss

@@ -0,0 +1,27 @@
+//////////////////////////////////////////////////////////////////////////////////////////////////
+// SET CORE VARIABLES
+// Define all core variables here
+//////////////////////////////////////////////////////////////////////////////////////////////////
+$link-color:       #1861a8;
+$action-color:     #ffb400;
+$true-fan-color:        #72c14b;
+$error-color:      #e70000;
+
+$font-family:      'Helvetica', Arial, sans-serif;
+$font-size-small:  11px;
+$font-size-normal: 12px;
+$font-size-large:  13px;
+
+$line-height:  1.5em;
+
+//////////////////////////////////////////////////////////////////////////////////////////////////
+// SET LAYOUT CONTENT WIDTHS
+// This has to be defined as a function to get around the scoping limitations of sass
+//////////////////////////////////////////////////////////////////////////////////////////////////
+@function content-width($layout: 'none') {
+    @if $layout == 'website' { @return 960px; }
+    @else if $layout == 'application' { @return 1000px; }
+    @else if $layout == 'auth' { @return 1000px; }
+    @else if $layout == 'styleguide' { @return 1120px; }
+    @else { @return 960px; }
+}

data/lib/fanforce/plugin_factory/assets/lib/common/layouts/_add_edit_initiative.scss

@@ -0,0 +1,23 @@
+//////////////////////////////////////////////////////////////////////////////////////////////////
+// COMPASS AND BOOTSTRAP
+//////////////////////////////////////////////////////////////////////////////////////////////////
+@import 'compass/css3';
+@import 'compass/utilities';
+@import 'vendors/bootstrap/css/bootstrap.min.css';
+@import 'vendors/font-awesome/css/font-awesome.min.css';
+
+//////////////////////////////////////////////////////////////////////////////////////////////////
+// COMMON
+//////////////////////////////////////////////////////////////////////////////////////////////////
+@import 'common/mixins';
+@import 'common/variables';
+
+//////////////////////////////////////////////////////////////////////////////////////////////////
+// BASE STYLES (AS FEW AS POSSIBLE)
+//////////////////////////////////////////////////////////////////////////////////////////////////
+
+body { overflow:hidden;
+  .hide { display:none !important; }
+  .dropdown-menu { @include border-radius(4px); border:1px solid #aec7dd; @include box-shadow(1px 1px 3px rgba(0, 0, 0, 0.2), #ffffff 1px 1px 0 inset); background:#f7fafd; }
+  .page-loading { color:#cccccc; font-size:15px; text-align: center; padding-top:45px; }
+}

data/lib/fanforce/plugin_factory/assets/lib/common/layouts/_add_source.scss

@@ -0,0 +1,17 @@
+//////////////////////////////////////////////////////////////////////////////////////////////////
+// COMPASS AND BOOTSTRAP
+//////////////////////////////////////////////////////////////////////////////////////////////////
+@import 'compass/css3';
+@import 'compass/utilities';
+@import 'vendors/bootstrap/css/bootstrap.min.css';
+@import 'vendors/font-awesome/css/font-awesome.min.css';
+
+//////////////////////////////////////////////////////////////////////////////////////////////////
+// COMMON
+//////////////////////////////////////////////////////////////////////////////////////////////////
+@import 'common/mixins';
+@import 'common/variables';
+
+//////////////////////////////////////////////////////////////////////////////////////////////////
+// BASE STYLES (AS FEW AS POSSIBLE)
+//////////////////////////////////////////////////////////////////////////////////////////////////