administrate 0.0.2

data/app/assets/stylesheets/administrate/base/_variables.scss

@@ -0,0 +1,93 @@
+// Typography
+$sans-serif: "Lato", $helvetica;
+$serif: $georgia;
+$base-font-family: $sans-serif;
+$header-font-family: $base-font-family;
+
+// Font Sizes
+$base-font-size: 1em;
+$small-font-size: 0.875em;
+$h1-font-size: $base-font-size * 2.25;
+$h2-font-size: $base-font-size * 2;
+$h3-font-size: $base-font-size * 1.75;
+$h4-font-size: $base-font-size * 1.5;
+$h5-font-size: $base-font-size * 1.25;
+$h6-font-size: $base-font-size;
+
+// Font Weights
+$light-font-weight: 300;
+$normal-font-weight: 400;
+$bold-font-weight: 900;
+
+// Line height
+$base-line-height: 1.5;
+$header-line-height: 1.25;
+
+// Other Sizes
+$base-border-radius: 3px;
+$base-spacing: $base-line-height * 1em;
+$base-z-index: 0;
+
+// Transitions
+$base-easing: cubic-bezier(0.215, 0.610, 0.355, 1);
+$base-timing: 0.25s;
+$base-transition: all $base-timing $base-easing;
+
+// Colors
+$dark-blue: #293f53;
+$blue: #2a94d6;
+$light-blue: #4eb1cb;
+$light-red: #cf5c60;
+$light-yellow: #f3ae4e;
+$light-green: #4ab471;
+
+$form-field-background-color: #fff;
+$white: #fff;
+$grey-0: #f6f7f7;
+$grey-1: #dfe0e1;
+$grey-2: #cfd8dc;
+$grey-3: #90acad;
+$grey-4: #7b808c;
+$grey-5: #4e6a68;
+$grey-6: #344346;
+$grey-7: #293f54;
+
+// Background Color
+$base-background-color: $dark-blue;
+
+// Font Colors
+$base-font-color: $grey-7;
+$base-accent-color: $blue;
+
+// Link Colors
+$base-link-color: $blue;
+$hover-link-color: shade($blue, 10);
+$base-button-color: $base-link-color;
+$hover-button-color: $hover-link-color;
+
+// Sidebar Colors
+$sidebar-active-color: $base-link-color;
+$sidebar-hover-color: $hover-link-color;
+
+// Flash Colors
+$alert-color: $light-yellow;
+$error-color: $light-red;
+$notice-color: lighten($base-accent-color, 40);
+$success-color: $light-green;
+
+// Border color
+$base-border-color: $grey-1;
+$base-border-size: 1px;
+$base-border: $base-border-size solid $base-border-color;
+$dark-border-color: $grey-2;
+$dark-border: $base-border-size solid $dark-border-color;
+
+// Forms
+$form-border-color: $base-border-color;
+$form-border-color-hover: darken($base-border-color, 10);
+$form-border-color-focus: $base-accent-color;
+$form-border-radius: $base-border-radius;
+$form-box-shadow: inset 0 1px 3px rgba(black,0.06);
+$form-box-shadow-focus: $form-box-shadow, 0 0 5px rgba(darken($form-border-color-focus, 5), 0.7);
+$form-font-size: $base-font-size;
+$form-font-family: $base-font-family;

data/app/assets/stylesheets/administrate/base/extends/_button.scss

@@ -0,0 +1,23 @@
+%button {
+  -webkit-font-smoothing: antialiased;
+  background-color: $base-button-color;
+  border-radius: $base-border-radius;
+  color: white;
+  display: inline-block;
+  font-size: $base-font-size;
+  font-weight: bold;
+  line-height: 1;
+  padding: 0.75em 1em;
+  text-decoration: none;
+  transition: background-color $base-timing $base-easing;
+
+  &:hover {
+    background-color: $hover-button-color;
+    color: white;
+  }
+
+  &:disabled {
+    cursor: not-allowed;
+    opacity: 0.5;
+  }
+}

data/app/assets/stylesheets/administrate/base/extends/_clearfix.scss

@@ -0,0 +1,3 @@
+%clearfix {
+  @include clearfix;
+}

