biola_frontend_toolkit 0.0.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 30593500423411391197274af31cfa7cfbc06755
+  data.tar.gz: 6509ebff93768b6e932a04b7959d0f86368ca59e
+SHA512:
+  metadata.gz: 580f710aa81371a9590f16fe2f8aaf8b2bd5317e24f0a1bcf17f20cf5d36ff1334cb242bc1c3d3723372fd017f5b1dcc110a25b7482cec2820fae4a4744935e3
+  data.tar.gz: 7594194ad238d6271483f5d83bec035550874a0e53c45be5ae8c207e6b425274a392be454ccb36729be3caa91a6eff84b08dd010e09cfd82c691bb328e5975bb

data/.gitignore

@@ -0,0 +1,4 @@
+*.gem
+.bundle
+.rspec
+Gemfile.lock

data/Gemfile

@@ -0,0 +1,4 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in biola_frontend_toolkit.gemspec
+gemspec

data/LICENSE.txt

@@ -0,0 +1,22 @@
+Copyright (c) 2014 Ryan Hall
+
+MIT License
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,74 @@
+# Biola Frontend Toolkit
+
+This toolkit includes a shared header and some other view helpers designed for our Biola web applications.
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+    gem 'biola_frontend_toolkit'
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install biola_frontend_toolkit
+
+#### Dependencies
+
+* bootstrap-sass
+* font-awesome-rails
+
+## Usage
+
+### Rails > 3.1
+
+Your layout file should look something like this
+
+    doctype html
+    html lang="en-us"
+      head
+        / frontend_toolkit/head includes default html head tags and csrf_meta_tags
+        = render 'frontend_toolkit/head', title: 'Direcotry'
+        = stylesheet_link_tag "application", media: "all"
+      body class="#{controller_name} #{action_name}"
+        = render 'frontend_toolkit/header'
+        = yield
+        = javascript_include_tag "application"
+
+Include the following in `application.css.scss`. This will add require statements for `bootstrap` and `font-awesome` automatically.
+
+    //= require biola-frontend-toolkit
+
+Include the following in `application.js.coffee`. This includes `jquery`, `jquery_ujs`, and `bootstrap` automatically.
+
+    #= require biola-frontend-toolkit
+
+
+#### Other requirements
+
+* `@current_user` - When a user is logged in
+* `logout_path` - Should return a link to the logout path
+* `/whateverpath?login=true` - Should be caught by ApplicationController and redirect to login page if not already logged in.
+
+
+#### Configuration
+
+Create a new file called `/config/initializers/biola_frontend_toolkit.rb`
+
+    BiolaFrontendToolkit.configure do |config|
+      config.app_name = Settings.app.name
+      config.app_version = Version.current  # optional
+      config.relative_root = Settings.app.relative_url_root
+    end
+
+
+## Contributing
+
+1. Fork it
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Add some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create new Pull Request

data/Rakefile

@@ -0,0 +1 @@
+require "bundler/gem_tasks"

data/app/assets/javascripts/biola-frontend-toolkit.js.coffee

@@ -0,0 +1,4 @@
+#= require jquery
+#= require jquery_ujs
+#= require bootstrap
+#= require_self

data/app/assets/stylesheets/biola/header.css.scss

