hiro/accounts-ui
1
0
Fork 0
mirror of https://github.com/vale981/accounts-ui synced 2025-03-05 09:51:40 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

Added support for different translation functions

Browse source
This commit is contained in:
Sebastian Ilves 2017-05-26 14:02:36 +02:00
parent 22e9f39cca
commit f7cdcd0b55
9 changed files with 94 additions and 65 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
CHANGELOG.md
View file

@ -1,5 +1,10 @@
# ChangeLog # ChangeLog
### v1.2.21
26-May-2017
* Added functionality to include your own translation function.
### v1.2.20 ### v1.2.20
13-March-2017 13-March-2017

14
README.md
View file

@ -399,14 +399,15 @@ To install the dependencies added in your package.json run:
// main.jsx // main.jsx
import React from 'react'; import React from 'react';
import PropTypes from 'prop-types';
import { Accounts, STATES } from 'meteor/std:accounts-ui'; import { Accounts, STATES } from 'meteor/std:accounts-ui';
/** /**
* Form.propTypes = { * Form.propTypes = {
* fields: React.PropTypes.object.isRequired, * fields: PropTypes.object.isRequired,
* buttons: React.PropTypes.object.isRequired, * buttons: PropTypes.object.isRequired,
* error: React.PropTypes.string, * error: PropTypes.string,
* ready: React.PropTypes.bool * ready: PropTypes.bool
* }; * };
*/ */
class Form extends Accounts.ui.Form { class Form extends Accounts.ui.Form {
@ -482,6 +483,11 @@ class NewLogin extends Accounts.ui.LoginForm {
return super.fields(); return super.fields();
} }
translate(text) {
// Here you specify your own translation function, e.g.
return this.props.t(text);
}
signUp(options = {}) { signUp(options = {}) {
const { firstname = null } = this.state; const { firstname = null } = this.state;
if (firstname !== null) { if (firstname !== null) {

9
imports/helpers.js
View file

@ -64,10 +64,10 @@ export function validateEmail(email, showMessage, clearMessage) {
if (Accounts.ui._options.emailPattern.test(email)) { if (Accounts.ui._options.emailPattern.test(email)) {
return true; return true;
} else if (!email || email.length === 0) { } else if (!email || email.length === 0) {
showMessage(T9n.get("error.emailRequired"), 'warning', false, 'email'); showMessage("error.emailRequired", 'warning', false, 'email');
return false; return false;
} else { } else {
showMessage(T9n.get("error.accounts.Invalid email"), 'warning', false, 'email'); showMessage("error.accounts.Invalid email", 'warning', false, 'email');
return false; return false;
} }
} }
@ -76,7 +76,8 @@ export function validatePassword(password = '', showMessage, clearMessage){
if (password.length >= Accounts.ui._options.minimumPasswordLength) { if (password.length >= Accounts.ui._options.minimumPasswordLength) {
return true; return true;
} else { } else {
const errMsg = T9n.get("error.minChar").replace(/7/, Accounts.ui._options.minimumPasswordLength); // const errMsg = T9n.get("error.minChar").replace(/7/, Accounts.ui._options.minimumPasswordLength);
const errMsg = "error.minChar"
showMessage(errMsg, 'warning', false, 'password'); showMessage(errMsg, 'warning', false, 'password');
return false; return false;
} }
@ -87,7 +88,7 @@ export function validateUsername(username, showMessage, clearMessage, formState)
return true; return true;
} else { } else {
const fieldName = (passwordSignupFields() === 'USERNAME_ONLY' || formState === STATES.SIGN_UP) ? 'username' : 'usernameOrEmail'; const fieldName = (passwordSignupFields() === 'USERNAME_ONLY' || formState === STATES.SIGN_UP) ? 'username' : 'usernameOrEmail';
showMessage(T9n.get("error.usernameRequired"), 'warning', false, fieldName); showMessage("error.usernameRequired", 'warning', false, fieldName);
return false; return false;
} }
} }

3
imports/ui/components/Button.jsx
View file

@ -1,4 +1,5 @@
import React from 'react'; import React from 'react';
import PropTypes from 'prop-types';
import { Accounts } from 'meteor/accounts-base'; import { Accounts } from 'meteor/accounts-base';
let Link; let Link;
try { Link = require('react-router').Link; } catch(e) {} try { Link = require('react-router').Link; } catch(e) {}
@ -28,7 +29,7 @@ export class Button extends React.Component {
} }
} }
Button.propTypes = { Button.propTypes = {
onClick: React.PropTypes.func onClick: PropTypes.func
}; };
Accounts.ui.Button = Button; Accounts.ui.Button = Button;

