the_sortable_tree 1.9.4 → 2.0.0

data/app/assets/javascripts/comments/base.js.coffee

@@ -1,46 +0,0 @@
-$ ->
-  class @CommentsTreeInit
-    # SELECTORS
-    reply_links:      $('.comments_tree .comment .reply')
-    skip_link:        $('.comments_tree .new_comment .skip')
-    new_comment_form: $('.comments_tree form.new_comment')
-    parent_input:     $(".comments_tree form.new_comment input[name='comment[parent_id]']")
-
-    constructor: ->
-
-      @reply_links.click (event) =>
-        # GET DATA
-        link         = $ event.target
-        comment      = link.parents('.comment')
-        title        = comment.find('.title .main')
-        hidden_field = comment.find('input:hidden')
-        parent_id    = hidden_field.val()
-
-        form         = @new_comment_form
-        for_block    = form.find('.for')
-        name_field   = for_block.find('i')
-
-        # SET DATA
-        name_field.html   title.html()
-        @parent_input.val parent_id 
-
-        # SHOW and JUMP
-        for_block.show()
-        window.location.hash = '#new_comment'
-
-        false
-
-      @skip_link.click (event) =>
-        link       = $ event.target
-        form       = @new_comment_form
-        for_block  = form.find('.for')
-        name_field = for_block.find('i')
-
-        name_field.html   ''
-        @parent_input.val ''
-
-        for_block.hide()
-
-        false
-
-  new @CommentsTreeInit

data/app/assets/javascripts/sortable/base.js.coffee

@@ -1,47 +0,0 @@
-class @TheSortableTree
-  max_levels  = 3
-  rebuild_url = '/'
-
-  init: ->
-    $('ol.sortable').nestedSortable
-      disableNesting: 'no-nest'
-      forcePlaceholderSize: true
-      handle: 'i.handle'
-      helper: 'clone'
-      items:  'li'
-      maxLevels: @max_levels
-      opacity: .6
-      placeholder: 'placeholder'
-      revert: 250
-      tabSize: 25
-      tolerance: 'pointer'
-      toleranceElement: '> div'
-
-    $('ol.sortable').sortable
-      update: (event, ui) =>
-        parent_id = ui.item.parent().parent().attr('id')
-        item_id   = ui.item.attr('id')
-        prev_id   = ui.item.prev().attr('id')
-        next_id   = ui.item.next().attr('id')
-
-        @rebuild item_id, parent_id, prev_id, next_id
-
-  rebuild: (item_id, parent_id, prev_id, next_id) =>
-    $.ajax
-      type:       'POST'
-      dataType:   'script'
-      url:        @rebuild_url
-      data:
-        id:        item_id
-        parent_id: parent_id
-        prev_id:   prev_id
-        next_id:   next_id
-
-      beforeSend: (xhr) ->
-        $('.nested_set i.handle').hide()
-
-      success: (data, status, xhr) -> 
-        $('.nested_set i.handle').show()
-
-      error: (xhr, status, error) ->
-        alert error

data/app/assets/stylesheets/comments_tree.css.scss

@@ -1,84 +0,0 @@
-.comments_tree{
-  * {
-    margin: 0; padding: 0;
-    list-style:none;
-  }
-
-  .new_comment{
-    padding: 10px;
-    margin-bottom: 10px;
-    border: 1px solid Blue;
-    border-radius: 5px;
-    p{
-      margin-bottom: 10px;
-    }
-    input[type=text], textarea{
-      border: 1px solid Grey;
-      border-left: 2px solid Grey;
-      width: 90%;
-    }
-  }
-
-  .nested_set{
-    margin-bottom: 25px;
-  }
-
-  ol{
-
-    margin: 0;
-    padding: 0;
-    list-style:none;
-
-    &.nested_set {
-      list-style:none;
-      font-size: 16px;
-
-      li{
-        font-size: 0.95em;
-        line-height: 130%;
-        margin-bottom: 5px;
-        list-style:none;
-        list-style-position: outside;
-
-        .comment{
-          border: 1px solid LightGray;
-          border-radius: 4px;
-          padding: 10px;
-          
-          .title, .contacts{
-            margin-bottom: 5px;
-          }
-
-          .title{
-            color: blue;
-            .reply a{
-              font-size: 0.9em;
-              font-family: Arial;
-              color: green;
-              text-decoration: none;
-              &:hover{ text-decoration: underline; }
-            }
-          }
-          .contacts{
-            font-style: italic;
-          }
-          .content{
-            background: LightGray;
-            border-radius: 2px;
-            font-family: Arial;
-            padding: 5px;
-          }
-        }
-      }
-
-      ol{
-        border-left: 1px dashed LightGreen;
-        padding-left: 10px;
-        margin-left: 15px;
-        margin-top: 5px;
-
-        li{ font-weight: normal; }
-      }
-    }
-  }
-}

