pure-admin-rails 2.0.0

data/app/assets/stylesheets/pure_admin/side_menu.css.scss

@@ -0,0 +1,70 @@
+#side-menu {
+  margin-left: -205px;
+  width: 205px;
+  position: fixed;
+  top: 54px;
+  left: 0;
+  bottom: 0;
+  z-index: 1000;
+  background: #3c3c3c;
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+  border: none;
+  font-size: 14px;
+
+  a {
+    color: #aaaaaa;
+    border: none;
+    padding: 10px 0 10px 15px;
+  }
+
+  &.pure-menu ul {
+    border: none;
+    background: transparent;
+  }
+
+  &.pure-menu ul,
+  &.pure-menu .menu-item-divided {
+    border-top: 1px solid #434343;
+  }
+
+  &.pure-menu li a:hover,
+  &.pure-menu li a:focus {
+    background: #434343;
+    color: #ffffff;
+  }
+
+  .pure-menu-heading {
+    border-bottom: 1px solid #666666;
+    color: #fff;
+    margin: 0;
+  }
+
+  .pure-menu-selected {
+    background: #434343;
+  }
+
+  .pure-menu-selected a {
+    color: #fff;
+  }
+
+  .fa {
+    margin-right: 7px;
+    width: 1em;
+  }
+}
+
+.side-menu-link {
+  display: block;
+  font-size: 120%;
+  color: white;
+  cursor: pointer;
+  float: left;
+  position: relative;
+  top: 5px;
+  left: 5px;
+  background: #000;
+  padding: 5px;
+  padding-top: 2px;
+  padding-bottom: 1px;
+}

data/app/assets/stylesheets/pure_admin/table_filters.css.scss

@@ -0,0 +1,90 @@
+#main-content,
+.portlet-body {
+  &:after {
+    content: '';
+    pointer-events: none;
+    width: 100%;
+    height: 100%;
+    top: 0;
+    left: 0;
+    position: absolute;
+    opacity: 0;
+    display: block;
+
+    transition: opacity 200ms;
+
+    background-color: rgba($white, 0.75);
+
+    background-image: image-url('pending.gif');
+    background-position: center 5em;
+    background-repeat: no-repeat;
+    background-size: 4.5em;
+  }
+
+  &.loading {
+    position: relative;
+
+    &:after {
+      opacity: 1;
+    }
+  }
+}
+
+.table-filters {
+  padding: 0.5rem;
+  position: relative;
+  width: auto;
+  display: block;
+  margin: 0;
+
+  @media (min-width: 35.5em) {
+    padding-right: calc(50px + 0.5rem);
+    display: inline-block;
+  }
+
+  .filter-group {
+    display: block;
+
+    @media (min-width: 35.5em) {
+      margin-right: 1em;
+      float: left;
+    }
+
+    label {
+      text-transform: uppercase;
+      font-size: 0.9rem;
+      color: #999;
+    }
+
+    .filter-control {
+      height: 2.4em;
+    }
+
+    @media (min-width: 35.5em) {
+      .addon-wrapper {
+        display: block;
+
+        .input-addon,
+        .filter-control {
+          display: inline-block;
+          width: initial;
+        }
+
+        .input-addon {
+          line-height: 2.3em;
+        }
+      }
+    }
+  }
+
+  .filter-submit {
+    margin-right: 0;
+    margin-top: 0.5rem;
+
+    @media (min-width: 35.5em) {
+      position: absolute;
+      right: 0.5rem;
+      bottom: 0.5rem;
+    }
+  }
+}

data/app/assets/stylesheets/pure_admin/tables.css.scss

@@ -0,0 +1,70 @@
+.pure-table {
+  margin: 0.5em 0;
+  width: 100%;
+  background: #fff;
+  border: 1px solid #d9d9d9;
+  font-size: 14px;
+
+  thead {
+    background: #f6f6f6;
+    border-bottom: 1px solid #CDCDCD;
+  }
+
+  th {
+    text-align: left;
+  }
+
+  td {
+    padding: 0.4em 1em;
+  }
+}
+
+.pure-table-striped {
+  tr:nth-child(2n-1) td {
+    background-color: transparent;
+  }
+
+  tr:nth-child(even) td {
+    background-color: #f6f6f6;
+  }
+}
+
+.table-actions {
+  font-size: 0.8em;
+  text-align: right;
+
+  .pure-button {
+    padding: 0.4em 1em;
+    position: relative;
+    top: 1px;
+  }
+}
+
+#main-title {
+  .table-actions {
+    position: relative;
+    right: $base-font-size * -0.4;
+  }
+}
+
+.table-filter {
+  margin-bottom: 1em;
+  font-size: 0.8em;
+
+  .pure-form {
+    margin: 0;
+    display: inline-block;
+    width: auto;
+
+    input {
+      display: inline-block;
+      width: auto;
+      margin: 0;
+    }
+  }
+
+  .pure-button, .pure-button[type=submit] {
+    padding: 0.5em 1em;
+    margin-left: -4px;
+  }
+}

