compare.html 3.66 KB
Newer Older
Daniel W Bond's avatar
Daniel W Bond committed
1
2
3
{% extends 'layouts/base.html' %}

{% block title %}
Daniel W Bond's avatar
Daniel W Bond committed
4
GMU Advisor | Compare
Daniel W Bond's avatar
Daniel W Bond committed
5
6
7
8
{% endblock %}

{% block content %}

9
10
11
<div class="page-header" id="banner">
  <div class="row">
    <div class="col-md-12 text-center">
12
13
      <h2>Compare Trajectories</h2>
    </div>
Daniel W Bond's avatar
Daniel W Bond committed
14
  </div>
15
</div>
Daniel W Bond's avatar
navbar    
Daniel W Bond committed
16

17
<div class="row well">
18
  <legend>Choose up to three</legend>
19
  <div class="col-md-12">
Daniel W Bond's avatar
Daniel W Bond committed
20
21
    <form class="form-vertical" action="" method="post" role="form" enctype="multipart/form-data">
    <!-- learn what enctype does when you have internet -->
22
23
24
25
26
27
28
29
30
31
32
33
34
      <div class="form-group">
        <label for "myTrajectories" class="col-md-2">My Trajectories</label>  
          <div class="col-md-3">
            <select class="form-control">
              <option>My Trajectory 1</option>
              <option>My Trajectory 2</option>
              <option>My Trajectory 3</option>
              <option>My Trajectory 4</option>
            </select>
          </div>
          <div class="col-md-1">
            <button type="button" class="btn btn-primary">+</button>
          </div>
Daniel W Bond's avatar
Daniel W Bond committed
35
      </div>
36
37
38
39
40
41
42
43
44
45
46

      <div class="form-group">
        <label for "myTrajectories" class="col-md-2">Public Trajectories</label>  
          <div class="col-md-3">
            <input type"text" class="form-control" id="Trajectory" placeholder="dbond2">
          </div>
          <div class="col-sm-1">
            <button type="button" class="btn btn-primary">+</button>
          </div>
        </div>

Daniel W Bond's avatar
Daniel W Bond committed
47
48
49
50
      <!-- spacing should be fixed -->
      <br />
      <br />

51
52
53
54
      <div class="form-group">
        <div class="col-md-offset-11 col-md-">
          <button type="submit" class="btn btn-primary" value="Submit">Submit</button>
        </div>
Daniel W Bond's avatar
Daniel W Bond committed
55
56
      </div>

57
    </form>
Daniel W Bond's avatar
Daniel W Bond committed
58
  </div>
59
</div>
Daniel W Bond's avatar
Daniel W Bond committed
60

61
62
<p> This is just what this lower part is going to look like-- it actually needs
to be loaded  on submit with JavaScript ;_; </p>
Daniel W Bond's avatar
Daniel W Bond committed
63
<p> TopTrajectory stuff needed </p>
Daniel W Bond's avatar
Daniel W Bond committed
64

Daniel W Bond's avatar
Daniel W Bond committed
65
66
67
<!-- have an if statement that will have the courses in two columns if only
     two are selected -->

Daniel W Bond's avatar
Daniel W Bond committed
68
<div class="row">
69
70
71
72
73
74
75
76
77
78
79

  <div class="col-md-4 well">
    <h3>Trajectory One's Name</h3>
    <h4><p>Name(s) of the programs</p></h4>
      {% for trajectory in previousTrajectories %}
        <div class="col-md-4">
	  {% for course in trajectory %}

	  {% endfor %}
	</div>
      {% endfor %}
Daniel W Bond's avatar
Daniel W Bond committed
80
81
  </div>

82
83
84
85
86
87
88
89
90
91
92
93
94
  <div class="col-md-4 well">
    <h3>Trajectory Two's Name</h3>
    <h4><p>Name(s) of the programs</p></h4>
      {% for trajectory in previousTrajectories %}
        <div class="col-md-4">
	  {% for course in trajectory %}
            <div class="col-md-4">
	      Information about the class
	    </div>
	  {% endfor %}
	  Information about the semester
	</div>
      {% endfor %}
Daniel W Bond's avatar
Daniel W Bond committed
95
  </div>
96
97
98
99
100
101
102
103
104
105
106

  <div class="col-md-4 well">
    <h3>Trajectory Three's Name</h3>
    <h4><p>Name(s) of the programs</p></h4>
      {% for trajectory in previousTrajectories %}
        <div class="col-md-4">
	  {% for course in trajectory %}

	  {% endfor %}
	</div>
      {% endfor %}
Daniel W Bond's avatar
Daniel W Bond committed
107
  </div>
108
109
110
111

</div>

<div class="row well">
112
  <legend>Automatic comparisons of your selected trajectories.</legend>
113
  <div class="col-md-12">
114
115
116
    <p>Trajectory one will take longer to complete.</p>
    <p>Trajectory two has fewer higher-level classes.</p>
    <p>Trajectory one has the lightest average courseload.</p>
Daniel W Bond's avatar
Daniel W Bond committed
117
  </div>
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132

  <div class="col-md-12">
    <p>Common courses between trajectories include:</p>
  </div>

  <div class="col-md-6">
    <p>Additional electives (courses not required for the completion of your
    selected program) for trajectory one include:</p>
  </div>

  <div class="col-md-6">
    <p>Additional electives (courses not required for the completion of your
    selected program) for trajectory two include:</p>
  </div>

Daniel W Bond's avatar
Daniel W Bond committed
133
</div>
134

Daniel W Bond's avatar
Daniel W Bond committed
135
{% endblock %}