...
 
Commits (2)
.margin-small{
margin: 5%;
html{
font-size: 12px;
}
select{
max-width: 500px;
}
.margin-tiny{
margin: 2.5%
margin: 2.5%;
}
.inline{
display: inline-block !important;
}
.footer{
background-color: #eee;
font-size: 16px;
padding: 1% 2.5% 1% 2.5%;
}
function addClass() {
var newClass = document.getElementById("class").value;
var classes = document.getElementById("classes").value;
classes = classes.concat(newClass);
document.getElementById("classes").value = classes + ",";
var newClass = document.getElementById("class").value;
var classes = document.getElementById("classes").value;
classes = classes.concat(newClass);
document.getElementById("classes").value = classes + ",";
}
function degreeSelectHandler(degree) {
var yearList = document.getElementById('year');
var specializationList = document.getElementById('specialization');
removeOptions(yearList);
removeOptions(specializationList);
if (degree.value=='cs') {
addOption("2014","2014",yearList);
addOption("2015","2015",yearList);
addOption("2016","2016",yearList);
addOption("None","none",specializationList);
}
else if(degree.value == 'math') {
addOption("2015","2015",yearList);
addOption("None","none",specializationList);
addOption("Applied","applied",specializationList);
addOption("Mathematics","mathematics",specializationList);
addOption("Statistics","statistics",specializationList);
}
else if(degree.value == 'me') {
addOption("2015","2015",yearList);
addOption("None","none",specializationList);
}
else if(degree.value == 'se') {
addOption("2015","2015",yearList);
addOption("None","none",specializationList);
addOption("Artificial Intelligence and Cognitive Modeling","AICog",specializationList);
addOption("Computer Imaging","compImaging",specializationList);
addOption("Embedded Systems","embedded",specializationList);
addOption("Information Assurance","infoAssurance",specializationList);
addOption("Human-Computer Interaction","HumanCompInteraction",specializationList);
addOption("Networks","networks",specializationList);
}
var yearList = document.getElementById('year');
var specializationList = document.getElementById('specialization');
removeOptions(yearList);
removeOptions(specializationList);
if (degree.value=='cs') {
addOption("2014","2014",yearList);
addOption("2015","2015",yearList);
addOption("2016","2016",yearList);
addOption("None","none",specializationList);
}
else if(degree.value == 'math') {
addOption("2015","2015",yearList);
addOption("None","none",specializationList);
addOption("Applied","applied",specializationList);
addOption("Mathematics","mathematics",specializationList);
addOption("Statistics","statistics",specializationList);
}
else if(degree.value == 'me') {
addOption("2015","2015",yearList);
addOption("None","none",specializationList);
}
else if(degree.value == 'se') {
addOption("2015","2015",yearList);
addOption("None","none",specializationList);
addOption("Artificial Intelligence and Cognitive Modeling","AICog",specializationList);
addOption("Computer Imaging","compImaging",specializationList);
addOption("Embedded Systems","embedded",specializationList);
addOption("Information Assurance","infoAssurance",specializationList);
addOption("Human-Computer Interaction","HumanCompInteraction",specializationList);
addOption("Networks","networks",specializationList);
}
}
function addOption(text,value,select) {
var option = document.createElement("option");
option.text=text;
option.value=value;
select.add(option);
var option = document.createElement("option");
option.text=text;
option.value=value;
select.add(option);
}
function removeOptions(selectbox) {
......@@ -60,12 +60,13 @@ function removeOptions(selectbox) {
}
function goBack() {
window.history.back();
window.history.back();
}
function fillOutExample() {
document.getElementById("major").value = "math";
document.getElementById("specialization").value = "applied";
document.getElementById("year").value = "2015"
document.getElementById("classes").value = "cs1337,phys2125,phys2126,phys2325,phys2326,chem1311,chem1111,math2417,hist1301,hist1302,math2419,govt2305,govt2306,rhet1302,cs2305,cs2336,cs3305,cs3340,math2418,ahst2331,math3310,cs3345,cs3341,cs4V98,math2451,math3311,math3323,ecs1200,ecs3390"
document.getElementById("major").value = "math";
degreeSelectHandler({value: "math"});
document.getElementById("specialization").value = "applied";
document.getElementById("year").value = "2015"
document.getElementById("classes").value = "cs1337,phys2125,phys2126,phys2325,phys2326,chem1311,chem1111,math2417,hist1301,hist1302,math2419,govt2305,govt2306,rhet1302,cs2305,cs2336,cs3305,cs3340,math2418,ahst2331,math3310,cs3345,cs3341,cs4V98,math2451,math3311,math3323,ecs1200,ecs3390"
};
<!DOCTYPE html>
<html>
<head>
<title> Graduation Audit System </title>
<title> An error has occured! </title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
......@@ -14,12 +14,23 @@
</head>
<body>
<h1>An error has occured during your audit!</h1>
<div class="jumbotron text-center">
<h1> An error has occured! </h1>
</div>
<p>
{% for line in error_message %}
{{line}}<br>
{% endfor %}
</p>
<button type="button" onclick="goBack()">Click here to go back</button>
<button class="btn" type="button" onclick="goBack()">Click here to go back</button>
<div class="footer">
Source code for this audit system can be found <a href="https://gitlab.com/saikiran1096/gradaudit">here.</a>
<br>
Source code for this website can be found <a href="https://gitlab.com/asobhi/GAS-site">here.</a>
<br>
Please email any bugs or feature requests to <a href="mailto:ars140330@utdallas.edu">ars140330@utdallas.edu</a> or <a href="mailto:sai@utdallas.edu">sai@utdallas.edu.</a>
</div>
</body>
</html>
......@@ -13,100 +13,112 @@
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div class="jumbotron text-center">
<h1> Graduation Audit System </h1>
<p>
An automated degree audit system for various degree plans at The University of Texas at Dallas
</p>
</div>
<body>
<div class="jumbotron text-center">
<h1> Graduation Audit System </h1>
<p>
An automated degree audit system for various degree plans at The University of Texas at Dallas
</p>
</div>
<div class="alert alert-warning margin-small">
<strong>Warning!</strong> This is an experimental software prototype system and the results are only advisory. For an official degree audit you should visit with your UT Dallas undergraduate advisor.
</div>
<div class="alert alert-warning margin-tiny">
<strong>Warning!</strong> This is an experimental software prototype system and the results are only advisory. For an official degree audit you should visit with your UT Dallas undergraduate advisor.
</div>
<ul class="nav nav-pills margin-tiny">
<li class="active"><a data-toggle="tab" href="#manual">Manual</a></li>
<li><a data-toggle="tab" href="#upload">Upload Your Transcript</a></li>
</ul>
<div class="alert alert-info margin-tiny">
An audit can take up to a minute depending on your major selection and how close you are to graduating.
</div>
<ul class="nav nav-pills margin-tiny">
<li class="active"><a data-toggle="tab" href="#manual">Manual</a></li>
<li><a data-toggle="tab" href="#upload">Upload Your Transcript</a></li>
</ul>
<div class="tab-content">
<div id="manual" class="tab-pane fade margin-tiny active in">
<form action={{ url_for('submit') }} method="post">
<div class="tab-content">
<div id="manual" class="tab-pane fade margin-tiny active in">
<form action={{ url_for('submit') }} method="post">
<div class="form-group">
<div class="row">
<div class="form-group col-xs-4 col-sm-6">
<label>Degree Type</label>
<br>
<input type="radio" name="degree_type" value="bs" checked=true/>BS
<input type="radio" name="degree_type" value="ba" disabled=true/> BA
</div>
<div class="form-group">
<div class="form-group col-xs-8 col-sm-6">
<label for="major">Major</label>
<select name="major" onchange="degreeSelectHandler(this)" id="major" required>
<option value="">Please Select Your Major</option>
<br>
<select class="form-control" name="major" onchange="degreeSelectHandler(this)" id="major" required>
<option selected="selected" value="">Please Select Your Major</option>
<option value="cs">Computer Science</option>
<option value="math">Mathematics</option>
<option value="me">Mechanical Engineering</option>
<option value="se">Software Engineering</option>
</select>
</div>
</div>
<div class="form-group">
<div class="row">
<div class="form-group col-xs-6">
<label for="year">Year of Degree Plan</label>
<select name="year" id="year">
<br>
<select class="form-control" name="year" id="year">
<option value="2014">2014</option>
<option value="2015">2015</option>
</select>
</div>
<div class="form-group">
<label for="specialization">Specialization/Domain:</label>
<select name="specialization" id="specialization">
<option value="none">None</option>
<option value="applied">Mathematics-Applied</option>
<option value="mathematics">Mathematics-Mathematics</option>
<option value="statistics">Mathematics-Statistics</option>
<option value="AICog">Software Engineering-Artificial Intelligence and Cognitive Modeling</option>
<option value="compImaging">Software Engineering-Computer Imaging</option>
<option value="embedded">Software Engineering-Embedded Systems</option>
<option value="infoAssurance">Software Engineering-Information Assurance</option>
<option value="HumanCompInteraction">Software Engineering-Human-Computer Interaction</option>
<option value="networks">Software Engineering-Networks</option>
<div class="form-group col-xs-6">
<label for="specialization">Specialization</label>
<br>
<select class="form-control" name="specialization" id="specialization">
<option selected="selected" value="none">None</option>
</select>
</div>
<div class="form-group">
<label for="classes">Type in your class number (ex: cs1336), and hit the "Add Class" button to enter it.</label>
</div>
<div class="row">
<div class="form-group col-xs-6">
<label for="classes">Type in a class number (ex: cs1336). Then, click the "Add Class" button.</label>
<br>
<input list="classes-datalist" type="text" name="class" id="class" >
{{ course_list() }}
<button type="button" onclick="addClass()">Add class</button>
<button type="button" class="btn" onclick="addClass()">Add class</button>
</div>
<div class="form-group">
</div>
<div class="row">
<div class="form-group col-xs-12">
<label for="classes">Classes Taken</label><br>
<textarea name="classes" id="classes" rows="6" cols="60"></textarea>
<div class="button">
<button type="button" onclick="fillOutExample()">Fill out Example</button>
</div>
<div class="button">
<input type="submit" value="Perform Audit"></input>
</div>
</div>
</form>
</div>
<div id="upload" class="tab-pane fade margin-tiny">
<form action={{ url_for('input_form') }} method="post" enctype="multipart/form-data">
<div class="form-group">
<label for="transcriptPDF" class="upload_field">Upload an unofficial transcript from Galaxy.</label>
<input name="transcriptPDF" type="file" accept="application/pdf" class="upload_field">
<input type="submit" class="upload_field" value="Click here to fill out the forms automatically.">
<textarea name="classes" id="classes" class="form-control"></textarea>
</div>
</form>
</div>
</div>
<button type="button" class="btn" onclick="fillOutExample()">Fill out Example</button>
<input type="submit" class="btn btn-primary" value="Perform Audit"></input>
</form>
</div>
</body>
<div id="upload" class="tab-pane fade margin-tiny">
<form action={{ url_for('input_form') }} method="post" enctype="multipart/form-data">
<div class="form-group">
<label for="transcriptPDF">Upload an unofficial transcript from Galaxy.</label>
<br>
<input class="inline" name="transcriptPDF" type="file" accept="application/pdf">
<input class="inline btn btn-primary" type="submit" value="Submit">
</div>
</form>
</div>
</div>
<div class="footer">
Source code for this audit system can be found <a href="https://gitlab.com/saikiran1096/gradaudit">here.</a>
<br>
Source code for this website can be found <a href="https://gitlab.com/asobhi/GAS-site">here.</a>
<br>
Please email any bugs or feature requests to <a href="mailto:ars140330@utdallas.edu">ars140330@utdallas.edu</a> or <a href="mailto:sai@utdallas.edu">sai@utdallas.edu.</a>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title> Graduation Audit System </title>
<title> Audit Results </title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
......@@ -12,14 +12,17 @@
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div class="result">
<h1>Audit Result</h1>
<div class="jumbotron text-center">
<h1> Audit Results </h1>
</div>
<div class="margin-tiny">
{% if response.can_grad %}
<p>{{response.transcript.name}} is able to graduate with a degree in {{response.transcript.major}}.</p>
<p>You are able to graduate with a degree in {{response.transcript.major}}.</p>
{% else %}
<p>{{response.transcript.name}} is not able to graduate.<br>To graduate, {{response.transcript.name}} needs to take <br></p>
<p>You are not able to graduate.<br>To graduate, you need to take <br></p>
<ul>
{% for class in response.missing_classes %}
......@@ -38,7 +41,15 @@
{% endif %}
</ul>
{% endif %}
<button onclick="goBack()">Click here to go back</button>
<button class="btn" onclick="goBack()">Click here to go back</button>
</div>
<div class="footer">
Source code for this audit system can be found <a href="https://gitlab.com/saikiran1096/gradaudit">here.</a>
<br>
Source code for this website can be found <a href="https://gitlab.com/asobhi/GAS-site">here.</a>
<br>
Please email any bugs or feature requests to <a href="mailto:ars140330@utdallas.edu">ars140330@utdallas.edu</a> or <a href="mailto:sai@utdallas.edu">sai@utdallas.edu.</a>
</div>
</body>
</html>