José Loguercio
9 years ago
parent
c213a51f83
commit
db67ecc254
@ -1,79 +1,138 @@ |
||||
<div class="row issued"> |
||||
<div class="col-md-4"> |
||||
<figure class="thumbnail"> |
||||
<img class="img-responsive" src="{{ skill_info.badge_image }}" alt="{{ skill_info.name }}"> |
||||
<figcaption class="caption text-center"> |
||||
<p class="name-badge text-center">{{ skill_info.name }}</p> |
||||
</figcaption> |
||||
</figure> |
||||
<div class="panel panel-default"> |
||||
<div class="panel-heading">{{ 'SkillAcquiredAt'|get_lang }}</div> |
||||
<div class="panel-body"> |
||||
{% for course in skill_info.courses %} |
||||
<p> |
||||
{% if course.name %} |
||||
<em class="fa fa-clock-o fa-fw"></em> {{ 'TimeXThroughCourseY'|get_lang|format(course.date_issued, course.name) }} |
||||
{% else %} |
||||
<em class="fa fa-clock-o fa-fw"></em> {{ course.date_issued }} |
||||
{% endif %} |
||||
</p> |
||||
{% endfor %} |
||||
</div> |
||||
<div class="col-md-5"> |
||||
<div class="thumbnail"> |
||||
<figure class="text-center"> |
||||
<img class="img-responsive center-block" src="{{ issue_info.skill_badge_image }}" alt="{{ issue_info.skill_name }}"> |
||||
<figcaption> |
||||
<p class="lead">{{ issue_info.skill_name }}</p> |
||||
{% if issue_info.skill_short_code %} |
||||
<p>{{ issue_info.skill_short_code }}</p> |
||||
{% endif %} |
||||
</figcaption> |
||||
</figure> |
||||
<div class="caption"> |
||||
{% if issue_info.skill_description %} |
||||
<p>{{ issue_info.skill_description }}</p> |
||||
{% endif %} |
||||
{% if issue_info.skill_criteria %} |
||||
<h3>{{ 'CriteriaToEarnTheBadge'|get_lang }}</h3> |
||||
<p>{{ issue_info.skill_criteria }}</p> |
||||
{% endif %} |
||||
</div> |
||||
{% if badge_error %} |
||||
<div class="alert alert-danger"> {{ 'BakedBadgeProblem'|get_lang }}</div> |
||||
{% elseif personal_badge is not empty %} |
||||
<p class="text-center"> |
||||
<a href="{{ personal_badge }}" class="btn btn-primary" target="_new" download="badge"> |
||||
<em class="fa fa-download fa-fw"></em> {{ 'DownloadBadge'|get_lang }} |
||||
</a> |
||||
</p> |
||||
{% endif %} |
||||
{% if allow_export %} |
||||
</div> |
||||
{% if allow_download_export %} |
||||
{% if badge_error %} |
||||
<hr> |
||||
<div class="alert alert-danger"> {{ 'BakedBadgeProblem'|get_lang }}</div> |
||||
{% else %} |
||||
<p class="text-center"> |
||||
<a href="{{ personal_badge }}" class="btn btn-primary" target="_new" download="badge"> |
||||
<em class="fa fa-download fa-fw"></em> {{ 'DownloadBadge'|get_lang }} |
||||
</a> |
||||
</p> |
||||
{% endif %} |
||||
<hr> |
||||
<p class="text-center"> |
||||
<a href="#" class="btn btn-success" id="badge-export-button"> |
||||
<em class="fa fa-external-link-square fa-fw"></em> {{ 'ExportBadge'|get_lang }} |
||||
</a> |
||||
</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 %} |
||||
<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 class="col-md-8"> |
||||
<div class="panel panel-default"> |
||||
<div class="panel-body"> |
||||
<h4 class="title-badge">{{ 'RecipientDetails'|get_lang }}</h4> |
||||
<p class="lead">{{ user_info.complete_name }}</p> |
||||
<h4 class="title-badge">{{ 'BadgeDetails'|get_lang }}</h4> |
||||
<h4 class="title-badge">{{ 'Name'|get_lang }}</h4> |
||||
<p>{{ skill_info.name }}</p> |
||||
{% if skill_info.short_code %} |
||||
<h4 class="title-badge">{{ 'ShortCode'|get_lang }}</h4> |
||||
<p>{{ skill_info.short_code }}</p> |
||||
<div class="col-md-7"> |
||||
<h3>{{ 'RecipientDetails'|get_lang }}</h3> |
||||
<p class="lead">{{ issue_info.user_complete_name }}</p> |
||||
<h4>{{ 'SkillAcquiredAt'|get_lang }}</h4> |
||||
<ul class="fa-ul"> |
||||
<li> |
||||
{% if issue_info.source_name %} |
||||
<em class="fa-li fa fa-clock-o fa-fw"></em> {{ 'TimeXThroughCourseY'|get_lang|format(issue_info.datetime, issue_info.source_name) }} |
||||
{% else %} |
||||
<em class="fa-li fa fa-clock-o fa-fw"></em> {{ issue_info.datetime }} |
||||
{% 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 %} |
||||
<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> |
||||
{% if allow_export %} |
||||
{% if allow_download_export %} |
||||
<script> |
||||
$(document).on('ready', function () { |
||||
$('#badge-export-button').on('click', function (e) { |
||||
e.preventDefault(); |
||||
|
||||
OpenBadges.issue({{ assertions|json_encode() }}); |
||||
OpenBadges.issue({{ issue_info.badge_assertion|json_encode() }}); |
||||
}); |
||||
}); |
||||
</script> |
||||
{% endif %} |
||||
{% endif %} |
||||
Loading…
Reference in new issue