Skip to content

G
GAP
Commit 055b75f0 authored by Piyush Sharma's avatar Piyush Sharma
Browse files
Options

Student Dashboard Added

parent 51b2c274
Show whitespace changes
Inline Side-by-side
Showing with 589 additions and 0 deletions
GAP/templates/student_dashboard.html 0 → 100644
View file @ 055b75f0
<!DOCTYPE html>
<html>
<head>
<title>GAP</title>
<script
src="https://code.jquery.com/jquery-3.1.1.min.js"
integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fomantic-ui/2.8.7/semantic.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script src="https://cdn.datatables.net/1.10.22/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.10.22/js/dataTables.semanticui.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/fomantic-ui/2.8.7/semantic.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/components/icon.min.css" integrity="sha512-8Tb+T7SKUFQWOPIQCaLDWWe1K/SY8hvHl7brOH8Nz5z1VT8fnf8B+9neoUzmFY3OzkWMMs3OjrwZALgB1oXFBg==" crossorigin="anonymous" />
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.22/css/dataTables.semanticui.min.css" />
<style type="text/css">
.statistic:not(.last-stat){
border-right: 1px solid #e0e1e2 ;
}
.statistics th:not(.last-th){
border-right: 1px solid #dddddd;
}
</style>
</head>
<body style="background-color: whitesmoke;">
<div class="ui inverted segment tiny" style="font-size:medium;padding-top: 1vh; padding-bottom:1vh; ">
<div class="ui inverted secondary stackable menu">
<div class="header item " style="font-size: x-large;font-family: monospace;color:#00b5ad;">
<p class="teal">Guide Allocation Portal</p>
</div>
<div class="right menu">
<p class="item" style="font-size: large;">
Welcome Darshan Prabhu
</p>
<div class="item">
<div class="ui button teal">Log out</div>
</div>
</div>
</div>
</div>
<div class="ui container" style="width: 75%;">
<br>
<div class="ui container">
<h1 class="ui page centered align">Summary</h1>
<div class="ui grid">
<div class="six wide column">
<div class="ui fluid raised card" style="height:16vh;">
<div class="ui two statistics" style="margin-top: 3vh;">
<div class="teal statistic">
<div class="value">
3
</div>
<div class="label">
<br>
Current Round
</div>
</div>
<div class="red statistic">
<div class="text value" style="padding-top: 1rem;">
15-09-20
</div>
<div class="label">
<br>
Last date
</div>
</div>
</div>
</div>
</div>
<div class="ten wide column">
<div class="ui fluid raised card" style="height:16vh;">
<div class="ui three statistics divided" style="margin-top: 3vh;">
<div class="yellow statistic">
<div class="value">
85
</div>
<div class="label">
<br>
Total Positions
</div>
</div>
<div class="green statistic">
<div class="value">
25
</div>
<div class="label">
<br>
Submitted Applications
</div>
</div>
<div class="ui grid">
</div>
<div class="statistic last-stat" style="padding-left: 3rem;">
<div class="text value" style="color:#5279a2;padding-top: 1rem;" >
Not alloted
</div>
<div class="label">
<br>
Status
</div>
</div>
</div>
</div>
</div>
</div>
<br>
<div class="ui yellow icon message">
<i class="inbox icon"></i>
<div class="content">
<div class="header">
Time remaining for current round
</div>
<div class="ui progress green" data-percent="90" id="time-progress" style="opacity: 0.85">
<div class="bar">
<div class="progress"></div>
</div>
<div class="label header">10 days to go</div>
</div>
</div>
</div>
</div>
<br>
<br>
<div class="ui three item stackable tabs inverted menu " style="font-size: large;">
<a class="item active" data-tab="first">Available Positions</a>
<a class="item" data-tab="second">Applied Positions</a>
<a class="item" data-tab="third">My profile</a>
</div>
<div class="ui tab active" data-tab="first">
<table id="example" class="ui table raised segment center aligned" style="width:100%">
<thead>
<tr>
<th>FACULTY NAME</th>
<th>PROJECT TITLE</th>
<th>CONTACT DETAILS</th>
<th>OPEN POSITIONS</th>
<th class="last-th">ACTIONS</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<span class="ui" style="color: #b58105;">Darshan Prabhu</span>
</td>
<td>
<span style="color: #5279a2;">Neural Linguistics</span>
</td>
<td>
Contact me at 203059005@iitb.ac.in
</td>
<td>
<span class="ui orange header">5</span>
</td>
<td>
<div class="">
<button class="ui vk button" onclick="show_student_detail(0)">
<i class="address card icon"></i>
Info
</button>
<button class="ui icon right labeled teal button">
<i class="check icon"></i>
Apply
</button>
</div>
</td>
</tr>
<tr>
<td>
<span class="ui" style="color: #b58105;">Poojith S</span>
</td>
<td>
<span style="color: #5279a2;">Machine Linguistics</span>
</td>
<td>
Contact me at darshanp@cse.iitb.ac.in
</td>
<td>
<span class="ui orange header">3</span>
</td>
<td>
<div class="">
<button class="ui vk button" onclick="show_student_detail(1)">
<i class="address card icon"></i>
Info
</button>
<button class="ui icon right labeled teal button">
<i class="check icon"></i>
Apply
</button>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="ui tab " data-tab="second">
<div class="ui grid">
<div class="right floated four wide column">
<button class="fluid ui labeled teal icon button" onclick="submit_priorities()" >
<i class="plus icon"></i>
Update priorities
</button>
</div>
</div>
<div class="ui segment fluid raised card">
<div class="ui middle aligned selection divided list" style="margin-bottom: 0px;">
<div class="item" style="padding-bottom: 0px;padding-top: 0px;background-color: rgb(0,0,0,0.03);">
<div class="ui grid center aligned divided" style="margin-top: 0px;">
<div class="three wide column ui tiny header">FACULTY NAME</div>
<div class="four wide column ui tiny header ">PROJECT TITLE</div>
<div class="four wide column ui tiny header">CONTACT DETAILS</div>
<div class="two wide column ui tiny header">OPEN POSITIONS</div>
<div class="three wide column ui tiny header">ACTIONS</div>
</div>
</div>
<div class="ui divider" style="margin-bottom: 0px;"></div>
</div>
<div class="ui middle aligned selection divided list" style="margin-top: 0px;" id="sortable">
<div class="item">
<div class="ui grid">
<div class="column three wide center aligned middle aligned"><span class="ui" style="color: #b58105;">Darshan Prabhu</span></div>
<div class="column four wide center aligned middle aligned"><span style="color: #5279a2;">Neural Linguistics</span></div>
<div class="column four wide center aligned middle aligned">Contact me at darshanp@cse.iitb.ac.in</div>
<div class="column two wide center aligned middle aligned"><span class="ui header" style="color: #f2711c;">5</span></div>
<div class="right floated three wide column">
<div class="ui center aligned">
<button class="ui vk button">
<i class="address card icon"></i>
Info
</button>
<button class="ui right labeled icon negative button">
<i class="trash icon"></i>
Discard
</button>
</div>
</div>
</div>
</div>
<div class="item">
<div class="ui grid">
<div class="column three wide center aligned middle aligned"><span class="ui" style="color: #b58105;">Poojith S</span></div>
<div class="column four wide center aligned middle aligned"><span style="color: #5279a2;">Machine Linguistics</span></div>
<div class="column four wide center aligned middle aligned">Contact me at 203059005@iitb.ac.in</div>
<div class="column two wide center aligned middle aligned"><span class="ui header" style="color: #f2711c;">3</span></div>
<div class="right floated three wide column">
<div class="ui center aligned">
<button class="ui vk button">
<i class="address card icon"></i>
Info
</button>
<button class="ui right labeled icon negative button">
<i class="trash icon"></i>
Discard
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="ui tab" data-tab="third">
<div class="ui fluid raised card" style="width: 75%;margin-left: auto;margin-right: auto;margin-bottom: 1rem;">
<div class="content">
<div class="ui grid">
<div class="six wide column ui center aligned middle aligned">
<div class="ui medium image">
<img src="avatar.png">
</div>
</div>
<div class="ten wide fluid column">
<div class="ui image">
<div class="ui large header center aligned brown">Personal Details</div>
<div class="ui divider"></div>
<br>
<div class="ui grid center aligned">
<div class="five wide column">
<div class="ui medium header left aligned">
Student Name
</div>
</div>
<div class="two wide column">
<div class="ui small header center aligned">
:
</div>
</div>
<div class="six wide column">
<div class="ui medium header center aligned grey">
Darshan Prabhu
</div>
</div>
<div class="five wide column">
<div class="ui medium header left aligned">
Email ID
</div>
</div>
<div class="two wide column">
<div class="ui small header center aligned">
:
</div>
</div>
<div class="six wide column">
<div class="ui medium header center aligned grey">
darshanp@cse.iitb.ac.in
</div>
</div>
<div class="five wide column">
<div class="ui medium header left aligned">
Qualities
</div>
</div>
<div class="two wide column">
<div class="ui small header center aligned">
:
</div>
</div>
<div class="six wide column">
<div class="ui tiny header center aligned grey">
Hard working, quality over quantity
</div>
</div>
<div class="eleven wide column center aligned">
<div class="ui icon info message">
<i class="download icon"></i>
<div class="content">
<div class="header">
Resume of the applicant
</div>
<div class="ui center aligned" ><a href="https://www.google.com">Click me to download resume</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<br>
<br>
<div class="ui">
<div class="ui large header center aligned brown">
Applicant Details
</div>
<div class="ui divider"></div>
<div class="ui left aligned"><h3><u>Project Details</u></h3></div>
<div class="ui segment fluid raised card">
<div class="ui middle aligned selection divided list" style="margin-bottom: 0px;">
<div class="item" style="padding-bottom: 0px;padding-top: 0px;background-color: rgb(0,0,0,0.03);">
<div class="ui grid center aligned divided" style="margin-top: 0px;">
<div class="four wide column ui tiny header">PROJECT TITLE</div>
<div class="four wide column ui tiny header">PROGRAMMING LANGUAGES</div>
<div class="six wide column ui tiny header">DESCRIPTION</div>
<div class="two wide column ui tiny header">GITHUB</div>
</div>
</div>
<div class="ui divider" style="margin-bottom: 0px;"></div>
</div>
<div class="ui middle aligned selection divided list" style="margin-top: 0px;">
<div class="item">
<div class="ui grid ">
<div class="column four wide center aligned middle aligned"><div class="ui medium ">Darshan Prabhu</div></div>
<div class="column four wide center aligned middle aligned">
<div class="ui">
<a class="ui tiny primary inverted tag label">C</a>
<a class="ui tiny yellow inverted tag label">Python</a>
<a class="ui tiny red inverted tag label">Django</a>
</div>
</div>
<div class="column six wide center aligned middle aligned">This project was intended to benifit the department and all the students and faculties who work hard to glorify the prestigious institute</div>
<div class="column two wide center aligned middle aligned"><a href="https:google.com">Link</a></div>
</div>
</div>
<div class="item">
<div class="ui grid">
<div class="column four wide center aligned middle aligned"><div class="ui medium">Darshan Prabhu</div></div>
<div class="column four wide center aligned middle aligned"><a class="ui tiny orange inverted tag label">Scala</a>
<a class="ui tiny teal inverted tag label">Angular</a></div>
<div class="column six wide center aligned middle aligned">This project was intended to benifit the department and all the students and faculties who work hard to glorify the prestigious institute</div>
<div class="column two wide center aligned middle aligned"><a href="https:google.com">Link</a></div>
</div>
</div>
</div>
</div>
<br>
<div class="ui left aligned"><h3><u>Educational Details</u></h3></div>
<div class="ui segment fluid raised card">
<div class="ui middle aligned selection divided list" style="margin-bottom: 0px;">
<div class="item" style="padding-bottom: 0px;padding-top: 0px;background-color: rgb(0,0,0,0.03);">
<div class="ui grid center aligned divided" style="margin-top: 0px;">
<div class="five wide column ui tiny header">EXAMINATION</div>
<div class="five wide column ui tiny header ">BOARD</div>
<div class="four wide column ui tiny header">PERCENTAGE or CGPA</div>
<div class="two wide column ui tiny header">YEAR</div>
</div>
</div>
<div class="ui divider" style="margin-bottom: 0px;"></div>
</div>
<div class="ui middle aligned selection divided list" style="margin-top: 0px;">
<div class="item">
<div class="ui grid ">
<div class="column five wide center aligned middle aligned"><div class="ui medium ">Darshan Prabhu</div></div>
<div class="column five wide center aligned middle aligned"><div class="ui medium ">Neural linguistics</div></div>
<div class="column four wide center aligned middle aligned"><div class="ui star yellow rating" data-rating="3"></div></div>
<div class="column two wide center aligned middle aligned"><div>15-09-20</div></div>
</div>
</div>
<div class="item">
<div class="ui grid">
<div class="column five wide center aligned middle aligned"><div class="ui medium">Darshan Prabhu</div></div>
<div class="column five wide center aligned middle aligned"><div class="ui medium ">Neural linguistics</div></div>
<div class="column four wide center aligned middle aligned"><div class="ui star yellow rating" data-rating="3"></div></div>
<div class="column two wide center aligned middle aligned"><div>15-09-20</div></div>
</div>
</div>
</div>
</div>
</div>
<br>
<br>
<div class="ui center aligned">
<button class="ui right labeled large icon button blue">
<i class="pencil alternate icon"></i>
Edit
</button>
</div>
</div>
</div>
</div>
<div class="ui tab" data-tab="fourth">
<div class="ui segment fluid raised card">
<div class="ui middle aligned selection divided list" style="margin-bottom: 0px;">
<div class="item" style="padding-bottom: 0px;padding-top: 0px;background-color: rgb(0,0,0,0.03);">
<div class="ui grid center aligned divided" style="margin-top: 0px;">
<div class="four wide column ui tiny header">NAME</div>
<div class="four wide column ui tiny header ">POSITION</div>
<div class="two wide column ui tiny header">CGPA</div>
<div class="two wide column ui tiny header">DATE</div>
<div class="four wide column ui tiny header">ACTIONS</div>
</div>
</div>
<div class="ui divider" style="margin-bottom: 0px;"></div>
</div>
<div class="ui middle aligned selection divided list" style="margin-top: 0px;">
<div class="item">
<div class="ui grid ">
<div class="column four wide center aligned middle aligned"><div class="ui medium ">Darshan Prabhu</div></div>
<div class="column four wide center aligned middle aligned"><div class="ui medium ">Neural linguistics</div></div>
<div class="column two wide center aligned middle aligned"><div class="ui star yellow rating" data-rating="3"></div></div>
<div class="column two wide center aligned middle aligned"><div>15-09-20</div></div>
<div class="right floated four wide column">
<div class="ui center aligned">
<button class="ui vk button">
<i class="address card icon"></i>
Info
</button>
</div>
</div>
</div>
</div>
<div class="item">
<div class="ui grid">
<div class="column four wide center aligned middle aligned"><div class="ui medium">Darshan Prabhu</div></div>
<div class="column four wide center aligned middle aligned"><div class="ui medium ">Neural linguistics</div></div>
<div class="column two wide center aligned middle aligned"><div class="ui star yellow rating" data-rating="3"></div></div>
<div class="column two wide center aligned middle aligned"><div>15-09-20</div></div>
<div class="right floated four wide column">
<div class="ui center aligned">
<button class="ui vk button">
<i class="address card icon"></i>
Info
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modals">
</div>
<script type="text/javascript">
$(document).ready(function() {
window.requisitesformCount = 1;
window.requisitesformInst = $('.requisites-form:first').clone(true).get(0);
window.requisitesPrefix = 'requisite-';
$('#time-progress').progress();
$(".rating").rating('disable');
$('.menu .item').tab();
$( function() {
$( "#sortable" ).sortable();
$( "#sortable" ).disableSelection();
});
$('#example').DataTable({
columnDefs: [ { orderable: false, targets: [4] } ],
});
} );
function show_student_detail(id){
$(".modals #application-"+id).modal('show');
}
function show_new_position_form(){
$(".modals #new-position").modal('show');
}
function updateElementIndex(row,index) {
$(row).children().children().each(function(){
curr_id = $(this).attr('id');
new_id = curr_id.replace(/[0-9]+/gi,index);
$(this).attr('id',new_id);
curr_name = $(this).attr('name');
new_name = curr_name.replace(/[0-9]+/gi,index);
$(this).attr('name',new_name);
});
}
function update_total_forms_requisites(added){
if(added){
window.requisitesformCount +=1;
}
else{
window.requisitesformCount -=1;
}
//$('#id_previousDetails-TOTAL_FORMS').val(window.requisitesformcount);
}
function addRequesiteForm(){
var row = $(window.requisitesformInst).clone(true);
if(window.requisitesformCount == 0){
$('.requisites').html(row);
}
else{
$(row).attr('id',window.requisitesPrefix+window.requisitesformCount+'-row').insertAfter($('.requisites-form:last'));
var forms = $('.requisites-form');
$(forms).each(function(index){
updateElementIndex(this,index);
});
}
$(row).find('.delete-row').attr('onclick','deleterequisitesForm(this,"'+window.requisitesPrefix+window.requisitesformCount+'")');
update_total_forms_requisites(true);
return false;
}
function deleterequisitesForm(btn,prefix){
$(btn).parents('.requisites-form').remove();
var forms = $('.requisites-form');
update_total_forms_requisites(false);
$(forms).each(function(index){
$(this).attr('id',window.requisitesPrefix+index+'-row');
updateElementIndex(this,index);
});
return false;
}
function submit_priorities(){
return true;
}
</script>
</body>
</html>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment