cronapp-framework-js 2.9.1-SNAPSHOT.1 → 2.9.1-SP.3

package/css/themes/custom/theme-general/notification.css

@@ -2,26 +2,67 @@
     border-radius: var(--borderRadiusExtraSmall);
     padding: var(--distanceMedium);
     box-shadow: none;
-    background-color: var(--colorDefault40, #474949);
+    background: var(--colorDefault40, #3b448e);
+    font-family: var(--fontFamily, Arial, sans-serif);
 }
 
 .ui-notification.success {
-    background-color: var(--colorSuccess40, #3cb521);
+    background: var(--colorSuccess40, #257d25);
 }
 
 .ui-notification.warning {
-    background-color: var(--colorWarning40, #d47500);
+    background: var(--colorWarning40, #f0ad4e);
 }
 
 .ui-notification.error {
-    background-color: var(--colorDanger40, #cd0200);
+    background: var(--colorDanger40, #ce3a36);
 }
 
 .ui-notification.info {
-    background-color: var(--colorCalm40, #3399f3);
+    background: var(--colorCalm40, #3b448e);
 }
 
-
 .ui-notification .message {
     margin: 0;
+}
+
+/* Kendo notification */
+.k-notification {
+    border-radius: var(--borderRadiusSmallest, 5px);
+}
+
+.k-notification .k-notification-wrap {
+    font-size: var(--textNormalSize, 14px);
+    font-family: var(--fontFamily, Arial, sans-serif);
+    display: flex;
+    align-items: center;
+    gap: 7px;
+}
+
+.k-notification .k-notification-wrap .k-icon {
+    font-size: calc(var(--iconSizeSmall, 25px) - 6px);
+}
+
+.k-notification.k-notification-error {
+    background: var(--colorDanger10, #f1d8d7);
+    color: var(--colorDanger70, #71201e);
+    border-color: var(--colorDanger20, #e6b3b2);
+}
+
+.k-notification.k-notification-success {
+    background: var(--colorSuccess10, #d6e0d6);
+    color: var(--colorSuccess70, #144414);
+    border-color: var(--colorSuccess20, #b0c4b0);
+}
+
+.k-notification.k-notification-warning {
+    background: var(--colorWarning10, #fbe9da);
+    color: var(--colorWarning70, #835f2b);
+    border-color: var(--colorWarning20, #f7d7b7);
+}
+
+.k-notification.k-notification-info {
+    background: var(--colorCalm10, #d8d9e3);
+    color: var(--colorCalm70, #20254e);
+    border-color: var(--colorCalm20, #b3b5ca);
 }

package/css/themes/custom/theme-general/report-viewer.css

@@ -1,6 +1,6 @@
 /* Report Viewer */
 div[id^="crn-cron-report-viewer"]>*>div {
-    border-radius: var(--borderRadiusExtraSmall);
+    border-radius: var(--borderRadiusExtraSmall, 10px);
 }
 
 div.stiJsViewerMainPanel,
@@ -9,14 +9,14 @@ div.stiJsViewerToolBar {
 }
 
 div.stiJsViewerMainPanel {
-    border: 1px solid var(--colorNeutral40);
-    border-radius: var(--borderRadiusExtraSmall);
+    border: 1px solid var(--colorNeutral40, #C7C7C7);
+    border-radius: var(--borderRadiusExtraSmall, 10px);
     overflow: hidden;
 }
 
 div.stiJsViewerToolBar {
-    background-color: var(--colorNeutral10);
-    padding: 2px var(--distanceMedium);
+    background: var(--colorNeutral10, #F1F1F1);
+    padding: 2px var(--distanceMedium, 20px);
 }
 
 div.stiJsViewerToolBar>div {
@@ -29,14 +29,14 @@ div.stiJsViewerToolBar .stiJsViewerToolBarTable {
 }
 
 div.stiJsViewerToolBar .stiJsViewerToolBarTable td {
-    color: var(--colorNeutral160);
-    font-family: 'Work Sans';
+    color: var(--colorNeutral160, #383838);
+    font-family: "Work Sans";
 }
 
 div.stiJsViewerToolBar .stiJsViewerToolBarTable td div.stiJsViewerStandartSmallButtonOver,
 div.stiJsViewerToolBar .stiJsViewerToolBarTable td div.stiJsViewerStandartSmallButtonSelected {
-    background-color: var(--colorNeutral30);
-    border-radius: var(--borderRadiusSmallest);
+    background: var(--colorNeutral30, #D5D5D5);
+    border-radius: var(--borderRadiusSmallest, 5px);
 }
 
 div.stiJsViewerToolBar .stiJsViewerToolBarTable td div table.stiJsViewerClearAllStyles {
@@ -56,8 +56,8 @@ div.stiJsViewerToolBar .stiJsViewerToolBarTable td:nth-child(18) div table.stiJs
 }
 
 div.stiJsViewerMenu {
-    border-radius: var(--borderRadiusSmallest);
+    border-radius: var(--borderRadiusSmallest, 5px);
     box-shadow: none;
-    border-color: var(--colorDefault10, #d9d9d9);
+    border-color: var(--colorDefault10, #d8d9e3);
     margin-top: -3px;
 }

package/css/themes/custom/theme-general/scheduler.css

@@ -1,10 +1,149 @@
-
 .k-scheduler .k-scheduler-header th,
 .k-scheduler .k-scheduler-header-wrap,
 .k-scheduler .k-scheduler-table td,
 .k-scheduler .k-scheduler-times,
 .k-scheduler .k-scheduler-times th,
-.k-scheduler .k-scheduler-times tr {
-    font-weight: 600;
+.k-scheduler .k-scheduler-times tr,
+cron-scheduler a.k-link,
+cron-scheduler .k-link:link,
+.k-scheduler-calendar .k-link:link,
+.k-scheduler-calendar .k-footer .k-nav-today:hover,
+.k-scheduler-calendar a.k-link,
+.k-scheduler-toolbar,
+.k-calendar .k-link {
     font-size: var(--textNormalSize, 14px);
+    font-family: var(--fontFamily, "Arial", sans-serif);
+    color: var(--textColor40, #393939);
+}
+
+.k-scheduler {
+    background: var(--backgroundColor40, #f1f1f1);
+    color: var(--textColor40, #393939);
+}
+
+.k-scheduler .k-header {
+    background: var(--backgroundColor40, #f1f1f1);
+    border-color: var(--backgroundColor60, #b1b1b1);
+}
+
+.k-calendar .k-link,
+.k-scheduler-navigation .k-nav-next .k-link,
+.k-scheduler-navigation .k-nav-prev .k-link,
+.k-scheduler-header th,
+.k-scheduler-header-wrap,
+.k-scheduler-table td,
+.k-scheduler-times,
+.k-scheduler-times th,
+.k-scheduler-times tr {
+    color: var(--textColor40, #393939);
+}
+
+.k-nonwork-hour,
+.k-scheduler-dayview .k-today.k-nonwork-hour,
+.k-scheduler-timelineview .k-today.k-nonwork-hour {
+    background: var(--backgroundColor10, #fbfbfb);
+}
+
+.k-scheduler-header th,
+.k-scheduler-header-wrap,
+.k-scheduler-table td,
+.k-scheduler-times,
+.k-scheduler-times th,
+.k-scheduler-times tr {
+    border-color: var(--backgroundColor60, #b1b1b1);
+}
+
+.k-scheduler-toolbar>ul>li {
+    background: var(--backgroundColor40, #f1f1f1);
+    border-color: var(--backgroundColor60, #b1b1b1);
+}
+
+.k-edit-form-container .k-edit-buttons {
+    background: var(--backgroundColor40, #f1f1f1);
+    border-color: var(--colorDark10);
+}
+
+.k-scheduler .k-scheduler-toolbar ul li.k-state-hover {
+    color: var(--textColorPrimary40, #ffffff);
+    background: var(--colorPrimary60, #2e3b85);
+}
+
+.k-scheduler .k-scheduler-toolbar ul.k-scheduler-views li.k-state-hover a,
+.k-scheduler .k-scheduler-toolbar ul.k-scheduler-views li.k-state-hover {
+    background: var(--colorPrimary60, #2e3b85);
+    color: var(--textColorPrimary40, #ffffff);
+}
+
+.k-scheduler .k-state-selected>.k-link,
+.k-scheduler .k-scheduler-toolbar .k-state-selected,
+.k-scheduler .k-today.k-state-selected,
+.k-scheduler-navigation .k-nav-prev .k-link,
+.k-scheduler div.k-scheduler-footer .k-link,
+.k-scheduler div.k-scheduler-footer ul li {
+    background: var(--colorPrimary40, #5665be);
+    border-color: var(--backgroundColor60, #b1b1b1);
+    color: var(--textColorPrimary40, #ffffff);
+}
+
+.k-scheduler-navigation .k-nav-prev .k-link:hover,
+.k-scheduler div.k-scheduler-footer .k-link:hover,
+.k-scheduler div.k-scheduler-footer ul li:hover {
+    color: var(--textColorPrimary40, #ffffff);
+    background: var(--colorPrimary50, #37479e);
+    border-color: transparent;
+    outline: none;
+}
+
+
+.k-window-titlebar .k-window-actions {
+    top: 0;
+}
+
+.k-calendar .k-state-focused,
+.k-calendar td.k-state-focused {
+    box-shadow: inset 0 0 10px 3px var(--backgroundColor50, #d3d3d3);
+}
+
+.k-calendar td.k-state-focused.k-state-selected.k-state-hover,
+.k-calendar .k-state-selected.k-state-hover,
+.k-listview>.k-state-focused.k-state-selected,
+.k-state-selected td.k-state-focused,
+td.k-state-focused.k-state-selected {
+    box-shadow: inset 0 0 10px 3px var(--colorPrimary40, #5665be);
+    background: var(--colorNeutral00, #ffffff);
+    color: var(--textColor40, #393939);
+}
+
+.k-calendar .k-state-selected.k-state-hover .k-link {
+    color: var(--textColor40, #393939);
+}
+
+.k-calendar .k-today.k-state-selected {
+    background: var(--colorDefault10, #d8d9e3);
+}
+
+.k-event,
+.k-task-complete {
+    background: var(--colorPrimary40, #5665be);
+    border-color: var(--colorPrimary70, #232c63);
+    color: var(--textColorPrimary40, #ffffff);
+}
+
+.k-event .k-link.k-event-delete span {
+    color: var(--textColorPrimary40, #ffffff);
+}
+
+.k-event.k-state-selected {
+    background: var(--colorPrimary60, #2e3b85);
+    color: var(--textColorPrimary40, #ffffff);
+}
+
+.k-event .k-event-actions .k-event-delete {
+    color: var(--textColorPrimary40, #ffffff);
+}
+
+.k-button.k-button-icon .k-icon,
+.k-window-title,
+.k-popup-message {
+    color: var(--textColor40, #393939);
 }

package/css/themes/custom/theme-general/slider.css

@@ -1,15 +1,71 @@
-.k-slider .k-slider-track,
 .k-slider .k-slider-selection {
-    border-radius: var(--borderRadiusSmallest);
-}
-
-.k-slider .k-slider-selection {
-    background-color: var(--colorDefault10);
-    margin-top: -4px;
+    background: var(--colorDefault40, #3b448e);
+    margin-top: -1px;
 }
 
 .k-slider .k-draghandle,
 .k-slider .k-draghandle.k-state-focused,
 .k-slider .k-draghandle.k-state-focused:link {
-    background-color: var(--backgroundColor);
+    background: var(--colorPrimary40, #5665be);
+    border-color: var(--colorPrimary40, #5665be);
+    box-shadow: none;
+}
+
+.k-slider-horizontal .k-label {
+    color: var(--textColor40, #393939);
+    font-family: var(--fontFamily, Arial, sans-serif);
+}
+
+div[data-component^='crn-slider'] .form-control {
+    box-shadow: none;
+}
+
+.k-grid .k-slider .k-button,
+.k-slider .k-button {
+    width: calc(var(--textNormalSize, 14px) * 2.5);
+    height: calc(var(--textNormalSize, 14px) * 2.5);
+    border-radius: var(--borderRadiusFull, 99999px);
+    line-height: calc(var(--textNormalSize, 14px) * 2.5);
+    background: var(--colorNeutral00, #ffffff);
+    color: var(--colorPrimary40, #5665be);
+    border-color: transparent;
+}
+
+.k-slider .k-button span {
+    font-size: var(--textBigSize, 18px);
+}
+
+.k-draghandle.k-state-focused,
+.k-draghandle.k-state-focused:link,
+.k-slider-buttons .k-button:active,
+.k-slider-buttons .k-button:focus,
+.k-grid .k-slider .k-button:hover,
+.k-slider .k-button:hover {
+    background: var(--colorNeutral00, #ffffff);
+    border-color: transparent;
+    color: var(--colorPrimary40, #5665be);
+    box-shadow: 0 0 7px 0 var(--colorPrimary20, #b4b7da);
+}
+
+.k-slider-track {
+    background: var(--colorNeutral30, #D5D5D5);
+    border: 0;
+}
+
+.k-slider-horizontal .k-slider-selection,
+.k-slider-horizontal .k-slider-track {
+    height: 2px;
+}
+
+.k-slider-buttons .k-slider-items {
+    margin-left: calc(var(--textBigSize, 18px) * 3);
+}
+
+.k-slider-horizontal .k-slider-buttons .k-slider-track {
+    left: calc(var(--textBigSize, 18px) * 3);
+}
+
+.k-slider-horizontal .k-draghandle {
+    top: -6px;
+    border-radius: 100%;
 }

package/css/themes/custom/theme-general/table-grid.css

@@ -1,11 +1,88 @@
 .k-grid table .k-button {
-    border-radius: var(--borderRadiusFull);
+    border-radius: var(--borderRadiusFull, 99999px);
     min-width: auto;
     padding: 6px;
+    line-height: 1;
 }
 
 .k-grid table {
-    color: var(--textColor70);
+    color: var(--textColor70, #1f1f1f);
+}
+
+.k-grid tr td {
+    border-bottom: 1px solid rgba(0, 0, 0, .12);
+    word-break: break-all;
+}
+
+form.k-filter-menu .k-textbox {
+    border: 0;
+    border-bottom: 1px solid rgba(0, 0, 0, 0.42);
+    border-radius: var(--borderRadiusNone, 0);
+}
+
+.k-icon,
+.k-tool-icon {
+    font-size: var(--textNormalSize, 14px);
+    color: var(--textColor40, #393939);
+}
+
+.k-grid-header th.k-header,
+.k-grid-header th.k-header .k-link,
+.k-grid-header th.k-header a,
+.k-grid-header th.k-header .k-icon,
+.k-grid-header th.k-header .k-tool-icon {
+    color: var(--textColor40, #393939);
+}
+
+.k-grid-header th.k-header:focus,
+.k-grid-header th.k-header:hover,
+.k-grid-header th.k-header:focus .k-link,
+.k-grid-header th.k-header:focus a,
+.k-grid-header th.k-header:focus .k-icon,
+.k-grid-header th.k-header:focus .k-tool-icon,
+.k-grid-header th.k-header:hover .k-link,
+.k-grid-header th.k-header:hover a,
+.k-grid-header th.k-header:hover .k-icon,
+.k-grid-header th.k-header:hover .k-tool-icon {
+    color: var(--colorPrimary40, #5665be);
+}
+
+.k-action-buttons {
+    display: flex;
+}
+
+.k-grid-toolbar .k-button {
+    padding: 8px 16px;
+}
+
+
+.k-state-selected,
+.k-state-selected:link,
+.k-state-selected:visited,
+.k-tool.k-state-selected,
+.k-grid td.k-state-selected:hover,
+.k-grid tr.k-state-selected:hover td,
+.k-grid tr td,
+.k-header,
+.k-pager-wrap,
+.k-grid {
+    border-color: var(--colorDark10, #d9d9d9);
+}
+
+.k-pager-wrap .k-pager-refresh,
+.k-dropdown-wrap.k-state-default,
+.k-header,
+.k-pager-wrap,
+.k-grid-toolbar {
+    background: var(--colorDefault40, #fbfbfb);
+}
+
+.k-grid-header th.k-header {
+    padding: var(--distanceSmall, 15px) var(--distanceMedium, 20px);
+}
+
+.k-grid-header th.k-with-icon .k-link {
+    float: left;
 }
 
 .k-state-selected,
@@ -14,19 +91,101 @@
 .k-tool.k-state-selected,
 .k-grid td.k-state-selected:hover,
 .k-grid tr.k-state-selected:hover td {
-    background-color: var(--colorDefault40);
+    background: var(--colorDefault40, #3b448e);
 }
 
 .k-listbox .k-item,
 .k-popup .k-list .k-item,
 .k-grid .k-widget select,
 .k-list>.k-state-hover,
-.k-state-hover:hover,
 .k-pager-sizes .k-dropdown-wrap .k-input,
-.k-grid .k-widget {
-    color: var(--textColor70);
+.k-grid .k-widget,
+.k-state-hover:hover {
+    color: var(--textColor70, #1f1f1f);
 }
 
 .k-popup .k-list .k-state-focused {
-    box-shadow: inset 0 0 2px 0 var(--colorDefault30), inset 0 0 7px 0 var(--colorDefault40);
+    box-shadow: inset 0 0 2px 0 var(--colorDefault30, #8689af), inset 0 0 7px 0 var(--colorDefault40, #3b448e);
+}
+
+.k-grid tbody td>.k-grid-delete {
+    margin: 0;
+}
+
+.k-list .k-item.k-state-hover.k-state-selected,
+.k-list .k-item:hover.k-state-selected,
+.k-list-optionlabel:hover.k-state-selected {
+    color: var(--colorDefault40, #3b448e);
+    background: var(--colorDefault10, #d8d9e3);
+}
+
+.k-grid tr td {
+    padding: var(--distanceExtraSmall, 10px) var(--distanceMedium, 20px);
+}
+
+.k-grid-toolbar .k-button,
+.k-grid-header th.k-header>.k-link,
+.k-grid tr td {
+    font-size: var(--textNormalSize, 14px);
+    font-family: var(--fontFamily, "Roboto", "Helvetica Neue", "Arial", sans-serif);
+}
+
+.crn-grid-title {
+    font-family: var(--fontFamily, "Roboto", "Helvetica Neue", "Arial", sans-serif);
+}
+
+.k-grid table tbody tr:hover {
+    background: var(--colorDefault10, #d8d9e3);
+}
+
+.k-alt,
+.k-pivot-layout>tbody>tr:first-child>td:first-child,
+.k-resource.k-alt,
+.k-separator {
+    background: inherit;
+}
+
+.k-grid-content {
+    overflow: auto;
+    overflow-x: auto;
+    overflow-y: auto;
+}
+
+.k-grid-header th.k-header {
+    vertical-align: inherit;
+}
+
+.k-autocomplete.k-state-default,
+.k-dropdown-wrap,
+.k-dropdown-wrap.k-state-default,
+.k-multiselect-wrap,
+.k-numeric-wrap.k-state-default,
+.k-picker-wrap.k-state-default {
+    border: 0;
+    border-radius: 0;
+    border-bottom: 1px solid var(--textColor30, #858585);
+    box-shadow: none;
+}
+
+/* Pagination - Grid */
+
+.k-pager-wrap .k-link.k-pager-last,
+.k-pager-nav.k-pager-first+.k-link,
+.k-pager-wrap .k-link {
+    border-color: var(--colorDefault20, #b3b5ca);
+}
+
+.k-grid .k-pager-numbers .k-link:link,
+.k-grid .k-pager-numbers .k-link:visited,
+.k-grid .k-pager-numbers .k-nav-current.k-state-hover .k-link,
+.k-pager-wrap>.k-link>.k-icon {
+    color: var(--colorDefault40, #3b448e);
+}
+
+.k-grid .k-pager-numbers .k-state-selected {
+    background: var(--colorDefault10, #d8d9e3);
+    color: var(--colorDefault70, #20254e);
+    box-shadow: none;
+    border-color: var(--colorDefault20, #b3b5ca);
+    border-width: 1px 0 1px 0;
 }

package/css/themes/custom/theme-general/tabs.css

@@ -1,16 +1,16 @@
 .ctn-tab {
-    border-radius: var(--borderRadiusNone);
+    border-radius: var(--borderRadiusNone, 0);
     padding: 0;
     margin-bottom: 20px;
 }
 
 .ctn-tab .nav-tabs {
-    border-bottom: 1px solid var(--colorNeutral30);
+    border-bottom: 1px solid var(--colorNeutral30, #D5D5D5);
 }
 
 .ctn-tab .nav-tabs li {
     background: transparent;
-    border-radius: var(--borderRadiusNone);
+    border-radius: var(--borderRadiusNone, 0);
     border: 0;
     overflow: hidden;
     margin-left: 0;
@@ -20,8 +20,8 @@
 
 .ctn-tab .nav-tabs li.active {
     background: transparent;
-    border: 1px solid var(--colorNeutral30);
-    border-bottom: 1px solid var(--colorNeutral00);
+    border: 1px solid var(--colorNeutral30, #D5D5D5);
+    border-bottom: 1px solid var(--colorNeutral00, #ffffff);
     bottom: 1px;
     border-radius: 4px 4px 0 0;
 }
@@ -30,20 +30,20 @@
     background: transparent;
     border: 0;
     margin: 0;
-    border-radius: var(--borderRadiusNone);
-    padding: var(--distanceExtraSmall) var(--distanceSmall);
-    font-size: 14px;
-    color: var(--colorPrimary40, #446e9b);
+    border-radius: var(--borderRadiusNone, 0);
+    padding: var(--distanceExtraSmall, 10px) var(--distanceSmall, 5px);
+    font-size: var(--textNormalSize, 14px);
+    color: var(--colorPrimary40, #5665be);
 }
 
 .ctn-tab .nav-tabs li a:hover {
-    background-color: var(--colorNeutral10);
-    color: var(--colorPrimary50, #3c6088);
+    background: var(--colorNeutral10, #F1F1F1);
+    color: var(--colorPrimary50, #37479e);
     border: 0;
 }
 
 .ctn-tab .nav-tabs li.active a,
 .ctn-tab .nav-tabs li.active a:hover {
     background: transparent;
-    color: var(--colorNeutral140);
+    color: var(--colorNeutral140, #4A4A4A);
 }