Skip to content

E
edx-proctoring
Commit 150f7866 by Muhammad Shoaib Committed by Chris Dodge
Options

SOL-1073 Implemented the page "Your Proctoring Setup is complete"

parent d5ae55cb
Showing with 80 additions and 3 deletions
edx_proctoring/templates/proctoring/proctoring_launch_callback.html
......@@ -38,6 +38,7 @@
overflow: hidden;
padding: 0;
margin-top: 0;
margin-bottom: 0;
}
.steps li {
......@@ -55,7 +56,7 @@
content: '';
width: 12px;
font-size: 12px;
margin: 0 auto 5px auto;
margin: 0 auto 5px -6px;
border-radius: 9px;
border: 2px solid #ccc;
height: 12px;
......@@ -64,7 +65,6 @@
z-index: 2;
left: 50%;
top: 20px;
margin-left: -6px;
}
.steps li:after {
......@@ -103,9 +103,47 @@
.steps li:not(.active) {
color: rgba(51, 51, 51, 0.4);
}
.steps-container {
background: #f6f6f6;
margin: 0 auto;
padding: 20px 50px;
}
.steps-container p {
font-size: 14px;;
}
.steps-container .alert {
background: rgb(250, 246, 233);
border-left: 3px solid rgb(250, 190, 77);
padding: 20px;
}
hr {
border:none;
border-bottom: 1px solid rgb(217, 225, 228);
}
.footer{
border-top: 1px solid rgb(215, 224, 227);
background: rgb(229, 235, 237);
padding: 20px 50px;
margin: 0 -50px;
}
.footer button{
background: rgb(16, 118, 189);
color: white;
font-size: 17px;
padding: 7px 60px;
border: none;
}
.footer button:hover {
cursor: pointer;
background: rgb(8, 92, 150);
}
</style>
<link rel="stylesheet" href="main.css">
</head>
{% load i18n %}
<body>
<div class="steps-bk">
<div id="steps-wrapper">
......@@ -117,6 +155,45 @@
</ul>
</div>
</div>
<p>Your proctored exam has started. Please immediately go back to the website to enter into your exam</p>
<div class="steps-container">
<h3>{% blocktrans %} Your Proctoring Set Up is Complete {% endblocktrans %}</h3>
<p>{% blocktrans %} you may proceed and enter exam now {% endblocktrans %}</p>
<div class="alert">
{% blocktrans %} Please leave the window open in the background {% endblocktrans %}
</div>
<h5> {% blocktrans %} Remember to abide by the guidelines and rules of your proctored exam, including: {% endblocktrans %}</h5>
<p>
{% blocktrans %}
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
{% endblocktrans %}
</p>
<hr>
<p>
{% blocktrans %}
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
{% endblocktrans %}
</p>
<hr>
<p>
{% blocktrans %}
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
{% endblocktrans %}
</p>
<div class="footer">
<button>
{% blocktrans %} Enter My Exam {% endblocktrans %}
</button>
</div>
</div>
</body>
</html>
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