diff --git a/src/js/yunohost/controllers/tools.js b/src/js/yunohost/controllers/tools.js
index 63b850f8..d2ae7a4f 100644
--- a/src/js/yunohost/controllers/tools.js
+++ b/src/js/yunohost/controllers/tools.js
@@ -108,6 +108,15 @@
         });
     });
 
+    // One journal
+    app.get('#/tools/journals/:file_name', function (c) {
+        c.api("/journals/" + c.params["file_name"], function(journal) {
+            c.view('tools/tools_journal', {
+                "journal": journal,
+            });
+        });
+    });
+
     // Download SSL Certificate Authority
     app.get('#/tools/ca', function (c) {
         c.view('tools/tools_ca');
diff --git a/src/views/tools/tools_journal.ms b/src/views/tools/tools_journal.ms
new file mode 100644
index 00000000..986acfad
--- /dev/null
+++ b/src/views/tools/tools_journal.ms
@@ -0,0 +1,47 @@
+{{#journal}}
+<div class="btn-breadcrumb">
+    <a href="#/" ><i class="fa-home"></i><span class="sr-only">{{t 'home'}}</span></a>
+    <a href="#/tools">{{t 'tools'}}</a>
+    <a href="#/tools/journals">{{t 'journals'}}</a>
+    <a href="#/tools/journals/" + {{ file_name }}>{{ name }} - {{ started_at }}</a>
+</div>
+
+<div class="separator"></div>
+
+<div class="panel panel-default">
+    <div class="panel-heading">
+        <h2 class="panel-title"><span class="fa-fw fa-info-circle"></span> {{t 'infos'}}</h2>
+    </div>
+    <div class="panel-body">
+        <dl class="dl-horizontal">
+            <dt>{{t 'name'}}</dt><dd>{{ name }}</dd>
+            <dt>{{t 'started_at'}}</dt> <dd>{{ started_at }}</dd>
+            <dt>{{t 'path'}}</dt> <dd>{{ path }}</dd>
+            {{#each metadata}}
+            <dt>{{@key}}</dt>
+            <dd>{{.}}</dd>
+            {{/each}}
+        </dl>
+    </div>
+</div>
+
+<div class="panel panel-default">
+    <div class="panel-heading">
+        <h2 class="panel-title"><span class="fa-fw fa-file-text"></span> {{t 'logs'}}</h2>
+    </div>
+    <div class="panel-body">
+        <table>
+            <tr>
+                <td> <!-- no indent because pre is sensible to whitespaces -->
+<pre>{{#logs}}{{datetime}}
+{{/logs}}</pre>
+                </td>
+                <td> <!-- no indent because pre is sensible to whitespaces -->
+<pre>{{#logs}}{{{line}}}
+{{/logs}}</pre>
+                </td>
+            </tr>
+        </table>
+    </div>
+</div>
+{{/journal}}