imagine_cms 4.1.4 → 4.2.0

data/app/assets/javascripts/imagine_cms/legacy/rollovers.js

@@ -0,0 +1,193 @@
+/* deprecated image rollover code */
+
+var defaultXMenuOffset = 0;
+var defaultYMenuOffset = 0;
+var defaultXOffset = 0;
+var defaultYOffset = 0;
+var showRolloverEffect = Effect.Appear;
+var showRolloverEffectOptions = { duration: 0.2 };
+var showRolloverMenuEffect = Effect.BlindDown;
+var showRolloverMenuEffectOptions = { duration: 0.2 };
+var hideRolloverDelay = 120;
+var hideRolloverEffect = Effect.Fade;
+var hideRolloverEffectOptions = { duration: 0.3 };
+var hideRolloverMenuEffect = Effect.BlindUp;
+var hideRolloverMenuEffectOptions = { duration: 0.2 };
+
+var currentEffect = [];
+
+var hideRolloverTimeouts = [];
+var hoveredButtons = [];
+
+
+/********************************
+ * rollover/menu functions      *
+ ********************************/
+
+function showRollover(target, xMenuOffset, yMenuOffset, xOffset, yOffset) {
+    try {
+        if (hideRolloverTimeouts[target]) {
+            clearTimeout(hideRolloverTimeouts[target]);
+            hideRolloverTimeouts[target] = null;
+            return;
+        }
+        
+        if (hoveredButtons[target]) {
+            return;
+        }
+        
+        var el = $(target + '_hover');
+        var sourceObj = $(target + '_std');
+        
+        var coords = getElementPosition(sourceObj);
+        if (typeof(xMenuOffset) == 'undefined') xMenuOffset = defaultXMenuOffset;
+        if (typeof(yMenuOffset) == 'undefined') yMenuOffset = defaultYMenuOffset;
+        if (typeof(xOffset) == 'undefined') xOffset = defaultXOffset;
+        if (typeof(yOffset) == 'undefined') yOffset = defaultYOffset;
+        
+        el.style.position = 'absolute';
+        el.style.left = coords[0] + xOffset + 'px';
+        el.style.top  = coords[1] + yOffset + 'px';
+        el.style.margin = '0';
+        el.style.zIndex = '100';
+        
+        if (currentEffect[el.id]) currentEffect[el.id].cancel();
+        currentEffect[el.id] = showRolloverEffect(el.id, showRolloverEffectOptions);
+        
+        if (el = $(target + '_menu')) {
+            el.style.display = 'none';
+            el.style.position = 'absolute';
+            el.style.left = (coords[0] + xMenuOffset) + 'px';
+            el.style.top  = (coords[1] + yMenuOffset) + 'px';
+            el.style.margin = '0';
+            el.style.zIndex = '100';
+            
+            for (var i = 0; i < el.childNodes.length; i++) {
+                if (el.childNodes[i].tagName == 'DIV') {
+                    el.style.width  = el.childNodes[i].style.width;
+                    el.style.height = el.childNodes[i].style.height;
+                    break;
+                }
+            }
+            if (currentEffect[el.id]) currentEffect[el.id].cancel();
+            currentEffect[el.id] = showRolloverMenuEffect(el.id, showRolloverMenuEffectOptions);
+        }
+        
+        hoveredButtons[target] = true;
+    } catch (e) { }
+}
+
+function hideRollover(target) {
+    try {
+        hideRolloverTimeouts[target] = setTimeout('hideRolloverComplete("' + target + '");', hideRolloverDelay);
+    } catch (e) {}
+}
+
+function hideRolloverComplete(target) {
+    try {
+        hideRolloverTimeouts[target] = null;
+        
+        if (el = $(target + '_hover')) {
+            if (currentEffect[el.id]) currentEffect[el.id].cancel();
+            currentEffect[el.id] = hideRolloverEffect(el.id, hideRolloverEffectOptions);
+        }
+        
+        if (el = $(target + '_menu')) {
+            if (currentEffect[el.id]) currentEffect[el.id].cancel();
+            currentEffect[el.id] = hideRolloverMenuEffect(el.id, hideRolloverMenuEffectOptions);
+        }
+        
+        hoveredButtons[target] = false;
+    } catch (e) {}
+}
+
+
+var hideSimpleRolloverTimeouts = [];
+function showSimpleRollover(target, xOffset, yOffset) {
+    try {
+        // if we were planning to hide this element in the future, no need for that now
+        if (hideSimpleRolloverTimeouts[target]) {
+            clearTimeout(hideSimpleRolloverTimeouts[target]);
+            hideSimpleRolloverTimeouts[target] = null;
+            return;
+        }
+        
+        // if other elements are waiting to be hidden, get it over with now
+        $H(hideSimpleRolloverTimeouts)._each(function (pair) {
+            clearTimeout(pair[1]);
+            hideSimpleRolloverComplete(pair[0]);
+        });
+    } catch (e) {}
+    
+    try {
+        var el = document.getElementById(target + '_std');
+        el.oldsrc = el.src;
+        el.src = el.src.replace(/(_hover)?.gif$/, '_hover.gif');
+        if (!(is.ie && is.mac)) showSimpleRolloverMenu(target, xOffset, yOffset);
+    } catch (e) {}
+}
+
+function showSimpleRolloverMenu(target, xOffset, yOffset, useRelative) {
+    try {
+        if (hideSimpleRolloverTimeouts[target]) {
+            clearTimeout(hideSimpleRolloverTimeouts[target]);
+            hideSimpleRolloverTimeouts[target] = null;
+            return;
+        }
+        
+        var el = document.getElementById(target + '_std');
+        if (el) {
+            var coords = getElementPosition(el);
+            
+            if (typeof(xOffset) == 'undefined') xOffset = 0;
+            if (typeof(yOffset) == 'undefined') yOffset = 30;
+            if (typeof(useRelative) == 'undefined') useRelative = false;
+            
+            if (el = document.getElementById(target + '_menu')) {
+                el.style.zIndex = 100;
+                el.style.position = 'absolute';
+                if (useRelative) {
+                    el.style.left = xOffset + 'px';
+                    el.style.top  = yOffset + 'px';
+                } else {
+                    el.style.left = (coords[0] + xOffset) + 'px';
+                    el.style.top  = (coords[1] + yOffset) + 'px';
+                }
+                el.style.display = '';
+            }
+        }
+    } catch (e) {}
+}
+
+function hideSimpleRollover(target) {
+    try {
+        hideSimpleRolloverTimeouts[target] = setTimeout('hideSimpleRolloverComplete("' + target + '")', 200);
+    } catch (e) {}
+}
+
+function hideSimpleRolloverComplete(target) {
+    try {
+        var el = document.getElementById(target + '_std');
+        if (el.oldsrc) el.src = el.oldsrc;
+        hideSimpleRolloverMenuComplete(target);
+    } catch (e) {}
+}
+
+function hideSimpleRolloverMenu(target) {
+    try {
+        hideSimpleRolloverTimeouts[target] = setTimeout('hideSimpleRolloverMenuComplete("' + target + '")', 200);
+    } catch (e) {}
+}
+
+function hideSimpleRolloverMenuComplete(target) {
+    try {
+        hideSimpleRolloverTimeouts[target] = null;
+        
+        var el = document.getElementById(target + '_std');
+        var coords = getElementPosition(el);
+        
+        if (el = document.getElementById(target + '_menu')) {
+            el.style.display = 'none';
+        }
+    } catch (e) {}
+}

