OSDN Git Service

fix reset password link and style
authorhylom <hylom@users.sourceforge.jp>
Mon, 26 Nov 2018 10:28:13 +0000 (19:28 +0900)
committerhylom <hylom@users.sourceforge.jp>
Mon, 26 Nov 2018 10:28:13 +0000 (19:28 +0900)
src/newslash_web/css/newslash/base.less
src/newslash_web/css/newslash/form.less
src/newslash_web/css/newslash/ui.less
src/newslash_web/lib/Newslash/Web/Controller/Login.pm
src/newslash_web/templates/common/login_dialog.html.tt2
src/newslash_web/templates/login/reset_password.html.tt2

index 78f5c4a..110e257 100644 (file)
 }
 
 /**** button style ****/
+/*
 .buttonized-link {
     display: inline-block;
     font-size: 85%;
     -moz-border-radius: 10px;
     -webkit-border-radius: 10px;
 }
+*/
+
+.button {
+    &:extend(.button-base all);
+    box-sizing: border-box;
+    padding: 0 8px;
+}
+
+a.button {
+    color: @foreground-color;
+    &:hover {
+        color: @foreground-color;
+        text-decoration: none;
+    }
+}
+
 
 /**** Boxes ****/
 .bordered-box {
index d972779..55b5ab2 100644 (file)
 }
 
 .button-base {
-    padding: 6px 8px;
     margin: 4px 0;
     border-radius: 4px;
     border: 1px solid @form-element-border-color;
     box-shadow: 0px 0px 2px 0px @form-element-shadow-color;
     background: inherit;
     cursor: pointer;
+    font-size: 80%;
+    display: inline-block;
+
+    &:disabled { cursor: inherit; }
+    &:hover:not(:disabled) { background: @form-element-hover-background; }
+    .active:not(:disabled) { background: @form-element-hover-background; }
 }
 
 .checkbox-base {
@@ -73,17 +78,18 @@ form:not(.compact), .form {
         &:extend(.text-form);
     }
 
-    button { &:extend(.button-base); }
-    button:disabled { cursor: inherit; }
-    button:hover:not(:disabled) { background: @form-element-hover-background; }
-    button.active:not(:disabled) { background: @form-element-hover-background; }
-
-    input[type="submit"] { &:extend(.button-base); }
-    input[type="submit"]:disabled { cursor: inherit; }
-    input[type="submit"]:hover:not(:disabled) { background: @form-element-hover-background; }
-
+    button {
+        &:extend(.button-base all);
+        padding: 6px 8px;
+    }
+    
+    input[type="submit"] {
+        &:extend(.button-base all);
+        padding: 6px 8px;
+    }
 
     select {
-        &:extend(.button-base);
+        &:extend(.button-base all);
+        padding: 6px 8px;
     }
 }
\ No newline at end of file
index fc89e86..dd71823 100644 (file)
@@ -83,6 +83,7 @@ li.dropdown {
     li {
         &:extend(.flatten);
         &:extend(.button-base);
+        padding: 6px 8px;
     }
     li:hover, li.active {
         background: @form-element-hover-background;
index bd5fbd9..df1c578 100644 (file)
@@ -117,7 +117,7 @@ sub reset_password {
         # check done
         my $rs = $c->users->reset_password($the_user);
         if (!$rs) {
-            $c->render(result => "ERROR");
+            $c->render(result => $c->users->last_error, email => $email);
             $c->res->code(400);
             return;
         }
index f7b1953..41ff871 100644 (file)
       <div class="dialog-footer">
         <button type="button" class="btn btn-default" @click="doCancel">キャンセル</button>
         <button type="button" class="btn btn-primary" @click="doLogin">ログイン</button>
-        <a href="https://srad.jp/my/newuser" class="btn btn-default pull-right">新規アカウント作成</a>
       </div>
 
+      <div>
+        <a href="/my/resetpassword">パスワード再発行</a>
+        <a href="https://srad.jp/my/newuser" class="pull-right">新規アカウント作成</a>
+      </div>
     </form><!-- .dialog -->
+
   </div><!-- .dialog-wrapper -->
 </script>
 
index 97a455b..a9adb21 100644 (file)
       
     <form id="password-reset-form" action="/my/resetpassword" method="POST">
       <label>登録メールアドレス:
-        [%- IF result %]
-        <div class="alert-error">
-          [%- IF result == "INVALID_EMAIL" -%]正しいメールアドレスを入力してください
-          [%- ELSIF result == "NOT_FOUND" -%]入力されたメールアドレスは登録されていません
-          [%- ELSE %]エラー[% END -%]
-        </div>
-        [%- END %]
         <input id="email"  type="text" name="email" value="[% email %]"/>
       </label>
 
       <input class="btn btn-primary" type="submit" value="確認メールを送信する" />
+      [%- IF result %]
+      <div class="alert-error">
+        [%- IF result == "INVALID_EMAIL" -%]正しいメールアドレスを入力してください
+        [%- ELSIF result == "NOT_FOUND" -%]入力されたメールアドレスは登録されていません
+        [%- ELSE %]エラー([% result %])[% END -%]
+      </div>
+      [%- END %]
     </form>
     [%- END %]
   </div><!-- .panel -->