Evilfox/shop-go
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 4 Wiki Activity

Add admin panel: visit counter, product editor, screenshots upload

Browse Source
This commit is contained in:
shop
2026-06-25 16:59:21 +03:00
parent 6322aee714
commit 08727a1995
21 changed files with 1209 additions and 67 deletions
Download Patch File Download Diff File Expand all files Collapse all files
internal/handlers/admin.go
+72 -20
View File
@@ -4,18 +4,30 @@ import (
"html/template"
"log"
"net/http"
"strconv"
"shop/internal/auth"
"shop/internal/models"
"shop/internal/repository"
"shop/internal/upload"
)
type AdminHandler struct {
repo *repository.AdminRepository
products *repository.ProductRepository
stats *repository.StatsRepository
storage *upload.Storage
session *auth.Session
templates *template.Template
}
type adminLayoutData struct {
Title string
Email string
Active string
Content template.HTML
}
type adminLoginData struct {
Title string
Error string
@@ -26,32 +38,67 @@ type adminDashboardData struct {
Title string
Email string
ProductCount int
Categories interface{}
CategoryCount int
TotalVisits int64
TodayVisits int
Categories []models.Category
Products []models.Product
}
type adminProductsData struct {
Title string
Email string
Products []models.Product
}
type adminProductFormData struct {
Title string
Email string
Product models.Product
IsNew bool
Error string
}
func NewAdminHandler(
adminRepo *repository.AdminRepository,
productRepo *repository.ProductRepository,
statsRepo *repository.StatsRepository,
storage *upload.Storage,
session *auth.Session,
templates *template.Template,
) *AdminHandler {
return &AdminHandler{
repo: adminRepo,
products: productRepo,
stats: statsRepo,
storage: storage,
session: session,
templates: templates,
}
}
func (h *AdminHandler) requireAuth(w http.ResponseWriter, r *http.Request) (string, bool) {
email, ok := h.session.FromRequest(r)
if !ok {
http.Redirect(w, r, "/admin/login", http.StatusSeeOther)
return "", false
}
return email, true
}
func (h *AdminHandler) render(w http.ResponseWriter, name string, data any) {
w.Header().Set("Content-Type", "text/html; charset=utf-8")
if err := h.templates.ExecuteTemplate(w, name, data); err != nil {
log.Printf("render %s: %v", name, err)
}
}
func (h *AdminHandler) LoginPage(w http.ResponseWriter, r *http.Request) {
if email, ok := h.session.FromRequest(r); ok && email != "" {
http.Redirect(w, r, "/admin/", http.StatusSeeOther)
return
}
data := adminLoginData{Title: "Вход в админку"}
w.Header().Set("Content-Type", "text/html; charset=utf-8")
_ = h.templates.ExecuteTemplate(w, "admin_login.html", data)
h.render(w, "admin_login.html", adminLoginData{Title: "Вход в админку"})
}
func (h *AdminHandler) Login(w http.ResponseWriter, r *http.Request) {
@@ -91,14 +138,13 @@ func (h *AdminHandler) Logout(w http.ResponseWriter, r *http.Request) {
}
func (h *AdminHandler) Dashboard(w http.ResponseWriter, r *http.Request) {
email, ok := h.session.FromRequest(r)
email, ok := h.requireAuth(w, r)
if !ok {
http.Redirect(w, r, "/admin/login", http.StatusSeeOther)
return
}
ctx := r.Context()
products, err := h.products.Featured(ctx, 100)
products, err := h.products.All(ctx)
if err != nil {
log.Printf("admin products: %v", err)
http.Error(w, "Internal Server Error", http.StatusInternalServerError)
@@ -112,24 +158,30 @@ func (h *AdminHandler) Dashboard(w http.ResponseWriter, r *http.Request) {
return
}
data := adminDashboardData{
Title: "Админ-панель",
Email: email,
ProductCount: len(products),
Categories: categories,
stats, err := h.stats.Get(ctx)
if err != nil {
log.Printf("admin stats: %v", err)
}
w.Header().Set("Content-Type", "text/html; charset=utf-8")
_ = h.templates.ExecuteTemplate(w, "admin_dashboard.html", data)
h.render(w, "admin_dashboard.html", adminDashboardData{
Title: "Админ-панель",
Email: email,
ProductCount: len(products),
CategoryCount: len(categories),
TotalVisits: stats.TotalVisits,
TodayVisits: stats.TodayVisits,
Categories: categories,
Products: products,
})
}
func (h *AdminHandler) renderLoginError(w http.ResponseWriter, email, msg string) {
data := adminLoginData{
Title: "Вход в админку",
Error: msg,
Email: email,
}
data := adminLoginData{Title: "Вход в админку", Error: msg, Email: email}
w.Header().Set("Content-Type", "text/html; charset=utf-8")
w.WriteHeader(http.StatusUnauthorized)
_ = h.templates.ExecuteTemplate(w, "admin_login.html", data)
}
func parseProductID(r *http.Request) (int, error) {
return strconv.Atoi(r.PathValue("id"))
}
internal/handlers/admin_products.go
+238
View File
@@ -0,0 +1,238 @@
package handlers
import (
"log"
"net/http"
"strconv"
"shop/internal/models"
)
func (h *AdminHandler) ProductList(w http.ResponseWriter, r *http.Request) {
email, ok := h.requireAuth(w, r)
if !ok {
return
}
products, err := h.products.All(r.Context())
if err != nil {
log.Printf("product list: %v", err)
http.Error(w, "Internal Server Error", http.StatusInternalServerError)
return
}
h.render(w, "admin_products.html", adminProductsData{
Title: "Товары",
Email: email,
Products: products,
})
}
func (h *AdminHandler) ProductNew(w http.ResponseWriter, r *http.Request) {
email, ok := h.requireAuth(w, r)
if !ok {
return
}
h.render(w, "admin_product_form.html", adminProductFormData{
Title: "Новый товар",
Email: email,
IsNew: true,
Product: models.Product{IsActive: true, Category: "Разное"},
})
}
func (h *AdminHandler) ProductEdit(w http.ResponseWriter, r *http.Request) {
email, ok := h.requireAuth(w, r)
if !ok {
return
}
id, err := parseProductID(r)
if err != nil {
http.NotFound(w, r)
return
}
product, err := h.products.GetByID(r.Context(), id)
if err != nil {
http.NotFound(w, r)
return
}
h.render(w, "admin_product_form.html", adminProductFormData{
Title: "Редактирование товара",
Email: email,
Product: product,
})
}
func (h *AdminHandler) ProductSave(w http.ResponseWriter, r *http.Request) {
if _, ok := h.requireAuth(w, r); !ok {
return
}
if err := r.ParseMultipartForm(32 << 20); err != nil {
http.Error(w, "Bad Request", http.StatusBadRequest)
return
}
ctx := r.Context()
isNew := r.FormValue("is_new") == "1"
productID, _ := strconv.Atoi(r.FormValue("id"))
price, _ := strconv.ParseFloat(r.FormValue("price"), 64)
product := models.Product{
ID: productID,
Name: r.FormValue("name"),
Description: r.FormValue("description"),
Details: r.FormValue("details"),
Price: price,
Category: r.FormValue("category"),
IsActive: r.FormValue("is_active") == "on",
ImageURL: r.FormValue("image_url"),
}
if product.Name == "" || product.Price < 0 {
email, _ := h.requireAuth(w, r)
h.render(w, "admin_product_form.html", adminProductFormData{
Title: "Ошибка",
Email: email,
Product: product,
IsNew: isNew,
Error: "Заполните название и цену",
})
return
}
if isNew {
if err := h.products.Create(ctx, &product); err != nil {
log.Printf("product create: %v", err)
http.Error(w, "Internal Server Error", http.StatusInternalServerError)
return
}
} else {
existing, err := h.products.GetByID(ctx, product.ID)
if err != nil {
http.NotFound(w, r)
return
}
if product.ImageURL == "" {
product.ImageURL = existing.ImageURL
}
if err := h.products.Update(ctx, &product); err != nil {
log.Printf("product update: %v", err)
http.Error(w, "Internal Server Error", http.StatusInternalServerError)
return
}
}
if err := h.saveUploadedImages(r, product.ID, true); err != nil {
log.Printf("upload main image: %v", err)
}
if err := h.saveUploadedImages(r, product.ID, false); err != nil {
log.Printf("upload screenshots: %v", err)
}
http.Redirect(w, r, "/admin/products/"+strconv.Itoa(product.ID)+"/edit", http.StatusSeeOther)
}
func (h *AdminHandler) ProductDelete(w http.ResponseWriter, r *http.Request) {
if _, ok := h.requireAuth(w, r); !ok {
return
}
id, err := parseProductID(r)
if err != nil {
http.NotFound(w, r)
return
}
ctx := r.Context()
product, err := h.products.GetByID(ctx, id)
if err != nil {
http.NotFound(w, r)
return
}
for _, img := range product.Images {
_ = h.storage.Remove(img.FilePath)
}
if product.ImageURL != "" && len(product.Images) == 0 {
_ = h.storage.Remove(product.ImageURL)
}
if err := h.products.Delete(ctx, id); err != nil {
log.Printf("product delete: %v", err)
http.Error(w, "Internal Server Error", http.StatusInternalServerError)
return
}
http.Redirect(w, r, "/admin/products", http.StatusSeeOther)
}
func (h *AdminHandler) ImageDelete(w http.ResponseWriter, r *http.Request) {
if _, ok := h.requireAuth(w, r); !ok {
return
}
productID, err := parseProductID(r)
if err != nil {
http.NotFound(w, r)
return
}
imageID, err := strconv.Atoi(r.PathValue("imageId"))
if err != nil {
http.NotFound(w, r)
return
}
path, err := h.products.DeleteImage(r.Context(), imageID, productID)
if err != nil {
http.NotFound(w, r)
return
}
_ = h.storage.Remove(path)
http.Redirect(w, r, "/admin/products/"+strconv.Itoa(productID)+"/edit", http.StatusSeeOther)
}
func (h *AdminHandler) saveUploadedImages(r *http.Request, productID int, primary bool) error {
ctx := r.Context()
field := "screenshots"
if primary {
field = "main_image"
}
files := r.MultipartForm.File[field]
for i, fh := range files {
file, err := fh.Open()
if err != nil {
return err
}
webPath, err := h.storage.SaveProductImage(productID, file, fh)
file.Close()
if err != nil {
return err
}
img := models.ProductImage{
ProductID: productID,
FilePath: webPath,
IsPrimary: primary && i == 0,
SortOrder: i,
}
if err := h.products.AddImage(ctx, &img); err != nil {
return err
}
if primary && i == 0 {
product, _ := h.products.GetByID(ctx, productID)
product.ImageURL = webPath
_ = h.products.Update(ctx, &product)
}
}
return nil
}
internal/handlers/home.go
+18 -3
View File
@@ -6,6 +6,7 @@ import (
"io/fs"
"log"
"net/http"
"regexp"
"shop/internal/repository"
)
@@ -18,6 +19,7 @@ var staticFS embed.FS
type HomeHandler struct {
repo *repository.ProductRepository
stats *repository.StatsRepository
templates *template.Template
}
@@ -27,12 +29,21 @@ type homePageData struct {
Categories interface{}
}
func NewHomeHandler(repo *repository.ProductRepository) (*HomeHandler, error) {
tmpl, err := template.ParseFS(templateFS, "templates/*.html")
func NewHomeHandler(repo *repository.ProductRepository, stats *repository.StatsRepository) (*HomeHandler, error) {
funcMap := template.FuncMap{
"plain": stripHTML,
}
tmpl, err := template.New("").Funcs(funcMap).ParseFS(templateFS, "templates/*.html")
if err != nil {
return nil, err
}
return &HomeHandler{repo: repo, templates: tmpl}, nil
return &HomeHandler{repo: repo, stats: stats, templates: tmpl}, nil
}
var tagRe = regexp.MustCompile(`<[^>]*>`)
func stripHTML(s string) string {
return tagRe.ReplaceAllString(s, "")
}
func (h *HomeHandler) Templates() *template.Template {
@@ -55,6 +66,10 @@ func (h *HomeHandler) Home(w http.ResponseWriter, r *http.Request) {
ctx := r.Context()
if err := h.stats.IncrementHomeVisit(ctx); err != nil {
log.Printf("visit counter: %v", err)
}
products, err := h.repo.Featured(ctx, 8)
if err != nil {
log.Printf("featured products: %v", err)
internal/handlers/static/css/admin.css
+220
View File
@@ -194,3 +194,223 @@
border-radius: 4px;
font-size: 0.8rem;
}
.admin-nav {
display: flex;
gap: 8px;
align-items: center;
}
.admin-nav__link {
padding: 8px 14px;
border-radius: 8px;
text-decoration: none;
color: #6b7280;
font-size: 0.9rem;
font-weight: 500;
}
.admin-nav__link:hover {
background: #f3f4f6;
color: #4f46e5;
}
.admin-nav__link--accent {
color: #4f46e5;
background: #eef2ff;
}
.admin-stat--highlight .admin-stat__value {
color: #059669;
}
.admin-actions {
display: flex;
gap: 12px;
flex-wrap: wrap;
margin-bottom: 32px;
}
.admin-page-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 24px;
gap: 16px;
flex-wrap: wrap;
}
.admin-page-header .admin-page-title {
margin-bottom: 0;
}
.admin-thumb {
width: 48px;
height: 48px;
object-fit: cover;
border-radius: 8px;
border: 1px solid #e5e7eb;
}
.admin-thumb--empty {
display: inline-flex;
align-items: center;
justify-content: center;
background: #f3f4f6;
color: #9ca3af;
font-size: 0.8rem;
}
.admin-badge {
display: inline-block;
padding: 4px 10px;
border-radius: 100px;
font-size: 0.75rem;
font-weight: 600;
}
.admin-badge--ok {
background: #d1fae5;
color: #065f46;
}
.admin-badge--off {
background: #f3f4f6;
color: #6b7280;
}
.admin-table__actions {
display: flex;
gap: 8px;
align-items: center;
}
.admin-table__actions form {
margin: 0;
}
.btn--danger {
background: #fef2f2;
color: #b91c1c;
border: 1px solid #fecaca;
}
.btn--danger:hover {
background: #fee2e2;
}
.admin-empty {
text-align: center;
color: #9ca3af;
padding: 32px !important;
}
.admin-form-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 24px;
margin-bottom: 24px;
}
.admin-form-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
}
.admin-form__checkbox {
display: flex;
align-items: center;
gap: 8px;
font-size: 0.9rem;
cursor: pointer;
}
.admin-form__file {
padding: 8px;
}
.admin-form__hint {
font-size: 0.85rem;
color: #9ca3af;
margin-bottom: 8px;
}
.admin-editor {
min-height: 160px;
background: #fff;
}
.admin-editor .ql-editor {
min-height: 140px;
}
.admin-preview {
max-width: 200px;
border-radius: 8px;
border: 1px solid #e5e7eb;
margin-bottom: 12px;
}
.admin-screenshots__grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
gap: 12px;
margin-top: 12px;
}
.admin-screenshot {
position: relative;
aspect-ratio: 1;
border-radius: 8px;
overflow: hidden;
border: 1px solid #e5e7eb;
}
.admin-screenshot img {
width: 100%;
height: 100%;
object-fit: cover;
}
.admin-screenshot__delete {
position: absolute;
top: 4px;
right: 4px;
width: 24px;
height: 24px;
border: none;
border-radius: 50%;
background: rgba(0,0,0,0.6);
color: #fff;
cursor: pointer;
font-size: 1rem;
line-height: 1;
}
.admin-form-actions {
display: flex;
gap: 12px;
margin-top: 24px;
}
.admin-delete-form {
margin-top: 16px;
padding-top: 16px;
border-top: 1px solid #e5e7eb;
}
.admin-product-form {
margin-bottom: 40px;
}
@media (max-width: 768px) {
.admin-form-grid,
.admin-form-row {
grid-template-columns: 1fr;
}
.admin-nav {
display: none;
}
}
internal/handlers/templates/admin_dashboard.html
+44 -25
View File
@@ -9,58 +9,77 @@
<link rel="stylesheet" href="/static/css/admin.css">
</head>
<body class="admin-body">
<header class="admin-header">
<div class="container admin-header__inner">
<a href="/admin/" class="logo">
<span class="logo__icon">◆</span>
<span class="logo__text">Shop Admin</span>
</a>
<div class="admin-header__user">
<span>{{.Email}}</span>
<form method="POST" action="/admin/logout">
<button type="submit" class="btn btn--ghost btn--sm">Выйти</button>
</form>
</div>
</div>
</header>
{{template "admin_nav" .}}
<main class="admin-main container">
<h1 class="admin-page-title">Панель управления</h1>
<div class="admin-stats">
<div class="admin-stat">
<span class="admin-stat__value">{{.ProductCount}}</span>
<span class="admin-stat__label">Товаров в каталоге</span>
<div class="admin-stat admin-stat--highlight">
<span class="admin-stat__value">{{.TotalVisits}}</span>
<span class="admin-stat__label">Всего посещений главной</span>
</div>
<div class="admin-stat admin-stat--highlight">
<span class="admin-stat__value">{{.TodayVisits}}</span>
<span class="admin-stat__label">Сегодня</span>
</div>
<div class="admin-stat">
<span class="admin-stat__value">{{len .Categories}}</span>
<span class="admin-stat__value">{{.ProductCount}}</span>
<span class="admin-stat__label">Товаров</span>
</div>
<div class="admin-stat">
<span class="admin-stat__value">{{.CategoryCount}}</span>
<span class="admin-stat__label">Категорий</span>
</div>
</div>
{{if .Categories}}
<div class="admin-actions">
<a href="/admin/products/new" class="btn btn--primary">+ Добавить товар</a>
<a href="/admin/products" class="btn btn--outline">Все товары</a>
<a href="/" class="btn btn--ghost" target="_blank">Открыть магазин ↗</a>
</div>
{{if .Products}}
<section class="admin-section">
<h2 class="admin-section__title">Категории</h2>
<h2 class="admin-section__title">Последние товары</h2>
<table class="admin-table">
<thead>
<tr>
<th>Фото</th>
<th>Название</th>
<th>Товаров</th>
<th>Категория</th>
<th>Цена</th>
<th>Статус</th>
<th></th>
</tr>
</thead>
<tbody>
{{range .Categories}}
{{range .Products}}
<tr>
<td>
{{if .ImageURL}}
<img src="{{.ImageURL}}" alt="" class="admin-thumb">
{{else}}
<span class="admin-thumb admin-thumb--empty">—</span>
{{end}}
</td>
<td>{{.Name}}</td>
<td>{{.Count}}</td>
<td>{{.Category}}</td>
<td>{{printf "%.0f" .Price}} ₽</td>
<td>
{{if .IsActive}}
<span class="admin-badge admin-badge--ok">Активен</span>
{{else}}
<span class="admin-badge admin-badge--off">Скрыт</span>
{{end}}
</td>
<td><a href="/admin/products/{{.ID}}/edit" class="link">Изменить</a></td>
</tr>
{{end}}
</tbody>
</table>
</section>
{{end}}
<p class="admin-hint">Администратор создаётся автоматически из переменных <code>ADMIN_EMAIL</code> и <code>ADMIN_PASSWORD</code> в <code>.env</code>.</p>
</main>
</body>
</html>
internal/handlers/templates/admin_nav.html
+21
View File
@@ -0,0 +1,21 @@
{{define "admin_nav"}}
<header class="admin-header">
<div class="container admin-header__inner">
<a href="/admin/" class="logo">
<span class="logo__icon">◆</span>
<span class="logo__text">Shop Admin</span>
</a>
<nav class="admin-nav">
<a href="/admin/" class="admin-nav__link">Главная</a>
<a href="/admin/products" class="admin-nav__link">Товары</a>
<a href="/admin/products/new" class="admin-nav__link admin-nav__link--accent">+ Добавить</a>
</nav>
<div class="admin-header__user">
<span>{{.Email}}</span>
<form method="POST" action="/admin/logout">
<button type="submit" class="btn btn--ghost btn--sm">Выйти</button>
</form>
</div>
</div>
</header>
{{end}}
internal/handlers/templates/admin_product_form.html
+154
View File
@@ -0,0 +1,154 @@
{{define "admin_product_form.html"}}
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{{.Title}}</title>
<link rel="stylesheet" href="/static/css/style.css">
<link rel="stylesheet" href="/static/css/admin.css">
<link href="https://cdn.jsdelivr.net/npm/quill@2.0.2/dist/quill.snow.css" rel="stylesheet">
</head>
<body class="admin-body">
{{template "admin_nav" .}}
<main class="admin-main container">
<div class="admin-page-header">
<h1 class="admin-page-title">{{.Title}}</h1>
<a href="/admin/products" class="btn btn--ghost">← К списку</a>
</div>
{{if .Error}}
<div class="admin-alert admin-alert--error">{{.Error}}</div>
{{end}}
<form method="POST" action="/admin/products/save" enctype="multipart/form-data" class="admin-product-form">
<input type="hidden" name="is_new" value="{{if .IsNew}}1{{else}}0{{end}}">
<input type="hidden" name="id" value="{{.Product.ID}}">
<input type="hidden" name="image_url" value="{{.Product.ImageURL}}">
<input type="hidden" name="description" id="description-input" value="">
<input type="hidden" name="details" id="details-input" value="">
<div class="admin-form-grid">
<section class="admin-section admin-form-col">
<h2 class="admin-section__title">Основное</h2>
<label class="admin-form__label">
Название *
<input type="text" name="name" class="admin-form__input" value="{{.Product.Name}}" required>
</label>
<div class="admin-form-row">
<label class="admin-form__label">
Цена (₽) *
<input type="number" name="price" class="admin-form__input" value="{{printf "%.0f" .Product.Price}}" min="0" step="1" required>
</label>
<label class="admin-form__label">
Категория
<input type="text" name="category" class="admin-form__input" value="{{.Product.Category}}" list="categories">
<datalist id="categories">
<option value="Электроника">
<option value="Одежда">
<option value="Дом и сад">
<option value="Аксессуары">
<option value="Разное">
</datalist>
</label>
</div>
<label class="admin-form__checkbox">
<input type="checkbox" name="is_active" {{if .Product.IsActive}}checked{{end}}>
Показывать в каталоге
</label>
</section>
<section class="admin-section admin-form-col">
<h2 class="admin-section__title">Изображения</h2>
{{if .Product.ImageURL}}
<div class="admin-current-image">
<p class="admin-form__hint">Главное фото:</p>
<img src="{{.Product.ImageURL}}" alt="" class="admin-preview">
</div>
{{end}}
<label class="admin-form__label">
Главное фото
<input type="file" name="main_image" class="admin-form__input admin-form__file" accept="image/jpeg,image/png,image/webp,image/gif">
</label>
<label class="admin-form__label">
Скриншоты (можно несколько)
<input type="file" name="screenshots" class="admin-form__input admin-form__file" accept="image/jpeg,image/png,image/webp,image/gif" multiple>
</label>
{{if .Product.Images}}
<div class="admin-screenshots">
<p class="admin-form__hint">Загруженные скриншоты:</p>
<div class="admin-screenshots__grid">
{{range .Product.Images}}
<div class="admin-screenshot">
<img src="{{.FilePath}}" alt="">
<form method="POST" action="/admin/products/{{.ProductID}}/images/{{.ID}}/delete">
<button type="submit" class="admin-screenshot__delete" title="Удалить">×</button>
</form>
</div>
{{end}}
</div>
</div>
{{end}}
</section>
</div>
<section class="admin-section">
<h2 class="admin-section__title">Краткое описание</h2>
<p class="admin-form__hint">Отображается в карточке товара на главной</p>
<div id="editor-description" class="admin-editor">{{.Product.Description}}</div>
</section>
<section class="admin-section">
<h2 class="admin-section__title">Полное описание</h2>
<p class="admin-form__hint">Подробная информация о товаре, характеристики, комплектация</p>
<div id="editor-details" class="admin-editor">{{.Product.Details}}</div>
</section>
<div class="admin-form-actions">
<button type="submit" class="btn btn--primary btn--lg">Сохранить товар</button>
<a href="/admin/products" class="btn btn--ghost">Отмена</a>
</div>
</form>
{{if not .IsNew}}
<form method="POST" action="/admin/products/{{.Product.ID}}/delete" class="admin-delete-form" onsubmit="return confirm('Удалить товар навсегда?')">
<button type="submit" class="btn btn--danger">Удалить товар</button>
</form>
{{end}}
</main>
<script src="https://cdn.jsdelivr.net/npm/quill@2.0.2/dist/quill.js"></script>
<script>
const descEditor = new Quill('#editor-description', {
theme: 'snow',
placeholder: 'Краткое описание товара...',
modules: { toolbar: [['bold', 'italic'], ['link'], [{ list: 'ordered' }, { list: 'bullet' }]] }
});
const detailsEditor = new Quill('#editor-details', {
theme: 'snow',
placeholder: 'Полное описание, характеристики, условия...',
modules: { toolbar: [
[{ header: [1, 2, 3, false] }],
['bold', 'italic', 'underline', 'strike'],
[{ list: 'ordered' }, { list: 'bullet' }],
['link', 'blockquote'],
['clean']
]}
});
document.querySelector('.admin-product-form').addEventListener('submit', () => {
document.getElementById('description-input').value = descEditor.root.innerHTML;
document.getElementById('details-input').value = detailsEditor.root.innerHTML;
});
</script>
</body>
</html>
{{end}}
internal/handlers/templates/admin_products.html
+65
View File
@@ -0,0 +1,65 @@
{{define "admin_products.html"}}
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{{.Title}}</title>
<link rel="stylesheet" href="/static/css/style.css">
<link rel="stylesheet" href="/static/css/admin.css">
</head>
<body class="admin-body">
{{template "admin_nav" .}}
<main class="admin-main container">
<div class="admin-page-header">
<h1 class="admin-page-title">Товары</h1>
<a href="/admin/products/new" class="btn btn--primary">+ Добавить товар</a>
</div>
<section class="admin-section">
<table class="admin-table">
<thead>
<tr>
<th>Фото</th>
<th>Название</th>
<th>Категория</th>
<th>Цена</th>
<th>Статус</th>
<th>Действия</th>
</tr>
</thead>
<tbody>
{{range .Products}}
<tr>
<td>
{{if .ImageURL}}
<img src="{{.ImageURL}}" alt="" class="admin-thumb">
{{else}}
<span class="admin-thumb admin-thumb--empty">—</span>
{{end}}
</td>
<td><strong>{{.Name}}</strong></td>
<td>{{.Category}}</td>
<td>{{printf "%.0f" .Price}} ₽</td>
<td>
{{if .IsActive}}<span class="admin-badge admin-badge--ok">Активен</span>
{{else}}<span class="admin-badge admin-badge--off">Скрыт</span>{{end}}
</td>
<td class="admin-table__actions">
<a href="/admin/products/{{.ID}}/edit" class="btn btn--ghost btn--sm">Изменить</a>
<form method="POST" action="/admin/products/{{.ID}}/delete" onsubmit="return confirm('Удалить товар?')">
<button type="submit" class="btn btn--danger btn--sm">Удалить</button>
</form>
</td>
</tr>
{{else}}
<tr><td colspan="6" class="admin-empty">Товаров пока нет. <a href="/admin/products/new">Добавить первый</a></td></tr>
{{end}}
</tbody>
</table>
</section>
</main>
</body>
</html>
{{end}}
internal/handlers/templates/home.html
+1 -1
View File
@@ -89,7 +89,7 @@
</div>
<div class="product-card__body">
<h3 class="product-card__title">{{.Name}}</h3>
<p class="product-card__desc">{{.Description}}</p>
<p class="product-card__desc">{{plain .Description}}</p>
<div class="product-card__footer">
<span class="product-card__price">{{printf "%.0f" .Price}} ₽</span>
<button class="btn btn--primary btn--sm">В корзину</button>