feature: CRUD operation for routes

Author: GuevaraMarius

public/locales/en/translation.js

@@ -9,16 +9,16 @@ export default {
   webtitle: 'Phantom | Public transport made easier',
   title: 'WELCOME TO PHANTOM',
   description: {
-    slogan: "  Track your Bus' movements anywhere from your device.",
+    slogan: "  Track your route' movements anywhere from your device.",
     startBtn: 'Start tracking!'
   },
   about: {
     title:
-      'Fostering fast movement with Phantom. We simulate your next bus enabling you to track your movement',
-    1: ' Real time tracking your next bus accordingly and set when your schedule accordingly',
-    2: "Easily identify and follow your bus on the map. Leave for the bus when it's actually close.",
-    3: 'Real time tracking your next bus accordingly and set when your schedule accordingly',
-    4: "Easily identify and follow your bus on the map. Leave for the bus when it's actually close."
+      'Fostering fast movement with Phantom. We simulate your next route enabling you to track your movement',
+    1: ' Real time tracking your next route accordingly and set when your schedule accordingly',
+    2: "Easily identify and follow your route on the map. Leave for the route when it's actually close.",
+    3: 'Real time tracking your next route accordingly and set when your schedule accordingly',
+    4: "Easily identify and follow your route on the map. Leave for the route when it's actually close."
   },
   contact: {
     title: 'Contact Us:',
@@ -90,5 +90,32 @@ export default {
     operators: 'Operators',
     settings: 'Settings',
     profile: 'Profile'
-  }
+  },
+  routes: {
+    Route: 'ROUTES',
+    RouteId: 'Route ID',
+    create: 'Create route',
+    Origin: 'Origin',
+    Distance:'Disatance',
+    BusStop:'Bus Stop',
+    Destination:'Destination',
+    AssignedBus:'Assigned Bus',
+    Action:'Action',
+    created: 'route created successfully',
+    updated: 'route updated successfully',
+    already: 'route already exists',
+    number: 'Numbers cannot be route',
+    short: 'That cannot be a route',
+    confirm: 'Are you sure you want to delete this route ',
+    deleted: 'route deleted successfully',
+    cancel: 'Cancel',
+    delete: 'Delete',
+    confirm: 'Confirm',
+    yes: 'Yes',
+    no: 'No',
+    edit: 'Edit route',
+    edited: 'Route edited Successfully',
+    editRoute:`Edit Route`,
+    save: 'Save',
+  }	  
 };

public/locales/fr/translation.js

@@ -78,53 +78,11 @@ export default {
     yes: 'Oui',
     no: 'Non'
   },
-  forgot: {
-    title: 'Mot de passe oublié?',
-    placeHolder: 'Entrer votre Email',
-    paragraph:
-      'En cliquant sur le bouton Envoyez-moi un lien de réinitialisation, nous vous donnerons des instructions pour réinitialiser le mot de passe dans votre boîte aux lettres.',
-    btn: 'Envoyez-moi le lien de réinitialisation',
-    back: 'Retour connexion',
-    success: 'Vérifiez votre email',
-    fail: 'Aucun utilisateur trouvé avec cette adresse e-mail',
-    error: "Une erreur s'est produite, vérifiez votre réseau et réessayez"
-  },
-  reset: {
-    title: 'Réinitialiser le mot de passe',
-    newPassword: 'Entrez un nouveau mot de passe',
-    comfirmPassword: 'Confirmer le nouveau mot de passe',
-    paragraph:
-      "Une fois le mot de passe réinitialisé, vous pouvez vous connecter à l'aide de votre nouveau mot de passe.",
-    btn: 'Réinitialiser le mot de passe',
-    success: 'Votre mot de passe a été réinitialisé avec succès',
-    fail: 'Non autorisé, votre lien est expiré demande à nouveau',
-    error: "Une erreur s'est produite, vérifiez votre réseau et réessayez"
-  },
   validation: {
     invalidEmail: "L'email n'est pas valide",
     invalidPassword: "Le mot de passe n'est pas valide",
     invalidComfirm: 'Vos mots de passe ne correspondent pas'
   },
