prime-rails 0.0.3

data/app/assets/javascripts/js/galleria/galleria.js

@@ -0,0 +1,221 @@
+/**
+ * PrimeUI Lightbox Widget
+ */
+$(function() {
+
+    $.widget("primeui.puigalleria", {
+       
+        options: {
+            panelWidth: 600,
+            panelHeight: 400,
+            frameWidth: 60,
+            frameHeight: 40,
+            activeIndex: 0,
+            showFilmstrip: true,
+            autoPlay: true,
+            transitionInterval: 4000,
+            effect: 'fade',
+            effectSpeed: 250,
+            effectOptions: {},
+            showCaption: true,
+            customContent: false
+        },
+        
+        _create: function() {
+            this.element.addClass('pui-galleria ui-widget ui-widget-content ui-corner-all');
+            this.panelWrapper = this.element.children('ul');
+            this.panelWrapper.addClass('pui-galleria-panel-wrapper');
+            this.panels = this.panelWrapper.children('li');
+            this.panels.addClass('pui-galleria-panel ui-helper-hidden');
+                        
+            this.element.width(this.options.panelWidth);
+            this.panelWrapper.width(this.options.panelWidth).height(this.options.panelHeight);
+            this.panels.width(this.options.panelWidth).height(this.options.panelHeight);
+
+            if(this.options.showFilmstrip) {
+                this._renderStrip();
+                this._bindEvents();
+            }
+            
+            if(this.options.customContent) {
+                this.panels.children('img').remove();
+                this.panels.children('div').addClass('pui-galleria-panel-content');
+            }
+            
+            //show first
+            var activePanel = this.panels.eq(this.options.activeIndex);
+            activePanel.removeClass('ui-helper-hidden');
+            if(this.options.showCaption) {
+                this._showCaption(activePanel);
+            }
+            
+            this.element.css('visibility', 'visible');
+
+            if(this.options.autoPlay) {
+                this.startSlideshow();
+            }
+        },
+        
+        _renderStrip: function() {
+            var frameStyle = 'style="width:' + this.options.frameWidth + "px;height:" + this.options.frameHeight + 'px;"';
+
+            this.stripWrapper = $('<div class="pui-galleria-filmstrip-wrapper"></div>')
+                    .width(this.element.width() - 50)
+                    .height(this.options.frameHeight)
+                    .appendTo(this.element);
+
+            this.strip = $('<ul class="pui-galleria-filmstrip"></div>').appendTo(this.stripWrapper);
+
+            for(var i = 0; i < this.panels.length; i++) {
+                var image = this.panels.eq(i).children('img'),
+                frameClass = (i == this.options.activeIndex) ? 'pui-galleria-frame pui-galleria-frame-active' : 'pui-galleria-frame',
+                frameMarkup = '<li class="'+ frameClass + '" ' + frameStyle + '>'
+                + '<div class="pui-galleria-frame-content" ' + frameStyle + '>'
+                + '<img src="' + image.attr('src') + '" class="pui-galleria-frame-image" ' + frameStyle + '/>'
+                + '</div></li>';
+
+                this.strip.append(frameMarkup);
+            }
+
+            this.frames = this.strip.children('li.pui-galleria-frame');
+
+            //navigators
+            this.element.append('<div class="pui-galleria-nav-prev ui-icon ui-icon-circle-triangle-w" style="bottom:' + (this.options.frameHeight / 2) + 'px"></div>' + 
+                '<div class="pui-galleria-nav-next ui-icon ui-icon-circle-triangle-e" style="bottom:' + (this.options.frameHeight / 2) + 'px"></div>');
+
+            //caption
+            if(this.options.showCaption) {
+                this.caption = $('<div class="pui-galleria-caption"></div>').css({
+                    'bottom': this.stripWrapper.outerHeight(true),
+                    'width': this.panelWrapper.width()
+                    }).appendTo(this.element);
+            }
+        },
+        
+        _bindEvents: function() {
+            var $this = this;
+
+            this.element.children('div.pui-galleria-nav-prev').on('click.puigalleria', function() {
+                if($this.slideshowActive) {
+                    $this.stopSlideshow();
+                }
+
+                if(!$this.isAnimating()) {
+                    $this.prev();
+                }
+            });
+
+            this.element.children('div.pui-galleria-nav-next').on('click.puigalleria', function() {
+                if($this.slideshowActive) {
+                    $this.stopSlideshow();
+                }
+
+                if(!$this.isAnimating()) {
+                    $this.next();
+                }
+            });
+
+            this.strip.children('li.pui-galleria-frame').on('click.puigalleria', function() {
+                if($this.slideshowActive) {
+                    $this.stopSlideshow();
+                }
+
+                $this.select($(this).index(), false);
+            });
+        },
+
+        startSlideshow: function() {
+            var $this = this;
+
+            this.interval = setInterval(function() {
+                $this.next();
+            }, this.options.transitionInterval);
+
+            this.slideshowActive = true;
+        },
+
+        stopSlideshow: function() {
+            clearInterval(this.interval);
+
+            this.slideshowActive = false;
+        },
+
+        isSlideshowActive: function() {
+            return this.slideshowActive;
+        },
+
+        select: function(index, reposition) {
+            if(index !== this.options.activeIndex) {
+                if(this.options.showCaption) {
+                    this._hideCaption();
+                }
+
+                var oldPanel = this.panels.eq(this.options.activeIndex),
+                oldFrame = this.frames.eq(this.options.activeIndex),
+                newPanel = this.panels.eq(index),
+                newFrame = this.frames.eq(index);
+
+                //content
+                oldPanel.hide(this.options.effect, this.options.effectOptions, this.options.effectSpeed);
+                newPanel.show(this.options.effect, this.options.effectOptions, this.options.effectSpeed);
+
+                //frame
+                oldFrame.removeClass('pui-galleria-frame-active').css('opacity', '');
+                newFrame.animate({opacity:1.0}, this.options.effectSpeed, null, function() {
+                   $(this).addClass('pui-galleria-frame-active'); 
+                });
+
+                //caption
+                if(this.options.showCaption) {
+                    this._showCaption(newPanel);
+                }
+
+                //viewport
+                if(reposition === undefined || reposition === true) {
+                    var frameLeft = newFrame.position().left,
+                    stepFactor = this.options.frameWidth + parseInt(newFrame.css('margin-right')),
+                    stripLeft = this.strip.position().left,
+                    frameViewportLeft = frameLeft + stripLeft,
+                    frameViewportRight = frameViewportLeft + this.options.frameWidth;
+
+                    if(frameViewportRight > this.stripWrapper.width()) {
+                        this.strip.animate({left: '-=' + stepFactor}, this.options.effectSpeed, 'easeInOutCirc');
+                    } else if(frameViewportLeft < 0) {
+                        this.strip.animate({left: '+=' + stepFactor}, this.options.effectSpeed, 'easeInOutCirc');
+                    }
+                }
+
+                this.options.activeIndex = index;
+            }
+        },
+        
+        _hideCaption: function() {
+            this.caption.slideUp(this.options.effectSpeed);
+        },
+        
+        _showCaption: function(panel) {
+            var image = panel.children('img');
+            this.caption.html('<h4>' + image.attr('title') + '</h4><p>' + image.attr('alt') + '</p>').slideDown(this.options.effectSpeed);
+        },
+
+        prev: function() {
+            if(this.options.activeIndex != 0) {
+                this.select(this.options.activeIndex - 1);
+            }
+        },
+
+        next: function() {
+            if(this.options.activeIndex !== (this.panels.length - 1)) {
+                this.select(this.options.activeIndex + 1);
+            } 
+            else {
+                this.select(0, false);
+                this.strip.animate({left: 0}, this.options.effectSpeed, 'easeInOutCirc');
+            }
+        },
+
+        isAnimating: function() {
+            return this.strip.is(':animated');
+        }
+    });
+});

