import React, { Component } from react class MyComponent extends Component { render = () => { return (
{ form_for @user, url: user_url, :html =>{ :multipart => true, :className => "edit_user centerGreyForm"} do |form| }

Edit Settings

{ image_tag @user.image.url(:ninetysix), :size => "84x84" }
  • Upload Photo { hidden_field_tag "remove_image", "0" } { form.file_field :image } { form.label :image }
  • Remove
  • Cancel
{ @user.name }
{ form.label :name, "Name:", className: 'firstFieldText' } { form.text_field :name }
{ form.label :email, "Email:", className: 'firstFieldText' } { form.email_field :email }
{ form.label :emails_allowed, className: 'firstFieldText' do } { form.check_box :emails_allowed, className: 'inline' } Send Metamaps notifications to my email. { end } { fields_for :settings, @user.settings do |settings| } { settings.label :follow_topic_on_created, className: 'firstFieldText' do } { settings.check_box :follow_topic_on_created, className: 'inline' } Auto-follow topics you create. { end } { settings.label :follow_topic_on_contributed, className: 'firstFieldText' do } { settings.check_box :follow_topic_on_contributed, className: 'inline' } Auto-follow topics you edit. { end } { settings.label :follow_map_on_created, className: 'firstFieldText' do } { settings.check_box :follow_map_on_created, className: 'inline' } Auto-follow maps you create. { end } { settings.label :follow_map_on_contributed, className: 'firstFieldText' do } { settings.check_box :follow_map_on_contributed, className: 'inline' } Auto-follow maps you edit. { end } { end }
Change Password
{ form.label :current_password, "Current Password:", :className => "firstFieldText" } { password_field_tag :current_password, params[:current_password] }
{ form.label :password, "New Password:", :className => "firstFieldText" } { form.password_field :password, :autocomplete => :off}
{ form.label :password_confirmation, "Confirm New Password:", :className => "firstFieldText" } { form.password_field :password_confirmation, :autocomplete => :off}
Oops, don't change password
{ form.submit "Update", className: "update", onclick: "Metamaps.Account.showLoading()" }
{ end }
) } } export default MyComponent