ui: friendly user-lostpass

packages/ui-default/templates/partials/login_dialog.html

@@ -44,7 +44,7 @@
         {%- endfor -%}
         <div class="row"><div class="columns">
           <div class="supplementary text-center">
-            <a href="{{ url('user_lostpass') }}">{{ _('Forgot password or username?') }}</a>
+            <a {% if not model.system.get('smtp.user') %}data-lostpass href="#"{% else %}href="{{ url('user_lostpass') }}"{% endif %}>{{ _('Forgot password or username?') }}</a>
           </div>
         </div></div>
       </form>

packages/ui-default/templates/user_lostpass.html

@@ -3,20 +3,26 @@
 <div class="row"><div class="columns">
   <div class="immersive--content immersive--center">
     <h1>{{ _('Lost Password') }}</h1>
-    <form method="POST">
-      <div class="row"><div class="columns">
-        <label class="inverse material textbox">
-          {{ _('Email') }}
-          <input name="mail" type="text" autofocus>
-        </label>
-      </div></div>
-      <div class="row"><div class="columns">
-        <div class="text-center">
-          <input type="hidden" name="csrfToken" value="{{ handler.csrfToken }}">
-          <input type="submit" value="{{ _('Send Password Reset Email') }}" class="inverse rounded primary button">
-        </div>
-      </div></div>
-    </form>
+    {% if not model.system.get('smtp.user') %}
+      <div class="text-center">
+        {{ _('Relax and try to remember your password.') }}
+      </div>
+    {% else %}
+      <form method="POST">
+        <div class="row"><div class="columns">
+          <label class="inverse material textbox">
+            {{ _('Email') }}
+            <input name="mail" type="text" autofocus>
+          </label>
+        </div></div>
+        <div class="row"><div class="columns">
+          <div class="text-center">
+            <input type="hidden" name="csrfToken" value="{{ handler.csrfToken }}">
+            <input type="submit" value="{{ _('Send Password Reset Email') }}" class="inverse rounded primary button">
+          </div>
+        </div></div>
+      </form>
+    {% endif %}
   </div>
 </div></div>
 {% endblock %}