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 %} | ||||