compare.html 3.66 KB
Newer Older
Daniel W Bond's avatar
Daniel W Bond committed
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
{% extends 'layouts/base.html' %}

{% block title %}
GMU Advisor | Compare
{% endblock %}

{% block content %}

<div class="page-header" id="banner">
  <div class="row">
    <div class="col-md-12 text-center">
      <h2>Compare Trajectories</h2>
    </div>
  </div>
</div>

<div class="row well">
  <legend>Choose up to three</legend>
  <div class="col-md-12">
    <form class="form-vertical" action="" method="post" role="form" enctype="multipart/form-data">
    <!-- learn what enctype does when you have internet -->
      <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>
      </div>

      <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>

      <!-- spacing should be fixed -->
      <br />
      <br />

      <div class="form-group">
        <div class="col-md-offset-11 col-md-">
          <button type="submit" class="btn btn-primary" value="Submit">Submit</button>
        </div>
      </div>

    </form>
  </div>
</div>

<p> This is just what this lower part is going to look like-- it actually needs
to be loaded  on submit with JavaScript ;_; </p>
<p> TopTrajectory stuff needed </p>

<!-- have an if statement that will have the courses in two columns if only
     two are selected -->

<div class="row">

  <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 %}
  </div>

  <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 %}
  </div>

  <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 %}
  </div>

</div>

<div class="row well">
  <legend>Automatic comparisons of your selected trajectories.</legend>
  <div class="col-md-12">
    <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>
  </div>

  <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>

</div>

{% endblock %}