paint-rails 0.5.2

data/vendor/assets/stylesheets/bower_components/modernizr/test/qunit/run-qunit.js

@@ -0,0 +1,72 @@
+/**
+* Wait until the test condition is true or a timeout occurs. Useful for waiting
+* on a server response or for a ui change (fadeIn, etc.) to occur.
+*
+* @param testFx javascript condition that evaluates to a boolean,
+* it can be passed in as a string (e.g.: "1 == 1" or "$('#bar').is(':visible')" or
+* as a callback function.
+* @param onReady what to do when testFx condition is fulfilled,
+* it can be passed in as a string (e.g.: "1 == 1" or "$('#bar').is(':visible')" or
+* as a callback function.
+* @param timeOutMillis the max amount of time to wait. If not specified, 3 sec is used.
+*/
+function waitFor(testFx, onReady, timeOutMillis) {
+    var maxtimeOutMillis = timeOutMillis ? timeOutMillis : 3001, //< Default Max Timout is 3s
+        start = new Date().getTime(),
+        condition = false,
+        interval = setInterval(function() {
+            if ( (new Date().getTime() - start < maxtimeOutMillis) && !condition ) {
+                // If not time-out yet and condition not yet fulfilled
+                condition = (typeof(testFx) === "string" ? eval(testFx) : testFx()); //< defensive code
+            } else {
+                if(!condition) {
+                    // If condition still not fulfilled (timeout but condition is 'false')
+                    console.log("'waitFor()' timeout");
+                    phantom.exit(1);
+                } else {
+                    // Condition fulfilled (timeout and/or condition is 'true')
+                    typeof(onReady) === "string" ? eval(onReady) : onReady(); //< Do what it's supposed to do once the condition is fulfilled
+                    clearInterval(interval); //< Stop this interval
+                }
+            }
+        }, 100); //< repeat check every 250ms
+};
+
+
+if (phantom.args.length === 0 || phantom.args.length > 2) {
+    console.log('Usage: run-qunit.js URL');
+    phantom.exit();
+}
+
+var page = new WebPage();
+
+// Route "console.log()" calls from within the Page context to the main Phantom context (i.e. current "this")
+page.onConsoleMessage = function(msg) {
+    console.log(msg);
+};
+
+page.open(phantom.args[0], function(status){
+    if (status !== "success") {
+        console.log("Unable to access network");
+        phantom.exit();
+    } else {
+        waitFor(function(){
+            return page.evaluate(function(){
+                var el = document.getElementById('qunit-testresult');
+                if (el && el.innerText.match('completed')) {
+                    return true;
+                }
+                return false;
+            });
+        }, function(){
+            var failedNum = page.evaluate(function(){
+                var el = document.getElementById('qunit-testresult');
+                try {
+                    return el.getElementsByClassName('failed')[0].innerHTML;
+                } catch (e) { }
+                return 10000;
+            });
+            phantom.exit((parseInt(failedNum, 10) > 0) ? 1 : 0);
+        });
+    }
+});

data/vendor/assets/stylesheets/components/_button.scss

@@ -0,0 +1,61 @@
+@import "icon";
+
+$button-base-background-color: $white !default;
+$button-base-text-color: $jumbo !default;
+$button-icon-size: 28px !default;
+$button-primary-background-color: #008fd9 !default;
+
+$include-html-paint-button: true !default;
+
+@mixin button-icon($icon) {
+  @extend %button-icon;
+  @include icon($icon);
+}
+
+%button-icon {
+  margin-bottom: 0;
+  padding: 0;
+
+  &:before {
+    display: block;
+    line-height: $button-icon-size;
+    width: $button-icon-size;
+  }
+}
+
+%button {
+  @include button-base;
+
+  background-color: $button-base-background-color;
+  color: $button-base-text-color;
+  border: 1px solid lighten($button-base-text-color, 20%);
+  border-radius: $global-radius;
+
+  &:hover {
+    color: darken($button-base-text-color, 20%);
+  }
+
+  &:focus {
+    outline: 0;
+  }
+}
+
+%button-primary {
+  @include button(
+    $bg: $button-primary-background-color,
+    $padding: $column-gutter / 2,
+    $radius: $global-radius
+  );
+
+  font-size: $small-font-size;
+  font-weight: $font-weight-bold;
+  text-transform: uppercase;
+}
+
+@include exports("paint-button") {
+  @if $include-html-paint-button {
+    button {
+      @extend %button;
+    }
+  }
+}

