typo 5.4.1 → 5.4.2

data/public/javascripts/typo_carousel.js

@@ -0,0 +1,340 @@
+/*
+Copyright (c) 2009 Victor Stanciu - http://www.victorstanciu.ro
+
+Permission is hereby granted, free of charge, to any person
+obtaining a copy of this software and associated documentation
+files (the "Software"), to deal in the Software without
+restriction, including without limitation the rights to use,
+copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the
+Software is furnished to do so, subject to the following
+conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
+OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
+HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
+OTHER DEALINGS IN THE SOFTWARE.
+*/
+
+Carousel = Class.create(Abstract, {
+	initialize: function (scroller, slides, controls, options) {
+		this.scrolling	= false;
+		this.scroller	= $(scroller);
+		this.slides		= slides;
+		this.controls	= controls;
+
+		this.options    = Object.extend({
+            duration:           1,
+            auto:               false,
+            frequency:          3,
+            visibleSlides:      1,
+            controlClassName:   'carousel-control',
+            jumperClassName:    'carousel-jumper',
+            disabledClassName:  'carousel-disabled',
+            selectedClassName:  'carousel-selected',
+            circular:           false,
+            wheel:              true,
+            effect:             'scroll',
+            transition:         'sinoidal'
+        }, options || {});
+        
+        if (this.options.effect == 'fade') {
+            this.options.circular = true;
+        }
+
+		this.slides.each(function(slide, index) {
+			slide._index = index;
+        });
+
+		if (this.controls) {
+            this.controls.invoke('observe', 'click', this.click.bind(this));
+        }
+        
+        if (this.options.wheel) {            
+            this.scroller.observe('mousewheel', this.wheel.bindAsEventListener(this)).observe('DOMMouseScroll', this.wheel.bindAsEventListener(this));;
+        }
+
+        if (this.options.auto) {
+            this.start();
+        }
+
+		if (this.options.initial) {
+			var initialIndex = this.slides.indexOf($(this.options.initial));
+			if (initialIndex > (this.options.visibleSlides - 1) && this.options.visibleSlides > 1) {               
+				if (initialIndex > this.slides.length - (this.options.visibleSlides + 1)) {
+					initialIndex = this.slides.length - this.options.visibleSlides;
+				}
+			}
+            this.moveTo(this.slides[initialIndex]);
+		}
+	},
+
+	click: function (event) {
+		this.stop();
+
+		var element = event.findElement('a');
+
+		if (!element.hasClassName(this.options.disabledClassName)) {
+			if (element.hasClassName(this.options.controlClassName)) {
+				eval("this." + element.rel + "()");
+            } else if (element.hasClassName(this.options.jumperClassName)) {
+                this.moveTo(element.rel);
+                if (this.options.selectedClassName) {
+                    this.controls.invoke('removeClassName', this.options.selectedClassName);
+                    element.addClassName(this.options.selectedClassName);
+                }
+            }
+        }
+
+		this.deactivateControls();
+
+		event.stop();
+    },
+
+	moveTo: function (element) {
+		if (this.options.beforeMove && (typeof this.options.beforeMove == 'function')) {
+			this.options.beforeMove();
+        }
+		this.previous = this.current ? this.current : this.slides[0];
+		this.current  = $(element);
+
+		var scrollerOffset = this.scroller.cumulativeOffset();
+		var elementOffset  = this.current.cumulativeOffset();
+
+		if (this.scrolling) {
+			this.scrolling.cancel();
+		}
+
+        switch (this.options.effect) {
+            case 'fade':               
+                this.scrolling = new Effect.Opacity(this.scroller, {
+                    from:   1.0,
+                    to:     0,
+                    duration: this.options.duration,
+                    afterFinish: (function () {
+                        this.scroller.scrollLeft = elementOffset[0] - scrollerOffset[0];
+                        this.scroller.scrollTop  = elementOffset[1] - scrollerOffset[1];
+
+                        new Effect.Opacity(this.scroller, {
+                            from: 0,
+                            to: 1.0,
+                            duration: this.options.duration,
+                            afterFinish: (function () {
+                                if (this.controls) {
+                                    this.activateControls();
+                                }
+                                if (this.options.afterMove && (typeof this.options.afterMove == 'function')) {
+                                    this.options.afterMove();
+                                }
+                            }).bind(this)
+                        });
+                    }
+                ).bind(this)});
+            break;
+            case 'scroll':
+            default:
+                var transition;
+                switch (this.options.transition) {
+                    case 'spring':
+                        transition = Effect.Transitions.spring;
+                        break;
+                    case 'sinoidal':
+                    default:
+                        transition = Effect.Transitions.sinoidal;
+                        break;
+                }
+
+                this.scrolling = new Effect.SmoothScroll(this.scroller, {
+                    duration: this.options.duration,
+                    x: (elementOffset[0] - scrollerOffset[0]),
+                    y: (elementOffset[1] - scrollerOffset[1]),
+                    transition: transition,
+                    afterFinish: (function () {
+                        if (this.controls) {
+                            this.activateControls();
+                        }
+                        if (this.options.afterMove && (typeof this.options.afterMove == 'function')) {
+                            this.options.afterMove();
+                        }                        
+                        this.scrolling = false;
+                    }).bind(this)});
+            break;
+        }
+
+		return false;
+	},
+
+	prev: function () {
+		if (this.current) {
+			var currentIndex = this.current._index;
+			var prevIndex = (currentIndex == 0) ? (this.options.circular ? this.slides.length - 1 : 0) : currentIndex - 1;
+        } else {
+            var prevIndex = (this.options.circular ? this.slides.length - 1 : 0);
+        }
+
+		if (prevIndex == (this.slides.length - 1) && this.options.circular && this.options.effect != 'fade') {
+			this.scroller.scrollLeft =  (this.slides.length - 1) * this.slides.first().getWidth();
+			this.scroller.scrollTop =  (this.slides.length - 1) * this.slides.first().getHeight();
+			prevIndex = this.slides.length - 2;
+        }
+
+		this.moveTo(this.slides[prevIndex]);
+	},
+
+	next: function () {
+		if (this.current) {
+			var currentIndex = this.current._index;
+			var nextIndex = (this.slides.length - 1 == currentIndex) ? (this.options.circular ? 0 : currentIndex) : currentIndex + 1;
+        } else {
+            var nextIndex = 1;
+        }
+
+		if (nextIndex == 0 && this.options.circular && this.options.effect != 'fade') {
+			this.scroller.scrollLeft = 0;
+			this.scroller.scrollTop  = 0;
+			nextIndex = 1;
+    }
+    
+    var max = $('editor').getWidth() / 140 | 0;
+    
+    if (nextIndex == this.slides.length - (max - 1)) {
+      new Ajax.Request('/admin/resources/get_thumbnails?position=' + this.slides.length,
+        {
+          method:'get',
+          onSuccess: function(transport){
+            var response = transport.responseText || "no response text";
+            $('carousel-content').innerHTML += response;
+            this.slides = $$('#carousel-content .slide'); 
+            $('carousel-content').style.width = 140 * this.slides.length;
+          }
+        });
+    }
+		if (nextIndex > this.slides.length - (this.options.visibleSlides + 1)) {
+			nextIndex = this.slides.length - this.options.visibleSlides;
+		}		
+
+		this.moveTo(this.slides[nextIndex]);
+	},
+
+	first: function () {
+		this.moveTo(this.slides[0]);
+    },
+
+	last: function () {
+		this.moveTo(this.slides[this.slides.length - 1]);
+    },
+
+	toggle: function () {
+		if (this.previous) {
+			this.moveTo(this.slides[this.previous._index]);
+        } else {
+            return false;
+        }
+    },
+
+	stop: function () {
+		if (this.timer) {
+			clearTimeout(this.timer);
+		}
+	},
+
+	start: function () { 
+        this.periodicallyUpdate();
+    },
+
+	pause: function () {
+		this.stop();
+		this.activateControls();
+    },
+
+	resume: function (event) {
+		if (event) {
+			var related = event.relatedTarget || event.toElement;
+			if (!related || (!this.slides.include(related) && !this.slides.any(function (slide) { return related.descendantOf(slide); }))) {
+				this.start();
+            }
+        } else {
+            this.start();
+        }
+    },
+
+	periodicallyUpdate: function () {
+		if (this.timer != null) {
+			clearTimeout(this.timer);
+			this.next();
+        }
+		this.timer = setTimeout(this.periodicallyUpdate.bind(this), this.options.frequency * 1000);
+    },
+    
+    wheel: function (event) {
+        event.cancelBubble = true;
+        event.stop();
+        
+		var delta = 0;
+		if (!event) {
+            event = window.event;
+        }
+		if (event.wheelDelta) {
+			delta = event.wheelDelta / 120; 
+		} else if (event.detail) { 
+            delta = -event.detail / 3;	
+        }        
+       
+        if (!this.scrolling) {
+            this.deactivateControls();
+            if (delta > 0) {
+                this.prev();
+            } else {
+                this.next();
+            }            
+        }
+        
+		return Math.round(delta); //Safari Round
+    },
+
+	deactivateControls: function () {
+		this.controls.invoke('addClassName', this.options.disabledClassName);
+    },
+
+	activateControls: function () {
+		this.controls.invoke('removeClassName', this.options.disabledClassName);
+    }
+});
+
+
+Effect.SmoothScroll = Class.create();
+Object.extend(Object.extend(Effect.SmoothScroll.prototype, Effect.Base.prototype), {
+	initialize: function (element) {
+		this.element = $(element);
+		var options = Object.extend({ x: 0, y: 0, mode: 'absolute' } , arguments[1] || {});
+		this.start(options);
+    },
+
+	setup: function () {
+		if (this.options.continuous && !this.element._ext) {
+			this.element.cleanWhitespace();
+			this.element._ext = true;
+			this.element.appendChild(this.element.firstChild);
+        }
+
+		this.originalLeft = this.element.scrollLeft;
+		this.originalTop  = this.element.scrollTop;
+
+		if (this.options.mode == 'absolute') {
+			this.options.x -= this.originalLeft;
+			this.options.y -= this.originalTop;
+        }
+    },
+
+	update: function (position) {
+		this.element.scrollLeft = this.options.x * position + this.originalLeft;
+		this.element.scrollTop  = this.options.y * position + this.originalTop;
+    }
+});

