fullstack-admin 0.1.1

data/app/assets/javascripts/support/plupload.js.coffee

@@ -0,0 +1,32 @@
+#= require plupload
+#= require plupload.settings
+#= require jquery.plupload.queue
+#= require plupload.html5
+#= require plupload.flash
+
+$(document).ready ->
+  
+  $('.photo-uploader').each ->
+    uploader = $ this
+
+    url   = uploader.data "url"
+    session_key = uploader.data 'session-key'
+    session_id  = uploader.data 'session-id'
+
+    csrf_param = $("meta[name='csrf-param']").attr "content"
+    csrf_token = $("meta[name='csrf-token']").attr "content"
+
+    multipart_params = {}
+    multipart_params[session_key] = session_id
+    multipart_params[csrf_param]  = csrf_token
+
+    uploader.pluploadQueue
+      runtimes: 'html5, flash'
+      url: url
+      multipart_params: multipart_params
+
+    uploader.pluploadQueue().bind 'FileUploaded', (up, fi, data) ->
+      eval(data.response)
+
+    uploader.pluploadQueue().bind 'UploadComplete', (up, fi, data) ->
+      uploader.collapse('hide')

data/app/assets/javascripts/support/uploads.js.coffee

@@ -0,0 +1,2 @@
+#= require support/facebox
+#= require support/plupload

data/app/assets/stylesheets/support/ajax_loading.css

