| Server IP : 14.207.165.8 / Your IP : 216.73.216.26 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/thread-self/root/var/www/html/ppaobm/vendor/bower-asset/fullcalendar/src/core/ |
Upload File : |
import { htmlEscape } from './util/html'
import { htmlToElement, appendToElement, findElements, createElement, removeElement } from './util/dom-manip'
import Component, { ComponentContext } from './component/Component'
import { ViewSpec } from './structs/view-spec'
import { memoizeRendering } from './component/memoized-rendering'
/* Toolbar with buttons and title
----------------------------------------------------------------------------------------------------------------------*/
export interface ToolbarRenderProps {
layout: any
title: string
activeButton: string
isTodayEnabled: boolean
isPrevEnabled: boolean
isNextEnabled: boolean
}
export default class Toolbar extends Component<ToolbarRenderProps> {
el: HTMLElement
viewsWithButtons: any
private _renderLayout = memoizeRendering(this.renderLayout, this.unrenderLayout)
private _updateTitle = memoizeRendering(this.updateTitle, null, [ this._renderLayout ])
private _updateActiveButton = memoizeRendering(this.updateActiveButton, null, [ this._renderLayout ])
private _updateToday = memoizeRendering(this.updateToday, null, [ this._renderLayout ])
private _updatePrev = memoizeRendering(this.updatePrev, null, [ this._renderLayout ])
private _updateNext = memoizeRendering(this.updateNext, null, [ this._renderLayout ])
constructor(context: ComponentContext, extraClassName) {
super(context)
this.el = createElement('div', { className: 'fc-toolbar ' + extraClassName })
}
destroy() {
super.destroy()
this._renderLayout.unrender() // should unrender everything else
removeElement(this.el)
}
render(props: ToolbarRenderProps) {
this._renderLayout(props.layout)
this._updateTitle(props.title)
this._updateActiveButton(props.activeButton)
this._updateToday(props.isTodayEnabled)
this._updatePrev(props.isPrevEnabled)
this._updateNext(props.isNextEnabled)
}
renderLayout(layout) {
let { el } = this
this.viewsWithButtons = []
appendToElement(el, this.renderSection('left', layout.left))
appendToElement(el, this.renderSection('center', layout.center))
appendToElement(el, this.renderSection('right', layout.right))
}
unrenderLayout() {
this.el.innerHTML = ''
}
renderSection(position, buttonStr) {
let { theme, calendar } = this
let optionsManager = calendar.optionsManager
let viewSpecs = calendar.viewSpecs
let sectionEl = createElement('div', { className: 'fc-' + position })
let calendarCustomButtons = optionsManager.computed.customButtons || {}
let calendarButtonTextOverrides = optionsManager.overrides.buttonText || {}
let calendarButtonText = optionsManager.computed.buttonText || {}
if (buttonStr) {
buttonStr.split(' ').forEach((buttonGroupStr, i) => {
let groupChildren = []
let isOnlyButtons = true
let groupEl
buttonGroupStr.split(',').forEach((buttonName, j) => {
let customButtonProps
let viewSpec: ViewSpec
let buttonClick
let buttonIcon // only one of these will be set
let buttonText // "
let buttonInnerHtml
let buttonClasses
let buttonEl: HTMLElement
let buttonAriaAttr
if (buttonName === 'title') {
groupChildren.push(htmlToElement('<h2> </h2>')) // we always want it to take up height
isOnlyButtons = false
} else {
if ((customButtonProps = calendarCustomButtons[buttonName])) {
buttonClick = function(ev) {
if (customButtonProps.click) {
customButtonProps.click.call(buttonEl, ev)
}
};
(buttonIcon = theme.getCustomButtonIconClass(customButtonProps)) ||
(buttonIcon = theme.getIconClass(buttonName)) ||
(buttonText = customButtonProps.text)
} else if ((viewSpec = viewSpecs[buttonName])) {
this.viewsWithButtons.push(buttonName)
buttonClick = function() {
calendar.changeView(buttonName)
};
(buttonText = viewSpec.buttonTextOverride) ||
(buttonIcon = theme.getIconClass(buttonName)) ||
(buttonText = viewSpec.buttonTextDefault)
} else if (calendar[buttonName]) { // a calendar method
buttonClick = function() {
calendar[buttonName]()
};
(buttonText = calendarButtonTextOverrides[buttonName]) ||
(buttonIcon = theme.getIconClass(buttonName)) ||
(buttonText = calendarButtonText[buttonName])
// ^ everything else is considered default
}
if (buttonClick) {
buttonClasses = [
'fc-' + buttonName + '-button',
theme.getClass('button')
]
if (buttonText) {
buttonInnerHtml = htmlEscape(buttonText)
buttonAriaAttr = ''
} else if (buttonIcon) {
buttonInnerHtml = "<span class='" + buttonIcon + "'></span>"
buttonAriaAttr = ' aria-label="' + buttonName + '"'
}
buttonEl = htmlToElement( // type="button" so that it doesn't submit a form
'<button type="button" class="' + buttonClasses.join(' ') + '"' +
buttonAriaAttr +
'>' + buttonInnerHtml + '</button>'
)
buttonEl.addEventListener('click', buttonClick)
groupChildren.push(buttonEl)
}
}
})
if (groupChildren.length > 1) {
groupEl = document.createElement('div')
let buttonGroupClassName = theme.getClass('buttonGroup')
if (isOnlyButtons && buttonGroupClassName) {
groupEl.classList.add(buttonGroupClassName)
}
appendToElement(groupEl, groupChildren)
sectionEl.appendChild(groupEl)
} else {
appendToElement(sectionEl, groupChildren) // 1 or 0 children
}
})
}
return sectionEl
}
updateToday(isTodayEnabled) {
this.toggleButtonEnabled('today', isTodayEnabled)
}
updatePrev(isPrevEnabled) {
this.toggleButtonEnabled('prev', isPrevEnabled)
}
updateNext(isNextEnabled) {
this.toggleButtonEnabled('next', isNextEnabled)
}
updateTitle(text) {
findElements(this.el, 'h2').forEach(function(titleEl) {
titleEl.innerText = text
})
}
updateActiveButton(buttonName?) {
let className = this.theme.getClass('buttonActive')
findElements(this.el, 'button').forEach((buttonEl) => { // fyi, themed buttons don't have .fc-button
if (buttonName && buttonEl.classList.contains('fc-' + buttonName + '-button')) {
buttonEl.classList.add(className)
} else {
buttonEl.classList.remove(className)
}
})
}
toggleButtonEnabled(buttonName, bool) {
findElements(this.el, '.fc-' + buttonName + '-button').forEach((buttonEl: HTMLButtonElement) => {
buttonEl.disabled = !bool
})
}
}