index.html

<!DOCTYPE html>
<html>
    <head onload="getScript();">
    	<meta content="text/html;charset=utf-8" http-equiv="Content-Type">
		<meta content="utf-8" http-equiv="encoding">
        <title>MIT Course Picker</title>
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
        <script src="//api.simile-widgets.org/exhibit/HEAD/exhibit-api.js?log=true" type="text/javascript"></script>
		<script src="timegrid/scripts/jquery.simile.ajax.js"></script>
		<script src="scripts/config.js" type="text/javascript"></script>
	    <script src="//simile.mit.edu/ajax/api/simile-ajax-api.js" type="text/javascript"></script>
	    <script src="scripts/index.js" type="text/javascript"></script>
    	<script src="timegrid/timegrid-api.js"></script>
		<script src="scripts/mini-timegrid.js" type="text/javascript"></script>
	    <script src="scripts/stored-data.js" type="text/javascript"></script>
		<script src="scripts/class-related.js" type="text/javascript"></script>
	    <script src="scripts/browse.js" type="text/javascript"></script>
	    <script src="scripts/unit-adder.js" type="text/javascript"></script>
	    <script src="scripts/user-data.js" type="text/javascript"></script>
	    <script src="scripts/section-picking.js" type="text/javascript"></script>
	    <script src="scripts/panel-switching.js" type="text/javascript"></script>
	    <script src="scripts/logging.js" type="text/javascript"></script>
	    <script src="scripts/autofill-recitations.js"></script>
		<script src="scripts/google-cal-exporter.js" type="text/javascript"></script>
		<link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
		<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
		<script src="magnific-popup/jquery.magnific-popup.js"></script>
		<link rel="exhibit/data" type="application/json" href="processed_class_data.json" />
        <link rel="exhibit/data" type="application/json" href="data/schema.js" />
		<link rel="stylesheet" href="magnific-popup/magnific-popup.css">
        <link type="text/css" rel="stylesheet" href="styles/style.css" />
        <link type="text/css" rel="stylesheet" href="styles/browse.css" />
        <script>
			(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
			(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
			m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
			})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
			
			ga('create', 'UA-70749113-1', 'auto');
			ga('send', 'pageview');
		</script>
    </head>
    <body data-ex-ondataload="loadSavedData" data-ex-bubbleWidth="600">
	<div id="headerStripe">
		<div id="header">
			<div id="logo">
				<a target="_blank" href="http://web.mit.edu/"><img src="styles/MIT.png"
				    alt="MIT" /></a>
				<div id="betaText"><a id="home-link" href="//picker.mit.edu/">Course Picker</a></div>
			</div>
			<div id="topNav">
			        <span id="httpsStatus"><a href="https://picker.mit.edu:444/">LOGIN</a></span>
				<a href="../help.html" target="_blank"> HELP!</a> |
				<a href="credits.html" target="_blank">Credits</a> |
				<a href="mailto:course-picker@lists.csail.mit.edu">Feedback</a>|
				<a href="http://student.mit.edu/catalog/index.cgi" title="MIT's Official Course Catalog">Official Catalog</a>|
				<a href="http://ocw.mit.edu/" title="MIT's OpenCourseWare">OCW</a>
			</div>
		</div>
	</div>
            <p style="margin-left: 10%; margin-top:0.5%"><b>Course Picker needs your help to make this a better tool for you.
            <a href="https://docs.google.com/forms/d/1289YWasfCedeURO3fLyf6ni08rx1jIBvvWtKpVnaSiY/viewform" target="_blank">Please take this quick survey! </a> Thank you!</b></p>
	<!-- ==================== Schedule Details Layer ==================== -->
	<div id="schedule-details-layer">
	    <div id="title" class="title"><button id="calendar_title" type="button" class="browse-button" style="float: right;" onclick="onShowSchedulePreview();">back to all classes &raquo;</button>
		<span class="picker-ratings">Weekly Schedule (WARNING: not your official schedule given by the Registrar)</span><br>
		<span><button id="fill_in_recs" type="button" class="browse-button" style="margin: 20px; background-color: #e6e6fa; padding: 10px; font-weight: bolder;" onclick="auto();">Fill in my recitations!</button>
		    <button href="#" class="picker-ratings" style="background-color: #ffe5dc; text-align: center; padding: 10px;" onclick="exportToCourseRoad();">Export to CourseRoad</button></span>
		<span class = "course_road"></span>
	    </div>
	    <div id="schedule-details-layer-inner" media="print" class="print">

		<div id="timegrid" tg:role="grid"
		    tg:views="week" tg:eventSource="timegridEventSource"
		    tg:dayStart="8" tg:dayEnd="22" tg:yCell="100"></div>
	    </div>
	    <div id="right-time-wrapper" media="print" class="no-print"><span><a href="javascript:void(0)"><img src="images/google-exp.png" height="70px" onclick="exportCalendarToGoogle();" /></a></span><br /><br />
	    <span id="right-time-wrapper-list">Select a <b>time slot</b> on the calendar to see which classes are offered starting at that time.</span>
	    </div>
	</div>
	<div id="left-wrapper">
	<div id="left-column" width="25%">
		<div class = "facet-click" data-ex-role="exhibit-facet" data-ex-expression=".level" data-ex-facet-class="Cloud" data-ex-facet-label="Level" id='level-facet' data-ex-show-missing="false" data-ex-max-font-size = "170" data-ex-min-font-size = "130"></div>
		<div class = "facet-click" data-ex-role="exhibit-facet" data-ex-expression=".course" data-ex-facet-class="Cloud" data-ex-fixed-order="1;2;3;4;5;6;7;8;9;10;11;12;14;15;16;17;18" data-ex-facet-label="Course (choose one to browse classes)" id='course-facet' data-ex-show-missing="false" data-ex-max-font-size="170" data-ex-min-font-size = "130"></div>
		<div class = "facet-click" data-ex-role="exhibit-facet" data-ex-expression=".hass_attribute" data-ex-facet-class="Cloud" data-ex-facet-label="HASS Categories" id='hass-categories-facet' data-ex-show-missing="false" data-ex-max-font-size = "170" data-ex-min-font-size = "130"></div>
		<div class = "facet-click" data-ex-role="exhibit-facet" data-ex-expression=".comm_req_attribute" data-ex-facet-class="Cloud" data-ex-facet-label="Institute Requirements" id='common-reqs-facet' data-ex-show-missing="false" data-ex-max-font-size = "170" data-ex-min-font-size = "130"></div>
		<div class = "facet-click" data-ex-role="exhibit-facet" data-ex-expression=".total-units" data-ex-facet-class="Cloud" data-ex-facet-label="Total Units" id='total-units-facet' data-ex-show-missing="false" data-ex-max-font-size = "170" data-ex-min-font-size = "130"></div>
	</div>
	</div>
	    <!-- ==================== Browsing Interface ==================== -->
	    <div id="container" style="text-align: left;">
	    <div id="browsing-interface">
		<!-- ==================== Search for a Class ==================== -->
		<div class="introduction">
		    <h2>Search for a class:</h2>
		    <div class="text_search" data-ex-role="facet" data-ex-facet-class="TextSearch" onclick="removeSelectedTags();" data-ex-expressions="value, .label, .equivalent_subjects, .joint_subjects, .Instructor"></div><br /><br />
		</div>
		<a href="#test-popup" class="open-popup-link"></a>
		<div id="test-popup" class="white-popup mfp-hide"></div>
		<a href="#login-e" class="error-popup-link"></a>
        <div id="login-e" class="login-error mfp-hide"></div>
		<!-- ==================== Classes Layer ==================== -->
		<div id="classes-layer">
		    <div data-ex-role="collection" data-ex-item-types="Class"></div>
		    <div class="container">
			</div><div data-ex-role="exhibit-view"
			    data-ex-orders=".id"
			    data-ex-show-all="false"
			    data-ex-grouped="false">
			</div>
			<div data-ex-role="collection" id="class" data-ex-item-types="Class"></div>
			<div data-ex-role="collection" id="lectures" data-ex-item-types="LectureSession"></div>
		</div>
	    <!-- ==================== Schedule Preview Pane ==================== -->
	    <div id="schedule-preview-pane">
	    <button class="browse-button" onclick="onShowScheduleDetails();">Full Calendar View</button><br />
	    <p class="picker-ratings">Select a <b>time slot</b> on the calendar to see what classes are offered at that time.</p>
	    <div id="mini-timegrid" tg:role="grid"
                tg:views="week" tg:eventSource="miniEventSource"
                tg:mini="true" tg:dayStart="8" tg:dayEnd="22"
                tg:listener = "showClassesDuringTime"
                tg:gridlistener = "showClickedClassDetails"
                tg:gridlistenerinput = "getClickedClass"
                style="height:250px"></div><br />
	    <div id="total-units"></div>
	    <a href="#" class="picker-ratings" style="display:block; background-color: #F0F8FF; text-align: center; padding: 5px;" onclick="exportCalendarToGoogle();">Export classes to Google Calendar</a>
	    <a href="#" class="picker-ratings" style="display:block; background-color: #f5f5dc; text-align: center; padding: 5px;" onclick="auto();">Fill in my recitations!</a>
	    <div class="course_road"><a href="#" class="picker-ratings" style="display:block; background-color: #ffe5dc; text-align: center; padding: 5px;" onclick="exportToCourseRoad();">Export to CourseRoad</a></div>
            <div id="timed-classes-list"></div>
            <div id="picked-classes-list"></div>
	    </div>
	    <!-- ==================== Generic Lens ==================== -->

	    <div data-ex-role="exhibit-lens" class="generic-lens" style="display: none;">
		This class is not offered this semester. Please check back in a later semester. <br/>
	    </div>

	    <!-- ==================== Class Lens ==================== -->
	    <div data-ex-role="exhibit-lens" class="course-lens" style="display: none;" data-ex-item-types="Class"
	    	onmouseover="showMoreDetails(this);" onmouseout="hideMoreDetails(this);">
		<div class="course-title">
		    <span data-ex-content=".semester" class="course-semester"></span>
		    <a class="link-show" href="#show-info" onclick="toggleClassBody(this)"><span data-ex-content="concat(value, ' - ', .label)" class="course-name"></span></a> <a data-ex-href-content="if(exists(.url), .url, concat('http://course.mit.edu/', value))" target="_blank">site</a>
		</div>
		<div id="show-info" class="info-body" style="display:block;">
		<table class="course-body" cellspacing="10"><tr>
		    <td>
			<div data-ex-if-exists=".joint_subjects">Same subject as <span data-ex-content=".joint_subjects"></span></div>
			<div data-ex-if-exists=".equivalent_subjects">Credit cannot also be received for <span data-ex-content=".equivalent_subjects"></span></div>
			<div data-ex-content=".topic" class="course-topic"></div>
			<div data-ex-content=".description" class="course-description"></div>
			<div data-ex-class-content="if(exists(.Instructor), 'course-instructor', 'course-administrator')" data-ex-content="if(exists(.Instructor), .Instructor, .in-charge)"></div>
			<div data-ex-if-exists=".prereqs" class="course-prereqs" style="display: block;">Prereqs: <span data-ex-content=".prereqs"></span></div>
			<div data-ex-if-exists=".level" class="course-level" style="display: block;">Level: <span data-ex-content=".level"></span></div>
			<div data-ex-if-exists=".units" class="course-units" style="display:block;">Units: <span data-ex-content=".units"></span></div>
            <div data-ex-if-exists=".course_eval" class="course-eval-info" style="display:block;"><span data-ex-content=".course_eval"></span></div>
            <div data-ex-if-exists=".course_eval_hkn" class="course-eval-hkn-info" style="display:block;"><span data-ex-content=".course_eval_hkn"></span></div><br />
		<div id="lecture-recitation-sections" style="display:block">
			<div data-ex-if-exists="!lecture-section-of"><b>Lecture Sections:</b>
			    <div data-ex-content="!lecture-section-of">
				<div data-ex-class-subcontent="each-section-{{if(exists(.picked), 'picked', 'unpicked')}}"
				    data-ex-id-subcontent="divid-{{value}}"
				    data-ex-sectionID-content="value"
				    onmouseover="onMouseOverSection(this);"
				    onmouseout="onMouseOutSection(this);">
				    <button
					data-ex-sectionID-content="value"
					data-ex-content="if(exists(.picked), 'Remove', 'Add')"
					onclick="onPickUnpick(this);"></button>
				    <span class="section-schedule" data-ex-content=".timeAndPlace"></span>
				    <span data-ex-if-exists=".Instructor"> &bull; </span>
				    <span class="section-instructor" data-ex-content=".Instructor"></span>
				</div>
			    </div>
			</div>

			<div data-ex-if-exists="!rec-section-of"><b>Recitation Sections:</b>
			    <div data-ex-if="count(!rec-section-of) > 2">
				<div class="course-recitations-disclaimer">Note: You may pick a
				    recitation section with this tool, but your choice has no bearing
				    on what you be assigned through the scheduling process.
				</div>
			    </div>

			    <div data-ex-content="!rec-section-of">
				<div data-ex-class-subcontent="each-section-{{if(exists(.picked), 'picked', 'unpicked')}}"
				    data-ex-id-subcontent="divid-{{value}}"
				    data-ex-sectionID-content="value"
				    onmouseover="onMouseOverSection(this);"
				    onmouseout="onMouseOutSection(this);">
				    <button
					data-ex-sectionID-content="value"
					data-ex-content="if(exists(.picked), 'Remove', 'Add')"
					onclick="onPickUnpick(this);"></button>

				    <span class="section-schedule" data-ex-content=".timeAndPlace"></span>
				    <span data-ex-if-exists=".instructor"> &bull; </span>
				    <span class="section-instructor" data-ex-content=".instructor"></span>
				</div>
			    </div>
			</div>
			<div data-ex-if-exists="!lab-section-of"><b>Lab Sections:</b>
			    <div data-ex-content="!lab-section-of">

				<div data-ex-class-subcontent="each-section-{{if(exists(.picked), 'picked', 'unpicked')}}"
				    data-ex-id-subcontent="divid-{{value}}"
				    data-ex-sectionID-content="value"
				    onmouseover="onMouseOverSection(this);"
				    onmouseout="onMouseOutSection(this);">
				    <button
					data-ex-sectionID-content="value"
					data-ex-content="if(exists(.picked), 'Remove', 'Add')"
					onclick="onPickUnpick(this);"></button>

				    <span class="section-schedule" data-ex-content=".timeAndPlace"></span>
				    <span data-ex-if-exists=".instructor"> &bull; </span>
				    <span class="section-instructor" data-ex-content=".instructor"></span>
				</div>
			    </div>
			</div>
		    </td>
		    </tr>
		    <tr><td>
			<br /><br /><div class="show-more-details" style="visibility: hidden; display: none;"><a href="javascript: {}" onclick = "showExtraDetails($(this).parents('.course-lens'));" style="margin:30%" class="picker-ratings">View evaluations and comments</a></div>
		    	<div class="hidden-class-details" style="visibility: hidden; display: none;">
		    		<div class="class-ratings">
		    			<div data-ex-id-subcontent="rating-{{value}}" class="rating">
					<div class="info">
					<table width="100%"><tr><td width="60%">
					<span class="picker-ratings-header">Your Rating:</span><br /><br />
					<div class="rate"
						 data-ex-classid-content="value"
						 data-ex-curvalue-subcontent="{{ !class-urating-of.rating }}">
						 <span class="cancel"
							onmouseover="userData.cancelOn(this);return false;"
							onclick="userData.cancelClick(this);return false;"
							onmouseout="userData.cancelOff(this);return false">
							<a href="#">Cancel Rating</a></span>
						 <span data-ex-class-subcontent="{{ if(exists(!class-urating-of.r1), 'star on', 'star') }}"
							onmouseover="userData.starOn(this);return false;"
							onclick="userData.starClick(this);return false;"
							onmouseout="userData.starOff(this);return false;">
							<a href="#">1</a></span>
						 <span data-ex-class-subcontent="{{ if(exists(!class-urating-of.r2), 'star on', 'star') }}"
							onmouseover="userData.starOn(this);return false;"
							onclick="userData.starClick(this);return false;"
							onmouseout="userData.starOff(this);return false;">
							<a href="#">2</a></span>
						 <span data-ex-class-subcontent="{{ if(exists(!class-urating-of.r3), 'star on', 'star') }}"
							onmouseover="userData.starOn(this);return false;"
							onclick="userData.starClick(this);return false;"
							onmouseout="userData.starOff(this);return false;">
							<a href="#">3</a></span>
						 <span data-ex-class-subcontent="{{ if(exists(!class-urating-of.r4), 'star on', 'star') }}"
							onmouseover="userData.starOn(this);return false;"
							onclick="userData.starClick(this);return false;"
							onmouseout="userData.starOff(this);return false;">
							<a href="#">4</a></span>
						 <span data-ex-class-subcontent="{{ if(exists(!class-urating-of.r5), 'star on', 'star') }}"
							onmouseover="userData.starOn(this);return false;"
							onclick="userData.starClick(this);return false;"
							onmouseout="userData.starOff(this);return false;">
							<a href="#">5</a></span>
						 <span data-ex-class-subcontent="{{ if(exists(!class-urating-of.r6), 'star on', 'star') }}"
							onmouseover="userData.starOn(this);return false;"
							onclick="userData.starClick(this);return false;"
							onmouseout="userData.starOff(this);return false;">
							<a href="#">6</a></span>
						 <span data-ex-class-subcontent="{{ if(exists(!class-urating-of.r7), 'star on', 'star') }}"
							onmouseover="userData.starOn(this);return false;"
							onclick="userData.starClick(this);return false;"
							onmouseout="userData.starOff(this);return false;">
							<a href="#">7</a></span>
					</div><br />
                                    <div data-ex-if="exists(!class-avg-rating-of)">
                                            <div data-ex-content="!class-avg-rating-of">
                                                    <span class="picker-ratings">Average Rating:</span><br/>
                                                    <span data-ex-content=".rating"></span>
                                                    based on <span data-ex-content=".total"></span>
                                                    reviews
                                            </div>
                                            <div class="picker-ratings">No other Picker reviews yet</div>
                                    </div>
                            </div>
				</td>
				    <td width="40%">
					<span class="picker-ratings course-eval"></span><br /><br />
					<span class="picker-ratings enrollment"></span><br />
					<button type="button" data-ex-id-subcontent="enroll-button-{{value}}" class="browse-button" onclick="userData.enrollUnenroll(this);">Show me as enrolled!</button>
				    </td>
				</tr></table>
                    	</div>
		    		</div><br/>
		    		<div class="class-comments"><span class="picker-ratings-header">Class Comments:</span><br /><br />
						<span data-ex-id-subcontent="comment-{{value}}"></span><br />
						<div class="message picker-ratings" style="display:none"></div>
						<div class="input">
						<textarea style="margin: 10px; width: 50%; border: 1px solid #d3d3d3; height: 80px;"></textarea><br />
						<input type="checkbox" style="margin: 10px;"></input>
						<span class="picker-ratings"> Leave anonymous comment. </span>
						<br /><button class="browse-button"
							data-ex-classid-content="value"
							onclick="userData.comment(this);"
							style="margin: 10px;">Leave comment</button>
				</div>
				</div>
		   	 	</div>
			</td></tr>
		</table>
		</div>
	    </div>
	    <div class="footer">
		<a href="credits.html" style="float:right;">Credits</a>
	    </div>
        <script src="//www.google-analytics.com/urchin.js" type="text/javascript">
        </script>
        <script>
            (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
            })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

            ga('create', 'UA-47902948-1', 'mit.edu');
            ga('send', 'pageview');
        </script>
        <script type="text/javascript">
            //_uacct = "UA-355145-1";  Old account
            _uacct = "UA-2506456-4"; // this one is for picker.mit.edu
            urchinTracker();
        </script>
	<script>// From jQuery object
	    $(document).ready(function() {
		if (!(readCookie("popup") == "true")) {
		    $('.open-popup-link').magnificPopup({
			items: {
			    src: '<div class="white-popup"><b style="font-size: 18px; display: block; text-align:center; margin: 10px;"><p style="font-size: 16px">Please let us know if there are any errors in the schedule.' +
			    ' Be sure to fill out the survey in the <i style="font-size: 18px;">top bar</i> so we can keep adding cool stuff.<b style="font-size: 18px; display: block; text-align:center; margin: 10px;">Email <a href="mailto:course-picker@lists.csail.mit.edu">course-picker@lists.csail.mit.edu</a> with more urgent issues.</b></p></div>',
			    type: 'inline',
            }
		    });
		}

		$('.open-popup-link').click();
		writeCookie("popup", "true");
	    });
	</script>
    </body>
</html>