flexa_lib 0.1.3 → 0.1.5

data/vendor/assets/javascripts/populate.js

@@ -0,0 +1,272 @@
+
+jQuery.fn.populate = function(obj, options) {
+  
+  
+  // ------------------------------------------------------------------------------------------
+  // JSON conversion function
+  
+    // convert 
+      function parseJSON(obj, path)
+      {
+        // prepare
+          path = path || '';
+        
+        // iteration (objects / arrays)
+          if(obj == undefined)
+          {
+            // do nothing
+          }
+          else if(obj.constructor == Object)
+          {
+            for(var prop in obj)
+            {
+              var name  = path + (path == '' ? prop : '[' +prop+ ']');
+              parseJSON(obj[prop], name);
+            }
+          }
+            
+          else if(obj.constructor == Array)
+          {
+            for(var i = 0; i < obj.length; i++)
+            {
+              var index = options.useIndices ? i : '';
+              index   = options.railsNaming ? '[' +index+']' : index;
+              var name  = path + index;
+              parseJSON(obj[i], name);
+            }
+          }
+          
+        // assignment (values)
+          else
+          {
+            // if the element name hasn't yet been defined, create it as a single value
+            if(arr[path] == undefined)
+            {
+              arr[path] = obj;
+            }
+    
+            // if the element name HAS been defined, but it's a single value, convert to an array and add the new value
+            else if(arr[path].constructor != Array)
+            {
+              arr[path] = [arr[path], obj];
+            }
+              
+            // if the element name HAS been defined, and is already an array, push the single value on the end of the stack
+            else
+            {
+              arr[path].push(obj);
+            }
+          }
+  
+      };
+
+
+  // ------------------------------------------------------------------------------------------
+  // population functions
+    
+    function debug(str)
+    {
+      if(window.console && console.log)
+      {
+        console.log(str);
+      }
+    }
+    
+    function getElementName(name)
+    {
+      if (!options.railsNaming)
+      {
+        name = name.replace(/\[\]$/,'');
+      }
+      return name;
+    }
+    
+    function populateElement(parentElement, name, value)
+    {
+      var selector  = options.identifier == 'id' ? '#' + name : '[' +options.identifier+ '="' +name+ '"]';
+      var element   = jQuery(selector, parentElement);
+      value     = value.toString();
+      value     = value == 'null' ? '' : value;
+      element.html(value);
+    }
+    
+    function populateFormElement(form, name, value)
+    {
+
+      // check that the named element exists in the form
+        var name  = getElementName(name); // handle non-rails naming
+        var element = form[name];
+        
+      // if the form element doesn't exist, check if there is a tag with that id
+        if(element == undefined)
+        {
+          // look for the element
+            element = jQuery('#' + name, form);
+            if(element)
+            {
+              element.html(value);
+              return true;
+            }
+          
+          // nope, so exit
+            if(options.debug)
+            {
+              debug('No such element as ' + name);
+            }
+            return false;
+        }
+          
+      // debug options        
+        if(options.debug)
+        {
+          _populate.elements.push(element);
+        }
+        
+      // now, place any single elements in an array.
+      // this is so that the next bit of code (a loop) can treat them the 
+      // same as any array-elements passed, ie radiobutton or checkox arrays,
+      // and the code will just work
+
+        elements = element.type == undefined && element.length ? element : [element];
+        
+        
+      // populate the element correctly
+      
+        for(var e = 0; e < elements.length; e++)
+        {
+          
+        // grab the element
+          var element = elements[e];
+          
+        // skip undefined elements or function objects (IE only)
+          if(!element || typeof element == 'undefined' || typeof element == 'function')
+          {
+            continue;
+          }
+          
+        // anything else, process
+          switch(element.type || element.tagName)
+          {
+  
+            case 'radio':
+              // use the single value to check the radio button
+              element.checked = (element.value != '' && value.toString() == element.value);
+              
+            case 'checkbox':
+              // depends on the value.
+              // if it's an array, perform a sub loop
+              // if it's a value, just do the check
+              
+              var values = value.constructor == Array ? value : [value];
+              for(var j = 0; j < values.length; j++)
+              {
+                element.checked |= element.value == values[j];
+              }
+              
+              //element.checked = (element.value != '' && value.toString().toLowerCase() == element.value.toLowerCase());
+              break;
+              
+            case 'select-multiple':
+              var values = value.constructor == Array ? value : [value];
+              for(var i = 0; i < element.options.length; i++)
+              {
+                for(var j = 0; j < values.length; j++)
+                {
+                  element.options[i].selected |= element.options[i].value == values[j];
+                }
+              }
+              break;
+            
+            case 'select':
+            case 'select-one':
+              element.value = value.toString() || value;
+              break;
+  
+            case 'text':
+            case 'button':
+            case 'textarea':
+            case 'submit':
+            default:
+              value     = value == null ? '' : value;
+              element.value = value;
+              
+          }
+            
+        }
+
+    }
+    
+
+    
+  // ------------------------------------------------------------------------------------------
+  // options & setup
+    
+    // exit if no data object supplied
+      if (obj === undefined)
+      {
+        return this;
+      };
+    
+    // options
+      var options = jQuery.extend
+      (
+        {
+          railsNaming:      true,
+          railsIndices:     false,
+          resetForm:      true,
+          identifier:     'id',
+          debug:        false
+        },
+        options
+      );
+        
+      if(options.railsIndices)
+      {
+        options.railsNaming = true;
+      }
+  
+  // ------------------------------------------------------------------------------------------
+  // convert hierarchical JSON to flat array
+    
+      var arr = [];
+      parseJSON(obj);
+      
+      if(options.debug)
+      {
+        _populate =
+        {
+          arr:    arr,
+          obj:    obj,
+          elements: []
+        }
+      }
+  
+  // ------------------------------------------------------------------------------------------
+  // main process function
+    
+    this.each
+    (
+      function()
+      {
+        
+        // variables
+          var tagName = this.tagName.toLowerCase();
+          var method  = tagName == 'form' ? populateFormElement : populateElement;
+          
+        // reset form?
+          if(tagName == 'form' && options.resetForm)
+          {
+            this.reset();
+          }
+
+        // update elements
+          for(var i in arr)
+          {
+            method(this, i, arr[i]);
+          }
+      }
+      
+    );
+
+return this;
+};

