radiant-drag_order-extension 0.4.2 → 0.4.4

data/VERSION

@@ -1 +1 @@
-0.4.2
+0.4.4

data/public/javascripts/admin/extensions/drag_order/drag_order.js

@@ -28,7 +28,7 @@ var DragOrderIndex = Class.create({
         }
       },
       onDrop: function(drag, drop, event){
-        this.moveHandles(drag.element);
+        this.assignIndentation(drag.element);
         this.assignExpanders(drag.element);
         
         new Ajax.Request('/admin/pages/sort.js', {
@@ -74,17 +74,19 @@ var DragOrderIndex = Class.create({
     });
   },
   
-  moveHandles: function(page) {
+  assignIndentation: function(page) {
     var level = parseInt(page.up('.page').getAttribute('data-level'))
     
     level += 1;    
-    page.setAttribute('data-level', level)
+    page.setAttribute('data-level', level);
+    page.addClassName('level_' + level);
     page.down('.attributes').setStyle({ paddingLeft: ((level * 23) + 31) + 'px' });
     
     page.select('.children').each(function(container) {
       level += 1;
       container.select('.page').each(function(page) {
         page.setAttribute('data-level', level);
+        page.addClassName('level_' + level);
         page.down('.attributes').setStyle({ paddingLeft: ((level * 23) + 31) + 'px' });
       });
     });

data/public/stylesheets/sass/admin/extensions/drag_order/drag_order.sass

@@ -3,18 +3,24 @@
   .page
     
     &.drop_hover
-      background-color: #FBFBFB
-      border-color: transparent
+      .attributes
+        border-bottom-color: #e0e3ec
       
       li
         border-color: transparent
   
     &.drop_insert
-      background-color: #F6F8FF
-      border-color: transparent
+      
+      .attributes
+        background-color: #f6f8ff
+        border-color: transparent
       
       li
         border-color: transparent
+        
+        .attributes
+          background-color: #ffffff
+            
       
     &.drag_move
       .children

data/public/stylesheets/sass/admin/partials/_index.sass

@@ -1,5 +1,6 @@
 =status-badge($background: transparent, $color: black, $width: 5em)
-  float: left
+  position: absolute
+  right: 235px
   height: 14px
   line-height: 14px
   font-size: 10px
@@ -7,8 +8,6 @@
   background: $background
   display: block
   padding: 0 6px
-  position: absolute
-  right: 215px
   top: 14px
   width: $width
   text-align: center
@@ -18,61 +17,50 @@
   // Support floated elements, avoid horizontal scrollbar
   overflow: hidden
 
+ol.index
+  border-top: 8px solid #9e9e9e
+
 .index
   font-size: 90%
   margin-bottom: 2emasset
   width: 100%
-  border-bottom: 1px solid white
+  th
+    text-align: left
+    background-color: #9e9e9e
+    color: white
+    font-size: 90%
+    font-weight: normal
+    padding: 2px 9px
+    &.actions
+      padding-left: 15px
+      min-width: 18em
+    &.name
+      width: 100%
+    &.status
+      min-width: 8em
   li
     position: relative
     text-align: left
-    &:first-child
-      border-top: 1px solid white
-    .attributes
-      width: auto
-      height: 31px
-      line-height: 31px
-      padding: 4px 0 4px 10px
-      overflow: hidden
-      text-decoration: none
-      padding-left: 5px
-      border-top: 1px solid #fafafa
-      border-bottom: 1px solid transparent
-      &:hover
-        border-top: 1px solid #d5f0ff
-        border-bottom: 1px solid #c5dff5
-        background: #c5dff5 image_url('admin/row_highlight.png') repeat-x center top
-        +linear-gradient(color_stops(#e5f5ff, #c5dff5))
-      .attribute
-        display: block
-        float: left
-        padding-right: 5px
-      .actions
-        float: right
-        margin-top: -2px
-        a.action, span.action.disabled
-          padding: 6px
-          margin: 0 25px 0 1px
-          font-size: 10px
-          img
-            vertical-align: -10%
-        a.action
-          color: black
-          text-decoration: none
-          &:hover
-            background: #eee image_url('admin/buttons_background.png') repeat-x
-            border: 1px solid #a5c9df
-            margin: 0 24px 0 0
-            +border-radius
-          &.selected
-            background: #c5e0f5
-            +linear-gradient(color_stops(#e5f5ff, #c5e0ff))
-            border: 1px solid #a5c9df
-            margin: 0 24px 0 0
-            +border-top-radius
-            +border-bottom-radius(0)
-        span.action.disabled
-          color: #ccc
+  li .attributes, tbody tr
+    .hover, &:hover
+      border-top: 1px solid #d5f0ff
+      border-bottom: 1px solid #c5dff5
+      background: #c5dff5 image_url('admin/row_highlight.png') repeat-x center top
+      +linear-gradient(color_stops(#e5f5ff, #c5dff5))
+  li .attributes, td
+    width: auto
+    height: 31px
+    line-height: 31px
+    padding: 4px 0 4px 10px
+    overflow: hidden
+    text-decoration: none
+    padding-left: 5px
+    border-top: 1px solid transparent
+    border-bottom: 1px solid #F4F4F4
+    .attribute
+      display: block
+      float: left
+      padding-right: 5px
     &.empty
       color: silver
       font-size: 85%
@@ -90,10 +78,34 @@
         &:hover
           color: #0066cc
           text-decoration: underline
-    &.actions
-      float: right
-      font-size: 85%
-      white-space: nowrap
+  li .attributes .actions
+    float: right
+  td.actions    
+    width: 225px
+  li .attributes .actions, td.actions
+    a.action, span.action.disabled
+      padding: 6px
+      margin: 0 25px 0 1px
+      font-size: 10px
+      img
+        vertical-align: -10%
+    a.action
+      color: black
+      text-decoration: none
+      &:hover
+        background: #eee image_url('admin/buttons_background.png') repeat-x
+        border: 1px solid #a5c9df
+        margin: 0 24px 0 0
+        +border-radius
+      &.selected
+        background: #c5e0f5
+        +linear-gradient(color_stops(#e5f5ff, #c5e0ff))
+        border: 1px solid #a5c9df
+        margin: 0 24px 0 0
+        +border-top-radius
+        +border-bottom-radius(0)
+    span.action.disabled
+      color: #ccc
 
 .index#pages
   .page

data/radiant-drag_order-extension.gemspec

@@ -5,7 +5,7 @@
 
 Gem::Specification.new do |s|
   s.name = %q{radiant-drag_order-extension}
-  s.version = "0.4.2"
+  s.version = "0.4.4"
 
   s.required_rubygems_version = Gem::Requirement.new(">= 0") if s.respond_to? :required_rubygems_version=
   s.authors = ["Dirk Kelly"]
@@ -33,8 +33,6 @@ Gem::Specification.new do |s|
     "lib/radiant-drag_order-extension.rb",
     "lib/tasks/drag_order_extension_tasks.rake",
     "pkg/radiant-drag_order-extension-0.3.9.gem",
-    "public/images/admin/extensions/drag_order/circle.png",
-    "public/images/admin/extensions/drag_order/copy.png",
     "public/images/admin/extensions/drag_order/handle.png",
     "public/javascripts/admin/extensions/drag_order/drag_order.js",
     "public/javascripts/admin/sitemap.js",

metadata

@@ -1,13 +1,13 @@
 --- !ruby/object:Gem::Specification 
 name: radiant-drag_order-extension
 version: !ruby/object:Gem::Version 
-  hash: 11
+  hash: 7
   prerelease: false
   segments: 
   - 0
   - 4
-  - 2
-  version: 0.4.2
+  - 4
+  version: 0.4.4
 platform: ruby
 authors: 
 - Dirk Kelly
@@ -60,8 +60,6 @@ files:
 - lib/radiant-drag_order-extension.rb
 - lib/tasks/drag_order_extension_tasks.rake
 - pkg/radiant-drag_order-extension-0.3.9.gem
-- public/images/admin/extensions/drag_order/circle.png
-- public/images/admin/extensions/drag_order/copy.png
 - public/images/admin/extensions/drag_order/handle.png
 - public/javascripts/admin/extensions/drag_order/drag_order.js
 - public/javascripts/admin/sitemap.js