user_details.tpl 17 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365
  1. {% if title %}
  2. <h2 class="details-title"><img src="{{ 'course.png'|icon(32) }}"> {{ title }}</h2>
  3. {% endif %}
  4. <div class="page-header">
  5. <h3>{{ user.complete_name }}</h3>
  6. </div>
  7. <!-- NO DETAILS -->
  8. {% if details != true %}
  9. <div class="no-details">
  10. <div class="panel panel-default">
  11. <div class="panel-body">
  12. <div class="row">
  13. <div class="col-md-4">
  14. <div class="user text-center">
  15. <div class="avatar">
  16. <img width="128px" src="{{ user.avatar }}" class="img-responsive" >
  17. </div>
  18. <div class="name">
  19. <h3>{{ user.complete_name_link }}</h3>
  20. <p class="email">{{ user.email }}</p>
  21. </div>
  22. </div>
  23. </div>
  24. <div class="col-md-4">
  25. <div class="user text-center">
  26. <div class="parameters">
  27. <dl class="dl-horizontal">
  28. <dt>{{ 'Tel'|get_lang }}</dt>
  29. <dd>{{ user.phone == '' ? 'NoTel'|get_lang : user.phone }}</dd>
  30. <dt>{{ 'OfficialCode'|get_lang }}</dt>
  31. <dd>{{ user.code == '' ? 'NoOfficialCode'|get_lang : user.code }}</dd>
  32. <dt>{{ 'OnLine'|get_lang }}</dt>
  33. <dd>{{ user.online }}</dd>
  34. <dt>{{ 'Timezone'|get_lang }}</dt>
  35. <dd>{{ user.timezone }}</dd>
  36. </dl>
  37. </div>
  38. <div class="access">
  39. {{ user.url_access }}
  40. {{ user.legal.url_send }}
  41. </div>
  42. </div>
  43. </div>
  44. <div class="col-md-4">
  45. <div class="card card-first-date">
  46. <div class="card-body">
  47. <div class="stat-widget-five">
  48. <div class="stat-icon">
  49. <i class="fa fa-calendar" aria-hidden="true"></i>
  50. </div>
  51. <div class="stat-content">
  52. <div class="text-left">
  53. <div class="stat-text">
  54. {{ user.first_connection }}
  55. </div>
  56. <div class="stat-heading">
  57. {{ 'FirstLoginInPlatform'|get_lang }}
  58. </div>
  59. </div>
  60. </div>
  61. </div>
  62. </div>
  63. </div>
  64. <div class="card card-last-date">
  65. <div class="card-body">
  66. <div class="stat-widget-five">
  67. <div class="stat-icon">
  68. <i class="fa fa-calendar" aria-hidden="true"></i>
  69. </div>
  70. <div class="stat-content">
  71. <div class="text-left">
  72. <div class="stat-text">
  73. {{ user.first_connection }}
  74. </div>
  75. <div class="stat-heading">
  76. {{ 'LatestLoginInPlatform'|get_lang }}
  77. </div>
  78. </div>
  79. </div>
  80. </div>
  81. </div>
  82. </div>
  83. <div class="card card-legal">
  84. <div class="card-body">
  85. <div class="stat-widget-five">
  86. <div class="stat-icon">
  87. <i class="fa fa-gavel" aria-hidden="true"></i>
  88. <span class="active-icon">{{ user.legal.icon }}</span>
  89. </div>
  90. <div class="stat-content">
  91. <div class="text-left">
  92. <div class="stat-text">
  93. {{ user.legal.datetime }}
  94. </div>
  95. <div class="stat-heading">
  96. {{ 'LegalAccepted'|get_lang }}
  97. </div>
  98. </div>
  99. </div>
  100. </div>
  101. </div>
  102. </div>
  103. </div>
  104. </div>
  105. </div>
  106. </div>
  107. </div>
  108. <!-- DETAILS -->
  109. {% else %}
  110. <div class="details">
  111. <div class="row">
  112. <div class="col-md-4">
  113. <div class="panel panel-default">
  114. <div class="panel-body">
  115. <div class="user">
  116. <div class="avatar">
  117. <img width="128px" src="{{ user.avatar }}" class="img-responsive" >
  118. </div>
  119. <div class="name">
  120. <h3>{{ user.complete_name_link }}</h3>
  121. <p class="email">{{ user.email }}</p>
  122. </div>
  123. <div class="parameters">
  124. <dl class="dl-horizontal">
  125. <dt>{{ 'Tel'|get_lang }}</dt>
  126. <dd>{{ user.phone == '' ? 'NoTel'|get_lang : user.phone }}</dd>
  127. <dt>{{ 'OfficialCode'|get_lang }}</dt>
  128. <dd>{{ user.code == '' ? 'NoOfficialCode'|get_lang : user.code }}</dd>
  129. <dt>{{ 'OnLine'|get_lang }}</dt>
  130. <dd>{{ user.online }}</dd>
  131. <dt>{{ 'Timezone'|get_lang }}</dt>
  132. <dd>{{ user.timezone }}</dd>
  133. </dl>
  134. </div>
  135. <div class="access">
  136. {{ user.url_access }}
  137. {{ user.legal.url_send }}
  138. </div>
  139. </div>
  140. </div>
  141. </div>
  142. </div>
  143. <div class="col-md-8">
  144. <div class="row">
  145. <div class="col-md-8">
  146. <div class="row">
  147. <div class="col-md-6">
  148. <div class="easy-donut">
  149. <div id="easypiechart-blue" title="{{ 'Progress'|get_lang }}" class="easypiechart" data-percent="{{ user.student_progress }}">
  150. <span class="percent">{{ user.student_progress }}%</span>
  151. </div>
  152. <div class="easypiechart-legend">
  153. {{ 'ScormAndLPProgressTotalAverage'|get_lang }}
  154. </div>
  155. </div>
  156. </div>
  157. <div class="col-md-6">
  158. <div class="easy-donut">
  159. <div id="easypiechart-red" title="{{ 'Score'|get_lang }}" class="easypiechart" data-percent="{{ user.student_score }}">
  160. <span class="percent">{{ user.student_score }} </span>
  161. </div>
  162. <div class="easypiechart-legend">
  163. {{ 'ScormAndLPTestTotalAverage'|get_lang }}
  164. </div>
  165. </div>
  166. </div>
  167. </div>
  168. <div class="row">
  169. <div class="col-md-6">
  170. <div class="card box-widget">
  171. <div class="card-body">
  172. <div class="stat-widget-five">
  173. <i class="fa fa-globe" aria-hidden="true"></i>
  174. {{ user.tools.links }}
  175. <div class="box-name">
  176. {{ 'LinksDetails'|get_lang }}
  177. </div>
  178. </div>
  179. </div>
  180. </div>
  181. <div class="card box-widget">
  182. <div class="card-body">
  183. <div class="stat-widget-five">
  184. <i class="fa fa-download" aria-hidden="true"></i>
  185. {{ user.tools.documents }}
  186. <div class="box-name">
  187. {{ 'DocumentsDetails'|get_lang }}
  188. </div>
  189. </div>
  190. </div>
  191. </div>
  192. <div class="card box-widget">
  193. <div class="card-body">
  194. <div class="stat-widget-five">
  195. <i class="fa fa-pencil" aria-hidden="true"></i>
  196. {{ user.tools.tasks }}
  197. <div class="box-name">
  198. {{ 'Student_publication'|get_lang }}
  199. </div>
  200. </div>
  201. </div>
  202. </div>
  203. </div>
  204. <div class="col-md-6">
  205. <div class="card box-widget">
  206. <div class="card-body">
  207. <div class="stat-widget-five">
  208. <i class="fa fa-comments-o" aria-hidden="true"></i>
  209. {{ user.tools.messages }}
  210. <div class="box-name">
  211. {{ 'NumberOfPostsForThisUser'|get_lang }}
  212. </div>
  213. </div>
  214. </div>
  215. </div>
  216. <div class="card box-widget">
  217. <div class="card-body">
  218. <div class="stat-widget-five">
  219. <i class="fa fa-paper-plane" aria-hidden="true"></i>
  220. {{ user.tools.upload_documents }}
  221. <div class="box-name">
  222. {{ 'UploadedDocuments'|get_lang }}
  223. </div>
  224. </div>
  225. </div>
  226. </div>
  227. <div class="card box-widget">
  228. <div class="card-body">
  229. <div class="stat-widget-five">
  230. <i class="fa fa-plug" aria-hidden="true"></i>
  231. <span class="date" title="{{ user.tools.chat_connection }}">
  232. {% if user.tools.chat_connection != '' %}
  233. {{ user.tools.chat_connection }}
  234. {% else %}
  235. {{ 'NotRegistered'|get_lang }}
  236. {% endif %}
  237. </span>
  238. <div class="box-name">
  239. {{ 'ChatLastConnection'|get_lang }}
  240. </div>
  241. </div>
  242. </div>
  243. </div>
  244. </div>
  245. </div>
  246. </div>
  247. <div class="col-md-4">
  248. <div class="card card-first-date">
  249. <div class="card-body">
  250. <div class="stat-widget-five">
  251. <div class="stat-icon">
  252. <i class="fa fa-calendar" aria-hidden="true"></i>
  253. </div>
  254. <div class="stat-content">
  255. <div class="text-left">
  256. <div class="stat-text">
  257. {{ user.first_connection }}
  258. </div>
  259. <div class="stat-heading">
  260. {{ 'FirstLoginInPlatform'|get_lang }}
  261. </div>
  262. </div>
  263. </div>
  264. </div>
  265. </div>
  266. </div>
  267. <div class="card card-last-date">
  268. <div class="card-body">
  269. <div class="stat-widget-five">
  270. <div class="stat-icon">
  271. <i class="fa fa-calendar" aria-hidden="true"></i>
  272. </div>
  273. <div class="stat-content">
  274. <div class="text-left">
  275. <div class="stat-text">
  276. {{ user.first_connection }}
  277. </div>
  278. <div class="stat-heading">
  279. {{ 'LatestLoginInPlatform'|get_lang }}
  280. </div>
  281. </div>
  282. </div>
  283. </div>
  284. </div>
  285. </div>
  286. {% if(user.time_spent_course) %}
  287. <div class="card card-time">
  288. <div class="card-body">
  289. <div class="stat-widget-five">
  290. <div class="stat-icon">
  291. <i class="fa fa-clock-o" aria-hidden="true"></i>
  292. </div>
  293. <div class="stat-content">
  294. <div class="text-left">
  295. <div class="stat-text">
  296. {{ user.time_spent_course }}
  297. </div>
  298. <div class="stat-heading">
  299. {{ 'TimeSpentInTheCourse'|get_lang }}
  300. </div>
  301. </div>
  302. </div>
  303. </div>
  304. </div>
  305. </div>
  306. {% endif %}
  307. <div class="card card-legal">
  308. <div class="card-body">
  309. <div class="stat-widget-five">
  310. <div class="stat-icon">
  311. <i class="fa fa-gavel" aria-hidden="true"></i>
  312. <span class="active-icon">{{ user.legal.icon }}</span>
  313. </div>
  314. <div class="stat-content">
  315. <div class="text-left">
  316. <div class="stat-text">
  317. {{ user.legal.datetime }}
  318. </div>
  319. <div class="stat-heading">
  320. {{ 'LegalAccepted'|get_lang }}
  321. </div>
  322. </div>
  323. </div>
  324. </div>
  325. </div>
  326. </div>
  327. </div>
  328. </div>
  329. </div>
  330. </div>
  331. </div>
  332. {% endif %}
  333. <script type="text/javascript">
  334. $(function() {
  335. $('#easypiechart-blue').easyPieChart({
  336. scaleColor: false,
  337. barColor: '#30a5ff',
  338. lineWidth:8,
  339. trackColor: '#f2f2f2'
  340. });
  341. });
  342. $(function() {
  343. $('#easypiechart-red').easyPieChart({
  344. scaleColor: false,
  345. barColor: '#f9243f',
  346. lineWidth:8,
  347. trackColor: '#f2f2f2'
  348. });
  349. });
  350. </script>