From 1e9ccde3abde6c6549718575484363bead2acc11 Mon Sep 17 00:00:00 2001
From: ka215 <ka2@ka2.org>
Date: Wed, 24 May 2017 01:47:50 +0900
Subject: [PATCH] remove some origin sources
---
src/timeline.org.css | 474 ------------
src/timeline.org.js | 1662 ------------------------------------------
2 files changed, 2136 deletions(-)
delete mode 100644 src/timeline.org.css
delete mode 100644 src/timeline.org.js
diff --git a/src/timeline.org.css b/src/timeline.org.css
deleted file mode 100644
index cadb0a0..0000000
--- a/src/timeline.org.css
+++ /dev/null
@@ -1,474 +0,0 @@
-@charset "UTF-8";
-/**
- * JQuery Timeline Plugin Styles
- * ------------------------
- * Version: 1.0.0
- * Coded by: ka2 (https://ka2.org/)
- * Lisenced: MIT
- */
-@font-face {
- font-family: 'jQueryTimeline';
- src: url('fonts/jQueryTimeline.eot?t4qpol');
- src: url('fonts/jQueryTimeline.eot?t4qpol#iefix') format('embedded-opentype'),
- url('fonts/jQueryTimeline.ttf?t4qpol') format('truetype'),
- url('fonts/jQueryTimeline.woff?t4qpol') format('woff'),
- url('fonts/jQueryTimeline.svg?t4qpol#jQueryTimeline') format('svg');
- font-weight: normal;
- font-style: normal;
-}
-[class^="jqtl-"], [class*=" jqtl-"] {
- /* use !important to prevent issues with browser extensions that change fonts */
- font-family: 'jQueryTimeline' !important;
- speak: none;
- font-style: normal;
- font-weight: normal;
- font-variant: normal;
- text-transform: none;
- line-height: 1;
-
- /* Better Font Rendering =========== */
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
-}
-.jqtl-pushpin:before {
- content: "\ea37";
-}
-.jqtl-calendar:before {
- content: "\ea60";
-}
-.jqtl-spinner:before {
- content: "\eb24";
-}
-.jqtl-more:before {
- content: "\ec5b";
-}
-.jqtl-more-horizontal:before {
- content: "\ec5c";
-}
-.jqtl-more-vertical:before {
- content: "\ec6a";
-}
-.jqtl-dot:before {
- content: "\ec6b";
-}
-.jqtl-plus:before {
- content: "\ed5d";
-}
-.jqtl-minus:before {
- content: "\ed5e";
-}
-.jqtl-cross:before {
- content: "\ed6d";
-}
-.jqtl-circle-right:before {
- content: "\edee";
-}
-.jqtl-circle-left:before {
- content: "\edf2";
-}
-.jqtl-circle-fill-right:before {
- content: "\edf6";
-}
-.jqtl-circle-fill-left:before {
- content: "\edfa";
-}
-.jqtl-arrow-down:before {
- content: "\ee29";
-}
-*, ::after, ::before {
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
-}
-.timeline-container {
- position: relative;
- display: block;
- visibility: hidden;
- margin: 15px;
- font-size: 1rem;
- line-height: 1.5;
-}
-.timeline-header {
- text-align: left;
-}
-.timeline-headline {
- margin-top: 0;
- margin-bottom: .5rem;
- font-family: inherit;
- font-size: 1.3rem;
- font-weight: 500;
- line-height: 1.1;
- color: inherit;
-}
-.timeline-from-date, .timeline-to-date {
- margin-right: .3rem;
-}
-.timeline-from-date:before {
- content: "\ea60";
- font-family: 'jQueryTimeline' !important;
- margin-right: .3rem;
- color: #7f7f7f;
- font-weight: 400;
-}
-.timeline-to-date:before {
- content: "\301C";
- margin-right: .3rem;
- color: #7f7f7f;
- font-weight: 400;
-}
-.timeline-body {
- position: relative;
- display: block;
- margin: 0 auto;
- width: inherit;
- overflow-x: auto;
- overflow-y: hidden;
- text-align: center;
- z-index: 1;
-}
-.timeline-wrapper {
- position: relative;
- display: inline-block;
- margin: 0 1px;
- width: auto;
- height: 259px; /* default: index-table(59px) + timeline-grid(200px) */
-}
-.timeline-wrapper:before, .timeline-wrapper:after {
- content: "";
- position: absolute;
- top: 0;
- width: 1px;
- height: 100%;
-}
-.timeline-wrapper:before {
- left: 0;
- border-left: 1px solid #ddd;
-}
-.timeline-wrapper:after {
- right: 0;
- border-right: 1px solid #ddd;
-}
-.timeline-timetable {
- display: table;
- position: relative;
- border-collapse: collapse;
- border-spacing: 0;
- border-color: #ddd;
- border-top: 1px solid #ddd;
- border-right: 0;
- border-bottom: 1px solid #ddd;
- border-left: 0;
-}
-.timeline-timetable>thead>tr>th {
- border: 0;
-}
-.timeline-timetable>thead>tr>th.scale-major {
- padding-top: 4px;
- padding-bottom: 4px;
- font-size: 100%;
- color: #555;
- text-align: center;
- border-top: 0;
- border-right: 1px solid #ddd;
- border-bottom: 0;
- border-left: 0;
-}
-.timeline-timetable>thead>tr>th.scale-medium {
- /* width: calc( 100% / 24 ); */
- padding-top: 0;
- padding-bottom: 4px;
- font-size: 85%;
- color: #777;
- text-align: center;
- border-top: 0;
- border-right: 1px solid #ddd;
- border-bottom: 0;
- border-left: 0;
-}
-.timeline-timetable>thead>tr>th.scale-major:last-child,
-.timeline-timetable>thead>tr>th.scale-medium:last-child {
- border-right: 0;
-}
-.timeline-timetable>thead>tr>th.scale-small {
- padding: 0;
- border-top: 0;
- border-right: 1px solid #ddd;
- border-bottom: 1px solid #ddd;
- border-left: 0;
-}
-.timeline-timetable>thead>tr>th.scale-small:last-child {
- border-right: 0;
-}
-.timeline-to-prev {
- position: absolute;
- top: -2rem;
- left: 15px;
- z-index: 9;
-}
-.timeline-to-next {
- position: absolute;
- top: -2rem;
- right: 15px;
- z-index: 9;
-}
-.scale-days {
-
-}
-.scale-hours {
-
-}
-.scale-minutes {
-
-}
-.spacer-cell {
- display: block;
- width: 29px;
- min-height: 5px;
-}
-.timeline-events {
- position: absolute;
- display: block;
- left: 0;
- width: 100%;
- height: 200px;
- z-index: 9;
-}
-.timeline-node {
- position: absolute;
- display: block;
- margin: 6px 0;
- padding: 4px 25px 4px 10px;
- height: auto;
- line-height: 20px;
- vertical-align: middle;
- text-align: left;
- background-color: #e3d7a3;
- color: #777e41;
- user-select: none;
- border-radius: 4px;
- cursor: pointer;
- z-index: 8;
- -moz-transition: all 1s ease 0;
- -webkit-transition: all 1s ease 0;
- -o-transition: all 1s ease 0;
- -ms-transition: all 1s ease 0;
- transition: all 1s ease 0;
-}
-.timeline-event-pointer {
- margin: 0;
- padding: 0;
- line-height: 1;
- text-align: center;
- background-color: #f0f0f0;
- border-radius: 100%;
- border: solid 4px #4496d3;
- background-image: none;
- background-size: cover;
- background-repeat: no-repeat;
- background-position: center center;
-}
-.timeline-node.timeline-event-pointer.hovered {
- z-index: 99;
-}
-.timeline-node.timeline-event-pointer.active {
- box-shadow: 0px 10px 6px -6px rgba(51,51,51,.25);
- z-index: 99;
-}
-.timeline-text-truncate {
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
-}
-.timeline-node.timeline-text-truncate.active {
- margin: 2px 0 4px;
- border: solid 1px rgba(61,61,61,.25);
- box-shadow: 0px 10px 6px -6px rgba(51,51,51,.25);
- z-index: 99;
-}
-.timeline-node.timeline-text-truncate:after {
- content: "\ec5c";
- font-family: 'jQueryTimeline' !important;
- font-size: 14px;
- position: absolute;
- right: 5px;
-}
-.timeline-loader {
- position: absolute;
- display: inline-block;
- width: 48px;
- height: 48px;
- margin: 0;
- padding: 0;
- top: 50%;
- left: 50%;
- opacity: .3;
- -webkit-animation: spin 2.1s linear infinite;
- -moz-animation: spin 2.1s linear infinite;
- -ms-animation: spin 2.1s linear infinite;
- -o-animation: spin 2.1s linear infinite;
- animation: spin 2.1s linear infinite;
-}
-.timeline-loader i {
- position: absolute;
- top: 0;
- left: 0;
- font-size: 48px;
-}
-@-webkit-keyframes spin {
- 0% {-webkit-transform: rotate(0deg);}
- 100% {-webkit-transform: rotate(360deg);}
-}
-@-moz-keyframes spin {
- 0% {-moz-transform: rotate(0deg);}
- 100% {-moz-transform: rotate(360deg);}
-}
-@-ms-keyframes spin {
- 0% {-ms-transform: rotate(0deg);}
- 100% {-ms-transform: rotate(360deg);}
-}
-@-o-keyframes spin {
- 0% {-o-transform: rotate(0deg);}
- 100% {-o-transform: rotate(360deg);}
-}
-@keyframes spin {
- 0% {transform: rotate(0deg);}
- 100% {transform: rotate(360deg);}
-}
-.timeline-line-canvas {
- position: absolute;
- display: block;
- left: 0;
- bottom: 0;
- width: 100%;
- height: 200px;
- z-index: 6;
-}
-.timeline-grids {
- position: absolute;
- left: 0;
- height: 200px;
- border-top: 1px solid #ddd;
- z-index: 0;
-}
-.timeline-grids>tbody>tr>td {
- padding: 0;
- border-top: 0;
- border-right: 1px dotted #ddd;
- border-bottom: 0;
- border-left: 0;
- vertical-align: bottom;
-}
-.timeline-grids>tbody>tr>td:first-child {
- border-left: 0;
-}
-.timeline-grids>tbody>tr>td:last {
- border-right: 0;
-}
-.timeline-needle-pointer {
- position: absolute;
- display: block;
- top: 56px;
- width: 1px;
- height: calc( 100% - 56px );
- border-left: 2px dotted #e8383d;
- z-index: 19;
-}
-.timeline-needle-pointer:before {
- content: "\ea37";
- font-family: 'jQueryTimeline' !important;
- position: absolute;
- top: -8px;
- left: -7.5px;
- font-size: 13px;
- color: #e8383d;
-}
-.timeline-footer {
- position: relative;
- top: 50%;
- width: 100%;
- z-index: 5;
-}
-.timeline-nav {
- width: inherit;
-}
-.timeline-to-prev-default, .timeline-to-next-default {
- width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 2rem;
- color: rgba(71,71,71,.325);
- text-decoration: none;
-}
-.timeline-to-prev-default:hover, .timeline-to-next-default:hover,
-.timeline-to-prev-default:active, .timeline-to-next-default:active,
-.timeline-to-prev-default:focus, .timeline-to-next-default:focus {
- color: rgba(71,71,71,.75);
- text-decoration: none;
-}
-.timeline-to-prev-custom, .timeline-to-next-custom {
- width: 2rem;
- height: 2rem;
- line-height: 2rem;
- vertical-align: middle;
- text-align: center;
- border-radius: 50%;
- background-color: rgba(51,51,51,.2);
- color: #fff;
- text-decoration: none;
-}
-.timeline-to-prev-custom:hover, .timeline-to-next-custom:hover,
-.timeline-to-prev-custom:active, .timeline-to-next-custom:active,
-.timeline-to-prev-custom:focus, .timeline-to-next-custom:focus {
- background-color: rgba(51,51,51,.3);
- color: rgba(255,255,255,.75);
- text-decoration: none;
-}
-/* */
-.timeline-event-view {
- display: block;
- margin: 0 1em;
-}
-.timeline-event-header {
- margin-top: 0;
- margin-bottom: 1rem;
- border-bottom: dotted 1px #a8a8a8;
-}
-.timeline-event-label {
- font-family: inherit;
- font-size: 1.75rem;
- font-weight: 500;
- line-height: 1.1;
- color: inherit;
-}
-.timeline-event-meta {
- margin-top: 0;
- margin-bottom: 0.5rem;
- font-size: 1rem;
- font-weight: 300;
-}
-.timeline-event-meta:before {
- content: "\ea60";
- font-family: 'jQueryTimeline' !important;
- color: #999;
- margin-right: 0.5rem;
-}
-.timeline-event-start-date, .timeline-event-end-date {
-
-}
-.timeline-event-date-separator {
- display: inline-block;
-}
-.timeline-event-date-separator:after {
- content: "\301c";
- color: #777;
- font-weight: 400;
- margin-left: 0.5rem;
- margin-right: 0.5rem;
-}
-.timeline-event-body {
- margin-top: 0;
- margin-bottom: 1rem;
-}
-.timeline-event-footer {
- margin-top: 0;
- margin-bottom: 1rem;
-}
diff --git a/src/timeline.org.js b/src/timeline.org.js
deleted file mode 100644
index 71f137e..0000000
--- a/src/timeline.org.js
+++ /dev/null
@@ -1,1662 +0,0 @@
-/**
- * JQuery Timeline Plugin Scripts
- * ------------------------
- * Version: 1.0.0
- * Coded by: Ka2 (https://ka2.org/)
- * Lisenced: MIT
- */
-;(function( $ ) {
-
- // Constant values
- var pluginName = 'jQuery.Timeline',
- rowH = typeof $.timeline.global === 'object' && typeof $.timeline.global.rowH !== 'undefined' ? Number( $.timeline.global.rowH ) : 40,
- pointMargin = 2,
- tlEventAreaH = 0,
- dft;
-
- // If the "moment.js" usable
- if ( $.fn.moment != undefined && typeof $.fn.moment === 'function' ) {
- dft = moment();
- }
-
- var methods = {
- init : function( options ) {
-
- // Default settings
- var settings = $.extend( {
- type : "bar", // View type of timeline event is either "bar" or "point"
- scale : "days", // Timetable's top level scale is either "years" or "months" or "days"
- startDatetime : "currently", // Default set datetime as viewing timetable; format is ( "^[-+]d{4}(/|-)d{2}(/|-)d{2}\sd{2}:d{2}:d{2}$" ) or "currently"
-// timelineRange : { // Begin Datetime and Final Datetime; format is ( "^[-+]d{4}(/|-)d{2}(/|-)d{2}\sd{2}:d{2}:d{2}$" )
-// from : "1-01-01 00:00:00",
-// to : "9999-12-31 23:59:59"
-// },
- datetimePrefix : "", // The prefix of the date and time notation displayed in the headline
- showHeadline : true, // Whether to display headline
- datetimeFormat : {
- full : "Y/m/d",
- year : "Y",
- month : "n", // or "F" etc.
- day : "n/j" // or "j" etc.
- },
- minuteInterval : 30, // Recommend more than 5 minutes; only if top scale is "days" ; Deprecated
- zerofillYear : false, // It's outputted at the "0099" if true, the "99" if false
- range : 3, // The default view range of the timetable starting from the `startDatetime`
- rows : 5, // Rows of timeline event area
- height : "auto", // Fixed height (pixel) of timeline event area; default "auto" is (rows * 40)px
- minGridPer : 2, // Minimum grid per
- minGridSize : 30, // Minimum size (pixel) of timeline grid; It needs 5 pixels or more
- rangeAlign : "current", // Possible values are "left", "center", "right", "current", "latest" and specific event id
- naviIcon : { // Define class name
- left : "jqtl-circle-left",
- right : "jqtl-circle-right"
- },
- showPointer : true
- }, options);
-
- // initialize plugin
- return this.each(function(){
-
- var $this = $(this),
- data = $this.data('timeline'),
- timeline = $('<div />', {
- "title" : $this.find('.timeline-headline').text(),
- "type" : settings.type,
- "scale" : settings.scale,
- "start-datetime" : settings.startDatetime,
-// "timeline-range-from" : settings.timelineRange.from,
-// "timeline-range-to" : settings.timelineRange.to,
- "datetime-prefix" : settings.datetimePrefix,
- "show-headline" : settings.showHeadline ? 1 : 0,
- "datetime-format-full" : settings.datetimeFormat.full,
- "datetime-format-year" : settings.datetimeFormat.year,
- "datetime-format-month" : settings.datetimeFormat.month,
- "datetime-format-day" : settings.datetimeFormat.day,
- "minute-interval" : settings.minuteInterval,
- "zerofill-year" : settings.zerofillYear ? 1 : 0,
- "range" : settings.range,
- "rows" : settings.rows,
- "timeline-height" : settings.height,
- "min-grid-per" : settings.minGridPer,
- "min-grid-size" : settings.minGridSize,
- "range-align" : settings.rangeAlign,
- "navi-icon-left" : settings.naviIcon.left,
- "navi-icon-right" : settings.naviIcon.right,
- "show-pointer" : settings.showPointer ? 1 : 0,
- "text" : ""
- });
-
- // Set Events
- //$(window).on( 'resize.timeline', methods.render );
- $this.on( 'click.timeline', '.timeline-to-prev', methods.dateback );
- $this.on( 'click.timeline', '.timeline-to-next', methods.dateforth );
- $this.on( 'click.timeline', '.timeline-node', methods.openEvent );
- $this.on( 'align.timeline', methods.alignment );
-
- // If uninitialized yet
- if ( ! data ) {
-
- $this.data('timeline', {
- target: $this,
- timeline : timeline
- });
-
- // Retrive Current Date
- var currentDt, currentDate, _tmp, _regx;
- if ( settings.startDatetime === 'currently' ) {
- currentDt = setCurrentDate( true );
- } else {
- currentDt = new Date( settings.startDatetime );
- _regx = /-|\//;
- _tmp = settings.startDatetime.split( _regx );
- if ( Number( _tmp[0] ) < 100 ) {
- // for 0 - 99 years map
- currentDt.setFullYear( Number( _tmp[0] ) );
- }
- }
- switch( settings.scale ) {
- case 'years':
- currentDate = currentDt.getFullYear() +'-01-01 00:00:00';
- break;
- case 'months':
- currentDate = currentDt.getFullYear() +'-'+ (currentDt.getMonth() + 1) +'-01 00:00:00';
- break;
- case 'days':
- currentDate = currentDt.getFullYear() +'-'+ (currentDt.getMonth() + 1) +'-'+ currentDt.getDate() +' 00:00:00';
- break;
- default:
- currentDate = currentDt.getFullYear() +'-'+ (currentDt.getMonth() + 1) +'-'+ currentDt.getDate() +' '+ currentDate.getHours() +':00:00';
- }
-console.info( currentDt, currentDate );
- $this.data('timeline').timeline.attr( 'actual-start-datetime', currentDate );
-
- renderTimeline( $this );
-
- // timeline container sizing
- resizeTimeline( $this );
-
- // do methods.alignment
- $this.trigger( 'align.timeline', [ settings.rangeAlign ] );
-
- $this.css('visibility','visible');
-
- }
-
-// for debug
- var wait = 0,
- sleep = setInterval(function() {
- wait++;
- if ( wait == 1 ) {
- placeEvents( $this );
- clearInterval( sleep );
- }
- }, 300);
- //placeEvents( $this );
-
- });
-
- },
- destroy : function( ) {
- // destroy object
- return this.each(function(){
- var $this = $(this),
- data = $this.data('timeline');
-
- $(window).off('.timeline');
- if ( data ) {
- data.timeline.remove();
- $this.removeData('timeline');
- }
-
- });
- },
- render : function( options ) {
- // render timeline object
- return this.each(function(){
- var $this = $(this),
- data = $this.data('timeline');
-
- // update options
- if ( 'type' in options ) {
- data.timeline.attr( 'type', options.type );
- }
- if ( 'scale' in options ) {
- data.timeline.attr( 'scale', options.scale );
- }
- if ( 'startDatetime' in options ) {
- data.timeline.attr( 'start-datetime', options.startDatetime );
- }
-/*
- if ( 'timelineRange' in options ) {
- if ( typeof options.timelineRange.from != undefined ) {
- data.timeline.attr( 'timeline-range-from', options.timelineRange.from );
- }
- if ( typeof options.timelineRange.to != undefined ) {
- data.timeline.attr( 'timeline-range-to', options.timelineRange.to );
- }
- }
-*/
- if ( 'datetimePrefix' in options ) {
- data.timeline.attr( 'datetime-prefix', options.datetimePrefix );
- }
- if ( 'showHeadline' in options ) {
- data.timeline.attr( 'show-headline', options.showHeadline ? 1 : 0 );
- }
- if ( 'datetimeFormat' in options ) {
- if ( typeof options.datetimeFormat.full != undefined ) {
- data.timeline.attr( 'datetime-format-full', options.datetimeFormat.full );
- }
- if ( typeof options.datetimeFormat.year != undefined ) {
- data.timeline.attr( 'datetime-format-year', options.datetimeFormat.year );
- }
- if ( typeof options.datetimeFormat.day != undefined ) {
- data.timeline.attr( 'datetime-format-day', options.datetimeFormat.day );
- }
- }
- if ( 'minuteInterval' in options ) {
- data.timeline.attr( 'minute-interval', options.minuteInterval );
- }
- if ( 'zerofillYear' in options ) {
- data.timeline.attr( 'zerofill-year', options.zerofillYear ? 1 : 0 );
- }
- if ( 'range' in options ) {
- data.timeline.attr( 'range', options.range );
- }
- if ( 'rows' in options ) {
- data.timeline.attr( 'rows', options.rows );
- }
- if ( 'height' in options ) {
- data.timeline.attr( 'timeline-height', options.height );
- }
- if ( 'minGridPer' in options ) {
- data.timeline.attr( 'min-grid-per', options.minGridPer );
- }
- if ( 'minGridSize' in options ) {
- data.timeline.attr( 'min-grid-size', options.minGridSize );
- }
- if ( 'rangeAlign' in options ) {
- data.timeline.attr( 'range-align', options.rangeAlign );
- }
- if ( 'naviIcon' in options ) {
- if ( typeof options.naviIcon.left != undefined ) {
- data.timeline.attr( 'navi-icon-left', options.naviIcon.left );
- }
- if ( typeof options.naviIcon.right != undefined ) {
- data.timeline.attr( 'navi-icon-right', options.naviIcon.right );
- }
- }
- if ( 'showPointer' in options ) {
- data.timeline.attr( 'show-pointer', options.showPointer ? 1 : 0 );
- }
-
- // Retrive current Date
- var currentDt, currentDate, _tmp, _regx;
- if ( data.timeline.attr('start-datetime') === 'currently' ) {
- currentDt = setCurrentDate( true );
- } else {
- currentDt = new Date( data.timeline.attr('start-datetime') );
- _regx = /-|\//;
- _tmp = data.timeline.attr('start-datetime').split( _regx );
- if ( Number( _tmp[0] ) < 100 ) {
- // for 0 - 99 years map
- currentDt.setFullYear( Number( _tmp[0] ) );
- }
- }
- switch( data.timeline.attr('scale') ) {
- case 'years':
- currentDate = currentDt.getFullYear() +'-01-01 00:00:00';
- break;
- case 'months':
- currentDate = currentDt.getFullYear() +'-'+ (currentDt.getMonth() + 1) +'-01 00:00:00';
- break;
- case 'days':
- currentDate = currentDt.getFullYear() +'-'+ (currentDt.getMonth() + 1) +'-'+ currentDt.getDate() +' 00:00:00';
- break;
- default:
- currentDate = currentDt.getFullYear() +'-'+ (currentDt.getMonth() + 1) +'-'+ currentDt.getDate() +' '+ currentDate.getHours() +':00:00';
- }
- data.timeline.attr( 'actual-start-datetime', currentDate );
-
-console.info( 'Fired "render" method', options, data.timeline );
- $this.find('.timeline-container').empty().removeClass('timeline-container');
- renderTimeline( $this );
- resizeTimeline( $this );
- placeEvents( $this );
-
- // do methods.alignment
- $this.trigger( 'align.timeline', [ data.timeline.attr('range-align') ] );
- });
- },
- show : function( ) {
- return this.each(function(){
- $(this).css('display', 'block').css('visibility', 'visible');
- });
- },
- hide : function( ) {
- return this.each(function(){
- $(this).css('visibility', 'hidden').css('display', 'none');
- });
- },
- initialized : function( callback ) {
- return this.each(function(){
- var $this = $(this),
- data = $this.data('timeline');
-
- if ( data && typeof callback === 'function' ) {
- console.info( 'Fired "initialized" method after initialize this plugin.' );
- callback( $this, data );
- }
- });
- },
- dateback : function( evt ) {
-//console.info([ 'Fired "dateback" method', this, evt ]);
- evt.preventDefault();
- var $root = $(this).parents('.timeline-container'),
- data = $root.data('timeline'),
- visibleTimelineWidth = $root.find('.timeline-body')[0].clientWidth,
- fullTimelineWidth = $root.find('.timeline-wrapper')[0].scrollWidth,
- currentTimelinePos = $root.find('.timeline-body').scrollLeft(),
- mov = 0;
- if ( fullTimelineWidth > visibleTimelineWidth ) {
-//console.info([ fullTimelineWidth / visibleTimelineWidth, currentTimelinePos, fullTimelineWidth - currentTimelinePos, (currentTimelinePos / visibleTimelineWidth) ]);
- if ( (currentTimelinePos / visibleTimelineWidth) > 1 ) {
- mov = currentTimelinePos - visibleTimelineWidth;
- } else {
- mov = currentTimelinePos - ((fullTimelineWidth - visibleTimelineWidth) / Number( data.timeline.attr('range') ));
- }
- mov = mov < 0 ? 0 : mov;
- $root.find('.timeline-body').animate( { scrollLeft: mov }, 300 );
- }
- return this;
- },
- dateforth : function( evt ) {
-//console.info([ 'Fired "dateforth" method', this, evt ]);
- evt.preventDefault();
- var $root = $(this).parents('.timeline-container'),
- data = $root.data('timeline'),
- visibleTimelineWidth = $root.find('.timeline-body')[0].clientWidth,
- fullTimelineWidth = $root.find('.timeline-wrapper')[0].scrollWidth,
- currentTimelinePos = $root.find('.timeline-body').scrollLeft(),
- mov = 0;
- if ( fullTimelineWidth > visibleTimelineWidth ) {
- if ( (fullTimelineWidth - currentTimelinePos) / visibleTimelineWidth > 1 ) {
- mov = currentTimelinePos + visibleTimelineWidth;
- } else {
- mov = currentTimelinePos + ((fullTimelineWidth - visibleTimelineWidth) / Number( data.timeline.attr('range') ));
- }
- mov = mov > (fullTimelineWidth - visibleTimelineWidth + 1) ? fullTimelineWidth - visibleTimelineWidth + 1 : mov;
- $root.find('.timeline-body').animate( { scrollLeft: mov }, 300 );
- }
- return this;
- },
- alignment : function( ) {
- var args = arguments.length > 1 ? Array.prototype.slice.call(arguments, 1) : [ arguments[0] ],
- control = args[0].toLowerCase(),
- animateSpeed = typeof args[1] !== 'undefined' ? String( args[1] ).toLowerCase() : 0;
-//console.info([ 'Fired "alignment" method', this, control, animateSpeed ]);
- var visibleTimelineWidth = $(this).find('.timeline-body')[0].clientWidth, // 表示域
- fullTimelineWidth = $(this).find('.timeline-wrapper')[0].scrollWidth, // 全長
- mov = 0; // åˆæœŸä½ç½®(= left)
- if ( fullTimelineWidth > visibleTimelineWidth ) { // 表示域より全長ãŒå¤§ãã„å ´åˆï¼ˆæ¨ªã‚¹ã‚¯ãƒãƒ¼ãƒ«ãŒç™ºç”Ÿã™ã‚‹å ´åˆï¼‰
- switch ( control ) {
- case "left":
- // Move to beginning of timetable range
- mov = 0;
- break;
- case "right":
- // Move to last of timetable range
- mov = fullTimelineWidth - visibleTimelineWidth + 1;
- break;
- case "center":
- // Move to central of timetable range
- mov = (fullTimelineWidth - visibleTimelineWidth) / 2;
- break;
- case "current":
- // Move to nearest current time on timetable (default)
- var currentDt = setCurrentDate( true ),
- data = $(this).data('timeline'),
- posX = getAbscissa( currentDt, data );
- if ( posX > -1 ) {
- if ( (posX - visibleTimelineWidth / 2) > (fullTimelineWidth - visibleTimelineWidth + 1) ) {
- mov = fullTimelineWidth - visibleTimelineWidth + 1;
- } else {
- mov = posX - visibleTimelineWidth / 2;
- }
- } else {
- mov = fullTimelineWidth - visibleTimelineWidth + 1;
- }
- break;
- case "latest":
- // Move to latest event on the timetable
- var data = $(this).data('timeline'),
- eventNodes = ( new Function( 'return ' + data.timeline.text() ) )(),
- diffDt, cur, latestKey, latestDt, posX;
- $.each( eventNodes, function( i, evt ) {
- cur = formatDate( 'U', evt.start );
- if ( i == 0 ) {
- diffDt = cur;
- latestKey = i;
- } else {
- if ( cur >= diffDt ) {
- diffDt = cur;
- latestKey = i;
- }
- }
- });
-//console.info([ latestKey, eventNodes[latestKey] ]);
- latestDt = new Date( eventNodes[latestKey].start ),
- posX = getAbscissa( latestDt, data );
- if ( posX > -1 ) {
- if ( (posX - visibleTimelineWidth / 2) > (fullTimelineWidth - visibleTimelineWidth + 1) ) {
- mov = fullTimelineWidth - visibleTimelineWidth + 1;
- } else {
- mov = posX - visibleTimelineWidth / 2;
- }
- } else {
- mov = fullTimelineWidth - visibleTimelineWidth + 1;
- }
- break;
- default:
- // Move to specific event that has targeted id
- mov = 0;
- var targetId = '#' + control;
- if ( $(targetId).length ) {
- var posX = $(targetId).position().left;
- if ( (posX - visibleTimelineWidth / 2) > (fullTimelineWidth - visibleTimelineWidth + 1) ) {
- mov = fullTimelineWidth - visibleTimelineWidth + 1;
- } else {
- mov = posX - visibleTimelineWidth / 2;
- }
- }
- break;
- }
- if ( $.inArray( animateSpeed, [ "slow", 'normal', 'fast' ] ) != -1 || Number( animateSpeed ) > 0 ) {
- $(this).find('.timeline-body').animate({ scrollLeft: mov }, animateSpeed);
- } else {
- $(this).find('.timeline-body').scrollLeft( mov );
- }
- }
- return this;
- },
- getOptions : function( ) {
- var $this = $(this),
- data = $this.data('timeline');
- return {
- title : data.timeline.attr('title'),
- type : data.timeline.attr('type'),
- scale : data.timeline.attr('scale'),
- startDatetime : data.timeline.attr('start-datetime'),
-/*
- timelineRange : {
- from : data.timeline.attr('timeline-range-from'),
- to : data.timeline.attr('timeline-range-to'),
- },
-*/
- datetimePrefix : data.timeline.attr('datetime-prefix'),
- showHeadline : Number( data.timeline.attr('show-headline') ) == 1 ? true : false,
- datetimeFormat : {
- full : data.timeline.attr('datetime-format-full'),
- year : data.timeline.attr('datetime-format-year'),
- month : data.timeline.attr('datetime-format-month'),
- day : data.timeline.attr('datetime-format-day'),
- },
- minuteInterval : Number( data.timeline.attr('minute-interval') ),
- zerofillYear : Number( data.timeline.attr('zerofill-year') ) == 1 ? true : false,
- range : Number( data.timeline.attr('range') ),
- rows : Number( data.timeline.attr('rows') ),
- height : data.timeline.attr('timeline-height') === 'auto' ? 'auto' : Number( data.timeline.attr('timeline-height') ),
- minGridPer : Number( data.timeline.attr('min-grid-per') ),
- minGridSize : Number( data.timeline.attr('min-grid-size') ),
- rangeAlign : data.timeline.attr('range-align'),
- naviIcon : {
- left : data.timeline.attr('navi-icon-left'),
- right : data.timeline.attr('navi-icon-right'),
- },
- showPointer : data.timeline.attr('show-pointer'),
- events : ( new Function( 'return ' + data.timeline.text() ) )()
- };
- },
- addEvent : function( events, callback ) {
- return this.each(function(){
- var $this = $(this),
- data = $this.data('timeline'),
- eventNodes = ( new Function( 'return ' + data.timeline.text() ) )(),
- incrementId = 1,
- _ids = [ incrementId ];
- // add events
- if ( events.length > 0 ) {
- $.each(eventNodes, function( i, evt ) {
- _ids.push( Number( evt.eventId ) );
- });
- incrementId = Math.max.apply( null, _ids ) + 1;
- $.each(events, function( i, evt ) {
- evt['eventId'] = incrementId;
- incrementId++;
- eventNodes.push(evt);
- });
- data.timeline.text( JSON.stringify( eventNodes ) );
- }
-
- placeEvents( $this );
-
- // Alignment to current node
- $(this).trigger( 'align.timeline', [ 'evt-' + (incrementId - 1), 'fast' ] );
-
- if ( data && typeof callback === 'function' ) {
- console.info( 'Fired "addEvent" method after events addition.' );
- callback( $this, data );
- }
- });
- },
- removeEvent : function( ) { // arguments is optional
- var eventIds, callback;
- if ( arguments.length == 0 ) {
- eventIds = 'all';
- callback = null;
- } else
- if ( arguments.length == 1 ) {
- if ( typeof arguments[0] === 'function' ) {
- eventIds = 'all';
- callback = arguments[0];
- } else {
- eventIds = arguments[0];
- callback = null;
- }
- } else {
- eventIds = arguments[0];
- callback = arguments[1];
- }
- return this.each(function(){
- var $this = $(this),
- data = $this.data('timeline'),
- eventNodes = ( new Function( 'return ' + data.timeline.text() ) )();
-
- // remove events
- if ( eventIds === 'all' ) {
- eventNodes = [];
- } else {
- var newEventNodes = [];
- $.each(eventNodes, function( i, evt ) {
- if ( $.inArray( evt.eventId, eventIds ) == -1 ) {
- newEventNodes.push(evt);
- }
- });
- eventNodes = newEventNodes;
- }
- data.timeline.text( JSON.stringify( eventNodes ) );
-
- placeEvents( $this );
-
- if ( data && typeof callback === 'function' ) {
- console.info( 'Fired "removeEvent" method after events removing.' );
- callback( $this, data );
- }
- });
- },
- updateEvent : function( events, callback ) {
- if ( typeof events === 'undefined' ) {
- return false;
- }
- return this.each(function(){
- var $this = $(this),
- data = $this.data('timeline'),
- eventNodes = ( new Function( 'return ' + data.timeline.text() ) )(),
- _ids = [],
- lastUpdated;
- // update events
- if ( events.length > 0 ) {
- $.each( events, function( i, newEvt ) {
- _ids.push(newEvt.eventId);
- });
- }
-
- if ( eventNodes.length > 0 && _ids.length > 0 ) {
- $.each( eventNodes, function( i, evt ) {
- if ( $.inArray( evt.eventId, _ids ) != -1 ) {
- var newEvent;
- $.each( events, function( j, newEvt ) {
- if ( newEvt.eventId == evt.eventId ) {
- newEvent = newEvt;
- lastUpdated = newEvt.eventId;
- return false;
- }
- });
- eventNodes[i] = newEvent;
- }
- });
- data.timeline.text( JSON.stringify( eventNodes ) );
- }
-
- placeEvents( $this );
-
- // Alignment to current node
- $(this).trigger( 'align.timeline', [ 'evt-' + lastUpdated, 'fast' ] );
-
- if ( data && typeof callback === 'function' ) {
-console.info( 'Fired "updateEvent" method after events updating.' );
- callback( $this, data );
- }
- });
- },
- openEvent : function( event ) {
- var eventId = Number( $(event.target).attr('id').replace('evt-', '') ),
- currentTimeline = event.delegateTarget;
- if ( eventId === '' || eventId == 0 ) {
- return false;
- }
- return $(currentTimeline).each(function(){
- var data = $(this).data('timeline'),
- eventNodes = ( new Function( 'return ' + data.timeline.text() ) )(), eventData;
- $.each( eventNodes, function( i, evt ) {
- if ( evt.eventId == eventId ) {
- eventData = evt;
- return false;
- }
- });
-
- // Activate focused event
- $(this).find('.timeline-node').each(function(){
- if ( $(this).attr('id') === 'evt-' + eventId ) {
- $(this).addClass('active');
- } else {
- $(this).removeClass('active');
- }
- });
-
- // Alignment to current node
- $(this).trigger( 'align.timeline', [ 'evt-' + eventId, 'fast' ] );
-
- if ( showEvent( eventData ) && eventData.callback ) {
-console.info( 'Fired "openEvent" method after event shown.' );
- Function.call( null, 'return ' + eventData.callback )();
- //var callback = Function.call( null, 'return ' + eventData.callback )();
- //callback.call( eventData );
- }
- });
- }
- };
-
- $.fn.timeline = function( method ) {
- // Dispatcher of Plugin
- if ( methods[method] ) {
- return methods[ method ].apply( this, Array.prototype.slice.call( arguments, 1 ) );
- } else
- if ( typeof method === 'object' || ! method ) {
- return methods.init.apply( this, arguments );
- } else {
- $.error( 'Method ' + method + ' does not exist on jQuery.timeline.' );
- }
-
- };
-
- function renderTimeline( obj ) {
- // Rendering timeline view
- var $this = $(obj), i, _tmp, _regx,
- data = $this.data('timeline');
-//console.info([ 'Called "renderTimeline" function', $this, data.timeline ]);
-console.info( data.timeline[0].attributes );
-
- _regx = /-|\/|\s|\:/;
- _tmp = data.timeline.attr('actual-start-datetime').split( _regx );
- var startDt = new Date( Number( _tmp[0] ), Number( _tmp[1] ) - 1, Number( _tmp[2] ), Number( _tmp[3] ), Number( _tmp[4] ), Number( _tmp[5] ) );
- if ( Number( _tmp[0] ) < 100 ) {
- // for 0 - 99 years map
- startDt.setFullYear( Number( _tmp[0] ) );
- }
-
- var tlHeader = $('<div />', { addClass: "timeline-header" }),
- tlBody = $('<div />', { addClass: "timeline-body" }),
- tlFooter = $('<div />', { addClass: "timeline-footer" }),
- tlWrapper= $('<div />', { addClass: "timeline-wrapper" }),
- tlScale = $('<table />', { addClass: "timeline-timetable timeline-scale" }),
- tlEvents = $('<div />', { addClass: "timeline-events" }),
- tlGrids = $('<table />', { addClass: "timeline-timetable timeline-grids" }),
- tlPointer= $('<div />', { addClass: "timeline-needle-pointer" }),
- dfEvents = $('<div />', { addClass: "timeline-events default-events" }),
- endDt = new Date( startDt ),
- scaleSet = {
- years : {
- "medium_scale": "months",
- "medium_cols": 12,
- "small_scale": "days",
- "small_cols": Number( data.timeline.attr('min-grid-per') )
- },
- months : {
- "medium_scale": "days",
- "medium_cols": new Date( startDt.getFullYear(), startDt.getMonth() + 1, 0 ).getDate(),
- "small_scale": "hours",
- "small_cols": Number( data.timeline.attr('min-grid-per') )
- },
- days : {
- "medium_scale": "hours",
- "medium_cols": 24,
- "small_scale": "minutes",
- "small_cols": Number( data.timeline.attr('min-grid-per') ) // retriveDaysGrid( data.timeline.attr('minute-interval'), data.timeline.attr('min-grid-per') )
- }
- },
- topScale = data.timeline.attr('scale'),
- midScale = scaleSet[topScale]['medium_scale'],
- smlScale = scaleSet[topScale]['small_scale'],
- mediumCellSize = Number( data.timeline.attr( 'min-grid-per' ) ) * Number( data.timeline.attr( 'min-grid-size' ) ),
- scaleMediumCols = [ scaleSet[topScale]['medium_cols'] ],
- scaleSmallCols;
-
-//console.info([ scaleSet.years['small_cols'], scaleSet.months['small_cols'], scaleSet.days['small_cols'] ]);
- // initialize element
- if ( ! $this.hasClass('timeline-container') ) {
- $this.addClass('timeline-container');
- }
- if ( $this.find('.timeline-events').length > 0 ) {
- $this.find('.timeline-events').clone().appendTo( dfEvents );
- defaultEvents( dfEvents, data );
- }
- if ( data.timeline.attr( 'type' ) === 'point' || data.timeline.attr( 'type' ) === 'mixed' ) {
- var tlLineCanvas = $('<canvas />', { addClass: "timeline-line-canvas" });
- }
- $this.empty();
-
- // Set endDate
- if ( data.timeline.attr('scale') === 'years' ) {
- endDt = new Date( endDt.setFullYear( endDt.getFullYear() + Number( data.timeline.attr('range') ) - 1 ) );
- } else
- if ( data.timeline.attr('scale') === 'months' ) {
- endDt = new Date( endDt.setMonth( endDt.getMonth() + Number( data.timeline.attr('range') ) - 1 ) );
- } else {
- endDt = new Date( endDt.setDate( endDt.getDate() + Number( data.timeline.attr('range') ) - 1 ) );
- }
-//console.info([ startDt, endDt ]);
-
- // Set scaleMediumCols
- if ( midScale === 'days' && Number( data.timeline.attr('range') ) > 1 ) {
- for ( i = 1; i < Number( data.timeline.attr('range') ); i++ ) {
- scaleMediumCols.push( new Date( startDt.getFullYear(), startDt.getMonth() + 1 + i, 0 ).getDate() );
- }
- } else {
- for ( i = 1; i < Number( data.timeline.attr('range') ); i++ ) {
- scaleMediumCols.push( scaleSet[topScale]['medium_cols'] );
- }
- }
-
- // Create header
- if ( data.timeline.attr('show-headline') ) {
- var fromDate, toDate, zf, zt, tlTitle;
- switch( data.timeline.attr('scale') ) {
- case "years":
- zf = zt = '';
- if ( data.timeline.attr('zerofill-year') == 1 ) {
- if ( startDt.getFullYear() < 100 ) {
- zf = '00';
- } else
- if ( startDt.getFullYear() < 1000 ) {
- zf = '0';
- }
- if ( endDt.getFullYear() < 100 ) {
- zt = '00';
- } else
- if ( endDt.getFullYear() < 1000 ) {
- zt = '0';
- }
- }
- fromDate = data.timeline.attr('datetime-prefix') + zf + formatDate( data.timeline.attr('datetime-format-year'), startDt );
- toDate = data.timeline.attr('datetime-prefix') + zt + formatDate( data.timeline.attr('datetime-format-year'), endDt );
- break;
- case "months":
- fromDate = data.timeline.attr('datetime-prefix') + formatDate( data.timeline.attr('datetime-format-year') + data.timeline.attr('datetime-format-month'), startDt );
- toDate = data.timeline.attr('datetime-prefix') + formatDate( data.timeline.attr('datetime-format-year') + data.timeline.attr('datetime-format-month'), endDt );
- break;
- case "days":
- fromDate = data.timeline.attr('datetime-prefix') + formatDate( data.timeline.attr('datetime-format-full'), startDt );
- toDate = data.timeline.attr('datetime-prefix') + formatDate( data.timeline.attr('datetime-format-full'), endDt );
- break;
- }
- tlTitle = '<span class="timeline-from-date">' + fromDate + '</span><span class="timeline-to-date">' + toDate + '</span>';
- tlHeader.append('<h3 class="timeline-headline">' + tlTitle + '</h3>');
- }
-
- // Create Time Scale
- var topLevelRow = mediumLevelRow = smallLevelRow = '<tr>',
- scaleSmallCols = array_sum( scaleMediumCols ) * scaleSet[topScale]['small_cols'],
- tmpDate, resMod, label;
-
- // Stored total cols
- data.timeline.attr( 'total-cols', scaleSmallCols );
-
- // Row of top level time scale
- for ( i = 0; i < Number( data.timeline.attr('range') ); i++ ) {
- topLevelRow += '<th colspan="' + ( scaleMediumCols[i] * scaleSet[topScale]['small_cols'] ) + '" class="scale-major scale-' + topScale + '">';
- tmpDate = new Date( startDt );
- switch ( topScale ) {
- case 'years':
- tmpDate.setFullYear( tmpDate.getFullYear() + i );
- label = formatDate( data.timeline.attr('datetime-format-year'), tmpDate ); // tmpDate.getFullYear()
- break;
- case 'months':
- tmpDate.setMonth( tmpDate.getMonth() + i );
- label = formatDate( data.timeline.attr('datetime-format-month'), tmpDate ); // tmpDate.getFullYear() + '/' + ( tmpDate.getMonth() + 1 );
- break;
- case 'days':
- tmpDate.setDate( tmpDate.getDate() + i );
- label = formatDate( data.timeline.attr('datetime-format-day'), tmpDate ); // ( tmpDate.getMonth() + 1 ) + '/' + tmpDate.getDate();
- break;
- }
- topLevelRow += label + '</th>';
- }
- topLevelRow += '</tr>';
-
- // Row of medium level time scale
- for ( i = 0; i < array_sum( scaleMediumCols ); i++ ) {
- mediumLevelRow += '<th colspan="' + scaleSet[topScale]['small_cols'] + '" class="scale-medium scale-' + midScale + '">';
- tmpDate = new Date( startDt );
- switch ( midScale ) {
- case 'months':
- resMod = i % scaleSet[topScale]['medium_cols'];
- label = mediumCellSize < 18 ? '' : resMod + 1;
- break;
- case 'days':
- tmpDate.setDate( tmpDate.getDate() + i );
- label = mediumCellSize < 20 ? '' : tmpDate.getDate();
- break;
- case 'hours':
- resMod = i % scaleSet[topScale]['medium_cols'];
- label = mediumCellSize < 40 ? '' : resMod + ':00';
- break;
- }
- mediumLevelRow += label + '</th>';
- }
- mediumLevelRow += '</tr>';
-
- // Row of small level time scale
- for ( i = 0; i < scaleSmallCols; i++ ) {
- smallLevelRow += '<th class="scale-small scale-' + smlScale + '"><span class="spacer-cell"></span></th>';
- }
-
- // Create Timeline grids
- var tlGridsRow = '<tr>';
- for ( i = 0; i < scaleSmallCols; i++ ) {
- tlGridsRow += '<td class="scale-small"><span class="spacer-cell"></span></td>';
- }
- tlGridsRow += '</tr>';
-
- // Create Timeline needle pointer
- if ( data.timeline.attr( 'show-pointer' ) == 0 ) {
- tlPointer.css('display', 'none');
- } else {
- var currentDt = setCurrentDate( true ),
- posX = getAbscissa( currentDt, data );
- if ( posX > -1 ) {
- tlPointer.css('left', posX + 'px');
- } else {
- tlPointer.css('display', 'none');
- }
- }
-
- // Create Timeline loader & Timeline Events
- var tlLoader = $('<div />', { addClass: "timeline-loader", css: { display: 'block' } });
- tlLoader.append( '<i class="jqtl-spinner"></i><span class="sr-only">Loading...</span>' );
- //tlEvents.append( tlLoader.prop('outerHTML') ).css('display','block');
-
- // Create Timeline footer
- var tlFooterNav = '<div class="timeline-nav">',
- tlNavLeft = data.timeline.attr( 'navi-icon-left' ) === '' ? 'jqtl-circle-left' : data.timeline.attr( 'navi-icon-left' ),
- tlNavRight = data.timeline.attr( 'navi-icon-right' ) === '' ? 'jqtl-circle-right' : data.timeline.attr( 'navi-icon-right' ),
- tlNavPrevClass = /^jqtl-circle-.*$/.test( tlNavLeft ) ? 'timeline-to-prev-default' : 'timeline-to-prev-custom',
- tlNavNextClass = /^jqtl-circle-.*$/.test( tlNavRight ) ? 'timeline-to-next-default' : 'timeline-to-next-custom';
-//console.info([ tlNavLeft, tlNavRight ]);
- tlFooterNav += '<a href="javascript:void(0);" class="timeline-to-prev ' + tlNavPrevClass + '"><i class="' + tlNavLeft + '"></i></a>';
- tlFooterNav += '<a href="javascript:void(0);" class="timeline-to-next ' + tlNavNextClass + '"><i class="' + tlNavRight + '"></i></a>';
- tlFooterNav += '</div>';
-
- // Build Elements
- tlScale.append( '<thead>' + topLevelRow + mediumLevelRow + smallLevelRow + '</thead>' );
- tlGrids.append( '<tbody>' + tlGridsRow + '</tbody>' );
- if ( data.timeline.attr( 'type' ) === 'point' || data.timeline.attr( 'type' ) === 'mixed' ) {
- tlWrapper.append( tlScale.prop('outerHTML') + tlEvents.prop('outerHTML') + tlLineCanvas.prop('outerHTML') + tlGrids.prop('outerHTML') + tlPointer.prop('outerHTML') );
- } else {
- tlWrapper.append( tlScale.prop('outerHTML') + tlEvents.prop('outerHTML') + tlGrids.prop('outerHTML') + tlPointer.prop('outerHTML') );
- }
- tlBody.append( tlWrapper );
- tlFooter.append( tlFooterNav );
-
- $this.append( tlHeader );
- $this.append( tlBody );
- $this.append( tlFooter );
- $this.append( tlLoader.prop('outerHTML') );
-
- return $this;
- }
-
- function resizeTimeline( obj ) {
- // Resizing timeline view
- var $this = $(obj), i,
- data = $this.data('timeline');
-
- if ( data.timeline.attr('timeline-height') === "auto" || typeof data.timeline.attr('timeline-height') !== "number" ) {
- tlEventAreaH = Number( data.timeline.attr('rows') ) * rowH;
- } else {
- tlEventAreaH = Number( data.timeline.attr('timeline-height') );
- }
- var timetableSize = {
- width : $this.find('.timeline-timetable.timeline-scale').outerWidth(),
- height: 63 // $this.find('.timeline-timetable.timeline-scale').outerHeight() ã ã¨æ£ç¢ºãªå€¤ãŒå–ã‚Œãªã„（bootstrap利用ã ã¨OK）（ãªãœã ï¼ï¼Ÿï¼‰
- };
- //console.info([ document.getElementsByClassName( 'timeline-scale' )[0].clientHeight, $(document).find('.timeline-timetable:first-child').height(), $this.find('.timeline-timetable:first-child').height(),$this.find('.timeline-timetable:first-child').innerHeight(),$this.find('.timeline-timetable:first-child').outerHeight(),$this.find('.timeline-timetable:first-child').outerHeight(true) ]);
- //console.info([ timetableSize, $(this).find('.timeline-wrapper').height(), $(this).find('.spacer-cell').width() ]);
- if ( $this.find('.timeline-wrapper')[0].offsetHeight != timetableSize.height + tlEventAreaH ) {
- $this.find('.timeline-wrapper').css('height', (timetableSize.height + tlEventAreaH) + 'px');
- $this.find('.timeline-events').css('height', tlEventAreaH + 'px');
- $this.find('.timeline-line-canvas').css('height', tlEventAreaH + 'px').attr('width', timetableSize.width).attr('height', tlEventAreaH);
- $this.find('.timeline-grids').css('height', tlEventAreaH + 'px');
- }
- data.timeline.attr('min-grid-size', Number( data.timeline.attr('min-grid-size') ) < 5 ? 30 : Number( data.timeline.attr('min-grid-size') ) );
- if ( $this.find('.spacer-cell').width() != data.timeline.attr('min-grid-size') - 1 ) {
- $this.find('.spacer-cell').css('width', (data.timeline.attr('min-grid-size') - 1) + 'px');
- }
-
- // Adjust position of navi icons
- var basePos = ( $this.find('.timeline-body').outerHeight() - $this.find('.timeline-scale').outerHeight() ) / 2,
- navIconH = $this.find('.timeline-to-prev').outerHeight(),
- navPosition = -1 * ( basePos + navIconH );
- $this.find('.timeline-to-prev').css('top', navPosition + 'px');
- $this.find('.timeline-to-next').css('top', navPosition + 'px');
-
- // Set event of scrolling timeline
- $this.find('.timeline-body').scroll(function(){
- var currentScrollLeft = $(this).scrollLeft();
- if ( currentScrollLeft < 1 ) {
- // Terminated Left
- $this.find('.timeline-to-prev').hide();
- } else
- if ( currentScrollLeft >= (timetableSize.width - $(this).outerWidth() - 2) ) {
- // Terminated Right
- $this.find('.timeline-to-next').hide();
- } else {
- $this.find('.timeline-to-prev').show();
- $this.find('.timeline-to-next').show();
- }
- });
-
- return $this;
- }
-
- function defaultEvents( obj, data ) {
- // Defining default events
- if ( $(obj).find('.timeline-events').children().length > 0 ) {
- var eventData = [],
- eventIds = [],
- startEventId = 0;
- $(obj).find('.timeline-events').children().each(function(){
- if ( $(this).data('timelineNode') ) {
- var event = ( new Function( 'return ' + $(this).data('timelineNode') ) )();
- event['label'] = $(this).text();
- if ( event.eventId )
- eventIds.push( Number( event.eventId ) );
- eventData.push( event );
- }
- });
- if ( eventData.length > 0 ) {
- startEventId = eventIds.length > 0 ? Math.max.apply( null, eventIds ) + 1 : startEventId;
- eventData.forEach(function( evt, i, ary ) {
- if ( ! evt.eventId ) {
- ary[i]['eventId'] = startEventId;
- startEventId++;
- }
- });
- data.timeline.text( JSON.stringify( eventData ) );
- }
- }
- return;
- }
-
- function placeEvents( obj ) {
- // Placing all events
- var $this = $(obj),
- data = $this.data('timeline'),
- eventNodes = ( new Function( 'return ' + data.timeline.text() ) )(),
- //tlStartDt = new Date( data.timeline.attr('start-datetime') === 'currently' ? data.timeline.attr('actual-start-datetime') : data.timeline.attr('start-datetime') ),
- tlStartDt = new Date( data.timeline.attr('actual-start-datetime') ),
- tlEndDt = new Date( tlStartDt ),
- tlType = data.timeline.attr('type'),
- tlScale = data.timeline.attr('scale'),
- tlRange = Number( data.timeline.attr('range') ),
-// minRangeDt = new Date( data.timeline.attr('timeline-range-from') ),
-// maxRangeDt = new Date( data.timeline.attr('timeline-range-to') ),
- tlMaxRow = Number( data.timeline.attr('rows') ),
- tlTotalCols = Number( data.timeline.attr('total-cols') ),
- minGridPer = Number( data.timeline.attr('min-grid-per') ),
- minGridSize = Number( data.timeline.attr('min-grid-size') ),
- coordinate = { x: 0, y: 0, w: 0 },
- tlWidth = minGridSize * tlTotalCols - 1;
- $this.find('.timeline-loader').css( 'display', 'block' );
-
- // Updated tlEndDt
- switch( tlScale ) {
- case 'years':
- tlEndDt.setYear( tlEndDt.getFullYear() + tlRange );
- break;
- case 'months':
- tlEndDt.setMonth( tlEndDt.getMonth() + tlRange - 1 );
- break;
- case 'days':
- tlEndDt.setDate( tlEndDt.getDate() + tlRange );
- break;
- }
-
-console.info([ 'placeEvents', data.timeline, eventNodes, tlStartDt, tlEndDt, tlTotalCols, tlWidth ]);
- $this.find('.timeline-events').empty();
- eventNodes.forEach(function( evt, i ) {
- if ( evt.start ) {
- var evtStartDt = new Date( evt.start ),
- evtEndDt = evt.end == undefined ? new Date( evt.start ) : new Date( evt.end ),
- msMonth = 30 * 24 * 60 * 60 * 1000, // base value
- msDay = 24 * 60 * 60 * 1000,
- msHour = 60 * 60 * 1000,
- gridSize = minGridPer * minGridSize,
- tlNodeElm;
- //if ( isBetweenTo( evtStartDt, minRangeDt, maxRangeDt ) && isBetweenTo( evtStartDt, tlStartDt, tlEndDt ) ) {
- if ( isBetweenTo( evtStartDt, tlStartDt, tlEndDt ) ) {
- // イベント開始日時ãŒé–‹å§‹æ—¥æ™‚ãŒã‚¿ã‚¤ãƒ ライン表示範囲内ã®å ´åˆ
- switch( tlScale ) {
- case 'years':
- coordinate.x = Math.round( ( ( evtStartDt - tlStartDt ) * tlWidth ) / ( tlEndDt - tlStartDt ) );
- //coordinate.x = Math.floor( ( evtStartDt - tlStartDt ) / msMonth * gridSize );
- break;
- case 'months':
- coordinate.x = Math.floor( ( evtStartDt - tlStartDt ) / msDay * gridSize );
- break;
- case 'days':
- //coordinate.x = Math.round( ( ( evtStartDt - tlStartDt ) * tlWidth ) / ( tlEndDt - tlStartDt ) );
- coordinate.x = Math.floor( ( evtStartDt - tlStartDt ) / msHour * gridSize );
- break;
- }
- coordinate.y = typeof evt.row !== 'undefined' ? ( evt.row - 1 ) * rowH : 0;
- if ( isBetweenTo( evtEndDt, tlStartDt, tlEndDt ) ) {
- // イベント終了日時ãŒã‚¿ã‚¤ãƒ ライン表示範囲内ã®å ´åˆ: イベントブãƒãƒƒã‚¯ã®æ¨ªå¹…を定義
- switch( tlScale ) {
- case 'years':
- coordinate.w = Math.floor( ( ( evtEndDt - tlStartDt ) / msMonth * gridSize ) - coordinate.x );
- break;
- case 'months':
- coordinate.w = Math.floor( ( ( evtEndDt - tlStartDt ) / msDay * gridSize ) - coordinate.x );
- break;
- case 'days':
- //coordinate.w = Math.round( ( ( evtEndDt - tlStartDt ) * tlWidth ) / ( tlEndDt - tlStartDt ) ) - coordinate.x;
- coordinate.w = Math.floor( ( ( evtEndDt - tlStartDt ) / msHour * gridSize ) - coordinate.x );
- break;
- }
- if ( coordinate.w == 0 ) {
- coordinate.w = 1;
- }
- } else {
- // イベント終了日時ãŒã‚¿ã‚¤ãƒ ライン表示範囲を超ãˆã‚‹å ´åˆ: イベントブãƒãƒƒã‚¯ã®æ¨ªå¹…をタイムライン表示域最大ã§å®šç¾©
- switch( tlScale ) {
- case 'years':
- coordinate.w = Math.floor( ( ( tlEndDt - tlStartDt ) / msMonth * gridSize ) - coordinate.x );
- break;
- case 'months':
- coordinate.w = Math.floor( ( ( tlEndDt - tlStartDt ) / msDay * gridSize ) - coordinate.x );
- break;
- case 'days':
- coordinate.w = Math.floor( ( ( tlEndDt - tlStartDt ) / msHour * gridSize ) - coordinate.x );
- break;
- }
- }
- } else
- if ( isBetweenTo( evtEndDt, tlStartDt, tlEndDt ) ) {
- //if ( isBetweenTo( evtEndDt, minRangeDt, maxRangeDt ) && isBetweenTo( evtEndDt, tlStartDt, tlEndDt ) ) {
- // イベント終了日時ãŒã‚¿ã‚¤ãƒ ライン表示範囲内ã®å ´åˆ
- coordinate.x = 0;
- coordinate.y = typeof evt.row !== 'undefined' ? ( evt.row - 1 ) * rowH : 0;
- switch( tlScale ) {
- case 'years':
- coordinate.w = Math.floor( ( evtEndDt - tlStartDt ) / msMonth * gridSize );
- break;
- case 'months':
- coordinate.w = Math.floor( ( evtEndDt - tlStartDt ) / msDay * gridSize );
- break;
- case 'days':
- coordinate.w = Math.floor( ( evtEndDt - tlStartDt ) / msHour * gridSize );
- break;
- }
- } else
- if ( isBetweenTo( tlStartDt, evtStartDt, evtEndDt ) && isBetweenTo( tlEndDt, evtStartDt, evtEndDt ) ) {
- // イベント期間内ã«ã‚¿ã‚¤ãƒ ライン表示範囲ãŒå«ã¾ã‚Œã‚‹å ´åˆï¼ˆé•·æœŸé–“ã®å¸¯ã‚¤ãƒ™ãƒ³ãƒˆç”¨ï¼‰
- coordinate.x = 0;
- coordinate.y = typeof evt.row !== 'undefined' ? ( evt.row - 1 ) * rowH : 0;
- switch( tlScale ) {
- case 'years':
- coordinate.w = Math.floor( ( tlEndDt - tlStartDt ) / msMonth * gridSize );
- break;
- case 'months':
- coordinate.w = Math.floor( ( tlEndDt - tlStartDt ) / msDay * gridSize );
- break;
- case 'days':
- coordinate.w = Math.floor( ( tlEndDt - tlStartDt ) / msHour * gridSize );
- break;
- }
- } else {
- coordinate.w = 0;
- }
-console.info([ coordinate.x, coordinate.y, coordinate.w, evtStartDt, evtEndDt, evt.eventId ]);
- if ( coordinate.w > 0 ) {
- if ( tlType === 'point' ) {
- // For event view type: point
- var margin = evt.margin ? Number( evt.margin ) : pointMargin;
- margin = margin < 0 ? 0 : margin;
- margin = margin > (rowH / 2) ? (rowH / 2) - 1 : margin;
- tlNodeElm = $('<div />', {
- addClass: 'timeline-node timeline-event-pointer',
- id: 'evt-' + evt.eventId,
- css: {
- left : coordinate.x - Math.floor(rowH / 2) + margin + 'px',
- top : coordinate.y + margin + 'px',
- width : rowH - (margin * 2) + 'px',
- height: rowH - (margin * 2) + 'px'
- },
- title: evt.label
- });
- if ( evt.bdColor ) {
- tlNodeElm.css('border-color', evt.bdColor );
- } else
- if ( evt.bgColor ) {
- tlNodeElm.css('border-color', evt.bgColor );
- }
- if ( evt.image ) {
- tlNodeElm.css('background-image', 'url(' + evt.image +')');
- }
- if ( evt.relation ) {
- $.each(evt.relation, function( key, value ) {
- if ( $.inArray( key, [ 'before', 'after', 'size' ] ) != -1 && ! isNaN( value ) ) {
- tlNodeElm.attr( 'data-relay-' + key, Number( value ) );
- } else
- if ( key === 'curve' ) {
- if ( $.inArray( value, [ 'lt', 'rt', 'lb', 'rb' ] ) != -1 ) {
- tlNodeElm.attr( 'data-relay-curve', value );
- }
- } else {
- tlNodeElm.attr( 'data-relay-' + key, value );
- }
- });
- }
- } else {
- // For event view type: bar
- tlNodeElm = $('<div />', {
- addClass: 'timeline-node timeline-text-truncate',
- id: 'evt-' + evt.eventId,
- css: {
- left : coordinate.x + 'px',
- top : coordinate.y + 'px',
- width : coordinate.w + 'px'
- },
- text: evt.label
- });
- if ( evt.color ) {
- tlNodeElm.css('color', evt.color );
- }
- if ( coordinate.w < minGridSize ) {
- tlNodeElm.css('padding-left', '1.5rem').css('padding-right', '0').css('text-overflow', 'clip');
- }
- }
- if ( evt.bgColor ) {
- tlNodeElm.css('background-color', evt.bgColor );
- }
- if ( evt.extend ) {
- $.each(evt.extend, function( key, value ) {
- tlNodeElm.attr( 'data-' + key, value );
- });
- }
- $this.find('.timeline-events').append( tlNodeElm.prop('outerHTML') );
- }
- }
- // End of forEach
- });
- $this.find('.timeline-loader').css( 'display', 'none' );
-
- if ( tlType === 'point' || tlType === 'mixed' ) {
- drowRelationLine( $this );
-
- // Set event of hovering event-node (point type)
- $this.find('.timeline-event-pointer').hover(function(e){
- var defaultAxis;
- if ( e.type === 'mouseenter' ) {
- defaultAxis = { left: parseInt( $(this).css('left') ), top: parseInt( $(this).css('top') ), width: parseInt( $(this).css('width') ), height: parseInt( $(this).css('height') ) };
- $(this).attr( 'data-default-axis', JSON.stringify( defaultAxis ) );
- // on hover action
- if ( ! $(this).hasClass('hovered') ) {
- $(this).addClass('hovered').animate({ left: defaultAxis.left - rowH/10, top: defaultAxis.top - rowH/10, width: defaultAxis.width + rowH/10*2, height: defaultAxis.height + rowH/10*2 },0);
- }
- } else
- if ( e.type === 'mouseleave' ) {
- defaultAxis = $(this).data( 'defaultAxis' );
- $(this).css('left', defaultAxis.left + 'px').css('top', defaultAxis.top + 'px').css('width', defaultAxis.width + 'px').css('height', defaultAxis.height + 'px');
- $(this).removeAttr( 'data-default-axis' );
- // off hover action
- if ( $(this).hasClass('hovered') ) {
- $(this).removeClass('hovered');
- }
- }
- });
-
- }
- }
-
- function drowRelationLine( obj ) {
- var events = obj.find('.timeline-node.timeline-event-pointer'),
- relayMap = {},
- canvas = obj.find('.timeline-line-canvas')[0],
- ctx;
- if ( ! canvas.getContext ) {
- return;
- }
- ctx = canvas.getContext('2d');
- // Get data for drawing and draw line
- events.each(function(){
-//console.log( $(this) );
- var lineColor = $(this).data('relayLinecolor') == undefined ? $(this).css('border-left-color') : $(this).data('relayLinecolor'),
- lineSize = $(this).data('relayLinesize') == undefined ? Math.round(rowH/10) : $(this).data('relayLinesize'),
- targetId, selfPoint, startPoint, endPoint, cv, controlPoint, diffRow;
- // initialize
- ctx.strokeStyle = lineColor;
- ctx.lineWidth = lineSize;
- ctx.lineJoin = 'round';
- ctx.lineCap = 'round';
- cv = {
- x: (rowH - ctx.lineWidth) / 2,
- y: rowH / 2
- };
- selfPoint = {
- x: $(this)[0].offsetLeft + cv.x,
- y: Math.floor( $(this)[0].offsetTop / rowH ) * rowH + cv.y
- };
-
- // Draw lines
- if ( $(this).data('relayBefore') != undefined ) {
- // Draw from before-event to myself
- if ( $(this).data('relayBefore') > 0 ) {
- startPoint = {
- x: $('#evt-' + $(this).data('relayBefore'))[0].offsetLeft + cv.x,
- y: Math.floor( $('#evt-' + $(this).data('relayBefore'))[0].offsetTop / rowH ) * rowH + cv.y
- };
- } else {
- startPoint = { x: 0, y: selfPoint.y };
- }
- diffRow = ( startPoint.y - selfPoint.y ) / rowH;
- if ( Math.abs( diffRow ) > 0 && $(this).data('relayCurve') != undefined && $.inArray( $(this).data('relayCurve'), [ 'lt', 'rt', 'lb', 'rb' ] ) != -1 ) {
- drawLine( startPoint, selfPoint, $(this).data('relayCurve') );
- } else {
- drawLine( startPoint, selfPoint );
- }
- }
- if ( $(this).data('relayAfter') != undefined ) {
- // Draw from myself to after-event
- if ( $(this).data('relayAfter') > 0 ) {
- endPoint = {
- x: $('#evt-' + $(this).data('relayAfter'))[0].offsetLeft + cv.x,
- y: Math.floor( $('#evt-' + $(this).data('relayAfter'))[0].offsetTop / rowH ) * rowH + cv.y
- };
- } else {
- endPoint = { x: canvas.width, y: selfPoint.y };
- }
- diffRow = ( selfPoint.y - endPoint.y ) / rowH;
- if ( Math.abs( diffRow ) > 0 && $(this).data('relayCurve') != undefined && $.inArray( $(this).data('relayCurve'), [ 'lt', 'rt', 'lb', 'rb' ] ) != -1 ) {
- drawLine( selfPoint, endPoint, $(this).data('relayCurve') );
- } else {
- drawLine( selfPoint, endPoint );
- }
- }
-
- });
-
- function drawLine( start, end, curve ) {
- if ( typeof start !== 'object' || typeof end !== 'object' ) {
- return;
- }
- curve = curve || false;
- var diff = { x: Math.abs( (start.x - end.x) / rowH ), y:Math.abs( (start.y - end.y) / rowH ) };
- ctx.beginPath();
- ctx.moveTo( start.x, start.y );
- if ( curve !== false ) {
- switch ( curve ) {
- case 'lt':
- controlPoint = {
- relayStartX: start.x,
- relayStartY: end.y + rowH,
- cpx: start.x,
- cpy: end.y,
- relayEndX: start.x + rowH,
- relayEndY: end.y
- };
- break;
- case 'rt':
- controlPoint = {
- relayStartX: end.x - rowH,
- relayStartY: start.y,
- cpx: end.x,
- cpy: start.y,
- relayEndX: end.x,
- relayEndY: start.y + rowH
- };
- break;
- case 'lb':
- controlPoint = {
- relayStartX: start.x,
- relayStartY: end.y - rowH,
- cpx: start.x,
- cpy: end.y,
- relayEndX: start.x + rowH,
- relayEndY: end.y
- };
- break;
- case 'rb':
- controlPoint = {
- relayStartX: end.x - rowH,
- relayStartY: start.y,
- cpx: end.x,
- cpy: start.y,
- relayEndX: end.x,
- relayEndY: start.y - rowH
- };
- break;
- }
- if ( diff.x > 1 || diff.y > 1 ) {
- ctx.lineTo( controlPoint.relayStartX, controlPoint.relayStartY );
- }
- ctx.quadraticCurveTo( controlPoint.cpx, controlPoint.cpy, controlPoint.relayEndX, controlPoint.relayEndY );
- }
- ctx.lineTo( end.x, end.y );
- ctx.stroke();
- }
-
- }
-
- function showEvent( eventData ) {
- if ( $('.timeline-event-view').length == 0 ) {
- return true;
- }
-console.info( eventData );
- $('.timeline-event-view').empty();
- var tlevHeader = $('<div />', { addClass: "timeline-event-header" }),
- tlevLabel = $('<h3 />', { addClass: "timeline-event-label" }),
- tlevMeta = $('<div />', { addClass: "timeline-event-meta" }),
- tlevBody = $('<div />', { addClass: "timeline-event-body" }),
- tlevFooter = $('<div />', { addClass: "timeline-event-footer" }),
- temp;
- tlevLabel.text( eventData.label );
- temp = '<span class="timeline-event-start-date">' + formatDate( 'Y/m/d H:i', eventData.start ) + '</span>';
- if ( eventData.end ) {
- temp += '<span class="timeline-event-date-separator"></span>';
- temp += '<span class="timeline-event-end-date">' + formatDate( 'Y/m/d H:i', eventData.end ) + '</span>';
- }
- tlevHeader.append( tlevLabel.prop('outerHTML') + tlevMeta.append( temp ).prop('outerHTML') );
- if ( eventData.content ) {
- tlevBody.html( eventData.content );
- }
-
- $('.timeline-event-view').append( tlevHeader.prop('outerHTML') + tlevBody.prop('outerHTML') + tlevFooter.prop('outerHTML') );
-
- return true;
- }
-
- var retriveServerDate = function( ) {
- // Retrive datetime from server
- return $.ajax({
- type: 'GET'
- }).done(function(d,s,xhr){
- $('body').data('serverDate', new Date(xhr.getResponseHeader('Date')));
- }).promise();
- };
-
- function setCurrentDate( fromServer ) {
- // Setting currently datetime
- var currentDate = new Date();
- if ( fromServer ) {
- retriveServerDate().then(function() {
- currentDate = $('body').data('serverDate');
- $.removeData('body', 'serverDate');
- }, function() {
- currentDate = new Date();
- });
- }
- return currentDate;
- }
-
- function isBetweenTo( targetDate, beginDate, endDate ) {
- // Determine whether the specified date and time is within range
- var targetDt = new Date( targetDate ).getTime(),
- beginDt = new Date( beginDate ).getTime(),
- endDt = new Date( endDate ).getTime();
- return targetDt - beginDt >= 0 && endDt - targetDt >= 0;
- }
-
- function getAbscissa( targetDt, dataObject ) {
- var targetDt = Object.prototype.toString.call( targetDt ) === '[object Date]' ? targetDt : new Date( targetDt ),
- data = dataObject.timeline,
- //justify = $.inArray( justify.toLowerCase(), [ 'left', 'center' ] ) != -1 ? justify.toLowerCase() : 'center',
- startDt = new Date( data.attr('actual-start-datetime') ),
- endDt = new Date( startDt ),
- scale = data.attr('scale'),
- range = Number( data.attr('range') ),
- tlTotalCols = Number( data.attr('total-cols') ),
- minGridPer = Number( data.attr('min-grid-per') ),
- minGridSize = Number( data.attr('min-grid-size') ),
- tlWidth = minGridSize * tlTotalCols - 1,
- msDay = 24 * 60 * 60 * 1000,
- msHour = 60 * 60 * 1000,
- gridSize = minGridPer * minGridSize,
- posX;
- // Set end datetime
- switch ( scale ) {
- case 'years':
- endDt = new Date( endDt.setFullYear( endDt.getFullYear() + range - 1 ) );
- break;
- case 'months':
- endDt = new Date( endDt.setMonth( endDt.getMonth() + range - 1 ) );
- break;
- case 'days':
- endDt = new Date( endDt.setDate( endDt.getDate() + range - 1 ) );
- break;
- }
- if ( isBetweenTo( targetDt, startDt, endDt ) ) {
- switch ( scale ) {
- case 'years':
- posX = Math.round( ( ( targetDt - startDt ) * tlWidth ) / ( endDt - startDt ) );
- break;
- case 'months':
- posX = Math.floor( ( targetDt - startDt ) / msDay * gridSize );
- break;
- case 'days':
- posX = Math.floor( ( targetDt - startDt ) / msHour * gridSize );
- break;
- }
- return posX;
- } else {
- return false;
- }
- }
-
- function retriveDaysGrid( minuteInterval, minGridPer ) {
- // Deprecated
- if ( minGridPer == 30 ) {
- return Math.floor( 60 / Number( minuteInterval ) );
- } else {
- return Number( minGridPer );
- }
- }
-
- function array_sum( ary ) {
- // Sum all values in array
- return ary.reduce(function( prev, current, i, ary ) {
- return prev + current;
- });
- }
-
- function object_values( obj ) {
- // Return array of values in object
- var r = [];
- for( var k in obj ) {
- if ( obj.hasOwnProperty( k ) ) {
- r.push( obj[k] );
- }
- }
- return r;
- }
-
- function object_keys( obj ) {
- // Return array of keys in object
- var r = [];
- for ( var k in obj ) {
- if ( obj.hasOwnProperty( k ) ) {
- r.push( k );
- }
- }
- return r;
- }
-
- function zerofill( num, digit ) {
- // Return numeric string with zero-fill the specific upper digits
- var strDuplicate = function( n, str ) {
- return Array( n + 1 ).join( str );
- },
- zero = strDuplicate( digit - 1, '0' );
- return String( num ).length == digit ? num : ( zero + num ).substr( num * -1 );
- }
-
- function formatDate( format, date ) {
- // Date format like PHP
- var baseDt = Object.prototype.toString.call( date ) === '[object Date]' ? date : new Date( date ),
- month = { 'Jan': 'January', 'Feb': 'February', 'Mar': 'March', 'Apr': 'April', 'May': 'May', 'Jun': 'June', 'Jul': 'July', 'Aug': 'August', 'Sep': 'September', 'Oct': 'October', 'Nov': 'November', 'Dec': 'December' },
- day = { 'Sun': 'Sunday', 'Mon': 'Monday', 'Tue': 'Tuesday', 'Wed': 'Wednesday', 'Thu': 'Thurseday', 'Fri': 'Friday', 'Sat': 'Saturday' },
- ma = [ 'am', 'pm' ],
- formatStrings = format.split(''),
- converted = '',
- esc = false,
- lastDayOfMonth = function( dateObj ) {
- var _tmp = new Date( dateObj.getFullYear(), dateObj.getMonth() + 1, 1 );
- _tmp.setTime( _tmp.getTime() - 1 );
- return _tmp.getDate();
- },
- isLeapYear = function( dateObj ) {
- var _tmp = new Date( dateObj.getFullYear(), 0, 1 ),
- sum = 0, i;
- for ( i = 0; i < 12; i++ ) {
- _tmp.setMonth(i);
- sum += lastDayOfMonth( _tmp );
- }
- return ( sum === 365 ) ? 0 : 1;
- },
- dateCount = function( dateObj ) {
- var _tmp = new Date( dateObj.getFullYear(), 0, 1 ),
- sum = 0, i;
- for ( i=0; i<dateObj.getMonth(); i++ ) {
- _tmp.setMonth(i);
- sum += lastDayOfMonth( _tmp );
- }
- return sum + dateObj.getDate();
- },
- half_hours = function( dateObj ) {
- var h = dateObj.getHours();
- return h > 12 ? h - 12 : h;
- },
- ampm = function( dateObj ) {
- var h = dateObj.getHours();
- return h > 12 ? ma[1] : ma[0];
- };
-
- if ( format === '' ) {
- return baseDt;
- }
-
- // localize
- if ( typeof $.timeline.global === 'object' ) {
- month = typeof $.timeline.global.month === 'object' ? $.timeline.global.month : month;
- day = typeof $.timeline.global.day === 'object' ? $.timeline.global.day : day;
- ma = typeof $.timeline.global.ma === 'object' ? $.timeline.global.ma : ma;
- }
-
- formatStrings.forEach( function( str, i ) {
- var res, tmp, sign;
- if ( esc === false ) {
- switch( str ) {
- case 'Y': // Full year | ruby %Y
- case 'o': // Full year (ISO-8601)
- res = baseDt.getFullYear();
- break;
- case 'y': // Two digits year | ruby %y
- res = ('' + baseDt.getFullYear()).slice(-2);
- break;
- case 'm': // Zerofill month (01-12) | ruby %m
- res = ('0' + (baseDt.getMonth() + 1)).slice(-2);
- break;
- case 'n': // Month
- res = baseDt.getMonth() + 1;
- break;
- case 'F': // Full month name | ruby %B
- res = object_values( month )[baseDt.getMonth()];
- break;
- case 'M': // Short month name | ruby %b
- res = object_keys( month )[baseDt.getMonth()];
- break;
- case 'd': // Zerofill day (01-31) | ruby %d
- res = ('0' + baseDt.getDate()).slice(-2);
- break;
- case 'j': // Day
- res = baseDt.getDate();
- break;
- case 'S': // Day with suffix
- var suffix = [ 'st', 'nd', 'rd', 'th' ],
- suffix_index = function(){
- var d = baseDt.getDate();
- if ( d == 1 || d == 2 || d == 3 || d == 21 || d == 22 || d == 23 || d == 31 ) {
- return Number( ('' + d).slice(-1) - 1 );
- } else {
- return 3;
- }
- };
- res = suffix[suffix_index()];
- break;
- case 'w': // Day of the week (number) | ruby %w
- case 'W': // Day of the week (ISO-8601 number)
- res = baseDt.getDay();
- break;
- case 'l': // Day of the week (full) | ruby %A
- res = object_values( day )[baseDt.getDay()];
- break;
- case 'D': // Day of the week (short) | ruby %a
- res = object_keys( day )[baseDt.getDay()];
- break;
- case 'N': // Day of the week (ISO-8601 number)
- res = baseDt.getDay() === 0 ? 7 : baseDt.getDay();
- break;
- case 'a': // am or pm
- res = ampm(baseDt);
- break;
- case 'A': // AM or PM
- res = ampm(baseDt).toUpperCase();
- break;
- case 'g': // Half hours (1-12)
- res = half_hours( baseDt );
- break;
- case 'h': // Zerofill half hours (01-12) | ruby %I
- res = ('0' + half_hours(baseDt)).slice(-2);
- break;
- case 'G': // Full hours (0-23)
- res = baseDt.getHours();
- break;
- case 'H': // Zerofill full hours (00-23) | ruby %H
- res = ('0' + baseDt.getHours()).slice(-2);
- break;
- case 'i': // Zerofill minutes (00-59) | ruby %M
- res = ('0' + baseDt.getMinutes()).slice(-2);
- break;
- case 's': // Zerofill seconds (00-59) | ruby %S
- res = ('0' + baseDt.getSeconds()).slice(-2);
- break;
- case 'z': // Day of the year (1-366) | ruby %j
- res = dateCount( baseDt );
- break;
- case 't': // Days of specific month
- res = lastDayOfMonth( baseDt );
- break;
- case 'L': // Whether a leap year
- res = isLeapYear( baseDt );
- break;
- case 'c': // Date of ISO-8601
- tmp = baseDt.getTimezoneOffset();
- tzo = [ Math.floor( Math.abs( tmp ) / 60 ), Math.abs( tmp ) % 60 ];
- sign = tmp < 0 ? '+' : '-';
- res = baseDt.getFullYear() +'-'+ zerofill( baseDt.getMonth() + 1, 2 ) +'-'+ zerofill( baseDt.getDate(), 2 ) +'T';
- res += zerofill( baseDt.getHours(), 2 ) +':'+ zerofill( baseDt.getMinutes(), 2 ) +':'+ zerofill( baseDt.getSeconds(), 2 );
- res += sign + zerofill( tzo[0], 2 ) +':'+ zerofill( tzo[1], 2 );
- break;
- case 'r': // Date of RFC-2822
- tmp = baseDt.getTimezoneOffset();
- tzo = [ Math.floor( Math.abs( tmp ) / 60 ), Math.abs( tmp ) % 60 ];
- sign = tmp < 0 ? '+' : '-';
- res = object_keys( day )[baseDt.getDay()] +', '+ baseDt.getDate() +' '+ object_keys( month )[baseDt.getMonth()] +' '+ baseDt.getFullYear() +' ';
- res += zerofill( baseDt.getHours(), 2 ) +':'+ zerofill( baseDt.getMinutes(), 2 ) +':'+ zerofill( baseDt.getSeconds(), 2 ) +' ';
- res += sign + zerofill( tzo[0], 2 ) + zerofill( tzo[1], 2 );
- break;
- case 'u': // Millisecond
- res = baseDt.getTime();
- break;
- case 'U': // Unix Epoch seconds
- res = Date.parse( baseDt ) / 1000;
- break;
- case "\\": // escape
- esc = true;
- res = formatStrings[i + 1];
- break;
- default:
- res = str;
- break;
- }
- converted += res;
- } else {
- esc = false;
- return true;
- }
- });
- return converted;
- }
-
-
-})( jQuery );
\ No newline at end of file
--
GitLab