Skip to content
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.

Commit 349dc7b

Browse files
priyanks25coderpriyanks25coder
authoredDec 15, 2020
Add files via upload
1 parent 4ebca8c commit 349dc7b

18 files changed

+3391
-0
lines changed
 

‎assets/bootstrap/css/bootstrap.min.css

Lines changed: 12 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎assets/bootstrap/js/bootstrap.min.js

Lines changed: 7 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎assets/css/Navigation-Clean.css

Lines changed: 193 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,193 @@
1+
.navigation-clean {
2+
background: #fff;
3+
padding-top: .75rem;
4+
padding-bottom: .75rem;
5+
color: #333;
6+
border-radius: 0;
7+
box-shadow: none;
8+
border: none;
9+
margin-bottom: 0;
10+
}
11+
12+
@media (min-width:768px) {
13+
.navigation-clean {
14+
padding-top: 1rem;
15+
padding-bottom: 1rem;
16+
}
17+
}
18+
19+
.navigation-clean .navbar-brand {
20+
font-weight: bold;
21+
color: inherit;
22+
}
23+
24+
.navigation-clean .navbar-brand:hover {
25+
color: #222;
26+
}
27+
28+
.navigation-clean.navbar-dark .navbar-brand:hover {
29+
color: #f0f0f0;
30+
}
31+
32+
.navigation-clean .navbar-brand img {
33+
height: 100%;
34+
display: inline-block;
35+
margin-right: 10px;
36+
width: auto;
37+
}
38+
39+
.navigation-clean .navbar-toggler {
40+
border-color: #ddd;
41+
}
42+
43+
.navigation-clean .navbar-toggler:hover, .navigation-clean .navbar-toggler:focus {
44+
background: none;
45+
}
46+
47+
.navigation-clean.navbar-dark .navbar-toggler {
48+
border-color: #555;
49+
}
50+
51+
.navigation-clean .navbar-toggler {
52+
color: #888;
53+
}
54+
55+
.navigation-clean.navbar-dark .navbar-toggler {
56+
color: #eee;
57+
}
58+
59+
.navigation-clean .navbar-collapse, .navigation-clean .form-inline {
60+
border-top-color: #ddd;
61+
}
62+
63+
.navigation-clean.navbar-dark .navbar-collapse, .navigation-clean.navbar-dark .form-inline {
64+
border-top-color: #333;
65+
}
66+
67+
.navigation-clean .navbar-nav > .active > a, .navigation-clean .navbar-nav > .show > a {
68+
background: none;
69+
box-shadow: none;
70+
}
71+
72+
.navigation-clean.navbar-light .navbar-nav .nav-link.active, .navigation-clean.navbar-light .navbar-nav .nav-link.active:focus, .navigation-clean.navbar-light .navbar-nav .nav-link.active:hover {
73+
color: #8f8f8f;
74+
box-shadow: none;
75+
background: none;
76+
pointer-events: none;
77+
}
78+
79+
.navigation-clean.navbar .navbar-nav .nav-link {
80+
padding-left: 18px;
81+
padding-right: 18px;
82+
}
83+
84+
.navigation-clean.navbar-light .navbar-nav .nav-link {
85+
color: #465765;
86+
}
87+
88+
.navigation-clean.navbar-light .navbar-nav .nav-link:focus, .navigation-clean.navbar-light .navbar-nav .nav-link:hover {
89+
color: #37434d !important;
90+
background-color: transparent;
91+
}
92+
93+
.navigation-clean .navbar-nav > li > .dropdown-menu {
94+
margin-top: -5px;
95+
box-shadow: none;
96+
background-color: #fff;
97+
border-radius: 2px;
98+
}
99+
100+
@media (min-width:768px) {
101+
.navigation-clean .navbar-nav .show .dropdown-menu {
102+
box-shadow: 0 4px 8px rgba(0,0,0,.1);
103+
}
104+
}
105+
106+
@media (max-width:767px) {
107+
.navigation-clean .navbar-nav .show .dropdown-menu .dropdown-item {
108+
color: #37434d;
109+
padding-top: .8rem;
110+
padding-bottom: .8rem;
111+
line-height: 1;
112+
}
113+
}
114+
115+
.navigation-clean .dropdown-menu .dropdown-item:focus, .navigation-clean .dropdown-menu .dropdown-item {
116+
line-height: 2;
117+
color: #37434d;
118+
}
119+
120+
.navigation-clean .dropdown-menu .dropdown-item:focus, .navigation-clean .dropdown-menu .dropdown-item:hover {
121+
background: #eee;
122+
color: inherit;
123+
}
124+
125+
.navigation-clean.navbar-dark {
126+
background-color: #1f2021;
127+
color: #fff;
128+
}
129+
130+
.navigation-clean.navbar-dark .navbar-nav a.active, .navigation-clean.navbar-dark .navbar-nav a.active:focus, .navigation-clean.navbar-dark .navbar-nav a.active:hover {
131+
color: #8f8f8f;
132+
box-shadow: none;
133+
background: none;
134+
pointer-events: none;
135+
}
136+
137+
.navigation-clean.navbar-dark .navbar-nav .nav-link {
138+
color: #dfe8ee;
139+
}
140+
141+
.navigation-clean.navbar-dark .navbar-nav .nav-link:focus, .navigation-clean.navbar-dark .navbar-nav .nav-link:hover {
142+
color: #fff;
143+
background-color: transparent;
144+
}
145+
146+
.navigation-clean.navbar-dark .navbar-nav > li > .dropdown-menu {
147+
background-color: #1f2021;
148+
}
149+
150+
.navigation-clean.navbar-dark .dropdown-menu .dropdown-item:focus, .navigation-clean.navbar-dark .dropdown-menu .dropdown-item {
151+
color: #f2f5f8;
152+
}
153+
154+
.navigation-clean.navbar-dark .dropdown-menu .dropdown-item:focus, .navigation-clean.navbar-dark .dropdown-menu .dropdown-item:hover {
155+
background: #363739;
156+
}
157+
158+
@media (max-width:767px) {
159+
.navigation-clean.navbar-dark .navbar-nav .show .dropdown-menu .dropdown-item {
160+
color: #fff;
161+
}
162+
}
163+
164+
/* HEADER CSS */
165+
.text-center{
166+
font-weight: bolder;
167+
}
168+
169+
.my-heading{
170+
margin-top: 3%;
171+
}
172+
173+
/* Animation css */
174+
fresh th {
175+
background: linear-gradient(#57ebeb, #43e880);
176+
text-align: left;
177+
border: 2px solid black;
178+
height: 400 px;
179+
}
180+
fresh td {
181+
border: 2px solid black;
182+
border-bottom: 2px solid black;
183+
height: 20px;
184+
text-align: left;
185+
text-size-adjust: auto;
186+
}
187+
188+
input {
189+
text-align: center;
190+
}
191+
#curtain {
192+
background-color: white;
193+
}

