| Server IP : 49.231.201.246 / Your IP : 216.73.216.149 Web Server : Apache/2.4.18 (Ubuntu) System : Linux 246 4.4.0-210-generic #242-Ubuntu SMP Fri Apr 16 09:57:56 UTC 2021 x86_64 User : root ( 0) PHP Version : 7.0.33-0ubuntu0.16.04.16 Disable Function : exec,passthru,shell_exec,system,proc_open,popen,pcntl_exec MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /proc/11584/cwd/html/ppaobm/vendor/bower-asset/fullcalendar-scheduler/src/timeline/ |
Upload File : |
import { DateProfile, DateMarker, wholeDivideDurations, isInt, Component, ComponentContext, createDuration, startOfDay, greatestDurationDenominator, rangeContainsMarker } from '@fullcalendar/core'
import HeaderBodyLayout from './HeaderBodyLayout'
import TimelineHeader from './TimelineHeader'
import TimelineSlats from './TimelineSlats'
import { TimelineDateProfile, buildTimelineDateProfile } from './timeline-date-profile'
import TimelineNowIndicator from './TimelineNowIndicator'
import StickyScroller from './util/StickyScroller'
export interface TimeAxisProps {
dateProfile: DateProfile
}
export default class TimeAxis extends Component<TimeAxisProps> {
// child components
layout: HeaderBodyLayout
header: TimelineHeader
slats: TimelineSlats
nowIndicator: TimelineNowIndicator
headStickyScroller: StickyScroller
bodyStickyScroller: StickyScroller
// internal state
tDateProfile: TimelineDateProfile
constructor(context: ComponentContext, headerContainerEl, bodyContainerEl) {
super(context)
let layout = this.layout = new HeaderBodyLayout(
headerContainerEl,
bodyContainerEl,
'auto'
)
let headerEnhancedScroller = layout.headerScroller.enhancedScroll
let bodyEnhancedScroller = layout.bodyScroller.enhancedScroll
// needs to go after layout, which has ScrollJoiner
this.headStickyScroller = new StickyScroller(headerEnhancedScroller, this.isRtl, false) // isVertical=false
this.bodyStickyScroller = new StickyScroller(bodyEnhancedScroller, this.isRtl, false) // isVertical=false
this.header = new TimelineHeader(
context,
headerEnhancedScroller.canvas.contentEl
)
this.slats = new TimelineSlats(
context,
bodyEnhancedScroller.canvas.bgEl
)
this.nowIndicator = new TimelineNowIndicator(
headerEnhancedScroller.canvas.el,
bodyEnhancedScroller.canvas.el
)
}
destroy() {
this.layout.destroy()
this.header.destroy()
this.slats.destroy()
this.nowIndicator.unrender()
this.headStickyScroller.destroy()
this.bodyStickyScroller.destroy()
super.destroy()
}
render(props: TimeAxisProps) {
let tDateProfile = this.tDateProfile =
buildTimelineDateProfile(props.dateProfile, this.view) // TODO: cache
this.header.receiveProps({
dateProfile: props.dateProfile,
tDateProfile
})
this.slats.receiveProps({
dateProfile: props.dateProfile,
tDateProfile
})
}
// Now Indicator
// ------------------------------------------------------------------------------------------
getNowIndicatorUnit(dateProfile: DateProfile) {
// yuck
let tDateProfile = this.tDateProfile =
buildTimelineDateProfile(dateProfile, this.view) // TODO: cache
if (tDateProfile.isTimeScale) {
return greatestDurationDenominator(tDateProfile.slotDuration).unit
}
}
// will only execute if isTimeScale
renderNowIndicator(date) {
if (rangeContainsMarker(this.tDateProfile.normalizedRange, date)) {
this.nowIndicator.render(
this.dateToCoord(date),
this.isRtl
)
}
}
// will only execute if isTimeScale
unrenderNowIndicator() {
this.nowIndicator.unrender()
}
// Sizing
// ------------------------------------------------------------------------------------------
updateSize(isResize, totalHeight, isAuto) {
this.applySlotWidth(
this.computeSlotWidth()
)
// adjusts gutters. do after slot widths set
this.layout.setHeight(totalHeight, isAuto)
// pretty much just queries coords. do last
this.slats.updateSize()
}
updateStickyScrollers() {
this.headStickyScroller.updateSize()
this.bodyStickyScroller.updateSize()
}
computeSlotWidth() {
let slotWidth = this.opt('slotWidth') || ''
if (slotWidth === '') {
slotWidth = this.computeDefaultSlotWidth(this.tDateProfile)
}
return slotWidth
}
computeDefaultSlotWidth(tDateProfile) {
let maxInnerWidth = 0 // TODO: harness core's `matchCellWidths` for this
this.header.innerEls.forEach(function(innerEl, i) {
maxInnerWidth = Math.max(maxInnerWidth, innerEl.getBoundingClientRect().width)
})
let headingCellWidth = Math.ceil(maxInnerWidth) + 1 // assume no padding, and one pixel border
// in TimelineView.defaults we ensured that labelInterval is an interval of slotDuration
// TODO: rename labelDuration?
let slotsPerLabel = wholeDivideDurations(tDateProfile.labelInterval, tDateProfile.slotDuration)
let slotWidth = Math.ceil(headingCellWidth / slotsPerLabel)
let minWidth: any = window.getComputedStyle(this.header.slatColEls[0]).minWidth
if (minWidth) {
minWidth = parseInt(minWidth, 10)
if (minWidth) {
slotWidth = Math.max(slotWidth, minWidth)
}
}
return slotWidth
}
applySlotWidth(slotWidth: number | string) {
let { layout, tDateProfile } = this
let containerWidth: number | string = ''
let containerMinWidth: number | string = ''
let nonLastSlotWidth: number | string = ''
if (slotWidth !== '') {
slotWidth = Math.round(slotWidth as number)
containerWidth = slotWidth * tDateProfile.slotDates.length
containerMinWidth = ''
nonLastSlotWidth = slotWidth
let availableWidth = layout.bodyScroller.enhancedScroll.getClientWidth()
if (availableWidth > containerWidth) {
containerMinWidth = availableWidth
containerWidth = ''
nonLastSlotWidth = Math.floor(availableWidth / tDateProfile.slotDates.length)
}
}
layout.headerScroller.enhancedScroll.canvas.setWidth(containerWidth)
layout.headerScroller.enhancedScroll.canvas.setMinWidth(containerMinWidth)
layout.bodyScroller.enhancedScroll.canvas.setWidth(containerWidth)
layout.bodyScroller.enhancedScroll.canvas.setMinWidth(containerMinWidth)
if (nonLastSlotWidth !== '') {
this.header.slatColEls.slice(0, -1).concat(
this.slats.slatColEls.slice(0, -1)
).forEach(function(el) {
el.style.width = nonLastSlotWidth + 'px'
})
}
}
// returned value is between 0 and the number of snaps
computeDateSnapCoverage(date: DateMarker): number {
let { dateEnv, tDateProfile } = this
let snapDiff = dateEnv.countDurationsBetween(
tDateProfile.normalizedRange.start,
date,
tDateProfile.snapDuration
)
if (snapDiff < 0) {
return 0
} else if (snapDiff >= tDateProfile.snapDiffToIndex.length) {
return tDateProfile.snapCnt
} else {
let snapDiffInt = Math.floor(snapDiff)
let snapCoverage = tDateProfile.snapDiffToIndex[snapDiffInt]
if (isInt(snapCoverage)) { // not an in-between value
snapCoverage += snapDiff - snapDiffInt // add the remainder
} else {
// a fractional value, meaning the date is not visible
// always round up in this case. works for start AND end dates in a range.
snapCoverage = Math.ceil(snapCoverage)
}
return snapCoverage
}
}
// for LTR, results range from 0 to width of area
// for RTL, results range from negative width of area to 0
dateToCoord(date) {
let { tDateProfile } = this
let snapCoverage = this.computeDateSnapCoverage(date)
let slotCoverage = snapCoverage / tDateProfile.snapsPerSlot
let slotIndex = Math.floor(slotCoverage)
slotIndex = Math.min(slotIndex, tDateProfile.slotCnt - 1)
let partial = slotCoverage - slotIndex
let { innerCoordCache, outerCoordCache } = this.slats
if (this.isRtl) {
return (
outerCoordCache.rights[slotIndex] -
(innerCoordCache.getWidth(slotIndex) * partial)
) - outerCoordCache.originClientRect.width
} else {
return (
outerCoordCache.lefts[slotIndex] +
(innerCoordCache.getWidth(slotIndex) * partial)
)
}
}
rangeToCoords(range) {
if (this.isRtl) {
return { right: this.dateToCoord(range.start), left: this.dateToCoord(range.end) }
} else {
return { left: this.dateToCoord(range.start), right: this.dateToCoord(range.end) }
}
}
// Scrolling
// ------------------------------------------------------------------------------------------
computeDateScroll(timeMs) {
let { dateEnv } = this
let { dateProfile } = this.props
let left = 0
if (dateProfile) {
left = this.dateToCoord(
dateEnv.add(
startOfDay(dateProfile.activeRange.start), // startOfDay needed?
createDuration(timeMs)
)
)
// hack to overcome the left borders of non-first slat
if (!this.isRtl && left) {
left += 1
}
}
return { left }
}
queryDateScroll() {
let { enhancedScroll } = this.layout.bodyScroller
return {
left: enhancedScroll.getScrollLeft()
}
}
applyDateScroll(scroll) {
// TODO: lame we have to update both. use the scrolljoiner instead maybe
this.layout.bodyScroller.enhancedScroll.setScrollLeft(scroll.left || 0)
this.layout.headerScroller.enhancedScroll.setScrollLeft(scroll.left || 0)
}
}