parent
c213a51f83
commit
db67ecc254
@ -1,78 +1,137 @@ |
|||||||
<div class="row issued"> |
<div class="row issued"> |
||||||
<div class="col-md-4"> |
<div class="col-md-5"> |
||||||
<figure class="thumbnail"> |
<div class="thumbnail"> |
||||||
<img class="img-responsive" src="{{ skill_info.badge_image }}" alt="{{ skill_info.name }}"> |
<figure class="text-center"> |
||||||
<figcaption class="caption text-center"> |
<img class="img-responsive center-block" src="{{ issue_info.skill_badge_image }}" alt="{{ issue_info.skill_name }}"> |
||||||
<p class="name-badge text-center">{{ skill_info.name }}</p> |
<figcaption> |
||||||
</figcaption> |
<p class="lead">{{ issue_info.skill_name }}</p> |
||||||
</figure> |
{% if issue_info.skill_short_code %} |
||||||
<div class="panel panel-default"> |
<p>{{ issue_info.skill_short_code }}</p> |
||||||
<div class="panel-heading">{{ 'SkillAcquiredAt'|get_lang }}</div> |
{% endif %} |
||||||
<div class="panel-body"> |
</figcaption> |
||||||
{% for course in skill_info.courses %} |
</figure> |
||||||
<p> |
<div class="caption"> |
||||||
{% if course.name %} |
{% if issue_info.skill_description %} |
||||||
<em class="fa fa-clock-o fa-fw"></em> {{ 'TimeXThroughCourseY'|get_lang|format(course.date_issued, course.name) }} |
<p>{{ issue_info.skill_description }}</p> |
||||||
{% else %} |
{% endif %} |
||||||
<em class="fa fa-clock-o fa-fw"></em> {{ course.date_issued }} |
{% if issue_info.skill_criteria %} |
||||||
{% endif %} |
<h3>{{ 'CriteriaToEarnTheBadge'|get_lang }}</h3> |
||||||
</p> |
<p>{{ issue_info.skill_criteria }}</p> |
||||||
{% endfor %} |
{% endif %} |
||||||
</div> |
|
||||||
</div> |
</div> |
||||||
{% if badge_error %} |
</div> |
||||||
<div class="alert alert-danger"> {{ 'BakedBadgeProblem'|get_lang }}</div> |
{% if allow_download_export %} |
||||||
{% elseif personal_badge is not empty %} |
{% if badge_error %} |
||||||
<p class="text-center"> |
<hr> |
||||||
<a href="{{ personal_badge }}" class="btn btn-primary" target="_new" download="badge"> |
<div class="alert alert-danger"> {{ 'BakedBadgeProblem'|get_lang }}</div> |
||||||
<em class="fa fa-download fa-fw"></em> {{ 'DownloadBadge'|get_lang }} |
{% else %} |
||||||
</a> |
<p class="text-center"> |
||||||
</p> |
<a href="{{ personal_badge }}" class="btn btn-primary" target="_new" download="badge"> |
||||||
{% endif %} |
<em class="fa fa-download fa-fw"></em> {{ 'DownloadBadge'|get_lang }} |
||||||
{% if allow_export %} |
</a> |
||||||
|
</p> |
||||||
|
{% endif %} |
||||||
|
<hr> |
||||||
<p class="text-center"> |
<p class="text-center"> |
||||||
<a href="#" class="btn btn-success" id="badge-export-button"> |
<a href="#" class="btn btn-success" id="badge-export-button"> |
||||||
<em class="fa fa-external-link-square fa-fw"></em> {{ 'ExportBadge'|get_lang }} |
<em class="fa fa-external-link-square fa-fw"></em> {{ 'ExportBadge'|get_lang }} |
||||||
</a> |
</a> |
||||||
</p> |
</p> |
||||||
|
<div class='col-md-12 text-center'> |
||||||
|
<h5><b> {{ 'ShareWithYourFriends' | get_lang }} </b></h5> |
||||||
|
<a href='http://www.facebook.com/sharer.php?u={{ _p.web }}badge/{{ skill_info.id }}/user/{{ user_info.id }}' target='_new'> |
||||||
|
<em class='fa fa-facebook-square fa-3x text-info' aria-hidden='true'></em> |
||||||
|
</a> |
||||||
|
<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'> |
||||||
|
<em class='fa fa-twitter-square fa-3x text-light' aria-hidden='true'></em> |
||||||
|
</a> |
||||||
|
</div> |
||||||
{% endif %} |
{% endif %} |
||||||
<div class='col-md-12 text-center'> |
|
||||||
<h5><b> {{ 'ShareWithYourFriends' | get_lang }} </b></h5> |
|
||||||
<a href='http://www.facebook.com/sharer.php?u={{ _p.web }}badge/{{ skill_info.id }}/user/{{ user_info.id }}' target='_new'> |
|
||||||
<em class='fa fa-facebook-square fa-3x text-info' aria-hidden='true'></em> |
|
||||||
</a> |
|
||||||
<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'> |
|
||||||
<em class='fa fa-twitter-square fa-3x text-light' aria-hidden='true'></em> |
|
||||||
</a> |
|
||||||
</div> |
|
||||||
</div> |
</div> |
||||||
<div class="col-md-8"> |
<div class="col-md-7"> |
||||||
<div class="panel panel-default"> |
<h3>{{ 'RecipientDetails'|get_lang }}</h3> |
||||||
<div class="panel-body"> |
<p class="lead">{{ issue_info.user_complete_name }}</p> |
||||||
<h4 class="title-badge">{{ 'RecipientDetails'|get_lang }}</h4> |
<h4>{{ 'SkillAcquiredAt'|get_lang }}</h4> |
||||||
<p class="lead">{{ user_info.complete_name }}</p> |
<ul class="fa-ul"> |
||||||
<h4 class="title-badge">{{ 'BadgeDetails'|get_lang }}</h4> |
<li> |
||||||
<h4 class="title-badge">{{ 'Name'|get_lang }}</h4> |
{% if issue_info.source_name %} |
||||||
<p>{{ skill_info.name }}</p> |
<em class="fa-li fa fa-clock-o fa-fw"></em> {{ 'TimeXThroughCourseY'|get_lang|format(issue_info.datetime, issue_info.source_name) }} |
||||||
{% if skill_info.short_code %} |
{% else %} |
||||||
<h4 class="title-badge">{{ 'ShortCode'|get_lang }}</h4> |
<em class="fa-li fa fa-clock-o fa-fw"></em> {{ issue_info.datetime }} |
||||||
<p>{{ skill_info.short_code }}</p> |
{% endif %} |
||||||
|
{% if issue_info.argumentation %} |
||||||
|
{% if issue_info.argumentation %} |
||||||
|
<b><p style="font-style: italic;">{{ 'UserXIndicated'|get_lang|format(issue_info.argumentation_author_name) }} </p></b> |
||||||
|
{% endif %} |
||||||
|
<p>{{ issue_info.argumentation }}</p> |
||||||
|
{% endif %} |
||||||
|
</li> |
||||||
|
</ul> |
||||||
|
<h4>{{ 'AcquiredLevel'|get_lang }}</h4> |
||||||
|
<ul class="fa-ul"> |
||||||
|
<li> |
||||||
|
<em class="fa-li fa fa-check-circle-o fa-fw"></em> {{ issue_info.acquired_level }} |
||||||
|
</li> |
||||||
|
</ul> |
||||||
|
|
||||||
|
{% if allow_comment %} |
||||||
|
<hr> |
||||||
|
<div class="panel panel-info"> |
||||||
|
<div class="panel-heading"> |
||||||
|
<em class="fa fa-check-circle-o fa-fw" aria-hidden="true"></em> {{ 'ChangeAcquiredLevel'|get_lang }} |
||||||
|
</div> |
||||||
|
<div class="panel-body"> |
||||||
|
{{ acquired_level_form }} |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<hr> |
||||||
|
<div class="panel panel-info"> |
||||||
|
<div class="panel-heading"> |
||||||
|
<em class="fa fa-comment-o fa-fw" aria-hidden="true"></em> {{ 'XComments'|get_lang|format(issue_info.comments|length) }} |
||||||
|
/ |
||||||
|
<em class="fa fa-thumbs-o-up fa-fw" aria-hidden="true"></em> {{ 'AverageRatingX'|get_lang|format(issue_info.feedback_average) }} |
||||||
|
</div> |
||||||
|
<div class="panel-body"> |
||||||
|
{{ comment_form }} |
||||||
|
<hr> |
||||||
|
{% for comment in issue_info.comments %} |
||||||
|
<article class="media"> |
||||||
|
<div class="media-body"> |
||||||
|
<h4 class="media-heading">{{ comment.giver_complete_name }}</h4> |
||||||
|
<p><small>{{ comment.datetime }}</small></p> |
||||||
|
<p>{{ comment.text }}</p> |
||||||
|
</div> |
||||||
|
<div class="media-right text-right"> |
||||||
|
<div style="width: 80px;"> |
||||||
|
{% if comment.value %} |
||||||
|
<em class="fa fa-certificate fa-fw" aria-label="{{ 'AverageRating' }}"></em> |
||||||
|
<span class="sr-only">{{ 'AverageRating' }}</span> {{ comment.value }} |
||||||
|
{% endif %} |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</article> |
||||||
|
{% else %} |
||||||
|
<p>{{ 'WithoutComment'|get_lang }}</p> |
||||||
|
{% endfor %} |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
{% else %} |
||||||
|
<hr> |
||||||
|
<p class="lead"> |
||||||
|
<em class="fa fa-comment-o fa-fw" aria-hidden="true"></em> {{ 'XComments'|get_lang|format(issue_info.comments|length) }} |
||||||
|
/ |
||||||
|
<em class="fa fa-thumbs-o-up fa-fw" aria-hidden="true"></em> {{ 'AverageRatingX'|get_lang|format(issue_info.feedback_average) }} |
||||||
|
</p> |
||||||
{% endif %} |
{% endif %} |
||||||
<h4 class="title-badge">{{ 'Description'|get_lang }}</h4> |
|
||||||
<p>{{ skill_info.description }}</p> |
|
||||||
<h4 class="title-badge">{{ 'CriteriaToEarnTheBadge'|get_lang }}</h4> |
|
||||||
<p>{{ skill_info.criteria }}</p> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
</div> |
</div> |
||||||
</div> |
</div> |
||||||
{% if allow_export %} |
{% if allow_download_export %} |
||||||
<script> |
<script> |
||||||
$(document).on('ready', function () { |
$(document).on('ready', function () { |
||||||
$('#badge-export-button').on('click', function (e) { |
$('#badge-export-button').on('click', function (e) { |
||||||
e.preventDefault(); |
e.preventDefault(); |
||||||
|
|
||||||
OpenBadges.issue({{ assertions|json_encode() }}); |
OpenBadges.issue({{ issue_info.badge_assertion|json_encode() }}); |
||||||
}); |
}); |
||||||
}); |
}); |
||||||
</script> |
</script> |
||||||
|
Loading…
Reference in new issue