Customize account templates


#1

Hi

I try to use this guide https://guide.meteor.com/accounts.html#accounts-base for customize meteor-useraccounts/unstyled

How i can use that? I don’t understand. I installed the addon.

// Called by
import React from 'react';
import Blaze from 'meteor/gadicc:blaze-react-component';
import { Template } from 'meteor/templating';
import './override-at_form.html';
Template['override-at_form'].replaces('atForm');
class LoginModal extends React.Component {
  componentDidMount() {
    $('.ui.modal')
      .modal('setting', 'hide', true);
    ;
  }
  openModal() {
    $('.ui.modal').modal('show');
  }
  render() {
    if (this.props.open == true) this.openModal();
    return (
      <div className="ui modal">
        <i className="close icon"></i>
          <Blaze template="atForm" />
      </div>
    );
  }
}
export default LoginModal;

The error is: TypeError: Template[‘override-at_form’] is undefined

Thanks


#2

Do you have an override Template ?

<template name="override-at_form">
    here is what you like to override
</template>

#3

Yes. In the same folder.

override-at_form.html

<template name="override-atForm">
  {{#unless hide}}
    <div class="at-form">
      <p>Test</p>
      {{#if showTitle}}
        {{> atTitle}}
      {{/if}}
      {{#if showOauthServices}}
        {{> atOauth}}
      {{/if}}
      {{#if showServicesSeparator}}
        {{> atSep}}
      {{/if}}
      {{#if showError}}
        {{> atError}}
      {{/if}}
      {{#if showResult}}
        {{> atResult}}
      {{/if}}
      {{#if showMessage}}
        {{> atMessage}}
      {{/if}}
      {{#if showPwdForm}}
        {{> atPwdForm}}
      {{/if}}
      {{#if showTermsLink}}
        {{> atTermsLink}}
      {{/if}}
      {{#if showSignInLink}}
        {{> atSigninLink}}
      {{/if}}
      {{#if showSignUpLink}}
        {{> atSignupLink}}
      {{/if}}
      {{#if showResendVerificationEmailLink}}
        {{> atResendVerificationEmailLink}}
      {{/if}}
    </div>
  {{/unless}}
</template>

Do you have a code example with this function working?

Thanks


#4

You have a Typo in your Template. In your JS File you have at_Form and in your Template you have atForm
Hopefully this wil solve it ? Let me know.
Thanks


#5

thanks but don’t work :frowning: