PTS/SkyArtShop
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

updateweb

Browse Source
This commit is contained in:
Local Server
2025-12-24 00:13:23 -06:00
parent e4b3de4a46
commit 017c6376fc
88 changed files with 17866 additions and 1191 deletions
Download Patch File Download Diff File Expand all files Collapse all files

88
website/admin/portfolio.html
View File

@@ -12,6 +12,11 @@
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"
/>
<!-- Quill Editor CSS -->
<link
href="https://cdn.jsdelivr.net/npm/quill@1.3.7/dist/quill.snow.css"
rel="stylesheet"
/>
<link rel="stylesheet" href="/admin/css/admin-style.css" />
</head>
<body>
@@ -117,15 +122,37 @@
</div>
<div class="modal fade" id="projectModal" tabindex="-1">
<div class="modal-dialog modal-lg">
<div class="modal-dialog modal-xl">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="modalTitle">Add Portfolio Project</h5>
<button
type="button"
class="btn-close"
data-bs-dismiss="modal"
></button>
<div class="d-flex gap-2 align-items-center">
<button
type="button"
class="btn btn-sm btn-primary"
id="btnExpandModal"
onclick="toggleModalSize()"
title="Expand/Collapse"
style="
padding: 0.375rem 0.75rem;
display: flex;
align-items: center;
gap: 5px;
"
>
<i
class="bi bi-arrows-fullscreen"
id="expandIcon"
style="font-size: 16px"
></i>
<span style="font-size: 13px">Expand</span>
</button>
<button
type="button"
class="btn-close"
data-bs-dismiss="modal"
></button>
</div>
</div>
<div class="modal-body">
<form id="projectForm">
@@ -147,12 +174,14 @@
<label for="projectDescription" class="form-label"
>Description *</label
>
<div id="projectDescriptionEditor" style="height: 200px"></div>
<textarea
class="form-control"
id="projectDescription"
rows="4"
required
style="display: none"
></textarea>
<small class="text-muted"
>Use the editor to format your project description</small
>
</div>
<div class="mb-3">
@@ -163,24 +192,35 @@
type="text"
class="form-control"
id="projectCategory"
placeholder="e.g., Digital Art, Photography"
placeholder="e.g., Digital Art, Photography, Illustration"
/>
</div>
<div class="mb-3">
<label for="projectImages" class="form-label"
>Project Images/Gallery</label
<!-- Project Images Gallery -->
<div class="mb-4">
<label class="form-label"
><i class="bi bi-images"></i> Project Images/Gallery</label
>
<input
type="file"
class="form-control"
id="projectImages"
multiple
accept="image/*"
/>
<small class="text-muted"
>Upload multiple images for gallery</small
<p class="text-muted small">
Select images from your media library for this portfolio
project.
</p>
<button
type="button"
class="btn btn-sm btn-primary mb-3"
onclick="openMediaLibrary('portfolioImages')"
>
<i class="bi bi-cloud-upload"></i> Select from Media Library
</button>
<div
id="portfolioImagesGallery"
class="d-flex flex-wrap gap-2 border rounded p-3"
style="min-height: 100px"
>
<div class="text-muted small">
No images added yet. Click above to add images.
</div>
</div>
</div>
<div class="mb-3">
@@ -219,7 +259,9 @@
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<!-- Quill Editor JS -->
<script src="https://cdn.jsdelivr.net/npm/quill@1.3.7/dist/quill.js"></script>
<script src="/admin/js/auth.js"></script>
<script src="/admin/js/portfolio.js"></script>
<script src="/admin/js/portfolio.js?v=5.0"></script>
</body>
</html>