@@ -0,0 +1,102 @@
+body { margin: 0; }
+#wrapperBiolaHeader { background:#111; width:100%; }
+#biolaHeader { margin:0 auto; padding:0 15px; height: 42px;
+  a { text-decoration:none; color:#FFF; }
+
+  .branding { float:left; font-weight:bold; font-size:13px; height:42px; line-height:42px; margin:0; font-family:'proxima-nova', 'avenir next',Helvetica,Arial,sans-serif; text-transform:uppercase; letter-spacing:0.25em;
+    img { width:22px; height:22px; vertical-align:top; display:inline-block; margin:0.75em 0.5em 0 0; }
+    .university { display: none; }
+  }
+
+
+  // Customize header dropdown menus. These will still use Bootstrap but will overwrite some of it's default styles.
+  .dropdown { float: right;
+    .dropdown-toggle { display: block; text-align:center; line-height:42px; padding:0 15px; color:#CCC; cursor:pointer; background:transparent; border:0; outline:0; -webkit-user-select: none; -webkit-appearance:none;
+      i.fa { vertical-align: middle; }
+    }
+    .dropdown-menu { top: 122%; border-radius: 0; min-width: 230px;
+      > li {
+        > a { color:inherit; padding: 10px 20px;
+          i { margin-right: 8px; }
+        }
+      }
+
+      // Add the little carret to the dropdown.
+      &::before { position: absolute; top: -15px; right: 9px; display: inline-block; border-right: 10px solid transparent; border-bottom: 15px solid #CCC; border-left: 10px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; }
+      &::after { position: absolute; top: -14px; right: 10px; display: inline-block; border-right: 9px solid transparent; border-bottom: 14px solid white; border-left: 9px solid transparent; content: ''; }
+    }
+
+    &.open {
+      .dropdown-toggle { background: white; color: #333; }
+    }
+
+    &#global-alerts { font-size:14px;
+      .dropdown-menu { padding: 0;
+        > li { border-bottom: 1px solid #ddd; position: relative;
+          &:last-child { border: none; }
+          > a { white-space: initial; }
+        }
+      }
+    }
+
+    &#apps-list { font-size:12px;
+      .dropdown-toggle {
+        .desktop { display:none; }
+        .mobile .app-list-icon { font-size: 18px; padding-right: 10px; }
+        .mobile .fa-home { font-size: 18px; }
+      }
+    }
+
+    &#current-user-profile {
+      #profile-img { height: 30px; width: 30px; background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 20px; display: inline-block; vertical-align: middle; }
+      .dropdown-menu {
+        // Adjust where the little carret points so that it is right under the profile picture
+        &::before { right: 19px; }
+        &::after { right: 20px; }
+      }
+    }
+  }
+}
+
+
+@media screen and (max-width:360px) {
+  #biolaHeader {
+    #apps-list.dropdown {
+      .dropdown-menu { right: -80px;
+        &::before { right: 87px; }
+        &::after { right: 88px; }
+      }
+    }
+  }
+}
+
+@media screen and (min-width:549px) {
+  #biolaHeader {
+    #apps-list.dropdown {
+      .dropdown-toggle {
+        .mobile { display:none; }
+        .desktop { display: block; }
+        .desktop .version { padding-left: 5px; font-size: 10px; }
+        .desktop .label { margin-left: 8px; margin-right: 5px; }
+      }
+    }
+  }
+}
+
+@media screen and (min-width:768px) {
+  #biolaHeader {
+    .branding .university { display: inline; }
+  }
+}
+
+@media screen and (min-width:768px) {
+  #biolaHeader { width:750px; }
+}
+
+@media screen and (min-width:992px) {
+  #biolaHeader { width:970px; }
+}
+
+@media screen and (min-width:1200px) {
+  #biolaHeader { width:1170px; }
+}

data/app/assets/stylesheets/biola/prerelease.css.scss

@@ -0,0 +1,4 @@
+#alphaBanner { padding: 10px; width: 100%; color: #0b0c0c; background-color: #d53880; }
+#alphaBanner a { color: #0b0c0c; text-decoration: underline; }
+#betaBanner { padding: 10px; width: 100%; color: #0b0c0c; background-color: #D58338; }
+#betaBanner a { color: #0b0c0c; text-decoration: underline; }

data/app/assets/stylesheets/biola-frontend-toolkit.css.scss

@@ -0,0 +1,4 @@
+//= require bootstrap
+//= require font-awesome
+//= require_tree ./biola
+//= require_self

data/app/helpers/biola_frontend/rails/frontend_toolkit_helper.rb