data/app/assets/javascripts/imagine_cms/legacy/slideshow.js

@@ -0,0 +1,116 @@
+/********************************
+ * custom effects               *
+ ********************************/
+
+Effect.BlindRight = function(element) {
+  element = $(element);
+  var oldWidth = Element.getStyle(element, 'width');
+  var elementDimensions = Element.getDimensions(element);
+  return new Effect.Scale(element, 100, 
+    Object.extend({
+        scaleContent: false,
+        scaleY: false,
+        scaleFrom: 0,
+        scaleMode: {originalHeight: elementDimensions.height, originalWidth: elementDimensions.width},
+        restoreAfterFinish: true,
+        afterSetup: function(effect) { with(Element) {
+          makeClipping(effect.element);
+            setStyle(effect.element, {width: '0px'});
+            show(effect.element);
+          }}
+    }, arguments[1] || {})
+  );
+}
+
+Effect.SlideAppear = function(element) {
+    element = $(element);
+    new Effect.Appear(element, arguments[2] || arguments[1] || {});
+    new Effect.BlindRight(element, arguments[1] || {});
+}
+
+/********************************
+ * slideshow functions          *
+ ********************************/
+
+var currentSlideIndex = 0;
+var maxSlideIndex = -1;
+
+function getNumSlides() {
+    if (maxSlideIndex > -1) return maxSlideIndex;
+    maxSlideIndex = 0;
+    
+    while ($('img_slideshow' + maxSlideIndex)) maxSlideIndex++;
+    return maxSlideIndex;
+}
+
+function nextSlide(delay, transition) {
+    if (typeof(transition) == 'undefined') transition = 'SlideAppear';
+    changeSlide(delay, transition, 1);
+}
+
+function prevSlide(delay, transition) {
+    if (typeof(transition) == 'undefined') transition = 'SlideAppear';
+    changeSlide(delay, transition, -1);
+}
+
+// controls elements named img_slideshowX
+// uses a global named currentSlideIndex to keep track of its state
+// uses a global named maxSlideIndex to cache the discovered maximum slide index
+function changeSlide(delay, transition, increment) {
+    try {
+        if (typeof(delay) == 'undefined') delay = -1;
+        if (typeof(transition) == 'undefined') transition = 'SlideAppear';
+        
+        // this element is used for positioning
+        origimg = $('img_slideshow');
+        
+        nextSlideIndex = currentSlideIndex + increment;
+        if (!$('img_slideshow' + nextSlideIndex)) {
+            if (increment > 0) {
+                nextSlideIndex = 0;
+            } else {
+                nextSlideIndex = getNumSlides() - 1;
+            }
+        }
+        
+        if ((curimg  = $('img_slideshow' + currentSlideIndex)) &&
+            (nextimg = $('img_slideshow' + nextSlideIndex))) {
+            // push old images back
+            for (var i = 0; i < getNumSlides(); i++) {
+                $('img_slideshow' + i).style.zIndex = ((increment > 0) ? i : (getNumSlides() - i));
+            }
+            nextimg.style.zIndex = '90';
+            nextimg.style.margin = '0';
+            
+            // really shouldn't have to do this, but I just can't figure it out...
+            curimg.style.zIndex  = '89';
+            
+            // drag the new image over the main image
+            var coords = getElementPosition(origimg);
+            nextimg.style.position = 'absolute';
+            nextimg.style.left = coords[0] + 'px';
+            nextimg.style.top  = coords[1] + 'px';
+            
+            eval('Effect.' + transition + '(nextimg.id, { duration: 1.8 });');
+            setTimeout('$("' + curimg.id + '").style.display = "none"', 1900);
+            if (delay > 0) setTimeout('changeSlide(' + delay + ', "' + transition + '", ' + increment + ');', delay);
+            
+            currentSlideIndex = nextSlideIndex;
+        }
+    } catch (e) {}
+}
+
+// positions slide navigation elements (named btn_slidenext and btn_slideprev)
+// relative to img_slideshow (x and y are the relative offsets)
+function positionSlideNav(x, y) {
+    try {
+        img = $('img_slideshow');
+        nav = $('div_slidenav');
+        
+        // move the buttons to their proper places
+        nav.style.zIndex = '95';
+        nav.style.position = 'relative';
+        nav.style.left = x + 'px';
+        nav.style.top  = y + 'px';
+    } catch (e) {}
+}

