-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathteacher-assignment.html
131 lines (120 loc) · 6.57 KB
/
teacher-assignment.html
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
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<script src="https://kit.fontawesome.com/64d58efce2.js" crossorigin="anonymous"></script>
<link rel="apple-touch-icon" sizes="180x180" href="img/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="img/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="img/favicon/favicon-16x16.png">
<!-- CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
<link rel="stylesheet" href="css/loader.css">
<link rel="stylesheet" href="css/teacher-assignment.css">
<title>DM874 - Autograder</title>
</head>
<body>
<div id="loader" class="loadingio-spinner-spinner-hqnakeojhrn">
<div class="ldio-jaf08a4nsf9">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</div>
<header class="bg-dark">
<div class="container">
<input type="checkbox" name="" id="check">
<div id="logo-block" class="logo-container" style="margin-top: 5px;">
<img class="header-logo" src="img/logo.png" alt="logo" />
<a href="./teacher-dashboard.html"><h3 class="logo">Auto<span>Grader</span></h3></a> </div>
<div class="nav-btn">
<div class="nav-links" style="display: none;">
<ul>
<li class="nav-link" style="--i: .6s">
<a href="#" style="white-space: nowrap; text-decoration: none;">Students in Course</a>
</li>
<li class="nav-link" style="--i: .6s">
<a href="#" style="white-space: nowrap; text-decoration: none;">Students in Assignment</a>
</li>
</ul>
</div>
<div id="username" style="white-space: nowrap;">Hi</div>
<div class="log-sign" style="--i: 1.8s">
<button class="btn log-out" onclick="logout(event)"> log out </button>
<!-- <a href="index.html" class="btn solid">Sign up</a> -->
</div>
</div>
<div class="hamburger-menu-container">
<div class="hamburger-menu">
<div></div>
</div>
</div>
</div>
</header>
<main>
<section>
<div class="overlay">
<div class="container-fluid">
<div class="row">
<div class="col-md-12">
<div class="row">
<div class="col-md-6 text-center border-dark border-5"
style="background-color: lavender;">
<div class="jumbotron card card-block h-75 bg-transparent border-0 pb-2">
<p id="deadline" style="color: red; margin: 0;"></p>
<h2 id="assignment-title" class="pb-2 text-center"></h2>
<p class="text-justify pr-3 assignment-description">
<iframe id="pdf_link" scrolling="yes" frameborder="0" marginwidth="0" marginheight="0" style="width:100%;height:430px;"></iframe>
</p>
</div>
</div>
<div class="col-md-6 text-center border-dark border-5"
style="background-color: lavender;">
<h3 class="pt-5 pb-3 text-dark text-center">Upload your Docker file</h3>
<form class="form pb-5" id="myDockerForm">
<input type="file" name="image" id="input-docker-file">
<input type="hidden" value="1" name="solution" id="assignment_id">
<button type="submit" class="btn btn-success"> Upload </button>
</form>
<h3 class="pb-3 text-dark text-center">Upload your Solution file</h3>
<form class="form mb-5" id="myForm">
<input type="file" name="solution" id="input-file">
<!-- <input type="hidden" value="1" name="solution" id="assignment_id"> -->
<button type="submit" class="btn btn-success"> Upload </button>
</form>
<h3 id="test-result-label" class="d-none pt-3 text-dark">Test Result</h3>
<p id="test-result-block" class="text-justify pr-3 text-dark custom-scrollbar">
<iframe id="assignment-user" scrolling="yes" frameborder="0" marginwidth="0" marginheight="0" style="width:100%;height:700px;"></iframe>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</main>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@10"></script>
<!-- jQuery and JS bundle w/ Popper.js -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx"
crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="js/teacher-assignment.js" defer></script>
</body>
</html>