data/vendor/assets/stylesheets/components/_dropdown.scss

@@ -0,0 +1,27 @@
+%dropdown {
+  @include dropdown-container(list, bottom);
+
+  padding-left: 0;
+
+  &.drop-#{$opposite-direction} {
+    @include dropdown-container(list, #{$default-float});
+  }
+
+  &.drop-#{$default-float} {
+    @include dropdown-container(list, #{$opposite-direction});
+  }
+
+  &.drop-top {
+    @include dropdown-container(list, top);
+  }
+
+  &.drop-#{$opposite-direction},
+  &.drop-#{$default-float},
+  &.drop-top {
+    width: auto;
+  }
+
+  li {
+    @include dropdown-style;
+  }
+}

data/vendor/assets/stylesheets/components/_grid.scss

@@ -0,0 +1,37 @@
+$grid-prefix: 'grid-column';
+$grid-responsive-media-queries: $small-up, $medium-up, $large-up, $xlarge-up, $xxlarge-up;
+$grid-responsive-sizes: 'small', 'medium', 'large', 'xlarge', 'xxlarge';
+
+@mixin grid-column-placeholders($prefix: $grid-prefix) {
+  @for $i from 1 through $total-columns {
+    %#{$prefix}-#{$i} {
+      @include grid-column($columns: $i, $collapse: false, $float: true);
+
+      &:last-child {
+        @include grid-column($columns: $i, $collapse: false, $float: true, $last-column: true);
+      }
+    }
+
+    %#{$prefix}-#{$i}-centered {
+      @include grid-column($columns: $i, $collapse: false, $float: false, $center: true);
+    }
+  }
+}
+
+@include grid-column-placeholders;
+
+// Generate placeholders for different media queries, e.g. %grid-column-small-4
+
+@for $i from 1 through length($grid-responsive-media-queries) {
+  $query: nth($grid-responsive-media-queries, $i);
+  $size: nth($grid-responsive-sizes, $i);
+  $prefix: '#{$grid-prefix}-#{$size}';
+
+  @media #{$query} {
+    @include grid-column-placeholders($prefix: $prefix);
+  }
+}
+
+%grid-row {
+  @include grid-row;
+}

data/vendor/assets/stylesheets/components/_heading.scss

@@ -0,0 +1,17 @@
+%heading-large-uppercase {
+  font-size: $h1-font-size;
+  font-weight: $font-weight-normal;
+  text-transform: uppercase;
+}
+
+%heading-medium-uppercase {
+  font-size: $h4-font-size;
+  font-weight: $font-weight-bold;
+  text-transform: uppercase;
+}
+
+%heading-small-uppercase {
+  font-size: $h5-font-size;
+  font-weight: $font-weight-bold;
+  text-transform: uppercase;
+}

data/vendor/assets/stylesheets/components/_icon.scss

@@ -0,0 +1,4 @@
+@mixin icon($name) {
+  @include fa-icon;
+  @extend .fa-#{$name};
+}

data/vendor/assets/stylesheets/components/_label.scss

@@ -0,0 +1,3 @@
+%label {
+  @include label;
+}

data/vendor/assets/stylesheets/components/_layout.scss

