activeadmin 0.4.4 → 0.5.0.pre

data/app/assets/javascripts/active_admin/components/jquery.aa.popover.js.coffee

@@ -0,0 +1,100 @@
+
+window.AA.Popover = class AA.Popover
+
+  constructor: (@options, @element) ->
+
+    @$element = $(@element)
+
+    defaults = {
+      fadeInDuration: 20,
+      fadeOutDuration: 100,
+      autoOpen: true,
+      pageWrapperElement: "#wrapper",
+      onClickActionItemCallback: null
+    }
+
+    @options = $.extend({}, defaults, options)
+
+    @$popover = null
+    @isOpen = false
+
+    if $(@$element.attr("href")).length > 0
+      @$popover = $(@$element.attr("href"))
+    else
+      @$popover = @$element.next(".popover")
+
+
+    @_buildPopover()
+    @_bind()
+
+    return @
+
+
+  open: ->
+    @isOpen = true
+    @$popover.fadeIn @options.fadeInDuration
+
+    @_positionPopover()
+    @_positionNipple()
+
+    return @
+
+
+  close: ->
+    @isOpen = false;
+    @$popover.fadeOut this.options.fadeOutDuration;
+
+    return @
+
+  destroy: ->
+    @$element.removeData('popover');
+    @$element.unbind();
+    @$element = null;
+
+    return @
+
+  option: ->
+    # ??
+
+  # Private
+
+  _buildPopover: ->
+    @$popover.prepend("<div class=\"popover_nipple\"></div>")
+
+    @$popover.hide()
+
+    @$popover.addClass "popover"
+
+
+  _bind: ->
+    $(@options.pageWrapperElement).bind 'click', (e) =>
+      if @isOpen is true
+        @close()
+
+    if @options.autoOpen is true
+      @$element.bind 'click', () =>
+        if @isOpen is true
+          @close()
+        else
+          @open()
+
+        false
+
+  _positionPopover: ->
+    centerOfButtonFromLeft = @$element.offset().left + @$element.outerWidth() / 2
+    centerOfPopoverFromLeft = @$popover.outerWidth() / 2
+    popoverLeftPos = centerOfButtonFromLeft - centerOfPopoverFromLeft
+    @$popover.css "left", popoverLeftPos
+
+  _positionNipple: ->
+    centerOfPopoverFromLeft = @$popover.outerWidth() / 2
+    bottomOfButtonFromTop = @$element.offset().top + @$element.outerHeight() + 10
+    @$popover.css "top", bottomOfButtonFromTop
+    $nipple = @$popover.find(".popover_nipple")
+    centerOfnippleFromLeft = $nipple.outerWidth() / 2
+    nippleLeftPos = centerOfPopoverFromLeft - centerOfnippleFromLeft
+    $nipple.css "left", nippleLeftPos
+
+(($) ->
+  $.widget.bridge 'popover', AA.Popover
+)(jQuery)

data/app/assets/javascripts/active_admin/components/jquery.aa.table-checkbox-toggler.js.coffee

@@ -0,0 +1,27 @@
+window.AA.TableCheckboxToggler = class AA.TableCheckboxToggler extends AA.CheckboxToggler
+  _init: ->
+    super
+
+  _bind: ->
+    super
+
+    @$container.find("tbody").find("td").bind "click", (e) =>
+      if e.target.type != 'checkbox'
+        @_didClickCell(e.target)
+    
+  _didChangeCheckbox: (checkbox) ->
+    super
+    
+    $row = $(checkbox).parents("tr")
+
+    if checkbox.checked
+      $row.addClass("selected")
+    else
+      $row.removeClass("selected")
+
+  _didClickCell: (cell) ->
+    $(cell).parent("tr").find(':checkbox').click()
+    
+( ( $ ) ->
+  $.widget.bridge 'tableCheckboxToggler', AA.TableCheckboxToggler
+)( jQuery )

data/app/assets/javascripts/active_admin/lib/namespace.js.coffee

@@ -0,0 +1,3 @@
+# Make a namespace for ActiveAdmin plugins
+
+window.AA = {}

data/app/assets/javascripts/active_admin/pages/application.js.coffee

@@ -0,0 +1,13 @@
+#
+# Active Admin JS
+#
+
+
+$ ->
+  # Date picker
+  $(".datepicker").datepicker dateFormat: "yy-mm-dd"
+  $(".clear_filters_btn").click ->
+    window.location.search = ""
+    false
+
+  $(".dropdown_button").popover()

data/app/assets/javascripts/active_admin/pages/batch_actions.js.coffee

