Skip to content

G
GAP
Commit 51b2c274 authored by sandy0108cs's avatar sandy0108cs
Browse files
Options

faculty dashboard

parent 411aec44
Hide whitespace changes
Inline Side-by-side
Showing with 938 additions and 0 deletions
GAP/templates/faculty_dashboard.html 0 → 100644
View file @ 51b2c274
<!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">
150
</div>
<div class="label">
<br>
Total Applications
</div>
</div>
<div class="green statistic">
<div class="value">
25
</div>
<div class="label">
<br>
Shortlisted applications
</div>
</div>
<div class="ui grid">
</div>
<div class="statistic last-stat" >
<div class="value" style="color:#5279a2;" >
5
</div>
<div class="label">
<br>
Alloted students
</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 four item stackable tabs inverted menu " style="font-size: large;">
<a class="item active" data-tab="first">Applications</a>
<a class="item" data-tab="second">Shortlisted Applications</a>
<a class="item" data-tab="third">Open positions</a>
<a class="item" data-tab="fourth">Alloted students</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>NAME</th>
<th>POSITION</th>
<th>CGPA</th>
<th>DATE</th>
<th class="last-th">ACTIONS</th>
</tr>
</thead>
<tbody>
<tr>
<td>
Darshan Prabhu
</td>
<td>
Neural Linguistics
</td>
<td>
<div style="display: none;">9.1</div>
<div class="ui yellow rating" data-rating="2.5">
</td>
<td>
19-04-20
</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>
Shortlist
</button>
</div>
</td>
</tr>
<tr>
<td>
<div>Poojith S</div>
</td>
<td>
Machine Linguistics
</td>
<td>
<div style="display: none;">9.4</div>
<div class="ui star yellow rating" data-rating="2.7" max-rating="5">
</td>
<td>
15-04-20
</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>
Shortlist
</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="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;" id="sortable">
<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>
<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 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>
<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 grid">
<div class="right floated four wide column">
<button class="fluid ui labeled teal icon button" onclick="show_new_position_form()" >
<i class="plus icon"></i>
Add new available position
</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">PROJECT TITLE</div>
<div class="three wide column ui tiny header ">DESCRIPTION</div>
<div class="two wide column ui tiny header">CONTACT DETAILS</div>
<div class="three wide column ui tiny header">REQUISITES</div>
<div class="two wide column ui tiny header">AVAILABLE 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;" >
<div class="item">
<div class="ui grid">
<div class="column three wide center aligned middle aligned"><div class="ui medium ">Graph embeddings</div></div>
<div class="column three wide center aligned middle aligned"><div class="ui medium ">"Selecting training samples for robust, efficient training and performative predictions
https://arxiv.org/abs/1909.02963, https://arxiv.org/abs/2006.11845"</div></div>
<div class="column two wide center aligned middle aligned">abir.iitkgp@gmail.com</div>
<div class="column three wide center aligned middle aligned">
<table class="ui table">
<thead>
<tr>
<th>Name</th>
<th>Registration Date</th>
</tr>
</thead>
<tbody>
<tr>
<td>John Lilki</td>
<td>September 14, 2013</td>
</tr>
<tr>
<td>Jamie Harington</td>
<td>January 11, 2014</td>
</tr>
<tr>
<td>Jill Lewis</td>
<td>May 11, 2014</td>
</tr>
</tbody>
</table>
</div>
<div class="column two wide center aligned middle aligned">
3
</div>
<div class="right floated three wide column middle aligned">
<div class="ui center aligned">
<button class="ui vk button">
<i class="address card icon"></i>
Info
</button>
<button class="ui right labeled icon brown button">
<i class="edit icon"></i>
Update
</button>
</div>
</div>
</div>
</div>
<div class="item">
<div class="ui grid">
<div class="column three wide center aligned middle aligned"><div class="ui medium ">Graph embeddings</div></div>
<div class="column three wide center aligned middle aligned"><div class="ui medium ">"Selecting training samples for robust, efficient training and performative predictions
https://arxiv.org/abs/1909.02963, https://arxiv.org/abs/2006.11845"</div></div>
<div class="column two wide center aligned middle aligned">abir.iitkgp@gmail.com</div>
<div class="column three wide center aligned middle aligned">
<table class="ui table">
<thead>
<tr>
<th>Name</th>
<th>Registration Date</th>
</tr>
</thead>
<tbody>
<tr>
<td>John Lilki</td>
<td>September 14, 2013</td>
</tr>
<tr>
<td>Jamie Harington</td>
<td>January 11, 2014</td>
</tr>
<tr>
<td>Jill Lewis</td>
<td>May 11, 2014</td>
</tr>
</tbody>
</table>
</div>
<div class="column two wide center aligned middle aligned">
3
</div>
<div class="right floated three wide column middle aligned">
<div class="ui center aligned">
<button class="ui vk button">
<i class="address card icon"></i>
Info
</button>
<button class="ui right labeled icon brown button">
<i class="edit icon"></i>
Update
</button>
</div>
</div>
</div>
</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 id="application-0" class="ui long modal">
<i class="close icon"></i>
<div class="header">
APPLICATION
</div>
<div class="content">
<div class="ui grid">
<div class="six wide column ui middle aligned">
<div class="ui medium image">
<img src="avatar.png" style="margin-left: auto; margin-right: auto;">
</div>
</div>
<div class="ten wide fluid column">
<div class="ui image">
<div class="ui large header center aligned brown">Application Details</div>
<div class="ui divider"></div>
<br>
<div class="ui grid center aligned">
<div class="six wide column">
<div class="ui medium header left aligned">
Application number
</div>
</div>
<div class="two wide column">
<div class="ui small header center aligned">
:
</div>
</div>
<div class="five wide column">
<div class="ui large header center aligned grey">
1
</div>
</div>
<div class="six wide column">
<div class="ui medium header left aligned">
Applicant Name
</div>
</div>
<div class="two wide column">
<div class="ui small header center aligned">
:
</div>
</div>
<div class="five wide column">
<div class="ui medium header center aligned grey">
Darshan Prabhu
</div>
</div>
<div class="six 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="five wide column">
<div class="ui medium header center aligned grey">
darshanp@cse.iitb.ac.in
</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 left 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>
<h3><u>Project Details</u></h3>
<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 center 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>
</div>
<div class="actions">
<div class="ui black button">
Nope
</div>
<div class="ui positive right labeled icon button">
Yep, that's me again
<i class="checkmark icon"></i>
</div>
</div>
</div><div id="application-1" class="ui long modal">
<i class="close icon"></i>
<div class="header">
Profile Picture
</div>
<div class="content">
<div class="ui grid">
<div class="six wide column ui center aligned">
<div class="ui medium image">
<img src="avatar.png">
</div>
</div>
<div class="ten wide column">
<div class="ui image">
<div class="ui large header center aligned">Application Details</div>
<div class="ui divider"></div>
<div class="ui two column grid">
<div class="column">
<div class="ui small header center aligned">
Application number:
</div>
</div>
<div class="column">
1
</div>
<div class="column">
<div class="ui small header center aligned">
Applicant name:
</div>
</div>
<div class="column">
Darshan Prabhu
</div>
<div class="column">
<div class="ui small header center aligned">
Application Date:
</div>
</div>
<div class="column">
19-03-2020
</div>
<div class="column">
<div class="ui small header center aligned">
Email ID:
</div>
</div>
<div class="column">
darshanp@cse.iitb.ac.in
</div>
</div>
<div class="ui grid center aligned">
<p>Click me to download the Resume</p>
</div>
</div>
</div>
</div>
<br>
<br>
<br>
<div class="ui">
<div class="ui large header center aligned">
Applicant Details
</div>
<div class="ui divider"></div>
<h3><u>Project Details</u></h3>
<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>
<div class="ui center 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>
</div>
<div class="actions">
<div class="ui black button">
Nope
</div>
<div class="ui positive right labeled icon button">
Yep, that's me again
<i class="checkmark icon"></i>
</div>
</div>
</div>
<div id="new-position" class="ui long modal">
<i class="close icon"></i>
<div class="header">
NEW POSITION
</div>
<div class="content">
<form class="ui form" id="new-position-form">
<div class="two fields">
<div class="twelve wide field">
<label>Project Title</label>
<input type="text" name="first-name" placeholder="Project Title">
</div>
<div class="four wide field">
<label>Total Positions</label>
<input type="number" name="first-name" placeholder="Number">
</div>
</div>
<div class="field">
<label>Project Description</label>
<textarea></textarea>
</div>
<div class="field">
<label>Requisites</label>
<div class="table">
<table class="no-error" style="width: 100%;">
<thead>
<tr>
<th class="col-3">Subject</th>
<th>CGPA</th>
</tr>
</thead>
<tbody class='requisites'>
<tr id="-row" class="requisites-form">
<td><input type="text" name="subject" placeholder="Subject"></td>
<td><input type="number" step="0.001" name="cgpa" placeholder="CGPA"></td>
<td>
<a id="remove-requisite-0-delete" name="remove-requisite-0-delete" href="javascript:void(0)" class="delete-row" onclick="deleterequisitesForm(this,0)">Delete</a>
</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan ="2"><a href="javascript:void(0)" class="add-row" onclick="addRequesiteForm()">Add another</a>
</tr>
</tfoot>
</table>
</div>
</div>
</form>
</div>
<div class="actions">
<button class="ui black button" type="reset" form="new-position-form">
Reset
</button>
<button class="ui positive right labeled icon button" type="submit" form="new-position-form">
Submit
<i class="checkmark icon"></i>
</button>
</div>
</div>
</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