browsercms 3.3.4 → 3.4.0.rc1

data/app/assets/javascripts/cms/application.js

@@ -0,0 +1,11 @@
+//
+//  Javascript librarys required for the Admin area of the CMS.
+//
+//= require jquery
+//= require jquery-ui
+//= require jquery.cookie
+//= require jquery.selectbox
+//= require jquery.taglist
+//= require cms/core_library
+//
+

data/app/assets/javascripts/cms/content_library.js

@@ -0,0 +1,102 @@
+jQuery(function($) {
+
+    //----- Helper Functions -----------------------------------------------------
+    //In all of this code, we are defining functions that we use later
+    //None of this actually manipulates the DOM in any way
+
+    //This is used to get the id part of an elementId
+    //For example, if you have section_node_5, 
+    //you pass this 'section_node_5', 'section_node' 
+    //and this returns 5
+    var getId = function(elementId, s) {
+        return elementId.replace(s, '')
+    }
+
+
+    var nodeOnDoubleClick = function() {
+        if ($('#edit_button').hasClass('disabled')) {
+            //$('#view_button').click()
+            location.href = $('#view_button')[0].href
+        } else {
+            //$('#edit_button').click()
+            location.href = $('#edit_button')[0].href
+        }
+    }
+
+    var addNodeOnDoubleClick = function() {
+        $('#blocks tr').dblclick(nodeOnDoubleClick)
+    }
+
+    //----- Init -----------------------------------------------------------------
+    //In other words, stuff that happens when the page loads
+    //This is where we actually manipulate the DOM, fire events, etc.
+
+    addNodeOnDoubleClick()
+
+});
+
+// Makes the toolbar for the Content table correctly work based on the selected row.
+//  I.e. Select a row, the 'View' button becomes active and the URL goes to the right path.
+//
+//  Any element with class='cms-content-table' will have this applied to it.
+(function($) {
+    $.fn.cmsContentToolbar = function() {
+
+        var content_type = this.data('content_type')
+        var is_versioned = this.data('versioned')
+        var can_publish = this.data('can_publish')
+        var plural_title = this.data('plural_title')
+
+        $('table.data tbody tr').hover(
+            function() {
+                $(this).addClass('hover')
+            },
+            function() {
+                $(this).removeClass('hover')
+            }).click(function() {
+                var view_path = $(this).data('view_path');
+                var edit_path = $(this).data('edit_path');
+                var delete_path = $(this).data('delete_path');
+                var new_path = $(this).data('new_path');
+                var versions_path = $(this).data('versions_path');
+                var publish_path = $(this).data('publish_path') + '?_redirect_to=' + location.href;
+                var status = $(this).data('status');
+
+                var editable = !$(this).hasClass("non-editable");
+                var publishable = !$(this).hasClass("non-publishable");
+                $('table.data tbody tr').removeClass('selected');
+                $(this).addClass('selected');
+                $('#functions .button').addClass('disabled').attr('href', '#');
+                $('#add_button').removeClass('disabled').attr('href', new_path);
+                $('#view_button').removeClass('disabled').attr('href', view_path);
+                if (editable) $('#edit_button').removeClass('disabled').attr('href', edit_path);
+                if (is_versioned) {
+                    $('#revisions_button').removeClass('disabled').attr('href', versions_path);
+                } else {
+                    $('#revisions_button').addClass('disabled')
+                        .attr('title', plural_title + ' are not versioned');
+                }
+                var cannot_be_deleted_message = $(this).find('.cannot_be_deleted_message');
+                if (cannot_be_deleted_message.length > 0) {
+                    $('#delete_button').addClass('disabled')
+                        .attr('title', $.trim(cannot_be_deleted_message.text()));
+                } else {
+                    if (publishable) {
+                        $('#delete_button').removeClass('disabled')
+                            .attr('href', delete_path)
+                            .attr('title', 'Are You Sure You Want To Delete This Record?');
+                    }
+                }
+                if (can_publish) {
+                    if (status == 'draft' && publishable) {
+                        $('#publish_button').removeClass('disabled').attr('href', publish_path);
+                    }
+                }
+            })
+    };
+})(jQuery);
+
+$(function() {
+    $('.cms-content-table').cmsContentToolbar();
+});
+

