ceo 0.1.7 → 0.2.0

data/app/assets/stylesheets/admin/settings/colors.sass

@@ -0,0 +1,34 @@
+////////////////////
+// Primary Colors
+////////////////////
+
+$black: rgb(50, 50, 50) !default
+$grey: rgb(239, 239, 239) !default
+$slate: rgb(108, 108, 108) !default
+$white: rgb(249, 249, 249) !default
+$blue: rgb(95, 175, 255) !default
+$purple: rgb(175, 95, 215) !default
+$red: rgb(215, 95, 95) !default
+$yellow: rgb(247, 197, 42) !default
+$orange: rgb(255, 135, 0) !default
+$green: rgb(120, 210, 48) !default
+
+// This allows all of the primary colors to be accessed by mixins that generate display classes for objects with one of each color
+$all-colors: (black, $black) (grey, $grey) (slate, $slate) (white, $white) (blue, $blue) (purple, $purple) (red, $red) (yellow, $yellow) (orange, $orange) (green, $green)
+
+////////////////////
+// Function Colors
+////////////////////
+
+$color-primary: $black !default
+$color-inverted: $white !default
+$color-secondary: $grey !default
+$color-accent: $blue !default
+$color-function: $slate !default
+$color-success: $green !default
+$color-alert: $red !default
+$color-warning: $yellow !default
+$color-secure: $orange !default
+
+// This allows all of the function colors to be accessed by mixins that generate display classes for objects with one of each color
+$all-function-colors: (primary, $color-primary) (secondary, $color-secondary) (accent, $color-accent) (function, $color-function) (alert, $color-alert) (success, $color-success) (warning, $color-warning) (secure, $color-secure)

data/app/assets/stylesheets/admin/settings/forms.sass

@@ -0,0 +1,9 @@
+////////////////////
+// Inputs 
+////////////////////
+
+$input-background: lighten($color-accent, 27%) !default
+$input-placeholder-color: $color-primary !default
+$input-border-color: none !default 
+$input-border-size: none !default
+$input-padding: 0.375em !default

data/app/assets/stylesheets/admin/settings/global.sass

@@ -0,0 +1,50 @@
+////////////////////
+// Set Max Width 
+////////////////////
+
+$max-width: 93.75rem
+
+////////////////////
+// Set REM Default
+////////////////////
+
+$base-rem: 16px !default
+
+////////////////////
+// Set REM Modifiers 
+////////////////////
+
+$small-rem: 14px !default
+$large-rem: 18px !default
+$xlarge-rem: 20px !default
+$xxlarge-rem: 22px !default
+
+////////////////////
+// Set Vertical/Horizontal Rhythm
+////////////////////
+
+$rhythm-vertical: 1.5em !default
+$rhythm-horizontal: 1em !default
+
+$rhythm: $rhythm-vertical $rhythm-horizontal !default
+
+////////////////////
+// Set Box-Sizing
+////////////////////
+
+$box-sizing: border-box !default
+
+////////////////////
+// Set Button Naming Convention
+////////////////////
+
+$button-name: button !default
+
+////////////////////
+// Set Animation Transitions
+////////////////////
+
+$transition-duration: 0.2s
+$transition-easing: ease-in-out
+
+

data/app/assets/stylesheets/admin/settings/header.sass

@@ -0,0 +1,6 @@
+////////////////////
+// Default Header Settings 
+////////////////////
+
+$header-primary-background: $color-primary
+$header-primary-color: $color-inverted

data/app/assets/stylesheets/admin/settings/media-queries.sass

@@ -0,0 +1,21 @@
+////////////////////
+// Media Breakpoints
+////////////////////
+
+$breakpoint-large: 60em !default
+
+////////////////////
+// Media Ranges 
+////////////////////
+
+$small-range: (0, $breakpoint-large) !default
+$large-range: ($breakpoint-large+ em-calc(1), em-calc(9999999)) !default
+
+////////////////////
+// Media Queries
+////////////////////
+
+$screen: "only screen"
+
+$small-only: "#{$screen} and (max-width: #{$breakpoint-large})"
+$large-up: "#{$screen} and (min-width: #{$breakpoint-large})"

data/app/assets/stylesheets/admin/settings/tables.sass

@@ -0,0 +1,16 @@
+////////////////////
+// Default Table Settings 
+////////////////////
+
+$table-width: 100% !default
+$table-border-collapse: collapse !default
+$table-border-width: 0 !default
+
+////////////////////
+// Default Table Colors 
+////////////////////
+
+$table-border-color: none !default
+$table-header: $color-accent !default
+$table-row-odd: $color-inverted !default
+$table-row-even: lighten($color-accent, 27%) !default