‎assets/css/avg.css

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
.avg{
2+
float: right;
3+
margin-right: 80px;
4+
}
5+
.avg-text{
6+
font-size: large;
7+
font-weight: 400;
8+
}
9+
10+
.ans-avg{
11+
border: 1px solid black;
12+
width: 52px;
13+
font-weight: bolder;
14+
}

‎assets/css/radio_button.css

Lines changed: 76 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,76 @@
1+
@keyframes click-wave {
2+
0% {
3+
height: 40px;
4+
width: 40px;
5+
opacity: 0.35;
6+
position: relative;
7+
}
8+
100% {
9+
height: 200px;
10+
width: 200px;
11+
margin-left: -80px;
12+
margin-top: -80px;
13+
opacity: 0;
14+
}
15+
}
16+
17+
.option-input {
18+
-webkit-appearance: none;
19+
-moz-appearance: none;
20+
-ms-appearance: none;
21+
-o-appearance: none;
22+
appearance: none;
23+
position: relative;
24+
top: 13.33333px;
25+
right: 0;
26+
bottom: 0;
27+
left: 0;
28+
height: 40px;
29+
width: 40px;
30+
transition: all 0.15s ease-out 0s;
31+
background: #cbd1d8;
32+
border: none;
33+
color: #fff;
34+
cursor: pointer;
35+
display: inline-block;
36+
margin-right: 0.5rem;
37+
outline: none;
38+
position: relative;
39+
z-index: 1000;
40+
}
41+
.option-input:hover {
42+
background: #9faab7;
43+
}
44+
.option-input:checked {
45+
background: #40e0d0;
46+
}
47+
.option-input:checked::before {
48+
position: absolute;
49+
display: inline-table;
50+
font-size: 40.66667px;
51+
line-height: 30px;
52+
}
53+
.option-input:checked::after {
54+
-webkit-animation: click-wave 0.65s;
55+
-moz-animation: click-wave 0.65s;
56+
animation: click-wave 0.65s;
57+
background: #40e0d0;
58+
content: '';
59+
display: block;
60+
z-index: 100;
61+
}
62+
.option-input.radio {
63+
border-radius: 50%;
64+
}
65+
.option-input.radio::after {
66+
border-radius: 50%;
67+
}
68+
69+
.container-radio{
70+
height: auto;
71+
width: 250px;
72+
margin: auto;
73+
margin-bottom: 30px;
74+
display: flex;
75+
justify-content: flex-start;
76+
}