@@ -0,0 +1,40 @@
+module BiolaFrontend
+  module Rails
+    module FrontendToolkitHelper
+
+      def show_environment
+        unless ::Rails.env.match(/prod/i)
+          content_tag :span, ::Rails.env, class: 'label label-danger'
+        end
+      end
+
+      def yield_or(name, or_content=nil, &block)
+        if content_for?(name)
+          content_for(name)
+        elsif or_content
+          or_content
+        elsif block_given?
+          yield(block)
+        else
+          ''
+        end
+      end
+
+      def app_dropdown_link(dropdown, &block)
+        link_options = {'class'=>'dropdown-toggle'}
+        link_options = {'class'=>'dropdown-toggle', 'area-hidden'=>'true', 'data-toggle'=>'dropdown'} if dropdown
+        link_to (dropdown ? '#' : BiolaFrontendToolkit.config.relative_root), link_options do
+          yield if block_given?
+        end
+      end
+
+      def app_link(app)
+        icon_string = app[:icon].present? ? "#{fa_icon(app[:icon])} " : ''
+        link_to app[:url] do
+          (icon_string + app[:title]).html_safe
+        end
+      end
+
+    end
+  end
+end

data/app/views/frontend_toolkit/_alpha_banner.html.slim

@@ -0,0 +1,11 @@
+- feedback_form_url ||= nil
+#wrapperPreRelease
+  #alphaBanner.pre-release-banner
+    .container
+      span
+        strong ALPHA:
+        '
+        - if feedback_form_url
+          | This is a prototype — your #{link_to 'feedback', feedback_form_url, target: '_blank' } will help us improve it.
+        - else
+          | This is a prototype.

data/app/views/frontend_toolkit/_beta_banner.html.slim

@@ -0,0 +1,7 @@
+#wrapperPreRelease
+  #betaBanner.pre-release-banner
+    .container
+      span
+        strong BETA:
+        '
+        | This is a trial service — your #{link_to 'feedback', 'https://forms.biola.edu/information-technology/profile-publisher-feedback'} will help us improve it.

data/app/views/frontend_toolkit/_head.html.slim

@@ -0,0 +1,8 @@
+meta charset="utf-8"
+meta http-equiv="X-UA-Compatible" content="IE=edge"
+meta name="viewport" content="width=device-width, initial-scale=1"
+link rel="icon" type="image/png" href="https://media1.biola.edu/biola/img/biola-icon.png"
+
+title = yield_or :title, (title || BiolaFrontendToolkit.config.app_name)
+
+= csrf_meta_tags

data/app/views/frontend_toolkit/_header.html.slim

@@ -0,0 +1,62 @@
+#header
+  #wrapperBiolaHeader
+    #biolaHeader
+      h2.branding
+        a.logo href="http://www.biola.edu"
+          img> src="http://academics.biola.edu/static/biola/header-slim/images/logo-biola-mark-white.png" alt=""
+          ' Biola
+          span.university University
+
+      #current-user-profile.dropdown
+        a.dropdown-toggle href="#" aria-hidden="true" data-toggle="dropdown"
+          - if @current_user
+            #profile-img style="background-image: url('#{@current_user.photo_url}')"
+          - else
+            i.fa.fa-user
+        ul.dropdown-menu.pull-right role="menu" aria-labelledby="dLabel"
+          - if @current_user
+            li
+              = link_to '#' do
+                i.fa.fa-user>
+                | My Account
+            li
+              = link_to logout_path do
+                i.fa.fa-power-off>
+                | Logout
+          - else
+            li = link_to 'Login', params.merge(login: 'true')
+
+      / - if @current_user
+      /   #global-alerts.dropdown
+      /     a.dropdown-toggle href="#" aria-hidden="true" data-toggle="dropdown"
+      /       i.fa.fa-bell-o
+      /     ul.dropdown-menu.pull-right role="menu" aria-labelledby="dLabel"
+      /       li = link_to 'This is a really important message...', '#'
+      /       li = link_to 'Your last timecard is way overdue.', '#'
+      /       li = link_to 'You are in quite the pickle mister.', '#'
+      /       li = link_to 'Your student bill was due last week Thursday.', '#'
+      /       li = link_to 'You owe us one million dollars, plus a delicious candy bar.', '#'
+
+      #apps-list.dropdown
+        = app_dropdown_link BiolaFrontendToolkit.config.app_links.present? do
+          span.desktop
+            = BiolaFrontendToolkit.config.app_name
+            - if BiolaFrontendToolkit.config.app_version.present?
+              span.version = "v#{BiolaFrontendToolkit.config.app_version}"
+            = show_environment
+            - if BiolaFrontendToolkit.config.app_links.present?
+              i.fa.fa-caret-down<
+          span.mobile
+            - if BiolaFrontendToolkit.config.app_links.present?
+              i.fa.fa-list.app-list-icon
+              i.fa.fa-caret-down
+            - else
+              i.fa.fa-home
+
+        - if BiolaFrontendToolkit.config.app_links.present?
+          ul.dropdown-menu.pull-right role="menu" aria-labelledby="dLabel"
+            - BiolaFrontendToolkit.config.app_links.each do |app|
+              li = app_link app
+            / li.divider
+            / li.text-center = link_to 'More', '#'
+

