view_cert.html

{% extends "base.html" %}
{% set title = cert.name %}
{% block content %}
{% if characters %}
<form class="form-inline" action="/cert" method="GET">
<fieldset>
  <div class="input-append pull-right">
    <select name="character">
      {% for character in characters %}
      <option value="{{ character.char_id }}"
        {% if active_character and character.name == active_character.name %}selected{% endif %}>
        {{ character.name }}
      </option>
      {% endfor %}
    </select>
    <input class="btn" type="submit" value="Show Progress" />
  </div>
  {% if active_character %}
  <span class="btn btn-primary disabled">Showing progress for <strong>{{ active_character.name }}</strong>.</span>
  {% else %}
  <span class="btn disabled">Select a character to show progress towards completion.</span>
  {% endif %}
  <input type="hidden" name="id" value="{{ cert.key().id() }}" />
</fieldset>
</form>
{% else %}
<p><a href="/apikeys">Add an API key</a> to compare your character's
progress towards completing this certification.</p>
{% endif %}
<hr />
{% if percents %}
<div class="row">
  <div class="progress offset1 span8">
    <div class="bar bar-success" style="width:{{ percents['green'] }}%;"></div>
    <div class="bar bar-warning" style="width:{{ percents['yellow'] }}%;"></div>
  </div>
  <div class="span2">
    <span class="well well-small">
      <strong>{{ percents['green'] }}% Complete</strong>
    </span>
  </div>
</div>
{% endif %}
<table class="table table-hover">
  <thead>
    <tr>
      <th>Skill</th>
      {% if active_character %}
      <th>Trained Rank</th>
      {% endif %}
      <th>Required Rank</th>
    </tr>
  </thead>
  <tbody>
    {% for skill in skills %}
    <tr class="{{ skill.row_class }}">
      <td>{{ skill.name }}</td>
      {% if active_character %}
      <td>{{ skill.display_rank or "?" }}</td>
      {% endif %}
      <td>{{ skill.rank }}</td>
    </tr>
    {% endfor %}
  </tbody>
</table>
<form class="form" action="javascript:function(){return false;}">
  <legend>Share this certification</legend>
  <fieldset>
  {% if owner %}
  <div class="input-append">
    <input type="text" class="span11" value="{{ sharelink }}" />
    <div class="add-on"><a href="/certs?action=resetlink&id={{ cert.key().id() }}">Reset Link</a></div>
  </div>
  {% else %}
  <input type="text" class="span12" value="{{ sharelink }}" />
  {% endif %}
  {% if cert.public %}
  <span class="help-block">This is a <strong>Public</strong> certification.
  Public certifications are visible to anyone.</span>
  {% else %}
  <span class="help-block">This is a <strong>Private</strong> certification.
  Private certifications can only be viewed by the owner and those who have the above link.</span>
  {% endif %}
  </fieldset>
</form>
{% endblock %}