data/app/assets/javascripts/imagine_cms/legacy/textfieldhints.js

@@ -0,0 +1,55 @@
+/* deprecated text field hints (use html placeholder attribute instead) */
+
+/********************************
+ * text field hints             *
+ ********************************/
+
+var textFieldHints = new Array();
+function setupTextFieldHints() {
+    textFieldHints.each(function (a) {
+        $A(document.getElementsByName(a.name)).each(function (el) {
+            var clearHint = function () {
+                el.value = '';
+                el.style.color = el.style.origColor ? el.style.origColor : 'black';
+                el.onfocus = el.oldOnFocus;
+                el.oldOnBlur = el.onblur;
+                el.onblur = function () {
+                    if (typeof(el.oldOnBlur) == 'function') el.oldOnBlur();
+                    setHint();
+                }
+            };
+            var setHint = function () {
+                if (!el.value || el.value == a.hint) {
+                    el.value = a.hint;
+                    el.style.origColor = el.style.color;
+                    el.style.color = 'gray';
+                    if (typeof(el.oldOnBlur) != 'undefined') el.onblur = el.oldOnBlur;
+                    el.oldOnFocus = el.onfocus;
+                    el.onfocus = function () {
+                        if (typeof(el.oldOnFocus) == 'function') el.oldOnFocus();
+                        clearHint();
+                    }
+                }
+            }
+            setHint();
+        })
+    });
+}
+addLoadEvent(setupTextFieldHints);
+
+function teardownTextFieldHints() {
+    textFieldHints.each(function (a) {
+        var el = document.getElementsByName(a.name)[0];
+        if (el.value == a.hint) {
+            el.value = '';
+            el.style.color = el.origColor ? el.origColor : 'black';
+            el.onfocus = null;
+        }
+    });
+}
+
+function addTextFieldHint(name, hint) {
+    if (textFieldHints.select(function (a) { return a.name == name }).length == 0) {
+        textFieldHints.push({ name: name, hint: hint });
+    }
+}

