releaf-core 0.2.1

data/app/assets/javascripts/releaf/include/search.js

@@ -0,0 +1,140 @@
+/* global UrlBuilder */
+
+jQuery(function () {
+    'use strict';
+
+    var body = jQuery('body');
+
+    body.on('searchinit', 'form', function (e) {
+        var request;
+        var timeout;
+        var form = jQuery(e.target);
+        var all_selector = 'input, select';
+
+        // Set up options.
+        var options = form.data('search-options');
+        var defaults = {
+            result_blocks: {
+                main_section: {
+                    result_selector : 'section',
+                    target : 'main > section:first'
+                }
+            },
+            rebind: false
+        };
+
+        options = jQuery.extend(true, defaults, options);
+
+        var elements = {
+            inputs: jQuery(),
+            submit: jQuery()
+        };
+
+        var collect_all_elements = function () {
+            elements.inputs = jQuery(all_selector);
+            elements.submit = form.find('button[type="submit"]');
+        };
+
+        var set_previous_values = function () {
+            elements.inputs.each(function () {
+                var input = jQuery(this);
+                input.data('previous-value', get_current_value(input));
+            });
+        };
+
+        var get_current_value = function(input) {
+            if (input.is('input[type="checkbox"]:not(:checked)')) {
+                return '';
+            } else if(!(input.is('input[type="checkbox"]:checked'))) {
+                return input.val();
+            } else {
+                return (input.val() || '');
+            }
+        };
+
+        var start_search = function () {
+            // Cancel previous timeout.
+            clearTimeout(timeout);
+
+            // Store previous values for all inputs.
+            set_previous_values();
+
+            // Cancel previous unfinished request.
+            if (request) {
+                request.abort();
+            }
+
+            timeout = setTimeout(function () {
+                elements.submit.trigger('loadingstart');
+
+                // Construct url.
+                var form_url = form.attr('action');
+                var url = new UrlBuilder({ baseUrl: form_url });
+                url.add(form.serializeArray());
+
+                if ('replaceState' in window.history) {
+                    window.history.replaceState(window.history.state, window.title, url.getUrl());
+                }
+
+                url.add({ ajax: 1 });
+
+                // Send request.
+                request = jQuery.ajax({
+                    url: url.getUrl(),
+                    success: function (response) {
+                        form.trigger('searchresponse', response);
+                        form.trigger('searchend');
+                    }
+                });
+            }, 200);
+        };
+
+        var stop_search = function () {
+            elements.submit.trigger('loadingend');
+        };
+
+        var start_search_if_value_changed = function () {
+            var input = jQuery(this);
+
+            if (get_current_value(input) === input.data('previous-value'))
+            {
+                return;
+            }
+
+            form.trigger('searchstart');
+        };
+
+
+        form.on('searchresponse', function (e, response) {
+            response = jQuery('<div />').append(response);
+
+            // For each result block find its content in response and copy it
+            // to its target container.
+
+            for (var key in options.result_blocks)
+            {
+                if (options.result_blocks.hasOwnProperty(key))
+                {
+                    var block = options.result_blocks[key];
+                    var content = response.find(block.result_selector).first().html();
+
+                    jQuery(block.target).html(content);
+                    jQuery(block.target).trigger('contentloaded');
+                }
+            }
+
+            if (options.rebind) {
+                collect_all_elements();
+            }
+        });
+
+        form.on('change keyup', all_selector, start_search_if_value_changed);
+        form.on('searchstart', start_search);
+        form.on('searchend', stop_search);
+
+        collect_all_elements();
+        set_previous_values();
+    });
+
+    jQuery('.view-index form.search').trigger('searchinit');
+});

data/app/assets/javascripts/releaf/include/sidebar.js