data/app/assets/stylesheets/pure_admin/tags.css.scss

@@ -0,0 +1,37 @@
+.tag {
+  background: #bbbbbb;
+  color: #ffffff;
+  text-transform: uppercase;
+  font-size: 10px;
+  padding: 5px;
+  padding-top: 3px;
+  padding-bottom: 2px;
+  line-height: 8px;
+  margin-right: 6px;
+  position: relative;
+  top: -1px;
+  display: inline;
+  min-height: 13px;
+
+  &.tag-orange {
+    background: #e49457;
+  }
+
+  &.tag-red {
+    background: #CC3333;
+  }
+
+  &.tag-green {
+    background: #339900;
+  }
+
+  &.tag-blue {
+    background: #4a9fc8;
+  }
+}
+
+.details-panel {
+  .tag {
+    top: -2px;
+  }
+}

data/app/assets/stylesheets/pure_admin/utilities.css.scss

@@ -0,0 +1,24 @@
+.text-success {
+  color: $text-success;
+}
+
+.text-notice {
+  color: $text-notice;
+}
+
+.text-alert {
+  color: $text-alert;
+}
+
+.text-error {
+  color: $text-error;
+}
+
+.text-muted {
+  color: $text-muted;
+
+  a {
+    color: inherit;
+    text-decoration: underline;
+  }
+}

data/app/assets/stylesheets/pure_admin/variables.css.scss

@@ -0,0 +1,38 @@
+// ---- TYPOGRAPHY ----
+$base-font-size: 16px;
+
+// ---- COLOURS ----
+$white: #fff;
+$black: #000;
+
+$text-color: #555;
+
+$menu-color: #50a8d1;
+
+$link-color: #50a8d1;
+
+$grey-light: #efefef;
+$grey-medium: #d9d9d9;
+$grey-medium-dark: #cdcdcd;
+$grey-dark: #aaa;
+
+$text-success: #3c763d;
+$background-success: #c2e6b3;
+$border-success: #acd69a;
+
+$text-notice: #31708f;
+$background-notice: #bbdbeb;
+$border-notice: #a8cde0;
+
+$text-alert: #8a6d3b;
+$background-alert: #ece7cd;
+$border-alert: #ddd6b2;
+
+$text-error: #a94442;
+$background-error: #e9c5c5;
+$border-error: #deb0b0;
+
+$text-muted: $grey-dark;
+
+$input-border: #ccc;
+$input-active: #4a9fc8;

data/app/helpers/pure_admin/application_helper.rb

@@ -0,0 +1,12 @@
+##
+# Generic helper methods to be used throughout the Pure application.
+module PureAdmin::ApplicationHelper
+  ##
+  # Merges two values into a new array while flattening and removing nils.
+  # @param value1 (String, Array)
+  # @param value2 (String, Array)
+  # @return (Array)
+  def merge_html_classes(value1, value2)
+    [value1, value2].flatten.compact
+  end
+end

data/app/helpers/pure_admin/button_helper.rb

@@ -0,0 +1,58 @@
+##
+# Helper methods to render buttons.
+module PureAdmin::ButtonHelper
+  ##
+  # @param options (Hash) all options that can be passed to button_tag are respected here.
+  # @return (String) HTML for a save button.
+  def save_button(options = {})
+    options[:class] = merge_html_classes('pure-button pure-button-primary', options[:class])
+    options[:type] ||= :submit
+    button_tag('<i class="fa fa-fw fa-check"></i> Save'.html_safe, options)
+  end
+
+  ##
+  # @param path (String, Array) the path for the edit button
+  # @param options (Hash) all options that can be passed to link_to are respected here.
+  # @return (String) HTML for the edit button.
+  def edit_button(path, options = {})
+    options[:class] = merge_html_classes('pure-button pure-button-primary', options[:class])
+    link_to('<i class="fa fa-pencil"></i> Edit'.html_safe, path, options)
+  end
+
+  ##
+  # @param path (String, Array) the path for the back button
+  # @param options (Hash) all options that can be passed to link_to are respected here.
+  # @return (String) HTML for the back button.
+  def back_button(path = nil, options = {})
+    options[:class] = merge_html_classes('pure-button', options[:class])
+    link_to('Back', (path || :back), options)
+  end
+
+  ##
+  # @param path (String, Array) the path for the back button
+  # @param options (Hash) all options that can be passed to link_to are respected here.
+  # @return (String) HTML for the cancel button.
+  def cancel_button(path = nil, options = {})
+    options[:class] = merge_html_classes('pure-button', options[:class])
+    link_to('<i class="fa fa-ban"></i> Cancel'.html_safe, (path || :back), options)
+  end
+
+  ##
+  # @param path (String, Array) the path for the delete button
+  # @param options (Hash) all options that can be passed to link_to are respected here.
+  # @options options :label the label for the delete button
+  # @options options :icon the icon for the delete button
+  # @return (String) HTML for the delete button.
+  def delete_button(path, options = {})
+    options[:class] = merge_html_classes('pure-button button-red', options[:class])
+    options[:rel] ||= :modal
+    options[:modal] ||= :confirm
+    options[:data] ||= {}
+    options[:data][:modal_request_method] ||= :delete
+
+    label = options.delete(:label) || 'Delete'
+    icon = options.delete(:icon) || 'fa-trash-o'
+
+    link_to("<i class='fa #{icon}'></i> #{label}".html_safe, path, options)
+  end
+end

