Initial project version
This commit is contained in:
sebastiankloth
28
store/webview/templates/base.html
Executable file
28
store/webview/templates/base.html
Executable file
@@ -0,0 +1,28 @@
|
||||
<!doctype html>
|
||||
<head>
|
||||
<title>Store Webview</title>
|
||||
|
||||
<script defer type='text/javascript' src="{{ url_for('static', filename='jquery_v3/jquery-3.3.1.slim.min.js') }}"></script>
|
||||
<script defer type='text/javascript' src="{{ url_for('static', filename='popper_v1/popper.min.js') }}"></script>
|
||||
<script defer type='text/javascript' src="{{ url_for('static', filename='bootstrap_v4/js/bootstrap.min.js') }}"></script>
|
||||
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='bootstrap_v4/css/bootstrap.min.css') }}" />
|
||||
|
||||
|
||||
{% block head %}{% endblock %}
|
||||
</head>
|
||||
<body>
|
||||
<div class=page>
|
||||
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
|
||||
<a class="navbar-brand" href="{{ url_for('view_simulations') }}">Store</a>
|
||||
<a class="nav-link" href="{{ url_for('view_statistics') }}">Statistics</a>
|
||||
</nav>
|
||||
{% for message in get_flashed_messages() %}
|
||||
<div class=flash>{{ message }}</div>
|
||||
{% endfor %}
|
||||
<br />
|
||||
<div class="container-fluid">
|
||||
{% block body %}{% endblock %}
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
58
store/webview/templates/evaluation-details.html
Normal file
58
store/webview/templates/evaluation-details.html
Normal file
@@ -0,0 +1,58 @@
|
||||
{% extends "simulation-details.html" %}
|
||||
|
||||
{% block head %}
|
||||
<script src="https://d3js.org/d3.v3.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/vega/3.0.0-beta.31/vega.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/vega-lite/2.0.0-beta.3/vega-lite.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/vega-embed/3.0.0-beta.14/vega-embed.js"></script>
|
||||
{% endblock %}
|
||||
|
||||
{% block evaluation %}
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item">
|
||||
<a href="{{ url_for('view_simulation', sim_id=simulation.id) }}">Evaluations</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item active">{{ evaluation.observable }} </li>
|
||||
</ol>
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<table class="table table-striped">
|
||||
<th>Evaluation parameters</th><th></th>
|
||||
<tr>
|
||||
<td>Selection</td>
|
||||
<td>{{ evaluation.selection }}</td>
|
||||
</tr>
|
||||
{% for param in evaluation_params %}
|
||||
<tr>
|
||||
<td>{{ param.name }}</td>
|
||||
<td>{{ param.value }}</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</table>
|
||||
|
||||
<div id="vis"></div>
|
||||
<script type="text/javascript">
|
||||
var spec = "{{ url_for('get_evaluation_plot_spec', id=evaluation.id) }}";
|
||||
vega.embed('#vis', spec);
|
||||
</script>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
{% if data.to_html %}
|
||||
<div class="card">
|
||||
<div class="card-header"><a data-toggle="collapse" href="#data-table">Data</a></div>
|
||||
<div id="data-table" class="card-collapse collapse">
|
||||
<div class="card-body">
|
||||
{{ data.to_html(index=False) | replace('dataframe', 'table table-sm table-bordered table-striped') | safe }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% else %}
|
||||
<table class='table'>
|
||||
<tr>
|
||||
<td>Value</td><td>{{ data }}</td>
|
||||
</tr>
|
||||
</table>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
53
store/webview/templates/simulation-details.html
Normal file
53
store/webview/templates/simulation-details.html
Normal file
@@ -0,0 +1,53 @@
|
||||
{% extends "base.html" %}
|
||||
|
||||
{% block body %}
|
||||
<h2>Simulation Details</h2>
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<div class="card card-default">
|
||||
<div class="card-header">
|
||||
<div class="row">
|
||||
<div class="col-auto">
|
||||
<b>Directory</b>
|
||||
</div>
|
||||
<div class="col-auto">{{ simulation.directory }}</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card-body">
|
||||
<table class="table">
|
||||
<tr>
|
||||
<th>Parameters</th><th></th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>User</td>
|
||||
<td>{{ simulation.user }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Temperature</td>
|
||||
<td>{{ simulation.temperature }}</td>
|
||||
</tr>
|
||||
{% for param in sim_params %}
|
||||
<tr>
|
||||
<td>{{ param.name }}</td>
|
||||
<td>{{ param.value }}</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-8">
|
||||
{% block evaluation %}
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item active">Evaluations</li>
|
||||
</ol>
|
||||
{% for ev_id, obs, sel in evaluations %}
|
||||
<a class="btn btn-info" style="margin: .1em" href="{{ url_for('view_evaluation', id=ev_id )}}">
|
||||
{{ obs }} <span class="badge badge-light">{{ sel }}</span>
|
||||
</a>
|
||||
{% endfor %}
|
||||
{% endblock %}
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
46
store/webview/templates/simulations.html
Normal file
46
store/webview/templates/simulations.html
Normal file
@@ -0,0 +1,46 @@
|
||||
{% extends "base.html" %}
|
||||
|
||||
{% block body %}
|
||||
<div class="card card-default">
|
||||
<div class="card-header">
|
||||
<h2>Simulations</h2>
|
||||
<form class="row" method="get">
|
||||
<div class="col-md-2">
|
||||
<div class="input-group">
|
||||
<span class="input-group-addon"><span class="glyphicon glyphicon-user"></span></span>
|
||||
<input class="form-control" type="text" placeholder="user", name="user" value="{{ request.args.user }}">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="input-group">
|
||||
<span class="input-group-addon"><span class="glyphicon glyphicon-folder-open"></span></span>
|
||||
<input class="form-control" type="text" placeholder="directory" name="directory" value="{{ request.args.directory}}">
|
||||
</div>
|
||||
</div>
|
||||
<div class="btn-group">
|
||||
<button type="submit" class="btn btn-primary">Reload</button>
|
||||
<button type="reset" name="button" class="btn btn-danger">Reset</button>
|
||||
</div>
|
||||
|
||||
|
||||
</form>
|
||||
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<table class='table table-striped table-sm table-hover'>
|
||||
<tr>
|
||||
<th>#</th><th>User</th><th>Directory</th>
|
||||
</tr>
|
||||
<tbody>
|
||||
{% for sim in simulations %}
|
||||
<tr>
|
||||
<td>
|
||||
<a href="{{ url_for('view_simulation', sim_id=sim.id) }}">{{ sim.id }}</a>
|
||||
</td><td>{{ sim.user}}</td><td>{{ sim.directory }}</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
36
store/webview/templates/statistics.html
Normal file
36
store/webview/templates/statistics.html
Normal file
@@ -0,0 +1,36 @@
|
||||
{% extends "base.html" %}
|
||||
|
||||
{% block body %}
|
||||
<h2>Statistics</h2>
|
||||
<div class="row">
|
||||
<div class="col-md-5">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h4>Table size</h4>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
{{ total_stats.to_html(index=False) | replace('dataframe', 'table table-sm table-bordered table-hover') | safe }}
|
||||
</div>
|
||||
</div>
|
||||
<br />
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h4>User data</h4>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
{{ user_stats.to_html(index=False) | replace('dataframe', 'table table-sm table-bordered table-hover') | safe }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h4>Evaluation data</h4>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
{{ eval_stats.to_html(index=False) | replace('dataframe', 'table table-sm table-bordered table-hover') | safe }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
Reference in New Issue
Block a user