ui_alchemy-rails 1.0.4 → 1.0.5

data/vendor/assets/ui_alchemy/alchemy-tables/alchemy-tables.js

@@ -0,0 +1,134 @@
+angular.module("alch-templates").run(function($templateCache) {
+  $templateCache.put("component/templates/table.html",
+    "<thead>" +
+    "  <tr>" +
+    "    <th class=\"table-selection-row\" colspan=\"{{ table.data.columns.length +1 }}\" ng-show=\"table.more_results()\">" +
+    "      All {{ table.offset }} results shown are currently selected.  " +
+    "      <a href=\"\">Select all {{ table.total }} results.</a>" +
+    "    </th>" +
+    "  </tr>" +
+    "  <tr>" +
+    "    <th ng-show=\"rowSelect\">" +
+    "      <input class=\"select_all\" type=\"checkbox\" name=\"select_all\" ng-model=\"table.all_selected\" ng-change=\"table.select_all()\">" +
+    "    </th>" +
+    "    <th ng-click=\"table.sort(header)\" ng-show=\"header.show\" ng-repeat=\"header in table.data.columns\" ng-class=\"{ 'active-column' : header.active }\">" +
+    "      {{ header.display }}" +
+    "    </th>" +
+    "  </tr>" +
+    "</thead>" +
+    "" +
+    "<tbody>" +
+    "  <tr ng-class=\"{active : row.selected }\" ng-repeat=\"row in table.data.rows\" ng-show=\"show_row(row)\">" +
+    "    <td ng-show=\"rowSelect\">" +
+    "      <input ng-model=\"row.selected\" type=\"checkbox\" name=\"{{ row.id }}\" value=\"{{ row.id }}\" ng-change=\"adjust_num_selected(row.selected)\">" +
+    "    </td>" +
+    "    <td ng-show=\"show_cell(cell)\" ng-repeat=\"cell in row.cells\">" +
+    "      {{ cell.display }}" +
+    "    </td>" +
+    "  </tr>" +
+    "</tbody>" +
+    "");
+});
+
+angular.module("alch-templates").run(function($templateCache) {
+  $templateCache.put("component/templates/tool_bar.html",
+    "<div ng-model=\"table.data.columns\" class=\"form table-toolbar\">" +
+    "  <div class=\"fl\">" +
+    "    <input type=\"text\" class=\"input\" placeholder=\"Search...\" ng-model=\"table.search_string\" on-enter=\"table.search(table.search_string)\">" +
+    "    Showing {{ table.start }}-{{ table.offset }} of {{ table.total }} {{ table.model }}" +
+    "  </div>" +
+    "  <div class=\"fr deselect\" ng-show=\"table.num_selected\">" +
+    "    <span ng-model=\"table.num_selected\">{{ table.num_selected }} Selected</span>" +
+    "    <a ng-click=\"deselect_all()\" href=\"\">Deselect All</a>" +
+    "  </div>" +
+    "</div>" +
+    "");
+});
+
+'use strict';
+
+angular.module('alchemy').directive('alchTable', function(){
+    return {
+        restrict: 'A',
+        scope: {
+            'table' : '=alchTable',
+            'rowSelect' : '@'
+        },
+        templateUrl: 'component/templates/table.html',
+
+        controller: function($scope){
+
+            $scope.show_cell = function(cell){
+                var to_show;
+
+                angular.forEach($scope.table.data.columns, function(header){
+                    if( header.id === cell.column_id ){
+                        to_show = header.show;
+                    }
+                });
+
+                return to_show;
+            };
+
+            $scope.show_row = function(row){
+                return row.show;
+            };
+
+            $scope.adjust_num_selected = function(selected){
+                $scope.table.num_selected += selected ? 1 : -1;
+            };
+
+            $scope.table.select_all = function(selected){
+                var table = $scope.table;
+
+                if( selected !== undefined ){
+                    table.all_selected = selected;
+                }
+
+                table.num_selected = table.all_selected ? table.data.rows.length : 0;
+
+                angular.forEach(table.data.rows, function(row){
+                    row.selected = table.all_selected;
+                });
+            };
+
+            $scope.table.more_results = function(){
+                var more = $scope.table.total > $scope.table.offset;
+
+                more = more && $scope.table.all_selected;
+                return more;
+            };
+        }
+    };
+});
+
+angular.module('alchemy').directive('alchTableToolbar', function(){
+    return {
+        restrict: 'A',
+        transclude: true,
+        scope: {
+            'table' : '=alchTableToolbar'
+        },
+        templateUrl: 'component/templates/tool_bar.html',
+
+        controller: function($scope){
+            $scope.deselect_all = function(){
+                $scope.table.select_all(false);
+            };
+        }
+    };
+});
+
+angular.module('alchemy').directive('onEnter', function() {
+    return {
+        scope: true,
+
+        link: function(scope, element, attrs) {
+            element.bind('keydown keypress', function(event) {
+                if(event.which === 13) {
+                    scope.$apply(attrs.onEnter);
+                }
+            });
+        }
+    };
+});