data/vendor/assets/stylesheets/_bootstrap-responsive.scss

@@ -0,0 +1,318 @@
+/*!
+ * Bootstrap Responsive v2.0.1
+ *
+ * Copyright 2012 Twitter, Inc
+ * Licensed under the Apache License v2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Designed and built with all the love in the world @twitter by @mdo and @fat.
+ * Converted to SASS by Thomas McDonald
+ */
+
+// Responsive.css.scss
+// For phone and tablet devices
+// -------------------------------------------------------------
+
+
+// REPEAT VARIABLES & MIXINS
+// -------------------------
+// Required since we compile the responsive stuff separately
+
+@import "bootstrap/variables"; // Modify this for custom colors, font-sizes, etc
+@import "bootstrap/mixins";
+
+
+// RESPONSIVE CLASSES
+// ------------------
+
+// Hide from screenreaders and browsers
+// Credit: HTML5 Boilerplate
+.hidden {
+  display: none;
+  visibility: hidden;
+}
+
+
+
+// UP TO LANDSCAPE PHONE
+// ---------------------
+
+@media (max-width: 480px) {
+
+  // Smooth out the collapsing/expanding nav
+  .nav-collapse {
+    -webkit-transform: translate3d(0, 0, 0); // activate the GPU
+  }
+
+  // Block level the page header small tag for readability
+  .page-header h1 small {
+    display: block;
+    line-height: $baseLineHeight;
+  }
+
+  // Make span* classes full width
+  input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditable-input {
+    display: block;
+    width: 100%;
+    min-height: 28px; /* Make inputs at least the height of their button counterpart */
+    /* Makes inputs behave like true block-level elements */
+    -webkit-box-sizing: border-box; /* Older Webkit */
+       -moz-box-sizing: border-box; /* Older FF */
+        -ms-box-sizing: border-box; /* IE8 */
+            box-sizing: border-box; /* CSS3 spec*/
+  }
+  // But don't let it screw up prepend/append inputs
+  .input-prepend input[class*="span"], .input-append input[class*="span"] {
+    width: auto;
+  }
+
+  // Update checkboxes for iOS
+  input[type="checkbox"], input[type="radio"] {
+    border: 1px solid #ccc;
+  }
+
+  // Remove the horizontal form styles
+  .form-horizontal .control-group > label {
+    float: none;
+    width: auto;
+    padding-top: 0;
+    text-align: left;
+  }
+  // Move over all input controls and content
+  .form-horizontal .controls {
+    margin-left: 0;
+  }
+  // Move the options list down to align with labels
+  .form-horizontal .control-list {
+    padding-top: 0; // has to be padding because margin collaspes
+  }
+  // Move over buttons in .form-actions to align with .controls
+  .form-horizontal .form-actions {
+    padding-left: 10px;
+    padding-right: 10px;
+  }
+
+  // Modals
+  .modal {
+    position: absolute;
+    top:   10px;
+    left:  10px;
+    right: 10px;
+    width: auto;
+    margin: 0;
+    &.fade.in { top: auto; }
+  }
+  .modal-header .close {
+    padding: 10px;
+    margin: -10px;
+  }
+
+  // Carousel
+  .carousel-caption {
+    position: static;
+  }
+
+}
+
+
+
+// LANDSCAPE PHONE TO SMALL DESKTOP & PORTRAIT TABLET
+// --------------------------------------------------
+
+@media (max-width: 767px) {
+  // GRID & CONTAINERS
+  // -----------------
+  // Remove width from containers
+  .container {
+    width: auto;
+    padding: 0 20px;
+  }
+  // Fluid rows
+  .row-fluid {
+    width: 100%;
+  }
+  // Undo negative margin on rows
+  .row {
+    margin-left: 0;
+  }
+  // Make all columns even
+  .row > [class*="span"], .row-fluid > [class*="span"] {
+    float: none;
+    display: block;
+    width: auto;
+    margin: 0;
+  }
+}
+
+
+
+// PORTRAIT TABLET TO DEFAULT DESKTOP
+// ----------------------------------
+
+@media (min-width: 768px) and (max-width: 979px) {
+
+  // Fixed grid
+  @include gridSystemGenerate(12, 42px, 20px);
+
+  // Fluid grid
+  @include fluidGridSystemGenerate(12, 5.801104972%, 2.762430939%);
+
+  // Input grid
+  @include inputGridSystemGenerate(12, 42px, 20px);
+
+}
+
+
+
+// TABLETS AND BELOW
+// -----------------
+@media (max-width: 979px) {
+
+  // UNFIX THE TOPBAR
+  // ----------------
+  // Remove any padding from the body
+  body {
+    padding-top: 0;
+  }
+  // Unfix the navbar
+  .navbar-fixed-top {
+    position: static;
+    margin-bottom: $baseLineHeight;
+  }
+  .navbar-fixed-top .navbar-inner {
+    padding: 5px;
+  }
+  .navbar .container {
+    width: auto;
+    padding: 0;
+  }
+  // Account for brand name
+  .navbar .brand {
+    padding-left: 10px;
+    padding-right: 10px;
+    margin: 0 0 0 -5px;
+  }
+  // Nav collapse clears brand
+  .navbar .nav-collapse {
+    clear: left;
+  }
+  // Block-level the nav
+  .navbar .nav {
+    float: none;
+    margin: 0 0 ($baseLineHeight / 2);
+  }
+  .navbar .nav > li {
+    float: none;
+  }
+  .navbar .nav > li > a {
+    margin-bottom: 2px;
+  }
+  .navbar .nav > .divider-vertical {
+    display: none;
+  }
+  .navbar .nav .nav-header {
+    color: $navbarText;
+    text-shadow: none;
+  }
+  // Nav and dropdown links in navbar
+  .navbar .nav > li > a, .navbar .dropdown-menu a {
+    padding: 6px 15px;
+    font-weight: bold;
+    color: $navbarLinkColor;
+    @include border-radius(3px);
+  }
+  .navbar .dropdown-menu li + li a {
+    margin-bottom: 2px;
+  }
+  .navbar .nav > li > a:hover, .navbar .dropdown-menu a:hover {
+    background-color: $navbarBackground;
+  }
+  // Dropdowns in the navbar
+  .navbar .dropdown-menu {
+    position: static;
+    top: auto;
+    left: auto;
+    float: none;
+    display: block;
+    max-width: none;
+    margin: 0 15px;
+    padding: 0;
+    background-color: transparent;
+    border: none;
+    @include border-radius(0);
+    @include box-shadow(none);
+  }
+  .navbar .dropdown-menu:before, .navbar .dropdown-menu:after {
+    display: none;
+  }
+  .navbar .dropdown-menu .divider {
+    display: none;
+  }
+  // Forms in navbar
+  .navbar-form, .navbar-search {
+    float: none;
+    padding: ($baseLineHeight / 2) 15px;
+    margin: ($baseLineHeight / 2) 0;
+    border-top: 1px solid $navbarBackground;
+    border-bottom: 1px solid $navbarBackground;
+    $shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
+    @include box-shadow($shadow);
+  }
+  // Pull right (secondary) nav content
+  .navbar .nav.pull-right {
+    float: none;
+    margin-left: 0;
+  }
+  // Static navbar
+  .navbar-static .navbar-inner {
+    padding-left:  10px;
+    padding-right: 10px;
+  }
+  // Navbar button
+  .btn-navbar {
+    display: block;
+  }
+
+  // Hide everything in the navbar save .brand and toggle button */
+  .nav-collapse {
+    overflow: hidden;
+    height: 0;
+  }
+}
+
+
+
+// DEFAULT DESKTOP
+// ---------------
+
+@media (min-width: 980px) {
+  .nav-collapse.collapse {
+    height: auto !important;
+  }
+}
+
+
+
+// LARGE DESKTOP & UP
+// ------------------
+
+@media (min-width: 1200px) {
+
+  // Fixed grid
+  @include gridSystemGenerate(12, 70px, 30px);
+
+  // Fluid grid
+  @include fluidGridSystemGenerate(12, 5.982905983%, 2.564102564%);
+
+  // Input grid
+  @include inputGridSystemGenerate(12, 70px, 30px);
+
+  // Thumbnails
+  .thumbnails {
+    margin-left: -30px;
+  }
+  .thumbnails > li {
+    margin-left: 30px;
+  }
+
+}