-  signin: {
-    title: 'Se Connecter',
-    email: 'Adresse e-mail',
-    password: 'Mot de passe',
-    sendBtn: 'Envoyer',
-    forgotPassword: 'Mot de passe oublié?',
-    yourEmail: 'votre email...',
-    yourPassword: 'votre mot de passe..',
-    errorEmail: 'Votre e-mail doit être valide; exemple: "[email protected]"',
-    errorPassword: 'Le mot de passe ne peuvent pas être vides',
-    errorPass:
-      'Le mot de passe doit comporter au moins 5 caractères, dont 4 lettres et chiffres'
-  },
-  logout: {
-    confirm: `ÊTES-VOUS SÛR DE VOULOIR VOUS DÉCONNECTER`,
-    profile: 'Profile',
-    logout: 'Se deconnecte',
-    yes: 'Oui',
-    no: 'Non'
-  },
   sideBar: {
     overView: 'Aperçu',
     roles: 'Conducteurs',
@@ -134,5 +92,30 @@ export default {
     operators: 'Operateurs',
     settings: 'Réglages',
     profile: 'Profil'
-  }
+  },
+  routes: {
+    Route: 'ITINÉRAIRES',
+    RouteId: 'Numéro de Route',
+    Destination:'Destination',
+    Distance:'Disatance',
+    BusStop:'Arrêt Bus',
+    AssignedBus:'Assignation',
+    Action:'Action',
+    create: 'Crééer une itinéraire',
+    Origin: 'Origine',
+    created: 'Itinéraire est Crééé avec succès',
+    updated: `La mise à jour de l'itinéraire est réussie`,
+    already: 'itinéraire existe déjà',
+    confirm: 'Êtes-vous sûr de vouloir supprimer cet itinéraire',
+    deleted: 'Itinéraire est supriméé avec succès',
+    cancel: 'Annuler',
+    delete: 'Effacer',
+    confirm: 'Confirmer',
+    yes: 'Oui',
+    no: 'Non',
+    edit: 'Éditer',
+    edited: 'Itinéraire éditée',
+    editRoute:`Éditer l'itinéraire avec succès`,
+    save: 'Sauvegarder',
+  }	  
 };

public/locales/kin/translation.js

@@ -79,55 +79,11 @@ export default {
     yes: 'Yego',
     no: 'Hoya'
   },
-  forgot: {
-    title: 'Wibagiwe Ijambobanga?',
-    placeHolder: 'Injiza Email Yawe',
-    paragraph:
-      'Numara gukanda kuri Saba guhindura, inzira yo guhindura ijambobanga turayikoherereza kuri email yawe',
-    btn: 'Ohereza Ubusabe',
-    back: 'Subira kwinjira',
-    success: 'Byagenze neza Reba muri email yawe',
-    fail: 'Ntamuntu wagaragaye ukoresha iyo email',
-    error: 'Habayemo ikibazo reba niba ufite murandasi wongere ugerageze'
-  },
-  reset: {
-    title: 'Hindura Ijambobanga',
-    newPassword: 'Injiza ijambobanga rishya',
-    comfirmPassword: 'Subiramo ijambobanga rishya',
-    paragraph:
-      ' Numara gukora ijambobanga rishya niryo uzajya ukoresha winjira.',
-    btn: 'Hindura Ijambobanga',
-    success: 'Your password reset successfully',
-    fail: 'Ntago wemerewe. inzira yawe ishobora kuba ishaje, ongera usabe',
-    error: 'Habayemo ikibazo reba niba ufite murandasi wongere ugerageze'
-  },
   validation: {
     invalidEmail: 'Email ntago yemewe',
     invalidPassword: 'Ijambobanga ntiryemewe',
     invalidComfirm: 'Amajambobanga ntago asa'
   },
