dhtmlx-scheduler 6.0.4 → 7.0.0

package/codebase/sources/less/src/modals.less

@@ -0,0 +1,138 @@
+.scheduler_message_area{
+	position:fixed;
+	right:5px;
+	width:250px;
+	z-index:11;
+}
+
+.scheduler-info {
+	min-width: 120px;
+	padding: 12px;
+	font-family:var(--dhx-scheduler-font-family);
+	font-size: var(--dhx-scheduler-regular-font-size);
+	font-weight: var(--dhx-scheduler-regular-font-weight);
+	line-height: var(--dhx-scheduler-regular-line-height);
+	z-index: 14;
+	overflow: hidden;
+	margin:5px;
+	margin-bottom:10px;
+
+    transition: all .5s ease;
+
+	background: var(--dhx-scheduler-info-background);
+    color: var(--dhx-scheduler-info-color);
+    border:var(--dhx-scheduler-info-border);
+    box-shadow:var(--dhx-scheduler-info-shadow);
+}
+
+.scheduler-info.hidden{
+	height:0px;
+	padding:0px;
+	border-width:0px;
+	margin:0px;
+	overflow:hidden;
+}
+
+.scheduler_modal_box {
+
+	overflow:hidden;
+	position:fixed;
+	min-width: 300px;
+	width: var(--dhx-scheduler-modal-width);
+	background: var(--dhx-scheduler-modal-background);
+	box-shadow: var(--dhx-scheduler-box-shadow-l);
+	border: var(--dhx-scheduler-modal-border);
+	border-radius: var(--dhx-scheduler-modal-border-radius);
+	z-index:18;
+	border-radius: var(--dhx-scheduler-modal-border-radius);
+	font-family: var(--dhx-scheduler-font-family);
+	font-size: var(--dhx-scheduler-font-size);
+	line-height: 150%;
+}
+
+
+.scheduler_popup_text {
+	color: var(--dhx-scheduler-base-colors-text-base);
+}
+
+.scheduler_popup_title {
+	border-top-left-radius:var(--dhx-scheduler-modal-border-radius);
+	border-top-right-radius:var(--dhx-scheduler-modal-border-radius);
+	text-transform: uppercase;
+	font-weight: var(--dhx-scheduler-heading-font-weight);
+	padding: calc(var(--dhx-scheduler-modal-padding)/2) var(--dhx-scheduler-modal-padding);
+	display: flex;
+	justify-content: center;
+	align-items: center;
+
+}
+
+.scheduler_popup_text{
+	padding: var(--dhx-scheduler-modal-padding);
+	display: flex;
+	justify-content: center;
+	align-items: center;
+}
+
+.scheduler_popup_controls{
+	display: flex;
+	flex-direction: row-reverse;
+    padding: calc(var(--dhx-scheduler-modal-padding)/2) var(--dhx-scheduler-modal-padding);
+
+	align-items: center;
+    gap: 12px;
+}
+
+.scheduler-info, .scheduler_popup_button, .scheduler_button{
+	user-select: none;
+	cursor:pointer;
+}
+
+.scheduler_popup_text{
+	overflow:hidden;
+}
+
+div.dhx_modal_cover {
+	background: #44494E;
+
+	opacity: 0.2;
+	position: fixed;
+	z-index:17;
+	left: 0px;		top: 0px;
+	width: 100%;	height: 100%;
+	border: none;
+}
+
+// BUTTONS *********************************************
+
+.scheduler_popup_controls {
+	border-radius: var(--dhx-scheduler-border-radius);
+
+}
+
+.scheduler_message_area{
+	.scheduler-error{
+		--dhx-scheduler-info-background: var(--dhx-scheduler-base-colors-error);
+		--dhx-scheduler-info-color: var(--dhx-scheduler-base-colors-white);
+	}
+	
+	.scheduler-warning{
+		--dhx-scheduler-info-background: var(--dhx-scheduler-base-colors-warning);
+
+	}
+}
+
+.scheduler_modal_box.scheduler-error {
+	.scheduler_popup_title {
+		background: #d81b1b;
+		border:1px solid #ff3c3c;
+		color: #FFF;
+	}
+}
+
+.scheduler_modal_box.scheduler-error {
+	.scheduler_popup_title {
+		background: #FFAB00;
+		border:1px solid #FFAB00;
+	}
+}