@@ -0,0 +1,263 @@
+$layout-content-selector: '> .content' !default;
+$layout-content-wrapper-selector: 'main' !default;
+$layout-main-selector: '.application' !default;
+$layout-sidebar-font-weight: $font-weight-normal !default;
+$layout-sidebar-footer-height: rem-calc(60) !default;
+$layout-sidebar-footer-selector: 'footer' !default;
+$layout-sidebar-header-height: rem-calc(60) !default;
+$layout-sidebar-header-logo-height: $layout-sidebar-header-height * 0.5 !default;
+$layout-sidebar-header-selector: '> header' !default;
+$layout-sidebar-heading-font-size: $small-font-size !default;
+$layout-sidebar-heading-font-weight: $font-weight-extrabold !default;
+$layout-sidebar-include-footer: true !default;
+$layout-sidebar-include-header: true !default;
+$layout-sidebar-nav-background-color: #191c1f !default;
+$layout-sidebar-nav-title-background-color: lighten($layout-sidebar-nav-background-color, 5%) !default;
+$layout-sidebar-nav-text-color: #f2f2f2 !default;
+$layout-sidebar-nav-classes: dashboard, paint, settings !default;
+$layout-sidebar-nav-icons: dashboard, paint-brush, cog !default;
+$layout-sidebar-nav-link-active-background-color: lighten($layout-sidebar-nav-title-background-color, 5%) !default;
+$layout-sidebar-nav-link-active-text-color: $layout-sidebar-nav-text-color !default;
+$layout-sidebar-nav-link-height: rem-calc(60) !default;
+$layout-sidebar-nav-link-hover-background-color: $layout-sidebar-nav-title-background-color !default;
+$layout-sidebar-nav-link-icon-padding: rem-calc(10) !default;
+$layout-sidebar-nav-link-icon-roundness: rem-calc(10) !default;
+$layout-sidebar-nav-link-icon-width: rem-calc(36) !default;
+$layout-sidebar-nav-link-text-color: darken($layout-sidebar-nav-text-color, 30%) !default;
+$layout-sidebar-nav-padding: $column-gutter / 2 !default;
+$layout-sidebar-nav-selector: '> nav' !default;
+$layout-sidebar-nav-list-selector: '> ul' !default;
+$layout-sidebar-nav-title-height: rem-calc(40) !default;
+$layout-sidebar-nav-title-text-color: darken($layout-sidebar-nav-text-color, 50%) !default;
+$layout-sidebar-nav-width-collapsed: $layout-sidebar-nav-link-icon-width + 2 * $layout-sidebar-nav-padding !default;
+$layout-sidebar-nav-width: rem-calc(260) !default;
+$layout-sidebar-selector: '.sidebar' !default;
+
+$include-html-paint-layout: true !default;
+
+%layout-sidebar-heading {
+  font-size: $layout-sidebar-heading-font-size;
+  font-weight: $layout-sidebar-heading-font-weight;
+  text-transform: uppercase;
+  letter-spacing: 1px;
+}
+
+@mixin layout-navigation-icons {
+  @for $i from 1 through length($layout-sidebar-nav-classes) {
+    $class-name: nth($layout-sidebar-nav-classes, $i);
+    $icon-name: nth($layout-sidebar-nav-icons, $i);
+
+    .#{$class-name} i {
+      @include icon($icon-name);
+    }
+  }
+}
+
+@mixin layout-sidebar {
+  $nav-top-margin: 0;
+  $nav-bottom-margin: 0;
+
+  @if $layout-sidebar-include-header {
+    $nav-top-margin: $layout-sidebar-header-height;
+  }
+
+  @if $layout-sidebar-include-footer {
+    $nav-bottom-margin: $layout-sidebar-footer-height;
+  }
+
+  #{$layout-sidebar-selector} {
+    background-color: $layout-sidebar-nav-background-color;
+    float: left;
+    height: 100%;
+    position: relative;
+    width: $layout-sidebar-nav-width;
+    font-weight: $layout-sidebar-font-weight;
+
+    @if $layout-sidebar-include-header {
+      #{$layout-sidebar-header-selector} {
+        height: $layout-sidebar-header-height;
+        line-height: $layout-sidebar-header-height;
+        padding: 0 $layout-sidebar-nav-padding;
+
+        img {
+          @include single-transition(padding, 150ms, linear);
+
+          height: $layout-sidebar-header-logo-height;
+          margin-right: $layout-sidebar-nav-padding / 2;
+        }
+
+        h1 {
+          @extend %layout-sidebar-heading;
+
+          color: $white;
+          display: inline-block;
+          margin: 0;
+        }
+      }
+    }
+
+    #{$layout-sidebar-nav-selector} {
+      bottom: $nav-bottom-margin;
+      left: 0;
+      overflow-y: auto;
+      position: absolute;
+      right: 0;
+      top: $nav-top-margin;
+
+      header {
+        background-color: $layout-sidebar-nav-title-background-color;
+        color: $layout-sidebar-nav-title-text-color;
+        line-height: $layout-sidebar-nav-title-height;
+        padding: 0 $layout-sidebar-nav-padding;
+        white-space: nowrap;
+
+        h1 {
+          @extend %layout-sidebar-heading;
+
+          color: $layout-sidebar-nav-link-text-color;
+          display: inline-block;
+          margin: 0;
+        }
+
+        .toggle-collapse {
+          color: $layout-sidebar-nav-link-text-color;
+          display: inline-block;
+          float: right;
+          line-height: $layout-sidebar-nav-title-height;
+
+          button {
+            @include icon(chevron-circle-left);
+
+            background-color: transparent;
+            border-width: 0;
+            margin-bottom: 0;
+          }
+        }
+      }
+
+      #{$layout-sidebar-nav-list-selector} {
+        @include layout-navigation-icons();
+
+        list-style-type: none;
+        margin: 0;
+        padding: 0;
+
+        a {
+          @include single-transition(background-color, 150ms, linear);
+
+          border-bottom: 1px solid $layout-sidebar-nav-title-background-color;
+          display: block;
+          font-size: $paragraph-font-size;
+          line-height: $layout-sidebar-nav-link-height;
+          padding: 0 $layout-sidebar-nav-padding;
+          text-decoration: none;
+          white-space: nowrap;
+
+          &, &:visited {
+            color: $layout-sidebar-nav-link-text-color;
+          }
+
+          &:hover {
+            background-color: $layout-sidebar-nav-link-hover-background-color;
+          }
+
+          &.active {
+            background-color: $layout-sidebar-nav-link-active-background-color;
+            color: $layout-sidebar-nav-link-active-text-color;
+
+            &:hover {
+              background-color: lighten($layout-sidebar-nav-link-active-background-color, 5%);
+              color: lighten($layout-sidebar-nav-link-active-text-color, 5%);
+            }
+          }
+        }
+
+        i {
+          @include single-transition(margin, 150ms, linear);
+
+          border-radius: $layout-sidebar-nav-link-icon-roundness;
+          color: $layout-sidebar-nav-link-text-color;
+          margin-right: $layout-sidebar-nav-padding;
+          padding: $layout-sidebar-nav-link-icon-padding 0;
+          text-align: center;
+          width: $layout-sidebar-nav-link-icon-width;
+          font-size: $base-font-size;
+        }
+      }
+    }
+
+    @if $layout-sidebar-include-footer {
+      #{$layout-sidebar-footer-selector} {
+        background: $layout-sidebar-nav-title-background-color;
+        bottom: 0;
+        color: $layout-sidebar-nav-link-text-color;
+        height: $layout-sidebar-footer-height;
+        left: 0;
+        line-height: $layout-sidebar-footer-height;
+        position: absolute;
+        right: 0;
+      }
+    }
+
+    &.collapsed {
+      width: $layout-sidebar-nav-width-collapsed;
+
+      #{$layout-sidebar-nav-selector} {
+        #{$layout-sidebar-nav-list-selector} a {
+          > i {
+            margin-right: 0;
+          }
+
+          > span {
+            display: none;
+          }
+        }
+      }
+
+      header {
+        h1 {
+          display: none;
+        }
+
+        .toggle-collapse {
+          float: none;
+
+          button {
+            @include icon(chevron-circle-right);
+
+            width: $layout-sidebar-nav-link-icon-width;
+          }
+        }
+      }
+    }
+  }
+}
+
+@mixin layout {
+  html, body {
+    height: 100%;
+    overflow: hidden;
+  }
+
+  #{$layout-main-selector} {
+    height: 100%;
+
+    #{$layout-content-wrapper-selector} {
+      height: 100%;
+      overflow: hidden;
+      position: relative;
+
+      #{$layout-content-selector} {
+        height: 100%;
+        overflow-y: auto;
+      }
+    }
+  }
+}
+
+@include exports("paint-layout") {
+  @if $include-html-paint-layout {
+    @include layout;
+    @include layout-sidebar;
+  }
+}

