manage 1.1.1 → 1.2.0

data/app/assets/javascripts/manage/application.js

@@ -1,3 +1,4 @@
 //= require jquery
 //= require jquery_ujs
-//= require_tree .
+//= require foundation
+//= require manage/init

data/app/assets/javascripts/manage/init.js.coffee

@@ -0,0 +1 @@
+$(document).foundation()

data/app/assets/stylesheets/manage/application.css.scss

@@ -0,0 +1,2 @@
+@import "foundation";
+@import "manage/layout";

data/app/assets/stylesheets/manage/layout.css.scss

@@ -0,0 +1,38 @@
+.main {
+  margin: 0 10px;
+}
+
+.row {
+  width: auto;
+  max-width: none;
+  margin-left: -10px;
+  margin-right: -10px;
+  margin-bottom: 0;
+}
+.row .columns, .row .row .columns {
+  padding-left: 10px;
+  padding-right: 10px;
+}
+
+table {
+  width: 100%;
+
+  ul.inline-list {
+    margin-bottom: 0;
+    line-height: inherit;
+  }
+}
+
+.pagination li.active {
+  @extend .current;
+}
+
+body.index {
+  .panel {
+    padding: 0 10px;
+  }
+
+  fieldset {
+    margin: 0;
+  }
+}

data/app/helpers/manage/form_helper.rb

@@ -0,0 +1,20 @@
+module Manage
+
+  module FormHelper
+    include SimpleForm::ActionViewExtensions::FormHelper
+
+    OPTIONS = {
+      wrapper: :foundation,
+    }
+
+    def manage_form_for(record, options={}, &block)
+      simple_form_for(record, options.merge(Manage::FormHelper::OPTIONS), &block)
+    end
+
+    def manage_fields_for(record_name, record_object = nil, options = {}, &block)
+      simple_fields_for(record_name, record_object = nil, options.merge(Manage::FormHelper::OPTIONS), &block)
+    end
+
+  end
+
+end

data/app/views/layouts/manage/_main_menu.html.slim

@@ -1,7 +1,56 @@
-h1 Main menu
-p Override me in /views/layouts/manage/main_menu
-ul
-  li link_to City.model_name.human(count: 2), manage.cities_path
-  li link_to 'users', users_path
+// Override me in /views/layouts/manage/main_menu
+
+ul.right
+  li.divider.hide-for-small
+  li = link_to current_user.email, current_user
+  li.divider.hide-for-small
+  li = link_to City.model_name.human(count: 2), manage.cities_path
+  li.divider.hide-for-small
+  li = link_to 'users', users_path
+  li.divider.hide-for-small
   li = link_to AdminUser.model_name.human(count:2), admin_users_path
-  li link_to 'terms', main_app.about_us_pages_path
+  li.divider.hide-for-small
+  li = link_to 'terms', main_app.about_us_pages_path
+  li.divider.hide-for-small
+  li.has-dropdown
+    a href="#" Main Item 1
+    ul.dropdown
+      li
+        label Dropdown Level 1 Label
+      li.has-dropdown
+        a href="#" Dropdown Level 1a
+        ul.dropdown
+          li
+            a href="#" Dropdown Level 2a
+          li
+            a href="#" Dropdown Level 2b
+          li.has-dropdown
+            a href="#">Dropdown Level 2c
+            ul.dropdown
+              li
+                a href="#" Dropdown Level 3a
+              li
+                a href="#" Dropdown Level 3b
+              li
+                a href="#" Dropdown Level 3c
+          li
+            a href="#" Dropdown Level 2d
+          li
+            a href="#" Dropdown Level 2e
+          li
+            a href="#" Dropdown Level 2f
+      li
+        a href="#" Dropdown Level 1b
+      li
+        a href="#" Dropdown Level 1c
+      li.divider
+      li
+        label Dropdown Level 1 Label
+      li
+        a href="#" Dropdown Level 1d
+      li
+        a href="#" Dropdown Level 1e
+      li
+        a href="#" Dropdown Level 1f
+  li.has-form
+    a.button href="http://foundation.zurb.com/docs" Sample button

data/app/views/layouts/manage/application.html.slim

@@ -1,27 +1,37 @@
 html
   head
+    meta charset="utf-8"
+    meta name="viewport" content="width=device-width, initial-scale=1.0"
     title Manage
     = stylesheet_link_tag    "manage/application", media: "all"
-    = javascript_include_tag "manage/application"
+    = javascript_include_tag "vendor/custom.modernizr"
     = csrf_meta_tags
 
 body class="#{controller.action_name} #{controller_path.gsub(/[-\/]/, '-')} simple" data-locale=I18n.locale
