fuel 0.3.3 → 0.3.20

data/app/assets/stylesheets/fuel/components/_sliding-panel.scss

@@ -0,0 +1,59 @@
+// Sliding Panel Component
+// ========================================
+
+// Variables
+$sliding-panel-background:         $white-base;
+
+$sliding-panel-header-background:  $green-base;
+
+$sliding-panel-background-active:  $black-base;
+$sliding-panel-shadow-active:      rgba(0, 0, 0, 0.35);
+$sliding-panel-spread-active:      5px 0 10px;
+
+// Structure
+.sliding-panel-content {
+  @include position(fixed, 0 auto 0 0);
+  @include size(90% 100%);
+  @include transform(translateX(-100%));
+  @include transition(all 0.5s ease-in);
+  background: $sliding-panel-background;
+  z-index: 999999;
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+
+  &.is-visible {
+    @include box-shadow($sliding-panel-spread-active, $sliding-panel-shadow-active);
+    @include transform(translateX(0));
+  }
+}
+
+.sliding-panel-header {
+  @include rem(margin-bottom, 20px);
+  @include rem(padding, 20px);
+  background-color: $sliding-panel-header-background;
+
+  .title {
+    @include s-foxtrot;
+    margin: 0;
+    text-transform: uppercase;
+  }
+}
+
+.sliding-panel-body {
+  margin: 0 auto;
+  width: 65%;
+}
+
+.sliding-panel-fade-screen {
+  @include position(fixed, 0 0 0 0);
+  @include transition();
+  background: $sliding-panel-background-active;
+  opacity: 0;
+  visibility: hidden;
+  z-index: 999998;
+
+  &.is-visible {
+    opacity: 0.8;
+    visibility: visible;
+  }
+}

data/app/assets/stylesheets/fuel/settings/_reset.scss

@@ -0,0 +1,46 @@
+// http://meyerweb.com/eric/tools/css/reset/
+// v2.0 | 20110126
+// License: none (public domain)
+
+@mixin meyer-reset {
+  html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
+    margin: 0;
+    padding: 0;
+    border: 0;
+    font-size: 100%;
+    font: inherit;
+    vertical-align: baseline;
+  }
+
+  // HTML5 display-role reset for older browsers
+  article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
+    display: block;
+  }
+  body {
+    line-height: 1;
+  }
+  ol, ul {
+    list-style: none;
+  }
+  blockquote, q {
+    quotes: none;
+  }
+  blockquote {
+    &:before, &:after {
+      content: "";
+      content: none;
+    }
+  }
+  q {
+    &:before, &:after {
+      content: "";
+      content: none;
+    }
+  }
+  table {
+    border-collapse: collapse;
+    border-spacing: 0;
+  }
+}
+
+@include meyer-reset;

data/app/assets/stylesheets/fuel/settings/_settings.scss

@@ -0,0 +1,19 @@
+// Settings Directory
+// ========================================
+
+// Reset
+@import "reset";
+
+
+// Variables
+@import "variables/colors";
+@import "variables/alerts";
+@import "variables/buttons";
+@import "variables/typography";
+
+
+// Mixins
+@import "mixins/layout";
+@import "mixins/misc";
+@import "mixins/rem";
+@import "mixins/typography";

data/app/assets/stylesheets/fuel/settings/mixins/_layout.scss

@@ -0,0 +1,20 @@
+@import "neat-helpers";
+
+//GRID SETTINGS
+  $grid-columns: 12;
+
+//MEDIA QUERIES
+
+  //DEFINED VARIABLES
+  $mobile-size:em(320);
+  $tablet-size:em(720);
+  $desktop-size:em(1200);
+
+  // SPECIAL VARIABLES
+  $tablet-landscape: em(1024);
+
+  // Bourbon Neat Breakpoints
+  $mobile: new-breakpoint(min-width $mobile-size 4);
+  $tablet: new-breakpoint(min-width $tablet-size 9);
+  $tablet-landscape: new-breakpoint(min-width $tablet-landscape orientation landscape 9); //LPL Added
+  $desktop: new-breakpoint(min-width $desktop-size 12);

data/app/assets/stylesheets/fuel/settings/mixins/_misc.scss

