| 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/11585/cwd/html/ppaobm/vendor/bower-asset/fullcalendar/src/core/component/ |
Upload File : |
import Component, { ComponentContext } from './Component'
import { EventRenderRange } from './event-rendering'
import { DateSpan } from '../structs/date-span'
import { EventInstanceHash } from '../structs/event'
import { rangeContainsRange } from '../datelib/date-range'
import { Hit } from '../interactions/hit'
import { elementClosest, removeElement } from '../util/dom-manip'
import { isDateSelectionValid, isInteractionValid } from '../validation'
import EventApi from '../api/EventApi'
import FgEventRenderer from './renderers/FgEventRenderer'
import FillRenderer from './renderers/FillRenderer'
import { EventInteractionState } from '../interactions/event-interaction-state'
export type DateComponentHash = { [uid: string]: DateComponent<any> }
// NOTE: for fg-events, eventRange.range is NOT sliced,
// thus, we need isStart/isEnd
export interface Seg {
component?: DateComponent<any>
isStart: boolean
isEnd: boolean
eventRange?: EventRenderRange
el?: HTMLElement
[otherProp: string]: any // TODO: remove this. extending Seg will handle this
}
export interface EventSegUiInteractionState {
affectedInstances: EventInstanceHash
segs: Seg[]
isEvent: boolean
sourceSeg: any
}
/*
PURPOSES:
- hook up to fg, fill, and mirror renderers
- interface for dragging and hits
*/
export default class DateComponent<PropsType> extends Component<PropsType> {
// self-config, overridable by subclasses. must set on prototype
fgSegSelector: string // lets eventRender produce elements without fc-event class
bgSegSelector: string
// IN SCHEDULER: allowAcrossResources
// if defined, holds the unit identified (ex: "year" or "month") that determines the level of granularity
// of the date areas. if not defined, assumes to be day and time granularity.
// TODO: port isTimeScale into same system?
largeUnit: any
eventRenderer: FgEventRenderer
mirrorRenderer: FgEventRenderer
fillRenderer: FillRenderer
el: HTMLElement // passed in to constructor
constructor(context: ComponentContext, el: HTMLElement, isView?: boolean) {
super(context, isView)
this.el = el
}
destroy() {
super.destroy()
removeElement(this.el)
}
// TODO: WHAT ABOUT (sourceSeg && sourceSeg.component.doesDragMirror)
//
// Event Drag-n-Drop Rendering (for both events and external elements)
// ---------------------------------------------------------------------------------------------------------------
/*
renderEventDragSegs(state: EventSegUiInteractionState) {
if (state) {
let { isEvent, segs, sourceSeg } = state
if (this.eventRenderer) {
this.eventRenderer.hideByHash(state.affectedInstances)
}
// if the user is dragging something that is considered an event with real event data,
// and this component likes to do drag mirrors OR the component where the seg came from
// likes to do drag mirrors, then render a drag mirror.
if (isEvent && (this.doesDragMirror || sourceSeg && sourceSeg.component.doesDragMirror)) {
if (this.mirrorRenderer) {
this.mirrorRenderer.renderSegs(segs, { isDragging: true, sourceSeg })
}
}
// if it would be impossible to render a drag mirror OR this component likes to render
// highlights, then render a highlight.
if (!isEvent || this.doesDragHighlight) {
if (this.fillRenderer) {
this.fillRenderer.renderSegs('highlight', segs)
}
}
}
}
*/
// Hit System
// -----------------------------------------------------------------------------------------------------------------
buildPositionCaches() {
}
queryHit(positionLeft: number, positionTop: number, elWidth: number, elHeight: number): Hit | null {
return null // this should be abstract
}
// Validation
// -----------------------------------------------------------------------------------------------------------------
isInteractionValid(interaction: EventInteractionState) {
let { calendar } = this
let dateProfile = (this.props as any).dateProfile // HACK
let instances = interaction.mutatedEvents.instances
if (dateProfile) { // HACK for DayTile
for (let instanceId in instances) {
if (!rangeContainsRange(dateProfile.validRange, instances[instanceId].range)) {
return false
}
}
}
return isInteractionValid(interaction, calendar)
}
isDateSelectionValid(selection: DateSpan): boolean {
let dateProfile = (this.props as any).dateProfile // HACK
if (
dateProfile && // HACK for DayTile
!rangeContainsRange(dateProfile.validRange, selection.range)
) {
return false
}
return isDateSelectionValid(selection, this.calendar)
}
// Triggering
// -----------------------------------------------------------------------------------------------------------------
// TODO: move to Calendar
publiclyTrigger(name, args) {
let calendar = this.calendar
return calendar.publiclyTrigger(name, args)
}
publiclyTriggerAfterSizing(name, args) {
let calendar = this.calendar
return calendar.publiclyTriggerAfterSizing(name, args)
}
hasPublicHandlers(name) {
let calendar = this.calendar
return calendar.hasPublicHandlers(name)
}
triggerRenderedSegs(segs: Seg[], isMirrors: boolean) {
let { calendar } = this
if (this.hasPublicHandlers('eventPositioned')) {
for (let seg of segs) {
this.publiclyTriggerAfterSizing('eventPositioned', [
{
event: new EventApi(
calendar,
seg.eventRange.def,
seg.eventRange.instance
),
isMirror: isMirrors,
isStart: seg.isStart,
isEnd: seg.isEnd,
el: seg.el,
view: this // ?
}
])
}
}
if (!calendar.state.loadingLevel) { // avoid initial empty state while pending
calendar.afterSizingTriggers._eventsPositioned = [ null ] // fire once
}
}
triggerWillRemoveSegs(segs: Seg[], isMirrors: boolean) {
let { calendar } = this
for (let seg of segs) {
calendar.trigger('eventElRemove', seg.el)
}
if (this.hasPublicHandlers('eventDestroy')) {
for (let seg of segs) {
this.publiclyTrigger('eventDestroy', [
{
event: new EventApi(
calendar,
seg.eventRange.def,
seg.eventRange.instance
),
isMirror: isMirrors,
el: seg.el,
view: this // ?
}
])
}
}
}
// Pointer Interaction Utils
// -----------------------------------------------------------------------------------------------------------------
isValidSegDownEl(el: HTMLElement) {
return !(this.props as any).eventDrag && // HACK
!(this.props as any).eventResize && // HACK
!elementClosest(el, '.fc-mirror') &&
(this.isPopover() || !this.isInPopover(el))
// ^above line ensures we don't detect a seg interaction within a nested component.
// it's a HACK because it only supports a popover as the nested component.
}
isValidDateDownEl(el: HTMLElement) {
let segEl = elementClosest(el, this.fgSegSelector)
return (!segEl || segEl.classList.contains('fc-mirror')) &&
!elementClosest(el, '.fc-more') && // a "more.." link
!elementClosest(el, 'a[data-goto]') && // a clickable nav link
!this.isInPopover(el)
}
isPopover() {
return this.el.classList.contains('fc-popover')
}
isInPopover(el: HTMLElement) {
return Boolean(elementClosest(el, '.fc-popover'))
}
}
DateComponent.prototype.fgSegSelector = '.fc-event-container > *'
DateComponent.prototype.bgSegSelector = '.fc-bgevent:not(.fc-nonbusiness)'