Urgent correction of version v1.0.0-beta.14 due to crash issues when acting on the CDN.
All checks were successful
continuous-integration/drone/push Build is passing

This commit is contained in:
2024-07-12 18:13:03 +02:00
parent aaff0ed4ea
commit 44631acfc6
27 changed files with 704 additions and 534 deletions

View File

@@ -20,7 +20,7 @@ steps:
repo: swiftlogiclabs/cdn-app-insider
tags:
- latest
- v1.0.0-beta.13
- v1.0.0-beta.14
dockerfile: Dockerfile
username:
from_secret: docker_username

5
.idea/.gitignore generated vendored Normal file
View File

@@ -0,0 +1,5 @@
# Default ignored files
/shelf/
/workspace.xml
# Editor-based HTTP Client requests
/httpRequests/

12
.idea/CDN-APP-INSIDER.iml generated Normal file
View File

@@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8"?>
<module type="WEB_MODULE" version="4">
<component name="NewModuleRootManager">
<content url="file://$MODULE_DIR$">
<excludeFolder url="file://$MODULE_DIR$/temp" />
<excludeFolder url="file://$MODULE_DIR$/.tmp" />
<excludeFolder url="file://$MODULE_DIR$/tmp" />
</content>
<orderEntry type="inheritedJdk" />
<orderEntry type="sourceFolder" forTests="false" />
</component>
</module>

7
.idea/discord.xml generated Normal file
View File

@@ -0,0 +1,7 @@
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="DiscordProjectSettings">
<option name="show" value="PROJECT_FILES" />
<option name="description" value="" />
</component>
</project>

6
.idea/jsLibraryMappings.xml generated Normal file
View File

@@ -0,0 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="JavaScriptLibraryMappings">
<includedPredefinedLibrary name="Node.js Core" />
</component>
</project>

8
.idea/modules.xml generated Normal file
View File

@@ -0,0 +1,8 @@
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="ProjectModuleManager">
<modules>
<module fileurl="file://$PROJECT_DIR$/.idea/CDN-APP-INSIDER.iml" filepath="$PROJECT_DIR$/.idea/CDN-APP-INSIDER.iml" />
</modules>
</component>
</project>

6
.idea/vcs.xml generated Normal file
View File

@@ -0,0 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="VcsDirectoryMappings">
<mapping directory="$PROJECT_DIR$" vcs="Git" />
</component>
</project>

View File

@@ -55,7 +55,7 @@ async function checkUserExistsAD(req, res, next) {
} else {
req.user = existingUser;
req.session.userId = existingUser.id;
res.render('AuthLogin', { isAuthenticated: true, setupData: {}, currentUrl: req.originalUrl, errorMessage: '' });
res.status(200).render('AuthLogin', { isAuthenticated: true, setupData: {}, currentUrl: req.originalUrl, errorMessage: '' });
}
return next();

View File