@@ -0,0 +1,27 @@
+// Misc. Stylesheet
+// ========================================
+
+
+// Background Image
+@mixin background-size($size){
+  -webkit-background-size: $size;
+  -moz-background-size:    $size;
+  -o-background-size:      $size;
+  background-size:         $size;
+}
+
+
+// Box Shadow
+@mixin box-shadow($dim: 0 0 0 0, $color: $black-base){
+  -webkit-box-shadow: $dim $color;
+  -moz-box-shadow:    $dim $color;
+  -o-box-shadow:      $dim $color;
+  box-shadow:         $dim $color;
+}
+
+// Vertical Center
+@mixin vertical-center {
+  @include transform(translateY(-50%));
+  position: absolute;
+  top: 50%;
+}

data/app/assets/stylesheets/fuel/settings/mixins/_rem.scss

@@ -0,0 +1,46 @@
+//REM MIXIN FROM ROLODEX - BELLYCARD
+
+// Strip the unit from a value
+
+@function remove-unit($num) {
+  @return $num / ($num * 0 + 1);
+}
+
+// Mixin
+
+@mixin rem($property, $values) {
+  $root: remove-unit($font-size-base);
+  $px-values: ();
+  $rem-values: ();
+
+  @each $value in $values {
+    @if $value == 0 or type-of($value) != "number" {
+      $px-values: append($px-values, $value);
+      $rem-values: append($rem-values, $value);
+    }
+
+    @else {
+      $unit: unit($value);
+      $val: remove-unit($value);
+
+      @if $unit == "px" {
+        $px-values: append($px-values, $val + px);
+        $rem-values: append($rem-values, $val / $root + rem);
+      }
+
+      @if $unit == "rem" {
+        $px-values: append($px-values, $val * $root + px);
+        $rem-values: append($rem-values, $val + rem);
+      }
+    }
+  }
+
+  @if $rem-values == $px-values {
+    #{$property}: $rem-values;
+  }
+
+  @else {
+    #{$property}: $px-values;
+    #{$property}: $rem-values;
+  }
+}

data/app/assets/stylesheets/fuel/settings/mixins/_typography.scss

@@ -0,0 +1,64 @@
+// Typography Mixin
+// ========================================
+
+
+// Font Sizes
+@mixin s-giga{
+  @include rem(font-size, $s-giga);
+}
+
+@mixin s-mega{
+  @include rem(font-size, $s-mega);
+}
+
+@mixin s-alpha{
+  @include rem(font-size, $s-alpha);
+}
+
+@mixin s-bravo{
+  @include rem(font-size, $s-bravo);
+  @include rem(line-height, $base-line-height);
+}
+
+@mixin s-charlie{
+  @include rem(font-size, $s-charlie);
+  @include rem(line-height, $base-line-height);
+}
+
+@mixin s-delta{
+  @include rem(font-size, $s-delta);
+}
+
+@mixin s-echo{
+  @include rem(font-size, $s-echo);
+}
+
+@mixin s-foxtrot{
+  @include rem(font-size, $s-foxtrot);
+}
+
+@mixin s-golf{
+  @include rem(font-size, $s-golf);
+  @include rem(line-height, $base-line-small);
+}
+
+@mixin s-hotel{
+  @include rem(font-size, $s-hotel);
+  @include rem(line-height, $base-line-small);
+}
+
+
+// Font Styles
+@mixin font-type($type, $style, $weight){
+  font-family: $type;
+  font-style:  $style;
+  font-weight: $weight;
+}
+
+// Text Shadow
+@mixin text-shadow($dim: 0 0 0 0, $color: $black-base){
+  -webkit-text-shadow: $dim $color;
+  -moz-text-shadow:    $dim $color;
+  -o-text-shadow:      $dim $color;
+  text-shadow:         $dim $color;
+}

data/app/assets/stylesheets/fuel/settings/variables/_alerts.scss

@@ -0,0 +1,9 @@
+// Alert Variables
+// ========================================
+
+$alerts: (
+  success   $green-base   $green-dark,
+  danger    $yellow-base  $yellow-dark,
+  warning   $red-base     $red-dark,
+  default   $blue-base    $blue-dark
+);

data/app/assets/stylesheets/fuel/settings/variables/_buttons.scss

@@ -0,0 +1,8 @@
+// Buttons
+// ========================================
+
+$buttons: (
+  (primary,   $blue-base,   $white-base)
+  (secondary, $green-base,  $white-base)
+  ('white',   $white-base,  $black-base)
+)

data/app/assets/stylesheets/fuel/settings/variables/_colors.scss