data/app/assets/stylesheets/administrate/base/extends/_errors.scss

@@ -0,0 +1,11 @@
+%error {
+  color: darken($error-color, 60);
+}
+
+%warning {
+  color: darken($alert-color, 60);
+}
+
+%notice {
+  color: darken($notice-color, 60);
+}

data/app/assets/stylesheets/administrate/base/extends/_flashes.scss

@@ -0,0 +1,38 @@
+@mixin flash($color) {
+  background: $color;
+  color: darken($color, 60);
+
+  a {
+    color: darken($color, 70);
+
+    &:hover {
+      color: darken($color, 90);
+    }
+  }
+}
+
+%flash-base {
+  font-weight: bold;
+  margin-bottom: $base-spacing / 2;
+  padding: $base-spacing / 2;
+}
+
+%flash-alert {
+  @extend %flash-base;
+  @include flash($alert-color);
+}
+
+%flash-error {
+  @extend %flash-base;
+  @include flash($error-color);
+}
+
+%flash-notice {
+  @extend %flash-base;
+  @include flash($notice-color);
+}
+
+%flash-success {
+  @extend %flash-base;
+  @include flash($success-color);
+}

data/app/assets/stylesheets/administrate/base/extends/_hide-text.scss

@@ -0,0 +1,3 @@
+%hide-text {
+  @include hide-text;
+}

data/app/assets/stylesheets/administrate/components/_components.scss

@@ -0,0 +1,3 @@
+@import "form";
+@import "header";
+@import "table";

data/app/assets/stylesheets/administrate/components/_form.scss

@@ -0,0 +1,31 @@
+.form {
+  &-actions {
+    margin-left: 12em;
+  }
+
+  &-heading {
+    font-size: 1.75em;
+    margin: 0;
+    padding-bottom: 0.5em;
+  }
+
+  &-field {
+    align-items: baseline;
+    display: flex;
+    justify-content: flex-start;
+    margin: 1.2em 0;
+    width: 100%;
+
+    label {
+      margin-right: 2em;
+      text-align: right;
+      width: 10em;
+    }
+
+    input,
+    select {
+      background-color: $form-field-background-color;
+      max-width: 30em;
+    }
+  }
+}

data/app/assets/stylesheets/administrate/components/_header.scss

@@ -0,0 +1,10 @@
+.header {
+  @include display(flex);
+  @include justify-content(space-between);
+  @include align-items(flex-end);
+  padding: $base-spacing 0;
+
+  &-heading {
+    margin-top: 0;
+  }
+}

data/app/assets/stylesheets/administrate/components/_table.scss

@@ -0,0 +1,11 @@
+.table-row {
+  background-color: $white;
+  border-left: 2px solid transparent;
+  transition: $base-transition;
+
+  &:hover {
+    background-color: $grey-0;
+    border-left-color: $blue;
+    cursor: pointer;
+  }
+}

data/app/assets/stylesheets/administrate/layout.scss

@@ -0,0 +1,28 @@
+html,
+body,
+.main {
+  height: 100%;
+  min-height: 100%;
+}
+
+body {
+  background: $base-background-color;
+}
+
+.main {
+  @include clearfix;
+  @include align-items(stretch);
+  @include display(flex);
+  margin: 0 auto;
+  max-width: 100em;
+}
+
+.content {
+  @include flex(1);
+  @include card(2);
+  background-color: $grey-0;
+  height: 100%;
+  min-height: 100%;
+  overflow-y: auto;
+  padding: 0 $gutter;
+}

data/app/assets/stylesheets/administrate/mixins/_mixins.scss

@@ -0,0 +1 @@
+@import "shadow";

data/app/assets/stylesheets/administrate/mixins/_shadow.scss