‎assets/css/style.css

Lines changed: 62 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,62 @@
1+
body{
2+
background-color:whitesmoke;
3+
color:black;
4+
margin: 0px;
5+
}
6+
7+
8+
#radio{
9+
display: block;
10+
font-size: large;
11+
position: absolute;
12+
left: 45vw;
13+
}
14+
15+
16+
form{
17+
font-size: large;
18+
}
19+
20+
span{
21+
position: absolute;
22+
left:180px;
23+
}
24+
25+
table{
26+
font-size: large;
27+
}
28+
29+
#table th,#table td{
30+
border-bottom: 2px black solid;
31+
}
32+
33+
34+
#mytb{
35+
border-spacing: 0;
36+
}
37+
38+
#mytb th{
39+
border: 2px solid black;
40+
padding:2px 8px;
41+
}
42+
43+
#mytb td{
44+
border: 2px solid black;
45+
padding:2px 8px;
46+
}
47+
48+
#average{
49+
float: right;
50+
margin: 0 2px;
51+
}
52+
53+
#average input{
54+
width:50px;
55+
border: 1px solid black;
56+
}
57+
58+
.chart-box{
59+
width: 1000px;
60+
margin: 0 auto;
61+
padding: 50px;
62+
}

‎assets/css/table.css

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
/* td {
2+
border: solid 1px black;
3+
}
4+
tr {
5+
border: solid 1px black;
6+
}
7+
8+
th{
9+
border: solid 1px black;
10+
}
11+
12+
*/

‎assets/css/timer.css

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
.timer-heading{
2+
3+
font-size: 22px;
4+
font-weight: 900;
5+
}

‎assets/img/icon.png

969 Bytes
Loading

‎assets/js/Chart.min.js

Lines changed: 7 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎assets/js/animation.js

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
function moveCover(f,s){
2+
if(f==0){
3+
$("#cover").animate({left:'+=100px',width:'-=100px'},s);
4+
}
5+
else{
6+
$("#cover").animate({left:'+=44px',width:'-=44px'},s);
7+
}
8+
9+
}
10+
11+
function genrateColor(){
12+
var color = 'rgba(';
13+
var r=Math.random()*(254);
14+
var g=Math.random()*(254);
15+
var b=Math.random()*(254);
16+
color=color+r+','+g+','+b+',0.6)'
17+
return color;
18+
}
19+
20+
function setColor(p){
21+
var colCell=document.getElementById("table").rows[p].cells.item(8);
22+
colCell.style.backgroundColor=genrateColor();
23+
}

