Added report detail page. Added link to report detail page from the reports page.

31f71764 · dw927 · 25d647d8 · 31f71764 · 31f71764 · 31f71764
Commit 31f71764 authored 2 years ago by dw927
--- a/front_end/dpath.py
+++ b/front_end/dpath.py
@@ -38,6 +38,11 @@ def reports():
    reports = requests.get(f'{REPORTS_SERVICE_URL}/dpath/report').json()
    return render_template('reports.html', reports=reports)
+@app.route(f'/{BASE_URL}/reports/<string:report_id>')
+def get_report(report_id):
+    report = requests.get(f'{REPORTS_SERVICE_URL}/dpath/report/{report_id}').json()
+    return render_template('reportDetail.html', report=report)
 @app.route('/', methods=['GET', "POST"])
 def upload_image():

--- a/front_end/templates/includes/reportDetail.html
+++ b/front_end/templates/includes/reportDetail.html
+{% block content %}
+<table class="report-detail-table">
+    <th class="left">Details</th>
+    <tr>
+        <td>Id</td>
+        <td>{{ report.id }}</td>
+    </tr>
+    <tr>
+        <td>Report Date</td>
+        <td>{{ report.report.runDate }}</td>
+    </tr>
+    <tr>
+        <td>Report Status</td>
+        <td>Todo</td>
+    </tr>
+    <tr>
+        <td>Diagnosis</td>
+        <td>{{ report.report.diagnosis }}</td>
+    </tr>
+    <tr>
+        <td>Mild Chips</td>
+        <td>{{ report.report.chipPredictions.mild}}</td>
+    </tr>
+    <tr>
+        <td>Severe Chips</td>
+        <td>{{ report.report.chipPredictions.severe}}</td>
+    </tr>
+{% endblock %}
\ No newline at end of file
--- a/front_end/templates/includes/reports.html
+++ b/front_end/templates/includes/reports.html
@@ -6,7 +6,10 @@
  <th class="right">Run Date</th>
  {% for report in reports %}
  <tr>
-      <td class="left">{{ report.id }}</td>
+    <td class="left">
+      <a href="{{ url_for('get_report', report_id=report.id)}}">{{ report.id }}</a>
+    </td>
    <td class="left">Completed</td>
    <td class="right">{{ report.report.runDate }}</td>
  </tr>

--- a/front_end/templates/reportDetail.html
+++ b/front_end/templates/reportDetail.html
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Reports</title>
+    {% include 'includes/stylesload.html' %}
+</head>
+<body>
+    {% include 'includes/navbar.html' %}
+    <div class="container">
+        {% include 'includes/reportDetail.html' %}
+    </div>
+</body>