data/app/assets/javascripts/imagine_cms.js

@@ -4,6 +4,19 @@
 //= require dragdrop
 //= require controls
 //= require jquery_no_conflict
+//= require jquery-ui
 //= require builder
 //= require cropper
-//= require imagine
+//
+//= require codemirror
+//= require codemirror/modes/xml
+//= require codemirror/modes/javascript
+//= require codemirror/modes/css
+//= require codemirror/modes/ruby
+//= require codemirror/modes/htmlmixed
+// require codemirror/modes/htmlembedded
+//= require codemirror/modes-custom/imagine_cms
+//
+//= require tag-it
+//
+//= require imagine_cms/core

data/app/assets/javascripts/imagine_cms_compat.js

@@ -0,0 +1,26 @@
+//= require prototype
+//= require prototype_ujs
+//= require effects
+//= require dragdrop
+//= require controls
+//= require jquery_no_conflict
+//= require jquery-ui
+//= require builder
+//= require cropper
+//
+//= require codemirror
+//= require codemirror/modes/xml
+//= require codemirror/modes/javascript
+//= require codemirror/modes/css
+//= require codemirror/modes/ruby
+//= require codemirror/modes/htmlmixed
+// require codemirror/modes/htmlembedded
+//= require codemirror/modes-custom/imagine_cms
+//
+//= require tag-it
+//
+//= require imagine_cms/core
+//= require imagine_cms/legacy/rollovers
+//= require imagine_cms/legacy/slideshow
+//= require imagine_cms/legacy/misc
+//= require imagine_cms/legacy/textfieldhints