123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365 |
- {% if title %}
- <h2 class="details-title"><img src="{{ 'course.png'|icon(32) }}"> {{ title }}</h2>
- {% endif %}
- <div class="page-header">
- <h3>{{ user.complete_name }}</h3>
- </div>
- <!-- NO DETAILS -->
- {% if details != true %}
- <div class="no-details">
- <div class="panel panel-default">
- <div class="panel-body">
- <div class="row">
- <div class="col-md-4">
- <div class="user text-center">
- <div class="avatar">
- <img width="128px" src="{{ user.avatar }}" class="img-responsive" >
- </div>
- <div class="name">
- <h3>{{ user.complete_name_link }}</h3>
- <p class="email">{{ user.email }}</p>
- </div>
- </div>
- </div>
- <div class="col-md-4">
- <div class="user text-center">
- <div class="parameters">
- <dl class="dl-horizontal">
- <dt>{{ 'Tel'|get_lang }}</dt>
- <dd>{{ user.phone == '' ? 'NoTel'|get_lang : user.phone }}</dd>
- <dt>{{ 'OfficialCode'|get_lang }}</dt>
- <dd>{{ user.code == '' ? 'NoOfficialCode'|get_lang : user.code }}</dd>
- <dt>{{ 'OnLine'|get_lang }}</dt>
- <dd>{{ user.online }}</dd>
- <dt>{{ 'Timezone'|get_lang }}</dt>
- <dd>{{ user.timezone }}</dd>
- </dl>
- </div>
- <div class="access">
- {{ user.url_access }}
- {{ user.legal.url_send }}
- </div>
- </div>
- </div>
- <div class="col-md-4">
- <div class="card card-first-date">
- <div class="card-body">
- <div class="stat-widget-five">
- <div class="stat-icon">
- <i class="fa fa-calendar" aria-hidden="true"></i>
- </div>
- <div class="stat-content">
- <div class="text-left">
- <div class="stat-text">
- {{ user.first_connection }}
- </div>
- <div class="stat-heading">
- {{ 'FirstLoginInPlatform'|get_lang }}
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="card card-last-date">
- <div class="card-body">
- <div class="stat-widget-five">
- <div class="stat-icon">
- <i class="fa fa-calendar" aria-hidden="true"></i>
- </div>
- <div class="stat-content">
- <div class="text-left">
- <div class="stat-text">
- {{ user.first_connection }}
- </div>
- <div class="stat-heading">
- {{ 'LatestLoginInPlatform'|get_lang }}
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="card card-legal">
- <div class="card-body">
- <div class="stat-widget-five">
- <div class="stat-icon">
- <i class="fa fa-gavel" aria-hidden="true"></i>
- <span class="active-icon">{{ user.legal.icon }}</span>
- </div>
- <div class="stat-content">
- <div class="text-left">
- <div class="stat-text">
- {{ user.legal.datetime }}
- </div>
- <div class="stat-heading">
- {{ 'LegalAccepted'|get_lang }}
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <!-- DETAILS -->
- {% else %}
- <div class="details">
- <div class="row">
- <div class="col-md-4">
- <div class="panel panel-default">
- <div class="panel-body">
- <div class="user">
- <div class="avatar">
- <img width="128px" src="{{ user.avatar }}" class="img-responsive" >
- </div>
- <div class="name">
- <h3>{{ user.complete_name_link }}</h3>
- <p class="email">{{ user.email }}</p>
- </div>
- <div class="parameters">
- <dl class="dl-horizontal">
- <dt>{{ 'Tel'|get_lang }}</dt>
- <dd>{{ user.phone == '' ? 'NoTel'|get_lang : user.phone }}</dd>
- <dt>{{ 'OfficialCode'|get_lang }}</dt>
- <dd>{{ user.code == '' ? 'NoOfficialCode'|get_lang : user.code }}</dd>
- <dt>{{ 'OnLine'|get_lang }}</dt>
- <dd>{{ user.online }}</dd>
- <dt>{{ 'Timezone'|get_lang }}</dt>
- <dd>{{ user.timezone }}</dd>
- </dl>
- </div>
- <div class="access">
- {{ user.url_access }}
- {{ user.legal.url_send }}
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="col-md-8">
- <div class="row">
- <div class="col-md-8">
- <div class="row">
- <div class="col-md-6">
- <div class="easy-donut">
- <div id="easypiechart-blue" title="{{ 'Progress'|get_lang }}" class="easypiechart" data-percent="{{ user.student_progress }}">
- <span class="percent">{{ user.student_progress }}%</span>
- </div>
- <div class="easypiechart-legend">
- {{ 'ScormAndLPProgressTotalAverage'|get_lang }}
- </div>
- </div>
- </div>
- <div class="col-md-6">
- <div class="easy-donut">
- <div id="easypiechart-red" title="{{ 'Score'|get_lang }}" class="easypiechart" data-percent="{{ user.student_score }}">
- <span class="percent">{{ user.student_score }} </span>
- </div>
- <div class="easypiechart-legend">
- {{ 'ScormAndLPTestTotalAverage'|get_lang }}
- </div>
- </div>
- </div>
- </div>
- <div class="row">
- <div class="col-md-6">
- <div class="card box-widget">
- <div class="card-body">
- <div class="stat-widget-five">
- <i class="fa fa-globe" aria-hidden="true"></i>
- {{ user.tools.links }}
- <div class="box-name">
- {{ 'LinksDetails'|get_lang }}
- </div>
- </div>
- </div>
- </div>
- <div class="card box-widget">
- <div class="card-body">
- <div class="stat-widget-five">
- <i class="fa fa-download" aria-hidden="true"></i>
- {{ user.tools.documents }}
- <div class="box-name">
- {{ 'DocumentsDetails'|get_lang }}
- </div>
- </div>
- </div>
- </div>
- <div class="card box-widget">
- <div class="card-body">
- <div class="stat-widget-five">
- <i class="fa fa-pencil" aria-hidden="true"></i>
- {{ user.tools.tasks }}
- <div class="box-name">
- {{ 'Student_publication'|get_lang }}
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="col-md-6">
- <div class="card box-widget">
- <div class="card-body">
- <div class="stat-widget-five">
- <i class="fa fa-comments-o" aria-hidden="true"></i>
- {{ user.tools.messages }}
- <div class="box-name">
- {{ 'NumberOfPostsForThisUser'|get_lang }}
- </div>
- </div>
- </div>
- </div>
- <div class="card box-widget">
- <div class="card-body">
- <div class="stat-widget-five">
- <i class="fa fa-paper-plane" aria-hidden="true"></i>
- {{ user.tools.upload_documents }}
- <div class="box-name">
- {{ 'UploadedDocuments'|get_lang }}
- </div>
- </div>
- </div>
- </div>
- <div class="card box-widget">
- <div class="card-body">
- <div class="stat-widget-five">
- <i class="fa fa-plug" aria-hidden="true"></i>
- <span class="date" title="{{ user.tools.chat_connection }}">
- {% if user.tools.chat_connection != '' %}
- {{ user.tools.chat_connection }}
- {% else %}
- {{ 'NotRegistered'|get_lang }}
- {% endif %}
- </span>
- <div class="box-name">
- {{ 'ChatLastConnection'|get_lang }}
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="col-md-4">
- <div class="card card-first-date">
- <div class="card-body">
- <div class="stat-widget-five">
- <div class="stat-icon">
- <i class="fa fa-calendar" aria-hidden="true"></i>
- </div>
- <div class="stat-content">
- <div class="text-left">
- <div class="stat-text">
- {{ user.first_connection }}
- </div>
- <div class="stat-heading">
- {{ 'FirstLoginInPlatform'|get_lang }}
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="card card-last-date">
- <div class="card-body">
- <div class="stat-widget-five">
- <div class="stat-icon">
- <i class="fa fa-calendar" aria-hidden="true"></i>
- </div>
- <div class="stat-content">
- <div class="text-left">
- <div class="stat-text">
- {{ user.first_connection }}
- </div>
- <div class="stat-heading">
- {{ 'LatestLoginInPlatform'|get_lang }}
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- {% if(user.time_spent_course) %}
- <div class="card card-time">
- <div class="card-body">
- <div class="stat-widget-five">
- <div class="stat-icon">
- <i class="fa fa-clock-o" aria-hidden="true"></i>
- </div>
- <div class="stat-content">
- <div class="text-left">
- <div class="stat-text">
- {{ user.time_spent_course }}
- </div>
- <div class="stat-heading">
- {{ 'TimeSpentInTheCourse'|get_lang }}
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- {% endif %}
- <div class="card card-legal">
- <div class="card-body">
- <div class="stat-widget-five">
- <div class="stat-icon">
- <i class="fa fa-gavel" aria-hidden="true"></i>
- <span class="active-icon">{{ user.legal.icon }}</span>
- </div>
- <div class="stat-content">
- <div class="text-left">
- <div class="stat-text">
- {{ user.legal.datetime }}
- </div>
- <div class="stat-heading">
- {{ 'LegalAccepted'|get_lang }}
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- {% endif %}
- <script type="text/javascript">
- $(function() {
- $('#easypiechart-blue').easyPieChart({
- scaleColor: false,
- barColor: '#30a5ff',
- lineWidth:8,
- trackColor: '#f2f2f2'
- });
- });
- $(function() {
- $('#easypiechart-red').easyPieChart({
- scaleColor: false,
- barColor: '#f9243f',
- lineWidth:8,
- trackColor: '#f2f2f2'
- });
- });
- </script>
|