Adding the code

1 files changed, 315 insertions, 0 deletions

diff --git a/desktop/assets/javascripts/jquery.desktop.js b/desktop/assets/javascripts/jquery.desktop.js
new file mode 100644
index 0000000..8031342
--- /dev/null
+++ b/desktop/assets/javascripts/jquery.desktop.js
@@ -0,0 +1,315 @@
+//
+// Namespace - Module Pattern.
+//
+var JQD = (function($) {
+	return {
+		//
+		// Initialize the clock.
+		//
+		init_clock: function() {
+			// Date variables.
+			var date_obj = new Date();
+			var hour = date_obj.getHours();
+			var minute = date_obj.getMinutes();
+			var day = date_obj.getDate();
+			var year = date_obj.getFullYear();
+			var suffix = 'AM';
+
+			// Array for weekday.
+			var weekday = [
+				'Sunday',
+				'Monday',
+				'Tuesday',
+				'Wednesday',
+				'Thursday',
+				'Friday',
+				'Saturday'
+			];
+
+			// Array for month.
+			var month = [
+				'01',
+				'02',
+				'03',
+				'04',
+				'05',
+				'06',
+				'07',
+				'08',
+				'09',
+				'10',
+				'11',
+				'12'
+			];
+
+			// Assign weekday, month, date, year.
+			weekday = weekday[date_obj.getDate()];
+			month = month[date_obj.getMonth()];
+
+			// AM or PM?
+			if (hour >= 12) {
+				suffix = 'PM';
+			}
+
+			// Convert to 12-hour.
+			if (hour > 12) {
+				hour = hour - 12;
+			}
+			else if (hour === 0) {
+				// Display 12:XX instead of 0:XX.
+				hour = 12;
+			}
+
+			// Leading zero, if needed.
+			if (minute < 10) {
+				minute = '0' + minute;
+			}
+
+			// Build two HTML strings.
+			var clock_time = hour + ':' + minute + ' ' + ' ' + suffix ;
+			var clock_date = month + '/' + day + '/' + year;
+
+			// Shove in the HTML.
+			$('#clock').html(clock_time).attr('title', clock_time);
+			$('#weekday').html(clock_date).attr('title', clock_date);
+
+			// Update every 60 seconds.
+			setTimeout(JQD.init_clock, 60000);
+		},
+
+		//
+		// Clear active states, hide menus.
+		//
+		clear_active: function() {
+			$('a.active, tr.active').removeClass('active');
+			$('ul.menu').hide();
+		},
+
+		//
+		// Zero out window z-index.
+		//
+		window_flat: function() {
+			$('div.window').removeClass('window_stack');
+		},
+
+		//
+		// Resize modal window.
+		//
+		window_resize: function(el) {
+			// Nearest parent window.
+			var win = $(el).closest('div.window');
+
+			// Is it maximized already?
+			if (win.hasClass('window_full')) {
+				// Restore window position.
+				win.removeClass('window_full').css({
+					'top': win.attr('data-t'),
+					'left': win.attr('data-l'),
+					'right': win.attr('data-r'),
+					'bottom': win.attr('data-b'),
+					'width': win.attr('data-w'),
+					'height': win.attr('data-h')
+				});
+			}
+			else {
+				win.attr({
+					// Save window position.
+					'data-t': win.css('top'),
+					'data-l': win.css('left'),
+					'data-r': win.css('right'),
+					'data-b': win.css('bottom'),
+					'data-w': win.css('width'),
+					'data-h': win.css('height')
+				}).addClass('window_full').css({
+					// Maximize dimensions.
+					'top': '0',
+					'left': '0',
+					'right': '0',
+					'bottom': '0',
+					'width': '100%',
+					'height': '100%'
+				});
+			}
+
+			// Bring window to front.
+			JQD.window_flat();
+			win.addClass('window_stack');
+		},
+
+		//
+		// Initialize the desktop.
+		//
+		init_desktop: function() {
+			if (window.location !== window.top.location) {
+				window.top.location = window.location;
+			}
+
+			// Start clock.
+			JQD.init_clock();
+
+			// Cancel mousedown, right-click.
+			$(document).mousedown(function(ev) {
+				if (!$(ev.target).closest('a').length) {
+					JQD.clear_active();
+					return false;
+				}
+			}).bind('contextmenu', function() {
+				return false;
+			});
+
+			// Relative or remote links?
+			$('a').click(function() {
+				var url = $(this).attr('href');
+				this.blur();
+
+				if (url.match(/^#/)) {
+					return false;
+				}
+				else if (url.match('://')) {
+					$(this).attr('target', '_blank');
+					return true;
+				}
+			});
+
+			// Make top menus active.
+			$('a.menu_trigger').mousedown(function() {
+				if ($(this).next('ul.menu').is(':hidden')) {
+					JQD.clear_active();
+					$(this).addClass('active').next('ul.menu').show();
+				}
+				else {
+					JQD.clear_active();
+				}
+			}).mouseenter(function() {
+				// Transfer focus, if already open.
+				if ($('ul.menu').is(':visible')) {
+					JQD.clear_active();
+					$(this).addClass('active').next('ul.menu').show();
+				}
+			});
+
+			// Desktop icons.
+			$('a.icon').mousedown(function() {
+				// Highlight the icon.
+				JQD.clear_active();
+				$(this).addClass('active');
+			}).dblclick(function() {
+				// Get the link's target.
+				var x = $($(this).attr('href'));
+				var y = $(x.find('a').attr('href'));
+
+				// Show the taskbar button.
+				if (x.is(':hidden')) {
+					x.remove().appendTo('#dock').end().show('fast');
+				}
+
+				// Bring window to front.
+				JQD.window_flat();
+				y.addClass('window_stack').show();
+			}).draggable({
+				revert: true,
+				containment: 'parent'
+			});
+
+			// Taskbar buttons.
+			$('#dock a').live('click', function() {
+				// Get the link's target.
+				var x = $($(this).attr('href'));
+
+				// Hide, if visible.
+				if (x.is(':visible')) {
+					x.hide();
+				}
+				else {
+					// Bring window to front.
+					JQD.window_flat();
+					x.show().addClass('window_stack');
+				}
+
+				// Stop the live() click.
+				this.blur();
+				return false;
+			});
+
+			// Make windows movable.
+			$('div.window').mousedown(function() {
+				// Bring window to front.
+				JQD.window_flat();
+				$(this).addClass('window_stack');
+			}).draggable({
+				// Confine to desktop.
+				// Movable via top bar only.
+				containment: '#desktop',
+				handle: 'div.window_top'
+			}).resizable({
+				containment: '#desktop',
+				minWidth: 400,
+				minHeight: 200
+
+			// Double-click top bar to resize, ala Windows OS.
+			}).find('div.window_top').dblclick(function() {
+				JQD.window_resize(this);
+
+			// Double click top bar icon to close, ala Windows OS.
+			}).find('img').dblclick(function() {
+				// Traverse to the close button, and hide its taskbar button.
+				$($(this).closest('div.window_top').find('a.window_close').attr('href')).hide('fast');
+
+				// Close the window itself.
+				$(this).closest('div.window').hide();
+
+				// Stop propagation to window's top bar.
+				return false;
+			});
+
+			// Get action buttons for each window.
+			$('a.window_min, a.window_resize, a.window_close').mousedown(function() {
+				JQD.clear_active();
+				// Stop propagation to window's top bar.
+				return false;
+			});
+
+			// Minimize the window.
+			$('a.window_min').click(function() {
+				$(this).closest('div.window').hide();
+			});
+
+			// Maximize or restore the window.
+			$('a.window_resize').click(function() {
+				JQD.window_resize(this);
+			});
+
+			// Close the window.
+			$('a.window_close').click(function() {
+				$(this).closest('div.window').hide();
+				$($(this).attr('href')).hide('fast');
+			});
+
+			// Show desktop button, ala Windows OS.
+			$('#show_desktop').click(function() {
+				// If any windows are visible, hide all.
+				if ($('div.window:visible').length) {
+					$('div.window').hide();
+				}
+				else {
+					// Otherwise, reveal hidden windows that are open.
+					$('#dock li:visible a').each(function() {
+						$($(this).attr('href')).show();
+					});
+				}
+			});
+
+			$('table.data').each(function() {
+				// Add zebra striping, ala Mac OS X.
+				$(this).find('tr:even td').addClass('zebra');
+			}).find('tr').live('click', function() {
+				// Highlight row, ala Mac OS X.
+				$(this).closest('tr').addClass('active');
+			});
+
+			// Add wallpaper last, to prevent blocking.
+			$('body').prepend('<img id="wallpaper" class="abs" src="assets/images/misc/wallpaper.jpg" />');
+		}
+	};
+// Pass in jQuery.
+})(jQuery);
\ No newline at end of file