first

safekiso-server/modules/base/wwwroot/admindek/pages/clndr-calendar/css/clndr.css

@@ -0,0 +1,115 @@
+.clndr {
+    width: 100%;
+    background-color: #F3F3F3;
+    -webkit-box-shadow: 0 4px 0 #272727;
+    box-shadow: 0 4px 0 #272727
+}
+
+.clndr .clndr-controls {
+    padding: 14px;
+    background-color: #303549;
+    color: #fff;
+    text-align: center
+}
+
+.clndr .clndr-controls .clndr-previous-button {
+    float: left;
+    text-align: left
+}
+
+.clndr .clndr-controls .clndr-next-button {
+    float: right;
+    text-align: right
+}
+
+.clndr .clndr-controls .clndr-next-button,
+.clndr .clndr-controls .clndr-previous-button {
+    width: 30px;
+    cursor: pointer
+}
+
+.clndr .clndr-controls .clndr-next-button:hover,
+.clndr .clndr-controls .clndr-previous-button:hover {
+    opacity: .5
+}
+
+.clndr .clndr-grid {
+    float: left;
+    width: 65%;
+    background-color: #FFF
+}
+
+.clndr .clndr-grid .days-of-the-week {
+    width: 100%;
+    background-color: #4680ff
+}
+
+.clndr .clndr-grid .days-of-the-week .header-day {
+    float: left;
+    width: 14.2857%;
+    padding: 14px;
+    text-align: center;
+    color: #fff
+}
+
+.clndr .clndr-grid .days {
+    width: 100%
+}
+
+.clndr .clndr-grid .days .day,
+.clndr .clndr-grid .days .empty {
+    float: left;
+    width: 14.2857%;
+    padding: 12px 0;
+    text-align: center;
+    color: #4f4f4f
+}
+
+.clndr .clndr-grid .days .day.event .day-number,
+.clndr .clndr-grid .days .empty.event .day-number {
+    border: 1px solid #4680ff;
+    border-radius: 50%;
+    padding: 6px 9px
+}
+
+.clndr .clndr-grid .days .day.adjacent-month .day-number,
+.clndr .clndr-grid .days .day.inactive .day-number,
+.clndr .clndr-grid .days .empty.adjacent-month .day-number {
+    opacity: .3;
+    cursor: pointer
+}
+
+.clndr .clndr-grid .days .day.selected {
+    background-color: #DA4453;
+    color: #fff
+}
+
+.clndr .clndr-grid .days .today {
+    background-color: #303549;
+    color: #fff;
+    background-image: none
+}
+
+.clndr .event-listing {
+    float: left;
+    width: 35%
+}
+
+.clndr .event-listing .event-listing-title {
+    padding: 15.5px;
+    font-size: .88rem;
+    background-color: #4680ff;
+    text-align: center;
+    color: #fff;
+    letter-spacing: 1px
+}
+
+.clndr .event-listing .event-item {
+    padding: 6px 14px;
+    color: #fff;
+    background-color: #4680ff;
+}
+
+.clndr .event-listing .event-item-location {
+    font-weight: 400
+}

safekiso-server/modules/base/wwwroot/admindek/pages/clndr-calendar/js/clndr-custom.js

@@ -0,0 +1,63 @@
+"use strict";
+$(document).ready(function() {
+    var a = moment().format("YYYY-MM"),
+        b = moment().add("month", 1).format("YYYY-MM"),
+        c = [{
+            date: a + "-10",
+            title: "Robot war",
+            location: "Center of Science"
+        }, {
+            date: a + "-19",
+            title: "Cat Frisbee",
+            location: "Jefferson Park"
+        }, {
+            date: a + "-23",
+            title: "Elephent fight",
+            location: "Natural Park"
+        }, {
+            date: b + "-07",
+            title: "Small Cat Photo Session",
+            location: "Center for Cat Photography"
+        }];
+    $("#clndr-default").clndr({
+        template: $("#clndr-template").html(),
+        events: c
+    });
+    $("#clndr-adjacent").clndr({
+        template: $("#clndr-template").html(),
+        events: c,
+        showAdjacentMonths: !0,
+        adjacentDaysChangeMonth: !0
+    });
+    var d = [{
+        title: "Event for day 1",
+        startDate: moment().format("YYYY-MM-") + "12",
+        endDate: moment().format("YYYY-MM-") + "17"
+    }, {
+        title: "Event for day 2",
+        startDate: moment().format("YYYY-MM-") + "24",
+        endDate: moment().format("YYYY-MM-") + "27"
+    }];
+    $("#clndr-multiday").clndr({
+        template: $("#clndr-template").html(),
+        events: d,
+        multiDayEvents: {
+            endDate: "endDate",
+            startDate: "startDate"
+        }
+    }), $("#clndr-constraints").clndr({
+        template: $("#clndr-template").html(),
+        constraints: {
+            startDate: moment().format("YYYY-MM-") + "04",
+            endDate: moment().format("YYYY-MM-") + "24"
+        }
+    }), $("#clndr-six-rows").clndr({
+        template: $("#clndr-template").html(),
+        events: c,
+        forceSixRows: !0
+    }), $("#clndr-selected-date").clndr({
+        template: $("#clndr-template").html(),
+        events: c,
+        trackSelectedDate: !0
+    })
+});