From d9d81925299aa787cbdb815cb4b06e17a412b40c Mon Sep 17 00:00:00 2001
From: Jules Laplace <jules@okfoc.us>
Date: Mon, 20 Mar 2017 01:59:47 +0100
Subject: filter by date

---
 client/components/Menu.jsx | 57 ++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 57 insertions(+)
 create mode 100644 client/components/Menu.jsx

(limited to 'client/components/Menu.jsx')

diff --git a/client/components/Menu.jsx b/client/components/Menu.jsx
new file mode 100644
index 0000000..d53803d
--- /dev/null
+++ b/client/components/Menu.jsx
@@ -0,0 +1,57 @@
+
+import React from 'react'
+
+import client from '../client'
+
+export default class Menu extends React.Component {
+  constructor() {
+    super()
+    this.setGoal = this.setGoal.bind(this)
+    this.logout = this.logout.bind(this)
+  }
+  setGoal() {
+    const goal = Math.abs(parseInt(prompt('Please enter your calorie goal', this.props.user.goal)))
+    if (goal) {
+      client.service('users').patch(this.props.user.id, {
+        goal: goal,
+        token: client.get('token'),
+      }).then((user) => {
+        this.props.updateUser(user)
+      })
+    }
+  }
+  logout() {
+    client.logout().then(() => {
+      window.location.reload()
+    })
+  }
+  render() {
+    const user = this.props.user
+    const items = []
+    items.push( <li key='hello'>Hello {user.email}</li> )
+    items.push( <li key='goal' onClick={this.setGoal}><a href='#'>Goal</a>: {user.goal}</li> )
+    switch (user.role) {
+      case 'admin':
+        if (this.props.user.id !== this.props.currentUser.id) {
+          items.push( <li key='resetUser'><a href='#' onClick={this.resetUser}>Reset User</a></li> )
+        }
+        items.push( <li key='userlist'><a href='#' onClick={this.props.toggleMode}>Users</a></li> )
+        items.push( <li key='meallist'><a href='#' onClick={this.props.toggleMode}>Meals</a></li> )
+        break
+      case 'manager':
+        items.push( <li key='userlist'><a href='#' onClick={this.props.toggleMode}>Users</a></li> )
+        items.push( <li key='meallist'><a href='#' onClick={this.props.toggleMode}>Meals</a></li> )
+      case 'user':
+        break
+    }
+    items.push( <li key='logout'><a href='#' onClick={this.logout}>Logout</a></li> )
+
+    return (
+      <div>
+        <ul className='menu'>
+          {items}
+        </ul>
+      </div>
+    )
+  }
+}
-- 
cgit v1.2.3-70-g09d2

