golden-theme 0.0.1 → 0.0.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 63af6ed8665891c5163c8abf8d385bc32f7b91da
-  data.tar.gz: 059665596c4cd4b3c33bde9833bbe4769d321107
+  metadata.gz: cd5fdd8028f9c69c2c4ecec645dc9a7d067c258f
+  data.tar.gz: 3ab216688d497e5066e5cb69e6f2054380e41c02
 SHA512:
-  metadata.gz: 6feccdb968f5ccc3f8e695d6e8e9ecbeff5a09e98dd27441864b5959f65422f7b38937a2ba780ccdc34f114f1d5bfac1407c1b220124907336ec0b4241cc49b1
-  data.tar.gz: 3d5d709973e992ea8328ed8284a4ee0614fbb04156b0af835509afe5b43721759b2f50f64b53aec102be0428bca96b6dc276a5cb5be67fa0e1b6379ec5dff7ee
+  metadata.gz: 2288fb74a13f1d5d996987c7d1e18ad5abc0e2e384faf5d2789ce1cd37ac04d56365af4cfcff48fbb26399d972f25d94a442a6a075f07c9bdb929af37a666115
+  data.tar.gz: 073de71bebbdbe64a4729bf3e45f24c89a26b3828ccbc38e2da93e29ee3266eb34906ff5702339d65aac52f82fb598acc31a980ac9a9b6b58ee4e11be14acb8b

data/README.md

@@ -18,6 +18,14 @@ Or install it yourself as:
 
 ## Usage
 
