diff --git a/production/calender.html b/production/calender.html index 3d486b4..255db8b 100755 --- a/production/calender.html +++ b/production/calender.html @@ -1,594 +1,587 @@ - - - - - - + + + + + + - Gentallela Alela! | + Gentallela Alela! | - + - + - - + + - - - + + + - - + + - + - - - + - + - + -
+
-
+
-
-
+
+
- -
+ +
- -
-
- ... -
-
- Welcome, -

John Doe

-
-
- + +
+
+ ... +
+
+ Welcome, +

John Doe

+
+
+ -
+
- - + - - - + + + +
+
+ + + - -
- - - -
-
- -
-
-

+
+
+

Calender Click to add/edit events

-
- -
- -
-
-
- -
-
-
-
-

Calender Events Sessions

- -
-
-
- -
- -
-
-
-
-

- - -
-
-

Gentelella Alela! a Bootstrap 3 template by Kimlabs. | - Gentelella Alela! -

-
-
-
- - -
- - - - - - -
-
- - -
+
+ +
+
+
+ +
+
+
+
+

Calender Events Sessions

+ +
+
+
+ +
+ +
+
+
+
-
-
    -
-
-
+ +
+
+

Gentelella Alela! a Bootstrap 3 template by Kimlabs. | + Gentelella Alela! +

+
+
+
+ + +
+ + + + + - - - - - - if (title) { - calendar.fullCalendar('renderEvent', { - title: title, - start: started, - end: end, - allDay: allDay - }, - true // make the event "stick" - ); - } - $('#title').val(''); - calendar.fullCalendar('unselect'); + + + + + + + + - $('.antoclose').click(); + - return false; - }); - }, - eventClick: function (calEvent, jsEvent, view) { - //alert(calEvent.title, jsEvent, view); + + + + + - + started = start; + ended = end + + $(".antosubmit").on("click", function() { + var title = $("#title").val(); + if (end) { + ended = end + } + categoryClass = $("#event_type").val(); + + if (title) { + calendar.fullCalendar('renderEvent', { + title: title, + start: started, + end: end, + allDay: allDay + }, + true // make the event "stick" + ); + } + $('#title').val(''); + calendar.fullCalendar('unselect'); + + $('.antoclose').click(); + + return false; + }); + }, + eventClick: function(calEvent, jsEvent, view) { + //alert(calEvent.title, jsEvent, view); + + $('#fc_edit').click(); + $('#title2').val(calEvent.title); + categoryClass = $("#event_type").val(); + + $(".antosubmit2").on("click", function() { + calEvent.title = $("#title2").val(); + + calendar.fullCalendar('updateEvent', calEvent); + $('.antoclose2').click(); + }); + calendar.fullCalendar('unselect'); + }, + editable: true, + events: [{ + title: 'All Day Event', + start: new Date(y, m, 1) + }, { + title: 'Long Event', + start: new Date(y, m, d - 5), + end: new Date(y, m, d - 2) + }, { + title: 'Meeting', + start: new Date(y, m, d, 10, 30), + allDay: false + }, { + title: 'Lunch', + start: new Date(y, m, d + 14, 12, 0), + end: new Date(y, m, d, 14, 0), + allDay: false + }, { + title: 'Birthday Party', + start: new Date(y, m, d + 1, 19, 0), + end: new Date(y, m, d + 1, 22, 30), + allDay: false + }, { + title: 'Click for Google', + start: new Date(y, m, 28), + end: new Date(y, m, 29), + url: 'http://google.com/' + }] + }); + }); + + diff --git a/production/css/datatables/css/demo_page.css b/production/css/datatables/css/demo_page.css index 935ed24..6ed0bc3 100755 --- a/production/css/datatables/css/demo_page.css +++ b/production/css/datatables/css/demo_page.css @@ -1,127 +1,103 @@ - /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * General page setup */ + #dt_example { - font: 80%/1.45em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; - margin: 0; - padding: 0; - color: #333; - background-color: #fff; + font: 80%/1.45em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; + margin: 0; + padding: 0; + color: #333; + background-color: #fff; } - - #dt_example #container { - width: 800px; - margin: 30px auto; - padding: 0; + width: 800px; + margin: 30px auto; + padding: 0; } - - #dt_example #footer { - margin: 50px auto 0 auto; - padding: 0; + margin: 50px auto 0 auto; + padding: 0; } - #dt_example #demo { - margin: 30px auto 0 auto; + margin: 30px auto 0 auto; } - #dt_example .demo_jui { - margin: 30px auto 0 auto; + margin: 30px auto 0 auto; } - #dt_example .big { - font-size: 1.3em; - font-weight: bold; - line-height: 1.6em; - color: #4E6CA3; + font-size: 1.3em; + font-weight: bold; + line-height: 1.6em; + color: #4E6CA3; } - #dt_example .spacer { - height: 20px; - clear: both; + height: 20px; + clear: both; } - #dt_example .clear { - clear: both; + clear: both; } - #dt_example pre { - padding: 15px; - background-color: #F5F5F5; - border: 1px solid #CCCCCC; + padding: 15px; + background-color: #F5F5F5; + border: 1px solid #CCCCCC; } - #dt_example h1 { - margin-top: 2em; - font-size: 1.3em; - font-weight: normal; - line-height: 1.6em; - color: #4E6CA3; - border-bottom: 1px solid #B0BED9; - clear: both; + margin-top: 2em; + font-size: 1.3em; + font-weight: normal; + line-height: 1.6em; + color: #4E6CA3; + border-bottom: 1px solid #B0BED9; + clear: both; } - #dt_example h2 { - font-size: 1.2em; - font-weight: normal; - line-height: 1.6em; - color: #4E6CA3; - clear: both; + font-size: 1.2em; + font-weight: normal; + line-height: 1.6em; + color: #4E6CA3; + clear: both; } - #dt_example a { - color: #0063DC; - text-decoration: none; + color: #0063DC; + text-decoration: none; } - #dt_example a:hover { - text-decoration: underline; + text-decoration: underline; } - #dt_example ul { - color: #4E6CA3; + color: #4E6CA3; } - .css_right { - float: right; + float: right; } - .css_left { - float: left; + float: left; } - .demo_links { - float: left; - width: 50%; - margin-bottom: 1em; + float: left; + width: 50%; + margin-bottom: 1em; } - #demo_info { - padding: 5px; - border: 1px solid #B0BED9; - height: 100px; - width: 100%; - overflow: auto; + padding: 5px; + border: 1px solid #B0BED9; + height: 100px; + width: 100%; + overflow: auto; } - #dt_example code { - font-family: Menlo, Monaco, Consolas, "Courier New", monospace; - padding: 2px 4px !important; - white-space: nowrap; - font-size: 0.9em; - - color: #D14; - background-color: #F7F7F9; - - border: 1px solid #E1E1E8; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; + font-family: Menlo, Monaco, Consolas, "Courier New", monospace; + padding: 2px 4px !important; + white-space: nowrap; + font-size: 0.9em; + color: #D14; + background-color: #F7F7F9; + border: 1px solid #E1E1E8; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; } - #dt_example div.syntaxhighlighter code { - padding: 0 !important; + padding: 0 !important; } -