bootstrap4: port all user sites to bootstrap4

[pbs.git] / src / templates / user-profile-passwd-ok.html

diff --git a/src/templates/user-profile-passwd-ok.html b/src/templates/user-profile-passwd-ok.html
index 94a3c0079e0e4a8feeaf44f595c911ceb1b5ebb2..11f9a43d6ae2bc28f82812b47ac9d52f7388dd35 100644 (file)
--- a/src/templates/user-profile-passwd-ok.html
+++ b/src/templates/user-profile-passwd-ok.html
@@ -3,35 +3,35 @@
 {% block title %}{{ _("Password changed") }}{% end block %}
 
 {% block body %}
-       <ul class="breadcrumb">
-               <li>
-                       <a href="/">{{ _("Home") }}</a>
-                       <span class="divider">/</span>
-               </li>
-               <li>
-                       <a href="/users">{{ _("Users") }}</a>
-                       <span class="divider">/</span>
-               </li>
-               <li>
-                       <a href="/user/{{ user.name }}">{{ user.realname }}</a>
-                       <span class="divider">/</span>
-               </li>
-               <li>
-                       <a href="/user/{{ user.name }}/passwd">{{ _("Change password") }}</a>
-                       <span class="divider">/</span>
-               </li>
-               <li class="active">
-                       {{ _("Done!") }}
-               </li>
-       </ul>
 
-       <div class="page-header">
-               <h1>{{ _("Password changed") }}</h1>
+<div class="row">
+               <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
+                       <nav aria-label="breadcrumb" role="navigation">
+                               <ol class="breadcrumb">
+                                       <li class="breadcrumb-item"><a href="/">{{ _("Home") }}</a></li>
+                                       <li class="breadcrumb-item">
+                                               <a href="/users">{{ _("Users") }}</a>
+                                       </li>
+                                       <li class="breadcrumb-item">
+                                               <a href="/user/{{ user.name }}">{{ user.realname }}</a>
+                                       </li>
+                                       <li class="breadcrumb-item">
+                                               <a href="/user/{{ user.name }}/passwd">{{ _("Change password") }}</a>
+                                       </li>
+                                       <li class="breadcrumb-item">
+                                               {{ _("Done!") }}
+                                       </li>
+                               </ol>
+                       </nav>
+               </div>
        </div>
 
        <div class="row">
-               <div class="span6 offset3">
-                       <div class="well">
+               <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
+                       <div class="alert alert-success" role="alert">
+                               <h2 style="word-wrap: break-word;" class="alert-heading">
+                                       {{ _("Password changed") }}
+                               </h2>
                                {% if current_user == user %}
                                        <p>
                                                {{ _("Your password has successfully been changed.") }}
@@ -41,11 +41,14 @@
                                                {{ _("The password of %s has successfully been changed.") % user.realname }}
                                        </p>
                                {% end %}
-
-                               <div class="pull-right">
-                                       <a class="btn btn-primary" href="/user/{{ user.name }}">{{ _("Ok") }}</a>
-                               </div>
                        </div>
                </div>
        </div>
+
+       <div class="row justify-content-end">
+               <div class="col-12 col-sm-12 col-md-5 col-lg-4 col-xl-3">
+                       <a class="btn btn-block btn-success" href="/user/{{ user.name }}">{{ _("Ok") }}</a>
+               </div>
+       </div>
+
 {% end %}