issued.tpl 3.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. <div class="row issued">
  2. <div class="col-md-4">
  3. <figure class="thumbnail">
  4. <img class="img-responsive" src="{{ skill_info.badge_image }}" alt="{{ skill_info.name }}">
  5. <figcaption class="caption text-center">
  6. <p class="name-badge text-center">{{ skill_info.name }}</p>
  7. </figcaption>
  8. </figure>
  9. <div class="panel panel-default">
  10. <div class="panel-heading">{{ 'SkillAcquiredAt'|get_lang }}</div>
  11. <div class="panel-body">
  12. {% for course in skill_info.courses %}
  13. <p>
  14. {% if course.name %}
  15. <em class="fa fa-clock-o fa-fw"></em> {{ 'TimeXThroughCourseY'|get_lang|format(course.date_issued, course.name) }}
  16. {% else %}
  17. <em class="fa fa-clock-o fa-fw"></em> {{ course.date_issued }}
  18. {% endif %}
  19. </p>
  20. {% endfor %}
  21. </div>
  22. </div>
  23. {% if badge_error %}
  24. <div class="alert alert-danger"> {{ 'BakedBadgeProblem'|get_lang }}</div>
  25. {% else %}
  26. <p class="text-center">
  27. <a href="{{ personal_badge }}" class="btn btn-primary" target="_new" download="badge">
  28. <em class="fa fa-download fa-fw"></em> {{ 'DownloadBadge'|get_lang }}
  29. </a>
  30. </p>
  31. {% endif %}
  32. {% if allow_export %}
  33. <p class="text-center">
  34. <a href="#" class="btn btn-success" id="badge-export-button">
  35. <em class="fa fa-external-link-square fa-fw"></em> {{ 'ExportBadge'|get_lang }}
  36. </a>
  37. </p>
  38. {% endif %}
  39. <div class='col-md-12 text-center'>
  40. <h5><b> {{ 'ShareWithYourFriends' | get_lang }} </b></h5>
  41. <a href='http://www.facebook.com/sharer.php?u={{ _p.web }}badge/{{ skill_info.id }}/user/{{ user_info.id }}' target='_new'>
  42. <em class='fa fa-facebook-square fa-3x text-info' aria-hidden='true'></em>
  43. </a>
  44. <a href='https://twitter.com/home?status={{ 'IHaveObtainedSkillXOnY' | get_lang |format(skill_info.name, _s.site_name)}} - {{ _p.web }}badge/{{ skill_info.id }}/user/{{ user_info.id }}' target='_new'>
  45. <em class='fa fa-twitter-square fa-3x text-light' aria-hidden='true'></em>
  46. </a>
  47. </div>
  48. </div>
  49. <div class="col-md-8">
  50. <div class="panel panel-default">
  51. <div class="panel-body">
  52. <h4 class="title-badge">{{ 'RecipientDetails'|get_lang }}</h4>
  53. <p class="lead">{{ user_info.complete_name }}</p>
  54. <h4 class="title-badge">{{ 'BadgeDetails'|get_lang }}</h4>
  55. <h4 class="title-badge">{{ 'Name'|get_lang }}</h4>
  56. <p>{{ skill_info.name }}</p>
  57. {% if skill_info.short_code %}
  58. <h4 class="title-badge">{{ 'ShortCode'|get_lang }}</h4>
  59. <p>{{ skill_info.short_code }}</p>
  60. {% endif %}
  61. <h4 class="title-badge">{{ 'Description'|get_lang }}</h4>
  62. <p>{{ skill_info.description }}</p>
  63. <h4 class="title-badge">{{ 'CriteriaToEarnTheBadge'|get_lang }}</h4>
  64. <p>{{ skill_info.criteria }}</p>
  65. </div>
  66. </div>
  67. </div>
  68. </div>
  69. {% if allow_export %}
  70. <script>
  71. $(document).on('ready', function () {
  72. $('#badge-export-button').on('click', function (e) {
  73. e.preventDefault();
  74. OpenBadges.issue({{ assertions|json_encode() }});
  75. });
  76. });
  77. </script>
  78. {% endif %}