_navbar.html.erb 1.83 KB
Newer Older
Zac Wood's avatar
Zac Wood committed
1
2
<div class="container-fluid">
    <div class="row align-left align-sm-center align-md-right" id="navbar">
3
	<div class="col align-center">
Zac Wood's avatar
Zac Wood committed
4
5
6
7
8
9
	    <div>
		<a href="/" id="logo">
		    <i class="fas fa-calendar-alt"></i>
		    Schedules
		</a>
		<select onchange="setSemester(this)">
Zac Wood's avatar
Zac Wood committed
10
		    <% Semester.all.each do |semester| %>
Zac Wood's avatar
Zac Wood committed
11
12
13
14
15
16
			<option value="<%= semester.id %>" <% if @semester == semester %> selected <% end %> >
			    <%= "#{semester.season} #{semester.year}" %>
			</option>
		    <% end %>
		</select>	
	    </div>
Zac Wood's avatar
Zac Wood committed
17
18
	</div>

19
	<div class="col-sm align-center order-0 order-sm-1" onclick="window.schedule.toggle()">
Zac Wood's avatar
Zac Wood committed
20
21
22
23
24
25
26
27
28
29
30
31
32
	    <h1 style="margin-top:24px">
		<span class="fa-layers fa-fw" id="schedule-icon">
		    <i class="fas fa-shopping-cart"></i>
		    <span class="fa-layers fa-fw">
			<i class="fas fa-circle" data-fa-transform="shrink-3 up-12 right-12" style="color:gray"></i>
			<span id="course-counter" class="fa-layers-text fa-inverse" data-fa-transform="shrink-10 up-12 right-12" style="font-weight:600">
			    <%= @cart.length %>
			</span>
		    </span>
		</span>
	    </h1>
	</div>
	
33
	<div class="col order-1 order-sm-0">
Zach Perkins's avatar
Zach Perkins committed
34
	    <form action="/search" class="form">
Zac Wood's avatar
Zac Wood committed
35
		<div class="form-group">
Zac Wood's avatar
Zac Wood committed
36
37
38
39
40
41
42
43
		    <div class="input-group" style="width:100%;">
			<input name="query" type="text" class="form-control" placeholder="Search by CRN, course, professor..." aria-describedby="basic-addon2">
			<div class="input-group-append">
			    <button class="btn btn-secondary" type="button">
				<i class="fas fa-search"></i>
			    </button>
			</div>
		    </div>
Zac Wood's avatar
Zac Wood committed
44
45
46
47
48
		</div>
	    </form>
	</div>
    </div>
</div>
Zac Wood's avatar
Zac Wood committed
49
50
51
52
53
54
55

<div class="container-fluid">
    <!-- The main screen consists of a row with two columns: the search results, and the cart -->
    <div class="row">
	
	<!-- Search result, List of Courses -->
	<div class="col-lg-7 col-md-10 mx-auto order-2 order-lg-0" id="search-list">