data/vendor/assets/stylesheets/_bootstrap.scss

@@ -0,0 +1,63 @@
+/*!
+ * Bootstrap 2.0.1
+ *
+ * Copyright 2012 Twitter, Inc
+ * Licensed under the Apache License v2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Designed and built with all the love in the world @twitter by @mdo and @fat.
+ * Converted to SASS by Thomas McDonald
+ */
+
+// Core variables and mixins
+@import "bootstrap/variables"; // Modify this for custom colors, font-sizes, etc
+@import "bootstrap/mixins";
+
+// CSS Reset
+@import "bootstrap/reset";
+
+// Grid system and page structure
+@import "bootstrap/scaffolding";
+@import "bootstrap/grid";
+@import "bootstrap/layouts";
+
+// Base CSS
+@import "bootstrap/type";
+@import "bootstrap/code";
+@import "bootstrap/forms";
+@import "bootstrap/tables";
+
+// Components: common
+@import "bootstrap/sprites";
+@import "bootstrap/dropdowns";
+@import "bootstrap/wells";
+@import "bootstrap/component-animations";
+@import "bootstrap/close";
+
+// Components: Buttons & Alerts
+@import "bootstrap/buttons";
+@import "bootstrap/button-groups";
+@import "bootstrap/alerts"; // Note: alerts share common CSS with buttons and thus have styles in buttons.less
+
+// Components: Nav
+@import "bootstrap/navs";
+@import "bootstrap/navbar";
+@import "bootstrap/breadcrumbs";
+@import "bootstrap/pagination";
+@import "bootstrap/pager";
+
+// Components: Popovers
+@import "bootstrap/modals";
+@import "bootstrap/tooltip";
+@import "bootstrap/popovers";
+
+// Components: Misc
+@import "bootstrap/thumbnails";
+@import "bootstrap/labels";
+@import "bootstrap/progress-bars";
+@import "bootstrap/accordion";
+@import "bootstrap/carousel";
+@import "bootstrap/hero-unit";
+
+// Utility classes
+@import "bootstrap/utilities"; // Has to be last to override when necessary

data/vendor/assets/stylesheets/bootstrap/_accordion.scss

@@ -0,0 +1,28 @@
+// ACCORDION
+// ---------
+
+
+// Parent container
+.accordion {
+  margin-bottom: $baseLineHeight;
+}
+
+// Group == heading + body
+.accordion-group {
+  margin-bottom: 2px;
+  border: 1px solid #e5e5e5;
+  @include border-radius(4px);
+}
+.accordion-heading {
+  border-bottom: 0;
+}
+.accordion-heading .accordion-toggle {
+  display: block;
+  padding: 8px 15px;
+}
+
+// Inner needs the styles because you can't animate properly with any styles on the element
+.accordion-inner {
+  padding: 9px 15px;
+  border-top: 1px solid #e5e5e5;
+}