Zach Wise
13 years ago
1 changed files with 0 additions and 262 deletions
@ -1,262 +0,0 @@ |
|||||||
/* Progress Bar |
|
||||||
================================================== */ |
|
||||||
if (typeof VMM != 'undefined') { |
|
||||||
VMM.ProgressBar = function(d, _parent) { |
|
||||||
|
|
||||||
var $media, $text, $slide, $wrap, element, c, |
|
||||||
data = d, |
|
||||||
slide = {}, |
|
||||||
element = "", |
|
||||||
media = "", |
|
||||||
loaded = false, |
|
||||||
preloaded = false, |
|
||||||
is_skinny = false, |
|
||||||
_enqueue = true, |
|
||||||
_removeque = false, |
|
||||||
_id = "slide_", |
|
||||||
timer = {pushque:"", render:"", relayout:"", remove:"", skinny:false}, |
|
||||||
times = {pushque:500, render:100, relayout:100, remove:30000}; |
|
||||||
|
|
||||||
_id = _id + data.uniqueid; |
|
||||||
this.enqueue = _enqueue; |
|
||||||
this.id = _id; |
|
||||||
|
|
||||||
element = VMM.appendAndGetElement(_parent, "<div>", "slider-item"); |
|
||||||
c = {slide:"", text: "", media: "", media_element: "", layout: "content-container layout", has: { headline: false, text: false, media: false }}; |
|
||||||
|
|
||||||
/* PUBLIC |
|
||||||
================================================== */ |
|
||||||
this.show = function(skinny) { |
|
||||||
_enqueue = false; |
|
||||||
timer.skinny = skinny; |
|
||||||
_removeque = false; |
|
||||||
clearTimeout(timer.remove); |
|
||||||
|
|
||||||
if (!loaded) { |
|
||||||
if (preloaded) { |
|
||||||
clearTimeout(timer.relayout); |
|
||||||
timer.relayout = setTimeout(reloadLayout, times.relayout); |
|
||||||
} else { |
|
||||||
render(skinny); |
|
||||||
} |
|
||||||
} |
|
||||||
}; |
|
||||||
|
|
||||||
this.hide = function() { |
|
||||||
if (loaded && !_removeque) { |
|
||||||
_removeque = true; |
|
||||||
clearTimeout(timer.remove); |
|
||||||
timer.remove = setTimeout(removeSlide, times.remove); |
|
||||||
} |
|
||||||
}; |
|
||||||
|
|
||||||
this.clearTimers = function() { |
|
||||||
//clearTimeout(timer.remove);
|
|
||||||
clearTimeout(timer.relayout); |
|
||||||
clearTimeout(timer.pushque); |
|
||||||
clearTimeout(timer.render); |
|
||||||
}; |
|
||||||
|
|
||||||
this.layout = function(skinny) { |
|
||||||
if (loaded && preloaded) { |
|
||||||
reLayout(skinny); |
|
||||||
} |
|
||||||
}; |
|
||||||
|
|
||||||
this.elem = function() {
|
|
||||||
return element; |
|
||||||
}; |
|
||||||
|
|
||||||
this.position = function() { |
|
||||||
return VMM.Lib.position(element); |
|
||||||
}; |
|
||||||
|
|
||||||
this.leftpos = function(p) { |
|
||||||
if(typeof p != 'undefined') { |
|
||||||
VMM.Lib.css(element, "left", p); |
|
||||||
} else { |
|
||||||
return VMM.Lib.position(element).left |
|
||||||
} |
|
||||||
}; |
|
||||||
|
|
||||||
this.animate = function(d, e, p) { |
|
||||||
VMM.Lib.animate(element, d, e, p); |
|
||||||
}; |
|
||||||
|
|
||||||
this.css = function(p, v) { |
|
||||||
VMM.Lib.css(element, p, v ); |
|
||||||
} |
|
||||||
|
|
||||||
this.opacity = function(p) { |
|
||||||
VMM.Lib.css(element, "opacity", p);
|
|
||||||
} |
|
||||||
|
|
||||||
this.width = function() { |
|
||||||
return VMM.Lib.width(element); |
|
||||||
}; |
|
||||||
|
|
||||||
this.height = function() { |
|
||||||
return VMM.Lib.height(element); |
|
||||||
}; |
|
||||||
|
|
||||||
this.content_height = function () { |
|
||||||
var ch = VMM.Lib.find( element, ".content")[0]; |
|
||||||
|
|
||||||
if (ch != 'undefined' && ch != null) { |
|
||||||
return VMM.Lib.height(ch); |
|
||||||
} else { |
|
||||||
return 0; |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
/* PRIVATE |
|
||||||
================================================== */ |
|
||||||
var render = function(skinny) { |
|
||||||
trace("RENDER " + _id); |
|
||||||
|
|
||||||
loaded = true; |
|
||||||
preloaded = true; |
|
||||||
timer.skinny = skinny; |
|
||||||
|
|
||||||
buildSlide(); |
|
||||||
|
|
||||||
clearTimeout(timer.pushque); |
|
||||||
clearTimeout(timer.render); |
|
||||||
timer.pushque = setTimeout(VMM.ExternalAPI.pushQues, times.pushque); |
|
||||||
|
|
||||||
}; |
|
||||||
|
|
||||||
var removeSlide = function() { |
|
||||||
//VMM.attachElement(element, "");
|
|
||||||
trace("REMOVE SLIDE TIMER FINISHED"); |
|
||||||
loaded = false; |
|
||||||
VMM.Lib.detach($text); |
|
||||||
VMM.Lib.detach($media); |
|
||||||
|
|
||||||
}; |
|
||||||
|
|
||||||
var reloadLayout = function() { |
|
||||||
loaded = true; |
|
||||||
reLayout(timer.skinny, true); |
|
||||||
}; |
|
||||||
|
|
||||||
var reLayout = function(skinny, reload) { |
|
||||||
if (c.has.text) { |
|
||||||
if (skinny) { |
|
||||||
if (!is_skinny || reload) { |
|
||||||
VMM.Lib.removeClass($slide, "pad-left"); |
|
||||||
VMM.Lib.detach($text); |
|
||||||
VMM.Lib.detach($media); |
|
||||||
VMM.Lib.append($slide, $text); |
|
||||||
VMM.Lib.append($slide, $media); |
|
||||||
is_skinny = true; |
|
||||||
}
|
|
||||||
} else { |
|
||||||
if (is_skinny || reload) { |
|
||||||
VMM.Lib.addClass($slide, "pad-left"); |
|
||||||
VMM.Lib.detach($text); |
|
||||||
VMM.Lib.detach($media); |
|
||||||
VMM.Lib.append($slide, $media); |
|
||||||
VMM.Lib.append($slide, $text); |
|
||||||
is_skinny = false; |
|
||||||
|
|
||||||
}
|
|
||||||
} |
|
||||||
} else if (reload) { |
|
||||||
if (c.has.headline) { |
|
||||||
VMM.Lib.detach($text); |
|
||||||
VMM.Lib.append($slide, $text); |
|
||||||
} |
|
||||||
VMM.Lib.detach($media); |
|
||||||
VMM.Lib.append($slide, $media); |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
var buildSlide = function() { |
|
||||||
trace("BUILDSLIDE"); |
|
||||||
$wrap = VMM.appendAndGetElement(element, "<div>", "content"); |
|
||||||
$slide = VMM.appendAndGetElement($wrap, "<div>"); |
|
||||||
|
|
||||||
/* DATE |
|
||||||
================================================== */ |
|
||||||
if (data.startdate != null && data.startdate != "") { |
|
||||||
if (type.of(data.startdate) == "date") { |
|
||||||
if (data.type != "start") { |
|
||||||
var st = VMM.Date.prettyDate(data.startdate); |
|
||||||
var en = VMM.Date.prettyDate(data.enddate); |
|
||||||
if (st != en) { |
|
||||||
c.text += VMM.createElement("h2", st + " — " + en + "", "date"); |
|
||||||
} else { |
|
||||||
c.text += VMM.createElement("h2", st, "date"); |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
/* HEADLINE |
|
||||||
================================================== */ |
|
||||||
if (data.headline != null && data.headline != "") { |
|
||||||
c.has.headline = true; |
|
||||||
if (data.type == "start") { |
|
||||||
c.text += VMM.createElement("h2", VMM.Util.linkify_with_twitter(data.headline, "_blank"), "start"); |
|
||||||
} else {
|
|
||||||
c.text += VMM.createElement("h3", VMM.Util.linkify_with_twitter(data.headline, "_blank")); |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
/* TEXT |
|
||||||
================================================== */ |
|
||||||
if (data.text != null && data.text != "") { |
|
||||||
c.has.text = true; |
|
||||||
c.text += VMM.createElement("p", VMM.Util.linkify_with_twitter(data.text, "_blank")); |
|
||||||
} |
|
||||||
|
|
||||||
if (c.has.text || c.has.headline) { |
|
||||||
c.text = VMM.createElement("div", c.text, "container"); |
|
||||||
//$text = VMM.appendAndGetElement($slide, "<div>", "text", c.text);
|
|
||||||
|
|
||||||
$text = VMM.appendAndGetElement($slide, "<div>", "text", VMM.TextElement.create(c.text)); |
|
||||||
|
|
||||||
} |
|
||||||
|
|
||||||
/* SLUG |
|
||||||
================================================== */ |
|
||||||
if (data.needs_slug) { |
|
||||||
|
|
||||||
} |
|
||||||
|
|
||||||
/* MEDIA |
|
||||||
================================================== */ |
|
||||||
if (data.asset != null && data.asset != "") { |
|
||||||
if (data.asset.media != null && data.asset.media != "") { |
|
||||||
c.has.media = true; |
|
||||||
$media = VMM.appendAndGetElement($slide, "<div>", "media", VMM.MediaElement.create(data.asset)); |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
/* COMBINE |
|
||||||
================================================== */ |
|
||||||
if (c.has.text) { c.layout += "-text" }; |
|
||||||
if (c.has.media){ c.layout += "-media" }; |
|
||||||
|
|
||||||
if (c.has.text) { |
|
||||||
if (timer.skinny) { |
|
||||||
VMM.Lib.addClass($slide, c.layout); |
|
||||||
is_skinny = true; |
|
||||||
} else { |
|
||||||
VMM.Lib.addClass($slide, c.layout); |
|
||||||
VMM.Lib.addClass($slide, "pad-left"); |
|
||||||
VMM.Lib.detach($text); |
|
||||||
VMM.Lib.append($slide, $text); |
|
||||||
} |
|
||||||
|
|
||||||
} else { |
|
||||||
VMM.Lib.addClass($slide, c.layout); |
|
||||||
} |
|
||||||
|
|
||||||
|
|
||||||
}; |
|
||||||
|
|
||||||
} |
|
||||||
|
|
||||||
}; |
|
||||||
Loading…
Reference in new issue