releaf-content 0.2.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 6a8d9437be334b0617ec00d8c8e3e4ea14b35dc6
+  data.tar.gz: 095e4645884b45c38afb81fa0157b80454e14027
+SHA512:
+  metadata.gz: ce189035ffd84c6abdea56c57ad9d3a5d55b7074ab458d746b4faa7374b67b1e37739db42d71609b449fd1ae34c85d072cf1eeeb73c8c4da627ceb48e41980d9
+  data.tar.gz: 65a20465658ed0a1edef3723b909fe6d5522e46546dfbb321176a888428b7ed6956ee97d9ebb5141ff75cf306d938949be98f0da0057a77d725f93cfe507dca6

data/LICENSE

@@ -0,0 +1,24 @@
+Copyright (c) 2012, CubeSystems <info@cubesystems.lv>
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+    * Redistributions of source code must retain the above copyright
+      notice, this list of conditions and the following disclaimer.
+    * Redistributions in binary form must reproduce the above copyright
+      notice, this list of conditions and the following disclaimer in the
+      documentation and/or other materials provided with the distribution.
+    * Neither the name of the CubeSystems nor the names of its contributors may
+      be used to endorse or promote products derived from this software without
+      specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
+ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL CubeSystems BE LIABLE FOR ANY
+DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
+(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
+ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.

data/app/assets/javascripts/releaf/controllers/releaf/content/nodes.js

@@ -0,0 +1,88 @@
+jQuery(function()
+{
+    var body = jQuery('body.controller-releaf-content-nodes');
+
+    body.on('contentloaded', function(e)
+    {
+        var block = jQuery(e.target);
+
+        // item collapse / expand
+        block.find('.collection li .collapser').click(function()
+        {
+            var item             = jQuery(this).closest('.collection li');
+            var should_expand   = item.is('.collapsed');
+            var event_name      = should_expand ? 'nodeitemexpand' : 'nodeitemcollapse';
+
+            item.trigger(event_name);
+
+            var setting_key = 'content.tree.expanded.' + item.data('id');
+            body.trigger( 'settingssave', [ setting_key, should_expand ] );
+        });
+
+        block.find('.collection li').bind('nodeitemcollapse', function( e )
+        {
+            e.stopPropagation();
+
+            var item = jQuery(e.target);
+            item.addClass('collapsed');
+            item.children('.collapser-cell').find('.collapser i').removeClass('fa-chevron-down').addClass('fa-chevron-right');
+
+        });
+
+        block.find('.collection li').bind('nodeitemexpand', function( e )
+        {
+            e.stopPropagation();
+
+            var item = jQuery(e.target);
+            item.removeClass('collapsed');
+            item.children('.collapser-cell').find('.collapser i').removeClass('fa-chevron-right').addClass('fa-chevron-down');
+
+        });
+
+
+
+        // slug generation
+        var name_input  = block.find('.node-fields .field[data-name="name"] input');
+        var slug_field  = block.find('.node-fields .field[data-name="slug"]');
+
+        if (name_input.length && slug_field.length)
+        {
+            var slug_input  = slug_field.find('input');
+            var slug_button = slug_field.find('.generate');
+            var slug_link   = slug_field.find('a');
+
+            slug_input.on('sluggenerate', function()
+            {
+                var url = slug_input.attr('data-generator-url');
+
+                slug_button.trigger('loadingstart');
+                jQuery.get( url, { name: name_input.val() }, function( slug )
+                {
+                    slug_input.val( slug );
+                    slug_link.find('span').text( encodeURIComponent( slug ) );
+                    slug_button.trigger('loadingend');
+                }, 'text');
+            });
+
+            slug_button.click(function()
+            {
+                slug_input.trigger('sluggenerate');
+            });
+
+            if (name_input.val() === '')
+            {
+                // bind onchange slug generation only if starting out with an empty name
+                name_input.change(function()
+                {
+                    slug_input.trigger('sluggenerate');
+                });
+            }
+        }
+
+    });
+
+    body.on('click', '.dialog .node-cell label', function() {
+        jQuery('.dialog .node-cell label').removeClass('selected');
+        jQuery(this).addClass('selected');
+    });
+});

data/app/assets/stylesheets/releaf/controllers/releaf/content/nodes.scss

@@ -0,0 +1,234 @@
+@import 'releaf/environment';
+
+.controller-releaf-content-nodes
+{
+    main > section:not(.dialog) > .body:not(.empty)
+    {
+        border-bottom: none;
+    }
+
+    .collection
+    {
+        ul
+        {
+            @include block-list;
+        }
+
+        .collapsed ul
+        {
+            display: none;
+        }
+
+        li
+        {
+            @include clear-inside;
+        }
+
+        .collapser-cell
+        {
+            float: left;
+        }
+
+        .toolbox-cell
+        {
+            border-left: 1px solid $color-border-normal;
+            float: right;
+        }
+
+        .collapser-cell,
+        .toolbox-cell
+        {
+            .trigger
+            {
+                background: transparent;
+            }
+        }
+
+        .node-cell
+        {
+            border-bottom: 1px solid $color-border-normal;
+
+            .trigger
+            {
+                display: block;
+                color: $color-text-lightest;
+                text-decoration: none;
+                padding: steps(0.5) steps(3);
+                font-weight: bold;
+
+                &.selected,
+                &:hover
+                {
+                    background: $color-highlight-lightest;
+                }
+
+                span
+                {
+                    position: relative;
+                }
+            }
+
+            &.active .trigger
+            {
+                color: $color-text-normal;
+            }
+
+            span
+            {
+                margin-left: 0;
+                display: inline-block;
+            }
+
+            input[type="radio"]
+            {
+                display: none;
+            }
+
+        }
+
+        // nested item indentation
+        @for $i from 1 through 10
+        {
+            li[data-level="#{$i}"]
+            {
+                & > .collapser-cell
+                {
+                    $previous: $i - 1;
+                    position: absolute;
+                    left: $previous * steps(2);
+                }
+
+                & > .node-cell span
+                {
+                    margin-left: ($i - 1) * steps(2);
+                }
+            }
+        }
+
+        .nothing-found
+        {
+            padding: steps(0.5) steps(2);
+        }
+    }
+
+    main .collection li ul ul
+    {
+        background: $color-background-normal;
+    }
+
+    .dialog .collection > ul li
+    {
+        position: relative;
+    }
+
+
+    &.view-index > main > section
+    {
+        display: inline-block;
+        min-width: steps(40);
+    }
+
+
+    .dialog
+    {
+        width: steps(40);
+
+        &.content-type
+        {
+            &[data-columns="1"]
+            {
+                width: steps(24);
+            }
+
+            .body
+            {
+                padding: steps(2) steps(3);
+                text-align: center;
+
+                .description
+                {
+                    padding: 0 0 steps(2) 0;
+                }
+
+                ul
+                {
+                    width: steps(18);
+                    margin-left: steps(2);
+                    float: left;
+                }
+            }
+
+            .content-types
+            {
+                @include clear-inside;
+
+                ul
+                {
+                    @include block-list;
+
+                    li
+                    {
+                        margin-bottom: steps(1);
+                    }
+                }
+            }
+        }
+
+        &:not(.content-type)
+        {
+            .body
+            {
+                height: steps(24);
+                overflow-y: auto;
+            }
+        }
+    }
+
+    &.view-edit
+    {
+        .node-fields
+        {
+            @include clear-inside;
+
+            background: $color-background-lighter;
+
+            .field[data-name="slug"]
+            {
+                .button.generate
+                {
+                    position: absolute;
+                    right: 0;
+                    top: 0;
+                }
+
+                input[type="text"]
+                {
+                    padding-right: steps(4);
+                }
+
+                .link
+                {
+                    padding: steps(0.5) 0;
+                    span
+                    {
+                        color: $color-text-normal;
+                    }
+                }
+            }
+
+            .field[data-name="active"]
+            {
+                min-height: initial;
+                clear: both;
+
+                .value
+                {
+                    padding-top: initial;
+                }
+            }
+
+        }
+
+    }
+}
+

data/app/builders/releaf/content/builders/action_dialog.rb

@@ -0,0 +1,60 @@
+module Releaf::Content::Builders
+  module ActionDialog
+    include Releaf::Content::Builders::Dialog
+
+    def form_attributes
+      {
+        method: :post,
+        data: {
+          "remote" => true,
+          "remote-validation" => true,
+          "type" => :json
+        }
+      }
+    end
+
+    def root_level
+      tag(:ul, "data-level" => 0) do
+        tag(:li, class: "root") do
+          [tree_root_resource, super]
+        end
+      end
+    end
+
+    def tree_root_resource
+      field_id = "new_parent_id_0"
+      tag(:div, class: "node-cell") do
+        [radio_button_tag(:new_parent_id, '', false, id: 'new_parent_id_0'),
+           tag(:label, t("Root node"), class: "trigger", for: field_id)]
+      end
+    end
+
+    def tree_resource_name_button(resource)
+      field_id = "new_parent_id_#{resource.id}"
+
+      [radio_button_tag(:new_parent_id, resource.id, false, id: field_id),
+         tag(:label, tag(:span, resource.name), class: "trigger", for: field_id)]
+    end
+
+    def section_blocks
+      form_tag(url_for(action: action, id: resource.id), form_attributes) do
+        safe_join do
+          super
+        end
+      end
+    end
+
+    def section_header_text
+      message = "#{action.capitalize} node '%{node_name}' to"
+      t(message, default: message, node_name: resource.name )
+    end
+
+    def footer_primary_tools
+      super << confirm_button
+    end
+
+    def confirm_button
+      button(t(action), "check", class: "primary", type: "submit", data: { type: 'ok', disable: true })
+    end
+  end
+end

data/app/builders/releaf/content/builders/dialog.rb

@@ -0,0 +1,15 @@
+module Releaf::Content::Builders
+  module Dialog
+    include Releaf::Builders::ResourceDialog
+    include Releaf::Builders::Collection
+    include Releaf::Content::Builders::Tree
+
+    def footer_primary_tools
+      [cancel_button]
+    end
+
+    def cancel_button
+      button(t('Cancel'), "ban", class: "secondary", data: {type: 'cancel'}, href: url_for( action: 'index' ))
+    end
+  end
+end

data/app/builders/releaf/content/builders/tree.rb

@@ -0,0 +1,84 @@
+module Releaf::Content::Builders
+  module Tree
+    def section_body
+      tag(:div, class: body_classes) do
+        tree
+      end
+    end
+
+    def body_classes
+      classes = [:body]
+      classes << :empty if collection.size < 1
+      classes
+    end
+
+    def tree
+      tag(:div, class: "collection") do
+        root_level
+      end
+    end
+
+    def root_level
+      return empty_body if collection.size < 1
+      tree_level(collection, 1)
+    end
+
+    def empty_body
+      tag(:div, class: "nothing-found") do
+        t("Nothing found")
+      end
+    end
+
+    def tree_level(list, level)
+      tag(:ul, "data-level" => level) do
+        list.collect do |resource|
+          tree_resource(resource, level)
+        end
+      end
+    end
+
+    def tree_resource(resource, level)
+      expanded = (layout_settings("content.tree.expanded.#{resource.id}") == true)
+      classes = []
+      classes << 'collapsed' unless expanded
+      classes << 'has-children' unless resource.children.empty?
+
+      tag(:li, class: classes, data: {level: level, id: resource.id}) do
+        tree_resource_blocks(resource, level, expanded)
+      end
+    end
+
+    def tree_resource_blocks(resource, level, expanded)
+      [tree_resource_collapser(resource, expanded),
+       tree_resource_name(resource), tree_resource_children(resource, level)]
+    end
+
+    def tree_resource_collapser(resource, expanded)
+      return if resource.children.empty?
+      tag(:div, class: "collapser-cell") do
+        button(nil, (expanded ? 'chevron-down' : 'chevron-right'), class: %w(secondary collapser trigger), title: t(expanded ? "collapse" : "expand"))
+      end
+    end
+
+    def tree_resource_children(resource, level)
+      return if resource.children.empty?
+      tree_level(resource.children, level + 1)
+    end
+
+    def tree_resource_name(resource)
+      classes = ["node-cell"]
+      classes << "active" if resource.active?
+
+      tag(:div, class: classes) do
+        tree_resource_name_button(resource)
+      end
+    end
+
+    def tree_resource_name_button(resource)
+      title = resource.content_id.present? ? "#{resource.content_type} ##{resource.content_id}" : resource.content_type
+      tag(:a, class: "trigger", href: url_for(action: "edit", id: resource.id), title: title) do
+        tag(:span, resource.name)
+      end
+    end
+  end
+end