data/app/assets/javascripts/cms/core_library.js

@@ -0,0 +1,158 @@
+//
+// Defines Core BrowserCMS functions used throughout the application.
+//
+//= require jquery
+//
+jQuery(function($) {
+
+    //It would be cool if these were added to the real jQuery
+    //You can call this a few ways:
+    //createElement('p') => "<p/>"
+    //createElement('p','hi') => "<p>hi</p>"
+    //createElement('p', {align: 'center'}) => "<p align="center"/>"
+    //createElement('p','hi',{align: 'center'}) => "<p align="center">hi</p>"
+    $.createElement = function(tag_name, tag_value, tag_attrs) {
+        var name = tag_name
+        if (typeof tag_value == "object") {
+            var value = null
+            var attrs = tag_value
+        } else {
+            var value = tag_value
+            var attrs = tag_attrs
+        }
+        var element = $(document.createElement(tag_name))
+        if (attrs) {
+            $.each(attrs, function(k, v) {
+                element.attr(k, v)
+            })
+        }
+        if (value) {
+            element.html(value)
+        }
+        return element
+    }
+
+
+    var sanitizationRegexes = [
+        [/\s/, "_"],
+        [/[&+()]/, "-"],
+        [/[=?!'"{}\[\]#<>%]/, ""]
+    ]
+
+    $.cms = {
+        sanitizeFileName: function(s) {
+            var split = s.split(/\/|\\/)
+            s = split[split.length - 1]
+            $.each(sanitizationRegexes, function(i, e) {
+                var r = new RegExp(e[0].source, 'g')
+                s = s.replace(r, e[1])
+            })
+            return s;
+        },
+        slug: function(s) {
+            return $.trim(s.toLowerCase().replace(/[^a-zA-Z0-9_\s]+/g, '')).replace(/\ +/g, '-')
+        },
+        showNotice: function(msg) {
+            $('#message').removeClass('error').addClass('notice').html(msg).parent().show().animate({opacity: 1.0}, 3000).fadeOut("normal")
+        },
+        showError: function(msg) {
+            $('#message').removeClass('notice').addClass('error').html(msg).parent().show().animate({opacity: 1.0}, 3000).fadeOut("normal")
+        },
+        attachEventHandlers: function(context) {
+            $('a.button', context).click(function() {
+                if ($(this).hasClass('disabled')) return false;
+            });
+            $('a.http_post, a.http_put, a.http_delete', context).click(function() {
+                if ($(this).hasClass('disabled')) return false;
+                if ($(this).hasClass('confirm_with_title') ? confirm(this.title) : true) {
+
+                    // Create the form
+                    var f = document.createElement('form')
+                    f.style.display = 'none'
+                    this.parentNode.appendChild(f)
+                    f.method = "POST"
+                    f.action = this.href
+                    $(f).attr('target', $(this).attr('target'))
+
+                    //Create the _method hidden input
+                    var m = document.createElement('input')
+                    var http_method = $(this).attr('class').match(/http_([^ ]*)/)[1]
+                    $(m).attr('type', 'hidden').attr('name', '_method').attr('value', http_method)
+                    f.appendChild(m)
+
+                    //Create the authenticity_token hidden input
+                    if ($.cms.authenticity_token && $.cms.authenticity_token != '') {
+                        var m = document.createElement('input')
+                        $(m).attr('type', 'hidden').attr('name', 'authenticity_token').attr('value', $.cms.authenticity_token)
+                        f.appendChild(m)
+                    }
+
+                    f.submit()
+                }
+                return false
+            })
+        }
+    }
+
+    $.cms.attachEventHandlers(document);
+
+    $('#message.notice').parent().show().animate({opacity: 1.0}, 3000).fadeOut("normal")
+    $('#message.error').parent().show().animate({opacity: 1.0}, 3000).fadeOut("normal")
+
+});
+
+//CookieSet allows us to treat one cookie value as a set of values
+jQuery(function($) {
+    var sep = '|'
+
+    $.cookieSet = {
+        //Treats the cookie as an array
+        add: function(name, value, options) {
+            this.remove(name, value, options)
+            var set = this.get(name)
+            if (set) {
+                set.push(value)
+            } else {
+                var set = [value]
+            }
+            $.cookie(name, set.join(sep), options)
+            return this.get(name)
+        },
+
+        get: function(name) {
+            var val = $.cookie(name)
+            if (val) {
+                return val.split(sep)
+            } else {
+                return null
+            }
+        },
+
+        remove: function(name, value, options) {
+            var set = this.get(name)
+            if (set) {
+                var arr = []
+                $.each(set, function() {
+                    if (this != value + '') {
+                        arr.push(this)
+                    }
+                })
+                $.cookie(name, arr.join(sep), options)
+                return this.get(name)
+            } else {
+                return null
+            }
+        },
+
+        //Treats the cookie as an array
+        contains: function(name, value) {
+            var set = this.get(name)
+            if (set) {
+                return $.inArray(value + '', set) > -1
+            } else {
+                return false
+            }
+        }
+    }
+
+});

data/app/assets/javascripts/cms/sitemap.js.erb

@@ -0,0 +1,464 @@
+jQuery(function($) {
+
+    //----- Helper Functions -----------------------------------------------------
+    //In all of this code, we are defining functions that we use later
+    //None of this actually manipulates the DOM in any way
+
+    //This is used to get the id part of an elementId
+    //For example, if you have section_node_5, 
+    //you pass this 'section_node_5', 'section_node' 
+    //and this returns 5
+    var getId = function(elementId, s) {
+        return elementId.replace(s, '')
+    }
+
+    var addHoverToSectionNodes = function() {
+        $('#sitemap div.roundedcorners').hover(
+                function() {
+                    $(this).find('table.section_node').addClass('hover');
+                    $(this).addClass('over')
+                },
+                function() {
+                    $(this).find('table.section_node').removeClass('hover');
+                    $(this).removeClass('over')
+                }
+                )
+    }
+
+    var disableButtons = function() {
+        $('a.button').addClass('disabled').click(function() {
+            return false
+        })
+    }
+
+    var makeMovableRowsDraggable = function() {
+        $('#sitemap table.movable').draggable({
+            revert: 'invalid',
+            revertDuration: 200,
+            helper: 'clone',
+            delay: 200,
+            start: function(event, ui) {
+                ui.helper.removeClass('hover').removeClass('selected')
+            }
+        })
+    }
+
+    var jsonPost = function(url, params) {
+        if ($.cms.authenticity_token && $.cms.authenticity_token != '') {
+            params['authenticity_token'] = $.cms.authenticity_token
+        }
+        $.post(url, params,
+                function(data) {
+                    if (data.success) {
+                        $.cms.showNotice(data.message)
+                    } else {
+                        $.cms.showError(data.message)
+                    }
+                }, "json"
+                );
+    }
+
+    var moveSectionNode = function(sectionNodeId, move, otherSectionNodeId) {
+        var url = '/cms/section_nodes/' + sectionNodeId + '/move_' + move
+        var params = { _method: "PUT", section_node_id: otherSectionNodeId }
+        jsonPost(url, params)
+    }
+
+    var moveSectionNodeToRoot = function(sectionNodeId, rootSectionId) {
+        var url = '/cms/section_nodes/' + sectionNodeId + '/move_to_root'
+        var params = { _method: "PUT", section_id: rootSectionId }
+        jsonPost(url, params)
+    }
+
+    var nodeOnDrop = function(e, ui) {
+        //Remove any drop zone highlights still hanging out
+        $('#sitemap td.drop-before, #sitemap td.node, #sitemap td.drop-after').removeClass('drop-over')
+
+        //Get the object and the id for the src (what we are droping)
+        //and the dest (where we are dropping)
+        var src = ui.draggable.parents('ul:first') //The UL the TD is in
+        var sid = getId(src[0].id, 'section_node_')
+        var dest = $(this).parents('ul:first') //The UL the drop zone is in
+        var did = getId(dest[0].id, 'section_node_')
+
+        //If the src is a descendant of the dest, then forget it
+        if (src == dest || $.inArray(src[0], dest.parents()) > -1) {
+            return true;
+        }
+
+        if (dest.hasClass('root')) {
+            src.insertAfter(dest)
+            makeRootlet(src);
+            var rid = getId(dest[0].id, 'root_')
+            moveSectionNodeToRoot(sid, rid)
+            //Move to a section if the drop zone is the section
+        } else {
+            unMakeRootlet(src);
+            if ($(this).hasClass('node') && $(this).hasClass('section')) {
+                makeExpandable(dest);
+                var move = 'to_end'
+                dest.find('li:first').append(src)
+                openSection(dest[0])
+                //If the drop zone is directly after an open section,
+                //move this to the beginning of the section
+            } else if ($(this).hasClass('drop-after') && dest.find('table:first img.folder-open').length > 0) {
+                var move = 'to_beginning'
+                src.insertAfter(dest.find('table:first'))
+            } else {
+                //insert before or after, based on the class of the drop zone
+                if (dest.hasClass('rootlet')) {
+                    makeRootlet(src);
+                }
+
+                if ($(this).hasClass('drop-before')) {
+                    var move = 'before'
+                    src.insertBefore(dest)
+                } else {
+                    var move = 'after'
+                    src.insertAfter(dest)
+                }
+
+            }
+            //Make the ajax call
+            moveSectionNode(sid, move, did)
+
+        }
+
+        //Make the thing we are dropping be selected
+        selectSectionNode(src)
+
+    }
+
+    var makeExpandable = function(dest) {
+        var dest_toggle = dest.find('td.node:first img:first');
+        dest_toggle.removeClass('no_folder_toggle');
+        dest_toggle.addClass('folder_toggle');
+        dest_toggle.click(toggleSectionOnClick);
+        if (dest_toggle.hasClass('large')) {
+            dest_toggle.attr('src', '<%= asset_path "cms/sitemap/gray_contract.png" %>');
+        } else {
+            dest_toggle.attr('src', '<%= asset_path "cms/sitemap/contract.png" %>');
+        }
+    }
+
+    var makeRootlet = function(src) {
+        src.addClass('rootlet')
+        var src_icon = src.find('td.node:first img:last')
+        var src_icon_src = src_icon.attr('src')
+        if (src_icon_src.indexOf('/root_') == -1) {
+            src_icon.attr('src', src_icon_src.replace(/\/([^/]+\.png).*/, '/root_$1'))
+        }
+    }
+
+    var unMakeRootlet = function (src) {
+        src.removeClass('rootlet')
+        var src_icon = src.find('td.node:first img:last')
+        var src_icon_src = src_icon.attr('src')
+        if (src_icon_src.indexOf('/root_') > -1) {
+            src_icon.attr('src', src_icon_src.replace(/\/root_([^/]+\.png).*/, '/$1'))
+        }
+    }
+
+    var enableDropZones = function() {
+        $('#sitemap td.drop-before, #sitemap td.node, #sitemap td.drop-after').droppable({
+            accept: 'table',
+            tolerance: 'pointer',
+            over: function(e, ui) {
+                $(this).addClass('drop-over')
+            },
+            out: function(e, ui) {
+                $(this).removeClass('drop-over')
+            },
+            drop: nodeOnDrop
+        });
+    }
+
+    var clearSelectedSectionNode = function() {
+        disableButtons()
+        $('#sitemap table.section_node').removeClass('selected');
+        $('.roundedcorners').removeClass('on')
+    }
+
+    var selectSectionNode = function(sectionNode) {
+        clearSelectedSectionNode(sectionNode)
+        enableButtonsForSectionNode(sectionNode)
+        $(sectionNode).find('table:first').addClass('selected');
+        $(sectionNode).find('div.roundedcorners:first').addClass('on')
+    }
+
+    var isSectionEmpty = function(id) {
+        return $('#section_' + id).parents('li:first').find('ul').length == 0
+    }
+
+    var enableButtonsForSectionNode = function(sectionNode) {
+        enableButtonsForNode($(sectionNode).find('td.node')[0])
+    }
+
+    var enableButtonsForNode = function(node) {
+        var id = getId(node.id, /(section|page|link)_/);
+        if (!$(node).is(".non-editable")) {
+            if ($(node).hasClass('section')) {
+                enableButtonsForSection(id);
+            } else if ($(node).hasClass('page')) {
+                enableButtonsForPage(id);
+            } else if ($(node).hasClass('link')) {
+                enableButtonsForLink(id);
+            }
+        } else if ($(node).hasClass('page')) {
+            $('#edit-button')
+                    .html('<span>View Page</span>')
+                    .removeClass('disabled')
+                    .attr('href', '/cms/pages/' + id)
+                    .unbind('click')
+                    .click(function() {
+                return true
+            });
+        } else {
+            $('#properties-button').attr('href', '/cms/sitemap');
+        }
+    };
+
+    var enableButtonsForSection = function(id) {
+        $('#properties-button')
+                .removeClass('disabled')
+                .attr('href', '/cms/sections/' + id + '/edit')
+                .unbind('click')
+                .click(function() {
+            return true
+        })
+
+        $('#add-page-button')
+                .removeClass('disabled')
+                .attr('href', '/cms/sections/' + id + '/pages/new')
+                .unbind('click')
+                .click(function() {
+            return true
+        })
+
+        $('#add-section-button')
+                .removeClass('disabled')
+                .attr('href', '/cms/sections/new?section_id=' + id)
+                .unbind('click')
+                .click(function() {
+            return true
+        })
+
+        $('#add-link-button')
+                .removeClass('disabled')
+                .attr('href', '/cms/sections/' + id + '/links/new')
+                .unbind('click')
+                .click(function() {
+            return true
+        })
+
+        if (isSectionEmpty(id)) {
+            $('#delete_button')
+                    .removeClass('disabled')
+                    .attr('href', '/cms/sections/' + id + '.json')
+                    .unbind('click')
+                    .click(function() {
+                if (confirm('Are you sure you want to delete this section?')) {
+                    var params = { _method: "DELETE" }
+                    if ($.cms.authenticity_token && $.cms.authenticity_token != '') {
+                        params['authenticity_token'] = $.cms.authenticity_token
+                    }
+                    $.post($(this).attr('href'), params,
+                            function(data) {
+                                if (data.success) {
+                                    $.cms.showNotice(data.message)
+                                } else {
+                                    $.cms.showError(data.message)
+                                }
+                            }, "json");
+                    $('#section_' + id).parents('ul.section_node:first').remove()
+                }
+                return false;
+            })
+        } else {
+            $('#delete_button').addClass('disabled').unbind('click').click(function() {
+                return false
+            })
+        }
+
+    }
+
+    var enableButtonsForPage = function(id) {
+        $('#edit-button')
+                .html('<span>Edit Page</span>')
+                .removeClass('disabled')
+                .attr('href', '/cms/pages/' + id)
+                .unbind('click')
+                .click(function() {
+            return true
+        })
+
+        $('#properties-button')
+                .removeClass('disabled')
+                .attr('href', '/cms/pages/' + id + '/edit')
+                .unbind('click')
+                .click(function() {
+            return true
+        })
+
+        $('#delete_button')
+                .removeClass('disabled')
+                .attr('href', '/cms/pages/' + id + '.json')
+                .unbind('click')
+                .click(function() {
+            if (confirm('Are you sure you want to delete this page?')) {
+                var params = { _method: "DELETE" }
+                if ($.cms.authenticity_token && $.cms.authenticity_token != '') {
+                    params['authenticity_token'] = $.cms.authenticity_token
+                }
+                $.post($(this).attr('href'), params,
+                        function(data) {
+                            if (data.success) {
+                                $.cms.showNotice(data.message)
+                            } else {
+                                $.cms.showError(data.message)
+                            }
+                        }, "json");
+                $('#page_' + id).parents('ul.section_node:first').remove()
+            }
+            return false;
+        })
+    }
+
+    var enableButtonsForLink = function(id) {
+        $('#properties-button')
+                .removeClass('disabled')
+                .attr('href', '/cms/links/' + id + '/edit')
+                .unbind('click')
+                .click(function() {
+            return true
+        })
+
+        $('#delete_button')
+                .removeClass('disabled')
+                .attr('href', '/cms/links/' + id + '.json')
+                .unbind('click')
+                .click(function() {
+            if (confirm('Are you sure you want to delete this link?')) {
+                var params = { _method: "DELETE" }
+                if ($.cms.authenticity_token && $.cms.authenticity_token != '') {
+                    params['authenticity_token'] = $.cms.authenticity_token
+                }
+                $.post($(this).attr('href'), params,
+                        function(data) {
+                            if (data.success) {
+                                $.cms.showNotice(data.message)
+                            } else {
+                                $.cms.showError(data.message)
+                            }
+                        }, "json");
+                $('#link_' + id).parents('ul.section_node:first').remove()
+            }
+            return false;
+        })
+
+    }
+
+    var openSection = function(sectionNode) {
+        var id = getId(sectionNode.id, 'section_node_')
+
+        //Remember to re-open this section
+        $.cookieSet.add('openSectionNodes', id, {path: '/'})
+
+        $(sectionNode).addClass('open')
+        $(sectionNode).find('li:first > ul').show();
+        var img = $(sectionNode).find('li:first table:first img.folder_toggle');
+        if (img.hasClass('large')) {
+            img.attr('src', '<%= asset_path "cms/sitemap/gray_contract.png" %>').addClass("folder-open")
+        } else {
+            img.attr('src', '<%= asset_path "cms/sitemap/contract.png" %>').addClass("folder-open")
+        }
+    }
+
+    var closeSection = function(sectionNode) {
+        var id = getId(sectionNode.id, 'section_node_')
+
+        //Remove this section from the set of open nodes
+        $.cookieSet.remove('openSectionNodes', id, {path: '/'})
+
+        //close this
+        $(sectionNode).removeClass('open')
+        $(sectionNode).find('li:first > ul').hide()
+        var img = $(sectionNode).find('li:first table:first img.folder_toggle');
+        if (img.hasClass('large')) {
+            img.attr('src', '<%= asset_path "cms/sitemap/gray_expand.png" %>').removeClass("folder-open")
+        } else {
+            img.attr('src', '<%= asset_path "cms/sitemap/expand.png" %>').removeClass("folder-open")
+        }
+    }
+
+    var sectionNodeIsOpen = function(sectionNode) {
+        return $(sectionNode).find('li:first table:first img.folder-open').length
+    }
+
+    var nodeOnClick = function() {
+
+        var selected = $(this).hasClass('selected')
+        clearSelectedSectionNode()
+        $(this).addClass('selected')
+
+        var node = $(this).find('td.node')[0]
+        var id = getId(node.id, /(section|page|link)_/)
+        var sectionNode = $(this).parents('ul:first')[0]
+
+        selectSectionNode(sectionNode)
+    }
+
+    var toggleSectionOnClick = function() {
+        var sectionNode = $(this).parents('ul:first')[0]
+        if (sectionNodeIsOpen(sectionNode)) {
+            closeSection(sectionNode)
+        } else {
+            openSection(sectionNode)
+        }
+    }
+
+    var nodeOnDoubleClick = function() {
+        if ($('#edit-button').hasClass('disabled')) {
+            //$('#properties-button').click()
+            location.href = $('#properties-button')[0].href
+        } else {
+            //$('#edit-button').click()
+            location.href = $('#edit-button')[0].href
+        }
+    }
+
+    var addNodeOnClick = function() {
+        $('#sitemap table.section_node').click(nodeOnClick).dblclick(nodeOnDoubleClick)
+    }
+
+    var addToggleSectionOnClick = function() {
+        $('#sitemap img.folder_toggle').click(toggleSectionOnClick);
+    }
+
+    //Whenever you open a section, a cookie is updated so that next time you view the sitemap
+    //that section will start in open state
+    var fireOnClickForOpenSectionNodes = function() {
+        var openSectionNodeIds = $.cookieSet.get('openSectionNodes')
+        var selectedSectionSelector = '.root table:first'
+        if (openSectionNodeIds) {
+            $.each(openSectionNodeIds, function(i, e) {
+                $('#section_node_' + e + ' table:first img.folder_toggle').click()
+            })
+            selectedSectionSelector = '#section_node_' + openSectionNodeIds[openSectionNodeIds.length - 1] + ' table:first'
+        }
+        $(selectedSectionSelector).click()
+    }
+
+    //----- Init -----------------------------------------------------------------
+    //In other words, stuff that happens when the page loads
+    //This is where we actually manipulate the DOM, fire events, etc.
+
+    addHoverToSectionNodes()
+    disableButtons()
+    makeMovableRowsDraggable()
+    enableDropZones()
+    addNodeOnClick()
+    addToggleSectionOnClick()
+    fireOnClickForOpenSectionNodes()
+
+})