new ui with AdminLTE
This commit is contained in:
@ -0,0 +1,20 @@
|
||||
Copyright (c) 2019 Adam Shaw
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining
|
||||
a copy of this software and associated documentation files (the
|
||||
"Software"), to deal in the Software without restriction, including
|
||||
without limitation the rights to use, copy, modify, merge, publish,
|
||||
distribute, sublicense, and/or sell copies of the Software, and to
|
||||
permit persons to whom the Software is furnished to do so, subject to
|
||||
the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be
|
||||
included in all copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
||||
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
|
||||
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
|
||||
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
|
||||
LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
|
||||
OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
|
||||
WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
@ -0,0 +1,78 @@
|
||||
/* DayGridView
|
||||
--------------------------------------------------------------------------------------------------*/
|
||||
/* day row structure */
|
||||
.fc-dayGridWeek-view .fc-content-skeleton,
|
||||
.fc-dayGridDay-view .fc-content-skeleton {
|
||||
/* there may be week numbers in these views, so no padding-top */
|
||||
padding-bottom: 1em;
|
||||
/* ensure a space at bottom of cell for user selecting/clicking */
|
||||
}
|
||||
|
||||
.fc-dayGrid-view .fc-body .fc-row {
|
||||
min-height: 4em;
|
||||
/* ensure that all rows are at least this tall */
|
||||
}
|
||||
|
||||
/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
|
||||
.fc-row.fc-rigid {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.fc-row.fc-rigid .fc-content-skeleton {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
/* week and day number styling */
|
||||
.fc-day-top.fc-other-month {
|
||||
opacity: 0.3;
|
||||
}
|
||||
|
||||
.fc-dayGrid-view .fc-week-number,
|
||||
.fc-dayGrid-view .fc-day-number {
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
.fc-dayGrid-view th.fc-week-number,
|
||||
.fc-dayGrid-view th.fc-day-number {
|
||||
padding: 0 2px;
|
||||
/* column headers can't have as much v space */
|
||||
}
|
||||
|
||||
.fc-ltr .fc-dayGrid-view .fc-day-top .fc-day-number {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.fc-rtl .fc-dayGrid-view .fc-day-top .fc-day-number {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.fc-ltr .fc-dayGrid-view .fc-day-top .fc-week-number {
|
||||
float: left;
|
||||
border-radius: 0 0 3px 0;
|
||||
}
|
||||
|
||||
.fc-rtl .fc-dayGrid-view .fc-day-top .fc-week-number {
|
||||
float: right;
|
||||
border-radius: 0 0 0 3px;
|
||||
}
|
||||
|
||||
.fc-dayGrid-view .fc-day-top .fc-week-number {
|
||||
min-width: 1.5em;
|
||||
text-align: center;
|
||||
background-color: #f2f2f2;
|
||||
color: #808080;
|
||||
}
|
||||
|
||||
/* when week/day number have own column */
|
||||
.fc-dayGrid-view td.fc-week-number {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.fc-dayGrid-view td.fc-week-number > * {
|
||||
/* work around the way we do column resizing and ensure a minimum width */
|
||||
display: inline-block;
|
||||
min-width: 1.25em;
|
||||
}
|
310
resources/wwwroot/lib/AdminLTE/plugins/fullcalendar-daygrid/main.d.ts
vendored
Normal file
310
resources/wwwroot/lib/AdminLTE/plugins/fullcalendar-daygrid/main.d.ts
vendored
Normal file
@ -0,0 +1,310 @@
|
||||
// Generated by dts-bundle v0.7.3-fork.1
|
||||
// Dependencies for this module:
|
||||
// ../../../../../@fullcalendar/core
|
||||
|
||||
declare module '@fullcalendar/daygrid' {
|
||||
export { default as SimpleDayGrid, DayGridSlicer } from '@fullcalendar/daygrid/SimpleDayGrid';
|
||||
export { default as DayGrid, DayGridSeg } from '@fullcalendar/daygrid/DayGrid';
|
||||
export { default as AbstractDayGridView } from '@fullcalendar/daygrid/AbstractDayGridView';
|
||||
export { default as DayGridView, buildDayTable as buildBasicDayTable } from '@fullcalendar/daygrid/DayGridView';
|
||||
export { default as DayBgRow } from '@fullcalendar/daygrid/DayBgRow';
|
||||
const _default: import("@fullcalendar/core").PluginDef;
|
||||
export default _default;
|
||||
}
|
||||
|
||||
declare module '@fullcalendar/daygrid/SimpleDayGrid' {
|
||||
import { DateProfile, EventStore, EventUiHash, DateSpan, EventInteractionState, DayTable, Duration, DateComponent, DateRange, Slicer, Hit, ComponentContext } from '@fullcalendar/core';
|
||||
import { default as DayGrid, DayGridSeg } from '@fullcalendar/daygrid/DayGrid';
|
||||
export interface SimpleDayGridProps {
|
||||
dateProfile: DateProfile | null;
|
||||
dayTable: DayTable;
|
||||
nextDayThreshold: Duration;
|
||||
businessHours: EventStore;
|
||||
eventStore: EventStore;
|
||||
eventUiBases: EventUiHash;
|
||||
dateSelection: DateSpan | null;
|
||||
eventSelection: string;
|
||||
eventDrag: EventInteractionState | null;
|
||||
eventResize: EventInteractionState | null;
|
||||
isRigid: boolean;
|
||||
}
|
||||
export { SimpleDayGrid as default, SimpleDayGrid };
|
||||
class SimpleDayGrid extends DateComponent<SimpleDayGridProps> {
|
||||
dayGrid: DayGrid;
|
||||
constructor(context: ComponentContext, dayGrid: DayGrid);
|
||||
destroy(): void;
|
||||
render(props: SimpleDayGridProps): void;
|
||||
buildPositionCaches(): void;
|
||||
queryHit(positionLeft: number, positionTop: number): Hit;
|
||||
}
|
||||
export class DayGridSlicer extends Slicer<DayGridSeg, [DayTable]> {
|
||||
sliceRange(dateRange: DateRange, dayTable: DayTable): DayGridSeg[];
|
||||
}
|
||||
}
|
||||
|
||||
declare module '@fullcalendar/daygrid/DayGrid' {
|
||||
import { PositionCache, DateMarker, DateComponent, EventSegUiInteractionState, Seg, DateProfile } from '@fullcalendar/core';
|
||||
import Popover from '@fullcalendar/daygrid/Popover';
|
||||
import DayGridEventRenderer from '@fullcalendar/daygrid/DayGridEventRenderer';
|
||||
import DayTile from '@fullcalendar/daygrid/DayTile';
|
||||
export interface RenderProps {
|
||||
renderNumberIntroHtml: (row: number, dayGrid: DayGrid) => string;
|
||||
renderBgIntroHtml: () => string;
|
||||
renderIntroHtml: () => string;
|
||||
colWeekNumbersVisible: boolean;
|
||||
cellWeekNumbersVisible: boolean;
|
||||
}
|
||||
export interface DayGridSeg extends Seg {
|
||||
row: number;
|
||||
firstCol: number;
|
||||
lastCol: number;
|
||||
}
|
||||
export interface DayGridCell {
|
||||
date: DateMarker;
|
||||
htmlAttrs?: string;
|
||||
}
|
||||
export interface DayGridProps {
|
||||
dateProfile: DateProfile;
|
||||
cells: DayGridCell[][];
|
||||
businessHourSegs: DayGridSeg[];
|
||||
bgEventSegs: DayGridSeg[];
|
||||
fgEventSegs: DayGridSeg[];
|
||||
dateSelectionSegs: DayGridSeg[];
|
||||
eventSelection: string;
|
||||
eventDrag: EventSegUiInteractionState | null;
|
||||
eventResize: EventSegUiInteractionState | null;
|
||||
isRigid: boolean;
|
||||
}
|
||||
export { DayGrid as default, DayGrid };
|
||||
class DayGrid extends DateComponent<DayGridProps> {
|
||||
eventRenderer: DayGridEventRenderer;
|
||||
renderProps: RenderProps;
|
||||
rowCnt: number;
|
||||
colCnt: number;
|
||||
bottomCoordPadding: number;
|
||||
rowEls: HTMLElement[];
|
||||
cellEls: HTMLElement[];
|
||||
isCellSizesDirty: boolean;
|
||||
rowPositions: PositionCache;
|
||||
colPositions: PositionCache;
|
||||
segPopover: Popover;
|
||||
segPopoverTile: DayTile;
|
||||
constructor(context: any, el: any, renderProps: RenderProps);
|
||||
render(props: DayGridProps): void;
|
||||
destroy(): void;
|
||||
getCellRange(row: any, col: any): {
|
||||
start: Date;
|
||||
end: Date;
|
||||
};
|
||||
updateSegPopoverTile(date?: any, segs?: any): void;
|
||||
_renderCells(cells: DayGridCell[][], isRigid: boolean): void;
|
||||
_unrenderCells(): void;
|
||||
renderDayRowHtml(row: any, isRigid: any): string;
|
||||
getIsNumbersVisible(): boolean;
|
||||
getIsDayNumbersVisible(): boolean;
|
||||
renderNumberTrHtml(row: number): string;
|
||||
renderNumberCellsHtml(row: any): string;
|
||||
renderNumberCellHtml(date: any): string;
|
||||
updateSize(isResize: boolean): void;
|
||||
buildPositionCaches(): void;
|
||||
buildColPositions(): void;
|
||||
buildRowPositions(): void;
|
||||
positionToHit(leftPosition: any, topPosition: any): {
|
||||
row: any;
|
||||
col: any;
|
||||
dateSpan: {
|
||||
range: {
|
||||
start: Date;
|
||||
end: Date;
|
||||
};
|
||||
allDay: boolean;
|
||||
};
|
||||
dayEl: HTMLElement;
|
||||
relativeRect: {
|
||||
left: any;
|
||||
right: any;
|
||||
top: any;
|
||||
bottom: any;
|
||||
};
|
||||
};
|
||||
getCellEl(row: any, col: any): HTMLElement;
|
||||
_renderEventDrag(state: EventSegUiInteractionState): void;
|
||||
_unrenderEventDrag(state: EventSegUiInteractionState): void;
|
||||
_renderEventResize(state: EventSegUiInteractionState): void;
|
||||
_unrenderEventResize(state: EventSegUiInteractionState): void;
|
||||
removeSegPopover(): void;
|
||||
limitRows(levelLimit: any): void;
|
||||
computeRowLevelLimit(row: any): (number | false);
|
||||
limitRow(row: any, levelLimit: any): void;
|
||||
unlimitRow(row: any): void;
|
||||
renderMoreLink(row: any, col: any, hiddenSegs: any): HTMLElement;
|
||||
showSegPopover(row: any, col: any, moreLink: HTMLElement, segs: any): void;
|
||||
resliceDaySegs(segs: any, dayDate: any): any[];
|
||||
getMoreLinkText(num: any): any;
|
||||
getCellSegs(row: any, col: any, startLevel?: any): any[];
|
||||
}
|
||||
}
|
||||
|
||||
declare module '@fullcalendar/daygrid/AbstractDayGridView' {
|
||||
import { ScrollComponent, View, ComponentContext, ViewSpec, DateProfileGenerator, Duration } from '@fullcalendar/core';
|
||||
import DayGrid from '@fullcalendar/daygrid/DayGrid';
|
||||
export { DayGridView as default, DayGridView };
|
||||
abstract class DayGridView extends View {
|
||||
scroller: ScrollComponent;
|
||||
dayGrid: DayGrid;
|
||||
colWeekNumbersVisible: boolean;
|
||||
weekNumberWidth: number;
|
||||
constructor(context: ComponentContext, viewSpec: ViewSpec, dateProfileGenerator: DateProfileGenerator, parentEl: HTMLElement);
|
||||
destroy(): void;
|
||||
renderSkeletonHtml(): string;
|
||||
weekNumberStyleAttr(): string;
|
||||
hasRigidRows(): boolean;
|
||||
updateSize(isResize: boolean, viewHeight: number, isAuto: boolean): void;
|
||||
updateBaseSize(isResize: boolean, viewHeight: number, isAuto: boolean): void;
|
||||
computeScrollerHeight(viewHeight: any): number;
|
||||
setGridHeight(height: any, isAuto: any): void;
|
||||
computeDateScroll(duration: Duration): {
|
||||
top: number;
|
||||
};
|
||||
queryDateScroll(): {
|
||||
top: number;
|
||||
};
|
||||
applyDateScroll(scroll: any): void;
|
||||
renderHeadIntroHtml: () => string;
|
||||
renderDayGridNumberIntroHtml: (row: number, dayGrid: DayGrid) => string;
|
||||
renderDayGridBgIntroHtml: () => string;
|
||||
renderDayGridIntroHtml: () => string;
|
||||
}
|
||||
}
|
||||
|
||||
declare module '@fullcalendar/daygrid/DayGridView' {
|
||||
import { DayHeader, ComponentContext, ViewSpec, DateProfileGenerator, DateProfile, ViewProps, DayTable } from '@fullcalendar/core';
|
||||
import AbstractDayGridView from '@fullcalendar/daygrid/AbstractDayGridView';
|
||||
import SimpleDayGrid from '@fullcalendar/daygrid/SimpleDayGrid';
|
||||
export { DayGridView as default, DayGridView };
|
||||
class DayGridView extends AbstractDayGridView {
|
||||
header: DayHeader;
|
||||
simpleDayGrid: SimpleDayGrid;
|
||||
dayTable: DayTable;
|
||||
constructor(_context: ComponentContext, viewSpec: ViewSpec, dateProfileGenerator: DateProfileGenerator, parentEl: HTMLElement);
|
||||
destroy(): void;
|
||||
render(props: ViewProps): void;
|
||||
}
|
||||
export function buildDayTable(dateProfile: DateProfile, dateProfileGenerator: DateProfileGenerator): DayTable;
|
||||
}
|
||||
|
||||
declare module '@fullcalendar/daygrid/DayBgRow' {
|
||||
import { ComponentContext, DateMarker, DateProfile } from '@fullcalendar/core';
|
||||
export interface DayBgCell {
|
||||
date: DateMarker;
|
||||
htmlAttrs?: string;
|
||||
}
|
||||
export interface DayBgRowProps {
|
||||
cells: DayBgCell[];
|
||||
dateProfile: DateProfile;
|
||||
renderIntroHtml?: () => string;
|
||||
}
|
||||
export { DayBgRow as default, DayBgRow };
|
||||
class DayBgRow {
|
||||
context: ComponentContext;
|
||||
constructor(context: ComponentContext);
|
||||
renderHtml(props: DayBgRowProps): string;
|
||||
}
|
||||
}
|
||||
|
||||
declare module '@fullcalendar/daygrid/Popover' {
|
||||
export interface PopoverOptions {
|
||||
className?: string;
|
||||
content?: (el: HTMLElement) => void;
|
||||
parentEl: HTMLElement;
|
||||
autoHide?: boolean;
|
||||
top?: number;
|
||||
left?: number;
|
||||
right?: number;
|
||||
viewportConstrain?: boolean;
|
||||
}
|
||||
export { Popover as default, Popover };
|
||||
class Popover {
|
||||
isHidden: boolean;
|
||||
options: PopoverOptions;
|
||||
el: HTMLElement;
|
||||
margin: number;
|
||||
constructor(options: PopoverOptions);
|
||||
show(): void;
|
||||
hide(): void;
|
||||
render(): void;
|
||||
documentMousedown: (ev: any) => void;
|
||||
destroy(): void;
|
||||
position(): void;
|
||||
trigger(name: any): void;
|
||||
}
|
||||
}
|
||||
|
||||
declare module '@fullcalendar/daygrid/DayGridEventRenderer' {
|
||||
import { Seg } from '@fullcalendar/core';
|
||||
import DayGrid from '@fullcalendar/daygrid/DayGrid';
|
||||
import SimpleDayGridEventRenderer from '@fullcalendar/daygrid/SimpleDayGridEventRenderer';
|
||||
export { DayGridEventRenderer as default, DayGridEventRenderer };
|
||||
class DayGridEventRenderer extends SimpleDayGridEventRenderer {
|
||||
dayGrid: DayGrid;
|
||||
rowStructs: any;
|
||||
constructor(dayGrid: DayGrid);
|
||||
attachSegs(segs: Seg[], mirrorInfo: any): void;
|
||||
detachSegs(): void;
|
||||
renderSegRows(segs: Seg[]): any[];
|
||||
renderSegRow(row: any, rowSegs: any): {
|
||||
row: any;
|
||||
tbodyEl: HTMLTableSectionElement;
|
||||
cellMatrix: any[];
|
||||
segMatrix: any[];
|
||||
segLevels: any[];
|
||||
segs: any;
|
||||
};
|
||||
buildSegLevels(segs: Seg[]): any[];
|
||||
groupSegRows(segs: Seg[]): any[];
|
||||
computeDisplayEventEnd(): boolean;
|
||||
}
|
||||
}
|
||||
|
||||
declare module '@fullcalendar/daygrid/DayTile' {
|
||||
import { DateComponent, Seg, Hit, DateMarker, ComponentContext, EventInstanceHash } from '@fullcalendar/core';
|
||||
import SimpleDayGridEventRenderer from '@fullcalendar/daygrid/SimpleDayGridEventRenderer';
|
||||
export interface DayTileProps {
|
||||
date: DateMarker;
|
||||
fgSegs: Seg[];
|
||||
eventSelection: string;
|
||||
eventDragInstances: EventInstanceHash;
|
||||
eventResizeInstances: EventInstanceHash;
|
||||
}
|
||||
export { DayTile as default, DayTile };
|
||||
class DayTile extends DateComponent<DayTileProps> {
|
||||
segContainerEl: HTMLElement;
|
||||
constructor(context: ComponentContext, el: HTMLElement);
|
||||
render(props: DayTileProps): void;
|
||||
destroy(): void;
|
||||
_renderFrame(date: DateMarker): void;
|
||||
queryHit(positionLeft: number, positionTop: number, elWidth: number, elHeight: number): Hit | null;
|
||||
}
|
||||
export class DayTileEventRenderer extends SimpleDayGridEventRenderer {
|
||||
dayTile: DayTile;
|
||||
constructor(dayTile: any);
|
||||
attachSegs(segs: Seg[]): void;
|
||||
detachSegs(segs: Seg[]): void;
|
||||
}
|
||||
}
|
||||
|
||||
declare module '@fullcalendar/daygrid/SimpleDayGridEventRenderer' {
|
||||
import { FgEventRenderer, Seg } from '@fullcalendar/core';
|
||||
export { SimpleDayGridEventRenderer as default, SimpleDayGridEventRenderer };
|
||||
abstract class SimpleDayGridEventRenderer extends FgEventRenderer {
|
||||
renderSegHtml(seg: Seg, mirrorInfo: any): string;
|
||||
computeEventTimeFormat(): {
|
||||
hour: string;
|
||||
minute: string;
|
||||
omitZeroMinute: boolean;
|
||||
meridiem: string;
|
||||
};
|
||||
computeDisplayEventEnd(): boolean;
|
||||
}
|
||||
}
|
||||
|
File diff suppressed because it is too large
Load Diff
1641
resources/wwwroot/lib/AdminLTE/plugins/fullcalendar-daygrid/main.js
Normal file
1641
resources/wwwroot/lib/AdminLTE/plugins/fullcalendar-daygrid/main.js
Normal file
File diff suppressed because it is too large
Load Diff
1
resources/wwwroot/lib/AdminLTE/plugins/fullcalendar-daygrid/main.min.css
vendored
Normal file
1
resources/wwwroot/lib/AdminLTE/plugins/fullcalendar-daygrid/main.min.css
vendored
Normal file
@ -0,0 +1 @@
|
||||
.fc-dayGridDay-view .fc-content-skeleton,.fc-dayGridWeek-view .fc-content-skeleton{padding-bottom:1em}.fc-dayGrid-view .fc-body .fc-row{min-height:4em}.fc-row.fc-rigid{overflow:hidden}.fc-row.fc-rigid .fc-content-skeleton{position:absolute;top:0;left:0;right:0}.fc-day-top.fc-other-month{opacity:.3}.fc-dayGrid-view .fc-day-number,.fc-dayGrid-view .fc-week-number{padding:2px}.fc-dayGrid-view th.fc-day-number,.fc-dayGrid-view th.fc-week-number{padding:0 2px}.fc-ltr .fc-dayGrid-view .fc-day-top .fc-day-number{float:right}.fc-rtl .fc-dayGrid-view .fc-day-top .fc-day-number{float:left}.fc-ltr .fc-dayGrid-view .fc-day-top .fc-week-number{float:left;border-radius:0 0 3px}.fc-rtl .fc-dayGrid-view .fc-day-top .fc-week-number{float:right;border-radius:0 0 0 3px}.fc-dayGrid-view .fc-day-top .fc-week-number{min-width:1.5em;text-align:center;background-color:#f2f2f2;color:grey}.fc-dayGrid-view td.fc-week-number{text-align:center}.fc-dayGrid-view td.fc-week-number>*{display:inline-block;min-width:1.25em}
|
6
resources/wwwroot/lib/AdminLTE/plugins/fullcalendar-daygrid/main.min.js
vendored
Normal file
6
resources/wwwroot/lib/AdminLTE/plugins/fullcalendar-daygrid/main.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user