@@ -0,0 +1,36 @@
+#ajax-loading {
+  position: fixed;
+  right: 0;
+  top: 0;
+  background: white;
+  overflow: hidden;
+  background: #EEE;
+  background: -moz-linear-gradient(top, white 0%, #CCC 100%);
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,white), color-stop(100%,#CCC));
+  background: -webkit-linear-gradient(top, white 0%,#CCC 100%);
+  background: -o-linear-gradient(top, white 0%,#CCC 100%);
+  background: -ms-linear-gradient(top, white 0%,#CCC 100%);
+  background: linear-gradient(top, white 0%,#CCC 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 );
+  border-radius: 0 0 0 10px;
+  -moz-border-radius: 0 0 0 10px;
+  -webkit-border-radius: 0 0 0 10px;
+  box-shadow: 1px -1px 2px #fff inset;
+  -moz-box-shadow: 1px -1px 2px #fff inset;
+  -webkit-box-shadow: 1px -1px 2px #fff inset;
+  z-index: 9999;
+  border: 1px solid #aaa;
+  border-right: 0;
+  border-top: 0;
+
+}
+
+#ajax-loading div {
+  line-height: 14px;
+  font-weight: bold;
+  font-size: 14px;
+  background: transparent url(/assets/loading.gif) no-repeat 13px center;
+  padding: 13px 20px 13px 42px;
+  height: 12px;
+
+}

data/app/assets/stylesheets/support/base.css

@@ -0,0 +1,44 @@
+/*
+*= require jquery-ui
+*= require jquery.noty
+*/
+
+.mb05 {
+  margin-bottom: 9px;
+}
+
+.mb1 {
+  margin-bottom: 18px;
+}
+.mb2 {
+  margin-bottom: 36px;
+}
+.mb3 {
+  margin-bottom: 54px;
+}
+
+.w1{width:6.382978723% !important;}
+.w2{width:14.89361702% !important;}
+.w3{width:23.404255317% !important;}
+.w4{width:31.914893614% !important;}
+.w5{width:40.425531911% !important;}
+.w6{width:48.93617020799999% !important;}
+.w7{width:57.446808505% !important;}
+.w8{width:65.95744680199999%!important;}
+.w9{width:74.468085099% !important;}
+.w10{width:82.97872339599999% !important;}
+.w11{width:91.489361693% !important;}
+.w12{width:99.99999998999999% !important;}
+
+.float.right, .fr {
+  float:right !important;
+}
+
+.float.left, .fl {
+  float:left !important;
+}
+
+.sortable .handle {
+  cursor: move;
+}
+

data/app/assets/stylesheets/support/bootstrap-customizable-responsive.less

@@ -0,0 +1,8 @@
+@import "support/bootstrap-customizable";
+@import "twitter/bootstrap/responsive-utilities";
+@import "twitter/bootstrap/responsive-767px-max";
+@import "twitter/bootstrap/responsive-768px-979px";
+@import "twitter/bootstrap/responsive-1200px-min";
+@import "twitter/bootstrap/responsive-navbar";
+
+

data/app/assets/stylesheets/support/bootstrap-customizable.less

@@ -0,0 +1,55 @@
+// CSS Reset
+@import "twitter/bootstrap/reset";
+
+// Core variables and mixins
+@import "twitter/bootstrap/mixins";
+
+// Grid system and page structure
+@import "twitter/bootstrap/scaffolding";
+@import "twitter/bootstrap/grid";
+@import "twitter/bootstrap/layouts";
+
+// Base CSS
+@import "twitter/bootstrap/type";
+@import "twitter/bootstrap/code";
+@import "twitter/bootstrap/forms";
+@import "twitter/bootstrap/tables";
+
+// Components: common
+@import "twitter/bootstrap/sprites";
+@import "twitter/bootstrap/dropdowns";
+@import "twitter/bootstrap/wells";
+@import "twitter/bootstrap/component-animations";
+@import "twitter/bootstrap/close";
+
+// Components: Buttons & Alerts
+@import "twitter/bootstrap/buttons";
+@import "twitter/bootstrap/button-groups";
+@import "twitter/bootstrap/alerts"; // Note: alerts share common CSS with buttons and thus have styles in buttons
+
+// Components: Nav
+@import "twitter/bootstrap/navs";
+@import "twitter/bootstrap/navbar";
+@import "twitter/bootstrap/breadcrumbs";
+@import "twitter/bootstrap/pagination";
+@import "twitter/bootstrap/pager";
+
+// Components: Popovers
+@import "twitter/bootstrap/modals";
+@import "twitter/bootstrap/tooltip";
+@import "twitter/bootstrap/popovers";
+
+// Components: Misc
+@import "twitter/bootstrap/thumbnails";
+@import "twitter/bootstrap/labels-badges";
+@import "twitter/bootstrap/progress-bars";
+@import "twitter/bootstrap/accordion";
+@import "twitter/bootstrap/carousel";
+@import "twitter/bootstrap/hero-unit";
+
+// Utility classes
+@import "twitter/bootstrap/utilities"; // Has to be last to override when necessary
+
+/*
+ *= require support/bootstrap-workarounds
+ */

data/app/assets/stylesheets/support/bootstrap-responsive.css

@@ -0,0 +1,5 @@
+/*
+*= require twitter/bootstrap
+*= require twitter/bootstrap-responsive
+*= require support/bootstrap-workarounds
+*/

data/app/assets/stylesheets/support/bootstrap-workarounds.css

@@ -0,0 +1,35 @@
+.controls .alert {
+   margin-top: 18px;
+}
+.alert-heading {
+  margin-bottom: 18px;
+}
+
+.badge.badge-mini {
+	padding: 0 5px;
+	font-size: 9px;
+	display: inline-block;}
+	line-height: 18px;
+}
+
+.modal.modal-wide {
+  width: 800px;
+  margin: 0 0 0 -420px;
+  top: 20px;
+}
+
+.modal .filter input[type='text'] {
+  width: 300px;
+}
+
+.modal .filter .search_by {
+  float:right;
+}
+
+.btn.hide {
+  display:none;
+}
+
+.tab-content {
+overflow: visible;
+}

data/app/assets/stylesheets/support/bootstrap.css

@@ -0,0 +1,5 @@
+/*
+*= require twitter/bootstrap
+*= require support/bootstrap-workarounds
+*/
+

data/app/assets/stylesheets/support/elements.less

@@ -0,0 +1,136 @@
+/*---------------------------------------------------
+    LESS Elements 0.6
+  ---------------------------------------------------
+    A set of useful LESS mixins by Dmitry Fadeyev
+    Special thanks for mixin suggestions to:
+      Kris Van Herzeele,
+      Benoit Adam,
+      Portenart Emile-Victor,
+      Ryan Faerman
+
+    More info at: http://lesselements.com
+-----------------------------------------------------*/
+
+.gradient(@color: #F5F5F5, @start: #EEE, @stop: #FFF) {
+  background: @color;
+  background: -webkit-gradient(linear,
+                               left bottom,
+                               left top,
+                               color-stop(0, @start),
+                               color-stop(1, @stop));
+  background: -ms-linear-gradient(bottom,
+                                  @start,
+                                  @stop);
+  background: -moz-linear-gradient(center bottom,
+                                   @start 0%,
+                                   @stop 100%);
+}
+.bw-gradient(@color: #F5F5F5, @start: 0, @stop: 255) {
+  background: @color;
+  background: -webkit-gradient(linear,
+                               left bottom,
+                               left top,
+                               color-stop(0, rgb(@start,@start,@start)),
+                               color-stop(1, rgb(@stop,@stop,@stop)));
+  background: -ms-linear-gradient(bottom,
+                                  rgb(@start,@start,@start) 0%,
+                                  rgb(@start,@start,@start) 100%);
+  background: -moz-linear-gradient(center bottom,
+                                   rgb(@start,@start,@start) 0%,
+                                   rgb(@stop,@stop,@stop) 100%);
+}
+.bordered(@top-color: #EEE, @right-color: #EEE, @bottom-color: #EEE, @left-color: #EEE) {
+  border-top: solid 1px @top-color;
+  border-left: solid 1px @left-color;
+  border-right: solid 1px @right-color;
+  border-bottom: solid 1px @bottom-color;
+}
+.drop-shadow(@x-axis: 0, @y-axis: 1px, @blur: 2px, @alpha: 0.1) {
+  -webkit-box-shadow: @x-axis @y-axis @blur rgba(0, 0, 0, @alpha);
+  -moz-box-shadow: @x-axis @y-axis @blur rgba(0, 0, 0, @alpha);
+  box-shadow: @x-axis @y-axis @blur rgba(0, 0, 0, @alpha);
+}
+.rounded(@radius: 2px) {
+  -webkit-border-radius: @radius;
+  -moz-border-radius: @radius;
+  border-radius: @radius;
+  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; 
+}
+.border-radius(@topright: 0, @bottomright: 0, @bottomleft: 0, @topleft: 0) {
+  -webkit-border-top-right-radius: @topright;
+  -webkit-border-bottom-right-radius: @bottomright;
+  -webkit-border-bottom-left-radius: @bottomleft;
+  -webkit-border-top-left-radius: @topleft;
+  -moz-border-radius-topright: @topright;
+  -moz-border-radius-bottomright: @bottomright;
+  -moz-border-radius-bottomleft: @bottomleft;
+  -moz-border-radius-topleft: @topleft;
+  border-top-right-radius: @topright;
+  border-bottom-right-radius: @bottomright;
+  border-bottom-left-radius: @bottomleft;
+  border-top-left-radius: @topleft;
+  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; 
+}
+.opacity(@opacity: 0.5) {
+  -moz-opacity: @opacity;
+  -khtml-opacity: @opacity;
+  -webkit-opacity: @opacity;
+  opacity: @opacity;
+}
+.transition-duration(@duration: 0.2s) {
+  -moz-transition-duration: @duration;
+  -webkit-transition-duration: @duration;
+  transition-duration: @duration;
+}
+.rotation(@deg:5deg){
+  -webkit-transform: rotate(@deg);
+  -moz-transform: rotate(@deg);
+  transform: rotate(@deg);
+}
+.scale(@ratio:1.5){
+  -webkit-transform:scale(@ratio);
+  -moz-transform:scale(@ratio);
+  transform:scale(@ratio);
+}
+.transition(@duration:0.2s, @ease:ease-out) {
+  -webkit-transition: all @duration @ease;
+  -moz-transition: all @duration @ease;
+  transition: all @duration @ease;
+}
+.inner-shadow(@horizontal:0, @vertical:1px, @blur:2px, @alpha: 0.4) {
+  -webkit-box-shadow: inset @horizontal @vertical @blur rgba(0, 0, 0, @alpha);
+  -moz-box-shadow: inset @horizontal @vertical @blur rgba(0, 0, 0, @alpha);
+  box-shadow: inset @horizontal @vertical @blur rgba(0, 0, 0, @alpha);
+}
+.box-shadow(@arguments) {
+  -webkit-box-shadow: @arguments;
+  -moz-box-shadow: @arguments;
+  box-shadow: @arguments;
+}
+.columns(@colwidth: 250px, @colcount: 0, @colgap: 50px, @columnRuleColor: #EEE, @columnRuleStyle: solid, @columnRuleWidth: 1px) {
+  -moz-column-width: @colwidth;
+  -moz-column-count: @colcount;
+  -moz-column-gap: @colgap;
+  -moz-column-rule-color: @columnRuleColor;
+  -moz-column-rule-style: @columnRuleStyle;
+  -moz-column-rule-width: @columnRuleWidth;
+  -webkit-column-width: @colwidth;
+  -webkit-column-count: @colcount;
+  -webkit-column-gap: @colgap;
+  -webkit-column-rule-color: @columnRuleColor;
+  -webkit-column-rule-style: @columnRuleStyle;
+  -webkit-column-rule-width: @columnRuleWidth;
+  column-width: @colwidth;
+  column-count: @colcount;
+  column-gap: @colgap;
+  column-rule-color: @columnRuleColor;
+  column-rule-style: @columnRuleStyle;
+  column-rule-width: @columnRuleWidth;
+}
+.translate(@x:0, @y:0) {
+  -moz-transform: translate(@x, @y);
+  -webkit-transform: translate(@x, @y);
+  -o-transform: translate(@x, @y);
+  -ms-transform: translate(@x, @y);
+  transform: translate(@x, @y);
+}

data/app/assets/stylesheets/support/facebox.css

@@ -0,0 +1,11 @@
+/*
+*= require jquery.facebox
+*/
+
+#facebox .image {
+  padding: 5px;
+}
+
+#facebox .content {
+  padding: 0;
+}