+Add following to `application_controller.rb` with `:bootstrap` or `:foundation`
+
+```
+  before_action do
+    golden_theme_framework :bootstrap
+  end
+```
+
 ## Contributing
 
 1. Fork it ( https://github.com/[my-github-username]/golden-theme/fork )

data/app/assets/javascripts/golden/theme/bootstrap.js.coffee

@@ -0,0 +1,7 @@
+#= require jquery.ui.effect-highlight
+#= require chosen-jquery
+
+#= require golden/theme/bootstrap/bench-util-jquery
+#= require golden/theme/bootstrap/modal
+#= require golden/theme/bootstrap/ajax-tabs
+#= require golden/theme/bootstrap/ajax-chosen

data/app/assets/javascripts/golden/theme/foundation.js.coffee

@@ -0,0 +1,7 @@
+#= require jquery.ui.effect-highlight
+#= require chosen-jquery
+
+#= require golden/theme/foundation/bench-util-jquery
+#= require golden/theme/foundation/modal
+#= require golden/theme/foundation/ajax-tabs
+#= require golden/theme/foundation/ajax-chosen

data/app/assets/javascripts/golden/theme/foundation/ajax-chosen.js.coffee

@@ -0,0 +1,10 @@
+$ ->
+  $('.chosen-select').chosen
+    allow_single_deselect: true
+    no_results_text: 'No results matched'
+    width: '100%'
+
+  $('.ajax-chosen-select').chosen
+    allow_single_deselect: true
+    no_results_text: 'No results matched'
+    width: '100%'

data/app/assets/javascripts/golden/theme/foundation/ajax-tabs.js.coffee

@@ -0,0 +1,42 @@
+$ ->
+  $('.nav-tabs-ajax')
+    .on 'ajax:beforeSend', 'a[data-toggle="tab"]', ->
+      $.bench.util.replaceDataTarget $(this), 'Loading...'
+    .on 'ajax:success', 'a[data-toggle="tab"]', (event, data, status, xhr) ->
+      $.bench.util.replaceDataTarget $(this), data
+      $.bench.util.enableChosen()
+    .on 'ajax:error', 'a[data-toggle="tab"]', (event, xhr, status, error) ->
+      if error == 'Unauthorized' or xhr.status == 401
+        $.bench.util.replaceDataTarget $(this), ''
+        $.bench.util.redirect_to_unauthorized_url
+      else
+        $.bench.util.replaceDataTarget $(this), status
+
+  $('.tabs-content')
+    .on 'ajax:success', '.pagination a[data-toggle="tab"]', (event, data, status, xhr) ->
+      $.bench.util.replaceDataTarget $(this), data
+    .on 'ajax:error', '.pagination a[data-toggle="tab"]', (event, xhr, status, error) ->
+      if error == 'Unauthorized' or xhr.status == 401
+        $.bench.util.replaceDataTarget $(this), ''
+        $.bench.util.redirect_to_unauthorized_url
+      else
+        $.bench.util.replaceDataTarget $(this), status
+
+  $('.tabs-content .content')
+    .on 'ajax:success', '.simple_form', (event, data, status, xhr) ->
+      tab_pane = $(this).parent()
+      $.bench.util.appendFeedback(tab_pane, data)
+      if $.bench.util.hasErrorFeedback(tab_pane)
+        $.bench.util.replaceFeedback(tab_pane)
+        $.bench.util.enableChosen()
+        return true
+      tab_pane.html(data)
+      $.bench.util.enableChosen()
+      tab_pane.effect('highlight', 'slow')
+    .on 'ajax:error', '.simple_form', (event, xhr, status, error) ->
+      tab_pane = $(this).parent()
+      if error == 'Unauthorized' or xhr.status == 401
+        tab_pane.html('')
+        $.bench.util.redirect_to_unauthorized_url
+      else
+        tab_pane.html(status)

data/app/assets/javascripts/golden/theme/foundation/bench-util-jquery.js.coffee

@@ -0,0 +1,48 @@
+$ ->
+  #### namespace ####
+
+  $.bench ||= {}
+  $.bench.util ||= {}
+
+
+  #### util ####
+
+  $.bench.util.clearSelectOptions = (subject, disabled = true) ->
+    blank_option = $('<option>').attr('value', '')
+    if disabled
+      subject.prop('disabled', true)
+    subject.empty().append(blank_option)
+
+  $.bench.util.appendSelectOptions = (subject, choices, disabled = false) ->
+    return unless choices
+    $.each choices, (i, hash) ->
+      option = $('<option>').attr('value', hash['id']).text(hash['name'])
+      subject.append option
+    if !disabled
+      subject.prop('disabled', false)
+    subject.focus().children().first().text('')
+
+  $.bench.util.appendFeedback = (container, data) ->
+    if container.find('.feedback').size() < 1
+      $('<div>').addClass('feedback hide').html(data).appendTo(container)
+
+  $.bench.util.replaceFeedback = (container) ->
+    content = container.children('.feedback').html()
+    container.html(content)
+
+  $.bench.util.hasErrorFeedback = (container) ->
+    container.find('.feedback .alert-box warning').size() > 0
+
+  $.bench.util.replaceDataTarget = (subject, data) ->
+    target = $(subject.attr('data-target'))
+    target.html(data)
+
+  $.bench.util.enableChosen = () ->
+    $('.chosen-select, .ajax-chosen-select').chosen
+      allow_single_deselect: true
+      no_results_text: 'No results matched'
+      width: '100%'
+
+  $.bench.util.redirect_to_unauthorized_url = () ->
+    url = $('#unauthorized_sign_out_url').prop('href')
+    window.location.replace(url)

data/app/assets/javascripts/golden/theme/foundation/modal.js.coffee

@@ -0,0 +1,60 @@
+$ ->
+  #### namespace ####
+
+  $.modal ||= {}
+
+  #### modal ####
+  $.modal.showErrorModal = (status, error, modal = $(this)) ->
+    modal.html($('#error-modal').html())
+         .find('.modal-header h3').html(status).end()
+         .children('.modal-body').html(error || 'No Connection!')
+
+  $.modal.appendFeedback = (modal, data) ->
+    $('<div>').addClass('feedback hide').html(data).appendTo(modal)
+
+  $.modal.replaceFeedback = (modal) ->
+    modal.html(modal.children('.feedback').html())
+    $.modal.enableChosen()
+
+  $.modal.submitForm = (submit_id, modal = $(this)) ->
+    modal.find('.feedback').remove().end()
+         .modal('hide')
+    $.modal.disableOtherSubmit submit_id
+    $.modal.enableSingleSubmit submit_id
+    $(submit_id).removeAttr('data-toggle').click()
+    return true
+
+  $.modal.replaceTable = (table_id, modal = $(this)) ->
+    feedback_table = modal.find('.table')
+    table = $(table_id).find('.table')
+    table.html(feedback_table.html())
+    modal.find('.feedback').remove().end()
+         .modal('hide')
+    table.effect('shake')
+    return true
+
+  # $.rails.disableFormElements(form) will disable all disable-with element
+  $.modal.disableSingleSubmit = (element_id) ->
+    $(element_id).data('modal:enable-with', $(element_id).val())
+    $(element_id).val($(element_id).data('disable-with'))
+    $(element_id).prop('disabled', true)
+
+  # $.rails.enableFormElements(form) will enable all disable-with element
+  $.modal.enableSingleSubmit = (element_id) ->
+    if $(element_id).data('modal:enable-with')
+      $(element_id).val($(element_id).data('modal:enable-with'))
+    $(element_id).prop('disabled', false)
+
+  # disable other submit buttons other than the specified one
+  $.modal.disableOtherSubmit = (submit_id) ->
+    submit_button = $(submit_id)
+    submit_button.parents('form').find($.rails.disableSelector).each () ->
+      if submit_button.val() != $(this).val()
+        $(this).prop('disabled', true)
+        $(this).removeAttr('data-disable-with')
+
+  $.modal.enableChosen = () ->
+    $('.chosen-select').chosen
+      allow_single_deselect: true
+      no_results_text: 'No results matched'
+      width: '100%'

data/app/assets/stylesheets/golden/theme/foundation.css.sass

@@ -0,0 +1,4 @@
+//= require chosen
+//= require golden/theme/foundation/devise
+
+@import 'foundation-icons'

data/app/assets/stylesheets/golden/theme/foundation/devise.css.sass

@@ -0,0 +1,2 @@
+body
+  padding-top: 45px

data/app/controllers/concerns/golden/theme/foundation/pagination.rb

@@ -0,0 +1,33 @@
+module Golden::Theme::Foundation
+  module Pagination
+    extend ActiveSupport::Concern
+
+    included do
+      before_action :clear_pagination_options
+    end
+
+    module ClassMethods
+    end
+
+    protected
+
+    def clear_pagination_options
+      Golden::Theme::Foundation::LinkRenderer.link_options = nil
+    end
+
+    def set_ajax_tab_pagination_render_options tab_name
+      Golden::Theme::Foundation::LinkRenderer.link_options = {
+        'data-remote' => true,
+        'data-type' => :html,
+        'data-toggle' => 'tab',
+        'data-target' => "##{tab_name}"
+      }
+    end
+
+    def last_page_collection query
+      last_page = query.paginate(page: 1).total_pages
+      params[:page] = last_page
+      query.paginate page: last_page
+    end
+  end
+end

data/app/views/application/{_flash_messages.html.erb → bootstrap/_flash_messages.html.erb}

@@ -5,6 +5,6 @@
 <div class="messages">
   <% flash.each do |key, value| %>
     <% next if %w(timedout).include? key.to_s %>
-    <%= flash_box key, value %>
+    <%= bootstrap_alert_box key, value %>
   <% end %>
 </div>

data/app/views/application/bootstrap/_main_navigation.html.erb

@@ -3,6 +3,6 @@
 </header>
 
 <div>
-  <%= render_list class: 'nav navbar-nav' do |li|
+  <%= bootstrap_ul_tag class: 'nav navbar-nav' do |li|
   end %>
 </div>

data/app/views/application/bootstrap/_user_navigation.html.erb

@@ -3,11 +3,11 @@
 </header>
 
 <div id="user-identity">
-  <%= render_list class: 'nav navbar-nav pull-right' do |li|
+  <%= bootstrap_ul_tag class: 'nav navbar-nav pull-right' do |li|
     if signed_in?
       li << [
-        dropdown_toggle(current_user.name),
-        dropdown_menu do |li2|
+        bootstrap_dropdown_toggle(current_user.name),
+        bootstrap_dropdown_menu do |li2|
           li2 << link_to_edit_user_profile
           li2 << ['', class: 'divider']
           li2 << link_to_user_sign_out

data/app/views/application/foundation/_flash_messages.html.erb

@@ -0,0 +1,10 @@
+<header class="hide">
+  <h5><%= t('.title') %></h5>
+</header>
+
+<div class="messages">
+  <% flash.each do |key, value| %>
+    <% next if %w(timedout).include? key.to_s %>
+    <%= foundation_alert_box key, value %>
+  <% end %>
+</div>

data/app/views/application/foundation/_header.html.erb

@@ -0,0 +1,17 @@
+<div class="fixed">
+  <nav class="top-bar" data-topbar role="navigation">
+    <ul class="title-area">
+      <li class="name">
+        <h1><%= link_to t('.site_title'), main_app.root_url %></h1>
+      </li>
+      <li class="toggle-topbar menu-icon">
+        <a href="#"><span><%= t('.menu') %></span></a>
+      </li>
+    </ul>
+
+    <section class="top-bar-section">
+      <%= render 'application/foundation/main_navigation' %>
+      <%= render 'application/foundation/user_navigation' %>
+    </section>
+  </nav>
+</div>

data/app/views/application/foundation/_main_navigation.html.erb

@@ -0,0 +1,5 @@
+<div>
+  <h5 class="hide"><%= t('.title') %></h5>
+  <%= foundation_ul_tag class: 'left' do |li|
+  end %>
+</div>

data/app/views/application/foundation/_pagination.html.erb

@@ -0,0 +1,9 @@
+<%= will_paginate(collection, {
+  renderer: Golden::Theme::Foundation::LinkRenderer,
+  inner_window: 2,
+  outer_window: 0,
+  class: 'pagination',
+  previous_label: t('.previous_label'),
+  next_label: t('.next_label'),
+  params: params || {}
+}) %>

data/app/views/application/foundation/_user_navigation.html.erb

@@ -0,0 +1,19 @@
+<div id="user-identity">
+  <h5 class="hide"><%= t('.title') %></h5>
+  <%= foundation_ul_tag class: 'right' do |li|
+    if signed_in?
+      li << [
+        foundation_top_bar_dropdown_link_to(current_user.name),
+        foundation_top_bar_dropdown_ul_tag do |li2|
+          li2 << link_to_edit_user_profile
+          li2 << ['', class: 'divider']
+          li2 << link_to_user_sign_out
+        end,
+        { class: 'has-dropdown' }
+      ]
+    else
+      li << link_to_user_sign_up
+      li << link_to_user_sign_in
+    end
+  end %>
+</div>

data/config/locales/application.en.yml

@@ -17,3 +17,19 @@ en:
       pagination:
         previous_label: '←'
         next_label: '→'
+    foundation:
+      header:
+        nav_toggle: 'Toggle navigation'
+        site_title: 'GoldenTheme'
+        menu: 'Menu'
+      main_navigation:
+        title: 'Main navigation'
+      user_navigation:
+        title: 'User navigation'
+        sign_up: 'Sign Up'
+        sign_in: 'Sign In'
+        sign_out: 'Sign Out'
+        edit_profile: 'Edit Profile'
+      pagination:
+        previous_label: '←'
+        next_label: '→'

data/config/locales/application.zh-TW.yml

@@ -17,3 +17,19 @@ zh-TW:
       pagination:
         previous_label: '←'
         next_label: '→'
+    foundation:
+      header:
+        nav_toggle: '切換導覽列'
+        site_title: 'GoldenTheme'
+        menu: '選單'
+      main_navigation:
+        title: '網站導覽'
+      user_navigation:
+        title: '用戶導覽'
+        sign_up: '註冊'
+        sign_in: '登入'
+        sign_out: '登出'
+        edit_profile: '編輯個人資料'
+      pagination:
+        previous_label: '←'
+        next_label: '→'

data/golden-theme.gemspec

@@ -22,9 +22,14 @@ Gem::Specification.new do |spec|
   spec.add_development_dependency 'rake'
 
   spec.add_dependency 'sass-rails'
-  spec.add_dependency 'bootstrap-sass'
   spec.add_dependency 'compass-rails'
 
+  spec.add_dependency 'bootstrap-sass'
+  spec.add_dependency 'autoprefixer-rails'
+
+  spec.add_dependency 'foundation-rails'
+  spec.add_dependency 'foundation-icons-sass-rails'
+
   spec.add_dependency 'coffee-rails'
   spec.add_dependency 'jquery-rails'
   spec.add_dependency 'jquery-ui-rails'

data/lib/golden/theme.rb

@@ -1,6 +1,10 @@
 require 'golden/theme/version'
 
 require 'bootstrap-sass'
+
+require 'foundation-rails'
+require 'foundation-icons-sass-rails'
+
 require 'compass-rails'
 require 'jquery-ui-rails'
 require 'chosen-rails'
@@ -12,5 +16,8 @@ module Golden
   end
 end
 
+require 'golden/theme/helpers'
 require 'golden/theme/engine'
+
 require 'golden/theme/bootstrap/link_renderer'
+require 'golden/theme/foundation/link_renderer'

data/lib/golden/theme/bootstrap/alert_helper.rb

@@ -0,0 +1,25 @@
+module Golden::Theme::Bootstrap
+  module AlertHelper
+    def bootstrap_alert_box key, value
+      alert_class = 'alert alert-dismissable'
+      alert_class << case key.to_sym
+      when :notice, :alert
+        " alert-warning #{key}"
+      when :error
+        " alert-danger #{key}"
+      else
+        " alert-#{key} #{key}"
+      end
+      button_options = {
+        type: 'button',
+        name: nil,
+        class: 'close',
+        data: { dismiss: 'alert' }
+      }
+      content_tag :div, class: alert_class do
+        concat button_tag('&times;'.html_safe, button_options)
+        concat value
+      end
+    end
+  end
+end