Changeset View
Changeset View
Standalone View
Standalone View
swh/web/ui/templates/origin.html
{% extends "layout.html" %} | {% extends "layout.html" %} | ||||
{% block title %}Origin{% endblock %} | {% block title %}Origin{% endblock %} | ||||
{% block content %} | {% block content %} | ||||
{% if message is not none %} | {% if message is not none %} | ||||
{{ message }} | {{ message }} | ||||
{% endif %} | {% endif %} | ||||
{% if origin is not none %} | {% if origin is not none %} | ||||
<script language="javascript" type="text/javascript" src="{{ url_for('static', filename='js/calendar.js') }}"></script> | |||||
<script language="javascript" type="text/javascript" src="{{ url_for('static', filename='lib/jquery.flot.min.js') }}"></script> | <!-- Flot plugin dependencies --> | ||||
<script language="javascript" type="text/javascript" src="{{ url_for('static', filename='lib/jquery.flot.time.min.js') }}"></script> | {% for fname in ['js/calendar.js', 'lib/jquery.flot.min.js', 'lib/jquery.flot.time.min.js', 'lib/jquery.flot.selection.min.js', 'lib/jquery.flot.tooltip.min.js'] %} | ||||
<script language="javascript" type="text/javascript" src="{{ url_for('static', filename='lib/jquery.flot.selection.min.js') }}"></script> | <script language="javascript" type="text/javascript" src="{{ url_for('static', filename=fname) }}"></script> | ||||
<script language="javascript" type="text/javascript" src="{{ url_for('static', filename='lib/jquery.flot.tooltip.min.js') }}"></script> | {% endfor %} | ||||
<div> Details on origin {{ origin['id'] }}: | |||||
<div id="swh-calendar" style="height: 200px"> | <!-- Timeline result --> | ||||
<div id="cal-zoom-window" style="height: 60%"> | <h2>Origin visit history</h2> | ||||
</div> | <div class="timeline"> | ||||
<div id="cal-static-window" style="height: 40%"> | <div id="swh-calendar-window" style="height: 200px"> | ||||
</div> | <div id="cal-zoom-window" style="height: 60%"></div> | ||||
<div id="cal-static-window" style="height: 40%"></div> | |||||
</div> | </div> | ||||
<button id="cal-clear">Reset</button> | <button id="cal-clear">Reset</button> | ||||
</div> | |||||
<!-- Data result --> | |||||
<h2>Origin information</h2> | |||||
<div> Details on origin {{ origin['id'] }}: | |||||
{% for key in ['type', 'lister', 'project', 'url'] %} | {% for key in ['type', 'lister', 'project', 'url'] %} | ||||
{% if origin[key] is not none %} | {% if origin[key] is not none %} | ||||
<div class="row"> | <div class="row"> | ||||
<div class="col-md-2">{{ key }}</div> | <div class="col-md-2">{{ key }}</div> | ||||
<div class="col-md-6">{{ origin[key] }}</div> | <div class="col-md-6">{{ origin[key] }}</div> | ||||
</div> | </div> | ||||
{% endif %} | {% endif %} | ||||
{% endfor %} | {% endfor %} | ||||
{% if 'decoding_failures' in content %} | {% if 'decoding_failures' in content %} | ||||
<div class="row"> | <div class="row"> | ||||
<div class="col-md-10">(some decoding errors)</div> | <div class="col-md-10">(some decoding errors)</div> | ||||
</div> | </div> | ||||
{% endif %} | {% endif %} | ||||
</div> | </div> | ||||
<!-- Flot calendar setup --> | |||||
<script>$(function(){var cal = new Calendar('{{ browse_url }}', '{{ visit_url }}', {{ origin['id'] }}, $('#cal-zoom-window'), $('#cal-static-window'), $('#cal-clear'));});</script> | <script>$(function(){var cal = new Calendar('{{ browse_url }}', '{{ visit_url }}', {{ origin['id'] }}, $('#cal-zoom-window'), $('#cal-static-window'), $('#cal-clear'));});</script> | ||||
{% endif %} | {% endif %} | ||||
{% endblock %} | {% endblock %} |