@@ -0,0 +1,26 @@
+jQuery ($) ->
+
+  #
+  # Use Rails.js click handler to allow for Rails' confirm dialogs
+  #
+
+  $(document).delegate "#batch_actions_selector li a", "click.rails", ->
+    $("#batch_action").val $(this).attr("data-action")
+    $("#collection_selection").submit()
+
+  #
+  # Add checkbox selection to resource tables and lists if batch actions are enabled
+  #
+
+  if $("#batch_actions_selector").length && $(":checkbox.toggle_all").length
+
+    if $(".paginated_collection").find("table.index_table").length
+      $(".paginated_collection table").tableCheckboxToggler()
+    else
+      $(".paginated_collection").checkboxToggler()
+
+    $(".paginated_collection").find(":checkbox").bind "change", ->
+      if $(".paginated_collection").find(":checkbox").filter(":checked").length > 0
+        $("#batch_actions_selector").aaDropdownMenu("enable")
+      else
+        $("#batch_actions_selector").aaDropdownMenu("disable")

data/app/assets/stylesheets/active_admin/_base.css.scss

@@ -1,34 +1,40 @@
 /* Active Admin CSS */
-
 // Reset Away!
-@include global-reset;
+body.active_admin {
+  @include global-reset;
+}
 
 // Partials
-@import "active_admin/typography";
-@import "active_admin/header";
-@import "active_admin/forms";
-@import "active_admin/components/comments";
-@import "active_admin/components/flash_messages";
-@import "active_admin/components/date_picker";
-@import "active_admin/components/tables";
-@import "active_admin/components/blank_slates";
-@import "active_admin/components/breadcrumbs";
-@import "active_admin/components/buttons";
-@import "active_admin/components/grid";
-@import "active_admin/components/links";
-@import "active_admin/components/pagination";
-@import "active_admin/components/panels";
-@import "active_admin/components/columns";
-@import "active_admin/components/scopes";
-@import "active_admin/components/status_tags";
-@import "active_admin/components/table_tools";
-@import "active_admin/pages/dashboard";
-@import "active_admin/pages/logged_out";
-@import "active_admin/structure/footer";
-@import "active_admin/structure/main_structure";
-@import "active_admin/structure/title_bar";
+body.active_admin {
+    @import "active_admin/typography";
+    @import "active_admin/header";
+    @import "active_admin/forms";
+    @import "active_admin/components/comments";
+    @import "active_admin/components/flash_messages";
+    @import "active_admin/components/date_picker";
+    @import "active_admin/components/popovers";
+    @import "active_admin/components/tables";
+    @import "active_admin/components/batch_actions";
+    @import "active_admin/components/blank_slates";
+    @import "active_admin/components/breadcrumbs";
+    @import "active_admin/components/dropdown_menu";
+    @import "active_admin/components/buttons";
+    @import "active_admin/components/grid";
+    @import "active_admin/components/links";
+    @import "active_admin/components/pagination";
+    @import "active_admin/components/panels";
+    @import "active_admin/components/columns";
+    @import "active_admin/components/scopes";
+    @import "active_admin/components/status_tags";
+    @import "active_admin/components/table_tools";
+    @import "active_admin/pages/dashboard";
+    @import "active_admin/pages/logged_out";
+    @import "active_admin/structure/footer";
+    @import "active_admin/structure/main_structure";
+    @import "active_admin/structure/title_bar";
+}
 
-body {
+body.active_admin {
   @include sans-family;
   line-height: 150%;
   font-size: 72%;

data/app/assets/stylesheets/active_admin/_forms.css.scss

@@ -29,6 +29,13 @@ form {
       }
     }
 
+    ol > div.has_many {
+      padding: 20px 10px;
+      h3 {
+        font-size: 12px;
+        font-weight: bold;
+      }
+    }
 
     ol > li > li label { 
       line-height:100%; 
@@ -67,14 +74,14 @@ form {
 
         li {
           padding:0; 
-          border:0; 
+          border:0;
         }
       }
     }
   }
 
   /* Text Fields */
