120 lines
6.5 KiB
HTML
120 lines
6.5 KiB
HTML
{% extends "layout.html" %} {% block content %}
|
|
<main class="container">
|
|
<section class="d-flex justify-content-between align-items-center my-3">
|
|
<a class="btn btn-secondary" href="{{ url_for('surveys.home') }}" title="Go back to home page">Back</a>
|
|
<h2 class="pb-2 mt-2 mb-2 border-bottom primary-colour">{{ survey["title"] }}</h2>
|
|
<button class="btn btn-primary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
Your data
|
|
</button>
|
|
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
|
|
<a class="dropdown-item" href="{{ url_for('surveys.input', survey_id=survey['_id']) }}"
|
|
title="Edit the data in tabular form">Edit your data</a>
|
|
<a class="dropdown-item" href="{{ url_for('analysis.quick_stats', survey_id=survey['_id']) }}"
|
|
title="View some quick stats on your data">Quick stats</a>
|
|
<a class="dropdown-item" href="{{ url_for('analysis.export_tests', survey_id=survey['_id']) }}"
|
|
title="Download an Excel file containing all tests relating to this survey.">Export tests to Excel file</a>
|
|
</div>
|
|
</section>
|
|
<div class="row">
|
|
<!-- ------YOUR GRAPHS GRID SECTION------ -->
|
|
<div class="col-md-8 mb-3">
|
|
<div class="bg-light shadow rounded">
|
|
<div class="text-center">
|
|
<h1 class="h5 primary-colour-bg p-2 text-light rounded-top mb-0">Graphs</h1>
|
|
</div>
|
|
{% if not graphs %}
|
|
<section class="p-3">
|
|
<a class="text-decoration-none text-center" href="{{ url_for('graphs.choose_graph', survey_id=survey['_id'])}}"
|
|
title="Create a graph for your survey">
|
|
<div class="p-4 rounded border bg-white pointer hover-shadow primary-transition">
|
|
<p class="lead m-0 text-muted">No graphs yet! Click here to add your first graph.</p>
|
|
<div class="mt-2">
|
|
<i class="fa fa-plus-circle fa-lg text-primary" aria-hidden="true"></i>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</section>
|
|
{% else %}
|
|
<section class="container">
|
|
<div class="row p-2">
|
|
{% for graph in graphs %}
|
|
<article class="col-lg-6 p-2">
|
|
<div class="card shadow-sm">
|
|
<a href="{{ url_for('graphs.graph', survey_id=graph['surveyId'], graph_id=graph['_id'] )}}" title="View this graph">
|
|
<img class="card-img-top" src="{{ url_for('static', filename='images/graphimages/' + graph.image) }}" alt="Image of chosen graph">
|
|
<div class="card-body rounded-bottom bg-dark text-light">
|
|
<a class="text-decoration-none" href="{{ url_for('graphs.graph', survey_id=graph['surveyId'], graph_id=graph['_id'] )}}" title="View this graph">
|
|
<h5 class="card-title text-light">{{ graph["title"] }}</h5>
|
|
</a>
|
|
<h6 class="card-subtitle mb-2 text-muted">{{ graph["type"] }}</h6>
|
|
<div class="d-flex justify-content-between">
|
|
<a href="{{ url_for('graphs.graph', survey_id=graph['surveyId'], graph_id=graph['_id'])}}" class="btn btn-info" title="View and edit this graph">Edit</a>
|
|
<form action="{{ url_for('graphs.delete_graph', graph_id=graph['_id'], survey_id=survey['_id'] )}}" method="post" onsubmit="return confirm('Are you sure you want to delete this graph?');">
|
|
<button class="btn btn-danger" type="submit">Delete</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
{% endfor %}
|
|
</div>
|
|
</section>
|
|
<a class="text-center d-flex flex-column text-decoration-none" href="{{ url_for('graphs.choose_graph', survey_id=survey['_id'])}}"
|
|
title="Go to a page where you can create a new graph">
|
|
<p class="mb-1">Add new graph</p>
|
|
<i class="mb-3 fa fa-plus-circle fa-lg text-primary" title="Add survey" aria-hidden="true"></i>
|
|
</a>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
<!-- ------ANALYSE YOUR DATA GRID SECTION------ -->
|
|
<section class="col-md-4 mb-3">
|
|
<div class="bg-light shadow rounded">
|
|
<div class="text-center">
|
|
<h4 class="h5 primary-colour-bg p-2 text-light rounded-top mb-0">Statistical tests</h4>
|
|
</div>
|
|
{% if not tests %}
|
|
<section class="p-3">
|
|
<a class="text-decoration-none text-center" href="{{ url_for('analysis.analyse', survey_id=survey['_id'])}}"
|
|
title="Create a new statistical test for this survey">
|
|
<div class="p-4 rounded border bg-white pointer hover-shadow primary-transition">
|
|
<p class="lead m-0 text-muted">No tests yet! Click here to add your first statistical test.</p>
|
|
<div class="mt-2">
|
|
<i class="fa fa-plus-circle fa-lg text-primary" aria-hidden="true"></i>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</section>
|
|
{% else %}
|
|
{% for test in tests %}
|
|
<section class="dashboard-test primary-transition">
|
|
<a class="text-decoration-none primary-colour" href="{{ url_for('analysis.result',
|
|
test_id=test['_id'],
|
|
survey=test['surveyId'],
|
|
test=test['test'],
|
|
p_value=test['p'],
|
|
independent_variable=test['independentVariable'],
|
|
dependent_variable=test['dependentVariable'],
|
|
title=test['title'] )}}"
|
|
title="View this statistical test">{{ test["title"] }}</a>
|
|
<div class="edit-delete">
|
|
<form action="{{ url_for('analysis.delete_test', test_id=test['_id'], survey_id=survey['_id'] )}}" method="post"
|
|
onsubmit="return confirm('Are you sure you want to delete this test?');">
|
|
<button class="delete-icon primary-transition" type="submit"><i class="fas fa-trash fa-lg"></i></button>
|
|
</form>
|
|
</div>
|
|
</section>
|
|
{% endfor %}
|
|
<a class="my-1 text-center d-flex flex-column text-decoration-none" href="{{ url_for('analysis.analyse', survey_id=survey['_id']) }}"
|
|
title="Create a new statistical test for this survey">
|
|
<p class="mb-1">Add new tests</p>
|
|
<i class="mb-3 fa fa-plus-circle fa-lg text-primary" title="Add survey" aria-hidden="true"></i>
|
|
</a>
|
|
{% endif %}
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</main>
|
|
|
|
{% endblock content %}
|