data/app/assets/stylesheets/admin/settings/type.sass

@@ -0,0 +1,42 @@
+////////////////////
+// Default Font Size/Spacing
+////////////////////
+
+$font-size: 100% !default
+
+$h1-size: 225% !default
+$h2-size: 187.5% !default
+$h3-size: 150% !default
+$h4-size: 125% !default
+$h5-size: 100% !default
+$h6-size: 87.5% !default
+
+$small-size: 75% !default
+
+$line-height: 1.5 !default
+
+$svg-size: 1.5em
+
+////////////////////
+// Font Families
+////////////////////
+
+$font-family: Tahoma, Verdana, Segoe, sans-serif !default
+$header-family: Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif !default
+$monospace-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace
+
+$font-weight-light: 300 !default
+$font-weight: 400 !default
+$font-weight-semi-bold: 600 !default
+$font-weight-bold: 700 !default
+$font-weight-extra-bold: 800 !default
+
+$font-strong: $font-weight-bold
+
+////////////////////
+// Font Colors 
+////////////////////
+
+$font-color: $color-primary !default
+$font-color-inverted: $color-inverted !default
+$font-color-strong: $color-accent !default

data/app/assets/stylesheets/admin/tools/button-generator.sass

@@ -0,0 +1,50 @@
+=button-generator
+
+  /* =button-inverted($inverted-color)
+      &--inverted
+      background-color: rgba($inverted-color, 0)
+      box-shadow: inset 0 0 0 $border-width $inverted-color
+      color: $inverted-color
+      &:active:enabled, &:focus:enabled, &:hover:enabled
+        box-shadow: inset 0 0 0 $border-width darken($inverted-color, 8%), inset 0 -2.25em 0 0 darken($inverted-color, 8%)
+        color: $color-inverted */
+
+
+  .#{$button-name}
+    background:
+      color: $color-accent
+      image: none
+    box-shadow: inset 0 0 0 $color-accent
+    border: none
+    color: dynamic-text-lightness($color-accent)
+    cursor: pointer
+    display: inline-block
+    font-size: 1em
+    line-height: $line-height
+    padding: $input-padding
+    vertical-align: middle
+    transition: box-shadow $transition-duration $transition-easing, color $transition-duration $transition-easing
+    &:active:enabled, &:focus:enabled, &:hover:enabled
+      box-shadow: inset 0 -2.25em 0 darken($color-accent, 8%)
+    &--disabled, &:disabled
+      cursor: default
+      opacity: .5
+    // +button-inverted($color-accent)
+
+    $size: 70%
+    @each $button-size in small, medium, large
+      &--#{$button-size}
+        font-size: $size
+      $size: $size + 30%
+
+
+    @each $name, $color in $all-function-colors
+      &--#{$name}
+        @if lightness($color) > 90%
+          $color: darken($color, 5%)
+        background-color: $color
+        box-shadow: inset 0 0 0 $color
+        color: dynamic-text-lightness($color)
+        &:active:enabled, &:focus:enabled, &:hover:enabled
+          box-shadow: inset 0 -2.25em 0 darken($color, 8%)
+        // +button-inverted($color)

data/app/assets/stylesheets/admin/tools/clearfix.sass

@@ -0,0 +1,5 @@
+=clearfix
+  &:after
+    content: ""
+    display: table
+    clear: both

data/app/assets/stylesheets/admin/tools/dynamic-text-lightness.sass

@@ -0,0 +1,5 @@
+@function dynamic-text-lightness($color, $lightness: 70)
+  @if (lightness($color) > $lightness) 
+    @return $font-color // Lighter backgorund, return dark color
+  @else 
+    @return $font-color-inverted // Darker background, return light color

data/app/assets/stylesheets/admin/tools/ellipsize.sass

@@ -0,0 +1,4 @@
+=ellipsize
+  white-space: nowrap
+  overflow: hidden
+  text-overflow: ellipsis

data/app/assets/stylesheets/admin/tools/greyscale.sass

