Julio Montoya
7 years ago
parent
a29a50dd78
commit
6b5d3d779a
@ -1,66 +1,66 @@ |
|||||||
<div class="table-responsive"> |
<div class="table-responsive"> |
||||||
<table class="table table-hover table-striped table-bordered"> |
<table class="table table-hover table-striped table-bordered"> |
||||||
<thead> |
<thead> |
||||||
<tr> |
<tr> |
||||||
<th>{{ 'FirstName'|get_lang }}</th> |
<th>{{ 'FirstName'|get_lang }}</th> |
||||||
<th>{{ 'LastName'|get_lang }}</th> |
<th>{{ 'LastName'|get_lang }}</th> |
||||||
{% if show_email %} |
{% if show_email %} |
||||||
<th>{{ 'Email'|get_lang }}</th> |
<th>{{ 'Email'|get_lang }}</th> |
||||||
{% endif %} |
{% endif %} |
||||||
<th class="text-center">{{ 'ScormTime'|get_lang }}</th> |
<th class="text-center">{{ 'ScormTime'|get_lang }}</th> |
||||||
<th class="text-right">{{ 'Progress'|get_lang }}</th> |
<th class="text-right">{{ 'Progress'|get_lang }}</th> |
||||||
<th class="text-right">{{ 'ScormScore'|get_lang }}</th> |
<th class="text-right">{{ 'ScormScore'|get_lang }}</th> |
||||||
<th class="text-center">{{ 'LastConnection'|get_lang }}</th> |
<th class="text-center">{{ 'LastConnection'|get_lang }}</th> |
||||||
{% if not export %} |
{% if not export %} |
||||||
<th>{{ 'Actions'|get_lang }}</th> |
<th>{{ 'Actions'|get_lang }}</th> |
||||||
{% endif %} |
{% endif %} |
||||||
</tr> |
</tr> |
||||||
</thead> |
</thead> |
||||||
<tbody> |
<tbody> |
||||||
{% for user in user_list %} |
{% for user in user_list %} |
||||||
<tr id="row-{{ user.id }}"> |
<tr id="row-{{ user.id }}"> |
||||||
<td>{{ user.first_name }}</td> |
<td>{{ user.first_name }}</td> |
||||||
<td>{{ user.last_name }}</td> |
<td>{{ user.last_name }}</td> |
||||||
{% if show_email %} |
{% if show_email %} |
||||||
<td>{{ user.email }}</td> |
<td>{{ user.email }}</td> |
||||||
{% endif %} |
{% endif %} |
||||||
<td class="text-center">{{ user.lp_time }}</td> |
<td class="text-center">{{ user.lp_time }}</td> |
||||||
<td class="text-right">{{ user.lp_progress }}</td> |
<td class="text-right">{{ user.lp_progress }}</td> |
||||||
<td class="text-right">{{ user.lp_score }}</td> |
<td class="text-right">{{ user.lp_score }}</td> |
||||||
<td class="text-center">{{ user.lp_last_connection }}</td> |
<td class="text-center">{{ user.lp_last_connection }}</td> |
||||||
{% if not export %} |
{% if not export %} |
||||||
<td> |
<td> |
||||||
<button class="btn btn-primary btn-sm" data-id="{{ user.id }}">{{ 'Details'|get_lang }}</button> |
<button class="btn btn-primary btn-sm" data-id="{{ user.id }}">{{ 'Details'|get_lang }}</button> |
||||||
</td> |
</td> |
||||||
{% endif %} |
{% endif %} |
||||||
</tr> |
</tr> |
||||||
<tr class="hide"></tr> |
<tr class="hide"></tr> |
||||||
{% endfor %} |
{% endfor %} |
||||||
</tbody> |
</tbody> |
||||||
</table> |
</table> |
||||||
</div> |
</div> |
||||||
|
|
||||||
<script> |
<script> |
||||||
$(document).on('ready', function () { |
$(document).on('ready', function () { |
||||||
$('tr td button').on('click', function (e) { |
$('tr td button').on('click', function (e) { |
||||||
e.preventDefault(); |
e.preventDefault(); |
||||||
var self = $(this); |
var self = $(this); |
||||||
var userId = self.data('id') || 0; |
var userId = self.data('id') || 0; |
||||||
var trHead = self.parents('tr'); |
var trHead = self.parents('tr'); |
||||||
var trDetail = trHead.next(); |
var trDetail = trHead.next(); |
||||||
if (self.is('.active')) { |
if (self.is('.active')) { |
||||||
self.removeClass('active'); |
self.removeClass('active'); |
||||||
trDetail.html('').addClass('hide'); |
trDetail.html('').addClass('hide'); |
||||||
} else { |
} else { |
||||||
self.addClass('active'); |
self.addClass('active'); |
||||||
var newTD = $('<td>', { |
var newTD = $('<td>', { |
||||||
colspan: 7 |
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.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); |
newTD.appendTo(trDetail); |
||||||
}); |
}); |
||||||
trDetail.removeClass('hide'); |
trDetail.removeClass('hide'); |
||||||
} |
} |
||||||
|
}); |
||||||
}); |
}); |
||||||
}); |
|
||||||
</script> |
</script> |
||||||
|
|||||||
@ -1,26 +1,99 @@ |
|||||||
{% if data_list is not empty %} |
{% if data_list is not empty %} |
||||||
<div id="learning_path_toc" class="scorm-list"> |
<div id="learning_path_toc" class="scorm-list"> |
||||||
<div class="scorm-body"> |
<div class="scorm-title"> |
||||||
<h1 class="scorm-title">{{ lp_title_scorm }}</h1> |
<h4>{{ lp_title_scorm }}</h4> |
||||||
<div id="inner_lp_toc" class="inner_lp_toc scrollbar-light"> |
</div> |
||||||
{% for item in data_list %} |
<div class="scorm-body"> |
||||||
<div id="toc_{{ item.id }}" class="{{ item.class }}"> |
<div id="inner_lp_toc" class="inner_lp_toc scrollbar-light"> |
||||||
{% if item.type == 'dir' %} |
{% for item in data_list %} |
||||||
<div class="section {{ item.css_level }}" title="{{ item.description }}"> |
<div id="toc_{{ item.id }}" class="{{ item.class }} item-{{ item.type }}"> |
||||||
{{ item.title }} |
{% if item.type == 'dir' %} |
||||||
</div> |
<div class="section {{ item.css_level }}" title="{{ item.description }}"> |
||||||
{% 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 }} |
{{ 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> |
||||||
|
</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> |
||||||
{% endif %} |
</div> |
||||||
</div> |
</div> |
||||||
{% endfor %} |
{% endfor %} |
||||||
|
|
||||||
</div> |
</div> |
||||||
</div> |
</div> |
||||||
</div> |
|
||||||
{% endif %} |
{% endif %} |
||||||
{{ accorden_toc }} |
|
||||||
Loading…
Reference in new issue