luca 0.6.6

data/src/stylesheets/components/grid_view.scss

@@ -0,0 +1,111 @@
+
+.scrollable-grid-view {
+  /* define height and width of scrollable area. Add 16px to width for scrollbar          */
+  .grid-view-body {
+    clear: both;
+    overflow: auto;
+  }
+
+  /* Reset overflow value to hidden for all non-IE browsers. */
+  .grid-view-body {
+    overflow: hidden;
+  }
+  
+  .grid-view-body .empty-text-wrapper {
+    display: block;
+    margin: 10px auto;
+    width: 30%;
+    padding: 50px;
+    text-align: center;
+    p {
+      color: #aaa;
+    }
+  }
+  /* define width of table. IE browsers only                 */
+  .grid-view-body table {
+  }
+
+  /* define width of table. Add 16px to width for scrollbar.           */
+  /* All other non-IE browsers.                                        */
+  .grid-view-body table {
+  }
+
+  /* set table header to a fixed position. WinIE 6.x only                                       */
+  /* In WinIE 6.x, any element with a position property set to relative and is a child of       */
+  /* an element that has an overflow property set, the relative value translates into fixed.    */
+  /* Ex: parent element DIV with a class of tableContainer has an overflow property set to auto */
+  thead.fixed tr {
+    position: relative
+  }
+
+  /* set THEAD element to have block level attributes. All other non-IE browsers            */
+  /* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
+  thead.fixed tr {
+    display: block
+  }
+
+  /* make the TH elements pretty */
+  thead.fixed th {
+    font-weight: bold;
+    text-align: left
+  }
+
+  /* make the A elements pretty. makes for nice clickable headers                */
+  thead.fixed a, thead.fixed a:link, thead.fixed a:visited {
+    color: #FFF;
+    display: block;
+    text-decoration: none;
+    width: 100%
+  }
+
+  /* make the A elements pretty. makes for nice clickable headers                */
+  /* WARNING: swapping the background on hover may cause problems in WinIE 6.x   */
+  thead.fixed a:hover {
+    color: #FFF;
+    display: block;
+    text-decoration: underline;
+    width: 100%
+  }
+
+  /* define the table content to be scrollable                                              */
+  /* set TBODY element to have block level attributes. All other non-IE browsers            */
+  /* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
+  /* induced side effect is that child TDs no longer accept width: auto                     */
+  tbody.scrollable {
+    display: block;
+    overflow: auto;
+    width: 100%
+  }
+
+  /* define width of TH elements: 1st, 2nd, and 3rd respectively.          */
+  /* Add 16px to last TH for scrollbar padding. All other non-IE browsers. */
+  /* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors        */
+  thead.fixed th {
+    padding: 5px;
+  }
+
+  /* define width of TD elements: 1st, 2nd, and 3rd respectively.          */
+  /* All other non-IE browsers.                                            */
+  /* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors        */
+  tbody.scrollable td {
+    padding: 5px;
+  }
+
+}
+
+.grid-view-footer {
+  .toolbar-container {
+    float: left;
+    width: 100%;
+    clear: both;
+    display: block;
+    .luca-ui-toolbar {
+      display: block;
+      float: right;
+      clear: right;
+      .luca-ui-field {
+        float: left;
+      }
+    }
+  }
+}

data/src/stylesheets/components/toolbar.scss

@@ -0,0 +1,15 @@
+.luca-ui-toolbar-wrapper {
+  clear: both;
+  display: block;
+  float: left;
+  width: 100%;
+
+  .luca-ui-form-toolbar, .luca-ui-toolbar {
+    clear: both;
+    margin: 5px auto;
+    .luca-ui-field {
+      float: left;
+      margin: 5px;
+    }
+  }
+}

data/src/stylesheets/containers/container.scss

@@ -0,0 +1,7 @@
+.luca-ui-container {
+}
+
+.luca-ui-card {
+  padding: 5px;
+  width: 100%;
+}

data/src/stylesheets/containers/tab_view.scss

@@ -0,0 +1,33 @@
+.luca-ui-tab-view {
+  .luca-ui-card {
+    .luca-ui-grid-view, .luca-ui-form-view, .luca-ui-card {
+      overflow: hidden;
+    }
+  }
+}
+
+.luca-ui-tab-view.tabs-below, .luca-ui-tab-view.tabs-right {
+  .tab-selector-container {
+    display: block;
+    clear: both;
+  }
+}
+
+.luca-ui-tab-view.tabs-left {
+  .tab-selector-container {
+    float: left;
+  }
+  .tab-content {
+    float: left;
+  }
+}
+
+.luca-ui-tab-view.tabs-right {
+  .tab-selector-container {
+    float: right;
+  }
+  .tab-content {
+    float: left;
+  }
+}
+