data/app/assets/stylesheets/sortable.css.scss

@@ -1,106 +0,0 @@
-.sortable{
-  * {
-    margin: 0; padding: 0;
-    list-style: none;
-  }
-
-  .nested_set_new_image{
-    vertical-align: middle;
-    border: none;
-  }
-
-  .nested_set_new{
-    margin: 25px 0;
-    a{ font-size: 14pt }
-  }
-
-  .nested_set{
-    margin: 0; padding: 0;
-    list-style: none;
-    font-size: 16px;
-
-    a{
-      color: #000;
-      font-size: 10pt;
-      font-weight: normal;
-      text-decoration: none;
-      line-height: 150%;
-      margin-left: 30px;
-      margin-right: 120px;
-      display: block;
-
-      &:hover{
-        color: #2476FF;
-        text-decoration: none;
-      }
-
-      img{
-        float: left
-      }
-    }
-
-    ol{
-      margin: 0 0 0 25px;
-      border-left: 1px dashed gray;
-      li{ margin-bottom: 5px; }
-    }
-
-    .root{
-      a{ font-weight: bold; }
-    }
-    .handle{
-      width: 16px;
-      height: 16px;
-      float: left;
-      cursor: move;
-      background: transparent url(/assets/iconza/blue/move.png) no-repeat scroll center center;
-    }
-    .link{
-      position: relative;
-      overflow: hidden;
-      zoom: 1;
-      padding: 5px;
-      margin: 0 0 5px 5px;
-      background: #EFEFEF;
-      border-radius: 5px;
-      &:hover{
-        background: #FEE;
-      }
-    }
-    .controls{
-      position: absolute;
-      top: 5px; right: 10px;
-    }
-    .button{
-      width: 20px;
-      height: 20px;
-      display: block;
-      float: left;
-      margin: 0 0 0 3px;
-      cursor: pointer;
-
-      &.new{
-        background: transparent url(/assets/iconza/blue/add.png) no-repeat scroll center center;
-        &:hover{ background: transparent url(/assets/iconza/red/add.png) no-repeat scroll center center }
-      }
-      &.edit{
-        background: transparent url(/assets/iconza/blue/edit.png) no-repeat scroll center center;
-        &:hover{ background: transparent url(/assets/iconza/red/edit.png) no-repeat scroll center center }
-      }
-      &.delete{
-        background: transparent url(/assets/iconza/blue/delete.png) no-repeat scroll center center;
-        &:hover{ background: transparent url(/assets/iconza/red/delete.png) no-repeat scroll center center }
-      }
-      &.undeleted{ background: transparent url(/assets/iconza/gray/delete.png) no-repeat scroll center center  }
-    }
-
-    .placeholder {
-      background-color: #EEF;
-      border: 1px dashed blue;
-    }
-    .ui-nestedSortable-error {
-      background: #FAA;
-      color: #8a1f11;
-    }
-  }
-}

data/app/views/comments/base/_children.html.haml

@@ -1 +0,0 @@
-= content_tag :ol, raw(children)

data/app/views/comments/base/_comment.html.haml

@@ -1,8 +0,0 @@
-.comment
-  = hidden_field :comment, :id, :value => node.send(opts[:node_id]), :id => nil
-  .title
-    %span.main= node.send opts[:title]
-    - if opts[:level] <= opts[:max_levels]
-      %span.reply= link_to t('.reply'), '#'
-  .contacts= node.send opts[:contacts_field]
-  .content=  raw node.send opts[:content_field]

data/app/views/comments/base/_new_comment_form.html.haml

@@ -1,18 +0,0 @@
-= form_for Comment.new, :class => :new_comment do |f|
-  = f.hidden_field :parent_id
-
-  %label= t('.title')
-  %p= f.text_field opts[:title]
-
-  %label= t('.contacts')
-  %p= f.text_field opts[:contacts_field]
-
-  %label
-    = t('.content')
-    %span.for{ :style => 'display:none' }
-      = t('.for')
-      %i Undefined
-      = link_to t('.skip'), '#', :class => :skip
-  %p= f.text_area opts[:raw_content_field]
-
-  %div= f.submit t('.submit')

