Skip to content

E
edx-proctoring
Commit 34a613d1 by Muhammad Shoaib
Options

html for the search box

parent e26509ae
Showing with 72 additions and 60 deletions
edx_proctoring/static/proctoring/js/views/proctored_exam_attempt_view.js
...@@ -27,9 +27,13 @@ var edx = edx || {}; ...@@ -27,9 +27,13 @@ var edx = edx || {};
}, },
events: { events: {
"click .remove-attempt": "onRemoveAttempt", "click .remove-attempt": "onRemoveAttempt",
'click li > a.target-link': 'getPaginatedAttempts' 'click li > a.target-link': 'getPaginatedAttempts',
'click .search-attempts > span.search': 'searchAttempts'
}, },
searchAttempts: function(event){
alert('search');
},
getPaginatedAttempts: function(event) { getPaginatedAttempts: function(event) {
var target = $(event.currentTarget); var target = $(event.currentTarget);
var url = target.data('target-url'); var url = target.data('target-url');
......
edx_proctoring/static/proctoring/templates/student-proctored-exam-attempts.underscore
...@@ -51,69 +51,77 @@ ...@@ -51,69 +51,77 @@
return template; return template;
} }
%> %>
<ul class="pagination"> <div class="top-header">
<% if (!pagination_info.has_previous){ %> <div class='search-attempts'>
<li class="disabled"> <input type="text" id="search_attempt_id" placeholder="e.g johndoe or john.do@gmail.com" />
<a aria-label="Previous"> <span class="search"><i class="fa fa-search"></i></span>
<span aria-hidden="true">&laquo;</span> <span><i class="fa fa-refresh"></i></i></span>
</a> </div>
</li> <ul class="pagination">
<% } else { %> <% if (!pagination_info.has_previous){ %>
<li> <li class="disabled">
<a class="target-link " data-target-url=" <a aria-label="Previous">
<%- interpolate( <span aria-hidden="true">&laquo;</span>
'%(attempt_url)s?page=%(count)s ', </a>
{ </li>
attempt_url: attempt_url, <% } else { %>
count: pagination_info.current_page - 1 <li>
}, <a class="target-link " data-target-url="
<%- interpolate(
'%(attempt_url)s?page=%(count)s ',
{
attempt_url: attempt_url,
count: pagination_info.current_page - 1
},
true
) %> "
href="#" aria-label="Previous">
<span aria-hidden="true">&laquo;</span>
</a>
</li>
<% }%>
<% for(var n = 1; n <= pagination_info.total_pages; n++) { %>
<li>
<a class="target-link <% if (pagination_info.current_page == n){ %> active <% } %>"
data-target-url="
<%- interpolate(
'%(attempt_url)s?page=%(count)s ',
{
attempt_url: attempt_url,
count: n
},
true
) %>
"
href="#"><%= n %>
</a>
</li>
<% } %>
<% if (!pagination_info.has_next){ %>
<li class="disabled">
<a aria-label="Next">
<span aria-hidden="true">&raquo;</span>
</a>
</li>
<% } else { %>
<li>
<a class="target-link" href="#" aria-label="Next" data-target-url="
<%- interpolate(
'%(attempt_url)s?page=%(count)s ',
{
attempt_url: attempt_url,
count: pagination_info.current_page + 1
},
true true
) %> " ) %> "
href="#" aria-label="Previous"> >
<span aria-hidden="true">&laquo;</span> <span aria-hidden="true">&raquo;</span>
</a> </a>
</li>
<% }%>
<% for(var n = 1; n <= pagination_info.total_pages; n++) { %>
<li>
<a class="target-link <% if (pagination_info.current_page == n){ %> active <% } %>"
data-target-url="
<%- interpolate(
'%(attempt_url)s?page=%(count)s ',
{
attempt_url: attempt_url,
count: n
},
true
) %>
"
href="#"><%= n %>
</a>
</li> </li>
<% } %> <% }%>
<% if (!pagination_info.has_next){ %> </ul>
<li class="disabled"> <div class="clearfix"></div>
<a aria-label="Next"> </div>
<span aria-hidden="true">&raquo;</span>
</a>
</li>
<% } else { %>
<li>
<a class="target-link" href="#" aria-label="Next" data-target-url="
<%- interpolate(
'%(attempt_url)s?page=%(count)s ',
{
attempt_url: attempt_url,
count: pagination_info.current_page + 1
},
true
) %> "
>
<span aria-hidden="true">&raquo;</span>
</a>
</li>
<% }%>
</ul>
<table class="exam-attempts-table"> <table class="exam-attempts-table">
<thead> <thead>
<tr class="exam-attempt-headings"> <tr class="exam-attempt-headings">
......
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