playground
/
TimelineJS
mirror of https://github.com/NUKnightLab/TimelineJS.git
1
0
Fork 0
Code Issues Releases Activity
Beautifully crafted timelines that are easy and intuitive to use. http://timeline.knightlab.com/
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
81 Commits
8 Branches
41 Tags
20 MiB
Tree: 85ed070dba
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '85ed070dba'
${ noResults }
TimelineJS/timeline-min.js

15 lines
91 KiB
Raw Normal View History Unescape

merged with master, updated embed functionality to work with i18n stuff, added example in examples/i18n_example/index.html
13 years ago
/*
* Date Format 1.2.3
* (c) 2007-2009 Steven Levithan <stevenlevithan.com>
* MIT license
*
* Includes enhancements by Scott Trenda <scott.trenda.net>
* and Kris Kowal <cixar.com/~kris.kowal/>
*
* Accepts a date, a mask, or a date and a mask.
* Returns a formatted version of the given date.
* The date defaults to the current date/time.
* The mask defaults to dateFormat.masks.default.
*/function trace(a){window.console?console.log(a):typeof jsTrace!="undefined"&&jsTrace.send(a)}function onYouTubePlayerAPIReady(){trace("GLOBAL YOUTUBE API CALLED");VMM.ExternalAPI.youtube.onAPIReady()}var dateFormat=function(){var a=/d{1,4}|m{1,4}|yy(?:yy)?|([HhMsTt])\1?|[LloSZ]|"[^"]*"|'[^']*'/g,b=/\b(?:[PMCEA][SDP]T|(?:Pacific|Mountain|Central|Eastern|Atlantic) (?:Standard|Daylight|Prevailing) Time|(?:GMT|UTC)(?:[-+]\d{4})?)\b/g,c=/[^-+\dA-Z]/g,d=function(a,b){a=String(a);b=b||2;while(a.length<b)a="0"+a;return a};return function(e,f,g){var h=dateFormat;if(arguments.length==1&&Object.prototype.toString.call(e)=="[object String]"&&!/\d/.test(e)){f=e;e=undefined}e=e?new Date(e):new Date;if(isNaN(e))throw SyntaxError("invalid date");f=String(h.masks[f]||f||h.masks["default"]);if(f.slice(0,4)=="UTC:"){f=f.slice(4);g=!0}var i=g?"getUTC":"get",j=e[i+"Date"](),k=e[i+"Day"](),l=e[i+"Month"](),m=e[i+"FullYear"](),n=e[i+"Hours"](),o=e[i+"Minutes"](),p=e[i+"Seconds"](),q=e[i+"Milliseconds"](),r=g?0:e.getTimezoneOffset(),s={d:j,dd:d(j),ddd:h.i18n.dayNames[k],dddd:h.i18n.dayNames[k+7],m:l+1,mm:d(l+1),mmm:h.i18n.monthNames[l],mmmm:h.i18n.monthNames[l+12],yy:String(m).slice(2),yyyy:m,h:n%12||12,hh:d(n%12||12),H:n,HH:d(n),M:o,MM:d(o),s:p,ss:d(p),l:d(q,3),L:d(q>99?Math.round(q/10):q),t:n<12?"a":"p",tt:n<12?"am":"pm",T:n<12?"A":"P",TT:n<12?"AM":"PM",Z:g?"UTC":(String(e).match(b)||[""]).pop().replace(c,""),o:(r>0?"-":"+")+d(Math.floor(Math.abs(r)/60)*100+Math.abs(r)%60,4),S:["th","st","nd","rd"][j%10>3?0:(j%100-j%10!=10)*j%10]};return f.replace(a,function(a){return a in s?s[a]:a.slice(1,a.length-1)})}}();dateFormat.masks={"default":"ddd mmm dd yyyy HH:MM:ss",shortDate:"m/d/yy",mediumDate:"mmm d, yyyy",longDate:"mmmm d, yyyy",fullDate:"dddd, mmmm d, yyyy",shortTime:"h:MM TT",mediumTime:"h:MM:ss TT",longTime:"h:MM:ss TT Z",isoDate:"yyyy-mm-dd",isoTime:"HH:MM:ss",isoDateTime:"yyyy-mm-dd'T'HH:MM:ss",isoUtcDateTime:"UTC:yyyy-mm-dd'T'HH:MM:ss'Z'"};dateFormat.i18n={dayNames:["Sun","Mon","Tue","Wed","Thu","Fri","Sat","Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],monthNames:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec","January","February","March","April","May","June","July","August","September","October","November","December"]};Date.prototype.format=function(a,b){return dateFormat(this,a,b)};(function(){var a=!1,b=/xyz/.test(function(){xyz})?/\b_super\b/:/.*/;this.Class=function(){};Class.extend=function(c){function g(){!a&&this.init&&this.init.apply(this,arguments)}var d=this.prototype;a=!0;var e=new this;a=!1;for(var f in c)e[f]=typeof c[f]=="function"&&typeof d[f]=="function"&&b.test(c[f])?function(a,b){return function(){var c=this._super;this._super=d[a];var e=b.apply(this,arguments);this._super=c;return e}}(f,c[f]):c[f];g.prototype=e;g.prototype.constructor=g;g.extend=arguments.callee;return g}})();var global=function(){return this||(1,eval)("this")}();if(typeof VMM=="undefined"){var VMM=Class.extend({});VMM.master_config={init:function(){return this},vp:"Pellentesque nibh felis, eleifend id, commodo in, interdum vitae, leo",keys:{flickr:"RAIvxHY4hE/Elm5cieh4X5ptMyDpj7MYIxziGxi0WGCcy1s+yr7rKQ==",google:"jwNGnYw4hE9lmAez4ll0QD+jo6SKBJFknkopLS4FrSAuGfIwyj57AusuR0s8dAo="},youtube:{active:!1,array:[],api_loaded:!1,que:[]},i18n:{date:{month:["January","February","March","April","May","June","July","August","September","October","November","December"],month_abbr:["Jan.","Feb.","March","April","May","June","July","Aug.","Sept.","Oct.","Nov.","Dec."],day:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],day_abbr:["Sun.","Mon.","Tues.","Wed.","Thurs.","Fri.","Sat."]},dateformats:{year:"yyyy",month_short:"mmm",month:"mmmm yyyy",full_short:"mmm d",full:"mmmm d',' yyyy",time_no_seconds_short:"hh:MM TT",time_no_seconds_small_date:"hh:MM TT'<br/><small>'mmmm d',' yyyy'</small>'",full_long:"dddd',' mmm d',' yyyy 'at' hh:MM TT",full_long_small_date:"hh:MM TT'<br/><small>'dddd',' mmm d',' yyyy'</small>'"},messages:{loading_timeline:"Loading Taimeline",return_to_title:"Return to Ti
size[0].source;VMM.Element.attr("#"+d,"src",f);VMM.Element.attr("#"+e,"src",g)}},soundcloud:{getSound:function(a,b){var c="http://soundcloud.com/oembed?url="+a+"&format=js&callback=?";VMM.getJSON(c,function(a){VMM.attachElement("#"+b,a.html)})}},youtube:{init:function(a){if(VMM.master_config.youtube.active)VMM.master_config.youtube.createPlayer(a);else{VMM.master_config.youtube.que.push(a);VMM.master_config.youtube.api_loaded||VMM.LoadLib.js("http://www.youtube.com/player_api",function(){trace("YouTube API Library Loaded")})}},onAPIReady:function(){trace("YOUTUBE API READY");VMM.master_config.youtube.active=!0;for(var a=0;a<VMM.master_config.youtube.que.length;a++)VMM.ExternalAPI.youtube.createPlayer(VMM.master_config.youtube.que[a])},createPlayer:function(a){var b={active:!1,player:{},name:"youtube_"+a,playing:!1};b.player["youtube_"+a]=new YT.Player("youtube_"+a,{height:"390",width:"640",playerVars:{enablejsapi:1,color:"white",showinfo:0,theme:"light",rel:0,origin:"http://timeline.verite.co"},videoId:a,events:{onReady:VMM.ExternalAPI.youtube.onPlayerReady,onStateChange:VMM.ExternalAPI.youtube.onStateChange}});VMM.master_config.youtube.array.push(b)},stopPlayers:function(){for(var a=0;a<VMM.master_config.youtube.array.length;a++)if(VMM.master_config.youtube.array[a].playing){var b=VMM.master_config.youtube.array[a].name;VMM.master_config.youtube.array[a].player[b].stopVideo()}},onStateChange:function(a){for(var b=0;b<VMM.master_config.youtube.array.length;b++){var c=VMM.master_config.youtube.array[b].name;VMM.master_config.youtube.array[b].player[c]==a.target&&a.data==YT.PlayerState.PLAYING&&(VMM.master_config.youtube.array[b].playing=!0)}},onPlayerReady:function(a){}}};VMM.Media=function(a,b,c,d){function n(){}var e={},f=!1,g={width:720,height:400,content_width:720,content_height:400,ease:"easeInOutExpo",duration:1e3,spacing:15},h="",i="",j="",k="",l=a;b!=null&&b!=""&&(g.width=b);c!=null&&c!=""&&(g.height=c);this.init=function(a){typeof a!="undefined"?this.setData(a):trace("WAITING ON DATA")};var m=function(a,b,c){h=VMM.appendAndGetElement(l,"<div>","media");i=VMM.appendAndGetElement(h,"<div>","container");j=VMM.appendAndGetElement(i,"<div>","media-container");if(e.media!=null&&e.media!=""){f=!0;var d={};d=VMM.MediaType(e.media);d.type=="image"?VMM.appendElement(j,"<img src='"+d.id+"'>"):d.type=="youtube"?VMM.appendElement(j,"<iframe frameborder='0' src='http://www.youtube.com/embed/"+d.id+"?&rel=0&theme=light&showinfo=0&hd=1&autohide=0&color=white' allowfullscreen>"):d.type=="vimeo"&&VMM.appendElement(j,"<iframe frameborder='0' src='http://player.vimeo.com/video/"+d.id+"?title=0&amp;byline=0&amp;portrait=0&amp;color=ffffff'>");e.credit!=null&&e.credit!=""&&VMM.appendElement(i,VMM.createElement("div",e.credit,"credit"));e.caption!=null&&e.caption!=""&&VMM.appendElement(i,VMM.createElement("div",e.caption,"caption"))}};this.setData=function(a){if(typeof a!="undefined"){e=a;m()}else trace("NO DATA")}};VMM.Media.prototype.height=function(a){if(a==null||a=="")return config.height;config.height=a;reSize()};VMM.Media.prototype.width=function(a){if(a==null||a=="")return config.width;config.width=a;reSize()};VMM.Media.prototype.getData=function(){return data};VMM.Media.prototype.setConfig=function(a){typeof a!="undefined"?config=a:trace("NO CONFIG DATA")};VMM.Media.prototype.getConfig=function(){return config};VMM.Media.prototype.setSize=function(a,b){a!=null&&(config.width=a);b!=null&&(config.height=b);_active&&reSize()};VMM.Media.prototype.active=function(){return _active}}Date.prototype.getWeek=function(){var a=new Date(this.getFullYear(),0,1);return Math.ceil(((this-a)/864e5+a.getDay()+1)/7)};Date.prototype.getDayOfYear=function(){var a=new Date(this.getFullYear(),0,1);return Math.ceil((this-a)/864e5)};var is={Null:function(a){return a===null},Undefined:function(a){return a===undefined},nt:function(a){return a===null||a===undefined},Function:function(a){return typeof a=="function"?a.constructor.toString().match(/Function/)!==null:!1},String:function(a){return typeof a=="string"?!0:typeof a=="object"?a.constructor.toString
fixed a bug when no startpage is defined, cleaned up i18n example
13 years ago
){o.loaded.percentloaded=o.loaded.percentloaded+25;A(VMM.master_config.i18n.messages.loading_timeline+o.loaded.percentloaded);o.loaded.slider&&o.loaded.timenav&&B()}function w(a){o.loaded.timenav=!0;v()}function x(a){j.setMarker(i.getCurrentNumber(),o.ease,o.duration)}function y(a){i.setSlide(j.getCurrentNumber())}var d="0.89";trace("OPEN TIMELINE VERSION "+d);var e=VMM.getElement("#timeline"),f,g,h=VMM.getElement("#timeline");f=VMM.appendAndGetElement(e,"<div>","feedback","");g=VMM.appendAndGetElement(f,"<div>","messege",VMM.master_config.i18n.messages.loading_timeline);var i=new VMM.Slider("div.slider",720,400,!0),j=new VMM.Timeline.TimeNav("div.navigation",720,400,!0),k="private",l={},m={},n=[],o=VMM.Timeline.Config;VMM.master_config.Timeline=VMM.Timeline.Config;o.maptype="toner";o.interval=10;o.something=0;o.width=960;o.height=540;o.spacing=15;o.loaded={slider:!1,timenav:!1,percentloaded:0};o.ease="easeInOutExpo";o.duration=1e3;if(a!=null&&a!=""){o.width=a;VMM.Element.width(e,a)}else o.width=VMM.Element.width(e);if(b!=null&&b!=""){o.height=b;VMM.Element.height(e,b)}else o.height=VMM.Element.height(e);o.nav_width=o.width;o.nav_height=200;o.feature_width=o.width;VMM.Browser.device=="mobile"?o.feature_height=o.height:o.feature_height=o.height-o.nav_height;if(typeof timeline_config=="object"){trace("HAS TIMELINE CONFIG");var p;for(p in timeline_config)Object.prototype.hasOwnProperty.call(timeline_config,p)&&(o[p]=timeline_config[p])}else if(typeof c=="object"){var p;for(p in c)Object.prototype.hasOwnProperty.call(c,p)&&(o[p]=c[p])}var q=!1;VMM.Browser.browser=="MSIE"&&parseInt(VMM.Browser.version,10)==7&&(q=!0);this.init=function(a){trace("init");VMM.bindEvent(global,r,"DATAREADY");if(q){f=VMM.appendAndGetElement(e,"<div>","feedback","");g=VMM.appendAndGetElement(f,"<div>","messege",VMM.master_config.i18n.messages.unsupported_ie7)}else{type.of(a)=="string"?VMM.Timeline.DataObj.getData(a):VMM.Timeline.DataObj.getData(h);f=VMM.appendAndGetElement(e,"<div>","feedback","");g=VMM.appendAndGetElement(f,"<div>","messege",VMM.master_config.i18n.messages.loading_timeline)}};this.iframeLoaded=function(){trace("iframeLoaded")};var z=function(a){VMM.getJSON(a,function(a){m=VMM.Timeline.DataObj.getData(a);VMM.fireEvent(global,"DATAREADY")})},A=function(a){},B=function(){VMM.Element.animate(f,o.duration,o.ease*4,{opacity:0},C)},C=function(){VMM.Element.detach(f)},D=function(){VMM.attachElement(e,"");VMM.appendElement(e,"<div class='container main'><div class='feature'><div class='slider'></div></div><div class='navigation'></div></div>");t();VMM.bindEvent("div.slider",u,"LOADED");VMM.bindEvent("div.navigation",w,"LOADED");VMM.bindEvent("div.slider",x,"UPDATE");VMM.bindEvent("div.navigation",y,"UPDATE");i.init(n);j.init(n,m.era);VMM.bindEvent(global,t,"resize");VMM.bindEvent(global,function(a){a.preventDefault()},"touchmove")},E=function(a,b){F();var c=a,d="",e={};e._text="";e._media="";var f=!1,g=!1,h=!1;if(type.of(b)=="date"){f=!0;a.type!="start"&&(e._text+=VMM.createElement("h2",VMM.Util.date.prettyDate(b),"date"));c.headline!=null&&c.headline!=""&&c.type!="tweets"&&(a.type=="start"?e._text+=VMM.createElement("h2",VMM.Util.linkify_with_twitter(c.headline,"_blank"),"start"):e._text+=VMM.createElement("h3",VMM.Util.linkify_with_twitter(c.headline,"_blank")));if(c.text!=null&&c.text!=""){h=!0;e._text+=VMM.createElement("p",VMM.Util.linkify_with_twitter(c.text,"_blank"))}e._text=VMM.createElement("div",e._text,"container");e._text=VMM.createElement("div",e._text,"text")}if(f&&c.asset!=null&&c.asset!=""&&c.asset.media!=null&&c.asset.media!=""){g=!0;e._media=VMM.MediaElement.create("",c.asset,!0,o.feature_width,o.feature_height)}if(f){var i="content-container layout";h&&(i+="-text");g&&(i+="-media");d=VMM.createElement("div",e._text+e._media,i)}return d},F=function(){o.width=VMM.Element.width(e);o.height=VMM.Element.height(e);o.nav_width=o.width;o.feature_width=o.width;VMM.Browser.device=="mobile"?o.feature_height=o.height:o.feature_height=o.height-o.nav_height-3},G=function(){if(o.width<500){VMM.Element.hide("div.navigation");VMM.Elemen