data/app/views/comments/base/_node.html.haml

@@ -1,3 +0,0 @@
-%li
-  = raw render(:partial => "#{opts[:path]}/comment", :locals => {:opts => opts, :root => root, :node => node})
-  = render(:partial => "#{opts[:path]}/children", :locals => {:opts => opts, :parent => node, :children => children}) unless children.blank?

data/app/views/comments/base/_tree.html.haml

@@ -1,5 +0,0 @@
-.comments_tree
-  - unless tree.empty?
-    %ol.nested_set= raw tree
-
-  = raw render(:partial => "#{opts[:path]}/new_comment_form", :locals => {:opts => opts})

data/app/views/sortable/base/_children.html.haml

@@ -1 +0,0 @@
-= content_tag :ol, raw(children)

data/app/views/sortable/base/_controls.html.haml

@@ -1,16 +0,0 @@
--# EDIT
-- edit = link_to '', polymorphic_url(opts[:namespace] + [node], :action => :edit), :title => t('.edit_this'), :class => 'button edit'
--# DELETE
-- if opts[:has_children]
-  - delete   = link_to('', url_for(opts[:namespace] + [node]),
-    :title   => t('.delete'),
-    :method  => :delete,
-    :data    => { :confirm  => t('.delete_confirm') },
-    :class   => 'button delete')
-- else
-  - delete   = link_to('', '#',
-    :title   => t('.cant_be_deleted'),
-    :onclick => "alert('#{t('.delete_nested_elements')}')",
-    :class   => 'button undeleted')
--# OUTPUT
-= edit + delete

data/app/views/sortable/base/_link.html.haml

@@ -1,7 +0,0 @@
-- title     = node.send opts[:title]
-- handle    = content_tag :i, '', :class => :handle
-- link      = link_to(title, url_for(opts[:namespace] + [node]), :title => title)
-- controls  = render(:partial  =>  "#{opts[:path]}/controls", :locals  =>  { :node => node, :opts => opts })
-- controls  = content_tag(:b, controls, :class => :controls)
-- element   = handle + controls + link
-%div{ :class => "link#{' root' if root}" }= element

data/app/views/sortable/base/_new.html.haml

@@ -1,3 +0,0 @@
-- image = image_tag('iconza/blue/add.png', :class => :nested_set_new_image) + ' '
-- link  = link_to(image + t('.create'), opts[:new_url])
-.nested_set_new= link

data/app/views/sortable/base/_node.html.haml

@@ -1,3 +0,0 @@
-%li{ :id => "#{node.send(opts[:id])}_#{opts[:klass]}" }
-  = raw render(:partial => "#{opts[:path]}/link", :locals => {:opts => opts, :root => root, :node => node})
-  = render(:partial => "#{opts[:path]}/children", :locals => {:opts => opts, :parent => node, :children => children}) unless children.blank?

data/app/views/sortable/base/_tree.html.haml

@@ -1,12 +0,0 @@
-.sortable
-  = render :partial => "#{opts[:path]}/new", :locals => { :opts => opts }
-  - unless tree.empty?
-    :javascript
-      $(function() {
-        sortable             = new TheSortableTree;
-        sortable.max_levels  = #{opts[:max_levels]};
-        sortable.rebuild_url = "#{url_for(:controller => opts[:klass].pluralize, :action => :rebuild)}";
-        sortable.init()
-      })
-
-    %ol.ui-sortable.sortable.nested_set{ :id => "#{opts[:klass]}_nested_set" }= raw tree

data/app/views/tree/base/_children.html.haml

@@ -1 +0,0 @@
-= content_tag :ol, raw(children)

data/app/views/tree/base/_link.html.haml

@@ -1 +0,0 @@
-= link_to node.send(opts[:title]), url_for(opts[:namespace] + [node]), :title => node.send(opts[:title])

data/app/views/tree/base/_node.html.haml

@@ -1,3 +0,0 @@
-%li
-  = raw render(:partial => "#{opts[:path]}/link", :locals => {:opts => opts, :root => root, :node => node})
-  = render(:partial => "#{opts[:path]}/children", :locals => {:opts => opts, :parent => node, :children => children}) unless children.blank?

data/app/views/tree/base/_tree.html.haml

@@ -1,3 +0,0 @@
-.tree
-  - unless tree.empty?
-    %ol.nested_set= raw tree