From 19b2199917fa84453727b4083fe91829498b1d63 Mon Sep 17 00:00:00 2001 From: Toddeh Alexander - MacAir Date: Thu, 2 May 2024 13:39:04 -0700 Subject: [PATCH] updated directories, renamed backend to src, removed frontend --- assets/placeholder | 1 - frontend/css/gallery.css | 72 ------------------- frontend/css/login.css | 31 -------- frontend/css/styles.css | 97 ------------------------- frontend/gallery/gallery.html | 101 --------------------------- frontend/gallery/gallery.js | 19 ----- frontend/gallery/user_gallery.html | 56 --------------- frontend/index.html | 38 ---------- frontend/js/script.js | 94 ------------------------- frontend/js/user_gallery.js | 0 frontend/login/login.html | 41 ----------- {backend => src}/docker-compose.yml | 0 {backend => src}/php/css/gallery.css | 0 {backend => src}/php/css/styles.css | 0 {backend => src}/php/gallery.php | 0 {backend => src}/php/index.php | 0 16 files changed, 550 deletions(-) delete mode 100644 assets/placeholder delete mode 100644 frontend/css/gallery.css delete mode 100644 frontend/css/login.css delete mode 100644 frontend/css/styles.css delete mode 100644 frontend/gallery/gallery.html delete mode 100644 frontend/gallery/gallery.js delete mode 100644 frontend/gallery/user_gallery.html delete mode 100644 frontend/index.html delete mode 100644 frontend/js/script.js delete mode 100644 frontend/js/user_gallery.js delete mode 100644 frontend/login/login.html rename {backend => src}/docker-compose.yml (100%) rename {backend => src}/php/css/gallery.css (100%) rename {backend => src}/php/css/styles.css (100%) rename {backend => src}/php/gallery.php (100%) rename {backend => src}/php/index.php (100%) diff --git a/assets/placeholder b/assets/placeholder deleted file mode 100644 index 00750ed..0000000 --- a/assets/placeholder +++ /dev/null @@ -1 +0,0 @@ -3 diff --git a/frontend/css/gallery.css b/frontend/css/gallery.css deleted file mode 100644 index 9ec3312..0000000 --- a/frontend/css/gallery.css +++ /dev/null @@ -1,72 +0,0 @@ -* { - margin: 0; - padding: 0; - box-sizing: border-box; -} - -body { - font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; -} - -.container { - padding: 40px 5%; -} - -.heading-text { - margin-bottom: 2rem; - font-size: 2rem; -} - -.heading-text span { - font-weight: 100; -} - -ul { - list-style: none; -} - -.image-gallery { - display: flex; - flex-wrap: wrap; - gap: 10px; -} - -.image-gallery > li { - flex: 1 1 auto; /* or flex: auto; */ - height: 300px; - cursor: pointer; - position: relative; -} - -.image-gallery::after { - content: ""; - flex-grow: 999; -} - -.image-gallery li img { - object-fit: cover; - width: 100%; - height: 100%; - vertical-align: middle; - border-radius: 5px; -} - -.overlay { - position: absolute; - width: 100%; - height: 100%; - background: rgba(57, 57, 57, 0.502); - top: 0; - left: 0; - transform: scale(0); - transition: all 0.2s 0.1s ease-in-out; - color: #fff; - border-radius: 5px; - display: flex; - align-items: center; - justify-content: center; -} - -.image-gallery li:hover .overlay { - transform: scale(1); -} \ No newline at end of file diff --git a/frontend/css/login.css b/frontend/css/login.css deleted file mode 100644 index 35cc384..0000000 --- a/frontend/css/login.css +++ /dev/null @@ -1,31 +0,0 @@ -/* Bordered form */ -form { - border: 3px solid #f1f1f1; -} - -input[type=text], input[type=password] { - width: 100%; - padding: 12px 20px; - margin: 8px 0; - display: inline-block; - border: 1px solid #ccc; - box-sizing: border-box; -} - -button { - background-color: #04AA6D; - color: white; - padding: 14px 20px; - margin: 8px 0; - border: none; - cursor: pointer; - width: 100%; -} - -button:hover { - opacity: 0.8; -} - -.container { - padding: 16px; -} \ No newline at end of file diff --git a/frontend/css/styles.css b/frontend/css/styles.css deleted file mode 100644 index cb8424f..0000000 --- a/frontend/css/styles.css +++ /dev/null @@ -1,97 +0,0 @@ -/* Navigation Bar Styles */ -nav { - background-color: #333; - position: fixed; - top: 0; - width: 100%; - z-index: 1; -} - -.nav-container { - max-width: 1200px; - margin: 0 auto; - display: flex; - justify-content: space-between; - align-items: center; - padding: 10px 20px; -} - -.nav-logo { - color: white; - font-size: 24px; - font-weight: bold; - text-decoration: none; -} - -.nav-menu { - list-style-type: none; - margin: 0; - padding: 0; - display: flex; -} - -.nav-menu li { - margin-left: 20px; -} - -.nav-menu a { - color: white; - text-decoration: none; - padding: 10px; - transition: background-color 0.3s; -} - -.nav-menu a:hover, -.nav-menu a.active { - background-color: #555; -} - -/* Home Page Styles */ -body { - font-family: Arial, sans-serif; - margin: 0; - padding: 0; - display: flex; - flex-direction: column; - align-items: center; - background-color: #f1f1f1; - padding-top: 80px; -} - -#drag-drop-container { - border: 2px dashed #ccc; - padding: 20px; - text-align: center; - width: 400px; - background-color: white; - box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); - transition: all 0.3s ease-in-out; -} -#drag-drop-container:hover { - border-color: #4CAF50; - background-color: #f1f1f1; - transform: scale(1.1); - cursor: pointer; -} - -#drag-drop-container.drag-over { - border-color: #4CAF50; - background-color: #f1f1f1; - transform: scale(1.1); - cursor: pointer; -} - -#upload-button { - background-color: #ccc; - color: white; - padding: 10px 20px; - border: none; - border-radius: 4px; - font-size: 16px; - cursor: default; -} - -#upload-button:enabled { - background-color: #4CAF50; - cursor: pointer; -} \ No newline at end of file diff --git a/frontend/gallery/gallery.html b/frontend/gallery/gallery.html deleted file mode 100644 index 6d585fc..0000000 --- a/frontend/gallery/gallery.html +++ /dev/null @@ -1,101 +0,0 @@ - - - - - - - Image Gallery - - - - - - - - -
-

Image Gallery

- -
- - - - \ No newline at end of file diff --git a/frontend/gallery/gallery.js b/frontend/gallery/gallery.js deleted file mode 100644 index 74b45c3..0000000 --- a/frontend/gallery/gallery.js +++ /dev/null @@ -1,19 +0,0 @@ -// gallery.js - -// Fetch the list of uploaded images from the server -fetch('get_uploaded_images.php') - .then(response => response.json()) - .then(images => { - const imageGrid = document.getElementById('image-grid'); - - // Generate HTML elements for each image - images.forEach(image => { - const imageElement = document.createElement('img'); - imageElement.src = `uploads/${image}`; - imageElement.alt = image; - imageGrid.appendChild(imageElement); - }); - }) - .catch(error => { - console.error('Error fetching uploaded images:', error); - }); \ No newline at end of file diff --git a/frontend/gallery/user_gallery.html b/frontend/gallery/user_gallery.html deleted file mode 100644 index 6cb6fe9..0000000 --- a/frontend/gallery/user_gallery.html +++ /dev/null @@ -1,56 +0,0 @@ - - - - - - - User Image Gallery - - - - - - - -
Please sign in to view your images.
- - - - - - \ No newline at end of file diff --git a/frontend/index.html b/frontend/index.html deleted file mode 100644 index 6a9e635..0000000 --- a/frontend/index.html +++ /dev/null @@ -1,38 +0,0 @@ - - - - - - - Drag and Drop Image Upload - - - - - - - -
-

Drag and Drop Images

-

PNG | JPEG | GIF files only

or click to select a file

-
- -
-
-
- - - - - - \ No newline at end of file diff --git a/frontend/js/script.js b/frontend/js/script.js deleted file mode 100644 index d3464ad..0000000 --- a/frontend/js/script.js +++ /dev/null @@ -1,94 +0,0 @@ -const dragDropContainer = document.getElementById('drag-drop-container'); -const fileInput = document.getElementById('file-input'); -const uploadButton = document.getElementById('upload-button'); -let selectedFile = null; - -// Initially disable the upload button and set its background color to grey -disableUploadButton(); - -dragDropContainer.addEventListener('dragover', (event) => { - event.preventDefault(); - dragDropContainer.classList.add('drag-over'); -}); - -dragDropContainer.addEventListener('dragleave', () => { - dragDropContainer.classList.remove('drag-over'); -}); - -dragDropContainer.addEventListener('drop', (event) => { - event.preventDefault(); - dragDropContainer.classList.remove('drag-over'); - - // Get the first file from the dropped files - const file = event.dataTransfer.files[0]; - - // Check if the file is a PNG, JPEG, or GIF - if (file && (file.type === 'image/png' || file.type === 'image/jpeg' || file.type === 'image/gif')) { - selectedFile = file; - updateFileInfo(file.name); - enableUploadButton(); - } else { - alert('Please drop a PNG, JPEG, or GIF file.'); - } -}); - -dragDropContainer.addEventListener('click', () => { - fileInput.click(); -}); - -fileInput.addEventListener('change', () => { - const file = fileInput.files[0]; - if (file && (file.type === 'image/png' || file.type === 'image/jpeg' || file.type === 'image/gif')) { - selectedFile = file; - updateFileInfo(file.name); - enableUploadButton(); - } else { - updateFileInfo(''); - disableUploadButton(); - } -}); - -uploadButton.addEventListener('click', () => { - if (selectedFile) { - const formData = new FormData(); - formData.append('file', selectedFile); - - fetch('upload.php', { - method: 'POST', - body: formData - }) - .then(response => response.json()) - .then(data => { - if (data.success) { - alert('File uploaded successfully!'); - // Optionally handle the response, e.g., display uploaded file details - console.log('Uploaded filename:', data.fileName); - } else { - alert('File upload failed. Please try again.'); - } - }) - .catch(error => { - console.error('Error uploading file:', error); - alert('File upload failed. Please try again.'); - }); - } else { - alert('Please select a file to upload.'); - } -}); - -function updateFileInfo(fileName) { - const fileInfo = document.getElementById('file-info'); - fileInfo.textContent = fileName ? `Selected file: ${fileName}` : ''; -} - -function enableUploadButton() { - uploadButton.disabled = false; - uploadButton.style.backgroundColor = '#4CAF50'; // Green - uploadButton.style.cursor = 'pointer'; -} - -function disableUploadButton() { - uploadButton.disabled = true; - uploadButton.style.backgroundColor = '#ccc'; // Gray - uploadButton.style.cursor = 'default'; -} diff --git a/frontend/js/user_gallery.js b/frontend/js/user_gallery.js deleted file mode 100644 index e69de29..0000000 diff --git a/frontend/login/login.html b/frontend/login/login.html deleted file mode 100644 index 7bee6df..0000000 --- a/frontend/login/login.html +++ /dev/null @@ -1,41 +0,0 @@ - - - - - - - Login Page - - - - - - - - - -
-
- - - - - - - - -
-
- - - \ No newline at end of file diff --git a/backend/docker-compose.yml b/src/docker-compose.yml similarity index 100% rename from backend/docker-compose.yml rename to src/docker-compose.yml diff --git a/backend/php/css/gallery.css b/src/php/css/gallery.css similarity index 100% rename from backend/php/css/gallery.css rename to src/php/css/gallery.css diff --git a/backend/php/css/styles.css b/src/php/css/styles.css similarity index 100% rename from backend/php/css/styles.css rename to src/php/css/styles.css diff --git a/backend/php/gallery.php b/src/php/gallery.php similarity index 100% rename from backend/php/gallery.php rename to src/php/gallery.php diff --git a/backend/php/index.php b/src/php/index.php similarity index 100% rename from backend/php/index.php rename to src/php/index.php