show month view in full height in fullscreen view

1 files changed, 22 insertions, 0 deletions

diff --git a/view/js/mod_cal.js b/view/js/mod_cal.js
new file mode 100644
index 000000000..0bf97fcf7
--- /dev/null
+++ b/view/js/mod_cal.js
@@ -0,0 +1,22 @@
+/**
+ * JavaScript for mod/cal
+ */
+
+$(document).ready( function() {
+	$(document).on('click','#fullscreen-btn', on_fullscreen);
+	$(document).on('click','#inline-btn', on_inline);
+});
+
+function on_fullscreen() {
+	var view = $('#events-calendar').fullCalendar('getView');
+	if(view.type === 'month') {
+		$('#events-calendar').fullCalendar('option', 'height', $(window).height() - $('.section-title-wrapper').outerHeight(true) - 2); // -2 is for border width (top and bottom) of .generic-content-wrapper
+	}
+}
+
+function on_inline() {
+	var view = $('#events-calendar').fullCalendar('getView');
+	if(view.type === 'month') {
+		$('#events-calendar').fullCalendar('option', 'height', 'auto');
+	}
+}