package/codebase/sources/less/src/month_event.less

@@ -0,0 +1,85 @@
+.dhx_cal_event_clear {
+	box-sizing: border-box;
+	padding: var(--dhx-scheduler-base-padding) calc(var(--dhx-scheduler-base-padding) * 2);
+	font-size: var(--dhx-scheduler-caption-font-size);
+	font-weight: var(--dhx-scheduler-caption-font-weight);
+
+
+	display: flex;
+	justify-content: start;
+	align-items: center;
+	gap: var(--dhx-scheduler-base-padding);
+
+	cursor: pointer;
+	flex-wrap: nowrap;
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+
+	&_date {
+		font-weight: bold;
+	}
+}
+
+.dhx_cal_event_line_content {
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+
+.dhx_cal_event_marker {
+	display: block;
+	flex-shrink: 0;
+
+
+
+	border-radius: var(--dhx-scheduler-month-event-marker-size);
+	width: var(--dhx-scheduler-month-event-marker-size);
+	height: var(--dhx-scheduler-month-event-marker-size);
+	background: var(--dhx-scheduler-event-background);
+	margin-top: -1px;
+}
+
+.dhx_cal_event_clear::before {
+	content: '';
+	.dhx_cal_event_marker();
+}
+
+.dhx_cal_event_line .dhx_event_resize {
+	cursor: ew-resize;
+	.scheduler_icon();
+	.scheduler_icon.dots_v();
+	position: absolute;
+	top: 0;
+	height: 100%;
+	display: none;
+	justify-content: center;
+	align-items: center;
+}
+
+
+.dhx_cal_event_line:hover {
+	.dhx_event_resize {
+		display: flex;
+	}
+}
+
+.dhx_event_resize_end {
+	right: 0;
+}
+
+.dhx_event_resize_start {
+	left: 0;
+}
+
+.dhx_cal_container_rtl .dhx_event_resize_start {
+	left:auto;
+	left:unset;
+	right: 0;
+}
+
+.dhx_cal_container_rtl .dhx_event_resize_end {
+	right: auto;
+	right: unset;
+	left: 0;
+}

package/codebase/sources/less/src/month_view.less

@@ -0,0 +1,112 @@
+.dhx_cal_month_table {
+	overflow: hidden;
+}
+
+.dhx_cal_month_row{
+	display: flex;
+}
+
+.dhx_cal_month_cell {
+	box-sizing: border-box;
+	background: var(--dhx-scheduler-timescale-background);
+
+	border-right: var(--dhx-scheduler-default-border);
+	border-bottom: var(--dhx-scheduler-default-border);
+
+	display: flex;
+	flex-direction: column;
+
+	&.dhx_now {
+		--dhx-scheduler-timescale-background: var(--dhx-scheduler-timescale-today-background);
+	}
+}
+
+
+.dhx_month_body_border,
+.dhx_month_head_border{
+	border-left: var(--dhx-scheduler-default-border);
+}
+
+.dhx_cal_container_rtl {
+	.dhx_cal_month_cell {
+		border-left: var(--dhx-scheduler-default-border);
+		border-right: none;
+	}
+
+	.dhx_month_body_border,
+	.dhx_month_head_border{
+		border-left: none;
+		border-right: var(--dhx-scheduler-default-border);
+	}
+
+}
+
+
+.dhx_month_head {
+	box-sizing: border-box;
+	display: flex;
+
+	flex-shrink: 0;
+	color: var(--dhx-scheduler-month-header-color);
+	justify-content: end;
+	align-items: flex-start;
+	align-self: stretch;
+	padding: var(--dhx-scheduler-month-day-header-padding);
+}
+
+.dhx_month_body {
+	flex-grow: 1;
+	padding: var(--dhx-scheduler-base-padding) calc(var(--dhx-scheduler-base-padding) * 2);
+	box-sizing: border-box;
+	position: relative;
+}
+
+.dhx_before,
+.dhx_after {
+	--dhx-scheduler-month-header-color: var(--dhx-scheduler-inactive-month-color);
+}
+
+/*view more link in month view*/
+
+.dhx_month_link{
+	position: absolute;
+	text-align: right;
+	cursor: pointer;
+	padding-right: 10px;
+}
+
+.dhx_month_link a{
+	// color: @daybox-month-link-font-color;
+}
+
+.dhx_month_link a:hover{
+	text-decoration: underline;
+	// color: darken(@daybox-month-link-font-color, 15);
+}
+
+.dhx_global_tip{
+
+	font-family: var(--dhx-scheduler-font-family);
+	line-height: 110%;
+	background-color: var(--dhx-scheduler-container-background);
+	color: var(--dhx-scheduler-container-color);
+	text-align:center;
+	font-size:20px;
+	position:fixed;
+	top:60px; right:20px;
+	z-index:14;
+	padding:20px 30px; width:190px;
+
+	background: var(--dhx-scheduler-popup-background);
+	color: var(--dhx-scheduler-popup-color);
+	border: var(--dhx-scheduler-popup-border);
+	box-shadow: var(--dhx-scheduler-box-shadow-m);
+
+}
+
+@media (-moz-touch-enabled) { 
+	.dhx_cal_container{
+		user-select:none;
+		-moz-user-select:none;
+	}
+}

package/codebase/sources/less/src/quick_info.less

@@ -0,0 +1,145 @@
+.dhx_cal {
+	&_quick_info {
+
+		--dhx-scheduler-quick-info-font-size: var(--dhx-regular-font-size);
+
+		position: absolute;
+		z-index: 8;
+
+		font-size: var(--dhx-scheduler-quick-info-font-size);
+		background: var(--dhx-scheduler-popup-background);
+		color: var(--dhx-scheduler-popup-color);
+		border: var(--dhx-scheduler-popup-border);
+		padding: calc(var(--dhx-scheduler-base-padding)*2) calc(var(--dhx-scheduler-base-padding)*3);
+		border-radius: var(--dhx-scheduler-border-radius);
+		width: 300px;
+
+		display: flex;
+		flex-direction: column;
+		box-shadow: var(--dhx-scheduler-box-shadow-s);
+
+	}
+
+	&_qi_tcontrols{
+		display: flex;
+		justify-content: end;
+		height: 8px;
+
+		.dhx_cal_qi_close_btn{
+			.button-icon();
+			width:unset;
+			min-width: unset;
+
+			padding: 2px;
+			font-size: 18px;
+			cursor: pointer;
+
+			height: 20px;
+			position: relative;
+			z-index: 1;
+		}
+	}
+
+
+	&_qi_title,
+	&_qi_controls,
+	&_qi_content {
+		padding: 0 calc(var(--dhx-scheduler-base-padding) * 3);
+	}
+
+	&_qi_title {
+		display: flex;
+		flex-direction: column;
+		gap: 12px;
+		padding-right: 14px;
+	}
+
+
+	&_qi_tcontent {
+		font-size: var(--dhx-scheduler-heading-font-size);
+		font-weight: var(--dhx-scheduler-heading-font-weight);
+		line-height: 150%;
+		position: relative;
+		display: flex;
+		flex-direction: row;
+		justify-content: start;
+		align-items: center;
+		gap: 8px;
+
+		overflow: hidden;
+
+		flex-grow: 0;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+
+		> span {
+			text-overflow: ellipsis;
+			overflow: hidden;
+		}
+	}
+
+	&_qi_tcontent::before {
+		display: var(--dhx-scheduler-quick-info-dot-display, block);
+		content: '';
+		flex-shrink: 0;
+		width: var(--dhx-scheduler-month-event-marker-size);
+		height: var(--dhx-scheduler-month-event-marker-size);
+		border-radius: 2px;
+		background: var(--dhx-scheduler-base-colors-primary);
+	}
+
+	&_qi_tdate {
+		font-size: var(--dhx-scheduler-important-font-size);
+		font-weight: var(--dhx-scheduler-important-font-weight);
+		line-height: var(--dhx-scheduler-important-line-height);
+	}
+
+	&_qi_content{
+		padding-top: 16px;
+		padding-bottom: 8px;
+	}
+
+	&_qi_controls {
+		display: flex;
+		flex-direction: row;
+		justify-content: start;
+		align-items: center;
+		padding-top:8px;
+		gap: 12px;
+		color: var(--dhx-scheduler-base-colors-primary);
+
+		> div:first-child {
+			margin-left: -3px;
+		}
+
+	}
+}
+
+.dhx_qi_big_icon {
+	// display: flex;
+	// align-items: center;
+	// justify-content: center;
+	// gap: var(--dhx-scheduler-base-padding);
+	// padding-top: 6px;
+	// padding-bottom: 6px;
+
+
+}
+.dhx_menu_icon {
+	width: 20px;
+	height: 20px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+
+	--dhx-scheduler-base-colors-icons: var(--dhx-scheduler-btn-color);
+}
+
+/*
+.dhx_menu_icon.icon_details {
+	background: url("./imgs/icon-edit.svg") center no-repeat;
+}
+
+.dhx_menu_icon.icon_delete {
+	background: url("./imgs/icon-delete.svg") center no-repeat;
+}*/

package/codebase/sources/less/src/themes/contrast_black.less

@@ -0,0 +1,51 @@
+:root[data-scheduler-theme='contrast-black'] {
+	--dhx-scheduler-theme: contrast-black;
+	--dhx-scheduler-base-colors-disabled: #3d3d3d;
+	--dhx-scheduler-base-colors-text-light: #cfcfcf;
+	--dhx-scheduler-base-colors-text-base: #FFFFFFCC;
+	--dhx-scheduler-base-colors-background: #141414;
+	--dhx-scheduler-base-colors-border: rgba(255, 255, 255, 0.80);
+
+	--dhx-scheduler-base-colors-primary: #A395FF;
+	--dhx-scheduler-base-colors-primary-hover: #C5BCFF;
+	--dhx-scheduler-base-colors-primary-active: #C5BCFF;
+	--dhx-scheduler-base-colors-primary-lighter: #C5BCFF;
+
+	--dhx-scheduler-event-background: #A395FF;
+	--dhx-scheduler-event-color: #141414;
+	--dhx-scheduler-event-border: 1px solid rgba(0,0,0, 0.1);
+
+	--dhx-scheduler-base-colors-warning: #694E02;
+	--dhx-scheduler-base-colors-success: #115700;
+
+	--dhx-scheduler-base-colors-error: #FFA7A0;
+	--dhx-scheduler-base-colors-error-hover: #fb9891;
+	--dhx-scheduler-base-colors-error-active: #fe8b83;
+	--dhx-scheduler-base-colors-error-lighter: #ffa6a03e;
+	--dhx-scheduler-base-colors-error-text: #141414;
+
+	--dhx-scheduler-btn-color: #141414;
+	--dhx-scheduler-btn-color-hover: #141414;
+	--dhx-scheduler-btn-color-active: #141414;
+
+	--dhx-scheduler-base-colors-select: #2A2A2A;
+	--dhx-scheduler-base-colors-hover-color: #2A2A2A;
+
+	--dhx-scheduler-base-colors-icons: #AAAAAA;
+
+	--dhx-scheduler-scale-color: var(--dhx-scheduler-base-colors-text-light);
+
+	--dhx-scheduler-popup-background: #1B1B1C;
+	// --dhx-scheduler-popup-color: var(--dhx-scheduler-base-colors-text-base);
+	--dhx-scheduler-popup-border: 1px solid #4B4B4B;
+
+
+	--dhx-scheduler-font-size: 16px;
+	--dhx-scheduler-heading-font-size: 24px;
+	--dhx-scheduler-important-font-size: 16px;
+	--dhx-scheduler-regular-font-size: 16px;
+	--dhx-scheduler-caption-font-size: 16px;
+
+	--dhx-scheduler-btn-outline-color-hover:#141414;
+	--dhx-scheduler-btn-outline-color-active:#141414;
+}

package/codebase/sources/less/src/themes/contrast_white.less

@@ -0,0 +1,51 @@
+:root[data-scheduler-theme='contrast-white'] {
+	--dhx-scheduler-theme: contrast-white;
+	--dhx-scheduler-base-colors-disabled: #C2C2C2;
+	--dhx-scheduler-base-colors-text-light: #303030;
+	--dhx-scheduler-base-colors-text-base: #303030;
+	--dhx-scheduler-base-colors-background: #FFFFFF;
+	--dhx-scheduler-base-colors-border: #4D595B;
+
+	--dhx-scheduler-base-colors-primary: #0A47CD;
+	--dhx-scheduler-base-colors-primary-hover: #093fb3;
+	--dhx-scheduler-base-colors-primary-active: #08379b;
+	--dhx-scheduler-base-colors-primary-lighter: #0A47CD;
+
+	--dhx-scheduler-event-background: #0A47CD;
+	--dhx-scheduler-event-color: #FFF;
+	--dhx-scheduler-event-border: 1px solid rgba(0,0,0, 0.1);
+
+	--dhx-scheduler-base-colors-warning: #FCBA2E;
+	--dhx-scheduler-base-colors-success: #77D257;
+
+	--dhx-scheduler-base-colors-error: #FFA7A0;
+	--dhx-scheduler-base-colors-error-hover: #d88d88;
+	--dhx-scheduler-base-colors-error-active: #cd8984;
+	--dhx-scheduler-base-colors-error-lighter: #FFA7A0;
+	--dhx-scheduler-base-colors-error-text: #141414;
+
+	--dhx-scheduler-btn-color: #FFFFFF;
+	--dhx-scheduler-btn-color-hover: #FFFFFF;
+	--dhx-scheduler-btn-color-active: #FFFFFF;
+
+	--dhx-scheduler-base-colors-select: #E7E5E5;
+	--dhx-scheduler-base-colors-hover-color: #E7E5E5;
+
+	--dhx-scheduler-base-colors-icons: #303030;
+
+	--dhx-scheduler-scale-color: var(--dhx-scheduler-base-colors-text-light);
+
+	--dhx-scheduler-popup-background: #FFF;
+	// --dhx-scheduler-popup-color: var(--dhx-scheduler-base-colors-text-base);
+	--dhx-scheduler-popup-border: 1px solid #4D595B;
+
+
+	--dhx-scheduler-font-size: 16px;
+	--dhx-scheduler-heading-font-size: 24px;
+	--dhx-scheduler-important-font-size: 16px;
+	--dhx-scheduler-regular-font-size: 16px;
+	--dhx-scheduler-caption-font-size: 16px;
+
+	--dhx-scheduler-btn-outline-color-hover:#FFFFFF;
+	--dhx-scheduler-btn-outline-color-active:#FFFFFF;
+}

package/codebase/sources/less/src/themes/dark.less

@@ -0,0 +1,34 @@
+:root[data-scheduler-theme='dark'] {
+	--dhx-scheduler-theme: dark;
+	--dhx-scheduler-base-colors-disabled: #3d3d3d;
+	--dhx-scheduler-base-colors-text-light: #AAA;
+	--dhx-scheduler-base-colors-text-base: rgba(255, 255, 255, 0.90);
+	--dhx-scheduler-base-colors-background: #000000;
+	--dhx-scheduler-base-colors-border: #4B4B4B;
+
+	--dhx-scheduler-navline-font-color: var(--dhx-scheduler-base-colors-text-base);
+	
+
+	--dhx-scheduler-base-colors-primary: #3B72F8;
+	--dhx-scheduler-base-colors-primary-hover: #1D5AEE;
+	--dhx-scheduler-base-colors-primary-active: #0e50ea;
+	--dhx-scheduler-base-colors-primary-lighter: #3B72F833;
+
+	--dhx-scheduler-base-colors-error: #EB284F;
+	--dhx-scheduler-base-colors-error-hover: #D9264A;
+	--dhx-scheduler-base-colors-error-active: #ba0a24;
+	--dhx-scheduler-base-colors-error-lighter: #EB284F33;
+
+	--dhx-scheduler-base-colors-select: #2A2A2A;
+	--dhx-scheduler-base-colors-hover-color: #2A2A2A;
+
+	--dhx-scheduler-base-colors-icons: #AAAAAA;
+
+	--dhx-scheduler-scale-color: var(--dhx-scheduler-base-colors-text-light);
+
+	--dhx-scheduler-popup-background: #1B1B1C;
+	// --dhx-scheduler-popup-color: var(--dhx-scheduler-base-colors-text-base);
+	--dhx-scheduler-popup-border: 1px solid #4B4B4B;
+
+	--dhx-scheduler-btn-font-weight: 600;
+}