@@ -0,0 +1,55 @@
+// Colors
+// ========================================
+
+  // Black
+  $black-base:   #4A4A4A;
+  $black-dark:   #333333;
+
+  // Blue
+  $blue-base:    #00ADEF;
+  $blue-medium:  #0094CC;
+  $blue-dark:    #024E6E;
+
+  // Green
+  $green-base:  #C4DC6E;
+  $green-dark:  #89C540;
+
+  // Grey
+  $grey-light:   #EBEBEB;
+  $grey-base:    #DEDEDE;
+  $grey-dark:    #9B9B9B;
+
+  // Red
+  $red-base:     #F7917C;
+  $red-dark:     #DF4F32;
+
+  // Yellow
+  $yellow-base:  #F3C859;
+  $yellow-dark:  #FFC107;
+
+  // White
+  $white-light:  #FAFAFA;
+  $white-base:   #FFFFFF;
+  $white-dark:   #F1F1F1;
+
+
+  //MAIN PALETTE LIST
+  $colors: (
+    black-base    $black-base,
+    black-dark    $black-dark,
+    blue-base     $blue-base,
+    blue-medium   $blue-medium,
+    blue-dark     $blue-dark,
+    grey-light    $grey-light,
+    grey-base     $grey-base,
+    grey-dark     $grey-dark,
+    green-base    $green-base,
+    green-dark    $green-dark,
+    red-base      $red-base,
+    red-dark      $red-dark,
+    yellow-base   $yellow-base,
+    yellow-dark   $yellow-dark,
+    white-light   $white-light,
+    white-base    $white-base,
+    white-dark    $white-dark
+  );

data/app/assets/stylesheets/fuel/settings/variables/_typography.scss

@@ -0,0 +1,25 @@
+// Typography Variables
+// ========================================
+
+  // Font Families
+  $primary-sans-serif: "proxima-nova", Helvetica, sans-serif;
+  $primary-serif: "museo-slab", Georgia, serif;
+
+  // Sizes
+  $font-size-base: 14px;
+
+  $s-giga:    60px;
+  $s-mega:    42px;
+
+  $s-alpha:   30px;
+  $s-bravo:   24px;
+  $s-charlie: 21px;
+  $s-delta:   18px;
+  $s-echo:    16px;
+  $s-foxtrot: $font-size-base;
+  $s-golf:    12px;
+  $s-hotel:   11px;
+
+  // Line Heights
+  $base-line-height: $font-size-base * 1.5;
+  $base-line-small:  $font-size-base;

data/app/controllers/fuel/admin/admin_controller.rb

@@ -0,0 +1,7 @@
+module Fuel
+  module Admin
+    class AdminController < ::FuelController
+      http_basic_authenticate_with name: Fuel.configuration.username, password: Fuel.configuration.password
+    end
+  end
+end

data/app/controllers/fuel/admin/authors_controller.rb

@@ -0,0 +1,80 @@
+module Fuel
+  module Admin
+    class AuthorsController < AdminController
+      layout "fuel/application"
+      before_filter :find_authors
+      before_filter :find_author, only: [:edit, :update, :destroy]
+      before_filter :set_url, only: [:new, :create, :edit, :update]
+
+      def index
+      end
+
+      def new
+        @author = Fuel::Author.new
+      end
+
+      def create
+        if Rails.version[0].to_i < 4
+          @author = Fuel::Author.new(params[:fuel_author])
+        else
+          @author = Fuel::Author.new(author_params)
+        end
+
+        if @author.save
+          redirect_to fuel.admin_authors_path, notice: "Your author was successfully #{@message}."
+        else
+          render action: "new"
+        end
+      end
+
+      def edit
+
+      end
+
+      def update
+        if Rails.version[0].to_i < 4
+          @author.attributes = params[:fuel_author]
+        else
+          @author.attributes = author_params
+        end
+
+        if @author.save
+          redirect_to fuel.admin_authors_path, notice: "Author was updated and #{@message}"
+        else
+          render action: "edit"
+        end
+      end
+
+      def destroy
+        @author.posts.each do |post|
+          post.author_id = nil
+          post.save
+        end
+        @author.destroy
+        redirect_to fuel.admin_authors_path, notice: "Author was successfully deleted"
+      end
+
+      def show
+      end
+
+      private
+
+        def author_params
+          params.require(:fuel_author).permit(:first_name, :last_name, :title, :bio, :avatar, :email, :twitter, :github, :dribbble)
+        end
+
+        def find_author
+          @author = Fuel::Author.find_by_id(params[:id])
+        end
+
+        def find_authors
+          @authors = Fuel::Author.order("first_name ASC")
+        end
+
+        def set_url
+          @url = ["new", "create"].include?(action_name) ? fuel.admin_authors_path : fuel.admin_author_path(@author)
+        end
+
+    end
+  end
+end