@@ -0,0 +1,149 @@
+jQuery(function(){
+
+    var body = jQuery('body');
+
+    var side_compact_overlay = jQuery('<div />').addClass('side-compact-overlay').appendTo(body);
+    side_compact_overlay.bind('click', function()
+    {
+        body.trigger('sidecompactcloseall');
+    });
+
+    var first_level_side_items = jQuery();
+
+    body.on('sidecompactcloseall', function()
+    {
+        first_level_side_items.filter('.open').trigger('sidecompactitemclose');
+    });
+
+    body.on('sidecompactchange', function()
+    {
+        first_level_side_items.trigger('collapsericonupdate');
+    });
+
+    body.on('contentloaded', function(e)
+    {
+        var header = jQuery(e.target).find('header').addBack().filter('body > header');
+        if (header.length < 1)
+        {
+            return;
+        }
+
+        header.on('click', function()
+        {
+            // add additional trigger on header to close opened compact submenu
+            // because header is above the side compact overlay
+            if (!body.hasClass('side-compact') || first_level_side_items.filter('.open').length < 1)
+            {
+                return;
+            }
+
+            body.trigger('sidecompactcloseall');
+            return false;
+        });
+    });
+
+    body.on('contentloaded', function(e)
+    {
+        var sidebar = jQuery(e.target).find('aside').addBack().filter('body > aside');
+        if (sidebar.length < 1)
+        {
+            return;
+        }
+
+        first_level_side_items = sidebar.find('nav > ul > li');
+
+        first_level_side_items.on('sidecompactitemopen', function()
+        {
+            body.trigger('sidecompactcloseall');
+            jQuery(this).addClass('open');
+            side_compact_overlay.show();
+        });
+
+        first_level_side_items.on('sidecompactitemclose', function()
+        {
+            jQuery(this).removeClass('open');
+            side_compact_overlay.hide();
+        });
+
+        first_level_side_items.on('sidecompacttoggle', function()
+        {
+            var item   = jQuery(this);
+            var event = (item.is('.open')) ? 'sidecompactitemclose' : 'sidecompactitemopen';
+            item.trigger( event );
+        });
+
+        first_level_side_items.on('collapsericonupdate', function()
+        {
+            var item = jQuery(this);
+            var collapsed = item.hasClass('collapsed');
+            var compact = body.hasClass('side-compact');
+            var collapser_icon = item.find('.collapser i');
+
+            collapser_icon.toggleClass('fa-chevron-down',  !compact && collapsed);
+            collapser_icon.toggleClass('fa-chevron-up',    !compact && !collapsed);
+            collapser_icon.toggleClass('fa-chevron-right', compact);
+        });
+
+        sidebar.find('.compacter button').on('click', function()
+        {
+            var button = jQuery(this);
+            var icon = button.find('i').first();
+            var title_attribute;
+
+            if (body.hasClass('side-compact'))
+            {
+                body.trigger('sidecompactcloseall');
+                body.trigger( 'settingssave', [ "releaf.side.compact", false ] );
+                body.removeClass('side-compact');
+                icon.addClass('fa-angle-double-left').removeClass('fa-angle-double-right');
+                title_attribute = 'title-collapse';
+            }
+            else
+            {
+                body.trigger( 'settingssave', [ "releaf.side.compact", true ] );
+                body.addClass('side-compact');
+                icon.addClass('fa-angle-double-right').removeClass('fa-angle-double-left');
+                title_attribute = 'title-expand';
+            }
+            button.attr('title', button.data(title_attribute));
+            body.trigger('sidecompactchange');
+        });
+
+        body.trigger('sidecompactchange');
+
+        sidebar.find('> nav .collapser button').on('click', function(e)
+        {
+            if (body.hasClass('side-compact'))
+            {
+                return; // allow click to bubble up to trigger
+            }
+
+            var item = jQuery(this).closest('li');
+            e.stopPropagation();
+            item.toggleClass('collapsed');
+            jQuery(this).blur();
+
+            item.trigger('collapsericonupdate');
+
+            var collapsed = item.hasClass('collapsed');
+
+            var setting_key = 'releaf.menu.collapsed.' + item.data('name');
+            body.trigger( 'settingssave', [ setting_key, collapsed ]  );
+
+        });
+
+        sidebar.find('> nav span.trigger').click(function()
+        {
+            if (body.hasClass('side-compact'))
+            {
+                var item  = jQuery(this).closest('li');
+                item.trigger('sidecompacttoggle');
+            }
+            else
+            {
+                jQuery(this).find('.collapser button').trigger('click');
+            }
+        });
+
+    });
+});