data/public/stylesheets/administration.css

@@ -670,3 +670,19 @@ td.paginate {
   background: #a7eafe;
 }
 
+#carousel-wrapper {
+    width: 100%;
+    height: 150px;
+    overflow: hidden;
+}
+#carousel-content {
+    width: 1400px;
+}
+#carousel-content .slide {
+    float: left;
+    width: 140px;
+    height: 125px;
+    padding: 10px 0;
+    background: #8AE3F9;
+    text-align: center;
+}

data/public/stylesheets/base_packaged.css

@@ -0,0 +1,100 @@
+.CodeRay {background-color: #f8f8f8; border: 1px solid silver; font-family: 'Courier New', 'Terminal', monospace; color: #100}
+.CodeRay pre {margin: 0px }
+div.CodeRay {overflow: auto}
+span.CodeRay {white-space: pre; border: 0px; padding: 2px }
+table.CodeRay {border-collapse: collapse; width: 100%; padding: 2px }
+table.CodeRay td {padding: 2px 4px; vertical-align: top }
+.CodeRay .line_numbers, .CodeRay .no {background-color: #def; color: gray; text-align: right}
+.CodeRay .line_numbers tt {font-weight: bold }
+.CodeRay .no {padding: 0px 4px }
+.CodeRay .code {width: 100% }
+ol.CodeRay {font-size: 10pt }
+ol.CodeRay li {white-space: pre }
+.CodeRay .code pre {overflow: auto }
+.CodeRay .debug {color:white ! important; background:blue ! important}
+.CodeRay .af {color:#00C }
+.CodeRay .an {color:#007 }
+.CodeRay .at {color:#f08 }
+.CodeRay .av {color:#700 }
+.CodeRay .aw {color:#C00 }
+.CodeRay .bi {color:#509; font-weight:bold }
+.CodeRay .c {color:#666}
+.CodeRay .ch {color:#04D }
+.CodeRay .ch .k {color:#04D }
+.CodeRay .ch .dl {color:#039 }
+.CodeRay .cl {color:#B06; font-weight:bold }
+.CodeRay .co {color:#036; font-weight:bold }
+.CodeRay .cr {color:#0A0 }
+.CodeRay .cv {color:#369 }
+.CodeRay .df {color:#099; font-weight:bold }
+.CodeRay .di {color:#088; font-weight:bold }
+.CodeRay .dl {color:black }
+.CodeRay .do {color:#970 }
+.CodeRay .ds {color:#D42; font-weight:bold }
+.CodeRay .e {color:#666; font-weight:bold }
+.CodeRay .en {color:#800; font-weight:bold }
+.CodeRay .er {color:#F00; background-color:#FAA }
+.CodeRay .ex {color:#F00; font-weight:bold }
+.CodeRay .fl {color:#60E; font-weight:bold }
+.CodeRay .fu {color:#06B; font-weight:bold }
+.CodeRay .gv {color:#d70; font-weight:bold }
+.CodeRay .hx {color:#058; font-weight:bold }
+.CodeRay .i {color:#00D; font-weight:bold }
+.CodeRay .ic {color:#B44; font-weight:bold }
+.CodeRay .il {background: #eee }
+.CodeRay .il .il {background: #ddd }
+.CodeRay .il .il .il {background: #ccc }
+.CodeRay .il .idl {font-weight: bold; color: #888 }
+.CodeRay .im {color:#f00}
+.CodeRay .in {color:#B2B; font-weight:bold }
+.CodeRay .iv {color:#33B }
+.CodeRay .la {color:#970; font-weight:bold }
+.CodeRay .lv {color:#963 }
+.CodeRay .oc {color:#40E; font-weight:bold }
+.CodeRay .of {color:#000; font-weight:bold }
+.CodeRay .op {}
+.CodeRay .pc {color:#038; font-weight:bold }
+.CodeRay .pd {color:#369; font-weight:bold }
+.CodeRay .pp {color:#579}
+.CodeRay .ps {color:#00C; font-weight: bold}
+.CodeRay .pt {color:#339; font-weight:bold }
+.CodeRay .r, .kw {color:#080; font-weight:bold }
+.CodeRay .ke {color: #808}
+.CodeRay .ke .dl {color: #606}
+.CodeRay .ke .ch {color: #80f}
+.CodeRay .vl {color: #088}
+.CodeRay .rx {background-color:#fff0ff }
+.CodeRay .rx .k {color:#808 }
+.CodeRay .rx .dl {color:#404 }
+.CodeRay .rx .mod {color:#C2C }
+.CodeRay .rx .fu {color:#404; font-weight: bold }
+.CodeRay .s {background-color:#fff0f0; color: #D20}
+.CodeRay .s .s {background-color:#ffe0e0 }
+.CodeRay .s .s .s {background-color:#ffd0d0 }
+.CodeRay .s .k {}
+.CodeRay .s .ch {color: #b0b}
+.CodeRay .s .dl {color: #710}
+.CodeRay .sh {background-color:#f0fff0; color:#2B2 }
+.CodeRay .sh .k {}
+.CodeRay .sh .dl {color:#161 }
+.CodeRay .sy {color:#A60 }
+.CodeRay .sy .k {color:#A60 }
+.CodeRay .sy .dl {color:#630 }
+.CodeRay .ta {color:#070 }
+.CodeRay .tf {color:#070; font-weight:bold }
+.CodeRay .ts {color:#D70; font-weight:bold }
+.CodeRay .ty {color:#339; font-weight:bold }
+.CodeRay .v {color:#036 }
+.CodeRay .xt {color:#444 }
+.CodeRay .ins {background: #afa}
+.CodeRay .del {background: #faa}
+.CodeRay .chg {color: #aaf; background: #007}
+.CodeRay .head {color: #f8f; background: #505 }
+.CodeRay .ins .ins {color: #080; font-weight:bold }
+.CodeRay .del .del {color: #800; font-weight:bold }
+.CodeRay .chg .chg {color: #66f}
+.CodeRay .head .head {color: #f4f}
+.alignleft, img.left {float: left; margin: 0 5px 5px 0}
+.alignright, img.right {float: right; margin: 0 0 5px 5px}
+.centered {margin-left: auto; margin-right: auto; display: block; padding: 8px}
+.gravatar {float: left; margin-right: 3px; margin-bottom: 3px}