From e85f38fbde2acf34f029763915e23f9b250bb816 Mon Sep 17 00:00:00 2001
From: ivan <ivan@opensupports.com>
Date: Wed, 14 Sep 2016 20:03:15 -0300
Subject: [PATCH 1/4] Guillermo/Ivan - Frontend - Add edit-email form [skip ci]

---
 .../dashboard-edit-profile-page.js            | 37 ++++++++++++++++++-
 .../dashboard-edit-profile-page.scss          |  9 +++++
 client/src/data/fixtures/user-fixtures.js     | 10 +++++
 3 files changed, 54 insertions(+), 2 deletions(-)
 create mode 100644 client/src/app/main/dashboard/dashboard-edit-profile/dashboard-edit-profile-page.scss

diff --git a/client/src/app/main/dashboard/dashboard-edit-profile/dashboard-edit-profile-page.js b/client/src/app/main/dashboard/dashboard-edit-profile/dashboard-edit-profile-page.js
index 3cfb7621..3d00f610 100644
--- a/client/src/app/main/dashboard/dashboard-edit-profile/dashboard-edit-profile-page.js
+++ b/client/src/app/main/dashboard/dashboard-edit-profile/dashboard-edit-profile-page.js
@@ -1,14 +1,47 @@
 import React from 'react';
 
+import API from 'lib-app/api-call';
+
+import Header from 'core-components/header';
+import Form from 'core-components/form';
+import FormField from 'core-components/form-field';
+import SubmitButton from 'core-components/submit-button';
+
 class DashboardEditProfilePage extends React.Component {
 
+    state = {
+        loading: false
+    };
+
     render() {
         return (
-            <div>
-                DASHBOARD EDIT PROFILE
+            <div className="edit-profile-page">
+                <Header title="Edit Profile" description="adsfasdfasdfasdfasdf asdfa" />
+                <div className="edit-profile-page__title">Edit Email</div>
+                <Form loading={this.state.loading} onSubmit={this.onSubmit.bind(this)}>
+                    <FormField name="newEmail" label="New Email" field="input" validation="EMAIL" required/>
+                    <SubmitButton>CHANGE EMAIL</SubmitButton>
+                </Form>
             </div>
         );
     }
+    
+    onSubmit(formState) {
+        this.setState({
+            loading: true
+        });
+
+        API.call({
+            path: "/user/edit-email",
+            data: {
+                newEmail: formState.newEmail
+            }
+        }).then(function () {
+            this.setState({
+                loading: false
+            });
+        }.bind(this));
+    }
 }
 
 export default DashboardEditProfilePage;
diff --git a/client/src/app/main/dashboard/dashboard-edit-profile/dashboard-edit-profile-page.scss b/client/src/app/main/dashboard/dashboard-edit-profile/dashboard-edit-profile-page.scss
new file mode 100644
index 00000000..872bab3c
--- /dev/null
+++ b/client/src/app/main/dashboard/dashboard-edit-profile/dashboard-edit-profile-page.scss
@@ -0,0 +1,9 @@
+@import '../../../../scss/vars';
+
+.edit-profile-page {
+    &__title {
+        color: $dark-grey;
+        font-size: 20px;
+        text-align: left;
+    }
+}
\ No newline at end of file
diff --git a/client/src/data/fixtures/user-fixtures.js b/client/src/data/fixtures/user-fixtures.js
index e661d46c..36d03718 100644
--- a/client/src/data/fixtures/user-fixtures.js
+++ b/client/src/data/fixtures/user-fixtures.js
@@ -104,6 +104,16 @@ module.exports = [
             }
         }
     },