-  header
-    = current_user.email
-    = render '/layouts/manage/main_menu'
-  row
+  nav.top-bar data-options="is_hover:false"
+    ul.title-area
+      li.name
+        h1
+          a href="/manage" Manage
+      li.toggle-topbar.menu-icon
+        a href="#"
+          span Menu
+    section.top-bar-section
+      = render '/layouts/manage/main_menu'
+
+  section.main
     #flash
       - flash.each do |key, value|
         - key = 'info' if key == :notice
-        .alert_wrapper data-dismiss="alert"
-          div(class="alert alert-#{key} #{key}")
-            button(type="button" class="close" data-dismiss="alert") ×
-            - if value.is_a?(Array)
-              - value.each do |element|
-                p #{element.html_safe}
-            - else
-              p #{value.html_safe}
-          .clearfix
+        - key = 'alert' if key == :error
+        div data-alert="" class="alert-box #{key}"
+          - if value.is_a?(Array)
+            - value.each do |element|
+              p #{element.html_safe}
+          - else
+            p #{value.html_safe}
+          a.close href="#" ×
 
+    = yield
 
-  = yield
+  = javascript_include_tag "manage/application"

data/app/views/layouts/manage/sign_in.html.slim

@@ -1,7 +1,10 @@
 html
   head
+    meta charset="utf-8"
+    meta name="viewport" content="width=device-width, initial-scale=1.0"
     title Manage
     = stylesheet_link_tag    "manage/application", media: "all"
+    = javascript_include_tag "vendor/custom.modernizr"
     = javascript_include_tag "manage/application"
     = csrf_meta_tags
 

data/app/views/manage/resource/_form.html.slim

@@ -1,4 +1,4 @@
-= simple_form_for [ resource ] do |f|
+= manage_form_for [ resource ] do |f|
   - attributes.each do |attr|
     = f.input attr
-  = f.submit
+  = f.submit class: 'button small'

data/app/views/manage/resource/edit.html.slim

@@ -2,6 +2,9 @@ h2 = t('manage.edit.title', model: resource_class.model_name.human)
 
 nav
   / = link_to 'index', collection_url
-  = link_to t('manage.actions.index', model: resource_class.model_name.human(count: 2)), resource.class
+  / |  
+  = link_to t('manage.actions.index', model: resource_class.model_name.human(count: 2)), resource.class, class: 'button small secondary'
 
-= render "form", attributes: attributes
+.row
+  .columns.large-6
+    = render "form", attributes: attributes

data/app/views/manage/resource/index.html.slim

@@ -1,6 +1,12 @@
 nav
-  = link_to t('manage.actions.new', model: resource_class.model_name.human), [:new, resource_class.name.tableize.singularize]
+  = link_to t('manage.actions.new', model: resource_class.model_name.human), [:new, resource_class.name.tableize.singularize], class: 'button small secondary'
 
-= render "index", attributes: attributes
+= render "manage/resource/index/scopes"
+
+.row
+  .columns.large-9
+    = render "manage/resource/index/table", attributes: attributes
+  .columns.large-3
+    = render "manage/resource/index/filters"
 
 = paginate collection

data/app/views/manage/resource/index/_filters.html.slim

@@ -0,0 +1,11 @@
+form
+  fieldset
+    legend Filter
+    .row
+      .columns.large-12
+        label Name
+        input type="text" placeholder="Name"
+    .row
+      .columns.large-12
+        label City
+        input type="text" placeholder="City"

data/app/views/manage/resource/index/_scopes.html.slim

@@ -0,0 +1,11 @@
+.panel
+  dl.sub-nav
+    dt Filter:
+    dd.active
+      a href="#" All
+    dd
+      a href="#" Active
+    dd
+      a href="#" Pending
+    dd
+      a href="#" Suspended

data/app/views/manage/resource/index/_table.html.slim

@@ -0,0 +1,16 @@
+table
+  thead
+    tr
+      - attributes.each do |attr|
+        th= resource_class.human_attribute_name(attr)
+      th = t('.actions')
+  tbody
+    - collection.each do |resource|
+      tr
+        - attributes.each do |attr|
+          td = resource.public_send(attr).to_s
+        td
+          ul.inline-list
+            li = link_to t('manage.actions.show'), [resource]
+            li = link_to t('manage.actions.edit'), [:edit, resource]
+            li = link_to t('manage.actions.destroy'), [resource], method: :delete, data: { confirm: t('manage.confirmations.Are you sure')}

data/app/views/manage/resource/new.html.slim