‎assets/js/canvasjs.min.js

Lines changed: 946 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎assets/js/data.js

Lines changed: 41 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎assets/js/highcharts.js

Lines changed: 545 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎assets/js/home.js

Lines changed: 477 additions & 0 deletions
Large diffs are not rendered by default.

‎assets/js/jquery.min.js

Lines changed: 2 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎assets/js/os.js

Lines changed: 814 additions & 0 deletions
Large diffs are not rendered by default.

‎index.html

Lines changed: 155 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,155 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
5+
<meta charset="utf-8" />
6+
<title>OS Scheduling Project</title>
7+
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.min.js"></script>
8+
<link rel="icon" type="image/png" href="assets/img/icon.png" />
9+
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css" />
10+
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:300,400,700" />
11+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/pikaday/1.6.1/css/pikaday.min.css" />
12+
<link rel="stylesheet" href="assets/css/Navigation-Clean.css" />
13+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
14+
<link rel="stylesheet" href="assets/css/radio_button.css">
15+
<link rel="stylesheet" href="assets/css/table.css">
16+
<link rel="stylesheet" href="assets/css/avg.css">
17+
<link rel="stylesheet" href="assets/css/style.css">
18+
</head>
19+
20+
<body >
21+
<nav class="navbar navbar-dark navbar-expand-md navigation-clean">
22+
<h2 >CPU SCHEDULAR</h2>
23+
<div class="container">
24+
<button data-toggle="collapse" class="navbar-toggler" data-target="#navcol-1">
25+
<span class="sr-only">Toggle navigation</span><span class="navbar-toggler-icon"></span>
26+
</button>
27+
<div class="collapse navbar-collapse" id="navcol-1">
28+
<ul class="nav navbar-nav ml-auto">
29+
<li class="nav-item" role="presentation">
30+
<a class="navbar-brand pull-sm-right m-r-0" href="https://github.com/priyanks25coder/Scheduling-Algorithms-Implementation.git"><i
31+
class="fa fa-github">Github</i></a>
32+
</li>
33+
</ul>
34+
</div>
35+
</div>
36+
</nav>
37+
38+
39+
<form>
40+
<div class="my-heading">
41+
<h3 class="text-center">Select Your CPU Algorithm</h3>
42+
</div>
43+
<div style="height: 400px; padding: 5px;">
44+
<div id="radio" class="container-radio">
45+
<input class="option-input radio" type="radio" name="type" id="FCFS" onclick="radioClicked(this.id)">
46+
<label for="FCFS">&nbsp;FCFS</label>
47+
<br>
48+
<input class="option-input radio" type="radio" name="type" id="SJF" onclick="radioClicked(this.id)">
49+
<label for="SJF">&nbsp;SJF</label>
50+
<br>
51+
<input class="option-input radio" type="radio" name="type" id="RR" onclick="radioClicked(this.id)">
52+
<label for="RR">&nbsp;ROUND ROBIN</label>
53+
<br>
54+
<input class="option-input radio" type="radio" name="type" id="LJF" onclick="radioClicked(this.id)">
55+
<label for="LJF">&nbsp;LJF</label>
56+
<br>
57+
<input class="option-input radio" type="radio" name="type" id="PR" onclick="radioClicked(this.id)">
58+
<label for="Priority">&nbsp;PRIORITY</label>
59+
<br>
60+
<input class="option-input radio" type="radio" name="type" id="LRTF" onclick="radioClicked(this.id)">
61+
<label for="LRTF">&nbsp;LRTF</label>
62+
<br>
63+
<input class="option-input radio" type="radio" name="type" id="SRTF" onclick="radioClicked(this.id)">
64+
<label for="SRTF">&nbsp;SRTF</label>
65+
<br>
66+
<br>
67+
</div>
68+
</div>
69+
70+
<div>
71+
<strong>Enter Arrival Time:</strong>
72+
<span><input type="number" min="0" id="AT" placeholder="Enter Arrival Time" style="height: 30px; font-family: cursive;
73+
background-color: white; color: black; border: 2px solid
74+
black;"></span>
75+
<br><br>
76+
<br>
77+
<strong>Enter Burst Time: &nbsp</strong>
78+
<span><input type="number" min="0" id="BT" placeholder="Enter Burst Time" style="height: 30px; font-family: cursive;
79+
background-color: white; color: black; border: 2px solid
80+
black;"></span>
81+
<br><br>
82+
<br>
83+
<span id="timequanta" style="left: 0; display: none;">
84+
<strong id="timetext">Enter Time Quanta: &nbsp</strong>
85+
<span><input type="number" min="0" id="TQ" placeholder="Enter Time Quanta" style="height: 30px;
86+
font-family: cursive; background-color: white;
87+
color: black; border: 2px solid black;"></span>
88+
</span>
89+
</div>
90+
<br>
91+
</form>
92+
<div style="height:10px; ">
93+
94+
</div>
95+
<table id="table" style="width: 100%;">
96+
<thead>
97+
<tr>
98+
<th colspan="9" style="width: 100%; text-align: center;font-size:larger">SCHEDULING
99+
TABLE</th>
100+
</tr>
101+
</thead>
102+
<tbody>
103+
<tr>
104+
<td id="PI" style="width:12%;">Process ID</td>
105+
<td style="width: 12%;">ArrivalTime</td>
106+
<td style="width: 12%;">Burst Time</td>
107+
<td id="pcol" style="width: 10%;">Priority</td>
108+
<td id="RS" style="width: 16%;">Response Time</td>
109+
<td style="width: 10%;">TAT</td>
110+
<td style="width: 10%;">CT</td>
111+
<td style="width: 12%;">Waiting Time</td>
112+
<td id="color-code" style="width:6%;">Color</td>
113+
</tr>
114+
</tbody>
115+
</table>
116+
<br><br>
117+
118+
<button type="button" id="add" class="btn btn-primary" onclick="addRow()">Add a Row +</button>
119+
<button type="button" id="delete" class="btn btn-danger" onclick="deleteRow()">Delete a Row -
120+
</button>
121+
<div class="avg-text" id="average">Avg. Completion Time = <input class="ans-avg" type="text" id="averagebox1"
122+
placeholder="0" readonly></div>
123+
<br><br>
124+
<button type="button" class="btn btn-success" id="execute" onclick="calculate()">Execute</button>
125+
<div class="avg-text" id="average">Avg. Turn Around Time = <input class="ans-avg" type="text" id="averagebox2"
126+
placeholder="0" readonly> </div>
127+
<br><br>
128+
<div id="animator" style="display: block; position: relative;">
129+
<span id="cover" style="display: block; position: absolute; margin:
130+
0; top: 0; left: 2px; width: 100%; height: 100px;
131+
background-color: whitesmoke; z-index: 8;">
132+
</span>
133+
<table id="mytb" style="display: inline; position: absolute; top:
134+
2px; left: 2px;">
135+
<tr id="processr"></tr>
136+
<tr id="timer"></tr>
137+
</table>
138+
</div>
139+
<br>
140+
<br>
141+
<br>
142+
<div id="graph-container" style="padding: 50px;">
143+
<center>
144+
<canvas id="myChart" width="800" height="650"></canvas>
145+
</center>
146+
</div>
147+
<br>
148+
149+
</body>
150+
<script src="assets/js/canvasjs.min.js"></script>
151+
<script src="assets/js/os.js" defer></script>
152+
<script src="assets/js/animation.js" defer></script>
153+
<script src="assets/js/jquery.min.js" defer></script>
154+
<script src="assets/js/Chart.min.js" defer></script>
155+
</html>

0 commit comments

Comments
 (0)
Please sign in to comment.