helper -> mirror

demos/selectable.html

@@ -19,7 +19,7 @@
       defaultDate: '2018-04-12',
       navLinks: true, // can click day/week names to navigate views
       selectable: true,
-      selectHelper: true,
+      selectMirror: true,
       select: function(arg) {
         var title = prompt('Event Title:');
         if (title) {

src/agenda/AgendaView.ts

@@ -385,7 +385,7 @@ agendaTimeGridMethods = {
 
 
   // Generates the HTML that goes before all other types of cells.
-  // Affects content-skeleton, helper-skeleton, highlight-skeleton for both the time-grid and day-grid.
+  // Affects content-skeleton, mirror-skeleton, highlight-skeleton for both the time-grid and day-grid.
   renderIntroHtml() {
     let view = this.view
 
@@ -412,7 +412,7 @@ agendaDayGridMethods = {
 
 
   // Generates the HTML that goes before all other types of cells.
-  // Affects content-skeleton, helper-skeleton, highlight-skeleton for both the time-grid and day-grid.
+  // Affects content-skeleton, mirror-skeleton, highlight-skeleton for both the time-grid and day-grid.
   renderIntroHtml() {
     let view = this.view
 

src/agenda/TimeGrid.ts

@@ -4,7 +4,7 @@ import { default as DayTableMixin, DayTableInterface } from '../component/DayTab
 import PositionCache from '../common/PositionCache'
 import { DateRange, intersectRanges } from '../datelib/date-range'
 import TimeGridEventRenderer from './TimeGridEventRenderer'
-import TimeGridHelperRenderer from './TimeGridHelperRenderer'
+import TimeGridMirrorRenderer from './TimeGridMirrorRenderer'
 import TimeGridFillRenderer from './TimeGridFillRenderer'
 import { Duration, createDuration, addDurations, multiplyDuration, wholeDivideDurations, asRoughMs } from '../datelib/duration'
 import { startOfDay, DateMarker, addMs } from '../datelib/marker'
@@ -42,12 +42,12 @@ export default class TimeGrid extends DateComponent {
   getCellDate: DayTableInterface['getCellDate']
 
   isInteractable = true
-  doesDragHelper = true
+  doesDragMirror = true
   doesDragHighlight = false
   slicingType: 'timed' = 'timed' // stupid TypeScript
 
   view: any // TODO: make more general and/or remove
-  helperRenderer: any
+  mirrorRenderer: any
 
   dayRanges: DateRange[] // of start-end of each day
   slotDuration: Duration // duration of a "slot", a distinct time segment on given day, visualized by lines
@@ -74,7 +74,7 @@ export default class TimeGrid extends DateComponent {
   // inner-containers for each column where different types of segs live
   fgContainerEls: HTMLElement[]
   bgContainerEls: HTMLElement[]
-  helperContainerEls: HTMLElement[]
+  mirrorContainerEls: HTMLElement[]
   highlightContainerEls: HTMLElement[]
   businessContainerEls: HTMLElement[]
 
@@ -354,7 +354,7 @@ export default class TimeGrid extends DateComponent {
       cellHtml +=
         '<td>' +
           '<div class="fc-content-col">' +
-            '<div class="fc-event-container fc-helper-container"></div>' +
+            '<div class="fc-event-container fc-mirror-container"></div>' +
             '<div class="fc-event-container"></div>' +
             '<div class="fc-highlight-container"></div>' +
             '<div class="fc-bgevent-container"></div>' +
@@ -372,8 +372,8 @@ export default class TimeGrid extends DateComponent {
     )
 
     this.colContainerEls = findElements(skeletonEl, '.fc-content-col')
-    this.helperContainerEls = findElements(skeletonEl, '.fc-helper-container')
-    this.fgContainerEls = findElements(skeletonEl, '.fc-event-container:not(.fc-helper-container)')
+    this.mirrorContainerEls = findElements(skeletonEl, '.fc-mirror-container')
+    this.fgContainerEls = findElements(skeletonEl, '.fc-event-container:not(.fc-mirror-container)')
     this.bgContainerEls = findElements(skeletonEl, '.fc-bgevent-container')
     this.highlightContainerEls = findElements(skeletonEl, '.fc-highlight-container')
     this.businessContainerEls = findElements(skeletonEl, '.fc-business-container')
@@ -645,13 +645,13 @@ export default class TimeGrid extends DateComponent {
       this.eventStoreToRanges(eventStore, eventUis)
     )
 
-    this.helperRenderer.renderEventResizingSegs(segs, origSeg)
+    this.mirrorRenderer.renderEventResizingSegs(segs, origSeg)
   }
 
 
   // Unrenders any visual indication of an event being resized
   unrenderEventResize() {
-    this.helperRenderer.unrender()
+    this.mirrorRenderer.unrender()
   }
 
 
@@ -661,8 +661,8 @@ export default class TimeGrid extends DateComponent {
 
   // Renders a visual indication of a selection. Overrides the default, which was to simply render a highlight.
   renderDateSelection(selection: DateSpan) {
-    if (this.opt('selectHelper')) {
-      this.helperRenderer.renderEventSegs(this.selectionToSegs(selection, true))
+    if (this.opt('selectMirror')) {
+      this.mirrorRenderer.renderEventSegs(this.selectionToSegs(selection, true))
     } else {
       this.renderHighlightSegs(this.selectionToSegs(selection, false))
     }
@@ -671,14 +671,14 @@ export default class TimeGrid extends DateComponent {
 
   // Unrenders any visual indication of a selection
   unrenderDateSelection() {
-    this.helperRenderer.unrender()
+    this.mirrorRenderer.unrender()
     this.unrenderHighlight()
   }
 
 }
 
 TimeGrid.prototype.eventRendererClass = TimeGridEventRenderer
-TimeGrid.prototype.helperRendererClass = TimeGridHelperRenderer
+TimeGrid.prototype.mirrorRendererClass = TimeGridMirrorRenderer
 TimeGrid.prototype.fillRendererClass = TimeGridFillRenderer
 
 DayTableMixin.mixInto(TimeGrid)

src/agenda/TimeGridHelperRenderer.ts → src/agenda/TimeGridMirrorRenderer.ts

@@ -1,12 +1,12 @@
 import { applyStyle } from '../util/dom-manip'
-import HelperRenderer from '../component/renderers/HelperRenderer'
+import MirrorRenderer from '../component/renderers/MirrorRenderer'
 import { Seg } from '../component/DateComponent'
 
 
-export default class TimeGridHelperRenderer extends HelperRenderer {
+export default class TimeGridMirrorRenderer extends MirrorRenderer {
 
   renderSegs(segs: Seg[], sourceSeg) {
-    let helperNodes = []
+    let mirrorNodes = []
     let i
     let seg: Seg
     let sourceEl
@@ -15,7 +15,7 @@ export default class TimeGridHelperRenderer extends HelperRenderer {
     // TODO: not good to call eventRenderer this way
     this.eventRenderer.renderFgSegsIntoContainers(
       segs,
-      this.component.helperContainerEls
+      this.component.mirrorContainerEls
     )
 
     // Try to make the segment that is in the same row as sourceSeg look the same
@@ -38,10 +38,10 @@ export default class TimeGridHelperRenderer extends HelperRenderer {
         })
       }
 
-      helperNodes.push(seg.el)
+      mirrorNodes.push(seg.el)
     }
 
-    return helperNodes // must return the elements rendered
+    return mirrorNodes // must return the elements rendered
   }
 
   computeSize() {

src/agenda/agenda.scss

@@ -99,7 +99,7 @@
   z-index: 5;
 }
 
-.fc-time-grid .fc-helper-container { /* also is fc-event-container */
+.fc-time-grid .fc-mirror-container { /* also is fc-event-container */
   position: relative;
   z-index: 6;
 }

src/basic/BasicView.ts

@@ -327,7 +327,7 @@ function makeDayGridSubclass(SuperClass) {
 
 
     // Generates the HTML that goes before every other type of row generated by DayGrid.
-    // Affects helper-skeleton and highlight-skeleton rows.
+    // Affects mirror-skeleton and highlight-skeleton rows.
     renderIntroHtml() {
       let view = this.view
 

src/basic/DayGrid.ts

@@ -12,7 +12,7 @@ import PositionCache from '../common/PositionCache'
 import Popover from '../common/Popover'
 import { default as DayTableMixin, DayTableInterface } from '../component/DayTableMixin'
 import DayGridEventRenderer from './DayGridEventRenderer'
-import DayGridHelperRenderer from './DayGridHelperRenderer'
+import DayGridMirrorRenderer from './DayGridMirrorRenderer'
 import DayGridFillRenderer from './DayGridFillRenderer'
 import { addDays } from '../datelib/marker'
 import { createFormatter } from '../datelib/formatting'
@@ -48,12 +48,12 @@ export default class DayGrid extends DateComponent {
   breakOnWeeks: DayTableInterface['breakOnWeeks']
 
   isInteractable = true
-  doesDragHelper = false
+  doesDragMirror = false
   doesDragHighlight = true
   slicingType: 'all-day' = 'all-day' // stupid TypeScript
 
   view: View // TODO: make more general and/or remove
-  helperRenderer: any
+  mirrorRenderer: any
 
   cellWeekNumbersVisible: boolean = false // display week numbers in day cell?
 
@@ -399,14 +399,14 @@ export default class DayGrid extends DateComponent {
 
     this.renderHighlightSegs(segs)
 
-    this.helperRenderer.renderEventResizingSegs(segs, origSeg)
+    this.mirrorRenderer.renderEventResizingSegs(segs, origSeg)
   }
 
 
   // Unrenders a visual indication of an event being resized
   unrenderEventResize() {
     this.unrenderHighlight()
-    this.helperRenderer.unrender()
+    this.mirrorRenderer.unrender()
   }
 
 
@@ -749,7 +749,7 @@ export default class DayGrid extends DateComponent {
 }
 
 DayGrid.prototype.eventRendererClass = DayGridEventRenderer
-DayGrid.prototype.helperRendererClass = DayGridHelperRenderer
+DayGrid.prototype.mirrorRendererClass = DayGridMirrorRenderer
 DayGrid.prototype.fillRendererClass = DayGridFillRenderer
 
 DayTableMixin.mixInto(DayGrid)

src/basic/DayGridHelperRenderer.ts → src/basic/DayGridMirrorRenderer.ts

@@ -1,17 +1,17 @@
 import { htmlToElement } from '../util/dom-manip'
-import HelperRenderer from '../component/renderers/HelperRenderer'
+import MirrorRenderer from '../component/renderers/MirrorRenderer'
 import DayGrid from './DayGrid'
 import { Seg } from '../component/DateComponent'
 
 
-export default class DayGridHelperRenderer extends HelperRenderer {
+export default class DayGridMirrorRenderer extends MirrorRenderer {
 
   component: DayGrid
 
 
-  // Renders a mock "helper" event. `sourceSeg` is the associated internal segment object. It can be null.
+  // Renders a mock "mirror" event. `sourceSeg` is the associated internal segment object. It can be null.
   renderSegs(segs: Seg[], sourceSeg) {
-    let helperNodes = []
+    let mirrorNodes = []
     let rowStructs
 
     // TODO: not good to call eventRenderer this way
@@ -19,7 +19,7 @@ export default class DayGridHelperRenderer extends HelperRenderer {
 
     // inject each new event skeleton into each associated row
     this.component.rowEls.forEach(function(rowNode, row) {
-      let skeletonEl = htmlToElement('<div class="fc-helper-skeleton"><table></table></div>') // will be absolutely positioned
+      let skeletonEl = htmlToElement('<div class="fc-mirror-skeleton"><table></table></div>') // will be absolutely positioned
       let skeletonTopEl: HTMLElement
       let skeletonTop
 
@@ -40,10 +40,10 @@ export default class DayGridHelperRenderer extends HelperRenderer {
       skeletonEl.querySelector('table').appendChild(rowStructs[row].tbodyEl)
 
       rowNode.appendChild(skeletonEl)
-      helperNodes.push(skeletonEl)
+      mirrorNodes.push(skeletonEl)
     })
 
-    return helperNodes // must return the elements rendered
+    return mirrorNodes // must return the elements rendered
   }
 
 }

src/common/common.scss

@@ -207,7 +207,7 @@ hr.fc-divider {
 .fc-bg,
 .fc-bgevent-skeleton,
 .fc-highlight-skeleton,
-.fc-helper-skeleton {
+.fc-mirror-skeleton {
   /* these element should always cling to top-left/right corners */
   position: absolute;
   top: 0;
@@ -327,7 +327,7 @@ a[data-goto]:hover {
 }
 
 /*
-row content (which contains day/week numbers and events) as well as "helper" (which contains
+row content (which contains day/week numbers and events) as well as "mirror" (which contains
 temporary rendered events).
 */
 
@@ -337,13 +337,13 @@ temporary rendered events).
   padding-bottom: 2px; /* matches the space above the events */
 }
 
-.fc-row .fc-helper-skeleton {
+.fc-row .fc-mirror-skeleton {
   z-index: 5;
 }
 
 .fc .fc-row .fc-content-skeleton table,
 .fc .fc-row .fc-content-skeleton td,
-.fc .fc-row .fc-helper-skeleton td {
+.fc .fc-row .fc-mirror-skeleton td {
   /* see-through to the background below */
   /* extra precedence to prevent theme-provided backgrounds */
   background: none; /* in case <td>s are globally styled */
@@ -351,13 +351,13 @@ temporary rendered events).
 }
 
 .fc-row .fc-content-skeleton td,
-.fc-row .fc-helper-skeleton td {
+.fc-row .fc-mirror-skeleton td {
   /* don't put a border between events and/or the day number */
   border-bottom: 0;
 }
 
 .fc-row .fc-content-skeleton tbody td, /* cells with events inside (so NOT the day number cell) */
-.fc-row .fc-helper-skeleton tbody td {
+.fc-row .fc-mirror-skeleton tbody td {
   /* don't put a border between event cells */
   border-top: 0;
 }
@@ -571,8 +571,8 @@ be a descendant of the grid when it is being dragged.
 tr:first-child > td > .fc-day-grid-event {
   margin-top: 2px; /* a little bit more space before the first event */
 }
-.fc-helper-skeleton tr:first-child > td > .fc-day-grid-event {
-  margin-top: 0; /* except for helper skeleton */
+.fc-mirror-skeleton tr:first-child > td > .fc-day-grid-event {
+  margin-top: 0; /* except for mirror skeleton */
 }
 
 .fc-day-grid-event.fc-selected:after {

src/common/print.scss

@@ -47,12 +47,12 @@
 .fc-bg,
 .fc-bgevent-skeleton,
 .fc-highlight-skeleton,
-.fc-helper-skeleton,
+.fc-mirror-skeleton,
 /* for timegrid. within cells within table skeletons... */
 .fc-bgevent-container,
 .fc-business-container,
 .fc-highlight-container,
-.fc-helper-container {
+.fc-mirror-container {
   display: none;
 }
 

src/component/DateComponent.ts

@@ -54,7 +54,7 @@ export default abstract class DateComponent extends Component {
   // self-config, overridable by subclasses
   isInteractable: boolean = false
   useEventCenter: boolean = true // for dragging geometry
-  doesDragHelper: boolean = false // for events that ORIGINATE from this component
+  doesDragMirror: boolean = false // for events that ORIGINATE from this component
   doesDragHighlight: boolean = false // for events that ORIGINATE from this component
   fgSegSelector: string = '.fc-event-container > *' // lets eventRender produce elements without fc-event class
   bgSegSelector: string = '.fc-bgevent'
@@ -67,7 +67,7 @@ export default abstract class DateComponent extends Component {
   slicingType: 'timed' | 'all-day' | null = null
 
   eventRendererClass: any
-  helperRendererClass: any
+  mirrorRendererClass: any
   fillRendererClass: any
 
   uid: any
@@ -78,7 +78,7 @@ export default abstract class DateComponent extends Component {
   emitter: EmitterMixin = new EmitterMixin()
 
   eventRenderer: any
-  helperRenderer: any
+  mirrorRenderer: any
   fillRenderer: any
 
   renderedFlags: any = {}
@@ -118,8 +118,8 @@ export default abstract class DateComponent extends Component {
       this.eventRenderer = new this.eventRendererClass(this, this.fillRenderer)
     }
 
-    if (this.helperRendererClass && this.eventRenderer) {
-      this.helperRenderer = new this.helperRendererClass(this, this.eventRenderer)
+    if (this.mirrorRendererClass && this.eventRenderer) {
+      this.mirrorRenderer = new this.mirrorRendererClass(this, this.eventRenderer)
     }
   }
 
@@ -162,7 +162,7 @@ export default abstract class DateComponent extends Component {
 
     if (force || flags.dateSelection || flags.eventDrag || flags.eventResize) {
       this.computeHighlightSize()
-      this.computeHelperSize()
+      this.computeMirrorSize()
     }
 
     if (force || flags.events) {
@@ -175,7 +175,7 @@ export default abstract class DateComponent extends Component {
 
     if (force || flags.dateSelection || flags.eventDrag || flags.eventResize) {
       this.assignHighlightSize()
-      this.assignHelperSize()
+      this.assignMirrorSize()
     }
 
     if (force || flags.events) {
@@ -674,9 +674,9 @@ export default abstract class DateComponent extends Component {
     // 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.doesDragHelper || origSeg && origSeg.component.doesDragHelper)) {
-      if (this.helperRenderer) {
-        this.helperRenderer.renderEventDraggingSegs(segs, origSeg)
+    if (isEvent && (this.doesDragMirror || origSeg && origSeg.component.doesDragMirror)) {
+      if (this.mirrorRenderer) {
+        this.mirrorRenderer.renderEventDraggingSegs(segs, origSeg)
       }
     }
 
@@ -692,8 +692,8 @@ export default abstract class DateComponent extends Component {
   unrenderEventDrag() {
     this.unrenderHighlight()
 
-    if (this.helperRenderer) {
-      this.helperRenderer.unrender()
+    if (this.mirrorRenderer) {
+      this.mirrorRenderer.unrender()
     }
   }
 
@@ -867,16 +867,16 @@ export default abstract class DateComponent extends Component {
   ------------------------------------------------------------------------------------------------------------------*/
 
 
-  computeHelperSize() {
-    if (this.helperRenderer) {
-      this.helperRenderer.computeSize()
+  computeMirrorSize() {
+    if (this.mirrorRenderer) {
+      this.mirrorRenderer.computeSize()
     }
   }
 
 
-  assignHelperSize() {
-    if (this.helperRenderer) {
-      this.helperRenderer.assignSize()
+  assignMirrorSize() {
+    if (this.mirrorRenderer) {
+      this.mirrorRenderer.assignSize()
     }
   }
 
@@ -919,7 +919,7 @@ export default abstract class DateComponent extends Component {
 
     if (fabricateEvents) {
 
-      // fabricate an eventRange. important for helper
+      // fabricate an eventRange. important for mirror
       // TODO: make a separate utility for this?
       let def = parseEventDef({
         editable: false,
@@ -1099,7 +1099,7 @@ export default abstract class DateComponent extends Component {
 
   isValidSegDownEl(el: HTMLElement) {
     return !this.eventDrag && !this.eventResize &&
-      !elementClosest(el, '.fc-helper') &&
+      !elementClosest(el, '.fc-mirror') &&
       !this.isInPopover(el)
   }
 
@@ -1107,7 +1107,7 @@ export default abstract class DateComponent extends Component {
   isValidDateDownEl(el: HTMLElement) {
     let segEl = elementClosest(el, this.fgSegSelector)
 
-    return (!segEl || segEl.classList.contains('fc-helper')) &&
+    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)

src/component/renderers/HelperRenderer.ts → src/component/renderers/MirrorRenderer.ts

@@ -2,12 +2,12 @@ import { removeElement } from '../../util/dom-manip'
 import { Seg } from '../DateComponent'
 
 
-export default abstract class HelperRenderer {
+export default abstract class MirrorRenderer {
 
   view: any
   component: any
   eventRenderer: any
-  helperEls: HTMLElement[]
+  mirrorEls: HTMLElement[]
   segs: Seg[]
 
 
@@ -45,7 +45,7 @@ export default abstract class HelperRenderer {
 
     for (i = 0; i < segs.length; i++) {
       let classList = segs[i].el.classList
-      classList.add('fc-helper')
+      classList.add('fc-mirror')
       if (extraClassName) {
         classList.add(extraClassName)
       }
@@ -57,7 +57,7 @@ export default abstract class HelperRenderer {
       }
     }
 
-    this.helperEls = this.renderSegs(segs, sourceSeg)
+    this.mirrorEls = this.renderSegs(segs, sourceSeg)
     this.segs = segs
   }
 
@@ -77,9 +77,9 @@ export default abstract class HelperRenderer {
 
 
   unrender() {
-    if (this.helperEls) {
-      this.helperEls.forEach(removeElement)
-      this.helperEls = null
+    if (this.mirrorEls) {
+      this.mirrorEls.forEach(removeElement)
+      this.mirrorEls = null
     }
   }
 

src/exports.ts

@@ -83,7 +83,7 @@ export { defineView, getViewConfig } from './ViewRegistry'
 export { default as DayTableMixin } from './component/DayTableMixin'
 export { default as EventRenderer } from './component/renderers/EventRenderer'
 export { default as FillRenderer } from './component/renderers/FillRenderer'
-export { default as HelperRenderer } from './component/renderers/HelperRenderer'
+export { default as MirrorRenderer } from './component/renderers/MirrorRenderer'
 export { default as AgendaView } from './agenda/AgendaView'
 export { default as TimeGrid } from './agenda/TimeGrid'
 export { default as DayGrid } from './basic/DayGrid'

src/interactions-external/ExternalElementDragging.ts

@@ -85,10 +85,10 @@ export default class ExternalElementDragging {
       origSeg: null
     })
 
-    // show mirror if no already-rendered helper element OR if we are shutting down the mirror
+    // show mirror if no already-rendered mirror element OR if we are shutting down the mirror
     // TODO: wish we could somehow wait for dispatch to guarantee render
     dragging.setMirrorIsVisible(
-      isFinal || !droppableEvent || !document.querySelector('.fc-helper')
+      isFinal || !droppableEvent || !document.querySelector('.fc-mirror')
     )
 
     if (!isInvalid) {

src/interactions/EventDragging.ts

@@ -179,10 +179,10 @@ export default class EventDragging { // TODO: rename to EventSelectingAndDraggin
 
       this.dragging.setMirrorNeedsRevert(!mutation)
 
-      // render the mirror if no already-rendered helper
+      // render the mirror if no already-rendered mirror
       // TODO: wish we could somehow wait for dispatch to guarantee render
       this.dragging.setMirrorIsVisible(
-        !hit || !document.querySelector('.fc-helper')
+        !hit || !document.querySelector('.fc-mirror')
       )
 
       // assign states based on new hit

src/types/input-types.ts

@@ -140,7 +140,7 @@ export interface OptionsInputBase {
   navLinkDayClick?: string | ((date: Date, jsEvent: Event) => void)
   navLinkWeekClick?: string | ((weekStart: any, jsEvent: Event) => void)
   selectable?: boolean
-  selectHelper?: boolean
+  selectMirror?: boolean
   unselectAuto?: boolean
   unselectCancel?: string
   selectConstraint?: ConstraintInput

tests/automated/legacy/event-dnd.js

@@ -337,7 +337,7 @@ describe('eventDrop', function() {
               dy: $('.fc-slats tr:eq(1)').height() * 2.9, // 1.5 hours
               onBeforeRelease: function() {
                 dragged = true
-                expect($('.fc-event.fc-helper .fc-time')).toHaveText('2:30')
+                expect($('.fc-event.fc-mirror .fc-time')).toHaveText('2:30')
               }
             })
           },
@@ -368,7 +368,7 @@ describe('eventDrop', function() {
               dy: $('.fc-slats tr:eq(1)').height() * 2.9, // 1.5 hours
               onBeforeRelease: function() {
                 dragged = true
-                expect($('.fc-event.fc-helper .fc-time')).toHaveText('2:30 - 3:30')
+                expect($('.fc-event.fc-mirror .fc-time')).toHaveText('2:30 - 3:30')
               }
             })
           },

tests/automated/legacy/event-resize.js

@@ -312,7 +312,7 @@ describe('eventResize', function() {
         var options = {}
         options.eventAfterAllRender = function() {
           setTimeout(function() {
-            var dy = $('.fc-slats tr:eq(1)').height() * 5 // 5 slots, so 2.5 hours
+            var dy = $('.fc-slats tr:eq(1)').height() * 5; // 5 slots, so 2.5 hours
             $('.fc-event').simulate('mouseover') // for revealing resizer
             $('.fc-event .fc-resizer').simulate('drag', {
               dy: dy,

tests/automated/legacy/selectHelper.js → tests/automated/legacy/selectMirror.js

@@ -1,10 +1,10 @@
-describe('selectHelper', function() {
+describe('selectMirror', function() {
 
   pushOptions({
     defaultDate: '2014-08-03',
     defaultView: 'agendaWeek',
     scrollTime: '00:00:00',
-    selectHelper: true
+    selectMirror: true
   })
 
   it('goes through eventRender', function() {
@@ -14,6 +14,6 @@ describe('selectHelper', function() {
       }
     })
     currentCalendar.select('2014-08-04T01:00:00Z', '2014-08-04T04:00:00Z')
-    expect($('.fc-helper')).toHaveClass('didEventRender')
+    expect($('.fc-mirror')).toHaveClass('didEventRender')
   })
 })

tests/manual/options.html

@@ -15,71 +15,71 @@
 
   $(document).ready(function() {
     $('#calendar').fullCalendar({
-    
+
       //year: 2011,
       //month: 2,
       //date: 1,
-      
+
       /*
       //previous bug, should NOT be march
       year: 2009,
       month: 1,
       date: 15,
       */
-      
+
       //defaultView: 'month',
-      
+
       selectable: true,
-      selectHelper: true,
-      
+      selectMirror: true,
+
       //weekends: false,
-      
+
       height: 700,
       //contentHeight: 500,
       //aspectRatio: 2,
-      
+
       header: {
         left: 'title',
         center: 'month,agendaWeek,basicWeek,agendaDay,basicDay',
         right: 'today prevYear,prev,next,nextYear'
       },
-      
+
       editable: true,
       //disableDragging: true,
       //disableResizing: true,
       dragOpacity: .5,
       //dragOpacity: { agendaWeek: .1 },
       dragRevertDuration: 100,
-      
+
       //allDaySlot: false,
       allDayText: 'ALLDAY',
       firstHour: 10,
       slotMinutes: 15,
       defaultEventMinutes: 45,
-      
+
       //allDayDefault: false,
-      
+
       /*
       titleFormat: {
         month: "'hey!'"
       },
       */
-      
+
       columnFormat: {
         month: "dddd"
         //agenda: "ddd M/d!!!" // BUG: this wont work. agenda doesn't override our default for 'week'
       },
-      
+
       timeFormat: "h(:mm)[T]{ - h(:mm)T}",
       //timeFormat: { agendaWeek: "'YO'" },
-      
+
       minTime: 5,
       maxTime: '10:45pm',
       //dayClick: function(date) {
       //  console.log(date);
       //},
       //isRTL: true,
-      
+
       eventColor: 'green',
       eventTextColor: 'yellow',
       eventBorderColor: 'black',
@@ -136,7 +136,7 @@
         }
       ]
     });
-    
+
   });
 
 </script>

tests/manual/selectable.html

@@ -42,9 +42,9 @@
       },
       */
       
-      selectHelper: true,
+      selectMirror: true,
       /*
-      selectHelper: function(start, end) {
+      selectMirror: function(start, end) {
         return $("<div style='background:red' />").text(start+' '+end);
       },
       */

tests/manual/snap.html

@@ -21,7 +21,7 @@
       snapMinutes: 15, // 5
 
       selectable: true,
-      selectHelper: true,
+      selectMirror: true,
       select: function(start, end) {
         console.log(start, end);
       },

tests/manual/sources_new.html

@@ -67,7 +67,7 @@ $(document).ready(function() {
     //disableDragging: true, // deprecated
 
     selectable: true,
-    selectHelper: true,
+    selectMirror: true,
     dragOpacity: .5,
     eventSources: [
 

tests/manual/touch.html

@@ -19,7 +19,7 @@
       },
       height: 500,
       selectable: true,
-      selectHelper: true,
+      selectMirror: true,
       defaultView: 'agendaWeek',
       defaultDate: '2016-01-12',
       editable: true,