@@ -0,0 +1,16 @@
+=greyscale
+  float: left
+  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\' filterRes=\'800\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale")
+  /* Firefox 10+
+  filter: gray
+  /* IE6-9
+  -webkit-filter: grayscale(1)
+  /* Chrome 19+ & Safari 6+
+  -webkit-backface-visibility: hidden
+  /* Fix for transition flickering
+  transition: all .1s ease
+  z-index: 40 !important
+  display: block
+  &:hover
+    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\' filterRes=\'800\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale")
+    -webkit-filter: grayscale(0%)

data/app/assets/stylesheets/admin/tools/link-generator.sass

@@ -0,0 +1,18 @@
+=link-generator
+  .link
+    box-shadow: inset 0 -.15em 0 $color-accent
+    cursor: pointer
+    display: inline
+    text-decoration: none
+    transition: box-shadow $transition-duration $transition-easing, color $transition-duration $transition-easing
+    &:hover, &:active, &:focus
+      box-shadow: inset 0 -1.5em 0 $color-accent
+      color: dyanmic-text-lightness($color-accent)
+    @each $name, $color in $all-function-colors
+      &--#{$name}
+        @if lightness($color) > 90%
+          $color: darken($color, 10%)
+        box-shadow: inset 0 -.15em 0 $color
+        &:active, &:focus, &:hover
+          box-shadow: inset 0 -1.5em 0 $color
+          color: dynamic-text-lightness($color)

data/app/assets/stylesheets/admin/tools/notifier-generator.sass

@@ -0,0 +1,27 @@
+=notifier-generator
+
+  .notifier
+    background: 
+      color: $color-accent
+      image: none
+    color: dynamic-text-lightness($color-accent)
+    display: block
+    padding: $rhythm-vertical 0
+    vertical-align: middle 
+
+    // .notifier__text
+    &__content
+      @extend .wrapper
+      padding: 0 $rhythm-horizontal
+
+    // .notifier__close
+    &__close
+      float: right
+      padding: 0 $rhythm-horizontal
+      &:hover
+        text-decoration: underline
+
+    @each $name, $color in $all-function-colors
+      &--#{$name}
+        background-color: $color
+        color: dynamic-text-lightness($color) 

data/app/assets/stylesheets/admin/tools/panel-generator.sass

@@ -0,0 +1,13 @@
+=panel-generator
+  .panel
+    display: block
+    padding: $rhythm
+    text-align: center
+    &--text-left
+      text-align: left
+    @each $name, $color in $all-function-colors
+      &--#{$name}
+        @if lightness($color) > 90%
+          $color: darken($color, 5%)
+        background-color: $color
+        color: dynamic-text-lightness($color) 

data/app/assets/stylesheets/admin/tools/placeholder.sass

@@ -0,0 +1,5 @@
+=placeholder
+  &:-moz-placeholder
+    @content
+  &::-webkit-input-placeholder
+    @content

data/app/assets/stylesheets/admin/tools/space-generator.sass

@@ -0,0 +1,17 @@
+=space-generator($size, $name: "")
+  $n: #{$name}
+  @if $name != ""
+    $n: "#{$name}"
+  $sides: (top, left, bottom, right)
+
+  .space--#{$n}
+    margin: $size
+  @each $side in $sides 
+    .space-#{$side}--#{$n}
+      margin-#{$side}: $size
+
+  .space-inner--#{$n}
+    padding: $size
+  @each $side in $sides 
+    .space-inner--#{$side}--#{$n}
+      padding-#{$side}: $size

data/app/assets/svg/admin/eye.svg

@@ -0,0 +1 @@
+<svg class="svg" xmlns="http://www.w3.org/2000/svg" viewBox="-333.8 295.6 50 50" enable-background="new -333.8 295.6 50 50"><path d="M-284.3 319.6c0-.5-6-13.5-24.5-13.5s-24 13-24.5 13.5l-.5 1 .5 1c0 .5 5.5 13.5 24.5 13.5 18.5 0 24-13 24.5-13.5l.5-1-.5-1zm-24.5 6.5c-3 0-5.5-2.5-5.5-5.5s2.5-5.5 5.5-5.5 5.5 2.5 5.5 5.5-2.5 5.5-5.5 5.5zm-19-5.5c1.5-2 5-7.5 14-9-3 2-5 5-5 9s2 7 5 9c-9-1.5-13-7-14-9zm24.5 9c3-2 5-5 5-9s-2-7-5-9c8.5 1.5 12.5 7 14 9-1.5 2-5.5 7.5-14 9z"/></svg>

data/app/assets/svg/admin/hamburger.svg

@@ -0,0 +1 @@
+<svg class="svg hamburger" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19 18" enable-background="new 0 0 19 18"><path fill="#fff" d="M.5 2.5h18v3H.5zm0 5h18v3H.5zm0 5h18v3H.5z"/></svg>

data/app/assets/svg/admin/pencil.svg

@@ -0,0 +1 @@
+<svg class="svg" xmlns="http://www.w3.org/2000/svg" viewBox="-327.6 294.3 50 50" enable-background="new -327.6 294.3 50 50"><path d="M-289.6 294.3l-11.4 11.4-22.3 22.3-4.3 16.3 16.3-4.3 26.1-26.1 7.6-7.6-12-12zm-21.7 38.6l-3.8-3.8 18.5-18.5 3.8 3.8-18.5 18.5zm22.3-22.8l-3.8-3.8 3.8-3.8 3.8 3.8-3.8 3.8z"/></svg>

data/app/assets/svg/admin/search.svg

@@ -0,0 +1 @@
+<svg class="svg" xmlns="http://www.w3.org/2000/svg" viewBox="-1725.9 2208.2 50 50" enable-background="new -1725.9 2208.2 50 50"><path d="M-1676 2253.2l-16.1-16.1c1.8-3 3-6.5 3-10.1 0-10.1-8.3-18.5-18.5-18.5-10.1 0-18.5 8.3-18.5 18.5s8.3 18.5 18.5 18.5c4.2 0 7.7-1.2 10.7-3.6l16.1 16.1 4.8-4.8zm-31.4-14.1c-6.5 0-12.5-5.4-12.5-12.5 0-6.5 5.4-12.5 12.5-12.5 6.5 0 12.5 5.4 12.5 12.5-.6 7.2-6 12.5-12.5 12.5z"/></svg>

data/app/controllers/admin/admin_controller.rb

@@ -1,229 +1,28 @@
-# Public: A base controller for admin pages.
-class Admin::AdminController < ApplicationController
-  before_action :find_thing, only: [:show, :edit, :update, :destroy]
+module Admin
+  # Public: Base admin system controller. Contains authentication, a dashboard, and a
+  # style guide. Anything that must affect all admin pages should be added here.
+  class AdminController < ::ApplicationController
+    # An AdminMiddleware module can be added to change any part of the
+    # base AdminController class' functionality.
+    try(:include, ::AdminMiddleware)
 
-  helper_method :thing_path
-  helper_method :things_path
-  helper_method :new_thing_path
-  helper_method :edit_thing_path
-  helper_method :thing_page_path
-  try(:include, ::AdminMiddleware)
+    before_action :authenticate_admin!
 
-  # GET /things
-  # Public: Indexes all things in the model.
-  #
-  # Uses pagination by default.
-  #
-  # Sets several variables and renders to a view.
-  def index(options = {})
-    options[:query] ||= []
-    @page = (params[:page] || 1).to_i
-    @route_name ||= @controller_name ||= controller_name
+    layout "admin/application"
 
-    @iterator = CEO::Iterator.new(
-      thing,
-      query: options[:query],
-      page: @page,
-      per_page: options.fetch(:per_page, 20),
-      filters: {
-        only: options[:only],
-        except: options[:except]
-      }
-    )
-
-    @things = @iterator.all || []
-    @total_pages = @iterator.total_pages
-
-    @model_name ||= thing.to_s.underscore
-    @human_model = @model_name.humanize
-    @title = thing.to_s.titleize.pluralize
-    render 'admin/index'
-  end
-
-  # GET /:things/:id
-  def show(options = {})
-    @model = thing
-    @title = @model.to_s.titleize.pluralize
-    if options[:query]
-      query_out = {}
-      iterator = CEO::Iterator.new(thing)
-      options[:query].each do |q|
-        query_out.merge! iterator.query_eval(@thing, q)
-      end
+    def dashboard
+      render 'admin/dashboard'
     end
 
-    filtered_keys = CEO::Iterator.filter(keys(@thing), options)
-    @thing_attrs = @thing.attributes.select do |k, _|
-      filtered_keys.include? k
+    def styleguide
+      render 'admin/styleguide'
     end
 
-    @thing_attrs.transform_keys! { |k| CEO::Iterator.acronymize(k) }
-    @thing_attrs.merge! query_out if query_out
-
-    render 'admin/show'
-  end
-
-  # GET /:things/new
-  def new(options = { only: [], except: [:id, :created_at, :updated_at], required: [] })
-    @thing_model = thing
-    @thing = @thing_model.new
-    @attrs = CEO::Iterator.filter(@thing.attributes.keys, options)
-    @route_name ||= @controller_name ||= controller_name
-    @index_route = send(:"admin_#{@route_name}_path")
-
-    render 'admin/new'
-  end
-
-  # GET /:things/edit
-  #
-  # options - hash of options
-  #   only - filter attributes to edit by whitelist
-  #   except - filter attributes to edit by blacklist (has some preset defaults that you probably don't want)
-  def edit(options = { only: [], except: [:id, :created_at, :updated_at], required: [] })
-    @required_keys = options[:required]
-    @attrs = CEO::Iterator.filter(@thing.attributes.keys, options)
-    @model = @thing.model_name.name.constantize
-    @route_name ||= @controller_name ||= controller_name
-    @index_route = send(:"admin_#{@route_name}_path")
-
-    render 'admin/edit'
-  end
-
-  # POST /:things
-  def create
-    @thing = thing.new(thing_params)
-    @route_name ||= @controller_name ||= controller_name
-
-    if @thing.save
-      flash[:notice] = "#{thing} successfully created."
-      redirect_to things_path(@route_name), notice: "#{thing.to_s.titleize} successfully created."
-    else
-      render 'admin/new'
-    end
-  end
-
-  # PATCH/PUT /:things/:id
-  def update
-    @route_name ||= @controller_name ||= controller_name
-
-    if @thing.update(thing_params)
-      redirect_to things_path(@route_name), notice: "#{@controller_name.titleize} successfully updated."
-    else
-      render 'admin/edit'
+    # Defers to #authenticate_admin! in ApplicationController if it is defined
+    # If not, returns false/does nothing
+    def authenticate_admin!
+      super rescue false
     end
   end
-
-  # DELETE /:things/:id
-  def destroy
-    @thing.destroy
-
-    flash[:notice] = "#{thing} #{@thing.id} was successfully destroyed."
-    redirect_to action: :index
-  end
-
-  private
-
-  # Internal: Finds the ActiveRecord object of the current controller.
-  #
-  # Returns an ActiveRecord class.
-  def thing
-    controller_name.classify.constantize
-  end
-
-  # Private: Permits all model-defined parameters.
-  #
-  # Retuns a hash of parameters.
-  def thing_params
-    @params ||= thing.new.attributes.keys.map(&:to_sym)
-    params.require(thing.name.underscore.to_sym).permit(
-      @params,
-      :page
-    )
-  end
-
-  # Private: Finds an ActiveRecord object by id.
-  #
-  # Sets a variable `@thing`, which contains the object.
-  def find_thing
-    @thing = thing.find(params[:id])
-  end
-
-  # Private: Returns keys for a given model.
-  #
-  # Arguments:
-  #   - model: the model object to get the keys from
-  #
-  # Returns an array of keys.
-  def keys(model)
-    model.attributes.keys
-  end
-
-  # Private: Returns the path of the thing.
-  #
-  # object - An instance of a model.
-  #
-  # Returns the path of the thing.
-  def thing_path(model, object)
-    id = object['ID'] || object['id']
-    send(:"admin_#{undersingularize(model)}_path", id: id)
-  end
-
-  # Private: Returns the index path of a model.
-  #
-  # object - An instance of a model.
-  #
-  # Returns the path of many things.
-  def things_path(object = nil)
-    object ||= @route_name || controller_name
-    send(:"admin_#{underpluralize(object)}_path")
-  end
-
-  # Private
-  #
-  # model - The model name.
-  # object - An instance of a model.
-  #
-  # Returns the edit path of a model.
-  def edit_thing_path(model, object)
-    id = object['ID'] || object['id']
-    send(:"edit_admin_#{undersingularize(model)}_path", id: id)
-  end
-
-  # Private
-  #
-  # model - The model name.
-  # object - An instance of a model.
-  #
-  # Returns the new path of a model.
-  def new_thing_path(model)
-    send(:"new_admin_#{undersingularize(model)}_path")
-  end
-
-  # Private
-  #
-  # model - The model name.
-  # page - The page number.
-  #
-  # Returns the paginated path of an object.
-  def thing_page_path(model, page)
-    send(:"page_admin_#{underpluralize(model)}_path", page: page)
-  end
-
-  # Private
-  #
-  # noun - Something to underpluralize. (String)
-  #
-  # Returns an underscored and pluralized string.
-  def underpluralize(noun)
-    noun.to_s.underscore.pluralize.downcase
-  end
-
-  # Private
-  #
-  # noun - Something to undersingularize. (String)
-  #
-  # Returns an underscored and singularized string.
-  def undersingularize(noun)
-    noun.to_s.underscore.singularize.downcase
-  end
 end
+