active_scaffold_vho 3.1.3 → 3.1.4

data/active_scaffold_vho.gemspec

@@ -5,11 +5,11 @@
 
 Gem::Specification.new do |s|
   s.name = %q{active_scaffold_vho}
-  s.version = "3.1.3"
+  s.version = "3.1.4"
 
   s.required_rubygems_version = Gem::Requirement.new(">= 0") if s.respond_to? :required_rubygems_version=
   s.authors = ["Many, see README"]
-  s.date = %q{2012-02-11}
+  s.date = %q{2012-05-12}
   s.description = %q{Save time and headaches, and create a more easily maintainable set of pages, with ActiveScaffold. ActiveScaffold handles all your CRUD (create, read, update, delete) user interface needs, leaving you more time to focus on more challenging (and interesting!) problems.}
   s.email = %q{activescaffold@googlegroups.com}
   s.extra_rdoc_files = [
@@ -48,12 +48,14 @@ Gem::Specification.new do |s|
     "app/assets/javascripts/prototype/rico_corner.js",
     "app/assets/stylesheets/active_scaffold-ie.css",
     "app/assets/stylesheets/active_scaffold.css.erb",
+    "app/assets/stylesheets/active_scaffold_core.css.erb",
     "app/assets/stylesheets/jquery-ui-timepicker-addon.css",
     "frontends/default/views/_action_group.html.erb",
     "frontends/default/views/_add_existing_form.html.erb",
     "frontends/default/views/_base_form.html.erb",
     "frontends/default/views/_create_form.html.erb",
     "frontends/default/views/_create_form_on_list.html.erb",
+    "frontends/default/views/_embedded_controller.html.erb",
     "frontends/default/views/_field_search.html.erb",
     "frontends/default/views/_form.html.erb",
     "frontends/default/views/_form_association.html.erb",

data/app/assets/javascripts/jquery/active_scaffold.js

@@ -1,4 +1,16 @@
 $(document).ready(function() {
+  $('form.as_form').live('ajax:before', function(event) {
+    var as_form = $(this).closest("form");
+    $(this).find('.association-record-new').each(function(index) {
+        var record_action = 'empty';
+        
+        if(ActiveScaffold.form_elements_changed($(this).find('input, textarea, select'))) {
+          record_action = 'create';
+        }
+        $(this).find('input.associated_action').val(record_action);       
+    });
+    return true;
+  });
   $('form.as_form').live('ajax:loading', function(event) {
     var as_form = $(this).closest("form");
     if (as_form && as_form.attr('data-loading') == 'true') {
@@ -34,6 +46,7 @@ $(document).ready(function() {
       } else {
         // hack: jquery requires if you request for javascript that javascript
         // is coming back, however rails has a different mantra
+        // Not needed anymore just included for backwards compatibility with jquery_vho
         if (action_link.position) {
           if (parseFloat($.fn.jquery) >= 1.5) {
             event.data_type = 'text';
@@ -41,12 +54,22 @@ $(document).ready(function() {
             event.data_type = 'rails';
           }
         }
+        
         if (action_link.loading_indicator) action_link.loading_indicator.css('visibility','visible');
         action_link.disable();
       }
     }
     return true;
   });
+  $('a.as_action').live('ajax:beforeSend', function(event, xhr, settings) {
+    xhr.setRequestHeader('accept', '*/*;q=0.5, ' + settings.accepts.script);
+    var action_link = ActiveScaffold.ActionLink.get($(this));
+    if (action_link && action_link.position) {
+      settings.dataType = 'text';
+      settings.dataTypes = ['text'];
+    }
+    return true;
+  });
   $('a.as_action').live('ajax:success', function(event, response) {
     var action_link = ActiveScaffold.ActionLink.get($(this));
     if (action_link) {
@@ -84,6 +107,7 @@ $(document).ready(function() {
       var refresh_data = as_cancel.attr('data-refresh');
       if (refresh_data === 'true' && action_link.refresh_url) {
         event.data_url = action_link.refresh_url;
+        as_cancel.attr('href', action_link.refresh_url);
         if (action_link.position) event.data_type = 'html' 
       } else if (refresh_data === 'false' || typeof(cancel_url) == 'undefined' || cancel_url.length == 0) {
         action_link.close();
@@ -92,6 +116,17 @@ $(document).ready(function() {
     }
     return true;
   });
+  $('a.as_cancel').live('ajax:beforeSend', function(event, xhr, settings) {
+    var as_cancel = $(this);
+    var action_link = ActiveScaffold.ActionLink.get($(this));
+    var refresh_data = as_cancel.attr('data-refresh');
+
+    if (action_link && action_link.position && refresh_data === 'true' && action_link.refresh_url) {
+      settings.dataType = 'html';
+      settings.dataTypes = ['html'];
+    }
+    return true;
+  });
   $('a.as_cancel').live('ajax:success', function(event, response) {
     var action_link = ActiveScaffold.find_action_link($(this));
 
@@ -139,11 +174,25 @@ $(document).ready(function() {
     $(this).prevAll('img.loading-indicator').css('visibility','hidden');
     return true;
   });
-  $('input[type=button].as_add_existing').live('ajax:before', function(event) {
-    var url = $(this).attr('href').replace('--ID--', $(this).prev().val());
-    event.data_url = url;
-    return true;
+  $('a.as_add_existing').live('ajax:before', function(event) {
+    var selected_id = $(this).prev().val();
+    if (selected_id) {
+      var url = $(this).attr('href').replace('--ID--', $(this).prev().val());
+      $(this).attr('href', url);
+      event.data_url = url;
+      return true;
+    } else {
+      return false;
+    }
+    
   });
+  $('a.as_destroy_existing').live('click', function(event) {
+    var associated_record = $(this).closest('tr.association-record');
+    ActiveScaffold.delete_subform_record(associated_record);
+    event.stopPropagation();
+    return false;
+  });
+
   $('input.update_form, textarea.update_form, select.update_form').live('change', function(event) {
       var element = $(this);
       var as_form = element.closest('form.as_form');
@@ -231,6 +280,24 @@ $(document).ready(function() {
     ActiveScaffold.focus_first_element_of_form(as_form);
     return true;
   });
+  $('li.horizontal-sub-form').live('as:form_element_loaded', function(event) {
+    $(this).find('a.as_associated_form_link').each(function(index) {
+        ActiveScaffold.show($(this));
+        //Show select Box for add_existing as well
+        if($(this).has('as_add_existing')) {
+          ActiveScaffold.show($(this).prev());
+        }
+    })
+    return true;
+  });
+  $('li.sub-form').live('as:form_element_loaded', function(event) {
+    $(this).find('.association-record-new').each(function(index) {
+        $(this).find('input, textarea, select').each(function(index) {
+          $(this).data('value_was', $(this).val());
+        })
+    })
+    return true;
+  });
   $('span.mark_heading, span.in_place_editor_field[data-ie_mode="inline_checkbox"]').live('click', function(event) {
     ActiveScaffold.process_checkbox_inplace_edit($(this).find('input:checkbox'), ActiveScaffold.inplace_edit_options($(this)));
     return true;
@@ -242,12 +309,20 @@ $(document).ready(function() {
     return true;
   });
   $('tr.inline-adapter-autoopen').live('as:list_row_loaded', function(event) {
-    var actionlink_id = $(event.target).attr('data-actionlinkid');
-    if(actionlink_id) {
-      var action_link = ActiveScaffold.ActionLink.get(actionlink_id);
-      if (action_link) {
-        action_link.set_opened();
-      }
+    var actionlink_controllers = $(event.target).attr('data-actionlink-controllers');
+    if(actionlink_controllers) {
+      actionlink_controllers = actionlink_controllers.split('::');
+      $(this).prev('tr').find('a.index').each(function(index) {
+        var action_link = $(this);
+        for (var i = 0; i < actionlink_controllers.length; i++) {
+          if (actionlink_controllers[i] === action_link.attr('data-controller')) {
+            var as_action_link = ActiveScaffold.ActionLink.get(action_link);
+            if (as_action_link) {
+              as_action_link.set_opened();
+            }
+          }
+        }
+      });
     }
     return true;
   });
@@ -262,6 +337,7 @@ $(document).ready(function() {
     return true;
   });
   ActiveScaffold.trigger_load_events($('[data-as_load]'));
+  ActiveScaffold.load_embedded_conrollers();
   
 });
 
@@ -582,7 +658,8 @@ var ActiveScaffold = {
     if (errors.hasClass('association-record-errors')) {
       this.replace_html(errors, '');
     }
-    this.remove(record);
+    record.find('input.associated_action').val('delete');
+    this.hide(record);
   },
 
   report_500_response: function(active_scaffold_id) {
@@ -748,7 +825,15 @@ var ActiveScaffold = {
                      hover_class: 'hover',
                      element_id: 'editor_id',
                      ajax_data_type: "script",
-                     update_value: 'value'},
+                     update_value: 'value',
+                     delegate: {didOpenEditInPlace: function(aDOMNode, aSettingsDict) {
+                                  ActiveScaffold.trigger_load_events(aDOMNode.find('[data-as_load]'));
+                                  return true;
+                                },
+                                shouldCloseEditInPlace: function(aDOMNode, aSettingsDict) {
+                                  ActiveScaffold.trigger_unload_events(aDOMNode.find('[data-as_load]'));
+                                  return true;
+                                }}},
           csrf_param = $('meta[name=csrf-param]').first(),
           csrf_token = $('meta[name=csrf-token]').first(),
           my_parent = span.parent(),
@@ -835,6 +920,27 @@ var ActiveScaffold = {
        break;
       }
     });
+  },
+
+  load_embedded_conrollers: function(){
+    $.each($('a.as_link_to_component'), function(index) {
+      var div_element = $(this).closest('div.active-scaffold-component');
+      div_element.load($(this).attr('href').append_params({embedded: true}));
+    });
+  },
+
+  form_elements_changed: function(form_elements){
+    var form_elements_count = form_elements.length;
+    var i = 0;
+    var changed = false;
+
+    while(changed === false && i < form_elements_count) {
+      if($(form_elements[i]).val() != $(form_elements[i]).data('value_was')) {
+        changed = true;
+      }
+      i++;
+    }
+    return changed;
   }
 }
 

data/app/assets/javascripts/jquery/date_picker_bridge.js.erb

@@ -2,24 +2,38 @@
 <%= ActiveScaffold::Bridges::DatePickerBridge.localization %>
 
 $(document).ready(function() {
-  $('input.date_picker').live('focus', function(event) {
-    var date_picker = $(this);
-    if (typeof(date_picker.datepicker) == 'function') {
-      if (!date_picker.hasClass('hasDatepicker')) {
+  $('form.as_form, form.inplace_form').live('as:form_loaded', function(event) {
+    var as_form = $(this).closest("form");
+    as_form.find('input.datetime_picker').each(function(index) {
+      var date_picker = $(this);
+      if (typeof(date_picker.datetimepicker) == 'function') {
+        date_picker.datetimepicker();
+      }
+    });
+
+    as_form.find('input.date_picker').each(function(index) {
+      var date_picker = $(this);
+      if (typeof(date_picker.datepicker) == 'function') {
         date_picker.datepicker();
-        date_picker.trigger('focus');
       }
-    }
+    });
     return true;
   });
-  $('input.datetime_picker').live('focus', function(event) {
-    var date_picker = $(this);
-    if (typeof(date_picker.datetimepicker) == 'function') {
-      if (!date_picker.hasClass('hasDatepicker')) {
-        date_picker.datetimepicker();
-        date_picker.trigger('focus');
+  $('form.as_form, form.inplace_form').live('as:form_unloaded', function(event) {
+    var as_form = $(this).closest("form");
+    as_form.find('input.datetime_picker').each(function(index) {
+      var date_picker = $(this);
+      if (typeof(date_picker.datetimepicker) == 'function') {
+        date_picker.datetimepicker('destroy');
+      }
+    });
+
+    as_form.find('input.date_picker').each(function(index) {
+      var date_picker = $(this);
+      if (typeof(date_picker.datepicker) == 'function') {
+        date_picker.datepicker('destroy');
       }
-    }
+    });
     return true;
   });
 });

data/app/assets/javascripts/jquery/jquery.editinplace.js

@@ -259,7 +259,7 @@ $.extend(InlineEditor.prototype, {
 		var buttons_html  = (this.settings.show_buttons) ? this.settings.save_button + ' ' + this.settings.cancel_button : '';
 		var editorElement = this.createEditorElement(); // needs to happen before anything is replaced
 		/* insert the new in place form after the element they click, then empty out the original element */
-		this.dom.html('<form class="inplace_form" style="display: inline; margin: 0; padding: 0;"></form>')
+		this.dom.html('<form class="inplace_form" data-as_load="form" style="display: inline; margin: 0; padding: 0;"></form>')
 			.find('form')
 				.append(editorElement)
 				.append(buttons_html);

data/app/assets/javascripts/jquery/tiny_mce_bridge.js

@@ -1,11 +1,11 @@
-$('form.as_form').live('as:form_loaded', function(event) {
+$('form.as_form, form.inplace_form').live('as:form_loaded', function(event) {
     var as_form = $(this).closest("form");
     as_form.find('textarea.as_mceEditor').each(function(index, elem) {
       tinyMCE.execCommand('mceAddControl', false, $(elem).attr('id'));
     });
     return true;
   });
-$('form.as_form').live('as:form_submit', function(event) {
+$('form.as_form, form.inplace_form').live('as:form_submit', function(event) {
     var as_form = $(this).closest("form");
     if (as_form.has('textarea.as_mceEditor').length > 0) {
       tinyMCE.triggerSave();
@@ -13,7 +13,7 @@ $('form.as_form').live('as:form_submit', function(event) {
     return true;
   });
 
-$('form.as_form').live('as:form_unloaded', function(event) {
+$('form.as_form, form.inplace_form').live('as:form_unloaded', function(event) {
     var as_form = $(this).closest("form");
     as_form.find('textarea.as_mceEditor').each(function(index, elem) {
       tinyMCE.execCommand('mceRemoveControl', false, $(elem).attr('id'));

data/app/assets/javascripts/prototype/active_scaffold.js

@@ -315,12 +315,19 @@ document.observe("dom:loaded", function() {
       return true;
   });
   document.on('as:list_row_loaded', 'tr.inline-adapter-autoopen', function(event, element) {
-    var actionlink_id = element.readAttribute('data-actionlinkid');
-    if(actionlink_id) {
-      var action_link = ActiveScaffold.ActionLink.get(actionlink_id);
-      if (action_link) {
-        action_link.set_opened();
-      }
+    var actionlink_controllers = event.element().readAttribute('data-actionlink-controllers');
+    if(actionlink_controllers) {
+      actionlink_controllers = actionlink_controllers.split('::');
+      element.previous('tr').select('a.index').each(function(action_link) {
+        for (var i = 0; i < actionlink_controllers.length; i++) {
+          if (actionlink_controllers[i] === action_link.readAttribute('data-controller')) {
+            var as_action_link = ActiveScaffold.ActionLink.get(action_link);
+            if (as_action_link) {
+              as_action_link.set_opened();
+            }
+          }
+        }
+      });
     }
     return true;
   });

data/app/assets/stylesheets/active_scaffold.css.erb

@@ -1,1077 +1,4 @@
-/*
- ActiveScaffold
- (c) 2007 Richard White <rrwhite@gmail.com>
-
- ActiveScaffold is freely distributable under the terms of an MIT-style license.
-
- For details, see the ActiveScaffold web site: http://www.activescaffold.com/
-*/
-
-.active-scaffold form,
-.active-scaffold table,
-.active-scaffold p,
-.active-scaffold div,
-.active-scaffold fieldset {
-margin: 0;
-padding: 0;
-}
-
-.active-scaffold {
-margin: 5px 0;
-}
-
-.active-scaffold table {
-width: 100%;
-border-collapse: separate;
-}
-
-.active-scaffold a,
-.active-scaffold a:visited {
-color: #06c;
-text-decoration: none;
-}
-
-.active-scaffold a.disabled {
-color: #999;
-}
-
-.active-scaffold a:hover, .active-scaffold div.hover, .active-scaffold td span.hover {
-background-color: #ff8;
-}
-
-.active-scaffold div.actions a img,
-.active-scaffold td.actions a img {
-border: none;
-vertical-align: middle;
-}
-
-.active-scaffold div.actions a.disabled img,
-.active-scaffold td.actions a.disabled img {
-opacity: 0.5;
-}
-
-.active-scaffold .clear-fix {
-clear: both;
-}
-
-noscript.active-scaffold {
-border-left: solid 5px #f66;
-background-color: #fbb;
-font-size: 11px;
-font-weight: bold;
-padding: 5px 20px 5px 5px;
-color: #333;
-}
-
-/* Header
-   ======================== */
-
-.active-scaffold-header {
-position: relative;
-}
-
-.blue-theme .active-scaffold-header {
-background-color: #005CB8;
-}
-
-.active-scaffold-header h2 {
-padding: 2px 0px;
-margin: 0;
-color: #555;
-font: bold 160% arial, sans-serif;
-}
-
-.blue-theme .active-scaffold-header h2 {
-color: #fff;
-padding: 2px 5px 4px 5px;
-}
-
-.active-scaffold-header div.actions a,
-.active-scaffold-header div.actions {
-float: right;
-font: bold 14px arial;
-letter-spacing: -1px;
-text-decoration: none;
-padding: 1px 2px;
-white-space: nowrap;
-margin-left: 5px;
-background-position: 1px 50%;
-background-repeat: no-repeat;
-}
-
-.active-scaffold-header div.actions a {
-padding: 5px 5px;
-margin-left: 0px;
-}
-
-.active-scaffold .active-scaffold .active-scaffold-header div.actions > a {
-padding: 1px 5px;
-}
-
-.active-scaffold-header div.actions div.action_group {
-display: inline;
-float: right;
-}
-
-.active-scaffold-header div.actions div.action_group li a,
-.active-scaffold-header div.actions div.action_group li div {
-float: none;
-margin: 0;
-}
-
-.active-scaffold-header div.actions .action_group ul {
-line-height: 130%;
-top: 19px;
-}
-
-.active-scaffold .active-scaffold .active-scaffold-header div.actions .action_group ul {
-top: 14px;
-}
-
-.view .active-scaffold-header div.actions a,
-.view .active-scaffold-header div.actions div,
-.view .active-scaffold-header div.actions div.action_group {
-float: left;
-}
-
-.blue-theme .active-scaffold-header div.actions a {
-color: #fff;
-}
-
-.active-scaffold-header div.actions a.disabled {
-color: #666;
-opacity: 0.5;
-}
-
-.blue-theme .active-scaffold-header div.actions a.disabled {
-color: #fff;
-opacity: 0.5;
-}
-
-.active-scaffold-header div.actions a.new,
-.active-scaffold-header div.actions a.new_existing,
-.active-scaffold-header div.actions a.show_search,
-.active-scaffold-header div.actions a.show_config_list,
-.active-scaffold-header div.actions div.action_group div {
-margin:0;  
-padding: 5px 5px 5px 25px;
-background-position: 5px 50%;
-background-repeat: no-repeat;
-}
-
-.active-scaffold .active-scaffold .active-scaffold-header div.actions > a.new,
-.active-scaffold .active-scaffold .active-scaffold-header div.actions > a.new_existing,
-.active-scaffold .active-scaffold .active-scaffold-header div.actions > a.show_search,
-.active-scaffold .active-scaffold .active-scaffold-header div.actions > a.show_config_list,
-.active-scaffold .active-scaffold .active-scaffold-header div.actions div.action_group > div {
-margin:0;
-padding: 1px 5px 1px 20px;
-background-position: 1px 50%;
-background-repeat: no-repeat;
-}
-
-.active-scaffold-header div.actions div.action_group div {
-  background-image: url(<%= asset_data_uri 'gears.png' %>); /* default icon for actions or override with css */
-}
-
-.active-scaffold-header div.actions a.show_config_list {
-  background-image: url(<%= asset_data_uri 'config.png' %>);
-}
-
-.active-scaffold-header div.actions a.new,
-.active-scaffold-header div.actions a.new_existing {
-background-image: url(<%= asset_data_uri 'add.gif' %>);
-}
-
-.active-scaffold-header div.actions a.show_search {
-
-background-image: url(<%= asset_data_uri 'magnifier.png' %>);
-}
-
-.blue-theme .active-scaffold-header div.actions a:hover {
-background-color: #378CDF;
-}
-
-.active-scaffold-header div.actions a.disabled:hover {
-background-color: transparent;
-cursor: default;
-}
-
-.active-scaffold-header div.actions {
-position: absolute;
-right: 5px;
-top: 5px;
-text-align: right;
-}
-
-/* Table :: Column Headers
-   ============================= */
-
-.active-scaffold th {
-background-color: #555;
-text-align: left;
-}
-
-.active-scaffold th a,
-.active-scaffold th p {
-font: bold 11px arial, sans-serif;
-display: block;
-background-color: #555;
-}
-
-.active-scaffold th a, .active-scaffold th a:visited {
-color: #fff;
-padding: 2px 2px 2px 5px;
-}
-
-.active-scaffold th p {
-color: #eee;
-padding: 2px 5px;
-}
-
-.active-scaffold th a:hover {
-background-color: #000;
-color: #ff8;
-}
-
-.active-scaffold th.sorted {
-background-color: #333;
-}
-
-.active-scaffold th.sorted a {
-padding-right: 18px;
-}
-
-.active-scaffold th.asc a,
-.active-scaffold th.asc a:hover {
-background: #333 url(<%= asset_data_uri 'arrow_up.gif' %>) right 50% no-repeat;
-}
-
-.active-scaffold th.desc a,
-.active-scaffold th.desc a:hover {
-background: #333 url(<%= asset_data_uri 'arrow_down.gif' %>) right 50% no-repeat;
-}
-
-.active-scaffold th.loading a,
-.active-scaffold th.loading a:hover {
-background: #333 url(<%= asset_data_uri 'indicator-small.gif' %>) right 50% no-repeat;
-}
-
-.active-scaffold th .mark_heading {
-margin-left: 5px;
-}
-
-/* Table :: Record Rows
-   ============================= */
-
-.active-scaffold tr.record {
-  background-color: #E6F2FF;
-}
-.active-scaffold tr.record td {
-padding: 5px 4px;
-color: #333;
-font-family: Verdana, sans-serif;
-font-size: 11px;
-border-bottom: solid 1px #C5DBF7;
-border-left: solid 1px #C5DBF7;
-}
-
-.active-scaffold tr.record td.messages-container {
-padding: 0px;
-}
-
-.active-scaffold tr.even-record {
-background-color: #fff;
-}
-.active-scaffold tr.even-record td {
-border-left-color: #ddd;
-}
-
-.active-scaffold tr.record td.sorted {
-background-color: #B9DCFF;
-border-bottom-color: #AFD0F5;
-}
-
-.active-scaffold tr.even-record td.sorted {
-background-color: #E6F2FF;
-border-bottom-color: #AFD0F5;
-}
-
-.active-scaffold tbody.records td.empty {
-color: #999;
-text-align: center;
-}
-
-.active-scaffold td.numeric,
-.active-scaffold-calculations td {
-text-align: right;
-}
-
-/* Table :: Actions (Edit, Delete)
-   ============================= */
-.active-scaffold tr.record td.actions {
-border-right: solid 1px #ccc;
-padding: 0;
-min-width: 1%;
-}
-
-.active-scaffold tr.record td.actions table {
-float: right;
-width: auto;
-margin-right: 5px;
-}
-
-.active-scaffold tr.record td.actions table td {
-border: none;
-text-align: right;
-padding: 0 2px;
-}
-
-.active-scaffold tr.record td.actions a,
-.active-scaffold tr.record td.actions div {
-font: bold 11px verdana, sans-serif;
-letter-spacing: -1px;
-padding: 2px;
-margin: 0 2px;
-line-height: 16px;
-white-space: nowrap;
-}
-
-.active-scaffold tr.record td.actions a.disabled {
-color: #666;
-opacity: 0.5;
-}
-
-.active-scaffold .actions .action_group div:hover {
-background-color: #ff8;
-}
-
-.active-scaffold .actions .action_group {
-position: relative;
-text-align: left;
-color: #0066CC;
-}
-
-.active-scaffold .actions .action_group ul {
-border: 2px solid #005CB8;
-list-style-type: none;
-margin: 0;
-padding: 0;
-position: absolute;
-line-height: 200%;
-display: none;
-width: 150px;
-right: 0px;
-}
-
-.active-scaffold .actions .action_group ul ul {
-display: none;
-position: absolute;
-top: 0;
-right: 150px;
-}
-
-.active-scaffold .actions .action_group ul li {
-background: none repeat scroll 0 0 #EEE;
-border-top: 1px dashed #222;
-display: block;
-position: relative;
-width: auto;
-z-index: 2;
-}
-
-.active-scaffold .actions .action_group ul li div {
-  margin: 0;
-  padding: 5px 5px 5px 25px;
-  background-position: 5px 50%;
-  background-repeat: no-repeat;
-}
-
-.active-scaffold .actions .action_group ul li a {
-  display: block;
-  color: #333;
-  margin: 0;
-  padding: 5px 5px 5px 25px;
-  background-position: 5px 50%;
-  background-repeat: no-repeat;
-}
-
-.active-scaffold .actions .action_group ul li.top {
-border-top: 0px solid #005CB8;
-}
-
-.active-scaffold .actions .action_group:hover ul ul,
-.active-scaffold .actions .action_group:hover ul ul ul {
-display: none;
-}
-
-.active-scaffold .actions .action_group:hover ul,
-.active-scaffold .actions .action_group ul li:hover > ul,
-.active-scaffold .actions .action_group ul ul li:hover ul {
-display: block;
-}
-
-/* Table :: Inline Adapter
-   ============================= */
-
-.active-scaffold .view {
-background-color: #DAFFCD;
-padding: 4px;
-border: solid 1px #7FcF00;
-}
-
-.active-scaffold tbody.records td.inline-adapter-cell .view {
-border-top: none;
-}
-
-.active-scaffold .before-header td.inline-adapter-cell .view {
-border-bottom: none;
-}
-
-.active-scaffold a.inline-adapter-close {
-float: right;
-text-indent: -4000px;
-width: 16px;
-height: 17px;
-background: url(<%= asset_data_uri 'close.gif' %>) 0 0 no-repeat;
-}
-
-/* Nested
-   ======================== */
-
-.blue-theme .active-scaffold .active-scaffold-header,
-.blue-theme .active-scaffold .active-scaffold-footer {
-background-color: #1F7F00;
-
-background: transparent;
-}
-
-.active-scaffold .active-scaffold .active-scaffold-header {
-margin-right: 15px;
-}
-
-.active-scaffold .active-scaffold .active-scaffold-header h2 {
-font-size: 12px;
-font-weight: bold;
-}
-
-.blue-theme .active-scaffold .active-scaffold-header h2,
-.active-scaffold .active-scaffold .active-scaffold-footer {
-color: #444;
-}
-
-.active-scaffold .active-scaffold .active-scaffold-header div.actions {
-top: 0px;
-right: 0px;
-}
-
-.active-scaffold .active-scaffold .active-scaffold-header div.actions a,
-.active-scaffold .active-scaffold .active-scaffold-header div.actions div {
-font: bold 11px verdana, sans-serif;
-}
-
-.blue-theme .active-scaffold .active-scaffold-header div.actions a,
-.blue-theme .active-scaffold .active-scaffold-header div.actions a:visited {
-color: #06c;
-}
-
-.blue-theme .active-scaffold .active-scaffold-header div.actions a:hover {
-background-color: #ff8;
-}
-
-.active-scaffold .active-scaffold .view {
-background-color: transparent;
-padding: 0px;
-border: none;
-}
-
-.active-scaffold .active-scaffold  td {
-background-color: #ECFFE7;
-border-bottom: solid 1px #CDF7C5;
-border-left: solid 1px #CDF7C5;
-}
-
-.active-scaffold .active-scaffold td.inline-adapter-cell {
-background-color: #FFFFBB;
-padding: 4px;
-border: solid 1px #DDDF37;
-border-top: none;
-}
-
-.active-scaffold .active-scaffold .active-scaffold td.inline-adapter-cell {
-background-color: #DAFFCD;
-padding: 4px;
-border: solid 1px #7FcF00;
-border-top: none;
-}
-
-.active-scaffold .active-scaffold .active-scaffold-footer {
-font-size: 11px;
-}
-
-/* Footer
-   ========================== */
-
-.active-scaffold-calculations td {
-background-color: #eee;
-border-top: 2px solid #005CB8;
-font: bold 12px arial, sans-serif;
-}
-
-.active-scaffold .active-scaffold-footer {
-padding: 3px 0px 2px 0px;
-border-bottom: none;
-font: bold 12px arial, sans-serif;
-}
-
-.blue-theme .active-scaffold-footer {
-background-color: #005CB8;
-color: #ccc;
-}
-
-.active-scaffold-footer .active-scaffold-pagination {
-float: right;
-white-space: nowrap;
-margin-right: 5px;
-}
-
-.blue-theme .active-scaffold-footer .active-scaffold-records {
-margin-left: 5px;
-}
-
-.active-scaffold-footer a {
-text-decoration: none;
-letter-spacing: 0;
-padding: 0 2px;
-margin: 0 -2px;
-font: bold 12px arial, sans-serif;
-}
-
-.blue-theme .active-scaffold-footer a,
-.blue-theme .active-scaffold-footer a:visited {
-color: #fff;
-}
-
-.blue-theme .active-scaffold-footer a:hover {
-background-color: #378CDF;
-}
-
-.active-scaffold-footer .next {
-margin-left: 0;
-padding-left: 5px;
-border-left: solid 1px #ccc;
-}
-
-.active-scaffold-footer .previous {
-margin-right: 0;
-padding-right: 5px;
-border-right: solid 1px #ccc;
-}
-
-/* Messages
-   ========================= */
-
-.active-scaffold .messages-container,
-.active-scaffold .active-scaffold .messages-container{
-padding: 0;
-margin: 0 7px;
-border: none;
-}
-
-.active-scaffold .empty-message, .active-scaffold .filtered-message {
-background-color: #e8e8e8;
-padding: 4px;
-text-align: center;
-color: #666;
-}
-
-.active-scaffold .message {
-font-size: 11px;
-font-weight: bold;
-padding: 5px 20px 5px 5px;
-color: #333;
-position: relative;
-margin: 2px 7px;
-line-height: 12px;
-}
-
-.active-scaffold .message a {
-position: absolute;
-right: 10px;
-top: 4px;
-padding: 0;
-font: bold 11px verdana, sans-serif;
-letter-spacing: -1px;
-}
-
-.active-scaffold .messages-container .message {
-margin: 0;
-}
-
-.active-scaffold .error-message {
-border-left: solid 5px #f66;
-background-color: #fbb;
-}
-
-.active-scaffold .warning-message {
-border-left: solid 5px #ff6;
-background-color: #ffb;
-}
-
-.active-scaffold .info-message {
-border-left: solid 5px #66f;
-background-color: #bbf;
-}
-
-/* Error Styling
-   ========================== */
-
-.active-scaffold .errorExplanation {
-background-color: #fcc;
-margin: 2px 0;
-border: solid 1px #f66;
-}
-
-.active-scaffold fieldset {
-clear: both;
-}
-
-.active-scaffold .errorExplanation h2 {
-padding: 2px 5px;
-color: #333;
-font-size: 11px;
-margin: 0;
-letter-spacing: 0;
-font-family: Verdana;
-background-color: #f66;
-}
-
-.active-scaffold .errorExplanation ul {
-margin: 0;
-padding: 0 2px 4px 25px;
-list-style: disc;
-}
-
-.active-scaffold .errorExplanation p {
-font-size: 11px;
-padding: 2px 5px;
-font-family: Verdana;
-margin: 0;
-}
-
-.active-scaffold .errorExplanation ul li {
-font: bold 11px verdana;
-letter-spacing: -1px;
-margin: 0;
-padding: 0;
-background-color: transparent;
-}
-
-/* Loading Indicators
-   ============================== */
-
-.active-scaffold .loading-indicator {
-vertical-align: text-bottom;
-width: 16px;
-margin: 0;
-}
-
-.active-scaffold .active-scaffold-header .loading-indicator {
-margin-bottom: 3px;
-}
-
-/* Show
-   ============================= */
-
-.active-scaffold .show-view dl {
-margin-left: 5px;
-}
-
-.active-scaffold .show-view dt {
-width: 12em;
-float: left;
-clear: left;
-font: normal 11px verdana, sans-serif;
-color: #555;
-line-height: 16px;
-}
-
-.active-scaffold .show-view dd {
-float: left;
-font: bold 14px arial;
-padding-left: 5px;
-margin-bottom: 5px;
-}
-
-/* Form
-   ============================== */
-
-.active-scaffold .submit {
-font-weight: bold;
-font-size: 14px;
-font-family: Arial, sans-serif;
-letter-spacing: 0;
-margin: 0;
-margin-top: 5px;
-}
-
-.active-scaffold form p {
-clear: both;
-}
-
-.active-scaffold fieldset {
-border: none;
-}
-
-.active-scaffold h4,
-.active-scaffold h5 {
-padding: 2px;
-margin: 0;
-text-transform: none;
-color: #1F7F00;
-letter-spacing: -1px;
-font: bold 16px arial;
-}
-
-.active-scaffold h5 {
-padding: 0;
-margin: 5px 0 2px 0;
-font-size: 14px;
-letter-spacing: 0;
-}
-
-.active-scaffold ol {
-clear: both;
-float: none;
-padding: 2px;
-margin-left: 5px;
-list-style: none;
-}
-
-.active-scaffold p.form-footer {
-clear: both;
-}
-
-.active-scaffold a.as_cancel,
-.active-scaffold p.form-footer a {
-font: bold 14px arial, sans-serif;
-letter-spacing: 0;
-}
-
-/* Form :: Fields
-   ============================== */
-
-.active-scaffold li.form-element {
-clear: both;
-}
-
-.active-scaffold label {
-font: normal 11px verdana, sans-serif;
-color: #555;
-}
-
-.active-scaffold li.form-element dt {
-float: left;
-width: 12em;
-padding: 6px 0;
-}
-
-.active-scaffold li.form-element dd {
-float: left;
-}
-
-.active-scaffold li.form-element dd input[type="checkbox"] {
-margin-top: 6px;
-}
-
-.active-scaffold .form dd {
-margin: 0;
-}
-
-
-.active-scaffold .description {
-display: inline-block;
-color: #999;
-font-size: 10px;
-margin-left: 5px;
-}
-
-.active-scaffold .required label {
-font-weight: bold;
-}
-
-.active-scaffold label.example {
-font-size: 11px;
-font-family: arial;
-color: #888;
-}
-
-.active-scaffold input.text-input,
-.active-scaffold select {
-font: bold 16px arial;
-letter-spacing: -1px;
-border: solid 1px #1F7F00;
-}
-
-.active-scaffold input.text-input {
-padding: 2px;
-}
-
-.active-scaffold .fieldWithErrors input,
-.active-scaffold .field_with_errors input,
-.active-scaffold .fieldWithErrors textarea,
-.active-scaffold .field_with_errors textarea,
-.active-scaffold .fieldWithErrors select,
-.active-scaffold .field_with_errors select {
-border: solid 1px #f00;
-}
-
-.active-scaffold select {
-padding: 1px;
-}
-
-.active-scaffold input.example {
-color: #aaa;
-}
-
-.active-scaffold select:focus,
-.active-scaffold input.text-input:focus {
-background-color: #ffc;
-}
-
-.active-scaffold textarea {
-font-family: Arial, sans-serif;
-font-size: 12px;
-padding: 1px;
-border: solid 1px #1F7F00;
-}
-
-.active-scaffold .checkbox-list {
-padding-left: 0px;
-}
-
-.active-scaffold .checkbox-list li {
-padding-right: 5px;
-display: inline;
-}
-
-.active-scaffold .checkbox-list li label {
-padding: 0 0 0 2px;
-}
-
-.active-scaffold .draggable-list {
-float: left;
-width: 300px;
-margin-right: 15px;
-min-height: 30px;
-max-height: 100px;
-overflow: auto;
-background-color: #FFFF88;
-}
-
-.active-scaffold .draggable-list.hover {
-opacity: 0.5;
-}
-
-.active-scaffold .draggable-list.selected {
-background-color: #7FCF00;
-}
-
-.active-scaffold .draggable-list li {
-display: block;
-}
-
-.active-scaffold .draggable-list input {
-display: none;
-}
-
-/* Form :: Sub-Sections
-   ============================== */
-
-.active-scaffold li.sub-section {
-clear: left;
-padding: 5px 0;
-}
-
-/* Form :: Association Sub-Forms
-   ============================== */
-
-.active-scaffold .sub-form {
-float: left;
-clear: left;
-padding: 5px 0;
-padding-left: 5px;
-}
-
-.active-scaffold .sub-form h5 {
-margin-left: -5px;
-}
-
-.active-scaffold .sub-form table,
-.active-scaffold .sub-form table td {
-width: auto;
-background: none;
-}
-
-.active-scaffold .sub-form table th {
-font: normal 10px verdana, sans-serif;
-color: #555;
-padding: 0 5px 0 1px;
-background: none;
-}
-
-.active-scaffold .horizontal-sub-form td dt label {
-display: none;
-}
-
-.active-scaffold .sub-form .checkbox-list {
-padding: 0 2px 2px 2px;
-background-color: #fff;
-border: solid 1px #1F7F00;
-}
-
-.active-scaffold .sub-form .checkbox-list label {
-display: block;
-}
-
-.active-scaffold .sub-form table td {
-border: none;
-background-color: transparent;
-padding: 1px;
-vertical-align: top;
-color: #999;
-}
-
-.active-scaffold .sub-form .actions {
-vertical-align: middle;
-background-color: transparent;
-clear: left;
-}
-
-.active-scaffold .sub-form .association-record a.destroy {
-font-weight: bold;
-display: block;
-height: 16px;
-padding: 0;
-width: 16px;
-text-indent: -4000px;
-background: url(<%= asset_data_uri 'cross.png' %>) 0 0 no-repeat;
-}
-
-.active-scaffold .sub-form .locked a.destroy {
-display: none;
-}
-
-.active-scaffold .sub-form .association-record a {
-font: bold 12px arial;
-}
-
-.active-scaffold .sub-form input.text-input,
-.active-scaffold .sub-form select {
-letter-spacing: 0;
-font: bold 12px arial;
-}
-
-.active-scaffold .sub-form .footer-wrapper {
-margin-top: 3px;
-margin-right: 10px;
-}
-
-.active-scaffold .sub-form .footer {
-color: #999;
-padding: 3px 5px;
-}
-
-.active-scaffold .sub-form .footer select,
-.active-scaffold .sub-form .footer input {
-font-weight: bold;
-font-size: 12px;
-padding: 0;
-}
-
-.active-scaffold a.visibility-toggle {
-font-size: 100%;
-}
-
-.active-scaffold-found {
-  float:left;
-}
-
-.as_touch a.inline-adapter-close {
-width: 25px;
-height: 27px;
-background: url(<%= asset_data_uri 'close_touch.png' %>) 0 0 no-repeat;
-}
-
-.as_touch .as_paginate {
-font-size: 20px;
-padding: 3px 10px;
-}
-
-.as_touch .active-scaffold-header div.actions a {
-padding: 7px 5px;
-}
-
-.as_touch .active-scaffold .active-scaffold-header div.actions a {
-padding: 7px 5px;
-}
-
-.as_touch .active-scaffold-header div.actions .action_group ul {
-line-height: 130%;
-top: 23px;
-}
-
-.as_touch .active-scaffold .active-scaffold-header div.actions .action_group ul {
-top: 23px;
-}
-
-.as_touch .active-scaffold-header div.actions a.new,
-.as_touch .active-scaffold-header div.actions a.new_existing,
-.as_touch .active-scaffold-header div.actions a.show_search,
-.as_touch .active-scaffold-header div.actions a.show_config_list,
-.as_touch .active-scaffold-header div.actions div.action_group div {
-padding: 7px 5px 7px 25px;
-}
-
-.as_touch .active-scaffold .active-scaffold-header div.actions > a.new,
-.as_touch .active-scaffold .active-scaffold-header div.actions > a.new_existing,
-.as_touch .active-scaffold .active-scaffold-header div.actions > a.show_search,
-.as_touch .active-scaffold .active-scaffold-header div.actions > a.show_config_list,
-.as_touch .active-scaffold .active-scaffold-header div.actions div.action_group > div {
-padding: 7px 5px 7px 25px;
-background-position: 5px 50%;
-}
-
-.as_touch .actions .action_group ul li div {
-padding: 7px 5px 7px 25px;
-}
-
-.as_touch .actions .action_group ul li a {
-padding: 7px 5px 7px 25px;
-}
-
-.as_touch .active-scaffold-header h2 {
-padding: 4px 0px;
-}
-
-.as_touch .active-scaffold .active-scaffold-header div.actions a,
-.as_touch .active-scaffold .active-scaffold-header div.actions div {
-  font: bold 14px arial;
-}
-
-.as_touch .active-scaffold .active-scaffold-header div.actions {
-  right: 15px;
-}
-
-.as_touch tr.record {
-line-height: 130%;
-}
-
-.as_touch th a, .as_touch th a:visited {
-color: #fff;
-padding: 5px 2px 5px 5px;
-}
-
-.as_touch tr.record td {
-padding: 5px 10px;
-}
+<% require_asset "active_scaffold_core" %>
+<% if ActiveScaffold.js_framework == :jquery %>
+<% require_asset "jquery-ui-timepicker-addon" %>
+<% end %>