-  signin: {
-    title: 'Injira',
-    email: 'Imeyili yawe',
-    password: 'Ijambobanga',
-    sendBtn: 'Ohereza',
-    forgotPassword: 'Mwibagiwe Ijambobanga?',
-    yourEmail: 'Emeyili yanyu...',
-    yourPassword: 'Ijambobanga ryanyu...',
-    errorEmail:
-      'Imeri yawe igomba kuba ifite agaciro; urugero: "[email protected]"',
-    errorPassword: 'Ijambobanga ntirishobora kuba ubusa',
-    errorPass:
-      'Ijambobanga rigomba kuba byibuze inyuguti 5 zirimo inyuguti 4 nimibare'
-  },
-  logout: {
-    confirm: `
-    ESE KOKO USHAKA GUSOHOKA ?`,
-    profile: 'Umwirondoro',
-    logout: 'Gusohoka',
-    yes: 'Yego',
-    no: 'Hoya'
-  },
   sideBar: {
     overView: 'Incamake',
     roles: 'Inshingano',
@@ -137,5 +93,30 @@ export default {
     operators: 'Abakoresha',
     settings: 'Igenamiterere',
     profile: 'Umwirondoro'
-  }
+  },
+  routes: {
+    Route: 'IMIHANDA',
+    RouteId: `Umuhanda`,
+    create: 'Kora Umuhanda',
+    Origin: 'Itangiriro',
+    Destination:'Iherezo',
+    Distance:'Uburebure',
+    BusStop:'Icyapa',
+    AssignedBus:'Uyishinzwe',
+    Action:'Igikorwa',
+    created: 'Umuhanda wakozwe neza',
+    updated: 'Umuhanda wavuguruwe neza',
+    already: 'Umuhanda usanzwe ubaho',
+    confirm: 'Urashaka gusiba umuhanda?',
+    deleted: 'Gusiba umuhanda byemeye',
+    cancel: 'Kubireka',
+    delete: 'Siba',
+    confirm: 'Emeza',
+    yes: 'Yego',
+    no: 'Hoya',
+    edit: 'Guhindura',
+    edited: 'Umuhanda wahinduwe neza',
+    editRoute:`Hindura Umuhanda`,
+    save: 'BIKA',
+  }	
 };

src/components/dashboard/helpers.js

@@ -0,0 +1 @@
+export const token = localStorage.getItem('authToken');

src/components/dashboard/routes/AddRoute.js

@@ -0,0 +1,115 @@
+import React, { useState } from 'react';
+import { toast } from 'react-toastify';
+import { useDispatch } from 'react-redux';
+import { createRouteAction } from '../../../redux/actionCreators/routesAction';
+import './Routes.scss';
+import {Trans} from 'react-i18next';
+
+export const AddRoute = () => {
+  const dispatch = useDispatch();
+  const [open, setOpen] = React.useState(false);
+  const [newRoute, setNewRoute] = useState({
+    origin: '',
+    destination: '',
+    distance:'',
+  });
+
+  const handleChange = ({ target }) => {
+    const { name, value } = target;
+    setNewRoute((newRoute) => ({ ...newRoute, [name]: value }));
+  };
+
+  const modalContainerStyle = {
+    display: open ? 'flex' : 'none'
+  };
+
+  const handleOpen = () => {
+    setOpen(true);
+  };
+
+  const handleClose = () => {
+    setOpen(false);
+  };
+
+  const validation = () => {
+    if (!isNaN(newRoute)) {
+      toast.warning(<Trans i18nKey=''></Trans>);
+    } else if (isNaN(newRoute) && newRoute.length <= 3) {
+      toast.warning(<Trans i18nKey=''></Trans>);
+    } else {
+      return true;
+    }
+  };
+
+  const createRoute = () => {
+    if (validation()) {
+      dispatch(createRouteAction(newRoute));
+      toast.success(<Trans i18nKey='routes.created'></Trans>);
+      handleClose();
+    }
+  };
+
+  return (
+    <>
+      <button data-testid='show-btn' type='button' onClick={handleOpen}>
+        +
+      </button>
+      <div style={modalContainerStyle} className='modal-container'>
+        <div className='modal'>
+          <h2>
+          {<Trans i18nKey='routes.create'></Trans>}
+          </h2>
+          <form
+            data-testid='form'
+            onSubmit={(e) => {
+              e.preventDefault();
+              createRoute();
+            }}
+          >
+            <input
+              type='text'
+              data-testid='route'
+              placeholder='Origin'
+              onChange={handleChange}
+              value={newRoute.origin}
+              autoFocus
+              name='origin'
+              required
+            />
+            <input
+              type='text'
+              data-testid='route'
+              placeholder='destination'
+              onChange={handleChange}
+              name='destination'
+              value={newRoute.destination}
+              autoFocus
+              required
+            />
+            <input
+              type='text'
+              data-testid='route'
+              placeholder='Distance'
+              onChange={handleChange}
+              name='distance'
+              value={newRoute.distance}
+              autoFocus
+              required
+            />
+
+            <button type='submit'>{<Trans i18nKey='routes.create'></Trans>}</button>
+            <button
+              style={{ backgroundColor: '#fb5b5b' }}
+              type='button'
+              onClick={handleClose}
+            >
+              {<Trans i18nKey='routes.cancel'></Trans>}
+            </button>
+          </form>
+        </div>
+      </div>
+    </>
+  );
+};
+
+export default AddRoute;