docs/confirm-restore: restyled the page

Signed-off-by: Rico Hoppe <rico.hoppe@ipfire.org>

diff --git a/src/templates/docs/confirm-restore.html b/src/templates/docs/confirm-restore.html
index 3001a5faa8ef53934c0b6d6127f777ce8977be5e..1ea6635174b6502ca2c645a56b3c494911341190 100644 (file)
--- a/src/templates/docs/confirm-restore.html
+++ b/src/templates/docs/confirm-restore.html
@@ -3,13 +3,13 @@
 {% block title %}{{ _("Restore %s") % page.page }}{% end block %}
 
 {% block content %}
-       <div class="row justify-content-center my-5">
+       <!--<div class="row justify-content-center my-5">
                <div class="col col-md-6">
                        <div class="card card-body">
                                <h5 class=" mb-4">{{ _("Restore %s") % page.page }}</h5>
 
                                <p>
-                                       {{ _("Do you really want to restore this page to its revision from %s?") % locale.format_date(page.timestamp) }}
+                                       {{ _("Do you really want to restore this page to its revision from %s?") % locale.format_date(page.timestamp) }}
                                </p>
 
                                <form action="/docs/_restore" method="POST">
@@ -31,5 +31,53 @@
                                </form>
                        </div>
                </div>
-       </div>
+       </div>-->
+
+       <section class="hero is-light">
+               <div class="hero-body">
+                       <div class="container">
+                               <nav class="breadcrumb" aria-label="breadcrumbs">
+                                       <ul>
+                                               <li>
+                                                       <a href="/">{{ _("Home") }}</a>
+                                               </li>
+                                               <li>
+                                                       <a href="/docs">{{ _("Documentation") }}</a>
+                                               </li>
+                                               <li>
+                                                       <a href="">{{ page.page }}</a>
+                                               </li>
+                                               <li class="is-active">
+                                                       <a href="#" aria-current="page">{{ _("Restore %s") % page.page }}</a>
+                                               </li>
+                                       </ul>
+                               </nav>
+
+                               <h1 class="title">{{ _("Restore %s") % page.page }}</h1>
+                       </div>
+               </div>
+       </section>
+
+       <section class="section">
+               <p>
+                       {{ _("Do you really want to restore this page to its revision from %s?") % locale.format_date(page.timestamp) }}
+               </p>
+
+               <form action="/docs/_restore" method="POST">
+                       {% raw xsrf_form_html() %}
+
+                       <input type="hidden" name="path" value="{{ page.page }}">
+                       <input type="hidden" name="revision" value="{{ page.timestamp.isoformat() }}">
+
+                       <div class="control">
+                               <input class="input" type="text" name="comment"
+                                       placeholder="{{ _("Comment") }}">
+                       </div>
+
+                       <button type="submit" class="button is-warning">
+                               {{ _("Restore") }}
+                       </button>
+               </form>
+       </section>
+
 {% end block %}