data/biola_frontend_toolkit.gemspec

@@ -0,0 +1,23 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'biola_frontend_toolkit/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = "biola_frontend_toolkit"
+  spec.version       = BiolaFrontendToolkit::VERSION
+  spec.authors       = ["Ryan Hall"]
+  spec.email         = ["ryan.hall@biola.edu"]
+  spec.description   = %q{this is a description}
+  spec.summary       = %q{this is a summary}
+  spec.homepage      = ""
+  spec.license       = "MIT"
+
+  spec.files         = `git ls-files`.split($/)
+  spec.executables   = spec.files.grep(%r{^bin/}) { |f| File.basename(f) }
+  spec.test_files    = spec.files.grep(%r{^(test|spec|features)/})
+  spec.require_paths = ["lib"]
+
+  spec.add_development_dependency "bundler", "~> 1.3"
+  spec.add_development_dependency "rake"
+end

data/lib/biola_frontend_toolkit/configuration.rb

@@ -0,0 +1,15 @@
+module BiolaFrontendToolkit
+  class Configuration
+    attr_accessor :app_name
+    attr_accessor :app_version
+    attr_accessor :relative_root
+    attr_accessor :app_links
+
+    def initialize
+      @app_name = 'App Name'
+      @app_version = ''
+      @relative_root = '/'
+      @app_links = []
+    end
+  end
+end

data/lib/biola_frontend_toolkit/engine.rb

@@ -0,0 +1,6 @@
+module BiolaFrontendToolkit
+  module Rails
+    class Engine < ::Rails::Engine
+    end
+  end
+end

data/lib/biola_frontend_toolkit/version.rb

@@ -0,0 +1,3 @@
+module BiolaFrontendToolkit
+  VERSION = "0.0.1"
+end

data/lib/biola_frontend_toolkit.rb

@@ -0,0 +1,14 @@
+require "biola_frontend_toolkit/version"
+require "biola_frontend_toolkit/engine" if defined?(::Rails)
+
+module BiolaFrontendToolkit
+  require 'biola_frontend_toolkit/configuration'
+
+  def self.configure
+    yield config
+  end
+
+  def self.config
+    @config ||= Configuration.new
+  end
+end

metadata

@@ -0,0 +1,91 @@
+--- !ruby/object:Gem::Specification
+name: biola_frontend_toolkit
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+platform: ruby
+authors:
+- Ryan Hall
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2014-06-21 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.3'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.3'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+description: this is a description
+email:
+- ryan.hall@biola.edu
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".gitignore"
+- Gemfile
+- LICENSE.txt
+- README.md
+- Rakefile
+- app/assets/javascripts/biola-frontend-toolkit.js.coffee
+- app/assets/stylesheets/biola-frontend-toolkit.css.scss
+- app/assets/stylesheets/biola/header.css.scss
+- app/assets/stylesheets/biola/prerelease.css.scss
+- app/helpers/biola_frontend/rails/frontend_toolkit_helper.rb
+- app/views/frontend_toolkit/_alpha_banner.html.slim
+- app/views/frontend_toolkit/_beta_banner.html.slim
+- app/views/frontend_toolkit/_head.html.slim
+- app/views/frontend_toolkit/_header.html.slim
+- biola_frontend_toolkit.gemspec
+- lib/biola_frontend_toolkit.rb
+- lib/biola_frontend_toolkit/configuration.rb
+- lib/biola_frontend_toolkit/engine.rb
+- lib/biola_frontend_toolkit/version.rb
+homepage: ''
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.2.2
+signing_key: 
+specification_version: 4
+summary: this is a summary
+test_files: []