data/app/helpers/pure_admin/details_panel_helper.rb

@@ -0,0 +1,121 @@
+##
+# Helper methods for the details panel.
+module PureAdmin::DetailsPanelHelper
+  ##
+  # Renders a "details panel" to the view.
+  # @param options (Hash) all options that can be passed to content_tag are respected here.
+  # @yield The contents of the details panel
+  def details_panel(options = {}, &block)
+    options[:class] = merge_html_classes('pure-g details-panel', options[:class])
+    content_tag(:div, options, &block)
+  end
+
+  ##
+  # Renders a "details panel heading" to the view.
+  # @param title (String)
+  # @param options (Hash) all options that can be passed to content_tag are respected here.
+  # @yield The contents of the details panel heading
+  def details_panel_heading(title = nil, options = nil, &block)
+    options, title = title, capture(&block) if block_given?
+    options = options || {}
+    options[:class] = merge_html_classes('pure-u details-panel-heading', options[:class])
+    content_tag(:h4, title, options)
+  end
+
+  ##
+  # Renders a "details panel item" to the view.
+  # @param label (String, Symbol)
+  # @param value (Any)
+  # @param options (Hash) all options that can be passed to content_tag are respected here.
+  # @yield The contents of the details panel item
+  def details_panel_item(label, value = nil, options = nil, &block)
+    options, value = value, capture(&block) if block_given?
+    options = options || {}
+
+    label = label.to_s.titleize unless label.nil? || label.respond_to?(:titleize)
+
+    item_html = options.delete(:item_html) || {}
+    item_html[:class] = merge_html_classes('details-panel-item pure-u-1', item_html[:class])
+
+    label_html = options.delete(:label_html) || {}
+
+    value = value.try(:to_s)
+    value = content_tag :span, '(blank)', class: 'text-muted' unless value.present?
+
+    content_tag(:div, item_html) do
+      content_tag(:label, label, label_html) + value
+    end
+  end
+
+  ##
+  # Renders a "details_panel_controls" element to the view.
+  # @param options (Hash) all options that can be passed to content_tag are respected here.
+  # @yield The contents of the details panel controls
+  def details_panel_controls(options = {}, &block)
+    options[:class] = merge_html_classes('details-panel-controls', options[:class])
+    content_tag(:div, capture(&block), options)
+  end
+
+  ##
+  # Renders a "details panel" to the view using the details panel builder DSL.
+  # @param resource (ActiveRecord::Base) the model instance to build the details panel for.
+  # @param options (Hash) all options that can be passed to content_tag are respected here.
+  # @yield The contents of the details panel
+  def details_panel_for(resource, options = {}, &block)
+    builder = DetailsPanelBuilder.new(resource, self)
+    details_panel(options) do
+      capture(builder, &block)
+    end
+  end
+
+  ##
+  # Allows building of details panels using a custom DSL.
+  #
+  # <%= details_panel_for @resource do |dp| %>
+  #   <%= dp.item :title %>
+  # <% end %>
+  class DetailsPanelBuilder
+    ##
+    # The resource to build the panel for.
+    attr_reader :resource
+
+    ##
+    # Creates an instance of DetailsPanelBuilder
+    # @param resource (ActiveRecord::Base) the model instance to build the details panel for.
+    # @param helper (ApplicationHelper) instance of application helper to allow access to view helpers.
+    # @yield instance of DetailsPanelBuilder
+    def initialize(resource, helper)
+      @resource = resource
+      @helper = helper
+    end
+
+    ##
+    # Renders a "details panel item" inside the "details panel" using a custom DSL.
+    #
+    # The attribute name is used as the item label with i18n. If a block is passed a custom
+    # value can be given for the item. NoMethodError is thrown when the attribute is not
+    # present on the resource.
+    #
+    # @param attribute (Symbol) the attribute on the resource
+    # @param options (Hash) all options that can be passed to content_tag are respected here.
+    # @yield The contents of the details panel item
+    def item(attribute, options = {}, &block)
+      human_attribute_name = resource.class.human_attribute_name(attribute) if resource.respond_to?(attribute)
+
+      if block_given?
+        helper.details_panel_item(human_attribute_name || attribute, options, &block)
+      else
+        helper.details_panel_item(human_attribute_name || attribute, resource.send(attribute), options)
+      end
+    end
+
+    private
+
+      ##
+      # Access view helpers within the details panel builder
+      # @yield instance of ApplicationHelper
+      def helper
+        @helper
+      end
+  end
+end