updates
This commit is contained in:
@@ -49,18 +49,18 @@ export class Scheduler {
|
||||
*/
|
||||
renderContainer() {
|
||||
|
||||
this.ui.wrapper = this.target.appendChild( El('div', { class: 'sp-scheduler' }) );
|
||||
this.ui.wrapper = this.target.appendChild( El('div', { className: 'sp-scheduler' }) );
|
||||
|
||||
this.ui.header = this.ui.wrapper.appendChild(
|
||||
El('div', { class: 'header-bar' },
|
||||
El('span', { class: 'label-title' }, this.opts.title)
|
||||
El('div', { className: 'header-bar' },
|
||||
El('span', { className: 'label-title' }, this.opts.title)
|
||||
)
|
||||
)
|
||||
|
||||
this.ui.scrollbar = this.ui.wrapper.appendChild( El('div', { class: 'sp-scrollbar' }) );
|
||||
this.ui.container = this.ui.scrollbar.appendChild( El('div', { class: 'scale-container' }) );
|
||||
this.ui.scale = this.ui.container.appendChild( El('div', { class: 'scale-holder' }) );
|
||||
this.ui.events = this.ui.container.appendChild( El('div', { class: 'scale-events' }) );
|
||||
this.ui.scrollbar = this.ui.wrapper.appendChild( El('div', { className: 'sp-scrollbar' }) );
|
||||
this.ui.container = this.ui.scrollbar.appendChild( El('div', { className: 'scale-container' }) );
|
||||
this.ui.scale = this.ui.container.appendChild( El('div', { className: 'scale-holder' }) );
|
||||
this.ui.events = this.ui.container.appendChild( El('div', { className: 'scale-events' }) );
|
||||
|
||||
let remSlots = Math.floor(this.opts.startTime[1] / this.opts.unitTime);
|
||||
|
||||
@@ -78,7 +78,7 @@ export class Scheduler {
|
||||
}
|
||||
|
||||
this.ui.scale.append(
|
||||
El('div', { class: 'scale-hour', style: 'height: '+ height + 'px;' },
|
||||
El('div', { className: 'scale-hour', style: 'height: '+ height + 'px;' },
|
||||
i.toString().padStart(2, '0') + ':' + mins.toString().padStart(2, '0')
|
||||
)
|
||||
);
|
||||
@@ -92,7 +92,7 @@ export class Scheduler {
|
||||
|
||||
for (; n < this.slots * (this.opts.endTime[0] - this.opts.startTime[0]) ; n++) {
|
||||
|
||||
uiSlot = El('div', { class: 'time-slot', style: 'height: '+ this.opts.cellSize + 'px;' });
|
||||
uiSlot = El('div', { className: 'time-slot', style: 'height: '+ this.opts.cellSize + 'px;' });
|
||||
|
||||
uiSlot.dataset.time = hours.toString().padStart(2, '0') + ':' + mins.toString().padStart(2, '0');
|
||||
|
||||
@@ -113,7 +113,7 @@ export class Scheduler {
|
||||
|
||||
for (n = 0; n < remSlots; n++) {
|
||||
|
||||
uiSlot = El('div', { class: 'time-slot', style: 'height: '+ this.opts.cellSize + 'px;' });
|
||||
uiSlot = El('div', { className: 'time-slot', style: 'height: '+ this.opts.cellSize + 'px;' });
|
||||
|
||||
|
||||
uiSlot.dataset.time = hours.toString().padStart(2, '0') + ':' + mins.toString().padStart(2, '0');
|
||||
@@ -276,7 +276,7 @@ export class Scheduler {
|
||||
showLabel() {
|
||||
|
||||
if (!this.ui.label) {
|
||||
this.ui.label = this.ui.events.appendChild( El('div', { class: 'time-label' }) );
|
||||
this.ui.label = this.ui.events.appendChild( El('div', { className: 'time-label' }) );
|
||||
}
|
||||
|
||||
this.ui.label.textContent = this.selectedTime.start + ' - ' + this.selectedTime.end + ' ( ' + this.getTimeFormat() + ' )';
|
||||
@@ -342,8 +342,8 @@ export class Scheduler {
|
||||
});
|
||||
|
||||
let evBox = this.ui.events.appendChild(
|
||||
El('div', { class: 'ev-box' },
|
||||
El('div', { class: 'ev-content' }, content)
|
||||
El('div', { className: 'ev-box' },
|
||||
El('div', { className: 'ev-content' }, content)
|
||||
)
|
||||
);
|
||||
|
||||
|
||||
Reference in New Issue
Block a user