database setup / user model / ejs

.gitignore

@@ -87,6 +87,12 @@ web_modules/
 .next
 out
 
+database.db
+.DS_Store
+package-lock.json
+.idea/
+
+
 # Nuxt.js build / generate output
 .nuxt
 dist

index.js

@@ -1,8 +1,14 @@
 const { default: axios } = require("axios");
 const express = require("express");
-const path = require("path");
 const app = express();
 const session = require('express-session');
+const databaseService = require('./services/database.service');
+
+databaseService.sync().then(() => {
+    console.log("Database ready");
+})
+
+
 require('dotenv').config()
 
 app.use(
@@ -29,6 +35,10 @@ app.get("/login", (req, res) => {
     res.render('login')
 });
 
+app.get("/keys", (req, res) => {
+    res.render('keys')
+});
+
 var auth_route = require('./routes/auth.route');
 
 app.use('/auth/', auth_route);

model/user.model.js

@@ -0,0 +1,25 @@
+const { Model, DataTypes} = require('sequelize');
+const sequelize = require('../services/database.service');
+
+class User extends Model {}
+
+User.init({
+    id: {
+        type: DataTypes.INTEGER,
+        primaryKey: true,
+    },
+    login: {
+        type: DataTypes.STRING,
+    },
+    avatar: {
+        type: DataTypes.STRING,
+    },
+    displayName: {
+        type: DataTypes.STRING,
+    }
+}, {
+    sequelize,
+    modelName: 'user'
+})
+
+module.exports = User;

package.json

@@ -23,6 +23,8 @@
     "express": "^4.18.2",
     "express-session": "^1.17.3",
     "passport": "^0.6.0",
-    "passport-github2": "^0.1.12"
+    "passport-github2": "^0.1.12",
+    "sequelize": "^6.33.0",
+    "sqlite3": "^5.1.6"
   }
 }

routes/auth.route.js

@@ -14,7 +14,7 @@ router.get("/callback", async (req, res) => {
     const access_token = await authService.getToken(req.query.code);
     const user = await authService.fetchUser(access_token);
     if (user) {
-        console.log(user)
+        await authService.syncUser(user);
         req.session.access_token = access_token;
         req.session.user = user;
         req.session.loggedin = true;

services/auth.service.js

@@ -1,4 +1,5 @@
 const {default: axios} = require("axios");
+const User = require('../model/user.model')
 
 async function getToken(code) {
     var client_id = process.env.GITHUB_CLIENT_ID
@@ -15,24 +16,44 @@ async function getToken(code) {
         })
     });
     const text = await request.text();
-    console.log("RESPONSE!!!");
     const params = new URLSearchParams(text);
     return params.get("access_token");
 };
 
-async function fetchUser(access_token) {
+
-    console.log('called')
+async function syncUser(user) {
-    const { data } = await axios({
+    User.findOne({where: { id: user.id}}).then((result) => {
-        url: 'https://api.github.com/user',
+        if (result) {
-        method: 'get',
+            result.login = user.login;
-        headers: {
+            result.avatar = user.avatar_url;
-            Authorization: `token ${access_token}`,
+            result.displayName = user.name;
-        },
+            result.save().then(() => {
+                console.log('user ' + user.login + ' updated in database')
+            });
+        } else {
+            User.create({
+                id: user.id,
+                login: user.login,
+                avatar: user.avatar_url,
+                displayName: user.name
+            }).then(() => {
+                console.log('user ' + user.login + ' added to database')
+            });
+        }
     });
-    return data;
+}
-};
+
+async function fetchUser(token) {
+    const request = await fetch("https://api.github.com/user", {
+        headers: {
+            Authorization: "token " + token
+        }
+    });
+    return await request.json();
+}
 
 module.exports = {
     fetchUser,
-    getToken
+    getToken,
+    syncUser
 };

services/database.service.js

@@ -0,0 +1,8 @@
+const Sequelize = require('sequelize');
+
+const sequelize = new Sequelize('accessgate', 'user', 'password', {
+    dialect: 'sqlite',
+    host: './database.db'
+})
+
+module.exports = sequelize;

views/keys.ejs

@@ -0,0 +1,79 @@
+<%- include('navbar', {active: "keys"}); %>
+            <div class="container-fluid">
+                <h3 class="text-dark mb-4">Keys management</h3>
+                <div class="row mb-3">
+                    <div class="col-lg-8">
+                        <div class="row mb-3 d-none">
+                            <div class="col">
+                                <div class="card text-white bg-primary shadow">
+                                    <div class="card-body">
+                                        <div class="row mb-2">
+                                            <div class="col">
+                                                <p class="m-0">Peformance</p>
+                                                <p class="m-0"><strong>65.2%</strong></p>
+                                            </div>
+                                            <div class="col-auto"><i class="fas fa-rocket fa-2x"></i></div>
+                                        </div>
+                                        <p class="text-white-50 small m-0"><i class="fas fa-arrow-up"></i>&nbsp;5% since last month</p>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="col">
+                                <div class="card text-white bg-success shadow">
+                                    <div class="card-body">
+                                        <div class="row mb-2">
+                                            <div class="col">
+                                                <p class="m-0">Peformance</p>
+                                                <p class="m-0"><strong>65.2%</strong></p>
+                                            </div>
+                                            <div class="col-auto"><i class="fas fa-rocket fa-2x"></i></div>
+                                        </div>
+                                        <p class="text-white-50 small m-0"><i class="fas fa-arrow-up"></i>&nbsp;5% since last month</p>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="card shadow mb-5">
+                    <div class="card-header py-3">
+                        <p class="text-primary m-0 fw-bold">SSH Keys</p>
+                    </div>
+                    <div class="card-body">
+                        <div class="row">
+                            <div class="col">
+                                <div class="table-responsive">
+                                    <table class="table">
+                                        <thead>
+                                        <tr>
+                                            <th>Name</th>
+                                            <th>Key</th>
+                                        </tr>
+                                        </thead>
+                                        <tbody>
+                                        <tr>
+                                            <td>MacBook Pro</td>
+                                            <td>Lorem ipsum</td>
+                                        </tr>
+                                        <tr>
+                                            <td>PC</td>
+                                            <td>Lorem ipsum</td>
+                                        </tr>
+                                        </tbody>
+                                    </table>
+                                </div>
+                            </div>
+                            <div class="col-md-6">
+                                <form>
+                                    <div class="mb-3"><label class="form-label" for="signature"><strong>Name</strong></label><input class="form-control" type="text"></div>
+                                    <div class="mb-3"><label class="form-label" for="signature"><strong>Key</strong></label><textarea class="form-control" id="signature-1" rows="4" name="signature"></textarea></div>
+                                    <div class="mb-3"></div>
+                                    <div class="mb-3"><button class="btn btn-primary btn-sm" type="submit">Add key</button></div>
+                                </form>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+            <%- include('footer'); %>