data/src/stylesheets/normalize.scss

@@ -0,0 +1,430 @@
+/*! normalize.css 2011-11-04T15:38 UTC - http://github.com/necolas/normalize.css */
+
+/* =============================================================================
+   HTML5 display definitions
+   ========================================================================== */
+
+/*
+ * Corrects block display not defined in IE6/7/8/9 & FF3
+ */
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+nav,
+section {
+    display: block;
+}
+
+/*
+ * Corrects inline-block display not defined in IE6/7/8/9 & FF3
+ */
+
+audio,
+canvas,
+video {
+    display: inline-block;
+    *display: inline;
+    *zoom: 1;
+}
+
+/*
+ * Prevents modern browsers from displaying 'audio' without controls
+ */
+
+audio:not([controls]) {
+    display: none;
+}
+
+/*
+ * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
+ * Known issue: no IE6 support
+ */
+
+[hidden] {
+    display: none;
+}
+
+
+/* =============================================================================
+   Base
+   ========================================================================== */
+
+/*
+ * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
+ *    http://clagnut.com/blog/348/#c790
+ * 2. Keeps page centred in all browsers regardless of content height
+ * 3. Prevents iOS text size adjust after orientation change, without disabling user zoom
+ *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
+ */
+
+html {
+    font-size: 100%; /* 1 */
+    overflow-y: scroll; /* 2 */
+    -webkit-text-size-adjust: 100%; /* 3 */
+    -ms-text-size-adjust: 100%; /* 3 */
+}
+
+/*
+ * Addresses margins handled incorrectly in IE6/7
+ */
+
+body {
+    margin: 0;
+}
+
+/* 
+ * Addresses font-family inconsistency between 'textarea' and other form elements.
+ */
+
+body,
+button,
+input,
+select,
+textarea {
+    font-family: sans-serif;
+}
+
+
+/* =============================================================================
+   Links
+   ========================================================================== */
+
+/*
+ * Addresses outline displayed oddly in Chrome
+ */
+
+a:focus {
+    outline: thin dotted;
+}
+
+/*
+ * Improves readability when focused and also mouse hovered in all browsers
+ * people.opera.com/patrickl/experiments/keyboard/test
+ */
+
+a:hover,
+a:active {
+    outline: 0;
+}
+
+
+/* =============================================================================
+   Typography
+   ========================================================================== */
+
+/*
+ * Neutralise smaller font-size in 'section' and 'article' in FF4+, Chrome, S5
+ */
+
+h1 {
+    font-size: 2em;
+}
+
+/*
+ * Addresses styling not present in IE7/8/9, S5, Chrome
+ */
+
+abbr[title] {
+    border-bottom: 1px dotted;
+}
+
+/*
+ * Addresses style set to 'bolder' in FF3+, S4/5, Chrome
+*/
+
+b, 
+strong { 
+    font-weight: bold; 
+}
+
+blockquote {
+    margin: 1em 40px;
+}
+
+/*
+ * Addresses styling not present in S5, Chrome
+ */
+
+dfn {
+    font-style: italic;
+}
+
+/*
+ * Addresses styling not present in IE6/7/8/9
+ */
+
+mark {
+    background: #ff0;
+    color: #000;
+}
+
+/*
+ * Corrects font family set oddly in IE6, S4/5, Chrome
+ * en.wikipedia.org/wiki/User:Davidgothberg/Test59
+ */
+
+pre,
+code,
+kbd,
+samp {
+    font-family: monospace, serif;
+    _font-family: 'courier new', monospace;
+    font-size: 1em;
+}
+
+/*
+ * Improves readability of pre-formatted text in all browsers
+ */
+
+pre {
+    white-space: pre;
+    white-space: pre-wrap;
+    word-wrap: break-word;
+}
+
+/*
+ * 1. Addresses CSS quotes not supported in IE6/7
+ * 2. Addresses quote property not supported in S4
+ */
+
+/* 1 */
+
+q {
+    quotes: none;
+}
+
+/* 2 */
+
+q:before,
+q:after {
+    content: '';
+    content: none;
+}
+
+small {
+    font-size: 75%;
+}
+
+/*
+ * Prevents sub and sup affecting line-height in all browsers
+ * gist.github.com/413930
+ */
+
+sub,
+sup {
+    font-size: 75%;
+    line-height: 0;
+    position: relative;
+    vertical-align: baseline;
+}
+
+sup {
+    top: -0.5em;
+}
+
+sub {
+    bottom: -0.25em;
+}
+
+
+/* =============================================================================
+   Lists
+   ========================================================================== */
+
+ul,
+ol {
+    margin-left: 0;
+    padding: 0 0 0 40px;
+}
+
+dd {
+    margin: 0 0 0 40px;
+}
+
+nav ul,
+nav ol {
+    list-style: none;
+    list-style-image: none;
+}
+
+
+/* =============================================================================
+   Embedded content
+   ========================================================================== */
+
+/*
+ * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
+ * 2. Improves image quality when scaled in IE7
+ *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
+ */
+
+img {
+    border: 0; /* 1 */
+    -ms-interpolation-mode: bicubic; /* 2 */
+}
+
+/*
+ * Corrects overflow displayed oddly in IE9 
+ */
+
+svg:not(:root) {
+    overflow: hidden;
+}
+
+
+/* =============================================================================
+   Figures
+   ========================================================================== */
+
+/*
+ * Addresses margin not present in IE6/7/8/9, S5, O11
+ */
+
+figure {
+    margin: 0;
+}
+
+
+/* =============================================================================
+   Forms
+   ========================================================================== */
+
+/*
+ * Corrects margin displayed oddly in IE6/7
+ */
+
+form {
+    margin: 0;
+}
+
+/*
+ * Define consistent border, margin, and padding
+ */
+
+fieldset {
+    border: 1px solid #c0c0c0;
+    margin: 0 2px;
+    padding: 0.35em 0.625em 0.75em;
+}
+
+/*
+ * 1. Corrects color not being inherited in IE6/7/8/9
+ * 2. Corrects alignment displayed oddly in IE6/7
+ */
+
+legend {
+    border: 0; /* 1 */
+    *margin-left: -7px; /* 2 */
+}
+
+/*
+ * 1. Corrects font size not being inherited in all browsers
+ * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
+ * 3. Improves appearance and consistency in all browsers
+ */
+
+button,
+input,
+select,
+textarea {
+    font-size: 100%; /* 1 */
+    margin: 0; /* 2 */
+    vertical-align: baseline; /* 3 */
+    *vertical-align: middle; /* 3 */
+}
+
+/*
+ * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
+ */
+
+button,
+input {
+    line-height: normal; /* 1 */
+}
+
+/*
+ * 1. Improves usability and consistency of cursor style between image-type 'input' and others
+ * 2. Corrects inability to style clickable 'input' types in iOS
+ * 3. Removes inner spacing in IE7 without affecting normal text inputs
+ *    Known issue: inner spacing remains in IE6
+ */
+
+button,
+input[type="button"], 
+input[type="reset"], 
+input[type="submit"] {
+    cursor: pointer; /* 1 */
+    -webkit-appearance: button; /* 2 */
+    *overflow: visible;  /* 3 */
+}
+
+/*
+ * 1. Addresses box sizing set to content-box in IE8/9
+ * 2. Removes excess padding in IE8/9
+ */
+
+input[type="checkbox"],
+input[type="radio"] {
+    box-sizing: border-box; /* 1 */
+    padding: 0; /* 2 */
+}
+
+/*
+ * 1. Addresses appearance set to searchfield in S5, Chrome
+ * 2. Addresses box-sizing set to border-box in S5, 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;
+}
+
+/*
+ * Removes inner padding that is displayed in S5, Chrome on OS X
+ */
+
+input[type="search"]::-webkit-search-decoration {
+    -webkit-appearance: none;
+}
+
+/*
+ * Removes inner padding and border in FF3+
+ * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
+ */
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+    border: 0;
+    padding: 0;
+}
+
+/*
+ * 1. Removes default vertical scrollbar in IE6/7/8/9
+ * 2. Improves 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;
+}

data/src/templates/components/bootstrap_form_controls.luca

@@ -0,0 +1,7 @@
+.form-actions
+  %a.btn.btn-primary.submit-button
+    %i.icon-ok.icon-white
+    Save Changes
+  %a.btn.reset-button.cancel-button
+    %i.icon-remove
+    Cancel

data/src/templates/components/collection_loader_view.luca

@@ -0,0 +1,5 @@
+%div#progress-model.modal{:stype =>"display: none;"}
+  .progress.progress-info.progress-striped.active
+    .bar{:style => "width: 0%;" }
+  .message
+    Initializing...

data/src/templates/components/form_view.luca

@@ -0,0 +1,15 @@
+.luca-ui-form-view-wrapper{:id=>"<%= cid %>-wrapper"}
+  .form-view-header
+    .toolbar-container.top{:id=>"<%= cid %>-top-toolbar-container"}
+  <% if(legend){ %>
+  %fieldset
+    %legend
+      <%= legend %>
+    .form-view-flash-container
+    .form-view-body
+  <% } else { %>
+  %ul.form-view-flash-container
+  .form-view-body
+  <% } %>
+  .form-view-footer
+    .toolbar-container.bottom{:id=>"<%= cid %>-bottom-toolbar-container"}

data/src/templates/components/grid_view.luca

@@ -0,0 +1,9 @@
+.luca-ui-grid-view-wrapper
+  .grid-view-header
+    .toolbar-container.top
+  .grid-view-body
+    %table.luca-ui-grid-view.scrollable-table{:width=>"100%",:cellpadding=>0,:cellspacing=>0}
+      %thead.fixed
+      %tbody.scrollable
+  .grid-view-footer
+    .toolbar-container.bottom

data/src/templates/components/grid_view_empty_text.luca

@@ -0,0 +1,3 @@
+.empty-text-wrapper
+  %p
+    <%= text %>

data/src/templates/containers/basic.luca

@@ -0,0 +1 @@
+%div{:id=>"<%= id %>",:class=>"<%= classes %>",:style=>"<%= style %>"}

data/src/templates/containers/tab_selector_container.luca

@@ -0,0 +1,8 @@
+%div{:id=>"<%= cid %>-tab-selector",:class=>"tab-selector-container"}
+  %ul{:id=>"<%= cid %>-tabs-nav",:class=>"nav nav-tabs"}
+    <% for(var i = 0; i < components.length; i++ ) { %>
+    <% var component = components[i];%>
+    %li.tab-selector{:data=>{:target=>"<%= i %>"}}
+      %a{:data=>{:target=>"<%= i %>"}}
+        <%= component.title %>
+    <% } %>

data/src/templates/containers/tab_view.luca

@@ -0,0 +1 @@
+%div{:id=>"<%= cid %>-tab-view-content",:class=>"tab-content"}

data/src/templates/containers/toolbar_wrapper.luca

@@ -0,0 +1 @@
+%div{:class=>"luca-ui-toolbar-wrapper",:id=>"<%= id %>"}

data/src/templates/fields/button_field.luca

@@ -0,0 +1,2 @@
+%label &nbsp
+%input{:style=>"<%= inputStyles %>",:class=>"btn <%= input_class %>",:value=>"<%= input_value %>",:type=>"<%= input_type %>",:id=>"<%= input_id %>"}

data/src/templates/fields/button_field_link.luca

@@ -0,0 +1,5 @@
+%a{:class=>"btn <%= input_class %>"}
+  <% if(icon_class.length) { %>
+  %i{:class=>"<%= icon_class %>"}
+  <% } %>
+  <%= input_value %>

data/src/templates/fields/checkbox_field.luca

@@ -0,0 +1,9 @@
+%label{:for=>"<%= input_id %>"}
+  <%= label %>
+  %input{:style=>"<%= inputStyles %>",:type=>"checkbox",:name=>"<%= input_name %>",:value=>"<%= input_value %>"}
+  
+<% if(helperText) { %>
+%p.helper-text.help-block
+  <%= helperText %>
+<% } %>
+

data/src/templates/fields/file_upload_field.luca

@@ -0,0 +1,8 @@
+%label{:for=>"<%= input_id %>"}
+  <%= label %>
+%input{:style=>"<%= inputStyles %>",:id=>"<%= input_id %>",:type=>"file",:name=>"<%= input_name %>"}
+<% if(helperText) { %>
+%p.helper-text.help-block
+  <%= helperText %>
+<% } %>
+

data/src/templates/fields/hidden_field.luca

@@ -0,0 +1 @@
+%input{:id=>"<%= input_id %>",:type=>"hidden",:name=>"<%= input_name %>",:value=>"<%= input_value %>"}