@@ -1,4 +1,5 @@
 h2 = t('manage.new.title', model: resource_class.model_name.human)
 
-
-= render "form", attributes: attributes
+.row
+  .columns.large-6
+    = render "form", attributes: attributes

data/app/views/manage/resource/show.html.slim

@@ -1,11 +1,10 @@
 nav
-  = link_to t('manage.actions.index', model: resource_class.model_name.human(count: 2)), resource.class
-  = link_to t('manage.actions.edit'), resource.class
+  = link_to t('manage.actions.index', model: resource_class.model_name.human(count: 2)), resource.class, class: 'button small secondary'
+  |  
+  = link_to t('manage.actions.edit'), [:edit, resource], class: 'button small'
 
 article
   dl
     - resource_class.attribute_names.each do |attr|
       dt= resource_class.human_attribute_name(attr)
-      dd= resource.public_send(attr)
-
-
+      dd= resource.public_send(attr)

data/config/initializers/simple_form.rb

@@ -0,0 +1,142 @@
+# Use this setup block to configure all options available in SimpleForm.
+SimpleForm.setup do |config|
+  # Wrappers are used by the form builder to generate a
+  # complete input. You can remove any component from the
+  # wrapper, change the order or even add your own to the
+  # stack. The options given below are used to wrap the
+  # whole input.
+  config.wrappers :default, class: :input,
+    hint_class: :field_with_hint, error_class: :field_with_errors do |b|
+    ## Extensions enabled by default
+    # Any of these extensions can be disabled for a
+    # given input by passing: `f.input EXTENSION_NAME => false`.
+    # You can make any of these extensions optional by
+    # renaming `b.use` to `b.optional`.
+
+    # Determines whether to use HTML5 (:email, :url, ...)
+    # and required attributes
+    b.use :html5
+
+    # Calculates placeholders automatically from I18n
+    # You can also pass a string as f.input placeholder: "Placeholder"
+    b.use :placeholder
+
+    ## Optional extensions
+    # They are disabled unless you pass `f.input EXTENSION_NAME => :lookup`
+    # to the input. If so, they will retrieve the values from the model
+    # if any exists. If you want to enable the lookup for any of those
+    # extensions by default, you can change `b.optional` to `b.use`.
+
+    # Calculates maxlength from length validations for string inputs
+    b.optional :maxlength
+
+    # Calculates pattern from format validations for string inputs
+    b.optional :pattern
+
+    # Calculates min and max from length validations for numeric inputs
+    b.optional :min_max
+
+    # Calculates readonly automatically from readonly attributes
+    b.optional :readonly
+
+    ## Inputs
+    b.use :label_input
+    b.use :hint,  wrap_with: { tag: :span, class: :hint }
+    b.use :error, wrap_with: { tag: :span, class: :error }
+  end
+
+  # The default wrapper to be used by the FormBuilder.
+  config.default_wrapper = :default
+
+  # Define the way to render check boxes / radio buttons with labels.
+  # Defaults to :nested for bootstrap config.
+  #   inline: input + label
+  #   nested: label > input
+  config.boolean_style = :nested
+
+  # Default class for buttons
+  config.button_class = 'btn'
+
+  # Method used to tidy up errors. Specify any Rails Array method.
+  # :first lists the first message for each field.
+  # Use :to_sentence to list all errors for each field.
+  # config.error_method = :first
+
+  # Default tag used for error notification helper.
+  config.error_notification_tag = :div
+
+  # CSS class to add for error notification helper.
+  config.error_notification_class = 'alert alert-error'
+
+  # ID to add for error notification helper.
+  # config.error_notification_id = nil
+
+  # Series of attempts to detect a default label method for collection.
+  # config.collection_label_methods = [ :to_label, :name, :title, :to_s ]
+
+  # Series of attempts to detect a default value method for collection.
+  # config.collection_value_methods = [ :id, :to_s ]
+
+  # You can wrap a collection of radio/check boxes in a pre-defined tag, defaulting to none.
+  # config.collection_wrapper_tag = nil
+
+  # You can define the class to use on all collection wrappers. Defaulting to none.
+  # config.collection_wrapper_class = nil
+
+  # You can wrap each item in a collection of radio/check boxes with a tag,
+  # defaulting to :span. Please note that when using :boolean_style = :nested,
+  # SimpleForm will force this option to be a label.
+  # config.item_wrapper_tag = :span
+
+  # You can define a class to use in all item wrappers. Defaulting to none.
+  # config.item_wrapper_class = nil
+
+  # How the label text should be generated altogether with the required text.
+  # config.label_text = lambda { |label, required| "#{required} #{label}" }
+
+  # You can define the class to use on all labels. Default is nil.
+  config.label_class = 'control-label'
+
+  # You can define the class to use on all forms. Default is simple_form.
+  # config.form_class = :simple_form
+
+  # You can define which elements should obtain additional classes
+  # config.generate_additional_classes_for = [:wrapper, :label, :input]
+
+  # Whether attributes are required by default (or not). Default is true.
+  # config.required_by_default = true
+
+  # Tell browsers whether to use the native HTML5 validations (novalidate form option).
+  # These validations are enabled in SimpleForm's internal config but disabled by default
+  # in this configuration, which is recommended due to some quirks from different browsers.
+  # To stop SimpleForm from generating the novalidate option, enabling the HTML5 validations,
+  # change this configuration to true.
+  config.browser_validations = false
+
+  # Collection of methods to detect if a file type was given.
+  # config.file_methods = [ :mounted_as, :file?, :public_filename ]
+
+  # Custom mappings for input types. This should be a hash containing a regexp
+  # to match as key, and the input type that will be used when the field name
+  # matches the regexp as value.
+  # config.input_mappings = { /count/ => :integer }
+
+  # Custom wrappers for input types. This should be a hash containing an input
+  # type as key and the wrapper that will be used for all inputs with specified type.
+  # config.wrapper_mappings = { string: :prepend }
+
+  # Default priority for time_zone inputs.
+  # config.time_zone_priority = nil
+
+  # Default priority for country inputs.
+  # config.country_priority = nil
+
+  # When false, do not use translations for labels.
+  # config.translate_labels = true
+
+  # Automatically discover new inputs in Rails' autoload path.
+  # config.inputs_discovery = true
+
+  # Cache SimpleForm inputs discovery
+  # config.cache_discovery = !Rails.env.development?
+end

