Завёрстана форма ввода пароля для паролезащищённых форм

src/components/profile/passwordRequestForm/PasswordRequestForm.intl.json

@@ -1,4 +1,5 @@
 {
-    "pleaseEnterPassword": "Please, enter your current password",
-    "title": "Confirm your action"
+    "title": "Confirm your action",
+    "description": "To complete action enter the account password",
+    "continue": "Continue"
 }

src/components/profile/passwordRequestForm/PasswordRequestForm.jsx

@@ -2,8 +2,11 @@ import React, { Component, PropTypes } from 'react';
 
 import { FormattedMessage as Message } from 'react-intl';
 
+import classNames from 'classnames';
+
 import { Form, Button, Input, FormModel } from 'components/ui/form';
 import popupStyles from 'components/ui/popup/popup.scss';
+import styles from './passwordRequestForm.scss';
 
 import messages from './PasswordRequestForm.intl.json';
 
@@ -28,18 +31,28 @@ export default class PasswordRequestForm extends Component {
                     </h2>
                 </div>
 
-                <div className={popupStyles.body}>
+                <div className={classNames(popupStyles.body, styles.body)}>
+                    <span className={styles.lockIcon} />
+
+                    <div className={styles.description}>
+                        <Message {...messages.description} />
+                    </div>
+
                     <Input {...form.bindField('password')}
                         type="password"
                         required
                         autoFocus
                         color="green"
                         skin="light"
-                        icon="key"
-                        placeholder={messages.pleaseEnterPassword}
+                        center
                     />
                 </div>
-                <Button color="green" label="OK" block type="submit" />
+                <Button
+                    color="green"
+                    label={messages.continue}
+                    block
+                    type="submit"
+                />
             </Form>
         );
     }

src/components/profile/passwordRequestForm/passwordRequestForm.scss

@@ -0,0 +1,16 @@
+.body {
+    text-align: center;
+}
+
+.lockIcon {
+    composes: lock from 'components/ui/icons.scss';
+
+    font-size: 90px;
+    color: #AAA;
+    margin-bottom: 15px;
+}
+
+.description {
+    font-size: 12px;
+    margin-bottom: 15px;
+}

src/i18n/be.json

@@ -113,8 +113,9 @@
     "components.profile.nickname": "Нік",
     "components.profile.oldHashingAlgoWarning": "Для пароля ўжываецца стары алгарытм хэшыравання<br />Калі ласка, змяніце пароль.",
     "components.profile.password": "Пароль",
-    "components.profile.passwordRequestForm.pleaseEnterPassword": "Калі ласка, увядзіце пароль ад акаўнта",
-    "components.profile.passwordRequestForm.title": "Confirm your action",
+    "components.profile.passwordRequestForm.continue": "Працягнуць",
+    "components.profile.passwordRequestForm.description": "Каб завершыць, увядзіце пароль ад акаўнта",
+    "components.profile.passwordRequestForm.title": "Пацвердзіце дзеянне",
     "components.profile.personalData": "Асабістыя даныя",
     "components.profile.preferencesDescription": "Тут вы можаце змяніць асноўныя параметры вашага акаўнта. Звярніце ўвагу, што для ўсіх дзеянняў неабходна пацверджанне з дапамогай уводу пароля.",
     "components.profile.projectRules": "правілах праекта",

src/i18n/en.json

@@ -113,7 +113,8 @@
     "components.profile.nickname": "Nickname",
     "components.profile.oldHashingAlgoWarning": "Your was hashed with an old hashing algorithm.<br />Please, change password.",
     "components.profile.password": "Password",
-    "components.profile.passwordRequestForm.pleaseEnterPassword": "Please, enter your current password",
+    "components.profile.passwordRequestForm.continue": "Continue",
+    "components.profile.passwordRequestForm.description": "To complete action enter the account password",
     "components.profile.passwordRequestForm.title": "Confirm your action",
     "components.profile.personalData": "Personal data",
     "components.profile.preferencesDescription": "Here you can change the key preferences of your account. Please note that all actions must be confirmed by entering a password.",

src/i18n/ru.json

@@ -113,8 +113,9 @@
     "components.profile.nickname": "Ник",
     "components.profile.oldHashingAlgoWarning": "Для пароля применяется старый алгоритм хэширования<br />Пожалуйста, смените пароль.",
     "components.profile.password": "Пароль",
-    "components.profile.passwordRequestForm.pleaseEnterPassword": "Пожалуйста, введите пароль от аккаунта",
-    "components.profile.passwordRequestForm.title": "Confirm your action",
+    "components.profile.passwordRequestForm.continue": "Продолжить",
+    "components.profile.passwordRequestForm.description": "Для завершения, укажите пароль от аккаунта",
+    "components.profile.passwordRequestForm.title": "Подтвердите действие",
     "components.profile.personalData": "Персональные данные",
     "components.profile.preferencesDescription": "Здесь вы можете сменить ключевые параметры вашего аккаунта. Обратите внимание, что для всех действий необходимо подтверждение при помощи ввода пароля.",
     "components.profile.projectRules": "правилам проекта",