wip

Author: Jovert Lota Palonpon

app/Http/Controllers/Api/UsersController.php

@@ -35,17 +35,31 @@ public function store(Request $request) : JsonResponse
             'type' => 'required|in:superuser,user',
             'firstname' => 'required|string|max:255',
             'lastname' => 'required|string|max:255',
-            'email' => 'required|email|unique:users'
+
+            'gender' => 'nullable|in:female,male',
+            'birthdate' =>
+                'nullable|date:Y-m-d|before:'.now()->subYear(10)->format('Y-m-d'),
+            'address' => 'nullable|string|max:510',
+
+            'email' => 'required|email|unique:users',
+            'username' => 'nullable|unique:users'
         ]);
 
-        $user = new User;
-        $user->type = $request->input('type');
-        $user->firstname = ($firstname = $request->input('firstname'));
-        $user->lastname = ($lastname = $request->input('lastname'));
+        $user = User::create([
+            'type' => $request->input('type'),
+            'firstname' => ($firstname = $request->input('firstname')),
+            'middlename' => ($middlename = $request->input('middlename')),
+            'lastname' => ($lastname = $request->input('lastname')),
+
+            'gender' => $request->input('gender'),
+            'birthdate' => $request->input('birthdate'),
+            'address' => $request->input('address'),
 
-        $user->name = "{$firstname} {$lastname}";
-        $user->email = $request->input('email');
-        $user->save();
+            'name' => "{$firstname} {$middlename} {$lastname}",
+
+            'email' => $request->input('email'),
+            'username' => $request->input('username'),
+        ]);
 
         return response()->json($user, 201);
     }

resources/js/config/locale.js

@@ -4,10 +4,12 @@ export default {
     'en.navigation': require('../../lang/en/navigation.php'),
     'en.resources': require('../../lang/en/resources.php'),
     'en.table': require('../../lang/en/table.php'),
+    'en.validation': require('../../lang/en/validation.php'),
 
     // Filipino
     'fil.actions': require('../../lang/fil/actions.php'),
     'fil.navigation': require('../../lang/fil/navigation.php'),
     'fil.resources': require('../../lang/fil/resources.php'),
     'fil.table': require('../../lang/fil/table.php'),
+    'fil.validation': require('../../lang/fil/validation.php'),
 };

resources/js/models/User.js

@@ -14,14 +14,31 @@ export default class User {
         });
 
         if (response.status !== 200) {
-            return;
+            return {};
         }
 
         return response.data;
     }
 
     /**
-     * Delete a user
+     * Store a new user.
+     *
+     * @param {object} attributes
+     *
+     * @return {object}
+     */
+    static async store(attributes) {
+        const response = await axios.post('/api/users', attributes);
+
+        if (response.status !== 201) {
+            return {};
+        }
+
+        return response.data;
+    }
+
+    /**
+     * Delete a user.
      *
      * @param {number} id
      *
@@ -31,14 +48,14 @@ export default class User {
         const response = await axios.delete(`/api/users/${id}`);
 
         if (response.status !== 200) {
-            return;
+            return {};
         }
 
         return response.data;
     }
 
     /**
-     * Restore a user
+     * Restore a user.
      *
      * @param {number} id
      *
@@ -48,7 +65,7 @@ export default class User {
         const response = await axios.patch(`/api/users/${id}/restore`);
 
         if (response.status !== 200) {
-            return;
+            return {};
         }
 
         return response.data;

resources/js/utils/Navigation.js

@@ -4,9 +4,9 @@ import * as UrlUtils from '../utils/URL';
 /**
  * Find the route by its name.
  *
+ * @param {string} name
  * @param {object} segmentParams
  * @param {object} queryParams
- * @param {string} name
  */
 export function _route(name, segmentParams = {}, queryParams = {}) {
     const i = ROUTES.findIndex(route => route.name === name);

resources/js/views/__backoffice/layouts/Master.js

@@ -10,6 +10,7 @@ import {
     withStyles,
 } from '@material-ui/core';
 
+import * as UrlUtils from '../../../utils/URL';
 import { Snackbar, Modal } from '../../../ui';
 import { LinearDeterminate } from '../../../ui/Loaders';
 import { Header, Sidebar } from '../partials';
@@ -21,6 +22,7 @@ class Master extends Component {
         localeMenuEl: null,
         accountMenuOpen: false,
         accountMenuEl: null,
+        message: {},
     };
 
     /**
@@ -50,6 +52,36 @@ class Master extends Component {
         this.setState(prevState => ({ mobileOpen: !prevState.mobileOpen }));
     };
 
+    /**
+     * This will setup a global message into the state coming from the URL
+     * passed message parameters. Useful when attempting to notify actions after
+     * a redirect by React's router.
+     *
+     * @return {undefined}
+     */
+    setGlobalMessage = () => {
+        const { location } = this.props;
+
+        const queryParams = UrlUtils._queryParams(location.search);
+        const messageKeys = Object.keys(queryParams).filter(
+            key => key.indexOf('_message') > -1,
+        );
+
+        const message = {};
+
+        messageKeys.forEach(key => {
+            message[key.match(/\[(.*)\]/).pop()] = queryParams[key];
+        });
+
+        message.closed = () => this.setState({ message: {} });
+
+        this.setState({ message });
+    };
+
+    componentDidMount() {
+        this.setGlobalMessage();
+    }
+
     render() {
         const {
             classes,
@@ -63,7 +95,7 @@ class Master extends Component {
         } = this.props;
         const { navigating } = pageProps;
 
-        const { mobileOpen } = this.state;
+        const { mobileOpen, message: globalMessage } = this.state;
 
         const renderLoading = (
             <Grid
@@ -142,10 +174,16 @@ class Master extends Component {
                     </div>
                 </div>
 
-                {message && message.hasOwnProperty('type') > 0 && (
-                    <Snackbar {...message} />
+                {globalMessage && globalMessage.hasOwnProperty('type') > 0 && (
+                    <Snackbar {...globalMessage} />
                 )}
 
+                {!globalMessage &&
+                    message &&
+                    message.hasOwnProperty('type') > 0 && (
+                        <Snackbar {...message} />
+                    )}
+
                 {alert && alert.hasOwnProperty('type') > 0 && (
                     <Modal {...alert} />
                 )}