@@ -0,0 +1,35 @@
+@mixin shadow {
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
+}
+
+/// Computes a top-shadow for a card effect.
+/// @param {Number} $depth - depth level
+/// @return {List}
+@function top-shadow($depth) {
+  $primary-offset: nth(1.5 3 10 14 19, $depth) * 1px;
+  $blur: nth(1.5 3 10 14 19, $depth) * 4px;
+  $color: rgba($grey-7, nth(0.12 0.16 0.19 0.25 0.30, $depth));
+
+  @return 0 $primary-offset $blur $color;
+}
+
+/// Computes a bottom-shadow for a card effect.
+/// @param {Number} $depth - depth level
+/// @return {List}
+@function bottom-shadow($depth) {
+  $primary-offset: nth(1.5 3 6 10 15, $depth) * 1px;
+  $blur: nth(1 3 3 5 6, $depth) * 4px;
+  $color: rgba($grey-7, nth(0.24 0.23 0.23 0.22 0.22, $depth));
+
+  @return 0 $primary-offset $blur $color;
+}
+
+@mixin card($depth) {
+  @if $depth < 1 {
+    box-shadow: none;
+  } @else if $depth > 5 {
+    @warn "Invalid $depth `#{$depth}` for mixin `card`.";
+  } @else {
+    box-shadow: bottom-shadow($depth), top-shadow($depth);  
+  }
+}

data/app/controllers/administrate/application_controller.rb

@@ -0,0 +1,127 @@
+require "administrate/namespace"
+require "administrate/pages/form"
+require "administrate/pages/table"
+require "administrate/pages/show"
+
+module Administrate
+  class ApplicationController < ActionController::Base
+    def index
+      @resources = resource_class.all
+      @page = Administrate::Page::Table.new(dashboard)
+    end
+
+    def show
+      set_resource
+
+      @page = Administrate::Page::Show.new(dashboard, resource)
+    end
+
+    def new
+      @page = Administrate::Page::Form.new(dashboard, resource_class.new)
+    end
+
+    def edit
+      set_resource
+
+      @page = Administrate::Page::Form.new(dashboard, resource)
+    end
+
+    def create
+      set_resource(resource_class.new(resource_params))
+
+      if resource.save
+        redirect_to(
+          [Administrate::NAMESPACE, resource],
+          notice: notices[:created],
+        )
+      else
+        @page = Administrate::Page::Form.new(dashboard, resource)
+        render :new
+      end
+    end
+
+    def update
+      set_resource
+
+      if resource.update(resource_params)
+        redirect_to(
+          [Administrate::NAMESPACE, resource],
+          notice: notices[:updated],
+        )
+      else
+        @page = Administrate::Page::Form.new(dashboard, resource)
+        render :edit
+      end
+    end
+
+    def destroy
+      set_resource
+
+      resource.destroy
+      flash[:notice] = notices[:destroyed]
+      redirect_to action: :index
+    end
+
+    private
+
+    helper_method :link_class
+    def link_class(resource)
+      if resource_name.to_s.pluralize == resource.to_s
+        :active
+      end
+    end
+
+    def resource_class
+      Object.const_get(resource_class_name)
+    end
+
+    def dashboard
+      @dashboard ||= dashboard_class.new
+    end
+
+    def set_resource(resource = nil)
+      resource ||= resource_class.find(params[:id])
+      instance_variable_set(instance_variable, resource)
+    end
+
+    def resource
+      instance_variable_get(instance_variable)
+    end
+
+    def resource_params
+      params.require(:"#{resource_name}").permit(*permitted_attributes)
+    end
+
+    def permitted_attributes
+      dashboard.permitted_attributes
+    end
+
+    def dashboard_class
+      Object.const_get("#{resource_class_name}Dashboard")
+    end
+
+    def resource_class_name
+      resource_name.to_s.camelcase
+    end
+
+    def instance_variable
+      "@#{resource_name}"
+    end
+
+    def resource_title
+      resource_class_name.titleize
+    end
+
+    def notices
+      {
+        created: "#{resource_title} was successfully created.",
+        updated: "#{resource_title} was successfully updated.",
+        destroyed: "#{resource_title} was successfully destroyed.",
+      }
+    end
+
+    def resource_name
+      controller_name.singularize.to_sym
+    end
+  end
+end

data/app/helpers/administrate/application_helper.rb

@@ -0,0 +1,7 @@
+module Administrate
+  module ApplicationHelper
+    def render_field(field, locals = {})
+      render locals: locals, object: field, partial: field.to_partial_path
+    end
+  end
+end