prime-rails 0.0.3

data/app/assets/javascripts/js/notify/notify.js

@@ -0,0 +1,79 @@
+/**
+ * PrimeFaces Notify Widget
+ */
+$(function() {
+
+    $.widget("primeui.puinotify", {
+       
+        options: {
+            position: 'top',
+            visible: false,
+            animate: true,
+            effectSpeed: 'normal',
+            easing: 'swing'
+        },
+        
+        _create: function() {
+            this.element.addClass('pui-notify pui-notify-' + this.options.position + ' ui-widget ui-widget-content pui-shadow')
+                    .wrapInner('<div class="pui-notify-content" />').appendTo(document.body);
+            this.content = this.element.children('.pui-notify-content');
+            this.closeIcon = $('<span class="ui-icon ui-icon-closethick pui-notify-close"></span>').appendTo(this.element);
+            
+            this._bindEvents();
+            
+            if(this.options.visible) {
+                this.show();
+            }
+        },
+        
+        _bindEvents: function() {
+            var $this = this;
+            
+            this.closeIcon.on('click.puinotify', function() {
+                $this.hide();
+            });
+        },
+        
+        show: function(content) {
+            var $this = this;
+            
+            if(content) {
+                this.update(content);
+            }
+            
+            this.element.css('z-index',++PUI.zindex);
+            
+            this._trigger('beforeShow');
+            
+            if(this.options.animate) {
+                this.element.slideDown(this.options.effectSpeed, this.options.easing, function() {
+                    $this._trigger('afterShow');
+                });
+            }
+            else {
+                this.element.show();
+                $this._trigger('afterShow');
+            }
+        },
+
+        hide: function() {
+            var $this = this;
+            
+            this._trigger('beforeHide');
+            
+            if(this.options.animate) {
+                this.element.slideUp(this.options.effectSpeed, this.options.easing, function() {
+                    $this._trigger('afterHide');
+                });
+            }
+            else {
+                this.element.hide();
+                $this._trigger('afterHide');
+            }
+        },
+        
+        update: function(content) {
+            this.content.html(content);
+        }
+    });
+});

data/app/assets/javascripts/js/paginator/paginator.js