-  input[type=text], input[type=password], input[type=email], input[type=url], input[type=tel], textarea {
+  input[type=text], input[type=password], input[type=email], input[type=number], input[type=url], input[type=tel], textarea {
     width: 76%;
     border: 1px solid #c9d0d6;
     @include rounded;
@@ -127,7 +134,7 @@ form {
     &.boolean {
       height: 1.1em;
       label { 
-        width: 100%;
+        width: 80%;
         padding-left:20%; 
         padding-right: 10px; 
         text-transform: none !important;
@@ -165,12 +172,12 @@ form {
     
   }
   
-  .buttons { 
+  .buttons, .actions {
     margin-top: 15px; 
     input[type=submit] { margin-right: 10px; }
   }
   
-  fieldset.buttons li { 
+  fieldset.buttons li, fieldset.actions li {
     float:left; 
     padding: 0;
 

data/app/assets/stylesheets/active_admin/_header.css.scss

@@ -5,9 +5,8 @@
   @include text-shadow(#000);
   height: 20px;
   overflow: visible;
-  position: relative;
+  position: inherit;
   padding: 9px $horizontal-page-margin;
-  position: relative;
   z-index: 900;
 
   h1 { 

data/app/assets/stylesheets/active_admin/_typography.css.scss

@@ -25,7 +25,7 @@
 
 // Default font settings.  The font-size percentage is of 16px. (0.75 * 16px = 12px) */
 html { font-size:100.01%; }
-body { font-size: 75%; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; }
+& { font-size: 75%; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; }
 
 // Headings
 h1,h2,h3,h4,h5,h6 { 

data/app/assets/stylesheets/active_admin/components/_batch_actions.css.scss

@@ -0,0 +1,11 @@
+#collection_selection_toggle_panel {
+	@include clearfix;
+	>.resource_selection_toggle_cell {
+		float:left;
+	}
+	#collection_selection_toggle_explaination {  
+		float:left;
+		margin-left:5px;
+		font-style:italic;
+	}
+}

data/app/assets/stylesheets/active_admin/components/_buttons.scss

@@ -1,4 +1,3 @@
-
 td, p {
   @include icon(#B3BCC1, 0.8em);
   span.icon { margin: 0 3px; }
@@ -9,4 +8,4 @@ a.member_link {
   white-space: nowrap;
 }
 
-a.button, a:link.button, a:visited.button, input[type=submit] { @include dark-button; }
+a.button, a:link.button, a:visited.button, input[type=submit] { @include dark-button; }

data/app/assets/stylesheets/active_admin/components/_dropdown_menu.scss

@@ -0,0 +1,151 @@
+.dropdown_menu {
+  display: inline;
+
+  .dropdown_menu_button {
+    @include light-button;
+    position: relative;
+    padding-right: 22px !important;
+    cursor: pointer;
+
+    &:before {
+      content: ' ';
+      position: absolute;
+      width: 0;
+      height: 0;
+      border-width: 3px 3px 0;
+      border-style: solid;
+      border-color: #FFF transparent;
+      right: 12px;
+      top: 45%;
+    }
+
+    &:after {
+      content: ' ';
+      position: absolute;
+      width: 0;
+      height: 0;
+      border-width: 3px 3px 0;
+      border-style: solid;
+      border-color: #777 transparent;
+      right: 12px;
+      top: 45%;
+    }
+  }
+
+  .dropdown_menu_nipple {
+
+    // The nipple's border    
+    content: "";
+    position: absolute;
+    top: -6px;
+    display: block;
+    width: 0;  
+    height: 0;  
+    border-width: 0 6px 6px;
+    border-style: solid;
+    border-color: darken($primary-color, 4%) transparent; 
+    z-index: 100;
+
+    // The nipple's inner shadow 
+
+    &:before {
+      content: ' ';  
+      position: absolute;  
+      width: 0;  
+      height: 0;  
+      border-width: 0 5px 5px;
+      border-style: solid;
+      border-color: lighten($primary-color, 15%) transparent;
+      left: -5px;
+      top: 1px;
+    }
+
+    // The nipple's background color
+
+    &:after {
+      content: ' ';  
+      position: absolute;  
+      width: 0;  
+      height: 0;  
+      border-width: 0 5px 5px;
+      border-style: solid;
+      border-color: lighten($primary-color, 4%) transparent;
+      left: -5px;
+      top: 2px;
+    }
+  }
+
+  .dropdown_menu_list_wrapper {
+    display: inline-block;
+    position: absolute;
+    background-color: white;
+    padding: 2px;
+    @include box-shadow(rgba(0,0,0,0.4) 0 1px 3px, lighten($primary-color, 15%) 0px 1px 0px 0px inset);
+    background-color: $primary-color;
+    @include gradient(lighten($primary-color, 4%), darken($primary-color, 5%));
+    border: solid 1px darken($primary-color, 10%);
+    border-top-color: darken($primary-color, 4%);
+    border-bottom-color: darken($primary-color, 17%);
+
+    border-radius: 4px;
+
+    .dropdown_menu_list {
+      display: block;
+      background-color: #FFF;
+      border: solid 1px darken($primary-color, 10%);    
+      @include box-shadow(lighten($primary-color, 5%) 0px 1px 0px 0px);    
+      border-radius: 3px;
+      margin: 0;
+      overflow: hidden;
+      padding: 8px;
+
+      list-style-type: none;
+      padding: 0;
+
+      li {
+        display: block;
+        border-bottom: solid 1px #ebebeb;
+        @include box-sizing(border-box);
+
+        a {
+          display: block;
+          @include box-sizing(padding-box);        
+          font-size: 0.95em;
+          font-weight: bold;
+          padding: 7px 16px 5px;
+          text-decoration: none;
+          text-align: center;
+          -webkit-font-smoothing: antialiased;
+
+          &:hover {
+            @include highlight-gradient;
+            @include text-shadow(#5a83aa);
+            color: #FFF;
+          }
+
+          &:active {
+            @include reverse-highlight-gradient;
+            color: #FFF;
+          }
+
+        }
+
+        &:first-child {
+          a {
+            border-top-left-radius: 2px;
+            border-top-right-radius: 2px;
+          }
+
+        }
+
+        &:last-child {
+          a {
+            border-bottom-left-radius: 2px;
+            border-bottom-right-radius: 2px;
+          }
+          border: none;
+        }
+      }
+    }
+  }
+}