2018-03-05 12:43:11 -05:00
|
|
|
|
|
|
|
|
2013-07-10 14:02:38 -04:00
|
|
|
|
2018-03-05 13:18:51 -05:00
|
|
|
import React, { Component } from react
|
|
|
|
|
|
|
|
class MyComponent extends Component {
|
|
|
|
render = () => {
|
|
|
|
return (
|
2014-08-12 11:09:53 -04:00
|
|
|
<div id="yield">
|
2018-03-05 12:33:16 -05:00
|
|
|
{ form_for(resource, :as => resource_name, :url => password_path(resource_name), :html => { :method => :put, :className => "forgotPassword centerGreyForm forgotPasswordReset" }) do |f| }
|
2018-03-03 21:25:42 -05:00
|
|
|
{ f.hidden_field :reset_password_token }
|
2013-07-10 14:02:38 -04:00
|
|
|
|
2014-10-27 18:24:30 -04:00
|
|
|
<h3>Change password</h3>
|
2013-07-10 14:02:38 -04:00
|
|
|
|
2018-03-05 12:33:16 -05:00
|
|
|
<div>{ f.label :password, "New password", :className => "firstFieldText" }
|
2018-03-03 21:25:42 -05:00
|
|
|
{ f.password_field :password, :autofocus => true }</div>
|
2013-07-10 14:02:38 -04:00
|
|
|
|
2018-03-05 12:33:16 -05:00
|
|
|
<div>{ f.label :password_confirmation, "Confirm new password", :className => "firstFieldText" }
|
2018-03-03 21:25:42 -05:00
|
|
|
{ f.password_field :password_confirmation }</div>
|
2013-07-10 14:02:38 -04:00
|
|
|
|
2018-03-03 21:25:42 -05:00
|
|
|
<div>{ f.submit "Change my password" }</div>
|
2013-07-10 14:02:38 -04:00
|
|
|
|
2018-03-03 21:25:42 -05:00
|
|
|
{ end }
|
2014-08-12 11:09:53 -04:00
|
|
|
</div>
|
2018-03-05 13:18:51 -05:00
|
|
|
)
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
export default MyComponent
|
2013-07-10 14:02:38 -04:00
|
|
|
|