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

89
website/admin/blog.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>
@@ -123,11 +128,33 @@
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="modalTitle">Create Blog Post</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="postForm">
@@ -168,22 +195,44 @@
<div class="mb-3">
<label for="postContent" class="form-label">Content *</label>
<textarea
class="form-control"
id="postContent"
rows="10"
required
></textarea>
<div
id="postContentEditor"
style="
height: 400px;
background: white;
border: 1px solid #ccc;
border-radius: 4px;
overflow: hidden;
"
>
<style>
#postContentEditor .ql-container {
height: calc(400px - 42px);
overflow-y: auto;
font-size: 16px;
}
#postContentEditor .ql-editor {
min-height: 100%;
}
</style>
</div>
<input type="hidden" id="postContent" />
</div>
<div class="mb-3">
<label for="postImage" class="form-label">Featured Image</label>
<input
type="file"
class="form-control"
id="postImage"
accept="image/*"
/>
<label class="form-label">Featured Image</label>
<input type="hidden" id="postFeaturedImage" />
<div
id="featuredImagePreview"
style="margin-bottom: 10px"
></div>
<button
type="button"
class="btn btn-outline-primary btn-sm"
onclick="openMediaLibraryForFeaturedImage()"
>
<i class="bi bi-image"></i> Select from Media Library
</button>
</div>
<div class="row">
@@ -236,7 +285,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.min.js"></script>
<script src="/admin/js/auth.js"></script>
<script src="/admin/js/blog.js"></script>
<script src="/admin/js/blog.js?v=8.0"></script>
</body>
</html>