data/vendor/assets/ui_alchemy/alchemy-tables/component.json

@@ -0,0 +1,27 @@
+{
+  "name": "alchemy-tables",
+  "version": "0.0.13",
+  "main": [
+    "./*.js",
+    "./*.scss",
+    "./*.css"
+  ],
+  "dependencies": {
+    "angular": "~1.0.5",
+    "jquery": "~1.9.1",
+    "alchemy": ">=0.0.1",
+    "alchemy-forms": ">=0.0.1"
+  },
+  "devDependencies": {
+    "angular-mocks": "~1.0.5",
+    "angular-scenario": "~1.0.5"
+  },
+  "gitHead": "aaac01b6007bf4183d71fc2ec7a99231779dd0e0",
+  "_id": "alchemy-tables@0.0.13",
+  "readme": "ERROR: No README.md file found!",
+  "description": "ERROR: No README.md file found!",
+  "repository": {
+    "type": "git",
+    "url": "git://github.com/ui-alchemy/alchemy-tables.git"
+  }
+}

data/vendor/assets/ui_alchemy/alchemy-tables/tables.scss

@@ -0,0 +1,220 @@
+$bg:  #a7b0b2;
+$fg:  #555;
+$highlight: $primary_color;
+
+.table {
+
+  width: 100%;
+  border: 1px solid #CCC !important;
+
+  td, th {
+    text-align: center !important;
+  }
+
+  .active-column {
+    background: rgb(175, 175, 175) !important;
+  }
+
+  tr.active {
+    background: $highlight !important;
+    color: #FFF !important;
+  }
+}
+
+.table-selection-row {
+  background: rgb(255, 207, 105);
+  text-align: center !important;
+}
+
+.table-toolbar {
+  background: rgb(238, 238, 238);
+  overflow: auto;
+  padding: 10px 12px 4px 12px;
+  box-sizing: border-box;
+  border: 1px solid #CCC;
+  border-radius: 5px 5px 0 0;
+}
+
+.deselect {
+  line-height: 2 !important;
+}
+
+.stable {
+
+  tr:last-child {
+    border-collapse: separate !important;
+    border-bottom: 1px solid #CCC;
+
+    td {
+      border-collapse: separate !important;
+      border-bottom: 1px solid #CCC;
+    }
+  }
+}
+
+@media (min-width: 480px) {
+  .stable{ 
+      -webkit-transform: translate3d(0, 0, 0);
+
+    color:#555; color:rgba(0,0,0,0.75); 
+    background-color: transparent;
+    border-collapse:collapse; 
+    border-spacing:0;
+    border-style:  none;
+    width: 100%; line-height: 1.333em;
+    transition: all 1s ease;
+    td,th{
+      text-align:left;
+      border-bottom: 1px solid #eee; 
+      border-bottom-color: rgba(0,0,0,0.033);
+      padding:.66666em; 
+      transition: padding .1s ease;
+      
+    }
+    th{ 
+     color:#555;color:rgba(0,0,0,0.75); transition: all .5s ease;
+    }
+  }
+}
+
+.stable.focus{
+
+  th{ 
+   color:#555;color:rgba(0,0,0,0.75); transition: all .5s ease;
+  }
+  tr:hover td,
+  tr.focus td{
+    background-color: $highlight;
+    color:#FFF;
+  }
+  &.focus:hover{
+    transition:all 1s ease 2s;
+
+    color:rgba(lighten( $fg, 2% ),0.5);
+    //background-color: $highlight;
+    
+    td, th{transition: none;
+    }
+    th{ transition: all .5s ease .5s;
+      color:#555;color:rgba(0,0,0,0.75); 
+      //background-color: $highlight;
+    }
+  }
+}
+
+@media (max-width: 512px) {  
+  
+.stable,
+.stable tr, 
+.stable td, 
+.stable th, 
+.stable thead{
+  display:block; 
+  width: 100%; padding:.333em; 
+   
+ }
+ .stable {
+  th{display:none;}
+  tr th:first-child, td:first-child{ 
+    font-size:2em; 
+    padding:.3333em; 
+    margin-top:1em; 
+    width: 100%;
+    } 
+  }
+}
+
+.stable {
+&.condensed{
+    td, th{padding:.3333em}}} /*manually classed as condensed*/
+
+@media (max-height: 640px) {     
+  .stable {td, th{padding-top:.3333em;padding-bottom:.3333em}}}
+
+@media (max-width: 740px) {  
+  /*when things are horizontally narrow we add in divider lines so numerical fields are still seen as separate*/
+  .stable {
+  td, th{padding-left:.3333em;padding-right:.3333em; border-left: 1px solid rgba(0,0,0,0.05) !important}
+    td:first-child, th:first-child{border-left: none !important}
+  }}
+
+.stable{
+
+  &.stripe-row tr:nth-child(2n+2),
+  &.stripe-row-even tr:nth-child(2n+2) {
+    background-color: rgba(lighten( $bg, 10% ), 0.15);
+  }
+  
+    &.stripe-row-odd tr:nth-child(2n+1) {
+    background-color: rgba(lighten( $bg, 10% ), 0.15);
+  }
+  
+  
+  
+  &.stripe-col,
+    &.stripe-col-even{
+    tr th:nth-child(even) ,
+    tr td:nth-child(even)
+       {background-color:rgba(lighten( $bg, 10% ), 0.15); border-color: rgba(lighten( $bg, 10% ), 0.15);}
+  }
+  
+
+    &.stripe-col-odd{
+    tr th:nth-child(odd) ,
+    tr td:nth-child(odd)
+       {background-color:rgba(lighten( $bg, 10% ), 0.15); border-color: rgba(lighten( $bg, 10% ), 0.15)}
+  }
+  
+  
+  
+  &.highlight-col1{
+    tr th:nth-child(1),
+    tr td:nth-child(1)
+      {background-color: rgba(lighten( $bg, 50% ), 0.5); border-color: lighten( $bg, 20% );box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
+z-index: 2;
+position: relative}
+  }
+
+    &.highlight-col2{
+    tr th:nth-child(2),
+    tr td:nth-child(2)
+      {background-color: rgba(lighten( $bg, 50% ), 0.5); border-color: lighten( $bg, 20% );box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
+z-index: 2;
+position: relative}
+  }
+  
+    &.highlight-col3{
+    tr th:nth-child(3),
+    tr td:nth-child(3)
+      {background-color: rgba(lighten( $bg, 50% ), 0.5); border-color: lighten( $bg, 20% );box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
+z-index: 2;
+position: relative}
+  }
+  
+    &.highlight-col4{
+    tr th:nth-child(4),
+    tr td:nth-child(4)
+      {background-color: rgba(lighten( $bg, 50% ), 0.5); border-color: lighten( $bg, 20% );box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
+z-index: 2;
+position: relative}
+  }
+  
+      &.highlight-col5{
+    tr th:nth-child(5),
+    tr td:nth-child(5)
+      {background-color: rgba(lighten( $bg, 50% ), 0.5); border-color: lighten( $bg, 20% );box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
+z-index: 2;
+position: relative}
+  }
+  
+    
+      &.highlight-col6{
+    tr th:nth-child(6),
+    tr td:nth-child(6)
+      {background-color: rgba(lighten( $bg, 50% ), 0.5); border-color: lighten( $bg, 20% );box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
+z-index: 2;
+position: relative}
+  }
+  
+
+}