@@ -0,0 +1,280 @@
+/**
+ * PrimeUI Paginator Widget
+ */
+$(function() {
+    
+    ElementHandlers = {
+        
+        '{FirstPageLink}': {
+            markup: '<span class="pui-paginator-first pui-paginator-element ui-state-default ui-corner-all"><span class="ui-icon ui-icon-seek-first">p</span></span>',
+            
+            create: function(paginator) {
+                var element = $(this.markup);
+                
+                if(paginator.options.page === 0) {
+                    element.addClass('ui-state-disabled');
+                }
+                
+                element.on('click.puipaginator', function() {
+                    if(!$(this).hasClass("ui-state-disabled")) {
+                        paginator.option('page', 0);
+                    }
+                });
+                                
+                return element;
+            },
+            
+            update: function(element, state) {
+                if(state.page === 0)
+                    element.addClass('ui-state-disabled').removeClass('ui-state-hover ui-state-active');
+                else
+                    element.removeClass('ui-state-disabled');
+            }
+        },
+                
+        '{PreviousPageLink}': {
+            markup: '<span class="pui-paginator-prev pui-paginator-element ui-state-default ui-corner-all"><span class="ui-icon ui-icon-seek-prev">p</span></span>',
+                    
+            create: function(paginator) {
+                var element = $(this.markup);
+                
+                if(paginator.options.page === 0) {
+                    element.addClass('ui-state-disabled');
+                }
+                
+                element.on('click.puipaginator', function() {
+                    if(!$(this).hasClass("ui-state-disabled")) {
+                        paginator.option('page', paginator.options.page - 1);
+                    }
+                });
+                
+                return element;
+            },
+                    
+            update: function(element, state) {
+                if(state.page === 0)
+                    element.addClass('ui-state-disabled').removeClass('ui-state-hover ui-state-active');
+                else
+                    element.removeClass('ui-state-disabled');
+            }
+        },
+                
+        '{NextPageLink}': {
+            markup: '<span class="pui-paginator-next pui-paginator-element ui-state-default ui-corner-all"><span class="ui-icon ui-icon-seek-next">p</span></span>',
+                    
+            create: function(paginator) {
+                var element = $(this.markup);
+                
+                if(paginator.options.page === (paginator.getPageCount() - 1)) {
+                    element.addClass('ui-state-disabled').removeClass('ui-state-hover ui-state-active');
+                }
+                
+                element.on('click.puipaginator', function() {
+                    if(!$(this).hasClass("ui-state-disabled")) {
+                        paginator.option('page', paginator.options.page + 1);
+                    }
+                });
+                
+                return element;
+            },
+                    
+            update: function(element, state) {
+                if(state.page === (state.pageCount - 1))
+                    element.addClass('ui-state-disabled').removeClass('ui-state-hover ui-state-active');
+                else
+                    element.removeClass('ui-state-disabled');
+            }
+        },
+                
+        '{LastPageLink}': {
+            markup: '<span class="pui-paginator-last pui-paginator-element ui-state-default ui-corner-all"><span class="ui-icon ui-icon-seek-end">p</span></span>',
+                    
+            create: function(paginator) {
+                var element = $(this.markup);
+
+                if(paginator.options.page === (paginator.getPageCount() - 1)) {
+                    element.addClass('ui-state-disabled').removeClass('ui-state-hover ui-state-active');
+                }
+                
+                element.on('click.puipaginator', function() {
+                    if(!$(this).hasClass("ui-state-disabled")) {
+                        paginator.option('page', paginator.getPageCount() - 1);
+                    }
+                });
+                
+                return element;
+            },
+            
+            update: function(element, state) {
+                if(state.page === (state.pageCount - 1))
+                    element.addClass('ui-state-disabled').removeClass('ui-state-hover ui-state-active');
+                else
+                    element.removeClass('ui-state-disabled');
+            }
+        },
+                
+        '{PageLinks}': {
+            markup: '<span class="pui-paginator-pages"></span>',
+                    
+            create: function(paginator) {
+                var element = $(this.markup),
+                boundaries = this.calculateBoundaries({
+                    page: paginator.options.page,
+                    pageLinks: paginator.options.pageLinks,
+                    pageCount: paginator.getPageCount(),
+                }),
+                start = boundaries[0],
+                end = boundaries[1];
+                
+                for(var i = start; i <= end; i++) {
+                    var pageLinkNumber = (i + 1),
+                    pageLinkElement = $('<span class="pui-paginator-page pui-paginator-element ui-state-default ui-corner-all">' + pageLinkNumber + "</span>");
+                    
+                    if(i === paginator.options.page) {
+                        pageLinkElement.addClass('ui-state-active');
+                    }
+                    
+                    pageLinkElement.on('click.puipaginator', function(e){
+                        var link = $(this);
+
+                        if(!link.hasClass('ui-state-disabled')&&!link.hasClass('ui-state-active')) {
+                            paginator.option('page', parseInt(link.text()) - 1);
+                        }
+                    });
+                    
+                    element.append(pageLinkElement);
+                }
+
+                return element;
+            },
+                    
+            update: function(element, state) {
+                var pageLinks = element.children(),
+                boundaries = this.calculateBoundaries({
+                    page: state.page,
+                    pageLinks: state.pageLinks,
+                    pageCount: state.pageCount,
+                }),
+                start = boundaries[0],
+                end = boundaries[1],
+                p = 0;
+        
+                pageLinks.filter('.ui-state-active').removeClass('ui-state-active');
+                
+                for(var i = start; i <= end; i++) {
+                    var pageLinkNumber = (i + 1),
+                    pageLink = pageLinks.eq(p);
+            
+                    if(i === state.page) {
+                        pageLink.addClass('ui-state-active');
+                    }
+                    
+                    pageLink.text(pageLinkNumber);
+            
+                    p++;
+                }
+            },
+                    
+            calculateBoundaries: function(config) {
+                var page = config.page,
+                pageLinks = config.pageLinks,
+                pageCount = config.pageCount,
+                visiblePages = Math.min(pageLinks, pageCount);
+                
+                //calculate range, keep current in middle if necessary
+                var start = Math.max(0, parseInt(Math.ceil(page - ((visiblePages) / 2)))),
+                end = Math.min(pageCount - 1, start + visiblePages - 1);
+
+                //check when approaching to last page
+                var delta = pageLinks - (end - start + 1);
+                start = Math.max(0, start - delta);
+                
+                return [start, end];
+            }
+        }
+        
+    };
+
+    $.widget("primeui.puipaginator", {
+       
+        options: {
+            pageLinks: 5,
+            totalRecords: 0,
+            page: 0,
+            rows: 0,
+            template: '{FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink}'
+        },
+        
+        _create: function() {
+            this.element.addClass('pui-paginator ui-widget-header');
+            this.paginatorElements = [];
+            
+            var elementKeys = this.options.template.split(/[ ]+/);
+            for(var i = 0; i < elementKeys.length;i++) {
+                var elementKey = elementKeys[i],
+                handler = ElementHandlers[elementKey];
+        
+                if(handler) {
+                    var paginatorElement = handler.create(this);
+                    this.paginatorElements[elementKey] = paginatorElement;
+                    this.element.append(paginatorElement);
+                }
+            }
+            
+            this._bindEvents();
+        },
+                
+        _bindEvents: function() {
+            this.element.find('span.pui-paginator-element')
+                    .on('mouseover.puipaginator', function() {
+                        var el = $(this);
+                        if(!el.hasClass('ui-state-active')&&!el.hasClass('ui-state-disabled')) {
+                            el.addClass('ui-state-hover');
+                        }
+                    })
+                    .on('mouseout.puipaginator', function() {
+                        var el = $(this);
+                        if(el.hasClass('ui-state-hover')) {
+                            el.removeClass('ui-state-hover');
+                        }
+                    });
+        },
+        
+        _setOption: function(key, value) {
+            if(key === 'page') {
+                this._setPage(value);
+            }
+            else {
+                $.Widget.prototype._setOption.apply(this, arguments);
+            }
+        },
+                
+        _setPage: function(p) {
+            var pc = this.getPageCount();
+            
+            if(p >= 0 && p < pc && this.options.page !== p) {        
+                var newState = {
+                    first: this.options.rows * p,
+                    rows: this.options.rows,
+                    page: p,
+                    pageCount: pc,
+                    pageLinks: this.options.pageLinks
+                };
+                
+                this.options.page = p;
+                this._updateUI(newState);
+                this._trigger('paginate', null, newState);
+            }
+        },
+                
+        _updateUI: function(newState) {
+            for(var paginatorElementKey in this.paginatorElements) {
+                ElementHandlers[paginatorElementKey].update(this.paginatorElements[paginatorElementKey], newState);
+            }
+        },
+                
+        getPageCount: function() {
+            return Math.ceil(this.options.totalRecords / this.options.rows)||1;
+        }
+    });
+});

