Merge branch 'master' of https://codefirst.iut.uca.fr/git/maxence.lanone/JTT_CrM

server-api/api.js

@@ -0,0 +1,73 @@
+const mysql = require('mysql');
+const express = require('express');
+const cors=require("cors");
+const bodyparser = require('body-parser');
+
+const db = mysql.createConnection({
+    host: 'sql11.freemysqlhosting.net',
+    user: 'sql11526710',
+    password: 'l5XbZ9Q6Ca',
+    database: 'sql11526710'
+});
+
+db.connect((err) => {
+    if (err) {
+        throw err;
+    }
+    console.log('MySql CRM-DATABASE Connected ...');
+});
+
+const app = express();
+
+app.use(bodyparser.json());
+
+const corsOptions = {
+    origin:'', 
+    credentials:true,
+    optionSuccessStatus:200,
+ }
+ 
+ app.use(cors(corsOptions))
+
+ app.listen(8080, () => {
+    console.log('Server started on port 8080');
+});
+
+app.get('/Client/All', (req, res) => {
+
+    let sql = 'SELECT * FROM clients ORDER BY idclient';
+
+    db.query(sql, (err, result) => {
+        if (err) throw err;
+
+        console.log(result);
+        res.send(result);
+    });
+});
+
+app.get('/Client/Id/:id', (req, res) => {
+
+    const id = req.params.id;
+    let sql = 'SELECT * FROM clients WHERE idclient = ?';
+
+    db.query(sql, [id], (err, result) => {
+        if (err) throw err;
+
+        console.log(result);
+        res.send(result);
+    });
+}); 
+
+app.get('/User/Auth/:login/:pwd', (req, res) => {
+
+    const login = req.params.login;
+    const pwd = req.params.pwd;
+    let sql = 'SELECT login, password = ? as result FROM users WHERE login = ?';
+
+    db.query(sql, [pwd, login], (err, result) => {
+        if (err) throw err;
+
+        console.log(result);
+        res.send(result);
+    });
+});

server-api/package.json

@@ -0,0 +1,20 @@
+{
+  "name": "server-api",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "cors": "^2.8.5",
+    "express": "^4.18.2",
+    "mysql": "^2.18.1"
+  },
+  "devDependencies": {
+    "nodemon": "^2.0.20"
+  }
+}

src/App.js

@@ -5,11 +5,13 @@ import Admin from './pages/Admin.js';
 
 const App = () => {
   return (
-    <BrowserRouter>
-      <Routes>
-        <Route path="*" element={<Admin />} />
-      </Routes>
-    </BrowserRouter>
+    //<BrowserRouter>
+    //  <Routes>
+    //    <Route path="*" element={<Connexion />} />
+    //  </Routes>
+    //</BrowserRouter>
+
+    <Connexion />
   );
 }
 

src/components/Menu.js

@@ -0,0 +1,11 @@
+import React from 'react';
+
+const Menu = () => {
+    return (
+        <div>
+            
+        </div>
+    );
+};
+
+export default Menu;

src/index.js

@@ -8,5 +8,4 @@ root.render(
   <React.StrictMode>
     <App />
   </React.StrictMode>,
-  document.getElementById('root')
 );

src/pages/Connexion.js

@@ -1,63 +1,63 @@
-import React from 'react';
-import CryptoJS from 'crypto-js';
+// import React from 'react';
+// import CryptoJS from 'crypto-js';
 
 
-const Connexion = () => {
-    return (
-        <div className="page_connexion">
-            {/* Create a connexion page */}
-            <img className="logo" srcSet="./LogoApp.svg"></img>
-            <form>
-                <table className="formulaire_de_connexion">
-                    <tr className="connexion_text">
-                        Connexion
-                    </tr>
-                    <tr>
-                        <input id="pseudo" className="text_zone" type="text" placeholder="Pseudo" />
-                    </tr>
-                    <tr>
-                        <input id="password" className="text_zone" type="password" placeholder="Mot de passe" />
-                    </tr>
-                    <tr className="envoyer">
-                        <div className="memory_me">
-                            <label htmlFor="checkbox">Se souvenir de moi</label>
-                            <input type="checkbox" />
-                        </div>
-                        <button type="submit" onClick={sendPseudo}>Se connecter</button>
-                    </tr>
-                </table>
-            </form>
+// const Connexion = () => {
+//     return (
+//         <div className="page_connexion">
+//             {/* Create a connexion page */}
+//             <img className="logo" srcSet="./LogoApp.svg"></img>
+//             <form>
+//                 <table className="formulaire_de_connexion">
+//                     <tr className="connexion_text">
+//                         Connexion
+//                     </tr>
+//                     <tr>
+//                         <input id="pseudo" className="text_zone" type="text" placeholder="Pseudo" />
+//                     </tr>
+//                     <tr>
+//                         <input id="password" className="text_zone" type="password" placeholder="Mot de passe" />
+//                     </tr>
+//                     <tr className="envoyer">
+//                         <div className="memory_me">
+//                             <label htmlFor="checkbox">Se souvenir de moi</label>
+//                             <input type="checkbox" />
+//                         </div>
+//                         <button type="submit" onClick={sendPseudo}>Se connecter</button>
+//                     </tr>
+//                 </table>
+//             </form>
 
 
-            <a className="forgot_pw" href="http://localhost">Mot de passe oublié ?</a>
-        </div>
-    );
-};
+//             <a className="forgot_pw" href="http://localhost">Mot de passe oublié ?</a>
+//         </div>
+//     );
+// };
 
-/* Envoyer le pseudo et le mot de passe */
-function sendPseudo() {
-    var pseudo = document.getElementById("pseudo").value;
-    var password = document.getElementById("password").value;
-    // transforme le pseudo en son format sha256
-    console.log(password);
-    var password = CryptoJS.SHA256(password).toString(CryptoJS.enc.Hex);
-    console.log(password);
-    var data = {
-        pseudo: pseudo,
-        password: password
-    };
-    console.log(data);
-    // var xhr = new XMLHttpRequest();
-    // xhr.open("POST", "http://localhost:3000/api/auth/login", true);
-    // xhr.setRequestHeader('Content-Type', 'application/json');
-    // xhr.send(JSON.stringify(data));
-    // xhr.onreadystatechange = function () {
-    //     if (xhr.readyState === 4 && xhr.status === 200) {
-    //         var json = JSON.parse(xhr.responseText);
-    //         console.log(json);
-    //     }
-    // }
-}
+// /* Envoyer le pseudo et le mot de passe */
+// function sendPseudo() {
+//     var pseudo = document.getElementById("pseudo").value;
+//     var password = document.getElementById("password").value;
+//     // transforme le pseudo en son format sha256
+//     console.log(password);
+//     var password = CryptoJS.SHA256(password).toString(CryptoJS.enc.Hex);
+//     console.log(password);
+//     var data = {
+//         pseudo: pseudo,
+//         password: password
+//     };
+//     console.log(data);
+//     // var xhr = new XMLHttpRequest();
+//     // xhr.open("POST", "http://localhost:3000/api/auth/login", true);
+//     // xhr.setRequestHeader('Content-Type', 'application/json');
+//     // xhr.send(JSON.stringify(data));
+//     // xhr.onreadystatechange = function () {
+//     //     if (xhr.readyState === 4 && xhr.status === 200) {
+//     //         var json = JSON.parse(xhr.responseText);
+//     //         console.log(json);
+//     //     }
+//     // }
+// }
 
 
-export default Connexion;
+// export default Connexion;