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

127
website/admin/settings.html
View File

@@ -117,6 +117,9 @@
</style>
</head>
<body>
<!-- Toast Notification Container -->
<div class="toast-container" id="toastContainer"></div>
<div class="sidebar">
<div class="sidebar-brand">🛍️ Sky Art Shop</div>
<ul class="sidebar-menu">
@@ -227,26 +230,44 @@
<div class="row">
<div class="col-md-6 mb-3">
<label for="siteLogo" class="form-label">Logo</label>
<input
type="file"
class="form-control"
id="siteLogo"
accept="image/*"
onchange="previewLogo()"
/>
<div class="input-group">
<input
type="text"
class="form-control"
id="siteLogo"
placeholder="Select logo from media library"
readonly
/>
<button
class="btn btn-outline-secondary"
type="button"
onclick="openMediaLibrary('siteLogo')"
>
<i class="bi bi-images"></i> Choose from Library
</button>
</div>
<div class="logo-preview" id="logoPreview">
<span class="text-muted">No logo uploaded</span>
<span class="text-muted">No logo selected</span>
</div>
</div>
<div class="col-md-6 mb-3">
<label for="siteFavicon" class="form-label">Favicon</label>
<input
type="file"
class="form-control"
id="siteFavicon"
accept="image/*"
onchange="previewFavicon()"
/>
<div class="input-group">
<input
type="text"
class="form-control"
id="siteFavicon"
placeholder="Select favicon from media library"
readonly
/>
<button
class="btn btn-outline-secondary"
type="button"
onclick="openMediaLibrary('siteFavicon')"
>
<i class="bi bi-images"></i> Choose from Library
</button>
</div>
<div class="favicon-preview" id="faviconPreview">
<i class="bi bi-image text-muted"></i>
</div>
@@ -531,6 +552,82 @@
</div>
</div>
<!-- Media Library Modal -->
<div
class="modal fade"
id="mediaLibraryModal"
tabindex="-1"
aria-labelledby="mediaLibraryModalLabel"
aria-hidden="true"
>
<div class="modal-dialog modal-xl">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="mediaLibraryModalLabel">
<i class="bi bi-images"></i> Select from Media Library
</h5>
<button
type="button"
class="btn-close"
data-bs-dismiss="modal"
aria-label="Close"
></button>
</div>
<div class="modal-body">
<div class="row mb-3">
<div class="col-md-8">
<input
type="text"
class="form-control"
id="mediaSearch"
placeholder="Search media files..."
/>
</div>
<div class="col-md-4">
<select class="form-select" id="mediaTypeFilter">
<option value="all">All Types</option>
<option value="image">Images</option>
<option value="video">Videos</option>
<option value="document">Documents</option>
</select>
</div>
</div>
<div
id="mediaGrid"
style="
display: grid;
grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
gap: 15px;
max-height: 500px;
overflow-y: auto;
"
>
<div class="text-center py-5">
<i class="bi bi-hourglass-split fs-1 text-muted"></i>
<p class="text-muted">Loading media...</p>
</div>
</div>
</div>
<div class="modal-footer">
<button
type="button"
class="btn btn-secondary"
data-bs-dismiss="modal"
>
Cancel
</button>
<button
type="button"
class="btn btn-primary"
onclick="selectMediaFile()"
>
<i class="bi bi-check-lg"></i> Select
</button>
</div>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="/admin/js/auth.js"></script>
<script src="/admin/js/settings.js"></script>