data/app/assets/stylesheets/support/forms.css

@@ -0,0 +1,161 @@
+/*
+*= require jquery.tagsinput
+*= require bootstrap-wysihtml5
+*= require chosen
+*/
+
+fieldset {
+  margin-bottom: 18px;
+}
+
+legend {
+  margin: 0;
+}
+legend + * {
+    -webkit-margin-top-collapse : separate;
+    margin-top                  : 27px;
+}
+
+.form-action-bar.sticky {
+	background-color: #2C2C2C;
+	background-image: -moz-linear-gradient(top, #333, #222);
+	background-image: -ms-linear-gradient(top, #333, #222);
+	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333), to(#222));
+	background-image: -webkit-linear-gradient(top, #333, #222);
+	background-image: -o-linear-gradient(top, #333, #222);
+	background-image: linear-gradient(top, #333, #222);
+	background-repeat: repeat-x;
+	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
+	-webkit-border-radius: 0 0 4px 4px;
+	-moz-border-radius: 0 0 4px 4px;
+	border-radius: 0 0 4px 4px;
+	box-shadow: none;
+	border:0 none;
+}
+
+.form-action-bar {
+  padding: 9px;
+  margin-bottom: 19px;
+  background-color: #EEE;
+  background-repeat: repeat-x;
+  background-image: -moz-linear-gradient(top, whiteSmoke 0%, #EEE 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,whiteSmoke), color-stop(100%,#EEE));
+  background-image: -webkit-linear-gradient(top, whiteSmoke 0%,#EEE 100%);
+  background-image: -ms-linear-gradient(top, whiteSmoke 0%,#EEE 100%);
+  background-image: -o-linear-gradient(top, whiteSmoke 0%,#EEE 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='whiteSmoke', endColorstr='#EEE',GradientType=0 );
+  background-image: linear-gradient(top, whiteSmoke 0%,#EEE 100%);
+  border: 1px solid #E5E5E5;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+}
+
+label .badge {
+	float: right;
+}
+
+input.title {
+	font-size: 18px;
+	line-height: 36px;
+	height: 36px;
+	font-weight: 700;
+}
+
+input.ui-autocomplete-input, input.resource-input {
+	border-right: none;
+	vertical-align: middle;
+  width: 66%;
+  margin-right: -2px;
+}
+
+input.resource-input {
+  margin-right: -4px;
+  width: 300px;
+}
+
+.tagsinput {
+	-webkit-border-radius: 3px;
+	-moz-border-radius: 3px;
+	border-radius: 3px;
+}
+
+.btn-after-input {
+  -webkit-border-radius: 0 5px 5px 0;
+  -moz-border-radius: 0 5px 5px 0;
+  border-radius: 0 5px 5px 0;
+  line-height: 18px;
+  margin: 0;
+  vertical-align: top;
+}
+
+.input-button-group {
+display: inline-block;
+vertical-align: middle;
+width: 200px;
+}
+
+.input-button-group .btn-after-input {
+float: left;
+display: block;
+margin-left: -1px;
+}
+
+.input-button-group .btn-after-input:first-child {
+  -webkit-border-radius: 0;
+  -moz-border-radius: 0;
+  border-radius: 0;
+}
+
+form .input-slider {
+  display: inline-block;
+  width: 73%;
+}
+
+.ui-slider-horizontal {
+  background: #ffffff; /* Old browsers */
+  background: -moz-linear-gradient(left,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
+  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
+  background: -webkit-linear-gradient(left,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
+  background: -o-linear-gradient(left,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
+  background: -ms-linear-gradient(left,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
+  background: linear-gradient(left,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=1 ); /* IE6-9 */
+}
+
+input.datepicker {
+  padding-left: 24px;
+  background-image: url(/assets/iconic/gray/calendar_12x12.png);
+  background-repeat: no-repeat;
+  background-position: 5px center;
+  cursor: pointer;
+  background-color: white;
+}
+
+a.close.datepicker-cancel {
+  float: none;
+  margin-left: -18px;
+  margin-right: 5px;
+}
+
+.daterange input.datepicker {
+  width: 100px;
+}
+
+.help-inline {
+display: block;
+vertical-align: middle;
+padding-left: 5px;
+margin-top: -8px;
+margin-bottom: 18px;
+font-style: italic;
+}
+
+input,
+textarea,
+select,
+.uneditable-input {
+	width: 99%;
+	padding: 4px 0.5%;
+}
+