readme

.gitignore

@@ -4,7 +4,7 @@
 /node_modules
 /.pnp
 .pnp.js
-
+/dist
 # testing
 /coverage
 

README.md

@@ -1,16 +1,62 @@
-# Up Recruit
+<p align="center">
+<img  src="screenshots/logo.png"/>
+</p>
+
+
+
+## Introduction
 
 Up recruit is a web application that allows you to manage the staff recruitment process for companies.
 
 ## Informations
-- Status : under development
-- Latest version: 1.0
-- Sector: industry
-- Created: November 2020
-- Last updated: December 2020
+-   Status: under development
+-   Version: 1.0
+-   Sector: industry
+-   Created: November 2020
+-   Last updated: December 2020
+
+## Table of contents
+* [Documentation](#general-info)
+* [Demo](#demo)
+* [Screenshots](#screenshots)
+* [Technologies](#technologies)
+* [Setup](#setup)
+* [Features](#features)
+* [Status](#status)
+* [Contact](#contact)
+* [License](#license)
+
+## Documentation
+https://github.com/aniskchaou/UPRECRUIT-FRONTEND-ADMIN/wiki
+
+## Demo
+https://up-recruit.herokuapp.com/
+
+## Screenshots
+<p align="center">
+<img  src="screenshots/screenshot.png"/>
+<p>
+
+## Technologies
+* Spring boot
+* React.js
+
+
+## Setup
+
+
+## Features
+ -  Select products by category
+-   View the product details
+-   Add a product to the cart
+-   Manage cart
+-   Search for products
+-   Check out the product
+
+
 
+## Contact
+contact@delta-dev-software.com
 
-## Modules
-- Prepare the recruitment operation
-- Create application files
-- Follow new recruits within the company
+## License
+<a href="license.txt">MIT License</a>

license.txt

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) [year] [fullname]
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package.json

@@ -12,6 +12,7 @@
     "bootstrap": "^4.5.3",
     "bootstrap-select": "^1.13.18",
     "express": "^4.17.1",
+    "json-loader": "^0.5.7",
     "path": "^0.12.7",
     "react": "^17.0.1",
     "react-dom": "^17.0.1",

src/main/config/user.js

@@ -1,4 +1,5 @@
 export default class User {
     static USER_NAME = "Admin"
     static CONNECTED_USER = false
+    static USER_LANG = "en"
 }

src/main/local/en/apply_job.json

@@ -0,0 +1,6 @@
+{
+    "field1": "Nom de demandeur",
+    "field2": "Email",
+    "field3": "Mobile",
+    "field4": "Actions"
+}

src/main/local/fr/apply_job.json

@@ -0,0 +1,6 @@
+{
+    "field1": "Name",
+    "field2": "Email Address",
+    "field3": "Mobile Phone",
+    "field4": "Actions"
+}

src/main/local/fr/candidate.json

@@ -0,0 +1,6 @@
+{
+    "id": 1,
+    "name": "Vigo",
+    "picture": "./static/images/vigo.png",
+    "charges": "PKR 100 per excess km"
+}

src/main/local/fr/category.json

@@ -0,0 +1,6 @@
+{
+    "id": 1,
+    "name": "Vigo",
+    "picture": "./static/images/vigo.png",
+    "charges": "PKR 100 per excess km"
+}

src/main/local/fr/interview.json

@@ -0,0 +1,6 @@
+{
+    "id": 1,
+    "name": "Vigo",
+    "picture": "./static/images/vigo.png",
+    "charges": "PKR 100 per excess km"
+}

src/main/local/fr/job.json

@@ -0,0 +1,6 @@
+{
+    "id": 1,
+    "name": "Vigo",
+    "picture": "./static/images/vigo.png",
+    "charges": "PKR 100 per excess km"
+}

src/main/local/fr/location.json

@@ -0,0 +1,6 @@
+{
+    "id": 1,
+    "name": "Vigo",
+    "picture": "./static/images/vigo.png",
+    "charges": "PKR 100 per excess km"
+}

src/main/local/fr/skill.json

@@ -0,0 +1,6 @@
+{
+    "id": 1,
+    "name": "Vigo",
+    "picture": "./static/images/vigo.png",
+    "charges": "PKR 100 per excess km"
+}

src/main/local/fr/staff.json

@@ -0,0 +1,6 @@
+{
+    "id": 1,
+    "name": "Vigo",
+    "picture": "./static/images/vigo.png",
+    "charges": "PKR 100 per excess km"
+}

src/main/local/fr/task.json

@@ -0,0 +1,6 @@
+{
+    "id": 1,
+    "name": "Vigo",
+    "picture": "./static/images/vigo.png",
+    "charges": "PKR 100 per excess km"
+}

src/main/local/fr/user.json

@@ -0,0 +1,5 @@
+{
+    "name": "Vigo",
+    "picture": "./static/images/vigo.png",
+    "charges": "PKR 100 per excess km"
+}

src/main/urls/urls.js

@@ -1,3 +1,4 @@
 const BASE_URL = 'https://jsonplaceholder.typicode.com/'
 
-export default BASE_URL
+export default BASE_URL
+const BACKEND_TECHNOLOGY = ""

src/modules/applyjob/ApplyJob/ApplyJob.js

@@ -10,16 +10,36 @@ import HTTPService from '../../../main/services/HTTPService';
 import ApplyJobTestService from "../../../main/mocks/ApplyJobTestService";
 import ViewApplyJob from '../ViewApplyJob/ViewApplyJob'
 import ViewCandidate from '../../candidate/ViewCandidate/ViewCandidate'
+import langJsonFr from "../../../main/local/fr/apply_job.json";
+import langJsonEn from "../../../main/local/en/apply_job.json";
+import User from '../../../main/config/user';
 
 const ApplyJob = () => {
 
 
   const [applyJobs, setJobs] = useState([]);
   const [updatedItem, setUpdatedItem] = useState({});
   const forceUpdate = useForceUpdate();
+  const [fields, setFields] = useState([]);
+
+  const loadFields = (lang) => {
+
+    switch (lang) {
+      case "fr":
+        setFields(langJsonFr)
+        break;
+      case "en":
+        setFields(langJsonEn)
+        break;
+    }
+
+
+  }
 
 
   useEffect(() => {
+    loadFields(User.USER_LANG)
+    console.log(fields)
     LoadJS()
     retrieveJobs()
   }, []);
@@ -88,10 +108,10 @@ const ApplyJob = () => {
         <table id="example1" className="table table-striped table-bordered">
           <thead>
             <tr>
-              <th>Nom de demandeur</th>
-              <th>Email</th>
-              <th>Mobile</th>
-              <th>Actions</th>
+              <th>{fields.field1}</th>
+              <th>{fields.field2}</th>
+              <th>{fields.field3}</th>
+              <th>{fields.field4}</th>
             </tr>
           </thead>
           <tbody>

src/modules/shared/Configuration/Configuration.js

@@ -4,58 +4,81 @@ import './Configuration.css';
 
 const Configuration = () => (
   <div className="card">
-  <div className="card-header">
-    <strong className="card-title">Paramètres</strong>
+    <div className="card-header">
+      <strong className="card-title">Configuration</strong>
+    </div>
+    <div className="card-body">
+
+      <ul class="nav nav-tabs mb-3" id="ex1" role="tablist">
+        <li class="nav-item" role="presentation">
+          <a
+            class="nav-link active"
+            id="ex1-tab-1"
+            data-mdb-toggle="tab"
+            href="#ex1-tabs-1"
+            role="tab"
+            aria-controls="ex1-tabs-1"
+            aria-selected="true"
+          >Tab 1</a
+          >
+        </li>
+        <li class="nav-item" role="presentation">
+          <a
+            class="nav-link"
+            id="ex1-tab-2"
+            data-mdb-toggle="tab"
+            href="#ex1-tabs-2"
+            role="tab"
+            aria-controls="ex1-tabs-2"
+            aria-selected="false"
+          >Tab 2</a
+          >
+        </li>
+        <li class="nav-item" role="presentation">
+          <a
+            class="nav-link"
+            id="ex1-tab-3"
+            data-mdb-toggle="tab"
+            href="#ex1-tabs-3"
+            role="tab"
+            aria-controls="ex1-tabs-3"
+            aria-selected="false"
+          >Tab 3</a
+          >
+        </li>
+      </ul>
+
+
+      <div class="tab-content" id="ex1-content">
+        <div
+          class="tab-pane fade show active"
+          id="ex1-tabs-1"
+          role="tabpanel"
+          aria-labelledby="ex1-tab-1"
+        >
+          Tab 1 content
   </div>
-  <div className="card-body">
+        <div class="tab-pane fade" id="ex1-tabs-2" role="tabpanel" aria-labelledby="ex1-tab-2">
+          Tab 2 content
+  </div>
+        <div class="tab-pane fade" id="ex1-tabs-3" role="tabpanel" aria-labelledby="ex1-tab-3">
+          Tab 3 content
+  </div>
+      </div>
 
-    <div class="form-group">
-      <label for="cc-payment" class="control-label mb-1">Nom entreprise</label>
-      <input id="cc-payment" name="cc-payment" type="text" class="form-control" aria-required="true" aria-invalid="false" value="" />
-    </div>
 
-    <div class="form-group">
-      <label for="cc-payment" class="control-label mb-1">Email entreprise</label>
-      <input id="cc-payment" name="cc-payment" type="text" class="form-control" aria-required="true" aria-invalid="false" value="" />
-    </div>
 
 
-    <div class="form-group">
-      <label for="cc-payment" class="control-label mb-1">Adresse entreprise</label>
-      <input id="cc-payment" name="cc-payment" type="text" class="form-control" aria-required="true" aria-invalid="false" value="" />
-    </div>
 
-    <div class="row form-group">
-      <div class="col col-md-3"><label for="select" class=" form-control-label">Langue</label></div>
-      <div class="col-12 col-md-9">
-        <select name="select" id="select" class="form-control">
-          <option value="0">Please select</option>
-          <option value="1">Francais</option>
-          <option value="2">English</option>
 
-        </select>
-      </div>
-    </div>
 
-    <div class="row form-group">
-      <div class="col col-md-3"><label for="select" class=" form-control-label">Devise</label></div>
-      <div class="col-12 col-md-9">
-        <select name="select" id="select" class="form-control">
-          <option value="0">Please select</option>
-          <option value="1">Euro</option>
-          <option value="2">Dollar</option>
 
-        </select>
-      </div>
-    </div>
 
-      <button id="payment-button" type="submit" class="btn btn-info"><i className="fa fa-check"></i><font ><font  > Sauvegarder</font></font>
-
-                                              </button>
 
 
+
+    </div>
   </div>
-</div>
 );
 
 Configuration.propTypes = {};