3
imports/ui/components/Field.jsx
View file

@ -1,4 +1,5 @@
import React from 'react'; import React from 'react';
import PropTypes from 'prop-types';
import { Accounts } from 'meteor/accounts-base'; import { Accounts } from 'meteor/accounts-base';
export class Field extends React.Component { export class Field extends React.Component {
@ -69,7 +70,7 @@ export class Field extends React.Component {
} }
} }
Field.propTypes = { Field.propTypes = {
onChange: React.PropTypes.func onChange: PropTypes.func
}; };
Accounts.ui.Field = Field; Accounts.ui.Field = Field;

16
imports/ui/components/Form.jsx
View file

@ -1,5 +1,6 @@
import React from 'react'; import React from 'react';
import ReactDOM from 'react-dom'; import ReactDOM from 'react-dom';
import PropTypes from 'prop-types';
import { Accounts } from 'meteor/accounts-base'; import { Accounts } from 'meteor/accounts-base';
import './Fields.jsx'; import './Fields.jsx';
import './Buttons.jsx'; import './Buttons.jsx';
@ -26,9 +27,11 @@ export class Form extends React.Component {
buttons, buttons,
error, error,
messages, messages,
translate,
ready = true, ready = true,
className className
} = this.props; } = this.props;
console.log(this.props);
return ( return (
<form <form
ref={(ref) => this.form = ref} ref={(ref) => this.form = ref}
@ -38,7 +41,7 @@ export class Form extends React.Component {
> >
<Accounts.ui.Fields fields={ fields } /> <Accounts.ui.Fields fields={ fields } />
<Accounts.ui.Buttons buttons={ buttons } /> <Accounts.ui.Buttons buttons={ buttons } />
<Accounts.ui.PasswordOrService oauthServices={ oauthServices } /> <Accounts.ui.PasswordOrService oauthServices={ oauthServices } translate={ translate } />
<Accounts.ui.SocialButtons oauthServices={ oauthServices } /> <Accounts.ui.SocialButtons oauthServices={ oauthServices } />
<Accounts.ui.FormMessages messages={messages} /> <Accounts.ui.FormMessages messages={messages} />
</form> </form>
@ -46,11 +49,12 @@ export class Form extends React.Component {
} }
} }
Form.propTypes = { Form.propTypes = {
oauthServices: React.PropTypes.object, oauthServices: PropTypes.object,
fields: React.PropTypes.object.isRequired, fields: PropTypes.object.isRequired,
buttons: React.PropTypes.object.isRequired, buttons: PropTypes.object.isRequired,
error: React.PropTypes.string, translate: PropTypes.func.isRequired,
ready: React.PropTypes.bool error: PropTypes.string,
ready: PropTypes.bool
}; };
Accounts.ui.Form = Form; Accounts.ui.Form = Form;

100
imports/ui/components/LoginForm.jsx
View file

