alchemy 1.0.0

data/app/assets/stylesheets/alchemy/partials/_mixins.scss

@@ -0,0 +1,24 @@
+// different from basic linear gradient, that it is declaring fallbacks for different browsers
+@mixin linear_gradient($fallback_color, $start_color, $end_color, $end_color_position: false) {
+  @if $end_color_position {
+    @include background(linear-gradient($start_color, $end_color $end_color_position)); /* general */
+    @include filter-gradient($fallback_color, $fallback_color); /* IE */
+    background-color: $fallback_color; /* fallback */
+  }
+  @else {
+    @include background(linear-gradient($start_color, $end_color)); /* general */
+    @include filter-gradient($start_color, $end_color); /* IE */
+    background-color: $fallback_color; /* fallback */
+  }
+}
+
+//mixin for making text unselectable in some useful and important cases
+@mixin unselectable {
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+

data/app/assets/stylesheets/alchemy/partials/_vars.scss

@@ -0,0 +1,31 @@
+/*****************
+* Font Types
+*****************/
+$screenfont:          "Liberation Sans", sans-serif !default;
+$headlinefont:        "Overpass", Interstate, sans-serif !default;
+
+/*****************
+* Static
+*****************/
+$static_width: 960px !default;
+
+/*****************
+* Responsive
+*****************/
+$responsive_phone_width: 480px !default;
+$responsive_tablet_width: 768px !default;
+$responsive_classic_width: 1024px !default;
+$responsive_wide_width: 1200px !default;
+
+/*****************
+* Elements - Global
+*****************/
+$border_radius: 3px !default;
+
+/********
+* Images
+*********/
+$logo_img:    image-url("embed/logo.png") no-repeat 0 0 transparent;
+$loading_img: image-url("alchemy/icons/spinner_head.gif") no-repeat 0 0 transparent;
+$arrow_icon:  image-url("alchemy/icons/arrow_icon.png") no-repeat 0 0;
+$chosen_sprite_url: "../../../images/alchemy/icons/chosen-sprite.png";

data/app/helpers/alchemy/gettext_translations.rb

@@ -0,0 +1,27 @@
+module Alchemy::GettextTranslations
+  TRANSLATIONS = {
+    :noscript                 => _("Javascript must be enabled for this application to work properly."),
+    :show_password            => _("Show My Password"),
+    :example_logo             => _("Logo"),
+    :forgot_username_password => _("Forgot Username or Password?"),
+    :username                 => _("Username"),
+    :password                 => _("Password"),
+    :login                    => _("Login"),
+    :login_information        => _("Login Information"),
+    :remembered_login         => _("I remembered my login credentials."),
+    :password_unknown         => _("Password Unknown"),
+    :email_address            => _("Email Address"),
+    :send_login               => _("Send Login"),
+    :return_to_login          => _("Return to log in."),
+    :password_unknown_info    => _("Enter your username and email address below and instructions on resetting your password will be sent to you."),
+    :reset_password           => _("Reset Password"),
+    :username_unknown         => _("Username Unknown"),
+    :username_unknown_info    => _("If you do not know your username, please enter your email address below and your username information will be sent to you."),
+    :change_password          => _("Change Password"),
+    :confirm_password         => _("Confirm Password"),
+    :save                     => _("Save"),
+    :passwords_match          => _("Passwords match."),
+    :passwords_do_not_match   => _("Passwords do not match."),
+    :recovery_link            => _("Forgot %s or %s?")
+  }
+end

data/app/helpers/alchemy/layout_helper.rb

@@ -0,0 +1,19 @@
+#
+# Copyright 2011 Red Hat, Inc.
+#
+# This software is licensed to you under the GNU General Public
+# License as published by the Free Software Foundation; either version
+# 2 of the License (GPLv2) or (at your option) any later version.
+# There is NO WARRANTY for this software, express or implied,
+# including the implied warranties of MERCHANTABILITY,
+# NON-INFRINGEMENT, or FITNESS FOR A PARTICULAR PURPOSE. You should
+# have received a copy of GPLv2 along with this software; if not, see
+# http://www.gnu.org/licenses/old-licenses/gpl-2.0.txt.
+
+module Alchemy
+  module LayoutHelper
+    def no_template
+      _("No Template")
+    end
+  end
+end

data/app/helpers/alchemy/rails_translations.rb

@@ -0,0 +1,21 @@
+module Alchemy::RailsTranslations
+  TRANSLATIONS = {
+    :noscript                 => "user_sessions.noscript",
+    :username                 => "user_sessions.username",
+    :password                 => "user_sessions.password",
+    :login                    => "user_sessions.login",
+    :recovery_link            => "user_sessions.recovery_link",
+    :email_address            => "password_resets.email_address",
+    :send_login               => "username_recoveries.recover_usernames",
+    :password_unknown         => "password_resets.password_unknown",
+    :password_unknown_info    => "password_resets.password_unknown_info",
+    :reset_password           => "password_resets.reset_password",
+    :username_unknown         => "username_recoveries.username_unknown",
+    :username_unknown_info    => "username_recoveries.username_unknown_info",
+    :change_password          => "password_resets.change_password",
+    :change_password_info     => "password_resets.change_password_info",
+    :new_password             => "password_resets.new_password",
+    :confirm_password         => "password_resets.confirm_password",
+    :passwords_do_not_match   => "user_sessions.passwords_do_not_match"
+  }
+end

data/app/helpers/alchemy/translation_helper.rb

@@ -0,0 +1,19 @@
+module Alchemy
+  module TranslationHelper
+    # Test for Gettext presence, punt to rails translations otherwise
+    if respond_to?(:_)
+      include Alchemy::GettextTranslations
+    else
+      include Alchemy::RailsTranslations
+    end
+
+    def get_string(text_key)
+      if respond_to?(:_)
+        return TRANSLATIONS[text_key]
+      else
+        return I18n.t TRANSLATIONS[text_key]
+      end
+    end
+
+  end
+end

data/app/views/alchemy/layouts/_base.haml

@@ -0,0 +1,20 @@
+!!!
+%html
+  %head
+    %meta(http-equiv="Content-Type" content="text/html; charset=UTF-8")
+    = favicon_link_tag 'embed/favicon.png'
+    %title
+      = yield :title
+    = yield :stylesheets_block
+    = yield :head
+
+  - if controller.respond_to?(:section_id)
+    - section_id = controller.section_id
+  - elsif @body_id
+    - section_id = @body_id
+  - else
+    - section_id = "generic"
+  %body{:id => section_id}
+    = yield :body
+    = yield :javascripts_block
+    = yield :extra

data/app/views/alchemy/layouts/_change_password_layout.html.haml

@@ -0,0 +1,20 @@
+.card#change_password
+  %h2= get_string(:change_password)
+  %p= get_string(:change_password_info)
+  = form_for @user, :url => edit_password_reset_form_path_string,
+                    :remote => true,
+                    :html => { :id => "change_password_form",
+                               :class => 'form labels_top messages_bottom' } do |f|
+
+    .control_group
+      .label= f.label :password, get_string(:new_password)
+      .input= f.password_field :password, :id => "password_field"
+    .control_group
+      .label= f.label :password_confirmation, get_string(:confirm_password)
+      .input= f.password_field :password_confirmation, :id => "confirm_field"
+    .control_group
+      .left_aligned
+        = link_to login_path_string, :class => "return_link" do
+          %i.left_arrow_icon_black
+      .right_aligned
+        = submit_tag get_string(:change_password), :class => 'button primary'

data/app/views/alchemy/layouts/_common_i18n.haml

@@ -0,0 +1,4 @@
+:plain
+  CUI.i18n.localize({
+    "passwords_do_not_match"  : "#{escape_javascript(get_string(:passwords_do_not_match))}"
+  });

data/app/views/alchemy/layouts/_header_layout.haml

@@ -0,0 +1,13 @@
+%header#header
+  .centered
+    %h1
+      = yield :appname
+
+    = yield :logo
+    #loading
+    #nav-container
+      = yield :extra_header
+      %nav#appnav
+        = yield :tabs
+    #widget-container
+      = yield :widgets

data/app/views/alchemy/layouts/_login_layout.html.haml

@@ -0,0 +1,58 @@
+.card#login
+  = form_tag login_form_path_string, :id => 'login_form', :class => 'form labels_top messages_bottom', :method => "post", :remote => true do
+    .control_group
+      .label= label_tag :username, get_string(:username)
+      .input= text_field_tag :username, params[:username], :class => 'username', :id => "username"
+    .control_group
+      .label= label_tag :password, get_string(:password)
+      .input= password_field_tag :password, params[:password], :class => 'password', :id => 'password-input'
+    .control_group
+      .right_aligned
+        = recovery_strings
+    .control_group
+      .right_aligned
+        = submit_tag get_string(:login), :class => "button primary", :id => 'login_btn'
+      .right_aligned
+        .spinner
+
+.card.slidable#username_recovery{:class => ("slid" if params[:card] == "username_recovery")}
+  %h2= get_string(:username_unknown)
+  %p= get_string(:username_unknown_info)
+  = form_tag new_username_recoveries_form_path_string,
+             :method => :post,
+             :id => "username_recovery_form",
+             :class => 'form labels_top messages_bottom',
+             :remote => true do
+    .control_group
+      .label= label_tag :email, get_string(:email_address)
+      .input= text_field_tag :email, params[:email]
+    .control_group
+      .left_aligned
+        = link_to login_path_string, :class => "return_link", :id => "username_recovery_return_link" do
+          %i.left_arrow_icon_black
+      .right_aligned
+        = submit_tag get_string(:send_login), :class => 'button primary'
+
+.card.slidable#password_reset{:class => ("slid" if params[:card] == "password_reset")}
+  %h2= get_string(:password_unknown)
+  %p= get_string(:password_unknown_info)
+  = form_tag new_password_resets_form_path_string,
+             :method => :post,
+             :id => "password_reset_form",
+             :class => 'form labels_top messages_bottom',
+             :remote => true do
+    .control_group
+      .label= label_tag :username, get_string(:username)
+      .input= text_field_tag :username, params[:username]
+    .control_group
+      .label= label_tag :email, get_string(:email_address)
+      .input= text_field_tag :email, params[:email]
+    .control_group
+      .left_aligned
+        = link_to login_path_string, :class => "return_link", :id => "password_reset_return_link" do
+          %i.left_arrow_icon_black
+      .right_aligned
+        = submit_tag get_string(:reset_password), :class => 'button primary'
+
+- if content_for?(:interstitial)
+  = yield :interstitial

data/app/views/alchemy/layouts/_user_session_layout.haml

@@ -0,0 +1,17 @@
+= content_for(:body) do
+  %noscript
+    .noscript-warning
+      = get_string(:noscript)
+  #wrapper
+    %article
+      %div.container
+        #notifications
+          = yield :notifications
+        %aside
+          = yield :login_logo
+        %section
+          = yield :content
+  %footer
+    = yield :footer
+
+= render :partial => "alchemy/layouts/base"

data/app/views/alchemy/layouts/shell_layout.haml

@@ -0,0 +1,10 @@
+= content_for(:body) do
+  #wrapper
+    = render :partial => "alchemy/layouts/header_layout"
+    %article#maincontent
+      %section.maincontent
+        = yield :content
+  %footer
+    = yield :footer
+
+= render :partial => "alchemy/layouts/base"

data/lib/alchemy.rb

@@ -0,0 +1,6 @@
+require "alchemy/version"
+
+module Alchemy
+  class Engine < ::Rails::Engine
+  end
+end

data/lib/alchemy/version.rb

@@ -0,0 +1,3 @@
+module Alchemy
+  VERSION = "1.0.0"
+end

data/test/alchemy_test.rb

@@ -0,0 +1,7 @@
+require 'test_helper'
+
+class AlchemyTest < ActiveSupport::TestCase
+  test "truth" do
+    assert_kind_of Module, Alchemy
+  end
+end

data/test/test_helper.rb

@@ -0,0 +1,9 @@
+# Configure Rails Environment
+ENV["RAILS_ENV"] = "test"
+
+require "rails/test_help"
+
+Rails.backtrace_cleaner.remove_silencers!
+
+# Load support files
+Dir["#{File.dirname(__FILE__)}/support/**/*.rb"].each { |f| require f }

data/vendor/assets/javascripts/alchemy/html5shiv.js

@@ -0,0 +1,298 @@
+/**
+* @preserve HTML5 Shiv v3.6.2pre | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed
+*/
+;(function(window, document) {
+/*jshint evil:true */
+  /** version */
+  var version = '3.6.2pre';
+
+  /** Preset options */
+  var options = window.html5 || {};
+
+  /** Used to skip problem elements */
+  var reSkip = /^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i;
+
+  /** Not all elements can be cloned in IE **/
+  var saveClones = /^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i;
+
+  /** Detect whether the browser supports default html5 styles */
+  var supportsHtml5Styles;
+
+  /** Name of the expando, to work with multiple documents or to re-shiv one document */
+  var expando = '_html5shiv';
+
+  /** The id for the the documents expando */
+  var expanID = 0;
+
+  /** Cached data for each document */
+  var expandoData = {};
+
+  /** Detect whether the browser supports unknown elements */
+  var supportsUnknownElements;
+
+  (function() {
+    try {
+        var a = document.createElement('a');
+        a.innerHTML = '<xyz></xyz>';
+        //if the hidden property is implemented we can assume, that the browser supports basic HTML5 Styles
+        supportsHtml5Styles = ('hidden' in a);
+
+        supportsUnknownElements = a.childNodes.length == 1 || (function() {
+          // assign a false positive if unable to shiv
+          (document.createElement)('a');
+          var frag = document.createDocumentFragment();
+          return (
+            typeof frag.cloneNode == 'undefined' ||
+            typeof frag.createDocumentFragment == 'undefined' ||
+            typeof frag.createElement == 'undefined'
+          );
+        }());
+    } catch(e) {
+      supportsHtml5Styles = true;
+      supportsUnknownElements = true;
+    }
+
+  }());
+
+  /*--------------------------------------------------------------------------*/
+
+  /**
+   * Creates a style sheet with the given CSS text and adds it to the document.
+   * @private
+   * @param {Document} ownerDocument The document.
+   * @param {String} cssText The CSS text.
+   * @returns {StyleSheet} The style element.
+   */
+  function addStyleSheet(ownerDocument, cssText) {
+    var p = ownerDocument.createElement('p'),
+        parent = ownerDocument.getElementsByTagName('head')[0] || ownerDocument.documentElement;
+
+    p.innerHTML = 'x<style>' + cssText + '</style>';
+    return parent.insertBefore(p.lastChild, parent.firstChild);
+  }
+
+  /**
+   * Returns the value of `html5.elements` as an array.
+   * @private
+   * @returns {Array} An array of shived element node names.
+   */
+  function getElements() {
+    var elements = html5.elements;
+    return typeof elements == 'string' ? elements.split(' ') : elements;
+  }
+  
+    /**
+   * Returns the data associated to the given document
+   * @private
+   * @param {Document} ownerDocument The document.
+   * @returns {Object} An object of data.
+   */
+  function getExpandoData(ownerDocument) {
+    var data = expandoData[ownerDocument[expando]];
+    if (!data) {
+        data = {};
+        expanID++;
+        ownerDocument[expando] = expanID;
+        expandoData[expanID] = data;
+    }
+    return data;
+  }
+
+  /**
+   * returns a shived element for the given nodeName and document
+   * @memberOf html5
+   * @param {String} nodeName name of the element
+   * @param {Document} ownerDocument The context document.
+   * @returns {Object} The shived element.
+   */
+  function createElement(nodeName, ownerDocument, data){
+    if (!ownerDocument) {
+        ownerDocument = document;
+    }
+    if(supportsUnknownElements){
+        return ownerDocument.createElement(nodeName);
+    }
+    if (!data) {
+        data = getExpandoData(ownerDocument);
+    }
+    var node;
+
+    if (data.cache[nodeName]) {
+        node = data.cache[nodeName].cloneNode();
+    } else if (saveClones.test(nodeName)) {
+        node = (data.cache[nodeName] = data.createElem(nodeName)).cloneNode();
+    } else {
+        node = data.createElem(nodeName);
+    }
+
+    // Avoid adding some elements to fragments in IE < 9 because
+    // * Attributes like `name` or `type` cannot be set/changed once an element
+    //   is inserted into a document/fragment
+    // * Link elements with `src` attributes that are inaccessible, as with
+    //   a 403 response, will cause the tab/window to crash
+    // * Script elements appended to fragments will execute when their `src`
+    //   or `text` property is set
+    return node.canHaveChildren && !reSkip.test(nodeName) ? data.frag.appendChild(node) : node;
+  }
+
+  /**
+   * returns a shived DocumentFragment for the given document
+   * @memberOf html5
+   * @param {Document} ownerDocument The context document.
+   * @returns {Object} The shived DocumentFragment.
+   */
+  function createDocumentFragment(ownerDocument, data){
+    if (!ownerDocument) {
+        ownerDocument = document;
+    }
+    if(supportsUnknownElements){
+        return ownerDocument.createDocumentFragment();
+    }
+    data = data || getExpandoData(ownerDocument);
+    var clone = data.frag.cloneNode(),
+        i = 0,
+        elems = getElements(),
+        l = elems.length;
+    for(;i<l;i++){
+        clone.createElement(elems[i]);
+    }
+    return clone;
+  }
+
+  /**
+   * Shivs the `createElement` and `createDocumentFragment` methods of the document.
+   * @private
+   * @param {Document|DocumentFragment} ownerDocument The document.
+   * @param {Object} data of the document.
+   */
+  function shivMethods(ownerDocument, data) {
+    if (!data.cache) {
+        data.cache = {};
+        data.createElem = ownerDocument.createElement;
+        data.createFrag = ownerDocument.createDocumentFragment;
+        data.frag = data.createFrag();
+    }
+
+
+    ownerDocument.createElement = function(nodeName) {
+      //abort shiv
+      if (!html5.shivMethods) {
+          return data.createElem(nodeName);
+      }
+      return createElement(nodeName, ownerDocument, data);
+    };
+
+    ownerDocument.createDocumentFragment = Function('h,f', 'return function(){' +
+      'var n=f.cloneNode(),c=n.createElement;' +
+      'h.shivMethods&&(' +
+        // unroll the `createElement` calls
+        getElements().join().replace(/\w+/g, function(nodeName) {
+          data.createElem(nodeName);
+          data.frag.createElement(nodeName);
+          return 'c("' + nodeName + '")';
+        }) +
+      ');return n}'
+    )(html5, data.frag);
+  }
+
+  /*--------------------------------------------------------------------------*/
+
+  /**
+   * Shivs the given document.
+   * @memberOf html5
+   * @param {Document} ownerDocument The document to shiv.
+   * @returns {Document} The shived document.
+   */
+  function shivDocument(ownerDocument) {
+    if (!ownerDocument) {
+        ownerDocument = document;
+    }
+    var data = getExpandoData(ownerDocument);
+
+    if (html5.shivCSS && !supportsHtml5Styles && !data.hasCSS) {
+      data.hasCSS = !!addStyleSheet(ownerDocument,
+        // corrects block display not defined in IE6/7/8/9
+        'article,aside,figcaption,figure,footer,header,hgroup,nav,section{display:block}' +
+        // adds styling not present in IE6/7/8/9
+        'mark{background:#FF0;color:#000}'
+      );
+    }
+    if (!supportsUnknownElements) {
+      shivMethods(ownerDocument, data);
+    }
+    return ownerDocument;
+  }
+
+  /*--------------------------------------------------------------------------*/
+
+  /**
+   * The `html5` object is exposed so that more elements can be shived and
+   * existing shiving can be detected on iframes.
+   * @type Object
+   * @example
+   *
+   * // options can be changed before the script is included
+   * html5 = { 'elements': 'mark section', 'shivCSS': false, 'shivMethods': false };
+   */
+  var html5 = {
+
+    /**
+     * An array or space separated string of node names of the elements to shiv.
+     * @memberOf html5
+     * @type Array|String
+     */
+    'elements': options.elements || 'abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup mark meter nav output progress section summary time video',
+
+    /**
+     * current version of html5shiv
+     */
+    'version': version,
+
+    /**
+     * A flag to indicate that the HTML5 style sheet should be inserted.
+     * @memberOf html5
+     * @type Boolean
+     */
+    'shivCSS': (options.shivCSS !== false),
+
+    /**
+     * Is equal to true if a browser supports creating unknown/HTML5 elements
+     * @memberOf html5
+     * @type boolean
+     */
+    'supportsUnknownElements': supportsUnknownElements,
+
+    /**
+     * A flag to indicate that the document's `createElement` and `createDocumentFragment`
+     * methods should be overwritten.
+     * @memberOf html5
+     * @type Boolean
+     */
+    'shivMethods': (options.shivMethods !== false),
+
+    /**
+     * A string to describe the type of `html5` object ("default" or "default print").
+     * @memberOf html5
+     * @type String
+     */
+    'type': 'default',
+
+    // shivs the document according to the specified `html5` object options
+    'shivDocument': shivDocument,
+
+    //creates a shived element
+    createElement: createElement,
+
+    //creates a shived documentFragment
+    createDocumentFragment: createDocumentFragment
+  };
+
+  /*--------------------------------------------------------------------------*/
+
+  // expose html5
+  window.html5 = html5;
+
+  // shiv the document
+  shivDocument(document);
+
+}(this, document));