data/app/assets/javascripts/releaf/include/sortable.js

@@ -0,0 +1,69 @@
+jQuery(document).ready(function()
+{
+    var body = jQuery('body');
+
+    body.on('sortableinit', function(e)
+    {
+        var target = jQuery(e.target);
+        if (!target.is('[data-sortable]'))
+        {
+            target = target.find('[data-sortable]');
+        }
+
+        target.each(function()
+        {
+            var list =  jQuery(this);
+            if (list.is('.ui-sortable'))
+            {
+                return; // already initialized
+            }
+
+            list.sortable({
+                cursor: "move",
+                delay: 150,
+                distance: 5,
+                forcePlaceholderSize : true,
+                handle: '> .handle',
+                items: "> .item",
+                scroll: true,
+                start: function(e, ui){
+                    ui.item.trigger('sortablestart');
+                },
+                stop: function(e,ui) {
+                    ui.item.trigger('sortablestop');
+                },
+                update: function( event, ui )
+                {
+                    ui.item.trigger('sortableupdate');
+                },
+            });
+
+            list.on('sortablereindex', function()
+            {
+                list.find('> .item:visible > input[type="hidden"].item-position').each(function(i)
+                {
+                    jQuery(this).attr('value', i);
+                });
+            });
+
+            list.on('sortableupdate contentloaded contentremoved', function()
+            {
+                // item dragged to a new position
+                // or
+                // new content loaded or removed somewhere inside the list (possibly item added/removed)
+
+                list.trigger('sortablereindex');
+            });
+
+            list.trigger('sortablereindex');
+        });
+
+    });
+
+    body.on('contentloaded', function(e, event_params)
+    {
+        jQuery(e.target).trigger('sortableinit', event_params);
+    });
+
+
+});

data/app/assets/javascripts/releaf/include/toolbox.js