@ -45,6 +45,7 @@ export class LoginForm extends Tracker.Component {
onPreSignUpHook: props.onPreSignUpHook || Accounts.ui._options.onPreSignUpHook, onPreSignUpHook: props.onPreSignUpHook || Accounts.ui._options.onPreSignUpHook,
onPostSignUpHook: props.onPostSignUpHook || Accounts.ui._options.onPostSignUpHook, onPostSignUpHook: props.onPostSignUpHook || Accounts.ui._options.onPostSignUpHook,
}; };
this.translate = this.translate.bind(this);
} }
componentDidMount() { componentDidMount() {
@ -71,21 +72,21 @@ export class LoginForm extends Tracker.Component {
Session.set(KEY_PREFIX + 'state', null); Session.set(KEY_PREFIX + 'state', null);
break; break;
} }
// Add default field values once the form did mount on the client // Add default field values once the form did mount on the client
this.setState(prevState => ({ this.setState(prevState => ({
...this.getDefaultFieldValues(), ...this.getDefaultFieldValues(),
})); }));
// Listen for the user to login/logout. // Listen for the user to login/logout.
this.autorun(() => { this.autorun(() => {
// Add the services list to the user. // Add the services list to the user.
this.subscribe('servicesList'); this.subscribe('servicesList');
this.setState({ this.setState({
user: Accounts.user() user: Accounts.user()
}); });
}); });
} }
@ -106,6 +107,13 @@ export class LoginForm extends Tracker.Component {
} }
} }
translate(text) {
// if (this.props.t) {
// return this.props.t(text);
// }
return T9n.get(text);
}
validateField(field, value) { validateField(field, value) {
const { formState } = this.state; const { formState } = this.state;
switch(field) { switch(field) {
@ -131,8 +139,8 @@ export class LoginForm extends Tracker.Component {
getUsernameOrEmailField() { getUsernameOrEmailField() {
return { return {
id: 'usernameOrEmail', id: 'usernameOrEmail',
hint: T9n.get('enterUsernameOrEmail'), hint: this.translate('enterUsernameOrEmail'),
label: T9n.get('usernameOrEmail'), label: this.translate('usernameOrEmail'),
required: true, required: true,
defaultValue: this.state.username || "", defaultValue: this.state.username || "",
onChange: this.handleChange.bind(this, 'usernameOrEmail'), onChange: this.handleChange.bind(this, 'usernameOrEmail'),
@ -143,8 +151,8 @@ export class LoginForm extends Tracker.Component {
getUsernameField() { getUsernameField() {
return { return {
id: 'username', id: 'username',
hint: T9n.get('enterUsername'), hint: this.translate('enterUsername'),
label: T9n.get('username'), label: this.translate('username'),
required: true, required: true,
defaultValue: this.state.username || "", defaultValue: this.state.username || "",
onChange: this.handleChange.bind(this, 'username'), onChange: this.handleChange.bind(this, 'username'),
@ -155,8 +163,8 @@ export class LoginForm extends Tracker.Component {
getEmailField() { getEmailField() {
return { return {
id: 'email', id: 'email',
hint: T9n.get('enterEmail'), hint: this.translate('enterEmail'),
label: T9n.get('email'), label: this.translate('email'),
type: 'email', type: 'email',
required: true, required: true,
defaultValue: this.state.email || "", defaultValue: this.state.email || "",
@ -168,8 +176,8 @@ export class LoginForm extends Tracker.Component {
getPasswordField() { getPasswordField() {
return { return {
id: 'password', id: 'password',
hint: T9n.get('enterPassword'), hint: this.translate('enterPassword'),
label: T9n.get('password'), label: this.translate('password'),
type: 'password', type: 'password',
required: true, required: true,
defaultValue: this.state.password || "", defaultValue: this.state.password || "",
@ -181,8 +189,8 @@ export class LoginForm extends Tracker.Component {
getSetPasswordField() { getSetPasswordField() {
return { return {
id: 'newPassword', id: 'newPassword',
hint: T9n.get('enterPassword'), hint: this.translate('enterPassword'),
label: T9n.get('choosePassword'), label: this.translate('choosePassword'),
type: 'password', type: 'password',
required: true, required: true,
onChange: this.handleChange.bind(this, 'newPassword') onChange: this.handleChange.bind(this, 'newPassword')
@ -192,8 +200,8 @@ export class LoginForm extends Tracker.Component {
getNewPasswordField() { getNewPasswordField() {
return { return {
id: 'newPassword', id: 'newPassword',
hint: T9n.get('enterNewPassword'), hint: this.translate('enterNewPassword'),
label: T9n.get('newPassword'), label: this.translate('newPassword'),
type: 'password', type: 'password',
required: true, required: true,
onChange: this.handleChange.bind(this, 'newPassword'), onChange: this.handleChange.bind(this, 'newPassword'),
@ -315,7 +323,7 @@ export class LoginForm extends Tracker.Component {
if (user && formState == STATES.PROFILE) { if (user && formState == STATES.PROFILE) {
loginButtons.push({ loginButtons.push({
id: 'signOut', id: 'signOut',
label: T9n.get('signOut'), label: this.translate('signOut'),
disabled: waiting, disabled: waiting,
onClick: this.signOut.bind(this) onClick: this.signOut.bind(this)
}); });
@ -324,7 +332,7 @@ export class LoginForm extends Tracker.Component {
if (this.showCreateAccountLink()) { if (this.showCreateAccountLink()) {
loginButtons.push({ loginButtons.push({
id: 'switchToSignUp', id: 'switchToSignUp',
label: T9n.get('signUp'), label: this.translate('signUp'),
type: 'link', type: 'link',
href: signUpPath, href: signUpPath,
onClick: this.switchToSignUp.bind(this) onClick: this.switchToSignUp.bind(this)
@ -334,7 +342,7 @@ export class LoginForm extends Tracker.Component {
if (formState == STATES.SIGN_UP || formState == STATES.PASSWORD_RESET) { if (formState == STATES.SIGN_UP || formState == STATES.PASSWORD_RESET) {
loginButtons.push({ loginButtons.push({
id: 'switchToSignIn', id: 'switchToSignIn',
label: T9n.get('signIn'), label: this.translate('signIn'),
type: 'link', type: 'link',
href: loginPath, href: loginPath,
onClick: this.switchToSignIn.bind(this) onClick: this.switchToSignIn.bind(this)
@ -344,7 +352,7 @@ export class LoginForm extends Tracker.Component {
if (this.showForgotPasswordLink()) { if (this.showForgotPasswordLink()) {
loginButtons.push({ loginButtons.push({
id: 'switchToPasswordReset', id: 'switchToPasswordReset',
label: T9n.get('forgotPassword'), label: this.translate('forgotPassword'),
type: 'link', type: 'link',
href: resetPasswordPath, href: resetPasswordPath,
onClick: this.switchToPasswordReset.bind(this) onClick: this.switchToPasswordReset.bind(this)
@ -359,7 +367,7 @@ export class LoginForm extends Tracker.Component {
&& (user.services && 'password' in user.services)) { && (user.services && 'password' in user.services)) {
loginButtons.push({ loginButtons.push({
id: 'switchToChangePassword', id: 'switchToChangePassword',
label: T9n.get('changePassword'), label: this.translate('changePassword'),
type: 'link', type: 'link',
href: changePasswordPath, href: changePasswordPath,
onClick: this.switchToChangePassword.bind(this) onClick: this.switchToChangePassword.bind(this)
@ -369,7 +377,7 @@ export class LoginForm extends Tracker.Component {
if (formState == STATES.SIGN_UP) { if (formState == STATES.SIGN_UP) {
loginButtons.push({ loginButtons.push({
id: 'signUp', id: 'signUp',
label: T9n.get('signUp'), label: this.translate('signUp'),
type: hasPasswordService() ? 'submit' : 'link', type: hasPasswordService() ? 'submit' : 'link',
className: 'active', className: 'active',
disabled: waiting, disabled: waiting,
@ -380,7 +388,7 @@ export class LoginForm extends Tracker.Component {
if (this.showSignInLink()) { if (this.showSignInLink()) {
loginButtons.push({ loginButtons.push({
id: 'signIn', id: 'signIn',
label: T9n.get('signIn'), label: this.translate('signIn'),
type: hasPasswordService() ? 'submit' : 'link', type: hasPasswordService() ? 'submit' : 'link',
className: 'active', className: 'active',
disabled: waiting, disabled: waiting,
@ -391,7 +399,7 @@ export class LoginForm extends Tracker.Component {
if (formState == STATES.PASSWORD_RESET) { if (formState == STATES.PASSWORD_RESET) {
loginButtons.push({ loginButtons.push({
id: 'emailResetLink', id: 'emailResetLink',
label: T9n.get('resetYourPassword'), label: this.translate('resetYourPassword'),
type: 'submit', type: 'submit',
disabled: waiting, disabled: waiting,
onClick: this.passwordReset.bind(this) onClick: this.passwordReset.bind(this)
@ -401,7 +409,7 @@ export class LoginForm extends Tracker.Component {
if (this.showPasswordChangeForm() || this.showEnrollAccountForm()) { if (this.showPasswordChangeForm() || this.showEnrollAccountForm()) {
loginButtons.push({ loginButtons.push({
id: 'changePassword', id: 'changePassword',
label: (this.showPasswordChangeForm() ? T9n.get('changePassword') : T9n.get('setPassword')), label: (this.showPasswordChangeForm() ? this.translate('changePassword') : this.translate('setPassword')),
type: 'submit', type: 'submit',
disabled: waiting, disabled: waiting,
onClick: this.passwordChange.bind(this) onClick: this.passwordChange.bind(this)
@ -410,7 +418,7 @@ export class LoginForm extends Tracker.Component {
if (Accounts.user()) { if (Accounts.user()) {
loginButtons.push({ loginButtons.push({
id: 'switchToSignOut', id: 'switchToSignOut',
label: T9n.get('cancel'), label: this.translate('cancel'),
type: 'link', type: 'link',
href: profilePath, href: profilePath,
onClick: this.switchToSignOut.bind(this) onClick: this.switchToSignOut.bind(this)
@ -418,7 +426,7 @@ export class LoginForm extends Tracker.Component {
} else { } else {
loginButtons.push({ loginButtons.push({
id: 'cancelResetPassword', id: 'cancelResetPassword',
label: T9n.get('cancel'), label: this.translate('cancel'),
type: 'link', type: 'link',
onClick: this.cancelResetPassword.bind(this), onClick: this.cancelResetPassword.bind(this),
}); });
@ -627,7 +635,7 @@ export class LoginForm extends Tracker.Component {
Meteor.loginWithPassword(loginSelector, password, (error, result) => { Meteor.loginWithPassword(loginSelector, password, (error, result) => {
onSubmitHook(error,formState); onSubmitHook(error,formState);
if (error) { if (error) {
this.showMessage(T9n.get(`error.accounts.${error.reason}`) || T9n.get("Unknown error"), 'error'); this.showMessage(`error.accounts.${error.reason}` || "unknown_error", 'error');
} }
else { else {
loginResultCallback(() => this.state.onSignedInHook()); loginResultCallback(() => this.state.onSignedInHook());
@ -683,10 +691,11 @@ export class LoginForm extends Tracker.Component {
options.forceApprovalPrompt = Accounts.ui._options.forceApprovalPrompt[serviceName]; options.forceApprovalPrompt = Accounts.ui._options.forceApprovalPrompt[serviceName];
this.clearMessages(); this.clearMessages();
const self = this
loginWithService(options, (error) => { loginWithService(options, (error) => {
onSubmitHook(error,formState); onSubmitHook(error,formState);
if (error) { if (error) {
this.showMessage(T9n.get(`error.accounts.${error.reason}`) || T9n.get("Unknown error")); this.showMessage(`error.accounts.${error.reason}` || "unknown_error");
} else { } else {
this.setState({ formState: STATES.PROFILE }); this.setState({ formState: STATES.PROFILE });
this.clearDefaultFieldValues(); this.clearDefaultFieldValues();
@ -753,12 +762,12 @@ export class LoginForm extends Tracker.Component {
const SignUp = function(_options) { const SignUp = function(_options) {
Accounts.createUser(_options, (error) => { Accounts.createUser(_options, (error) => {
if (error) { if (error) {
this.showMessage(T9n.get(`error.accounts.${error.reason}`) || T9n.get("Unknown error"), 'error'); this.showMessage(`error.accounts.${error.reason}` || "unknown_error", 'error');
if (T9n.get(`error.accounts.${error.reason}`)) { if (this.translate(`error.accounts.${error.reason}`)) {
onSubmitHook(`error.accounts.${error.reason}`, formState); onSubmitHook(`error.accounts.${error.reason}`, formState);
} }
else { else {
onSubmitHook("Unknown error", formState); onSubmitHook("unknown_error", formState);
} }
} }
else { else {
@ -804,10 +813,10 @@ export class LoginForm extends Tracker.Component {
Accounts.loginWithoutPassword({ email: email }, (error) => { Accounts.loginWithoutPassword({ email: email }, (error) => {
if (error) { if (error) {
this.showMessage(T9n.get(`error.accounts.${error.reason}`) || T9n.get("Unknown error"), 'error'); this.showMessage(`error.accounts.${error.reason}` || "unknown_error", 'error');
} }
else { else {
this.showMessage(T9n.get("info.emailSent"), 'success', 5000); this.showMessage(this.translate("info.emailSent"), 'success', 5000);
this.clearDefaultFieldValues(); this.clearDefaultFieldValues();
} }
onSubmitHook(error, formState); onSubmitHook(error, formState);
@ -818,10 +827,10 @@ export class LoginForm extends Tracker.Component {
Accounts.loginWithoutPassword({ email: usernameOrEmail, username: usernameOrEmail }, (error) => { Accounts.loginWithoutPassword({ email: usernameOrEmail, username: usernameOrEmail }, (error) => {
if (error) { if (error) {
this.showMessage(T9n.get(`error.accounts.${error.reason}`) || T9n.get("Unknown error"), 'error'); this.showMessage(`error.accounts.${error.reason}` || "unknown_error", 'error');
} }
else { else {
this.showMessage(T9n.get("info.emailSent"), 'success', 5000); this.showMessage(this.translate("info.emailSent"), 'success', 5000);
this.clearDefaultFieldValues(); this.clearDefaultFieldValues();
} }
onSubmitHook(error, formState); onSubmitHook(error, formState);
@ -830,10 +839,10 @@ export class LoginForm extends Tracker.Component {
} else { } else {
let errMsg = null; let errMsg = null;
if (_.contains([ "USERNAME_AND_EMAIL_NO_PASSWORD" ], passwordSignupFields())) { if (_.contains([ "USERNAME_AND_EMAIL_NO_PASSWORD" ], passwordSignupFields())) {
errMsg = T9n.get("error.accounts.Invalid email or username"); errMsg = this.translate("error.accounts.invalid_email");
} }
else { else {
errMsg = T9n.get("error.accounts.Invalid email"); errMsg = this.translate("error.accounts.invalid_email");
} }
this.showMessage(errMsg,'warning'); this.showMessage(errMsg,'warning');
onSubmitHook(errMsg, formState); onSubmitHook(errMsg, formState);
@ -858,10 +867,10 @@ export class LoginForm extends Tracker.Component {
Accounts.forgotPassword({ email: email }, (error) => { Accounts.forgotPassword({ email: email }, (error) => {
if (error) { if (error) {
this.showMessage(T9n.get(`error.accounts.${error.reason}`) || T9n.get("Unknown error"), 'error'); this.showMessage(`error.accounts.${error.reason}` || "unknown_error", 'error');
} }
else { else {
this.showMessage(T9n.get("info.emailSent"), 'success', 5000); this.showMessage(this.translate("info.emailSent"), 'success', 5000);
this.clearDefaultFieldValues(); this.clearDefaultFieldValues();
} }
onSubmitHook(error, formState); onSubmitHook(error, formState);
@ -891,11 +900,11 @@ export class LoginForm extends Tracker.Component {
if (token) { if (token) {
Accounts.resetPassword(token, newPassword, (error) => { Accounts.resetPassword(token, newPassword, (error) => {
if (error) { if (error) {
this.showMessage(T9n.get(`error.accounts.${error.reason}`) || T9n.get("Unknown error"), 'error'); this.showMessage(`error.accounts.${error.reason}` || "unknown_error", 'error');
onSubmitHook(error, formState); onSubmitHook(error, formState);
} }
else { else {
this.showMessage(T9n.get('info.passwordChanged'), 'success', 5000); this.showMessage(this.translate('info.passwordChanged'), 'success', 5000);
onSubmitHook(null, formState); onSubmitHook(null, formState);
this.setState({ formState: STATES.PROFILE }); this.setState({ formState: STATES.PROFILE });
Accounts._loginButtonsSession.set('resetPasswordToken', null); Accounts._loginButtonsSession.set('resetPasswordToken', null);
@ -907,11 +916,11 @@ export class LoginForm extends Tracker.Component {
else { else {
Accounts.changePassword(password, newPassword, (error) => { Accounts.changePassword(password, newPassword, (error) => {
if (error) { if (error) {
this.showMessage(T9n.get(`error.accounts.${error.reason}`) || T9n.get("Unknown error"), 'error'); this.showMessage(`error.accounts.${error.reason}` || "unknown_error", 'error');
onSubmitHook(error, formState); onSubmitHook(error, formState);
} }
else { else {
this.showMessage(T9n.get('info.passwordChanged'), 'success', 5000); this.showMessage('info.passwordChanged', 'success', 5000);
onSubmitHook(null, formState); onSubmitHook(null, formState);
this.setState({ formState: STATES.PROFILE }); this.setState({ formState: STATES.PROFILE });
this.clearDefaultFieldValues(); this.clearDefaultFieldValues();
@ -921,7 +930,7 @@ export class LoginForm extends Tracker.Component {
} }
showMessage(message, type, clearTimeout, field){ showMessage(message, type, clearTimeout, field){
message = message.trim(); message = this.translate(message).trim();
if (message) { if (message) {
this.setState(({ messages = [] }) => { this.setState(({ messages = [] }) => {
messages.push({ messages.push({
@ -994,6 +1003,7 @@ export class LoginForm extends Tracker.Component {
buttons={this.buttons()} buttons={this.buttons()}
{...this.state} {...this.state}
message={message} message={message}
translate={this.translate}
/> />
); );
} }

7
imports/ui/components/PasswordOrService.jsx
View file

@ -1,4 +1,5 @@
import React from 'react'; import React from 'react';
import PropTypes from 'prop-types';
import { Accounts } from 'meteor/accounts-base'; import { Accounts } from 'meteor/accounts-base';
import { T9n } from 'meteor/softwarerero:accounts-t9n'; import { T9n } from 'meteor/softwarerero:accounts-t9n';
import { hasPasswordService } from '../../helpers.js'; import { hasPasswordService } from '../../helpers.js';
@ -15,7 +16,7 @@ export class PasswordOrService extends React.Component {
} }
render () { render () {
let { className = "password-or-service", style = {} } = this.props; let { className = "password-or-service", style = {}, translate } = this.props;
let { hasPasswordService, services } = this.state; let { hasPasswordService, services } = this.state;
labels = services; labels = services;
if (services.length > 2) { if (services.length > 2) {
@ -25,7 +26,7 @@ export class PasswordOrService extends React.Component {
if (hasPasswordService && services.length > 0) { if (hasPasswordService && services.length > 0) {
return ( return (
<div style={ style } className={ className }> <div style={ style } className={ className }>
{ `${T9n.get('orUse')} ${ labels.join(' / ') }` } { `${translate('orUse')} ${ labels.join(' / ') }` }
</div> </div>
); );
} }
@ -33,7 +34,7 @@ export class PasswordOrService extends React.Component {
} }
} }
PasswordOrService.propTypes = { PasswordOrService.propTypes = {
oauthServices: React.PropTypes.object oauthServices: PropTypes.object
}; };
Accounts.ui.PasswordOrService = PasswordOrService; Accounts.ui.PasswordOrService = PasswordOrService;

2
package.js
View file

@ -1,6 +1,6 @@
Package.describe({ Package.describe({
name: 'std:accounts-ui', name: 'std:accounts-ui',
version: '1.2.20', version: '1.2.21',
summary: 'Accounts UI for React in Meteor 1.3+', summary: 'Accounts UI for React in Meteor 1.3+',
git: 'https://github.com/studiointeract/accounts-ui', git: 'https://github.com/studiointeract/accounts-ui',
documentation: 'README.md' documentation: 'README.md'