data/vendor/assets/ui_alchemy/alchemy/_media_object.scss

@@ -0,0 +1,22 @@
+.media, .bd {
+  overflow:  hidden; 
+  _overflow: visible; 
+  zoom: 1;
+}
+
+.media { 
+  margin: 10px;
+
+  .img {
+    float: left; 
+    margin-right: 10px;
+ 
+    img { display:block; }
+  }
+
+  .imgExt {
+    float: right; 
+    margin-left: 10px;
+  }
+
+}

data/vendor/assets/ui_alchemy/alchemy/_normalize.scss

@@ -0,0 +1,396 @@
+/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
+
+/* ==========================================================================
+   HTML5 display definitions
+   ========================================================================== */
+
+/**
+ * Correct `block` display not defined in IE 8/9.
+ */
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+nav,
+section,
+summary {
+    display: block;
+}
+
+/**
+ * Correct `inline-block` display not defined in IE 8/9.
+ */
+
+audio,
+canvas,
+video {
+    display: inline-block;
+}
+
+/**
+ * Prevent modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+
+audio:not([controls]) {
+    display: none;
+    height: 0;
+}
+
+/**
+ * Address styling not present in IE 8/9.
+ */
+
+[hidden] {
+    display: none;
+}
+
+/* ==========================================================================
+   Base
+   ========================================================================== */
+
+/**
+ * 1. Set default font family to sans-serif.
+ * 2. Prevent iOS text size adjust after orientation change, without disabling
+ *    user zoom.
+ */
+
+html {
+    font-family: sans-serif; /* 1 */
+    -webkit-text-size-adjust: 100%; /* 2 */
+    -ms-text-size-adjust: 100%; /* 2 */
+}
+
+/**
+ * Remove default margin.
+ */
+
+body {
+    margin: 0;
+}
+
+/* ==========================================================================
+   Links
+   ========================================================================== */
+
+/**
+ * Address `outline` inconsistency between Chrome and other browsers.
+ */
+
+a:focus {
+    outline: thin dotted;
+}
+
+/**
+ * Improve readability when focused and also mouse hovered in all browsers.
+ */
+
+a:active,
+a:hover {
+    outline: 0;
+}
+
+/* ==========================================================================
+   Typography
+   ========================================================================== */
+
+/**
+ * Address variable `h1` font-size and margin within `section` and `article`
+ * contexts in Firefox 4+, Safari 5, and Chrome.
+ */
+
+h1 {
+    font-size: 2em;
+    margin: 0.67em 0;
+}
+
+/**
+ * Address styling not present in IE 8/9, Safari 5, and Chrome.
+ */
+
+abbr[title] {
+    border-bottom: 1px dotted;
+}
+
+/**
+ * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
+ */
+
+b,
+strong {
+    font-weight: bold;
+}
+
+/**
+ * Address styling not present in Safari 5 and Chrome.
+ */
+
+dfn {
+    font-style: italic;
+}
+
+/**
+ * Address differences between Firefox and other browsers.
+ */
+
+hr {
+    -moz-box-sizing: content-box;
+    box-sizing: content-box;
+    height: 0;
+}
+
+/**
+ * Address styling not present in IE 8/9.
+ */
+
+mark {
+    background: #ff0;
+    color: #000;
+}
+
+/**
+ * Correct font family set oddly in Safari 5 and Chrome.
+ */
+
+code,
+kbd,
+pre,
+samp {
+    font-family: monospace, serif;
+    font-size: 1em;
+}
+
+/**
+ * Improve readability of pre-formatted text in all browsers.
+ */
+
+pre {
+    white-space: pre-wrap;
+}
+
+/**
+ * Set consistent quote types.
+ */
+
+q {
+    quotes: "\201C" "\201D" "\2018" "\2019";
+}
+
+/**
+ * Address inconsistent and variable font size in all browsers.
+ */
+
+small {
+    font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
+ */
+
+sub,
+sup {
+    font-size: 75%;
+    line-height: 0;
+    position: relative;
+    vertical-align: baseline;
+}
+
+sup {
+    top: -0.5em;
+}
+
+sub {
+    bottom: -0.25em;
+}
+
+/* ==========================================================================
+   Embedded content
+   ========================================================================== */
+
+/**
+ * Remove border when inside `a` element in IE 8/9.
+ */
+
+img {
+    border: 0;
+}
+
+/**
+ * Correct overflow displayed oddly in IE 9.
+ */
+
+svg:not(:root) {
+    overflow: hidden;
+}
+
+/* ==========================================================================
+   Figures
+   ========================================================================== */
+
+/**
+ * Address margin not present in IE 8/9 and Safari 5.
+ */
+
+figure {
+    margin: 0;
+}
+
+/* ==========================================================================
+   Forms
+   ========================================================================== */
+
+/**
+ * Define consistent border, margin, and padding.
+ */
+
+fieldset {
+    border: 1px solid #c0c0c0;
+    margin: 0 2px;
+    padding: 0.35em 0.625em 0.75em;
+}
+
+/**
+ * 1. Correct `color` not being inherited in IE 8/9.
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
+ */
+
+legend {
+    border: 0; /* 1 */
+    padding: 0; /* 2 */
+}
+
+/**
+ * 1. Correct font family not being inherited in all browsers.
+ * 2. Correct font size not being inherited in all browsers.
+ * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
+ */
+
+button,
+input,
+select,
+textarea {
+    font-family: inherit; /* 1 */
+    font-size: 100%; /* 2 */
+    margin: 0; /* 3 */
+}
+
+/**
+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+
+button,
+input {
+    line-height: normal;
+}
+
+/**
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
+ * All other form control elements do not inherit `text-transform` values.
+ * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
+ * Correct `select` style inheritance in Firefox 4+ and Opera.
+ */
+
+button,
+select {
+    text-transform: none;
+}
+
+/**
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ *    and `video` controls.
+ * 2. Correct inability to style clickable `input` types in iOS.
+ * 3. Improve usability and consistency of cursor style between image-type
+ *    `input` and others.
+ */
+
+button,
+html input[type="button"], /* 1 */
+input[type="reset"],
+input[type="submit"] {
+    -webkit-appearance: button; /* 2 */
+    cursor: pointer; /* 3 */
+}
+
+/**
+ * Re-set default cursor for disabled elements.
+ */
+
+button[disabled],
+html input[disabled] {
+    cursor: default;
+}
+
+/**
+ * 1. Address box sizing set to `content-box` in IE 8/9.
+ * 2. Remove excess padding in IE 8/9.
+ */
+
+input[type="checkbox"],
+input[type="radio"] {
+    box-sizing: border-box; /* 1 */
+    padding: 0; /* 2 */
+}
+
+/**
+ * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
+ * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
+ *    (include `-moz` to future-proof).
+ */
+
+input[type="search"] {
+    -webkit-appearance: textfield; /* 1 */
+    -moz-box-sizing: content-box;
+    -webkit-box-sizing: content-box; /* 2 */
+    box-sizing: content-box;
+}
+
+/**
+ * Remove inner padding and search cancel button in Safari 5 and Chrome
+ * on OS X.
+ */
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+    -webkit-appearance: none;
+}
+
+/**
+ * Remove inner padding and border in Firefox 4+.
+ */
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+    border: 0;
+    padding: 0;
+}
+
+/**
+ * 1. Remove default vertical scrollbar in IE 8/9.
+ * 2. Improve readability and alignment in all browsers.
+ */
+
+textarea {
+    overflow: auto; /* 1 */
+    vertical-align: top; /* 2 */
+}
+
+/* ==========================================================================
+   Tables
+   ========================================================================== */
+
+/**
+ * Remove most spacing between table cells.
+ */
+
+table {
+    border-collapse: collapse;
+    border-spacing: 0;
+}