data/config/initializers/simple_form_foundation.rb

@@ -0,0 +1,17 @@
+# Use this setup block to configure all options available in SimpleForm.
+SimpleForm.setup do |config|
+  config.wrappers :foundation, class: :input, hint_class: :field_with_hint, error_class: :error do |b|
+    b.use :html5
+    b.use :placeholder
+    b.optional :maxlength
+    b.optional :pattern
+    b.optional :min_max
+    b.optional :readonly
+    b.use :label_input
+    b.use :error, wrap_with: { tag: :small }
+
+    # Uncomment the following line to enable hints. The line is commented out by default since Foundation
+    # does't provide styles for hints. You will need to provide your own CSS styles for hints.
+    # b.use :hint,  wrap_with: { tag: :span, class: :hint }
+  end
+end

data/config/locales/bg.yml

@@ -12,6 +12,12 @@ bg:
       title: Създаване на %{model}
     confirmations:
       Are you sure: Шуре ли сте?
+
+    # Pages
+    resource:
+      index:
+        actions: 'Действия'
+
   flash:
     actions:
       create:

data/config/locales/simple_form.en.yml

@@ -0,0 +1,26 @@
+en:
+  simple_form:
+    "yes": 'Yes'
+    "no": 'No'
+    required:
+      text: 'required'
+      mark: '*'
+      # You can uncomment the line below if you need to overwrite the whole required html.
+      # When using html, text and mark won't be used.
+      # html: '<abbr title="required">*</abbr>'
+    error_notification:
+      default_message: "Please review the problems below:"
+    # Labels and hints examples
+    # labels:
+    #   defaults:
+    #     password: 'Password'
+    #   user:
+    #     new:
+    #       email: 'E-mail to sign in.'
+    #     edit:
+    #       email: 'E-mail.'
+    # hints:
+    #   defaults:
+    #     username: 'User name to sign in.'
+    #     password: 'No special characters, please.'
+

data/lib/manage/engine.rb

@@ -1,6 +1,7 @@
  require 'kaminari'
  require 'responders'
  require 'inherited_resources'
+ require 'zurb-foundation'
 
  module Manage
   class Engine < ::Rails::Engine

data/lib/manage/version.rb

@@ -1,3 +1,3 @@
 module Manage
-  VERSION = "1.1.1"
+  VERSION = "1.2.0"
 end

data/lib/templates/erb/scaffold/_form.html.erb

@@ -0,0 +1,13 @@
+<%%= simple_form_for(@<%= singular_table_name %>) do |f| %>
+  <%%= f.error_notification %>
+
+  <div class="form-inputs">
+  <%- attributes.each do |attribute| -%>
+    <%%= f.<%= attribute.reference? ? :association : :input %> :<%= attribute.name %> %>
+  <%- end -%>
+  </div>
+
+  <div class="form-actions">
+    <%%= f.button :submit %>
+  </div>
+<%% end %>

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: manage
 version: !ruby/object:Gem::Version