@@ -0,0 +1,221 @@
+/* global UrlBuilder */
+
+jQuery(function()
+{
+    var body = jQuery('body');
+    var xhr;
+
+    var overlay = jQuery('<div />').addClass('toolbox-overlay').appendTo(body);
+    overlay.bind('click', function()
+    {
+        body.trigger('toolboxcloseall');
+    });
+
+    body.bind('toolboxinit', function(e)
+    {
+        var target = jQuery(e.target);
+
+        e.stopPropagation();
+
+        var toolboxes;
+        if (target.is('.toolbox'))
+        {
+            toolboxes = target;
+        }
+        else
+        {
+            toolboxes = target.find('.toolbox');
+        }
+
+        if (toolboxes.length < 1)
+        {
+            return;
+        }
+
+        toolboxes.bind('toolboxopen', function()
+        {
+            var toolbox   = jQuery(this);
+
+            // close all other open toolboxes
+            body.trigger('toolboxcloseall');
+
+            if (xhr)
+            {
+                xhr.abort();
+            }
+
+            if (toolbox.data("url")) {
+                var url = new UrlBuilder( toolbox.data("url") ).add( { ajax: 1 } ).getUrl();
+                xhr = jQuery.ajax(
+                {
+                    url: url,
+                    type: 'get',
+                    success: function( data )
+                    {
+                        toolbox.trigger('toolboxbuild', data);
+                    }
+                });
+            }
+            else
+            {
+                toolbox.trigger('toolboxbuild');
+            }
+
+            return;
+        });
+
+        toolboxes.bind('toolboxbuild', function(e, data)
+        {
+            var toolbox = jQuery( this );
+            var menu = toolbox.data('toolbox-menu');
+            var items_container = toolbox.find('.toolbox-items ul');
+
+            toolbox.attr('data-toolbox-open', true);
+            menu.appendTo( body );
+            toolbox.trigger('toolboxposition');
+
+            overlay.show();
+
+            menu.show();
+
+            if( data !== undefined)
+            {
+                items_container.html(data);
+            }
+            items_container.trigger('contentloaded');
+        });
+
+        toolboxes.bind('toolboxclose', function()
+        {
+            var toolbox   = jQuery(this);
+
+            var menu = toolbox.data('toolbox-menu');
+
+            menu.hide().appendTo( toolbox );
+
+            overlay.hide();
+
+            toolbox.removeAttr('data-toolbox-open');
+
+            return;
+        });
+
+        toolboxes.bind('toolboxtoggle', function()
+        {
+            var toolbox   = jQuery(this);
+            var event = (toolbox.attr('data-toolbox-open')) ? 'toolboxclose' : 'toolboxopen';
+            toolbox.trigger( event );
+        });
+
+        toolboxes.bind('toolboxposition', function()
+        {
+            var toolbox   = jQuery(this);
+            if (!toolbox.attr('data-toolbox-open'))
+            {
+                return;
+            }
+
+            var menu = toolbox.data('toolbox-menu');
+
+            var trigger        = toolbox.find('.trigger');
+            var triggerOffset  = trigger.offset();
+
+            var triggerCenterX = triggerOffset.left + (trigger.outerWidth() / 2);
+
+            var menuWidth   = menu.outerWidth();
+            var openToRight = ((jQuery(document).width() - triggerCenterX - menuWidth - 50) > 0);
+
+            var beak = menu.children('i').first();
+
+            if (openToRight)
+            {
+                menu.css
+                ({
+                    left:  triggerCenterX - 23,
+                    top :  triggerOffset.top  + trigger.outerHeight(),
+                });
+                beak.css(
+                {
+                    left : 18
+                });
+            }
+            else
+            {
+                menu.css
+                ({
+                    left:  triggerCenterX - menuWidth + 20,
+                    top :  triggerOffset.top  + trigger.outerHeight(),
+                });
+                beak.css(
+                {
+                    left : menuWidth - 24,
+                });
+            }
+
+        });
+
+        toolboxes.find('.trigger').click(function()
+        {
+            jQuery(this).closest('.toolbox').trigger('toolboxtoggle');
+        });
+
+
+        toolboxes.find('.toolbox-items ul').on('contentloaded', function(e){
+            var container = jQuery(e.target);
+            var toolbox = container.data("toolbox");
+            var trigger = toolbox.find('.trigger');
+
+            var items = container.find('li');
+            var buttons = items.find('.button');
+
+            buttons.click(function()
+            {
+                toolbox.trigger('toolboxclose');
+            });
+
+            // forward loader events from item buttons to main toolbox trigger
+            buttons.on('loadingstart', function()
+            {
+                trigger.trigger('loadingstart');
+            });
+
+            buttons.on('loadingend', function()
+            {
+                trigger.trigger('loadingend');
+            });
+        });
+
+
+        toolboxes.each(function()
+        {
+            var toolbox = jQuery(this);
+
+            var menu = toolbox.find('menu').first();
+            toolbox.data('toolbox-menu', menu);
+
+            var items_container = toolbox.find('.toolbox-items ul');
+            items_container.data('toolbox', toolbox);
+
+            toolbox.addClass('initialized');
+        });
+
+    });
+
+    jQuery(window).bind('resize', function()
+    {
+        jQuery('.toolbox[data-toolbox-open]').trigger('toolboxposition');
+    });
+
+    body.bind('toolboxcloseall', function()
+    {
+        body.find('.toolbox[data-toolbox-open]').trigger('toolboxclose');
+    });
+
+
+    // attach toolboxinit to all loaded content
+    body.on('contentloaded', function(e)
+    {
+        jQuery(e.target).trigger('toolboxinit');
+    });
+
+});