data/app/assets/javascripts/js/growl/growl.js

@@ -0,0 +1,98 @@
+/**
+ * PrimeFaces Growl Widget
+ */
+$(function() {
+
+    $.widget("primeui.puigrowl", {
+       
+        options: {
+            sticky: false,
+            life: 3000
+        },
+        
+        _create: function() {
+            var container = this.element;
+            
+            container.addClass("pui-growl ui-widget").appendTo(document.body);
+        },
+        
+        show: function(msgs) {
+            var $this = this;
+        
+            //this.jq.css('z-index', ++PrimeFaces.zindex);
+
+            this.clear();
+
+            $.each(msgs, function(i, msg) {
+                $this._renderMessage(msg);
+            }); 
+        },
+        
+        clear: function() {
+            this.element.children('div.pui-growl-item-container').remove();
+        },
+        
+        _renderMessage: function(msg) {
+            var markup = '<div class="pui-growl-item-container ui-state-highlight ui-corner-all ui-helper-hidden" aria-live="polite">';
+            markup += '<div class="pui-growl-item pui-shadow">';
+            markup += '<div class="pui-growl-icon-close ui-icon ui-icon-closethick" style="display:none"></div>';
+            markup += '<span class="pui-growl-image pui-growl-image-' + msg.severity + '" />';
+            markup += '<div class="pui-growl-message">';
+            markup += '<span class="pui-growl-title">' + msg.summary + '</span>';
+            markup += '<p>' + msg.detail + '</p>';
+            markup += '</div><div style="clear: both;"></div></div></div>';
+
+            var message = $(markup);
+            
+            this._bindMessageEvents(message);
+            message.appendTo(this.element).fadeIn();
+        },
+        
+        _removeMessage: function(message) {
+            message.fadeTo('normal', 0, function() {
+                message.slideUp('normal', 'easeInOutCirc', function() {
+                    message.remove();
+                });
+            });
+        },
+        
+        _bindMessageEvents: function(message) {
+            var $this = this,
+            sticky = this.options.sticky;
+
+            message.on('mouseover.puigrowl', function() {
+                var msg = $(this);
+
+                if(!msg.is(':animated')) {
+                    msg.find('div.pui-growl-icon-close:first').show();
+                }
+            })
+            .on('mouseout.puigrowl', function() {        
+                $(this).find('div.pui-growl-icon-close:first').hide();
+            });
+
+            //remove message on click of close icon
+            message.find('div.pui-growl-icon-close').on('click.puigrowl',function() {
+                $this._removeMessage(message);
+
+                if(!sticky) {
+                    clearTimeout(message.data('timeout'));
+                }
+            });
+
+            if(!sticky) {
+                this._setRemovalTimeout(message);
+            }
+        },
+        
+        _setRemovalTimeout: function(message) {
+            var $this = this;
+
+            var timeout = setTimeout(function() {
+                $this._removeMessage(message);
+            }, this.options.life);
+
+            message.data('timeout', timeout);
+        }
+    });
+});

data/app/assets/javascripts/js/inputtext/inputtext.js

@@ -0,0 +1,40 @@
+/**
+ * PrimeUI inputtext widget
+ */
+$(function() {
+
+    $.widget("primeui.puiinputtext", {
+       
+        _create: function() {
+            var input = this.element,
+            disabled = input.prop('disabled');
+
+            //visuals
+            input.addClass('pui-inputtext ui-widget ui-state-default ui-corner-all');
+            
+            if(disabled) {
+                input.addClass('ui-state-disabled');
+            }
+            else {
+                input.hover(function() {
+                    input.toggleClass('ui-state-hover');
+                }).focus(function() {
+                    input.addClass('ui-state-focus');
+                }).blur(function() {
+                    input.removeClass('ui-state-focus');
+                });
+            }
+
+            //aria
+            input.attr('role', 'textbox').attr('aria-disabled', disabled)
+                                          .attr('aria-readonly', input.prop('readonly'))
+                                          .attr('aria-multiline', input.is('textarea'));
+        },
+        
+        _destroy: function() {
+            
+        }
+        
+    });
+    
+});