data/app/assets/javascripts/js/panel/panel.js

@@ -0,0 +1,170 @@
+/**
+ * PrimeUI Panel Widget
+ */
+$(function() {
+
+    $.widget("primeui.puipanel", {
+       
+        options: {
+            toggleable: false,
+            toggleDuration: 'normal',
+            toggleOrientation : 'vertical',
+            collapsed: false,
+            closable: false,
+            closeDuration: 'normal'
+        },
+        
+        _create: function() {
+            this.element.addClass('pui-panel ui-widget ui-widget-content ui-corner-all')
+                .contents().wrapAll('<div class="pui-panel-content ui-widget-content" />');
+                
+            var title = this.element.attr('title');
+            if(title) {
+                this.element.prepend('<div class="pui-panel-titlebar ui-widget-header ui-helper-clearfix ui-corner-all"><span class="ui-panel-title">'
+                        + title + "</span></div>")
+                        .removeAttr('title');
+            }
+            
+            this.header = this.element.children('div.pui-panel-titlebar');
+            this.title = this.header.children('span.ui-panel-title');
+            this.content = this.element.children('div.pui-panel-content');
+            
+            var $this = this;
+            
+            if(this.options.closable) {
+                this.closer = $('<a class="pui-panel-titlebar-icon ui-corner-all ui-state-default" href="#"><span class="ui-icon ui-icon-closethick"></span></a>')
+                                .appendTo(this.header)
+                                .on('click.puipanel', function(e) {
+                                    $this.close();
+                                    e.preventDefault();
+                                });
+            }
+            
+            if(this.options.toggleable) {
+                var icon = this.options.collapsed ? 'ui-icon-plusthick' : 'ui-icon-minusthick';
+                
+                this.toggler = $('<a class="pui-panel-titlebar-icon ui-corner-all ui-state-default" href="#"><span class="ui-icon ' + icon + '"></span></a>')
+                                .appendTo(this.header)
+                                .on('click.puipanel', function(e) {
+                                    $this.toggle();
+                                    e.preventDefault();
+                                });
+                                
+                if(this.options.collapsed) {
+                    this.content.hide();
+                }
+            }
+            
+            this._bindEvents();
+        },
+
+        _bindEvents: function() {
+            this.header.find('a.pui-panel-titlebar-icon').on('hover.puipanel', function() {$(this).toggleClass('ui-state-hover');});
+        },
+        
+        close: function() {
+            var $this = this;
+            
+            this._trigger('beforeClose', null);
+            
+            this.element.fadeOut(this.options.closeDuration,
+                function() {
+                    $this._trigger('afterClose', null);
+                }
+            );
+        },
+        
+        toggle: function() {
+            if(this.options.collapsed) {
+                this.expand();
+            }
+            else {
+                this.collapse();
+            }
+        },
+        
+        expand: function() {
+            this.toggler.children('span.ui-icon').removeClass('ui-icon-plusthick').addClass('ui-icon-minusthick');
+            
+            if(this.options.toggleOrientation === 'vertical') {
+                this._slideDown();
+            } 
+            else if(this.options.toggleOrientation === 'horizontal') {
+                this._slideRight();
+            }
+        },
+
+        collapse: function() {
+            this.toggler.children('span.ui-icon').removeClass('ui-icon-minusthick').addClass('ui-icon-plusthick');
+            
+            if(this.options.toggleOrientation === 'vertical') {
+                this._slideUp();
+            } 
+            else if(this.options.toggleOrientation === 'horizontal') {
+                this._slideLeft();
+            }
+        },
+        
+        _slideUp: function() {        
+            var $this = this;
+            
+            this._trigger('beforeCollapse');
+            
+            this.content.slideUp(this.options.toggleDuration, 'easeInOutCirc', function() {
+                $this._trigger('afterCollapse');
+                $this.options.collapsed = !$this.options.collapsed;
+            });
+        },
+
+        _slideDown: function() {  
+            var $this = this;
+            
+            this._trigger('beforeExpand');
+            
+            this.content.slideDown(this.options.toggleDuration, 'easeInOutCirc', function() {
+                $this._trigger('afterExpand');
+                $this.options.collapsed = !$this.options.collapsed;
+            }); 
+        },
+
+        _slideLeft: function() {
+            var $this = this;
+
+            this.originalWidth = this.element.width();
+
+            this.title.hide();
+            this.toggler.hide();
+            this.content.hide();
+
+            this.element.animate({
+                width: '42px'
+            }, this.options.toggleSpeed, 'easeInOutCirc', function() {
+                $this.toggler.show();
+                $this.element.addClass('pui-panel-collapsed-h');
+                $this.options.collapsed = !$this.options.collapsed;
+            });
+        },
+
+        _slideRight: function() {
+            var $this = this,
+            expandWidth = this.originalWidth||'100%';
+
+            this.toggler.hide();
+
+            this.element.animate({
+                width: expandWidth
+            }, this.options.toggleSpeed, 'easeInOutCirc', function() {
+                $this.element.removeClass('pui-panel-collapsed-h');
+                $this.title.show();
+                $this.toggler.show();
+                $this.options.collapsed = !$this.options.collapsed;
+
+                $this.content.css({
+                    'visibility': 'visible'
+                    ,'display': 'block'
+                    ,'height': 'auto'
+                });
+            });
+        }
+    });
+});