-  version: 1.1.1
+  version: 1.2.0
   prerelease: 
 platform: ruby
 authors:
@@ -10,7 +10,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2013-08-23 00:00:00.000000000 Z
+date: 2013-08-28 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -108,6 +108,86 @@ dependencies:
     - - '>='
       - !ruby/object:Gem::Version
         version: '0'
+- !ruby/object:Gem::Dependency
+  name: sass-rails
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: 4.0.0
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: 4.0.0
+- !ruby/object:Gem::Dependency
+  name: coffee-rails
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: 4.0.0
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: 4.0.0
+- !ruby/object:Gem::Dependency
+  name: uglifier
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: 1.3.0
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: 1.3.0
+- !ruby/object:Gem::Dependency
+  name: compass-rails
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: zurb-foundation
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: 4.0.0
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: 4.0.0
 - !ruby/object:Gem::Dependency
   name: sqlite3
   requirement: !ruby/object:Gem::Requirement
@@ -136,16 +216,18 @@ files:
 - app/views/layouts/manage/sign_in.html.slim
 - app/views/sessions/new.html.slim
 - app/views/manage/resource/index.html.slim
-- app/views/manage/resource/_index.html.slim
 - app/views/manage/resource/_form.html.slim
 - app/views/manage/resource/show.html.slim
+- app/views/manage/resource/index/_table.html.slim
+- app/views/manage/resource/index/_filters.html.slim
+- app/views/manage/resource/index/_scopes.html.slim
 - app/views/manage/resource/new.html.slim
 - app/views/manage/resource/edit.html.slim
 - app/views/manage/admin_users/_form.html.slim
-- app/assets/javascripts/manage/resource.js
 - app/assets/javascripts/manage/application.js
-- app/assets/stylesheets/manage/application.css
-- app/assets/stylesheets/manage/resource.css
+- app/assets/javascripts/manage/init.js.coffee
+- app/assets/stylesheets/manage/application.css.scss
+- app/assets/stylesheets/manage/layout.css.scss
 - app/controllers/manage/responder.rb
 - app/controllers/manage/resource_controller.rb
 - app/controllers/manage/admin_users_controller.rb
@@ -153,14 +235,19 @@ files:
 - app/controllers/manage/application_controller.rb
 - app/controllers/manage/dashboards_controller.rb
 - app/helpers/manage/resource_helper.rb
+- app/helpers/manage/form_helper.rb
 - app/helpers/manage/application_helper.rb
 - config/routes.rb
 - config/locales/bg.yml
+- config/locales/simple_form.en.yml
 - config/locales/en.yml
+- config/initializers/simple_form_foundation.rb
+- config/initializers/simple_form.rb
 - lib/manage/version.rb
 - lib/manage/engine.rb
 - lib/manage.rb
 - lib/tasks/manage_tasks.rake
+- lib/templates/erb/scaffold/_form.html.erb
 - MIT-LICENSE
 - Rakefile
 - README.rdoc

data/app/assets/javascripts/manage/resource.js

@@ -1,2 +0,0 @@
-// Place all the behaviors and hooks related to the matching controller here.
-// All this logic will automatically be available in application.js.

data/app/assets/stylesheets/manage/application.css

@@ -1,13 +0,0 @@
-/*
- * This is a manifest file that'll be compiled into application.css, which will include all the files
- * listed below.
- *
- * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
- * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
- *
- * You're free to add application-wide styles to this file and they'll appear at the top of the
- * compiled file, but it's generally better to create a new file per style scope.
- *
- *= require_self
- *= require_tree .
- */

data/app/assets/stylesheets/manage/resource.css

@@ -1,4 +0,0 @@
-/*
-  Place all the styles related to the matching controller here.
-  They will automatically be included in application.css.
-*/

data/app/views/manage/resource/_index.html.slim

@@ -1,17 +0,0 @@
-table
-  thead
-    tr
-      - attributes.each do |attr|
-        th= resource_class.human_attribute_name(attr)
-      th  
-  tbody
-    - collection.each do |resource|
-      tr[resource]
-        - attributes.each do |attr|
-          td= resource.public_send(attr).to_s.truncate(20)
-        td
-          = link_to t('manage.actions.show'), [resource]
-          |
-          = link_to t('manage.actions.edit'), [:edit, resource]
-          |
-          = link_to t('manage.actions.destroy'), [resource], method: :delete, data: { confirm: t('manage.confirmations.Are you sure')}