+    {
+        path: '/user/edit-email',
+        time: 1000,
+        response: function () {
+            return {
+                status: 'success',
+                data: {}
+            };
+        }
+    },
     {
         path: '/user/get',
         time: 100,

From 3bd5db9bf03a3225522a45f675d39f92d2168bd9 Mon Sep 17 00:00:00 2001
From: AntonyAntonio <guillermo@opensupports.com>
Date: Fri, 16 Sep 2016 19:53:41 -0300
Subject: [PATCH 2/4] Guillermo -   add-edit-password-frontend [skip ci]

---
 .../dashboard-edit-profile-page.js            | 43 +++++++++++++++----
 .../dashboard-list-tickets-page.js            |  7 ++-
 client/src/data/fixtures/user-fixtures.js     | 10 +++++
 3 files changed, 51 insertions(+), 9 deletions(-)

diff --git a/client/src/app/main/dashboard/dashboard-edit-profile/dashboard-edit-profile-page.js b/client/src/app/main/dashboard/dashboard-edit-profile/dashboard-edit-profile-page.js
index 3d00f610..8fc86afa 100644
--- a/client/src/app/main/dashboard/dashboard-edit-profile/dashboard-edit-profile-page.js
+++ b/client/src/app/main/dashboard/dashboard-edit-profile/dashboard-edit-profile-page.js
@@ -9,26 +9,35 @@ import SubmitButton from 'core-components/submit-button';
 
 class DashboardEditProfilePage extends React.Component {
 
-    state = {
-        loading: false
+    state= {
+        loadingEmail: false,
+        loadingPass: false
     };
 
+
     render() {
         return (
             <div className="edit-profile-page">
-                <Header title="Edit Profile" description="adsfasdfasdfasdfasdf asdfa" />
+                <Header title="Edit Profile" description="what ever" />
                 <div className="edit-profile-page__title">Edit Email</div>
-                <Form loading={this.state.loading} onSubmit={this.onSubmit.bind(this)}>
-                    <FormField name="newEmail" label="New Email" field="input" validation="EMAIL" required/>
+                <Form loading={this.state.loadingEmail} onSubmit={this.onSubmitEditEmail.bind(this)}>
+                    <FormField name="newEmail" label="New Email" field="input" validation="EMAIL" fieldProps={{size:'large'}} required/>
                     <SubmitButton>CHANGE EMAIL</SubmitButton>
                 </Form>
+                <div className="edit-profile-page__title">Edit password</div>
+                <Form loading={this.state.loadingPass} onSubmit={this.onSubmitEditPassword.bind(this)}>
+                    <FormField name="oldPassword" label="Old Password" field="input" validation="PASSWORD" fieldProps={{password:true ,size:'large'}} required/>
+                    <FormField name="password" label="New Password" field="input" validation="PASSWORD" fieldProps={{password:true ,size:'large'}} required/>
+                    <FormField name="repeatNewPassword" label="Repeat New Password" field="input" validation="REPEAT_PASSWORD" fieldProps={{password:true ,size:'large'}} required/>
+                    <SubmitButton>CHANGE PASSWORD</SubmitButton>
+                </Form>
             </div>
         );
     }
     
-    onSubmit(formState) {
+    onSubmitEditEmail(formState) {
         this.setState({
-            loading: true
+            loadingEmail: true
         });
 
         API.call({
@@ -38,7 +47,25 @@ class DashboardEditProfilePage extends React.Component {
             }
         }).then(function () {
             this.setState({
-                loading: false
+                loadingEmail: false
+            });
+        }.bind(this));
+    }
+    
+    onSubmitEditPassword(formState) {
+        this.setState({
+            loadingPass: true
+        });
+
+        API.call({
+            path: "/user/edit-password",
+            data: {
+                oldPassword: formState.oldPassword,
+                newPassword: formState.password
+            }
+        }).then(function () {
+            this.setState({
+                loadingPass: false
             });
         }.bind(this));
     }
diff --git a/client/src/app/main/dashboard/dashboard-list-tickets/dashboard-list-tickets-page.js b/client/src/app/main/dashboard/dashboard-list-tickets/dashboard-list-tickets-page.js
index f033fb93..e4ef056a 100644
--- a/client/src/app/main/dashboard/dashboard-list-tickets/dashboard-list-tickets-page.js
+++ b/client/src/app/main/dashboard/dashboard-list-tickets/dashboard-list-tickets-page.js
@@ -6,6 +6,7 @@ import i18n from 'lib-app/i18n';
 import Header from 'core-components/header';
 import Table from 'core-components/table';
 import Button from 'core-components/button';
+import Tooltip from 'core-components/tooltip';
 
 class DashboardListTicketsPage extends React.Component {
     static propTypes = {
@@ -58,7 +59,11 @@ class DashboardListTicketsPage extends React.Component {
         let titleText = (ticket.unread) ? ticket.title  + ' (1)' : ticket.title;
 
         return {
-            number: '#' + ticket.ticketNumber,
+            number: (
+                <Tooltip content="hola">
+                    {'#' + ticket.ticketNumber}
+                </Tooltip>
+            ),
             title: (
                 <Button className="dashboard-ticket-list__title-link" type="clean" route={{to: '/dashboard/ticket/' + ticket.ticketNumber}}>
                     {titleText}
diff --git a/client/src/data/fixtures/user-fixtures.js b/client/src/data/fixtures/user-fixtures.js
index 36d03718..833678fa 100644
--- a/client/src/data/fixtures/user-fixtures.js
+++ b/client/src/data/fixtures/user-fixtures.js
@@ -114,6 +114,16 @@ module.exports = [
             };
         }
     },
+    {
+        path: '/user/edit-password',
+        time: 1000,
+        response: function () {
+            return {
+                status: 'success',
+                data: {}
+            };
+        }
+    },
     {
         path: '/user/get',
         time: 100,

From 1487df9a93c45b7d1619311cb152df9b4e15f220 Mon Sep 17 00:00:00 2001
From: AntonyAntonio <guillermo@opensupports.com>
Date: Fri, 16 Sep 2016 20:06:53 -0300
Subject: [PATCH 3/4] Guillermo -   add-edit-password-frontend-areyousure [skip
 ci]

---
 .../dashboard-edit-profile-page.js               | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/client/src/app/main/dashboard/dashboard-edit-profile/dashboard-edit-profile-page.js b/client/src/app/main/dashboard/dashboard-edit-profile/dashboard-edit-profile-page.js
index 8fc86afa..f0586460 100644
--- a/client/src/app/main/dashboard/dashboard-edit-profile/dashboard-edit-profile-page.js
+++ b/client/src/app/main/dashboard/dashboard-edit-profile/dashboard-edit-profile-page.js
@@ -6,6 +6,8 @@ import Header from 'core-components/header';
 import Form from 'core-components/form';
 import FormField from 'core-components/form-field';
 import SubmitButton from 'core-components/submit-button';
+import ModalContainer from 'app/modal-container';
+import AreYouSure from 'app-components/are-you-sure';
 
 class DashboardEditProfilePage extends React.Component {
 
@@ -36,10 +38,17 @@ class DashboardEditProfilePage extends React.Component {
     }
     
     onSubmitEditEmail(formState) {
+        ModalContainer.openModal(<AreYouSure onYes={this.callEditEmailAPI.bind(this, formState)}/>);
+    }
+    
+    onSubmitEditPassword(formState) {
+        ModalContainer.openModal(<AreYouSure onYes={this.callEditPassAPI.bind(this, formState)}/>);
+    }
+    
+    callEditEmailAPI(formState){
         this.setState({
             loadingEmail: true
         });
-
         API.call({
             path: "/user/edit-email",
             data: {
@@ -51,12 +60,11 @@ class DashboardEditProfilePage extends React.Component {
             });
         }.bind(this));
     }
-    
-    onSubmitEditPassword(formState) {
+
+    callEditPassAPI(formState){
         this.setState({
             loadingPass: true
         });
-
         API.call({
             path: "/user/edit-password",
             data: {

From 132886f06b05153cfb446e9737ce123483c3a50f Mon Sep 17 00:00:00 2001
From: AntonyAntonio <guillermo@opensupports.com>
Date: Fri, 16 Sep 2016 20:34:04 -0300
Subject: [PATCH 4/4] Guillermo -   add-edit-password-frontend-message [skip
 ci]

---
 .../dashboard-edit-profile-page.js            | 49 +++++++++++++++++--
 .../dashboard-edit-profile-page.scss          |  4 ++
 client/src/data/languages/en.js               |  7 ++-
 3 files changed, 53 insertions(+), 7 deletions(-)

diff --git a/client/src/app/main/dashboard/dashboard-edit-profile/dashboard-edit-profile-page.js b/client/src/app/main/dashboard/dashboard-edit-profile/dashboard-edit-profile-page.js
index f0586460..10c85f55 100644
--- a/client/src/app/main/dashboard/dashboard-edit-profile/dashboard-edit-profile-page.js
+++ b/client/src/app/main/dashboard/dashboard-edit-profile/dashboard-edit-profile-page.js
@@ -8,12 +8,16 @@ import FormField from 'core-components/form-field';
 import SubmitButton from 'core-components/submit-button';
 import ModalContainer from 'app/modal-container';
 import AreYouSure from 'app-components/are-you-sure';
+import Message from 'core-components/message';
+import i18n from 'lib-app/i18n';
 
 class DashboardEditProfilePage extends React.Component {
 
     state= {
         loadingEmail: false,
-        loadingPass: false
+        loadingPass: false,
+        messageEmail:'',
+        messagePass:''
     };
 
 
@@ -25,6 +29,7 @@ class DashboardEditProfilePage extends React.Component {
                 <Form loading={this.state.loadingEmail} onSubmit={this.onSubmitEditEmail.bind(this)}>
                     <FormField name="newEmail" label="New Email" field="input" validation="EMAIL" fieldProps={{size:'large'}} required/>
                     <SubmitButton>CHANGE EMAIL</SubmitButton>
+                    {this.renderMessageEmail()}
                 </Form>
                 <div className="edit-profile-page__title">Edit password</div>
                 <Form loading={this.state.loadingPass} onSubmit={this.onSubmitEditPassword.bind(this)}>
@@ -32,11 +37,32 @@ class DashboardEditProfilePage extends React.Component {
                     <FormField name="password" label="New Password" field="input" validation="PASSWORD" fieldProps={{password:true ,size:'large'}} required/>
                     <FormField name="repeatNewPassword" label="Repeat New Password" field="input" validation="REPEAT_PASSWORD" fieldProps={{password:true ,size:'large'}} required/>
                     <SubmitButton>CHANGE PASSWORD</SubmitButton>
+                    {this.renderMessagePass()}
                 </Form>
             </div>
         );
     }
-    
+    renderMessageEmail() {
+        switch (this.state.messageEmail) {
+            case 'success':
+                return <Message className="edit-profile-page__message" type="success">{i18n('EMAIL_CHANGED')}</Message>;
+            case 'fail':
+                return <Message className="edit-profile-page__message" type="error">{i18n('EMAIL_EXISTS')}</Message>;
+            default:
+                return null;
+        }
+
+    }
+    renderMessagePass() {
+        switch (this.state.messagePass) {
+            case 'success':
+                return <Message className="edit-profile-page__message" type="success">{i18n('PASSWORD_CHANGED')}</Message>;
+            case 'fail':
+                return <Message className="edit-profile-page__message" type="error">{i18n('OLD_PASSWORD_INCORRECT')}</Message>;
+            default:
+                return null;
+        }
+    }
     onSubmitEditEmail(formState) {
         ModalContainer.openModal(<AreYouSure onYes={this.callEditEmailAPI.bind(this, formState)}/>);
     }
@@ -44,7 +70,7 @@ class DashboardEditProfilePage extends React.Component {
     onSubmitEditPassword(formState) {
         ModalContainer.openModal(<AreYouSure onYes={this.callEditPassAPI.bind(this, formState)}/>);
     }
-    
+
     callEditEmailAPI(formState){
         this.setState({
             loadingEmail: true
@@ -56,8 +82,14 @@ class DashboardEditProfilePage extends React.Component {
             }
         }).then(function () {
             this.setState({
-                loadingEmail: false
+                loadingEmail: false,
+                messageEmail: "success"
             });
+        }.bind(this)).catch(function (){
+            this.setState({
+                loadingEmail: false,
+                messageEmail: 'fail'
+            })
         }.bind(this));
     }
 
@@ -73,10 +105,17 @@ class DashboardEditProfilePage extends React.Component {
             }
         }).then(function () {
             this.setState({
-                loadingPass: false
+                loadingPass: false,
+                messagePass: "success"
             });
+        }.bind(this)).catch(function (){
+            this.setState({
+                loadingPass: false,
+                messagePass: 'fail'
+            })
         }.bind(this));
     }
+
 }
 
 export default DashboardEditProfilePage;
diff --git a/client/src/app/main/dashboard/dashboard-edit-profile/dashboard-edit-profile-page.scss b/client/src/app/main/dashboard/dashboard-edit-profile/dashboard-edit-profile-page.scss
index 872bab3c..d42e3ec5 100644
--- a/client/src/app/main/dashboard/dashboard-edit-profile/dashboard-edit-profile-page.scss
+++ b/client/src/app/main/dashboard/dashboard-edit-profile/dashboard-edit-profile-page.scss
@@ -6,4 +6,8 @@
         font-size: 20px;
         text-align: left;
     }
+    &__message{
+        margin-top: 20px;
+        margin-bottom: 20px;
+    }
 }
\ No newline at end of file
diff --git a/client/src/data/languages/en.js b/client/src/data/languages/en.js
index c4da923d..9523ca03 100644
--- a/client/src/data/languages/en.js
+++ b/client/src/data/languages/en.js
@@ -51,6 +51,9 @@ export default {
     'SIGNUP_SUCCESS': 'You have registered successfully in our support system.',
     'TICKET_SENT': 'Ticket has been created successfully.',
     'VALID_RECOVER': 'Password recovered successfully',
-    'EMAIL_EXISTS': 'Email already exists, please try to log in or recover password',
-    'ARE_YOU_SURE': 'Are you sure?'
+    'EMAIL_EXISTS': 'Email already exists',
+    'ARE_YOU_SURE': 'Are you sure?',
+    'EMAIL_CHANGED': 'Email has been changed successfully',
+    'PASSWORD_CHANGED': 'Password has been changed successfully',
+    'OLD_PASSWORD_INCORRECT': 'Old password is incorrect'
 };
\ No newline at end of file