Julio Montoya
7 years ago
parent
a29a50dd78
commit
6b5d3d779a
@ -1,66 +1,66 @@ |
||||
<div class="table-responsive"> |
||||
<table class="table table-hover table-striped table-bordered"> |
||||
<thead> |
||||
<tr> |
||||
<th>{{ 'FirstName'|get_lang }}</th> |
||||
<th>{{ 'LastName'|get_lang }}</th> |
||||
{% if show_email %} |
||||
<th>{{ 'Email'|get_lang }}</th> |
||||
{% endif %} |
||||
<th class="text-center">{{ 'ScormTime'|get_lang }}</th> |
||||
<th class="text-right">{{ 'Progress'|get_lang }}</th> |
||||
<th class="text-right">{{ 'ScormScore'|get_lang }}</th> |
||||
<th class="text-center">{{ 'LastConnection'|get_lang }}</th> |
||||
{% if not export %} |
||||
<tr> |
||||
<th>{{ 'FirstName'|get_lang }}</th> |
||||
<th>{{ 'LastName'|get_lang }}</th> |
||||
{% if show_email %} |
||||
<th>{{ 'Email'|get_lang }}</th> |
||||
{% endif %} |
||||
<th class="text-center">{{ 'ScormTime'|get_lang }}</th> |
||||
<th class="text-right">{{ 'Progress'|get_lang }}</th> |
||||
<th class="text-right">{{ 'ScormScore'|get_lang }}</th> |
||||
<th class="text-center">{{ 'LastConnection'|get_lang }}</th> |
||||
{% if not export %} |
||||
<th>{{ 'Actions'|get_lang }}</th> |
||||
{% endif %} |
||||
</tr> |
||||
{% endif %} |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
{% for user in user_list %} |
||||
<tr id="row-{{ user.id }}"> |
||||
<td>{{ user.first_name }}</td> |
||||
<td>{{ user.last_name }}</td> |
||||
{% if show_email %} |
||||
<td>{{ user.email }}</td> |
||||
{% endif %} |
||||
<td class="text-center">{{ user.lp_time }}</td> |
||||
<td class="text-right">{{ user.lp_progress }}</td> |
||||
<td class="text-right">{{ user.lp_score }}</td> |
||||
<td class="text-center">{{ user.lp_last_connection }}</td> |
||||
{% if not export %} |
||||
{% for user in user_list %} |
||||
<tr id="row-{{ user.id }}"> |
||||
<td>{{ user.first_name }}</td> |
||||
<td>{{ user.last_name }}</td> |
||||
{% if show_email %} |
||||
<td>{{ user.email }}</td> |
||||
{% endif %} |
||||
<td class="text-center">{{ user.lp_time }}</td> |
||||
<td class="text-right">{{ user.lp_progress }}</td> |
||||
<td class="text-right">{{ user.lp_score }}</td> |
||||
<td class="text-center">{{ user.lp_last_connection }}</td> |
||||
{% if not export %} |
||||
<td> |
||||
<button class="btn btn-primary btn-sm" data-id="{{ user.id }}">{{ 'Details'|get_lang }}</button> |
||||
</td> |
||||
{% endif %} |
||||
</tr> |
||||
<tr class="hide"></tr> |
||||
{% endfor %} |
||||
{% endif %} |
||||
</tr> |
||||
<tr class="hide"></tr> |
||||
{% endfor %} |
||||
</tbody> |
||||
</table> |
||||
</div> |
||||
|
||||
<script> |
||||
$(document).on('ready', function () { |
||||
$('tr td button').on('click', function (e) { |
||||
e.preventDefault(); |
||||
var self = $(this); |
||||
var userId = self.data('id') || 0; |
||||
var trHead = self.parents('tr'); |
||||
var trDetail = trHead.next(); |
||||
if (self.is('.active')) { |
||||
self.removeClass('active'); |
||||
trDetail.html('').addClass('hide'); |
||||
} else { |
||||
self.addClass('active'); |
||||
var newTD = $('<td>', { |
||||
colspan: 7 |
||||
}); |
||||
newTD.load('{{ _p.web_main ~ 'mySpace/lp_tracking.php?action=stats&extend_all=0&id_session=' ~ session_id ~ '&course=' ~ course_code ~ '&lp_id=' ~ lp_id ~ '&student_id=\' + userId + \'&origin=tracking_course&allow_extend=0' }} .table-responsive', function () { |
||||
newTD.appendTo(trDetail); |
||||
}); |
||||
trDetail.removeClass('hide'); |
||||
} |
||||
$(document).on('ready', function () { |
||||
$('tr td button').on('click', function (e) { |
||||
e.preventDefault(); |
||||
var self = $(this); |
||||
var userId = self.data('id') || 0; |
||||
var trHead = self.parents('tr'); |
||||
var trDetail = trHead.next(); |
||||
if (self.is('.active')) { |
||||
self.removeClass('active'); |
||||
trDetail.html('').addClass('hide'); |
||||
} else { |
||||
self.addClass('active'); |
||||
var newTD = $('<td>', { |
||||
colspan: 7 |
||||
}); |
||||
newTD.load('{{ _p.web_main ~ 'mySpace/lp_tracking.php?action=stats&extend_all=0&id_session=' ~ session_id ~ '&course=' ~ course_code ~ '&lp_id=' ~ lp_id ~ '&student_id=\' + userId + \'&origin=tracking_course&allow_extend=0' }} .table-responsive', function () { |
||||
newTD.appendTo(trDetail); |
||||
}); |
||||
trDetail.removeClass('hide'); |
||||
} |
||||
}); |
||||
}); |
||||
}); |
||||
</script> |
||||
|
||||
@ -1,26 +1,99 @@ |
||||
{% if data_list is not empty %} |
||||
<div id="learning_path_toc" class="scorm-list"> |
||||
<div class="scorm-body"> |
||||
<h1 class="scorm-title">{{ lp_title_scorm }}</h1> |
||||
<div id="inner_lp_toc" class="inner_lp_toc scrollbar-light"> |
||||
{% for item in data_list %} |
||||
<div id="toc_{{ item.id }}" class="{{ item.class }}"> |
||||
{% if item.type == 'dir' %} |
||||
<div class="section {{ item.css_level }}" title="{{ item.description }}"> |
||||
{{ item.title }} |
||||
</div> |
||||
{% else %} |
||||
<div class="item {{ item.css_level }}" title="{{ item.description }}"> |
||||
<a name="atoc_{{ item.id }}"></a> |
||||
<a class="items-list" href="#" onclick="switch_item('{{ item.current_id }}','{{ item.id }}'); return false;" > |
||||
<div id="learning_path_toc" class="scorm-list"> |
||||
<div class="scorm-title"> |
||||
<h4>{{ lp_title_scorm }}</h4> |
||||
</div> |
||||
<div class="scorm-body"> |
||||
<div id="inner_lp_toc" class="inner_lp_toc scrollbar-light"> |
||||
{% for item in data_list %} |
||||
<div id="toc_{{ item.id }}" class="{{ item.class }} item-{{ item.type }}"> |
||||
{% if item.type == 'dir' %} |
||||
<div class="section {{ item.css_level }}" title="{{ item.description }}"> |
||||
{{ item.title }} |
||||
</a> |
||||
</div> |
||||
{% else %} |
||||
<div class="item {{ item.css_level }}" title="{{ item.description }}"> |
||||
<a name="atoc_{{ item.id }}"></a> |
||||
<a class="items-list" href="#" |
||||
onclick="switch_item('{{ item.current_id }}','{{ item.id }}'); return false;"> |
||||
{{ item.title }} |
||||
</a> |
||||
</div> |
||||
{% endif %} |
||||
</div> |
||||
{% endfor %} |
||||
</div> |
||||
</div> |
||||
</div> |
||||
{% endif %} |
||||
{% if data_panel is not empty %} |
||||
<div id="learning_path_toc" class="scorm-collapse"> |
||||
<div class="scorm-title"> |
||||
<h4> |
||||
{{ lp_title_scorm }} |
||||
</h4> |
||||
</div> |
||||
<div class="panel-group" role="tablist" aria-multiselectable="true"> |
||||
{% if data_panel.not_parents %} |
||||
<ul class="scorm-collapse-list"> |
||||
{% for item in data_panel.not_parents %} |
||||
<li id="toc_{{ item.id }}" class="{{ item.class }} item-{{ item.type }}"> |
||||
<div class="sub-item type-{{ item.type }}"> |
||||
<a name="atoc_{{ item.id }}"></a> |
||||
<a class="item-action" href="#" |
||||
onclick="switch_item('{{ item.current_id }}','{{ item.id }}'); return false;"> |
||||
<i class="fa fa-chevron-circle-right" aria-hidden="true"></i> |
||||
{{ item.title }} |
||||
</a> |
||||
</div> |
||||
</li> |
||||
{% endfor %} |
||||
</ul> |
||||
{% endif %} |
||||
|
||||
{% for item in data_panel.are_parents %} |
||||
|
||||
<div class="panel panel-default {{ item.parent ? 'lower':'higher' }}" data-lp-id="{{ item.id }}" |
||||
{{ item.parent ? 'data-lp-parent="' ~ item.parent ~ '"' : '' }}> |
||||
<div class="status-heading"> |
||||
<div class="panel-heading" role="tab" id="heading-{{ item.id }}"> |
||||
<h4> |
||||
<a class="item-header" role="button" data-toggle="collapse" |
||||
data-parent="#scorm-panel{{ item.parent ? '-' ~ item.parent : '' }}" |
||||
href="#collapse-{{ item.id }}" aria-expanded="true" |
||||
aria-controls="collapse-{{ item.id }}"> |
||||
{{ item.title }} |
||||
</a> |
||||
</h4> |
||||
</div> |
||||
{% endif %} |
||||
</div> |
||||
<div id="collapse-{{ item.id }}" class="panel-collapse collapse {{ item.parent_current }}" |
||||
role="tabpanel" aria-labelledby="heading-{{ item.id }}"> |
||||
<div class="panel-body"> |
||||
<ul class="list"> |
||||
{% set counter = 0 %} |
||||
{% set final = item.children|length %} |
||||
{% for subitem in item.children %} |
||||
{% set counter = counter + 1 %} |
||||
<li id="toc_{{ subitem.id }}" |
||||
class="{{ subitem.class }} {{ subitem.type }} {{ counter == final ? 'final':'' }}"> |
||||
<div class="sub-item item-{{ subitem.type }}"> |
||||
<a name="atoc_{{ subitem.id }}"></a> |
||||
<a class="item-action" href="#" |
||||
onclick="switch_item('{{ subitem.current_id }}','{{ subitem.id }}'); return false;"> |
||||
<i class="fa fa-chevron-circle-right" aria-hidden="true"></i> |
||||
{{ subitem.title }} |
||||
</a> |
||||
</div> |
||||
</li> |
||||
|
||||
{% endfor %} |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
{% endfor %} |
||||
|
||||
</div> |
||||
</div> |
||||
</div> |
||||
{% endif %} |
||||
{{ accorden_toc }} |
||||
{% endif %} |
||||
Loading…
Reference in new issue