compare.html 4.1 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
{% extends 'layouts/base.html' %}

{% block title %}
Compare | YourSchool Advisor
{% 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">
      <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">
Daniel W Bond's avatar
Daniel W Bond committed
51 52
        <div class="col-md-offset-10 col-md-2">
          <button type="submit" class="btn btn-primary btn-lg btn-block" value="Submit">Submit</button>
Daniel W Bond's avatar
Daniel W Bond committed
53 54 55 56 57 58 59 60 61
        </div>
      </div>

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

<div class="row well">
  <legend>Automatic comparisons of your selected trajectories.</legend>
62 63 64
  <div class="col-md-4">
    <!-- <p><strong><button type="button" class="btn btn-default" data-container="body" data-toggle="popover" data-placement="top" data-content="The fewest semesters to complete.">Shortest Time</button></strong>Trajectory 2</p> -->
  <p><strong>Shortest Time:</strong> Trajectory Two</p>
Daniel W Bond's avatar
Daniel W Bond committed
65
  </div>
66 67 68 69 70 71
  <div class="col-md-4">
    <p><strong>Easier Classes:</strong>Trajectory Two</p>
  <!-- fewer higher level classes -->
  </div>
  <div class="col-md-4">
    <p><strong>Lightest Courseload:</strong>Trajectory One</p>
Daniel W Bond's avatar
Daniel W Bond committed
72 73
  </div>
  <div class="col-md-6">
74 75 76 77 78
    <p>Common courses between trajectories include:</p>
    <h6><span class="label label-primary">Course 309</span>
    <span class="label label-primary">Course 367</span></h6>
  </div>
  <div class="col-md-12">
Daniel W Bond's avatar
Daniel W Bond committed
79 80
    <p>Additional electives (courses not required for the completion of your
    selected program) for trajectory one include:</p>
81 82 83
    <h6><span class="label label-primary">Course 194</span>
    <span class="label label-primary">Course 208</span>
    <span class="label label-primary">Course 211</span></h6>
Daniel W Bond's avatar
Daniel W Bond committed
84
  </div>
85
  <div class="col-md-12">
Daniel W Bond's avatar
Daniel W Bond committed
86 87
    <p>Additional electives (courses not required for the completion of your
    selected program) for trajectory two include:</p>
88
    <h6><span class="label label-primary">Course 222</span></h6>
Daniel W Bond's avatar
Daniel W Bond committed
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 136 137
  </div>
</div>

<p>Have an if statement for columns if only three trajectories instead of two, etc</p>

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

{% endblock %}