data/app/assets/javascripts/js/password/password.js

@@ -0,0 +1,157 @@
+/**
+ * PrimeUI password widget
+ */
+$(function() {
+
+    $.widget("primeui.puipassword", {
+        
+        options: {
+            promptLabel: 'Please enter a password',
+            weakLabel: 'Weak',
+            goodLabel: 'Medium',
+            strongLabel: 'Strong',
+            inline: false
+        },
+       
+        _create: function() {
+            this.element.puiinputtext().addClass('pui-password');
+            
+            if(!this.element.prop(':disabled')) {
+                var panelMarkup = '<div class="pui-password-panel ui-widget ui-state-highlight ui-corner-all ui-helper-hidden">';
+                panelMarkup += '<div class="pui-password-meter" style="background-position:0pt 0pt">&nbsp;</div>';
+                panelMarkup += '<div class="pui-password-info">' + this.options.promptLabel + '</div>';
+                panelMarkup += '</div>';
+
+                this.panel = $(panelMarkup).insertAfter(this.element);
+                this.meter = this.panel.children('div.pui-password-meter');
+                this.infoText = this.panel.children('div.pui-password-info');
+
+                if(this.options.inline) {
+                    this.panel.addClass('pui-password-panel-inline');
+                } else {
+                    this.panel.addClass('pui-password-panel-overlay').appendTo('body');
+                }
+
+                this._bindEvents();
+            }
+        },
+        
+        _destroy: function() {
+            this.panel.remove();
+        },
+        
+        _bindEvents: function() {
+            var $this = this;
+            
+            this.element.on('focus.puipassword', function() {
+                $this.show();
+            })
+            .on('blur.puipassword', function() {
+                $this.hide();
+            })
+            .on('keyup.puipassword', function() {
+                var value = $this.element.val(),
+                label = null,
+                meterPos = null;
+
+                if(value.length == 0) {
+                    label = $this.options.promptLabel;
+                    meterPos = '0px 0px';
+                }
+                else {
+                    var score = $this._testStrength($this.element.val());
+
+                    if(score < 30) {
+                        label = $this.options.weakLabel;
+                        meterPos = '0px -10px';
+                    }
+                    else if(score >= 30 && score < 80) {
+                        label = $this.options.goodLabel;
+                        meterPos = '0px -20px';
+                    } 
+                    else if(score >= 80) {
+                        label = $this.options.strongLabel;
+                        meterPos = '0px -30px';
+                    }
+                }
+
+                $this.meter.css('background-position', meterPos);
+                $this.infoText.text(label);
+            });
+
+            if(!this.options.inline) {
+                var resizeNS = 'resize.' + this.element.attr('id');
+                $(window).unbind(resizeNS).bind(resizeNS, function() {
+                    if($this.panel.is(':visible')) {
+                        $this.align();
+                    }
+                });
+            }
+        },
+        
+        _testStrength: function(str) {
+            var grade = 0, 
+            val = 0, 
+            $this = this;
+
+            val = str.match('[0-9]');
+            grade += $this._normalize(val ? val.length : 1/4, 1) * 25;
+
+            val = str.match('[a-zA-Z]');
+            grade += $this._normalize(val ? val.length : 1/2, 3) * 10;
+
+            val = str.match('[!@#$%^&*?_~.,;=]');
+            grade += $this._normalize(val ? val.length : 1/6, 1) * 35;
+
+            val = str.match('[A-Z]');
+            grade += $this._normalize(val ? val.length : 1/6, 1) * 30;
+
+            grade *= str.length / 8;
+
+            return grade > 100 ? 100 : grade;
+        },
+
+        _normalize: function(x, y) {
+            var diff = x - y;
+
+            if(diff <= 0) {
+                return x / y;
+            }
+            else {
+                return 1 + 0.5 * (x / (x + y/4));
+            }
+        },
+
+        align: function() {
+            this.panel.css({
+                left:'', 
+                top:'',
+                'z-index': ++PUI.zindex
+            })
+            .position({
+                my: 'left top',
+                at: 'right top',
+                of: this.element
+            });
+        },
+
+        show: function() {
+            if(!this.options.inline) {
+                this.align();
+
+                this.panel.fadeIn();
+            }
+            else {
+                this.panel.slideDown(); 
+            }        
+        },
+
+        hide: function() {
+            if(this.options.inline)
+                this.panel.slideUp();
+            else
+                this.panel.fadeOut();
+        }
+    });
+    
+});