mirror of
https://github.com/KevinMidboe/planetposen-original.git
synced 2025-10-29 17:50:33 +00:00
423 lines
35 KiB
JavaScript
423 lines
35 KiB
JavaScript
//
|
|
// iWeb - WidgetCommon.js
|
|
// Copyright (c) 2007-2008 Apple Inc. All rights reserved.
|
|
//
|
|
|
|
var widgets=[];var identifiersToStringLocalizations=[];var Widget=Class.create({initialize:function(instanceID,widgetPath,sharedPath,sitePath,preferences,runningInApp)
|
|
{if(instanceID)
|
|
{this.instanceID=instanceID;this.widgetPath=widgetPath;this.sharedPath=sharedPath;this.sitePath=sitePath;this.preferences=preferences;this.runningInApp=(runningInApp===undefined)?false:runningInApp;this.onloadReceived=false;if(this.preferences&&this.runningInApp==true)
|
|
{this.preferences.widget=this;setTransparentGifURL(this.sharedPath.stringByAppendingPathComponent("None.gif"));}
|
|
this.div().widget=this;window[instanceID]=this;widgets.push(this);widgets[instanceID]=this;if(!this.constructor.instances)
|
|
{this.constructor.instances=new Array();}
|
|
this.constructor.instances.push(this);}},div:function()
|
|
{var divID=this.instanceID;if(arguments.length==1)
|
|
{divID=this.instanceID+"-"+arguments[0];}
|
|
return $(divID);},onload:function()
|
|
{this.onloadReceived=true;},onunload:function()
|
|
{},didBecomeSelected:function()
|
|
{},didBecomeDeselected:function()
|
|
{},didBeginEditing:function()
|
|
{},didEndEditing:function()
|
|
{},setNeedsDisplay:function()
|
|
{},preferenceForKey:function(key)
|
|
{var value;if(this.preferences)
|
|
value=this.preferences[key];return value;},initializeDefaultPreferences:function(prefs)
|
|
{var self=this;$H(prefs).each(function(pair)
|
|
{if(self.preferenceForKey(pair.key)===undefined)
|
|
{self.setPreferenceForKey(pair.value,pair.key,false);}});},setPreferenceForKey:function(preference,key,registerUndo)
|
|
{if(this.runningInApp)
|
|
{if(registerUndo===undefined)
|
|
registerUndo=true;if((registerUndo==false)&&this.preferences.disableUndoRegistration)
|
|
this.preferences.disableUndoRegistration();this.preferences[key]=preference;if((registerUndo==false)&&this.preferences.enableUndoRegistration)
|
|
this.preferences.enableUndoRegistration();}
|
|
else
|
|
{this.preferences[key]=preference;this.changedPreferenceForKey(key);}},changedPreferenceForKey:function(key)
|
|
{},postNotificationWithNameAndUserInfo:function(name,userInfo)
|
|
{if(window.NotificationCenter!==undefined)
|
|
{NotificationCenter.postNotification(new IWNotification(name,null,userInfo));}},sizeWillChange:function()
|
|
{},sizeDidChange:function()
|
|
{},widgetWidth:function()
|
|
{var enclosingDiv=this.div();if(enclosingDiv)
|
|
return enclosingDiv.offsetWidth;else
|
|
return null;},widgetHeight:function()
|
|
{var enclosingDiv=this.div();if(enclosingDiv)
|
|
return enclosingDiv.offsetHeight;else
|
|
return null;},getInstanceId:function(id)
|
|
{var fullId=this.instanceID+"-"+id;if(arguments.length==2)
|
|
{fullId+=("$"+arguments[1]);}
|
|
return fullId;},getElementById:function(id)
|
|
{var fullId=this.getInstanceId.apply(this,arguments);return $(fullId);},localizedString:function(string)
|
|
{return LocalizedString(this.widgetIdentifier,string);},showView:function(viewName)
|
|
{var futureView=this.m_views[viewName];if((futureView!=this.m_currentView)&&(futureView!=this.m_futureView))
|
|
{this.m_futureView=futureView;if(this.m_fadeAnimation)
|
|
{this.m_fadeAnimation.stop();}
|
|
var previousView=this.m_currentView;this.m_currentView=futureView;var currentView=this.m_currentView;this.m_futureView=null;this.m_fadeAnimation=new SimpleAnimation(function(){delete this.m_fadeAnimation;}.bind(this));this.m_fadeAnimation.pre=function()
|
|
{if(previousView)
|
|
{previousView.ensureDiv().setStyle({zIndex:0,opacity:1});}
|
|
if(currentView)
|
|
{currentView.ensureDiv().setStyle({zIndex:1,opacity:0});currentView.show();currentView.render();}}
|
|
this.m_fadeAnimation.post=function()
|
|
{!previousView||previousView.hide();!currentView||currentView.ensureDiv().setStyle({zIndex:'',opacity:1});!currentView||!currentView.doneFadingIn||currentView.doneFadingIn();}
|
|
this.m_fadeAnimation.update=function(now)
|
|
{!currentView||currentView.ensureDiv().setOpacity(now);!previousView||previousView.ensureDiv().setOpacity(1-now);}.bind(this);this.m_fadeAnimation.start();}}});Widget.onload=function()
|
|
{for(var i=0;i<widgets.length;i++)
|
|
{widgets[i].onload();}}
|
|
Widget.onunload=function()
|
|
{for(var i=0;i<widgets.length;i++)
|
|
{widgets[i].onunload();}}
|
|
function RegisterWidgetStrings(identifier,strings)
|
|
{identifiersToStringLocalizations[identifier]=strings;}
|
|
function LocalizedString(identifier,string)
|
|
{var localized=undefined;var localizations=identifiersToStringLocalizations[identifier];if(localizations===undefined)
|
|
{iWLog("warning: no localizations for widget "+identifier+", (key:"+string+")");}
|
|
else
|
|
{localized=localizations[string];}
|
|
if(localized===undefined)
|
|
{iWLog("warning: couldn't find a localization for '"+string+"' for widget "+identifier);localized=string;}
|
|
return localized;}
|
|
function WriteLocalizedString(identifier,string)
|
|
{document.write(LocalizedString(identifier,string));}
|
|
var JSONFeedRendererWidget=Class.create(Widget,{initialize:function($super,instanceID,widgetPath,sharedPath,sitePath,preferences,runningInApp)
|
|
{if(instanceID)
|
|
{$super(instanceID,widgetPath,sharedPath,sitePath,preferences,runningInApp);}},changedPreferenceForKey:function(key)
|
|
{try
|
|
{var value=this.preferenceForKey(key);if(key=="sfr-shadow")
|
|
{if(value!=null)
|
|
{this.sfrShadow=eval(value);}
|
|
else
|
|
{this.sfrShadow=null;}
|
|
this.renderFeedItems("sfr-shadow");}
|
|
if(key=="sfr-stroke")
|
|
{if(value!==null)
|
|
this.sfrStroke=eval(value);else
|
|
this.sfrStroke=null;this.invalidateFeedItems("sfr-stroke");}
|
|
if(key=="sfr-reflection")
|
|
{if(value!==null)
|
|
{this.sfrReflection=eval(value);}
|
|
else
|
|
{this.sfrReflection=null;}
|
|
this.invalidateFeedItems("sfr-reflection");}}
|
|
catch(e)
|
|
{iWLog("JSONFeedRendererWidget: exception");debugPrintException(e);}},invalidateFeedItems:function(reason)
|
|
{trace('invalidateFeedItems(%s)',reason);if(this.pendingRender!==null)
|
|
{clearTimeout(this.pendingRender);}
|
|
this.pendingRender=setTimeout(function()
|
|
{this.pendingRender=null;this.renderFeedItems(reason);}.bind(this),50);},rerenderImage:function(imgGroupDiv,imgDiv,imageUrlString,entryHasImage,photoProportions,imageWidth,positioningHandler,onloadHandler)
|
|
{imgGroupDiv.update();if(entryHasImage)
|
|
{imgGroupDiv.strokeApplied=false;imgGroupDiv.reflectionApplied=false;imgGroupDiv.shadowApplied=false;imgGroupDiv.setStyle({marginLeft:0,marginTop:0,marginRight:0,marginBottom:0});imgGroupDiv.style.position='relative';imgDiv.style.position='relative';var imageUrl=imageUrlString||transparentGifURL();var image=IWCreateImage(imageUrl);image.load(function(image,imgDiv,imgGroupDiv,positioningHandler,onloadHandler)
|
|
{var cropDiv=this.croppingDivForImage(image,photoProportions,imageWidth);imgGroupDiv.appendChild(cropDiv);if(positioningHandler)
|
|
{positioningHandler();}
|
|
if(image.sourceURL()!==transparentGifURL())
|
|
{this.applyEffects(imgGroupDiv);}
|
|
if(onloadHandler)
|
|
{onloadHandler();}}.bind(this,image,imgDiv,imgGroupDiv,positioningHandler,onloadHandler));}},croppingDivForImage:function(image,kind,width)
|
|
{var croppedSize=function(originalSize,cropKind,width)
|
|
{if(cropKind=="Square")
|
|
{return new IWSize(width,width);}
|
|
else if(cropKind=="Landscape")
|
|
{return new IWSize(width,width*(3/4));}
|
|
else if(cropKind=="Portrait")
|
|
{return new IWSize(width,width*(4/3));}
|
|
else
|
|
{var scaleFactor=width/originalSize.width;return originalSize.scale(scaleFactor,scaleFactor,true);}};var cropDiv=null;if(image.loaded())
|
|
{var img=$(document.createElement('img'));img.src=image.sourceURL();var natural=image.naturalSize();cropDiv=$(document.createElement("div"));cropDiv.appendChild(img);var croppingDivForImage_helper=function(loadedImage)
|
|
{if(loadedImage)
|
|
{natural=new IWSize(loadedImage.width,loadedImage.height);}
|
|
var cropped=croppedSize(natural,kind,width);var scaleFactor=cropped.width/natural.width;if(natural.aspectRatio()>cropped.aspectRatio())
|
|
{scaleFactor=cropped.height/natural.height;}
|
|
var scaled=natural.scale(scaleFactor);var offset=new IWPoint(Math.abs(scaled.width-cropped.width)/2,Math.abs(scaled.height-cropped.height)/2);img.setStyle({width:px(scaled.width),height:px(scaled.height),marginLeft:px(-offset.x),marginTop:px(-offset.y),position:'relative'});cropDiv.setStyle({width:px(cropped.width),height:px(cropped.height),overflow:"hidden",position:'relative'});cropDiv.className="crop";}
|
|
if(windowsInternetExplorer&&effectiveBrowserVersion<7&&img.src.indexOf(transparentGifURL())!=-1)
|
|
{var originalImage=new Image();originalImage.src=img.originalSrc;if(originalImage.complete)
|
|
{croppingDivForImage_helper(originalImage);}
|
|
else
|
|
{originalImage.onload=croppingDivForImage_helper.bind(null,originalImage);}}
|
|
else
|
|
{croppingDivForImage_helper(null);}}
|
|
return cropDiv;},applyEffects:function(div)
|
|
{if(this.sfrShadow||this.sfrReflection||this.sfrStroke)
|
|
{if((div.offsetWidth===undefined)||(div.offsetHeight===undefined)||(div.offsetWidth===0)||(div.offsetHeight===0))
|
|
{setTimeout(JSONFeedRendererWidget.prototype.applyEffects.bind(this,div),0)
|
|
return;}
|
|
if(this.sfrStroke&&(div.strokeApplied==false))
|
|
{this.sfrStroke.applyToElement(div);div.strokeApplied=true;}
|
|
if(this.sfrReflection&&(div.reflectionApplied==false))
|
|
{this.sfrReflection.applyToElement(div);div.reflectionApplied=true;}
|
|
if(this.sfrShadow&&(!this.disableShadows)&&(div.shadowApplied==false))
|
|
{this.sfrShadow.applyToElement(div);div.shadowApplied=true;}
|
|
if(this.runningInApp&&(window.webKitVersion<=419)&&this.preferences.setNeedsDisplay)
|
|
{this.preferences.setNeedsDisplay();}}
|
|
if(windowsInternetExplorer)
|
|
{var cropDivs=div.select(".crop");var cropDiv=cropDivs[cropDivs.length-1];if(cropDiv)
|
|
{cropDiv.onclick=function()
|
|
{var anchorNode=div.parentNode;var targetHref=locationHRef();while(anchorNode&&(anchorNode.tagName!="A"))
|
|
{anchorNode=anchorNode.parentNode}
|
|
if(anchorNode)
|
|
{targetHref=anchorNode.href;}
|
|
window.location=targetHref;};cropDiv.onmouseover=function()
|
|
{this.style.cursor='pointer';}}}},summaryExcerpt:function(descriptionHTML,maxSummaryLength)
|
|
{var div=document.createElement("div");div.innerHTML=descriptionHTML;if(maxSummaryLength>0)
|
|
{var model=new HTMLTextModel(div);model.truncateAroundPosition(maxSummaryLength,"...");}
|
|
else if(maxSummaryLength===0)
|
|
{div.innerHTML="";}
|
|
return div.innerHTML;}});var PrefMarkupWidget=Class.create(Widget,{initialize:function($super,instanceID,widgetPath,sharedPath,sitePath,preferences,runningInApp)
|
|
{if(instanceID)
|
|
{$super(instanceID,widgetPath,sharedPath,sitePath,preferences,runningInApp);}},onload:function()
|
|
{if(!this.runningInApp)
|
|
{this.setUpSubDocumentOnLoad();}},setUpSubDocumentOnLoad:function()
|
|
{var self=this;var oIFrame=this.getElementById("frame");if(oIFrame)
|
|
{setTimeout(function(){self.loadedSubDocument()},250);}},loadedSubDocument:function()
|
|
{var oIFrame=this.getElementById("frame");var oSubDocument=oIFrame.contentWindow||oIFrame.contentDocument;if(oSubDocument.document)
|
|
{oSubDocument=oSubDocument.document;}
|
|
if(oSubDocument.body)
|
|
{this.fixTargetOnElements(oSubDocument,"a");this.fixTargetOnElements(oSubDocument,"form");}
|
|
else
|
|
{var self=this;setTimeout(function(){self.loadedSubDocument()},250);}},fixTargetOnElements:function(doc,tagName)
|
|
{var elements=doc.getElementsByTagName(tagName);for(var i=0;i<elements.length;i++)
|
|
{var target=elements[i].target;if(target===undefined||target=="")
|
|
elements[i].target="_top";}}});function IWScrollbar(scrollbar)
|
|
{}
|
|
IWScrollbar.prototype._init=function()
|
|
{var style=null;var element=null;this._track=$(document.createElement("div"));style=this._track.style;style.height="100%";style.width="100%";this.scrollbar.appendChild(this._track);element=$(document.createElement("div"));element.style.position="absolute";this._setObjectStart(element,0);this._track.appendChild(element);element=$(document.createElement("div"));element.style.position="absolute";this._track.appendChild(element);element=$(document.createElement("div"));element.style.position="absolute";windowsInternetExplorer||this._setObjectEnd(element,0);this._track.appendChild(element);this._thumb=$(document.createElement("div"));style=this._thumb.style;style.position="absolute";this._setObjectSize(this._thumb,this.minThumbSize);this._track.appendChild(this._thumb);element=$(document.createElement("div"));element.style.position="absolute";this._setObjectStart(element,0);this._thumb.appendChild(element);element=$(document.createElement("div"));element.style.position="absolute";this._thumb.appendChild(element);element=$(document.createElement("div"));element.style.position="absolute";windowsInternetExplorer||this._setObjectEnd(element,0);this._thumb.appendChild(element);this.setSize(this.size);this.setTrackStart(this.trackStartPath,this.trackStartLength);this.setTrackMiddle(this.trackMiddlePath);this.setTrackEnd(this.trackEndPath,this.trackEndLength);this.setThumbStart(this.thumbStartPath,this.thumbStartLength);this.setThumbMiddle(this.thumbMiddlePath);this.setThumbEnd(this.thumbEndPath,this.thumbEndLength);this._thumb.style.display="none";Event.observe(this._track,"mousedown",this._mousedownTrackHandler,false);Event.observe(this._thumb,"mousedown",this._mousedownThumbHandler,false);}
|
|
IWScrollbar.prototype.remove=function()
|
|
{this.scrollbar.removeChild(this._track);}
|
|
IWScrollbar.prototype._captureEvent=function(event)
|
|
{event.stopPropagation();event.preventDefault();}
|
|
IWScrollbar.prototype._mousedownThumb=function(event)
|
|
{Event.observe(document,"mousemove",this._mousemoveThumbHandler,true);Event.observe(document,"mouseup",this._mouseupThumbHandler,true);Event.observe(document,"mouseover",this._captureEventHandler,true);Event.observe(document,"mouseout",this._captureEventHandler,true);this._thumbStart_temp=this._getMousePosition(event);this._scroll_thumbStartPos=this._getThumbStartPos();event.stopPropagation();event.preventDefault();}
|
|
IWScrollbar.prototype._mousemoveThumb=function(event)
|
|
{var delta=this._getMousePosition(event)-this._thumbStart_temp;var new_pos=this._scroll_thumbStartPos+delta;this.scrollTo(this._contentPositionForThumbPosition(new_pos));event.stopPropagation();event.preventDefault();}
|
|
IWScrollbar.prototype._mouseupThumb=function(event)
|
|
{Event.stopObserving(document,"mousemove",this._mousemoveThumbHandler,true);Event.stopObserving(document,"mouseup",this._mouseupThumbHandler,true);Event.stopObserving(document,"mouseover",this._captureEventHandler,true);Event.stopObserving(document,"mouseout",this._captureEventHandler,true);delete this._thumbStart_temp;delete this._scroll_thumbStartPos;event.stopPropagation();event.preventDefault();}
|
|
IWScrollbar.prototype._mousedownTrack=function(event)
|
|
{this._track_mouse_temp=this._getMousePosition(event)-this._trackOffset;if(event.altKey)
|
|
{this.scrollTo(this._contentPositionForThumbPosition(this._track_mouse_temp-(this._thumbLength/2)));delete this._track_mouse_temp;}
|
|
else
|
|
{this._track_scrolling=true;Event.observe(this._track,"mousemove",this._mousemoveTrackHandler,true);Event.observe(this._track,"mouseover",this._mouseoverTrackHandler,true);Event.observe(this._track,"mouseout",this._mouseoutTrackHandler,true);Event.observe(document,"mouseup",this._mouseupTrackHandler,true);this._trackScrollOnePage(this);this._track_timer=setInterval(this._trackScrollDelay,500,this);}
|
|
event.stopPropagation();event.preventDefault();}
|
|
IWScrollbar.prototype._trackScrollDelay=function(self)
|
|
{if(!self._track_scrolling)return;clearInterval(self._track_timer);self._trackScrollOnePage(self);self._track_timer=setInterval(self._trackScrollOnePage,150,self);}
|
|
IWScrollbar.prototype._mousemoveTrack=function(event)
|
|
{this._track_mouse_temp=this._getMousePosition(event)-this._trackOffset;event.stopPropagation();event.preventDefault();}
|
|
IWScrollbar.prototype._mouseoverTrack=function(event)
|
|
{this._track_mouse_temp=this._getMousePosition(event)-this._trackOffset;this._track_scrolling=true;event.stopPropagation();event.preventDefault();}
|
|
IWScrollbar.prototype._mouseoutTrack=function(event)
|
|
{this._track_scrolling=false;event.stopPropagation();event.preventDefault();}
|
|
IWScrollbar.prototype._mouseupTrack=function(event)
|
|
{clearInterval(this._track_timer);Event.stopObserving(this._track,"mousemove",this._mousemoveTrackHandler,true);Event.stopObserving(this._track,"mouseover",this._mouseoverTrackHandler,true);Event.stopObserving(this._track,"mouseout",this._mouseoutTrackHandler,true);Event.stopObserving(document,"mouseup",this._mouseupTrackHandler,true);delete this._track_mouse_temp;delete this._track_scrolling;delete this._track_timer;event.stopPropagation();event.preventDefault();}
|
|
IWScrollbar.prototype._trackScrollOnePage=function(self)
|
|
{if(!self._track_scrolling)return;var deltaScroll=Math.round(self._trackLength*self._getViewToContentRatio());if(self._track_mouse_temp<self._thumbStart)
|
|
self.scrollByThumbDelta(-deltaScroll);else if(self._track_mouse_temp>(self._thumbStart+self._thumbLength))
|
|
self.scrollByThumbDelta(deltaScroll);}
|
|
IWScrollbar.prototype.setScrollArea=function(scrollarea)
|
|
{if(this.scrollarea)
|
|
{Event.stopObserving(this.scrollbar,"mousewheel",this.scrollarea._mousewheelScrollHandler,true);Event.stopObserving(this.scrollbar,"DOMMouseScroll",this.scrollarea._mousewheelScrollHandler,true);}
|
|
this.scrollarea=scrollarea;Event.observe(this.scrollbar,"mousewheel",this.scrollarea._mousewheelScrollHandler,true);Event.observe(this.scrollbar,"DOMMouseScroll",this.scrollarea._mousewheelScrollHandler,true);}
|
|
IWScrollbar.prototype.refresh=function()
|
|
{this._trackOffset=this._computeTrackOffset();this._trackLength=this._computeTrackLength();var ratio=this._getViewToContentRatio();if(ratio>=1.0||!this._canScroll())
|
|
{if(this.autohide)
|
|
{this.hide();}
|
|
this._thumb.style.display="none";this.scrollbar.style.appleDashboardRegion="none";}
|
|
else
|
|
{this._thumbLength=Math.max(Math.round(this._trackLength*ratio),this.minThumbSize);this._numScrollablePixels=this._trackLength-this._thumbLength-(2*this.padding);this._setObjectLength(this._thumb,this._thumbLength);if(windowsInternetExplorer)
|
|
{this._setObjectStart(this._thumb.down().next(),this.thumbStartLength);this._setObjectLength(this._thumb.down().next(),this._thumbLength
|
|
-this.thumbStartLength-this.thumbEndLength);this._setObjectStart(this._thumb.down().next(1),this._thumbLength-this.thumbEndLength);this._setObjectLength(this._thumb.down().next(1),this.thumbEndLength);if(!this.fixedUpIEPNGBGs)
|
|
{fixupIEPNGBGsInTree(this._track);Event.stopObserving(this._track,"mousedown",this._mousedownTrackHandler);Event.stopObserving(this._thumb,"mousedown",this._mousedownThumbHandler);Event.observe(this._track,"mousedown",this._mousedownTrackHandler);Event.observe(this._thumb,"mousedown",this._mousedownThumbHandler);this.fixedUpIEPNGBGs=true;}}
|
|
this._thumb.style.display="block";this.scrollbar.style.appleDashboardRegion="dashboard-region(control rectangle)";this.show();}
|
|
this.verticalHasScrolled();this.horizontalHasScrolled();}
|
|
IWScrollbar.prototype.setAutohide=function(autohide)
|
|
{this.autohide=autohide;if(this._getViewToContentRatio()>=1.0&&autohide)
|
|
{this.hide();}
|
|
else
|
|
{this.show();}}
|
|
IWScrollbar.prototype.hide=function()
|
|
{this._track.style.display="none";this.hidden=true;}
|
|
IWScrollbar.prototype.show=function()
|
|
{this._track.style.display="block";this.hidden=false;}
|
|
IWScrollbar.prototype.setSize=function(size)
|
|
{this.size=size;this._setObjectSize(this.scrollbar,size);this._setObjectSize(this._track.down().next(),size);this._setObjectSize(this._thumb.down().next(),size);}
|
|
IWScrollbar.prototype.setTrackStart=function(imgpath,length)
|
|
{this.trackStartPath=imgpath;this.trackStartLength=length;var element=this._track.down();element.style.background="url("+imgpath+") no-repeat top left";this._setObjectLength(element,length);this._setObjectSize(element,this.size);this._setObjectStart(this._track.down().next(),length);}
|
|
IWScrollbar.prototype.setTrackMiddle=function(imgpath)
|
|
{this.trackMiddlePath=imgpath;this._track.down().next().style.background="url("+imgpath+") "+this._repeatType+" top left";}
|
|
IWScrollbar.prototype.setTrackEnd=function(imgpath,length)
|
|
{this.trackEndPath=imgpath;this.trackEndLength=length;var element=this._track.down().next(1);element.style.background="url("+imgpath+") no-repeat top left";this._setObjectLength(element,length);this._setObjectSize(element,this.size);windowsInternetExplorer||this._setObjectEnd(this._track.down().next(),length);}
|
|
IWScrollbar.prototype.setThumbStart=function(imgpath,length)
|
|
{this.thumbStartPath=imgpath;this.thumbStartLength=length;var element=this._thumb.down();element.style.background="url("+imgpath+") no-repeat top left";this._setObjectLength(element,length);this._setObjectSize(element,this.size);this._setObjectStart(this._thumb.down().next(),length);}
|
|
IWScrollbar.prototype.setThumbMiddle=function(imgpath)
|
|
{this.thumbMiddlePath=imgpath;this._thumb.down().next().style.background="url("+imgpath+") "+this._repeatType+" top left";}
|
|
IWScrollbar.prototype.setThumbEnd=function(imgpath,length)
|
|
{this.thumbEndPath=imgpath;this.thumbEndLength=length;var element=this._thumb.down().next(1);element.style.background="url("+imgpath+") no-repeat top left";this._setObjectLength(element,length);this._setObjectSize(element,this.size);windowsInternetExplorer||this._setObjectEnd(this._thumb.down().next(),length);}
|
|
IWScrollbar.prototype._contentPositionForThumbPosition=function(thumb_pos)
|
|
{if(this._getViewToContentRatio()>=1.0)
|
|
{return 0;}
|
|
else
|
|
{return(thumb_pos-this.padding)*((this._getContentLength()-this._getViewLength())/this._numScrollablePixels);}}
|
|
IWScrollbar.prototype._thumbPositionForContentPosition=function(page_pos)
|
|
{if(this._getViewToContentRatio()>=1.0)
|
|
{return this.padding;}
|
|
else
|
|
{var result=this.padding+(page_pos/((this._getContentLength()-this._getViewLength())/this._numScrollablePixels));if(isNaN(result))
|
|
result=0;return result;}}
|
|
IWScrollbar.prototype.scrollByThumbDelta=function(deltaScroll)
|
|
{if(deltaScroll==0)
|
|
return;this.scrollTo(this._contentPositionForThumbPosition(this._thumbStart+deltaScroll));}
|
|
function IWVerticalScrollbar(scrollbar)
|
|
{this.scrollarea=null;this.scrollbar=$(scrollbar);this.minThumbSize=28;this.padding=-1;this.autohide=true;this.hidden=true;this.size=19;this.trackStartPath=transparentGifURL();this.trackStartLength=18;this.trackMiddlePath=transparentGifURL();this.trackEndPath=transparentGifURL();this.trackEndLength=18;this.thumbStartPath=transparentGifURL();this.thumbStartLength=9;this.thumbMiddlePath=transparentGifURL();this.thumbEndPath=transparentGifURL();this.thumbEndLength=9;this._track=null;this._thumb=null;this._trackOffset=0;this._trackLength=0;this._numScrollablePixels=0;this._thumbLength=0;this._repeatType="repeat-y";this._thumbStart=this.padding;var _self=this;this._captureEventHandler=function(event){_self._captureEvent(event);};this._mousedownThumbHandler=function(event){_self._mousedownThumb(event);};this._mousemoveThumbHandler=function(event){_self._mousemoveThumb(event);};this._mouseupThumbHandler=function(event){_self._mouseupThumb(event);};this._mousedownTrackHandler=function(event){_self._mousedownTrack(event);};this._mousemoveTrackHandler=function(event){_self._mousemoveTrack(event);};this._mouseoverTrackHandler=function(event){_self._mouseoverTrack(event);};this._mouseoutTrackHandler=function(event){_self._mouseoutTrack(event);};this._mouseupTrackHandler=function(event){_self._mouseupTrack(event);};this._init();}
|
|
IWVerticalScrollbar.prototype=new IWScrollbar(null);IWVerticalScrollbar.prototype.scrollTo=function(pos)
|
|
{this.scrollarea.verticalScrollTo(pos);}
|
|
IWVerticalScrollbar.prototype._setObjectSize=function(object,size)
|
|
{object.style.width=size+"px";}
|
|
IWVerticalScrollbar.prototype._setObjectLength=function(object,length)
|
|
{object.style.height=length+"px";}
|
|
IWVerticalScrollbar.prototype._setObjectStart=function(object,start)
|
|
{object.style.top=start+"px";}
|
|
IWVerticalScrollbar.prototype._setObjectEnd=function(object,end)
|
|
{object.style.bottom=end+"px";}
|
|
IWVerticalScrollbar.prototype._getMousePosition=function(event)
|
|
{if(event!=undefined)
|
|
return Event.pointerY(event);else
|
|
return 0;}
|
|
IWVerticalScrollbar.prototype._getThumbStartPos=function()
|
|
{return this._thumb.offsetTop;}
|
|
IWVerticalScrollbar.prototype._computeTrackOffset=function()
|
|
{var obj=this.scrollbar;var curtop=0;while(obj.offsetParent)
|
|
{curtop+=obj.offsetTop;obj=obj.offsetParent;}
|
|
return curtop;}
|
|
IWVerticalScrollbar.prototype._computeTrackLength=function()
|
|
{return this.scrollbar.offsetHeight;}
|
|
IWVerticalScrollbar.prototype._getViewToContentRatio=function()
|
|
{return this.scrollarea.viewToContentHeightRatio;}
|
|
IWVerticalScrollbar.prototype._getContentLength=function()
|
|
{return this.scrollarea.content.scrollHeight;}
|
|
IWVerticalScrollbar.prototype._getViewLength=function()
|
|
{return this.scrollarea.viewHeight;}
|
|
IWVerticalScrollbar.prototype._canScroll=function()
|
|
{return this.scrollarea.scrollsVertically;}
|
|
IWVerticalScrollbar.prototype.verticalHasScrolled=function()
|
|
{var new_thumb_pos=this._thumbPositionForContentPosition(this.scrollarea.content.scrollTop);this._thumbStart=new_thumb_pos;this._thumb.style.top=new_thumb_pos+"px";}
|
|
IWVerticalScrollbar.prototype.horizontalHasScrolled=function()
|
|
{}
|
|
function IWHorizontalScrollbar(scrollbar)
|
|
{this.scrollarea=null;this.scrollbar=$(scrollbar);this.minThumbSize=28;this.padding=-1;this.autohide=true;this.hidden=true;this.size=19;this.trackStartPath=transparentGifURL();this.trackStartLength=18;this.trackMiddlePath=transparentGifURL();this.trackEndPath=transparentGifURL();this.trackEndLength=18;this.thumbStartPath=transparentGifURL();this.thumbStartLength=9;this.thumbMiddlePath=transparentGifURL();this.thumbEndPath=transparentGifURL();this.thumbEndLength=9;this._track=null;this._thumb=null;this._trackOffset=0;this._trackLength=0;this._numScrollablePixels=0;this._thumbLength=0;this._repeatType="repeat-x";this._thumbStart=this.padding;var _self=this;this._captureEventHandler=function(event){_self._captureEvent(event);};this._mousedownThumbHandler=function(event){_self._mousedownThumb(event);};this._mousemoveThumbHandler=function(event){_self._mousemoveThumb(event);};this._mouseupThumbHandler=function(event){_self._mouseupThumb(event);};this._mousedownTrackHandler=function(event){_self._mousedownTrack(event);};this._mousemoveTrackHandler=function(event){_self._mousemoveTrack(event);};this._mouseoverTrackHandler=function(event){_self._mouseoverTrack(event);};this._mouseoutTrackHandler=function(event){_self._mouseoutTrack(event);};this._mouseupTrackHandler=function(event){_self._mouseupTrack(event);};this._init();}
|
|
IWHorizontalScrollbar.prototype=new IWScrollbar(null);IWHorizontalScrollbar.prototype.scrollTo=function(pos)
|
|
{this.scrollarea.horizontalScrollTo(pos);}
|
|
IWHorizontalScrollbar.prototype._setObjectSize=function(object,size)
|
|
{object.style.height=size+"px";}
|
|
IWHorizontalScrollbar.prototype._setObjectLength=function(object,length)
|
|
{object.style.width=length+"px";}
|
|
IWHorizontalScrollbar.prototype._setObjectStart=function(object,start)
|
|
{object.style.left=start+"px";}
|
|
IWHorizontalScrollbar.prototype._setObjectEnd=function(object,end)
|
|
{object.style.right=end+"px";}
|
|
IWHorizontalScrollbar.prototype._getMousePosition=function(event)
|
|
{if(event!=undefined)
|
|
return Event.pointerX(event);else
|
|
return 0;}
|
|
IWHorizontalScrollbar.prototype._getThumbStartPos=function()
|
|
{return this._thumb.offsetLeft;}
|
|
IWHorizontalScrollbar.prototype._computeTrackOffset=function()
|
|
{var obj=this.scrollbar;var curtop=0;while(obj.offsetParent)
|
|
{curtop+=obj.offsetLeft;obj=obj.offsetParent;}
|
|
return curtop;}
|
|
IWHorizontalScrollbar.prototype._computeTrackLength=function()
|
|
{return this.scrollbar.offsetWidth;}
|
|
IWHorizontalScrollbar.prototype._getViewToContentRatio=function()
|
|
{return this.scrollarea.viewToContentWidthRatio;}
|
|
IWHorizontalScrollbar.prototype._getContentLength=function()
|
|
{return this.scrollarea.content.scrollWidth;}
|
|
IWHorizontalScrollbar.prototype._getViewLength=function()
|
|
{return this.scrollarea.viewWidth;}
|
|
IWHorizontalScrollbar.prototype._canScroll=function()
|
|
{return this.scrollarea.scrollsHorizontally;}
|
|
IWHorizontalScrollbar.prototype.verticalHasScrolled=function()
|
|
{}
|
|
IWHorizontalScrollbar.prototype.horizontalHasScrolled=function()
|
|
{var new_thumb_pos=this._thumbPositionForContentPosition(this.scrollarea.content.scrollLeft);this._thumbStart=new_thumb_pos;this._thumb.style.left=new_thumb_pos+"px";}
|
|
function IWScrollArea(content)
|
|
{this.content=$(content);this.scrollsVertically=true;this.scrollsHorizontally=true;this.singlepressScrollPixels=10;this.viewHeight=0;this.viewToContentHeightRatio=1.0;this.viewWidth=0;this.viewToContentWidthRatio=1.0;this._scrollbars=new Array();var _self=this;this._refreshHandler=function(){_self.refresh();};this._keyPressedHandler=function(){_self.keyPressed(event);};this._mousewheelScrollHandler=function(event){_self.mousewheelScroll(event);};this.content.style.overflow="hidden";this.content.scrollTop=0;this.content.scrollLeft=0;Event.observe(this.content,"mousewheel",this._mousewheelScrollHandler,true);Event.observe(this.content,"DOMMouseScroll",this._mousewheelScrollHandler,true);this.refresh();var c=arguments.length;for(var i=1;i<c;++i)
|
|
{this.addScrollbar(arguments[i]);}}
|
|
IWScrollArea.prototype.addScrollbar=function(scrollbar)
|
|
{scrollbar.setScrollArea(this);this._scrollbars.push(scrollbar);scrollbar.refresh();}
|
|
IWScrollArea.prototype.removeScrollbar=function(scrollbar)
|
|
{var scrollbars=this._scrollbars;var c=scrollbars.length;for(var i=0;i<c;++i)
|
|
{if(scrollbars[i]==scrollbar)
|
|
{scrollbars.splice(i,1);break;}}}
|
|
IWScrollArea.prototype.remove=function()
|
|
{Event.stopObserving(this.content,"mousewheel",this._mousewheelScrollHandler,true);Event.stopObserving(this.content,"DOMMouseScroll",this._mousewheelScrollHandler,true);var scrollbars=this._scrollbars;var c=scrollbars.length;for(var i=0;i<c;++i)
|
|
{scrollbars[i].setScrollArea(null);}}
|
|
IWScrollArea.prototype.refresh=function()
|
|
{this.viewHeight=this.content.offsetHeight;this.viewWidth=this.content.offsetWidth;if(this.content.scrollHeight>this.viewHeight)
|
|
{this.viewToContentHeightRatio=this.viewHeight/this.content.scrollHeight;this.verticalScrollTo(this.content.scrollTop);}
|
|
else
|
|
{this.viewToContentHeightRatio=1.0;this.verticalScrollTo(0);}
|
|
if(this.content.scrollWidth>this.viewWidth)
|
|
{this.viewToContentWidthRatio=this.viewWidth/this.content.scrollWidth;this.horizontalScrollTo(this.content.scrollLeft);}
|
|
else
|
|
{this.viewToContentWidthRatio=1.0;this.horizontalScrollTo(0);}
|
|
var scrollbars=this._scrollbars;var c=scrollbars.length;for(var i=0;i<c;++i)
|
|
{scrollbars[i].refresh();}}
|
|
IWScrollArea.prototype.focus=function()
|
|
{Event.observe(document,"keypress",this._keyPressedHandler,true);}
|
|
IWScrollArea.prototype.blur=function()
|
|
{Event.stopObserving(document,"keypress",this._keyPressedHandler,true);}
|
|
IWScrollArea.prototype.reveal=function(element)
|
|
{var offsetY=0;var obj=element;do
|
|
{offsetY+=obj.offsetTop;obj=obj.offsetParent;}while(obj&&obj!=this.content);var offsetX=0;obj=element;do
|
|
{offsetX+=obj.offsetLeft;obj=obj.offsetParent;}while(obj&&obj!=this.content);this.verticalScrollTo(offsetY);this.horizontalScrollTo(offsetX);}
|
|
IWScrollArea.prototype.verticalScrollTo=function(new_content_top)
|
|
{if(!this.scrollsVertically)
|
|
return;var bottom=this.content.scrollHeight-this.viewHeight;if(new_content_top<0)
|
|
{new_content_top=0;}
|
|
else if(new_content_top>bottom)
|
|
{new_content_top=bottom;}
|
|
this.content.scrollTop=new_content_top;var scrollbars=this._scrollbars;var c=scrollbars.length;for(var i=0;i<c;++i)
|
|
{scrollbars[i].verticalHasScrolled();}}
|
|
IWScrollArea.prototype.horizontalScrollTo=function(new_content_left)
|
|
{if(!this.scrollsHorizontally)
|
|
return;var right=this.content_width-this.viewWidth;if(new_content_left<0)
|
|
{new_content_left=0;}
|
|
else if(new_content_left>right)
|
|
{new_content_left=right;}
|
|
this.content.scrollLeft=new_content_left;var scrollbars=this._scrollbars;var c=scrollbars.length;for(var i=0;i<c;++i)
|
|
{scrollbars[i].horizontalHasScrolled();}}
|
|
IWScrollArea.prototype.keyPressed=function(event)
|
|
{var handled=true;if(event.altKey)
|
|
return;if(event.shiftKey)
|
|
return;switch(event.keyIdentifier)
|
|
{case"Home":this.verticalScrollTo(0);break;case"End":this.verticalScrollTo(this.content.scrollHeight-this.viewHeight);break;case"Up":this.verticalScrollTo(this.content.scrollTop-this.singlepressScrollPixels);break;case"Down":this.verticalScrollTo(this.content.scrollTop+this.singlepressScrollPixels);break;case"PageUp":this.verticalScrollTo(this.content.scrollTop-this.viewHeight);break;case"PageDown":this.verticalScrollTo(this.content.scrollTop+this.viewHeight);break;case"Left":this.horizontalScrollTo(this.content.scrollLeft-this.singlepressScrollPixels);break;case"Right":this.horizontalScrollTo(this.content.scrollLeft+this.singlepressScrollPixels);break;default:handled=false;}
|
|
if(handled)
|
|
{event.stopPropagation();event.preventDefault();}}
|
|
IWScrollArea.prototype.mousewheelScroll=function(event)
|
|
{var deltaScroll=event.wheelDelta?(event.wheelDelta/120*this.singlepressScrollPixels):(event.detail/-2*this.singlepressScrollPixels);this.verticalScrollTo(this.content.scrollTop-deltaScroll);event.stopPropagation();event.preventDefault();}
|
|
var View=Class.create({initialize:function(widget,parentDiv)
|
|
{this.m_widget=widget;this.m_parentDiv=parentDiv;this.m_divInstanceId=this.m_divId;this.hide();},ensureDiv:function()
|
|
{var div=this.m_widget.div(this.m_divInstanceId);if(!div)
|
|
{div=new Element('div',{'id':this.m_widget.getInstanceId(this.m_divInstanceId)});div.addClassName(this.m_divClass);this.m_parentDiv.appendChild(div);}
|
|
return $(div);},hide:function()
|
|
{this.ensureDiv().hide();},show:function()
|
|
{this.ensureDiv().show();},render:function()
|
|
{},resize:function()
|
|
{}});var StatusView=Class.create(View,{initialize:function($super,widget,parentDiv)
|
|
{$super(widget,parentDiv);this.render();this.hide();},render:function()
|
|
{var markup="<table class='StatusMessageTable'><tr><td>";if(this.badgeImage)
|
|
{markup+=imgMarkup(this.m_widget.widgetPath+"/"+this.badgeImage,"","id='"+this.p_badgeImgId()+"'","");}
|
|
markup+="</td></tr></table>";if(this.upperRightBadgeWidth&&this.upperRightBadgeHeight)
|
|
{var badgeURL=(this.upperRightBadge)?(this.m_widget.widgetPath+"/"+this.upperRightBadge):transparentGifURL();markup+=imgMarkup(badgeURL,"","class='StatusUpperRightBadge' width='"+this.upperRightBadgeWidth+"' height='"+this.upperRightBadgeHeight+"' ","");}
|
|
var overlayPath=this.m_widget.sharedPath.stringByAppendingPathComponent("Translucent-Overlay.png");markup+=imgMarkup(overlayPath,"position: absolute; top: 0; left: 0;","id='"+this.p_overlayImgId()+"' width='700' height='286' ","");if(this.statusMessageKey)
|
|
{markup+="<div id='"+this.p_statusMessageBlockId()+"' class='StatusMessageBlock' ><span>"+
|
|
this.m_widget.localizedString(this.statusMessageKey)+"</span></div>";}
|
|
this.ensureDiv().update(markup);this.resize();},resize:function()
|
|
{var widgetWidth=(this.runningInApp)?window.innerWidth:this.m_widget.div().offsetWidth;var widgetHeight=(this.runningInApp)?window.innerHeight:this.m_widget.div().offsetHeight;if(this.badgeImage)
|
|
{var badgeImageEl=$(this.p_badgeImgId());var badgeSize=new IWSize(this.badgeImageWidth,this.badgeImageHeight);if((badgeSize.width>widgetWidth)||(badgeSize.height>widgetHeight))
|
|
{var widgetSize=new IWSize(widgetWidth,widgetHeight);badgeSize=badgeSize.scaleToFit(widgetSize);}
|
|
badgeImageEl.width=badgeSize.width;badgeImageEl.height=badgeSize.height;}
|
|
var overlayNativeWidth=700;var overlayNativeHeight=286;var overlayWidth=Math.max(widgetWidth,overlayNativeWidth);var overlayHeight=overlayNativeHeight;var overlayTop=Math.min(((widgetHeight/2)-overlayNativeHeight),0);var overlayLeft=Math.min(((widgetWidth/2)-(overlayNativeWidth/2)),0);var overlayImage=$(this.p_overlayImgId());overlayImage.width=overlayWidth;overlayImage.height=overlayHeight;overlayImage.setStyle({left:px(overlayLeft),top:px(overlayTop)});var statusMessageBlock=$(this.p_statusMessageBlockId());if(statusMessageBlock)
|
|
{var leftValue=px(Math.max(((widgetWidth-statusMessageBlock.offsetWidth)/2),0));var positionStyles={left:leftValue};if(this.statusMessageVerticallyCentered)
|
|
{var topValue=px(Math.max(((widgetHeight-statusMessageBlock.offsetHeight)/2),0));positionStyles.top=topValue;}
|
|
statusMessageBlock.setStyle(positionStyles);}
|
|
if(this.footerView)
|
|
{this.footerView.resize();}},doneFadingIn:function()
|
|
{this.m_widget.setPreferenceForKey(true,"x-viewDoneFadingIn",false);},p_badgeImgId:function()
|
|
{return this.m_widget.getInstanceId(this.m_divId+"-badge");},p_overlayImgId:function()
|
|
{return this.m_widget.getInstanceId(this.m_divId+"-overlay");},p_statusMessageBlockId:function()
|
|
{return this.m_widget.getInstanceId(this.m_divId+"-messageBlock");}}); |