data/vendor/assets/stylesheets/components/_progress-bar.scss

@@ -0,0 +1,14 @@
+%progress-bar {
+  @include progress-container;
+
+  border: 0;
+  height: 3px;
+  margin: 0;
+  padding: 0;
+
+  > div {
+    @include progress-meter;
+
+    width: 0;
+  }
+}

data/vendor/assets/stylesheets/globals/_mixins.scss

@@ -0,0 +1,5 @@
+@mixin detached-border($color: $info-color, $radius: $global-radius) {
+  border-radius: $radius;
+  box-shadow: 0 0 0 1px $color, 0 0 0 1px #fff inset;
+  padding: 1px;
+}

data/vendor/assets/stylesheets/globals/_settings.scss

@@ -0,0 +1,64 @@
+$include-html-classes: false;
+$include-html-form-classes: true;
+$include-html-global-classes: true;
+$include-html-type-classes: true;
+$include-html-tooltip-classes: true;
+
+$fa-font-path: $icon-font-folder-path;
+
+$global-radius: 6px;
+
+// Visibility
+
+$include-html-visibility-classes: true;
+$include-legacy-visibility-classes: true;
+$include-accessibility-classes: false;
+$include-table-visibility-classes: false;
+
+// Grid
+
+$row-width: 100%;
+
+// Colors
+
+$primary-color: #f36b09;
+$secondary-color: #a42524;
+
+// Fonts
+
+$body-font-family: 'Open Sans', 'Helvetica Neue', Helvetica, sans-serif;
+$font-weight-normal: 300;
+$font-weight-bold: 400;
+$font-weight-extrabold: 600;
+
+$base-font-size: 14px;
+$small-font-size: 80%;
+
+// Headers
+
+$header-font-weight: $font-weight-normal;
+$header-text-rendering: antialiased;
+
+$h1-font-size: rem-calc(37);
+$h2-font-size: rem-calc(27);
+$h3-font-size: rem-calc(23);
+$h4-font-size: rem-calc(20);
+$h5-font-size: rem-calc(18);
+$h6-font-size: 1rem;
+
+// Code
+
+$code-color: inherit;
+$code-background-color: inherit;
+$code-border-size: 0px;
+$code-border-style: solid;
+$code-border-color: inherit;
+
+// Tooltips
+
+$has-tip-border-bottom-hover: inherit;
+$has-tip-border-bottom: inherit;
+$has-tip-cursor-type: inherit;
+$has-tip-font-color-hover: inherit;
+$has-tip-font-color: inherit;
+$has-tip-font-weight: inherit;

data/vendor/assets/stylesheets/paint.scss

@@ -0,0 +1,20 @@
+@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,300");
+
+@import "bower_components/foundation/scss/foundation/functions";
+
+@import "globals/settings";
+
+@import "bower_components/foundation/scss/normalize";
+@import "bower_components/foundation/scss/foundation";
+@import "bower_components/fontawesome/scss/font-awesome";
+
+@import "globals/mixins";
+
+@import "components/button";
+@import "components/dropdown";
+@import "components/grid";
+@import "components/heading";
+@import "components/icon";
+@import "components/label";
+@import "components/layout";
+@import "components/progress-bar";