@@ -12,7 +12,17 @@ async function getUserData() {
throw err;
}
}
let userData = getUserData();
let userData;
(async () => {
try {
userData = await getUserData();
} catch (err) {
console.error(`Failed to initialize userData: ${err}`);
process.exit(1);
}
})();
async function checkUserExistsDiscord(req, res, next) {
if (!req.user || (!req.user.username && !req.user.id)) {
@@ -20,19 +30,18 @@ async function checkUserExistsDiscord(req, res, next) {
}
try {
let users = userData;
let userData = await getUserData();
let existingUser;
if (req.user.username) {
existingUser = users.find(u => u.name === req.user.username);
existingUser = userData.find(u => u.name === req.user.username);
} else if (req.user.id) {
existingUser = users.find(u => u.id === req.user.id);
existingUser = userData.find(u => u.id === req.user.id);
}
if (existingUser) {
req.user.id = existingUser.id;
res.redirect('/dpanel/dashboard');
return;
return res.redirect('/dpanel/dashboard');
}
const newUser = {
@@ -40,9 +49,10 @@ async function checkUserExistsDiscord(req, res, next) {
name: req.user.username,
role: "user"
};
users.push(newUser);
await fs.writeFile(filePath, JSON.stringify(users, null, 2), 'utf8');
userData.push(newUser);
await fs.writeFile(filePath, JSON.stringify(userData, null, 2), 'utf8');
req.user.id = newUser.id;
@@ -52,4 +62,5 @@ async function checkUserExistsDiscord(req, res, next) {
}
}
module.exports = { checkUserExistsDiscord };

View File

@@ -4,41 +4,91 @@ const fs = require('fs');
const path = require('path');
const setupFilePath = path.join(__dirname, '../data', 'setup.json');
const setupData = JSON.parse(fs.readFileSync(setupFilePath, 'utf-8'));
let setupData;
try {
setupData = JSON.parse(fs.readFileSync(setupFilePath, 'utf-8'));
console.log('Setup data loaded:', setupData);
} catch (err) {
console.error('Error reading setup.json:', err);
}
const callbackURL = `http://${setupData[0].domain}/auth/discord/callback`;
console.log(`Callback URL: ${callbackURL}`);
passport.use(new DiscordStrategy({
clientID: setupData[0].discord.clientID,
clientSecret: setupData[0].discord.clientSecret,
callbackURL: `http://${setupData[0].domain}/auth/discord/callback`
callbackURL: callbackURL
}, (accessToken, refreshToken, profile, done) => {
fs.readFile('user.json', 'utf8', (err, data) => {
console.log('Discord profile received:', profile);
fs.readFile(path.join(__dirname, '../data', 'user.json'), 'utf8', (err, data) => {
if (err) {
console.error('Error reading user.json:', err);
return done(err);
}
const users = JSON.parse(data);
const user = users.find(user => user.id === profile.id);
if (setupData[0].discord.authorizedIDs.length > 0 && !setupData[0].discord.authorizedIDs.includes(profile.id)) {
return done(null, false, { message: 'L\'utilisateur n\'est pas autorisé.' });
let users;
try {
users = JSON.parse(data);
} catch (parseErr) {
console.error('Failed to parse user.json:', parseErr);
return done(parseErr);
}
done(null, user);
let existingUser = users.find(user => user.id === profile.id);
if (existingUser) {
console.log('Existing user found:', existingUser);
return done(null, existingUser);
}
const newUser = {
id: profile.id,
name: profile.username,
role: "user"
};
users.push(newUser);
fs.writeFile(path.join(__dirname, '../data', 'user.json'), JSON.stringify(users, null, 2), 'utf8', (err) => {
if (err) {
console.error('Error writing to user.json:', err);
return done(err);
}
console.log('New user created:', newUser);
done(null, newUser);
});
});
}));
passport.serializeUser((user, done) => {
done(null, user);
console.log('Serializing user:', user);
done(null, user.id);
});
passport.deserializeUser((id, done) => {
fs.readFile('/data', 'user.json', 'utf8', (err, data) => {
fs.readFile(path.join(__dirname, '../data', 'user.json'), 'utf8', (err, data) => {
if (err) {
return done(err);
}
const users = JSON.parse(data);
let users;
try {
users = JSON.parse(data);
} catch (parseErr) {
console.error('Failed to parse user data:', parseErr);
return done(parseErr);
}
const user = users.find(user => user.id === id);
if (!user) {
return done(null, false, { message: 'User not found.' });
}
console.log('Deserializing user:', user);
done(null, user);
});
});

View File

@@ -1,47 +0,0 @@
const mysql = require('mysql2/promise');
const pool = require('../config/database');
const userSchema = {
username: {
type: 'VARCHAR(255)',
allowNull: false,
unique: true
},
password: {
type: 'VARCHAR(255)',
allowNull: false
},
isAdmin: {
type: 'BOOLEAN',
allowNull: false,
defaultValue: false
}
};
async function createUser(username, password, isAdmin) {
const connection = await pool.getConnection();
try {
const [rows] = await connection.execute(
'INSERT INTO cdn (username, password, isAdmin) VALUES (?, ?, ?)',
[username, password, isAdmin]
);
return rows.insertId;
} finally {
connection.release();
}
}
async function getUserByUsername(username) {
const connection = await pool.getConnection();
try {
const [rows] = await connection.execute('SELECT * FROM users WHERE username = ?', [username]);
return rows[0];
} finally {
connection.release();
}
}
module.exports = {
createUser,
getUserByUsername
};

18
package-lock.json generated
View File

@@ -1,12 +1,12 @@
{
"name": "@cdn-app/insider-swiftlogic-labs-dinawo",
"version": "1.0.0-beta.12",
"version": "1.0.0-beta.14",
"lockfileVersion": 2,
"requires": true,
"packages": {
"": {
"name": "@cdn-app/insider-swiftlogic-labs-dinawo",
"version": "1.0.0-beta.12",
"version": "1.0.0-beta.14",
"license": "ISC",
"dependencies": {
"@auth/express": "^0.5.1",
@@ -48,6 +48,7 @@
"path": "^0.12.7",
"pg": "^8.11.3",
"pg-promise": "^11.5.4",
"progress": "^2.0.3",
"public-ip": "^6.0.1",
"semver": "^7.5.4",
"slugify": "^1.6.6",
@@ -3895,6 +3896,14 @@
"resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
"integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag=="
},
"node_modules/progress": {
"version": "2.0.3",
"resolved": "https://registry.npmjs.org/progress/-/progress-2.0.3.tgz",
"integrity": "sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==",
"engines": {
"node": ">=0.4.0"
}
},
"node_modules/proxy-addr": {
"version": "2.0.7",
"resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz",
@@ -8157,6 +8166,11 @@
"resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
"integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag=="
},
"progress": {
"version": "2.0.3",
"resolved": "https://registry.npmjs.org/progress/-/progress-2.0.3.tgz",
"integrity": "sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA=="
},
"proxy-addr": {
"version": "2.0.7",
"resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz",

View File

@@ -1,12 +1,12 @@
{
"name": "@cdn-app/insider-swiftlogic-labs-dinawo",
"version": "1.0.0-beta.13",
"name": "@cdn-app/insider-myaxrin-labs-dinawo",
"version": "1.0.0-beta.14",
"description": "",
"main": "server.js",
"scripts": {
"start": "node server.js"
},
"author": "Dinawo - Group SwiftLogic Labs",
"author": "Dinawo - Group Myaxrin Labs",
"license": "ISC",
"dependencies": {
"@auth/express": "^0.5.1",
@@ -48,6 +48,7 @@
"path": "^0.12.7",
"pg": "^8.11.3",
"pg-promise": "^11.5.4",
"progress": "^2.0.3",
"public-ip": "^6.0.1",
"semver": "^7.5.4",
"slugify": "^1.6.6",

View File

@@ -82,23 +82,22 @@ body.dark-mode {
}
.custom-btn {
transition: transform 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
color: #007BFF;
background-color: transparent;
padding: 8px 16px;
text-decoration: none;
display: inline-block;
font-size: 14px;
margin: 4px 2px;
border-radius: 50px;
display: inline-flex;
align-items: center;
justify-content: center;
font-family: inherit;
font-weight: 500;
font-size: 14px; /* réduit la taille de la police */
padding: 0.6em 1.2em; /* réduit le padding */
color: white;
background: linear-gradient(0deg, rgba(77,54,208,1) 0%, rgba(132,116,254,1) 100%);
border: none;
box-shadow: 0 0.7em 1.5em -0.5em #4d36d0be;
letter-spacing: 0.05em;
border-radius: 15em; /* réduit le rayon de la bordure */
cursor: pointer;
box-shadow: 0 2px 5px rgba(0,0,0,0.25);
border: 2px solid #007BFF;
}
.custom-btn:hover {
transform: scale(1.15);
background-color: #007BFF;
color: #fff;
transition: all 0.3s ease;
position: relative;
overflow: hidden;
}

View File

@@ -60,28 +60,6 @@
styleSwitcherButton.addEventListener('click', toggleDarkMode);
filterForm.addEventListener('submit', function (event) {
event.preventDefault();
const selectedExtension = extensionFilter.value.toLowerCase();
const searchQuery = fileSearchInput.value.toLowerCase();
const fileList = document.querySelectorAll('tr[data-extension]');
fileList.forEach(file => {
const fileExtension = file.getAttribute('data-extension').toLowerCase();
const fileName = file.querySelector('td:first-child').textContent.toLowerCase();
const extensionMatch = selectedExtension === '' || selectedExtension === fileExtension;
const searchMatch = fileName.includes(searchQuery);
if (extensionMatch && searchMatch) {
file.style.display = '';
} else {
file.style.display = 'none';
}
});
});
});
document.addEventListener('DOMContentLoaded', function () {
@@ -204,111 +182,6 @@
}
};
function performUpdate() {
fetch('/applyupdate')
.then(response => response.json())
.then(result => {
if (result.success) {
Swal.fire({
title: 'Mise à jour réussie',
text: 'Votre application a été mise à jour avec succès.',
icon: 'success',
toast: true,
position: 'bottom-right',
showConfirmButton: false,
timer: 5000
});
} else {
Swal.fire({
title: 'Mise à jour échouée',
text: 'Une erreur s\'est produite lors de la mise à jour de votre application.',
icon: 'error',
toast: true,
position: 'bottom-right',
showConfirmButton: false,
timer: 5000
});
}
})
.catch(error => {
console.error('Erreur lors de la mise à jour :', error);
Swal.fire({
text: 'Erreur lors de la mise à jour.',
icon: 'error',
toast: true,
position: 'bottom-right',
showConfirmButton: false,
timer: 5000
});
});
}
function checkUpdates() {
fetch('/checkupdate')
.then(response => response.json())
.then(result => {
if (result.updateAvailable) {
Swal.fire({
title: 'Nouvelle mise à jour disponible',
text: 'Voulez-vous mettre à jour votre application?',
icon: 'info',
showCancelButton: true,
confirmButtonText: 'Oui',
cancelButtonText: 'Non',
position: 'bottom-right',
toast: true,
}).then((result) => {
if (result.isConfirmed) {
performUpdate();
}
});
} else {
Swal.fire({
title: 'Application à jour',
text: 'Votre application est à jour.',
icon: 'success',
toast: true,
position: 'bottom-right',
showConfirmButton: false,
timer: 5000
});
}
})
.catch(error => {
console.error('Erreur lors de la vérification des mises à jour :', error);
Swal.fire({
text: 'Erreur lors de la vérification des mises à jour.',
icon: 'error',
toast: true,
position: 'bottom-right',
showConfirmButton: false,
timer: 5000
});
});
}
document.getElementById('checkUpdateButton').addEventListener('click', async function() {
const userName = await getLoggedInUserName();
fs.readFile('user.json', (err, data) => {
if (err) throw err;
let users = JSON.parse(data);
const user = users.find(user => user.name === userName);
if (user && user.role === 'admin') {
checkUpdates();
} else {
Swal.fire({
position: 'top',
icon: 'warning',
title: 'Vous n\'avez pas les droits pour effectuer cette action.',
showConfirmButton: false,
timer: 2600,
toast: true
});
}
});
});
var modal = document.getElementById('patchNoteModal');
@@ -617,3 +490,57 @@ function closeModal() {
const modal = document.getElementById('metadataModal');
modal.style.display = 'none';
}
function moveFile(folderName, fileName) {
Swal.fire({
title: 'Confirmer le déplacement du fichier',
text: `Voulez-vous déplacer le fichier ${fileName} vers ${folderName} ?`,
icon: 'warning',
showCancelButton: true,
confirmButtonText: 'Déplacer',
cancelButtonText: 'Annuler',
}).then((result) => {
if (result.isConfirmed) {
fetch('/api/dpanel/dashboard/movefile', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify({ fileName: fileName, folderName: folderName }),
})
.then(response => {
if (!response.ok) {
throw new Error('Network response was not ok');
}
return response.json();
})
.then(data => {
if (data.message === "File moved successfully") {
Swal.fire({
position: 'top',
icon: 'success',
title: 'Le fichier a été déplacé avec succès.',
showConfirmButton: false,
timer: 1800,
toast: true,
}).then(() => {
location.reload();
});
} else {
throw new Error(data.error || 'Une erreur est survenue');
}
})
.catch((error) => {
Swal.fire({
position: 'top',
icon: 'error',
title: 'Erreur lors du déplacement du fichier.',
showConfirmButton: false,
timer: 1800,
toast: true,
});
});
}
});
}

View File

@@ -14,10 +14,23 @@ const limiter = rateLimit({
router.post('/', limiter, (req, res, next) => {
passport.authenticate('ActiveDirectory', (err, user) => {
if (err) {
return res.json({ isAuthenticated: false, errorMessage: err.message, setupData: {}, showActiveDirectoryForm: true, currentUrl: req.originalUrl });
console.error("Authentication error:", err);
return res.status(401).json({
isAuthenticated: false,
errorMessage: err.message,
setupData: {},
showActiveDirectoryForm: true,
currentUrl: req.originalUrl
});
}
if (!user) {
return res.json({ isAuthenticated: false, errorMessage: 'User is not authorized.', setupData: {}, showActiveDirectoryForm: true, currentUrl: req.originalUrl });
return res.status(401).json({
isAuthenticated: false,
errorMessage: 'User is not authorized.',
setupData: {},
showActiveDirectoryForm: true,
currentUrl: req.originalUrl
});
}
req.user = {
...user._json,
@@ -31,9 +44,10 @@ router.post('/', limiter, (req, res, next) => {
req.session.user = req.user;
return next();
return res.redirect('/dpanel/dashboard');
});
})(req, res, next);
}, checkUserExistsAD);
module.exports = router;

View File

@@ -4,26 +4,34 @@ const passport = require('passport');
const { checkUserExistsDiscord } = require('../../Middlewares/UserIDMiddlewareDiscord');
const { getUserData, getSetupData } = require('../../Middlewares/watcherMiddleware');
let userData = getUserData();
let setupData;
let user;
getSetupData().then(data => {
setupData = data;
Promise.all([
getSetupData(),
getUserData()
]).then(([setup, userData]) => {
setupData = setup;
user = userData;
if (setupData[0].discord !== undefined) {
const DiscordStrategy = require('../../models/Passport-Discord');
}
getUserData().then(user => {
if (user.identifyURL) {
router.get("/auth/discord", (req, res) => {
if (user && user.identifyURL) {
res.redirect(user.identifyURL);
});
} else {
res.redirect('/auth/login');
}
});
router.get("/", (req, res) => {
if (setupData && setupData.discord && setupData.discord.identifyURL) {
res.redirect(setupData.discord.identifyURL);
});
} else {
res.redirect('/auth/login');
}
});
});
@@ -34,21 +42,9 @@ passport.deserializeUser((user, done) => {
done(null, user);
});
router.get('/callback', (req, res, next) => {
passport.authenticate('discord', (err, user, info) => {
if (err) {
return next(err);
}
if (!user) {
return res.redirect('/auth/login');
}
req.logIn(user, (loginErr) => {
if (loginErr) {
return next(loginErr);
}
router.get('/callback', passport.authenticate('discord', {
failureRedirect: '/auth/login'
}), (req, res, next) => {
checkUserExistsDiscord(req, res, () => {
if (req.userExists) {
return res.redirect('/dpanel/dashboard');
@@ -62,7 +58,6 @@ router.get('/callback', (req, res, next) => {
}
});
});
})(req, res, next);
});
module.exports = router;

View File

@@ -5,6 +5,7 @@ const child_process = require('child_process');
const packageJson = require('../package.json');
const fs = require('fs');
const path = require('path');
const crypto = require('crypto');
function getAllFiles(dirPath, arrayOfFiles) {
const files = fs.readdirSync(dirPath);
@@ -51,11 +52,14 @@ router.get('/', async (req, res) => {
build_version: version,
node_version: process.version,
express_version: expressVersion,
build_sha: child_process.execSync('git rev-parse HEAD').toString().trim(),
build_sha: '',
os_type: os.type(),
os_release: os.release(),
};
const hash = crypto.createHash('md5');
hash.update(buildMetadata.build_version);
buildMetadata.build_sha = hash.digest('hex').substring(0, 32);
res.json(buildMetadata);
} catch (error) {

View File

@@ -129,10 +129,9 @@ function getAllFiles(dirPath, arrayOfFiles) {
const allFiles = getAllFiles(__dirname);
const PORT = process.env.PORT || 5053;
app.listen(PORT, () => {
const SERVER = process.env.PORT || 5053;
app.listen(SERVER, () => {
SERVER.timeout = 300000
allFiles.forEach(file => {
console.log(`[ ${chalk.green('OK')} ] Loaded file: ${file}`);
@@ -141,7 +140,7 @@ app.listen(PORT, () => {
console.clear();
if (logger) {
logger.info(`☀️ Welcome to the Content Delivery Network Server`);
logger.info(`🚀 Your server is available and running on port ${PORT}`);
logger.info(`🚀 Your server is available and running on port ${SERVER}`);
logger.info(`⚜️ Application developed by Dinawo, part of the Myaxrin Labs group`);
logger.info(`♨️ Version: ${version}`);
console.log('');

View File

@@ -13,39 +13,116 @@
<style>
.custom-btn {
transition: transform 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
color: #007BFF;
background-color: transparent;
padding: 10px 20px;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
border-radius: 50px;
display: inline-flex;
align-items: center;
justify-content: center;
font-family: inherit;
font-weight: 500;
font-size: 17px;
padding: 0.8em 1.5em;
color: white;
background: linear-gradient(0deg, rgba(77,54,208,1) 0%, rgba(132,116,254,1) 100%);
border: none;
box-shadow: 0 0.7em 1.5em -0.5em #4d36d0be;
letter-spacing: 0.05em;
border-radius: 20em;
cursor: pointer;
box-shadow: 0 2px 5px rgba(0,0,0,0.25);
border: 2px solid #007BFF;
transition: all 0.3s ease;
position: relative;
overflow: hidden;
min-width: 150px;
min-height: 50px;
}
.custom-btn:hover {
transform: scale(1.15);
background-color: #007BFF;
color: #fff;
box-shadow: 0 0.5em 1.5em -0.5em #4d36d0be;
}
.animate {
opacity: 0;
transform: translateY(-20px);
animation: slideIn 0.4s forwards;
animation-delay: 0.2s;
.custom-btn span {
position: relative;
z-index: 1;
transition: opacity 0.3s ease;
}
@keyframes slideIn {
.custom-btn.processing {
cursor: wait;
}
.custom-btn.success {
background: linear-gradient(0deg, rgba(40,167,69,1) 0%, rgba(76,203,112,1) 100%);
box-shadow: 0 0.7em 1.5em -0.5em rgba(40,167,69,0.6);
}
.custom-btn.failure {
background: linear-gradient(0deg, rgba(220,53,69,1) 0%, rgba(255,107,114,1) 100%);
box-shadow: 0 0.7em 1.5em -0.5em rgba(220,53,69,0.6);
}
.custom-btn svg {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(0);
width: 24px;
height: 24px;
transition: transform 0.3s ease;
}
.custom-btn.success svg, .custom-btn.failure svg {
transform: translate(-50%, -50%) scale(1);
}
.checkmark__circle, .crossmark__circle {
stroke-dasharray: 166;
stroke-dashoffset: 166;
stroke-width: 2;
stroke-miterlimit: 10;
stroke: #fff;
fill: none;
animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}
.checkmark__check, .crossmark__check {
transform-origin: 50% 50%;
stroke-dasharray: 48;
stroke-dashoffset: 48;
stroke: #fff;
stroke-width: 3;
fill: none;
animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}
@keyframes stroke {
100% {
opacity: 1;
transform: translateY(0);
stroke-dashoffset: 0;
}
}
@keyframes fadeOutContent {
to {
opacity: 0;
}
}
@keyframes shakeButton {
0%, 100% {
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
transform: translateX(-5px);
}
20%, 40%, 60%, 80% {
transform: translateX(5px);
}
}
.custom-btn.processing span, .custom-btn.success span, .custom-btn.failure span {
animation: fadeOutContent 0.3s forwards;
}
.custom-btn.failure {
animation: shakeButton 0.5s cubic-bezier(.36,.07,.19,.97) both;
}
</style>
<body class="light-mode animate">
@@ -53,7 +130,7 @@
<h1 class="title text-center animate">Connexion</h1>
<% if (currentUrl === '/auth/activedirectory' || (setupData[0] && setupData[0].hasOwnProperty('ldap'))) { %>
<h3 class="text-center animate">Connexion avec Active Directory</h3>
<form action="/auth/activedirectory" method="post" class="mb-4 animate">
<form id="loginForm" class="mb-4 animate">
<% if (typeof errorMessage !== 'undefined' && errorMessage) { %>
<% } %>
@@ -67,23 +144,26 @@
<input type="password" id="password" name="password" class="form-control animate" required>
</div>
<button type="submit" class="btn btn-primary d-flex align-items-center justify-content-center mx-auto d-block custom-btn">
<button type="submit" id="loginButton" class="btn btn-primary d-flex align-items-center justify-content-center mx-auto d-block custom-btn">
<span class="ml-2 animate">Se connecter</span>
</button>
</form>
<% } %>
<% if (typeof setupData.discord !== 'undefined') { %>
<% if (typeof setupData.ldap !== 'undefined') { %>
<% if (Array.isArray(setupData)) { %>
<% setupData.forEach(config => { %>
<% if (config.hasOwnProperty('discord') && config.discord.enabled === 'on') { %>
<% if (config.hasOwnProperty('ldap') && config.ldap.enabled === 'on') { %>
<h3 class="text-center animate">Ou</h3>
<% } %>
<button onclick="location.href='/auth/discord'" class="btn btn-primary d-flex align-items-center justify-content-center mx-auto d-block custom-btn">
<button onclick="redirectToDiscord('<%= config.discord.identifyURL %>')" class="btn btn-primary d-flex align-items-center justify-content-center mx-auto d-block custom-btn" id="discordButton">
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="#ffffff" width="24" height="24">
<title>Discord</title>
<path d="M20.317 4.3698a19.7913 19.7913 0 00-4.8851-1.5152.0741.0741 0 00-.0785.0371c-.211.3753-.4447.8648-.6083 1.2495-1.8447-.2762-3.68-.2762-5.4868 0-.1636-.3933-.4058-.8742-.6177-1.2495a.077.077 0 00-.0785-.037 19.7363 19.7363 0 00-4.8852 1.515.0699.0699 0 00-.0321.0277C.5334 9.0458-.319 13.5799.0992 18.0578a.0824.0824 0 00.0312.0561c2.0528 1.5076 4.0413 2.4228 5.9929 3.0294a.0777.0777 0 00.0842-.0276c.4616-.6304.8731-1.2952 1.226-1.9942a.076.076 0 00-.0416-.1057c-.6528-.2476-1.2743-.5495-1.8722-.8923a.077.077 0 01-.0076-.1277c.1258-.0943.2517-.1923.3718-.2914a.0743.0743 0 01.0776-.0105c3.9278 1.7933 8.18 1.7933 12.0614 0a.0739.0739 0 01.0785.0095c.1202.099.246.1981.3728.2924a.077.077 0 01-.0066.1276 12.2986 12.2986 0 01-1.873.8914.0766.0766 0 00-.0407.1067c.3604.698.7719 1.3628 1.225 1.9932a.076.076 0 00.0842.0286c1.961-.6067 3.9495-1.5219 6.0023-3.0294a.077.077 0 00.0313-.0552c.5004-5.177-.8382-9.6739-3.5485-13.6604a.061.061 0 00-.0312-.0286zM8.02 15.3312c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9555-2.4189 2.157-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.9555 2.4189-2.1569 2.4189zm7.9748 0c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9554-2.4189 2.1569-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.4189-2.1568 2.4189Z"/>
</svg>
<span class="ml-2 animate">Se connecter avec Discord</span>
<path d="M20.317 4.3698a19.7913 19.7913 0 00-4.8851-1.5152..."></path>
</svg>&nbsp;Se connecter avec Discord
</button>
<% } %>
<% }); %>
<% } %>
<br>
<div class="d-flex justify-content-center animate">
<button id="themeSwitcher" class="btn btn-warning mt-3 animate">Changer de Thème</button>
@@ -114,34 +194,89 @@
});
});
var isAuthenticated = "<%= isAuthenticated %>" === "true";
var errorMessage = '<%= errorMessage %>';
document.addEventListener('DOMContentLoaded', function() {
const loginForm = document.getElementById('loginForm');
const loginButton = document.getElementById('loginButton');
if (isAuthenticated) {
Swal.fire({
position: 'top',
icon: 'success',
title: 'Authentification réussie!',
text: 'Vous allez être redirigé vers le tableau de bord.',
showConfirmButton: false,
timer: 1800,
timerProgressBar: true,
toast: true,
willClose: () => {
loginForm.addEventListener('submit', function(e) {
e.preventDefault();
const username = document.getElementById('username').value;
const password = document.getElementById('password').value;
loginButton.disabled = true;
loginButton.innerHTML = '<span>Connexion en cours...</span>';
loginButton.classList.add('processing');
fetch('/auth/activedirectory', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify({ username, password }),
redirect: 'follow',
})
.then(response => {
console.log('Statut de la réponse:', response.status);
console.log('URL finale:', response.url);
if (response.url.includes('/dpanel/dashboard')) {
handleAuthResult(loginButton, true);
} else {
return response.text().then(text => {
console.log('Texte reçu:', text);
handleAuthResult(loginButton, false);
});
}
})
.catch(error => {
console.error('Erreur:', error);
handleAuthResult(loginButton, false);
});
});
function handleAuthResult(loginButton, isSuccess) {
loginButton.classList.remove('processing');
loginButton.classList.add(isSuccess ? 'success' : 'failure');
const iconSVG = isSuccess ? `
<svg class="checkmark" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52 52" width="20" height="20">
<circle class="checkmark__circle" cx="26" cy="26" r="25" fill="none"/>
<path class="checkmark__check" fill="none" d="M14.1 27.2l7.1 7.2 16.7-16.8"/>
</svg>
` : `
<svg class="crossmark" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52 52" width="20" height="20">
<circle class="crossmark__circle" cx="26" cy="26" r="25" fill="none"/>
<path class="crossmark__check" fill="none" d="M16 16 36 36 M36 16 16 36"/>
</svg>
`;
loginButton.innerHTML = iconSVG;
if (isSuccess) {
setTimeout(() => {
console.log("Redirection vers /dpanel/dashboard");
window.location.replace('/dpanel/dashboard');
}, 1000);
} else {
setTimeout(() => {
loginButton.classList.remove('failure');
loginButton.innerHTML = '<span>Se connecter</span>';
loginButton.disabled = false;
}, 1500);
}
}
});
} else if (errorMessage) {
Swal.fire({
position: 'top',
icon: 'error',
title: 'Erreur lors de l\'authentification!',
text: 'Merci de reessayer.',
showConfirmButton: false,
timer: 2200,
timerProgressBar: true,
toast: true,
});
function redirectToDiscord(url) {
const discordButton = document.getElementById('discordButton');
discordButton.classList.add('btn-fill');
discordButton.innerHTML = '<span>Redirection en cours...</span>';
discordButton.disabled = true;
setTimeout(() => {
window.location.href = url;
}, 1000);
}
</script>
</body>

View File

@@ -1,14 +1,38 @@
<html>
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="icon" href="/public/assets/homelab_logo.png"/>
<title>401 Authorization Required</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>403 ERROR</title>
<script>
function generateRequestId() {
const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
let result = '';
for (let i = 0; i < 32; i++) {
result += chars.charAt(Math.floor(Math.random() * chars.length));
}
return result;
}
function generateTimestamp() {
return new Date().toISOString().replace(/[-:]/g, '').replace(/\..+/, 'Z');
}
document.addEventListener('DOMContentLoaded', () => {
const requestId = generateRequestId();
const timestamp = generateTimestamp();
document.getElementById('request-id').innerText = requestId;
document.getElementById('timestamp').innerText = timestamp;
});
</script>
</head>
<body>
<center><h1>401 Authorization Required</h1></center>
<center id="request-id"></center>
<hr>
<center>
<a href="https://discord.gg/k6r96Tmtgx" target="_blank">SwiftLogic Labs</a>
</center>
<h1>403 ERROR</h1>
<p>The request could not be satisfied.</p>
<p>Request blocked. We can't connect to the server for this app or website at this time. There might be too much traffic or a configuration error. Try again later, or contact the app or website owner.</p>
<p>Generated by Myaxrin Nexus (Security Department)</p>
<p>Request ID: <span id="request-id"></span></p>
<p>Timestamp: <span id="timestamp"></span></p>
</body>
</html>

View File

@@ -68,7 +68,7 @@
<i class="fas fa-user-shield"></i> Administration du site
</a>
<% } %>
<a class="dropdown-item text-center text-white no-hover" href="/auth/logout" id="logoutLink">
<br><br><a class="dropdown-item text-center text-white no-hover custom-btn" href="/auth/logout" id="logoutLink">
<i class="fas fa-sign-out-alt text-white"></i> Déconnexion
</a>
</div>
@@ -125,7 +125,7 @@
<i class="fas fa-folder-open"></i> Accéder
</a>
<% } else { %>
<button class="btn btn-primary btn-round animated-button animated-button" onclick="renameFile('<%= folderName %>', '<%= file.name %>')">
<button class="btn btn-primary btn-round animated-button" onclick="renameFile('<%= folderName %>', '<%= file.name %>')">
<i class="fas fa-edit"></i> Renommer
</button>
<form class="file-actions mb-2" id="deleteForm" action="/api/dpanel/dashboard/delete" method="post">
@@ -143,7 +143,7 @@
</button>
</div>
</form>
<form class="file-actions d-flex align-items-center mb-2" action="/api/dpanel/dashboard/movefile" method="post">
<form id="moveFileForm" class="file-actions d-flex align-items-center mb-2" onsubmit="event.preventDefault(); moveFile(this.folderName.value, this.fileName.value);">
<input type="hidden" name="fileName" value="<%= file.name %>">
<select class="form-control rounded mr-2 custom-dropdown" name="folderName">
<option value="" disabled selected>Déplacer vers...</option>
@@ -151,9 +151,8 @@
<option value="<%= folder %>"><%= folder %></option>
<% }); %>
</select>
<button type="submit" class="btn btn-success btn-round animated-button">Déplacer</button>
<button type="submit" id="movefilebutton" class="btn btn-success btn-round animated-button">Déplacer</button>
</form>
<% } %>
</td>
</tr>
@@ -167,7 +166,7 @@
<div class="modal-dialog modal-lg rounded-lg" role="document">
<div class="modal-content dark-mode">
<div class="modal-header">
<h5 class="modal-title" id="patchNoteModalLabel">Patch Note<span class="badge badge-info ml-1">v1.0.0-beta.13</span></h5>
<h5 class="modal-title" id="patchNoteModalLabel">Patch Note<span class="badge badge-info ml-1">v1.0.0-beta.14</span></h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
@@ -176,15 +175,19 @@
<div class="patch-note-item pl-3">
<p><i class="fas fa-tools"></i> Améliorations :</p>
<ul>
<li>Améliorations mineures et corrections mineures.<span class="badge badge-success ml-1">AMÉLIORATION MINEURE</span></li>
<li>Déplacement de fichier d'un dossier à la racine<span class="badge badge-success ml-1">AMÉLIORATION MAJEUR</span></li>
<li>Améliorations mineures et corrections mineures sur tous les niveaux de l'application.<span class="badge badge-success ml-1">AMÉLIORATION MINEURE</span></li>
<li>Déplacement de fichier d'un dossier à la racine.<span class="badge badge-success ml-1">AMÉLIORATION MAJEURE</span></li>
<li>Suppression chargement login avec la connexion active directory.<span class="badge badge-success ml-1">AMÉLIORATION MAJEURE</span></li>
<li>Modification de la suppression des fichiers à la racine.<span class="badge badge-success ml-1">AMÉLIORATION MINEURE</span></li>
<li>Modification déplacement fichier sans destination.<span class="badge badge-success ml-1">AMÉLIORATION MINEURE</span></li>
</ul>
</div>
<div class="patch-note-item pl-3">
<p><i class="fas fa-wrench"></i> Ajout :</p>
<p><i class="fas fa-wrench"></i> Modifications :</p>
<ul>
<li>Ajout des endpoints d'api manquant externe à l'application<span class="badge badge-success ml-1">AJOUT EXPERIENCE MAJEUR</span></li>
<li>Correction majeure d'un bug de sécurité.<span class="badge badge-success ml-1">MODIFICATION MAJEURE</span></li>
<li>Modification du message "move file" réponse JSON.<span class="badge badge-success ml-1">MODIFICATION MINEURE</span></li>
</ul>
</div>
@@ -201,6 +204,7 @@
<div id="metadataModal" class="modal" tabindex="-1" role="dialog">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
@@ -230,12 +234,12 @@
<ul class="nav justify-content-center border-bottom pb-3 mb-3">
<li class="nav-item">
<a class="nav-link px-2 text-muted" href="#" data-toggle="modal" data-target="#patchNoteModal">
Version: 1.0.0-beta.13
Version: 1.0.0-beta.14
</a>
</li>
</ul>
<div class="d-flex justify-content-center align-items-center">
<p class="text-center text-muted mb-0">&copy; 2024 SwiftLogic Labs</p>
<p class="text-center text-muted mb-0">&copy; 2024 Myaxrin Labs</p>
<div class="ml-3">
</div>
</div>

View File

@@ -140,9 +140,10 @@
</button>
</div>
</form>
<form class="file-actions d-flex align-items-center mb-2" action="/api/dpanel/dashboard/movefile/<%= folderName %>" method="post">
<form id="moveFileForm" class="file-actions d-flex align-items-center mb-2">
<input type="hidden" name="fileName" value="<%= file.name %>">
<input type="hidden" name="userName" value="<%= userName %>">
<input type="hidden" name="oldFolderName" value="<%= folderName %>">
<select class="form-control rounded mr-2 custom-dropdown" name="newFolderName">
<option value="" disabled selected>Déplacer vers...</option>
<option value="root">Dossier Racine</option>
@@ -173,9 +174,9 @@
<div class="container">
<footer class="py-3 my-4">
<ul class="nav justify-content-center border-bottom pb-3 mb-3">
<li class="nav-item"><a class="nav-link px-2 text-muted">Version: 1.0.0-beta.13</a></li>
<li class="nav-item"><a class="nav-link px-2 text-muted">Version: 1.0.0-beta.14</a></li>
</ul>
<p class="text-center text-muted">&copy; 2024 SwiftLogic Labs</p>
<p class="text-center text-muted">&copy; 2024 Myaxrin Labs</p>
</footer>
</div>
</body>

View File

@@ -14,30 +14,26 @@
<style>
.custom-btn {
transition: transform 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
color: #007BFF;
background-color: transparent;
padding: 10px 20px;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
border-radius: 50px;
cursor: pointer;
box-shadow: 0 2px 5px rgba(0,0,0,0.25);
border: 2px solid #007BFF;
width: 50%;
margin: 0 auto;
display: flex;
flex-direction: column;
justify-content: center;
display: inline-flex;
align-items: center;
}
.custom-btn:hover {
transform: scale(1.15);
background-color: #007BFF;
color: #fff;
justify-content: center;
font-family: inherit;
font-weight: 400;
font-size: 20px;
padding: 0.8em 1.6em; /* Réduit le padding */
color: white;
background: linear-gradient(0deg, rgba(77,54,208,1) 0%, rgba(132,116,254,1) 100%);
border: none;
box-shadow: 0 0.7em 1.5em -0.5em #4d36d0be;
letter-spacing: 0.05em;
border-radius: 20em;
cursor: pointer;
transition: all 0.3s ease;
position: relative;
overflow: hidden;
min-width: 50px; /* Réduit la largeur minimale */
min-height: 30px; /* Réduit la hauteur minimale */
margin: 15px;
}
.animate {

View File

@@ -29,24 +29,23 @@
}
.custom-btn {
transition: transform 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
color: #007BFF;
background-color: transparent;
padding: 5px 10px;
text-decoration: none;
display: inline-block;
font-size: 14px;
margin: 4px 2px;
border-radius: 50px;
display: inline-flex;
align-items: center;
justify-content: center;
font-family: inherit;
font-weight: 500;
font-size: 14px; /* réduit la taille de la police */
padding: 0.6em 1.2em; /* réduit le padding */
color: white;
background: linear-gradient(0deg, rgba(77,54,208,1) 0%, rgba(132,116,254,1) 100%);
border: none;
box-shadow: 0 0.7em 1.5em -0.5em #4d36d0be;
letter-spacing: 0.05em;
border-radius: 15em; /* réduit le rayon de la bordure */
cursor: pointer;
box-shadow: 0 2px 5px rgba(0,0,0,0.25);
border: 2px solid #007BFF;
}
.custom-btn:hover {
transform: scale(1.15);
background-color: #007BFF;
color: #fff;
transition: all 0.3s ease;
position: relative;
overflow: hidden;
}
</style>