Compare commits
12 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 2d09aef79d | |||
| bc237a6552 | |||
| 716c25dc26 | |||
| 310ed5440d | |||
| 66f22285ef | |||
| ea221dcfd2 | |||
| e21920262d | |||
| 22de477c17 | |||
| 7d3047c2d2 | |||
| 92711f57c2 | |||
| 56794f5b09 | |||
| 9cb685b569 |
@@ -59,6 +59,15 @@ http {
|
||||
# Убираем токены версии nginx для безопасности
|
||||
server_tokens off;
|
||||
|
||||
# Прямая раздача favicon.ico (для поисковиков и браузеров)
|
||||
# Это быстрее и надежнее, чем редирект через Django
|
||||
location = /favicon.ico {
|
||||
alias /app/public/static_collected/favicon.ico;
|
||||
access_log off;
|
||||
log_not_found off;
|
||||
expires 30d;
|
||||
}
|
||||
|
||||
location / {
|
||||
proxy_pass http://app_server;
|
||||
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
|
||||
|
||||
@@ -7,14 +7,43 @@ services:
|
||||
image: git.cube2.ru/erjemin/2026-etpgrf-site:latest
|
||||
# Перезапускать всегда (если упал или сервер перезагрузился)
|
||||
restart: always
|
||||
|
||||
# Метка для Watchtower, чтобы он обновлял только этот контейнер
|
||||
labels:
|
||||
- "com.centurylinklabs.watchtower.scope=etpgrf"
|
||||
|
||||
# Запускаем collectstatic перед стартом
|
||||
command: sh -c "python etpgrf_site/manage.py collectstatic --noinput && gunicorn --bind 0.0.0.0:8000 --chdir /app/etpgrf_site etpgrf_site.wsgi"
|
||||
|
||||
|
||||
# !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
|
||||
# При первом старте, временно запускаем как root, чтобы контейнер мог создать файл БД в хостовом томе
|
||||
# ser: "0:0"
|
||||
# command: >
|
||||
# sh -c "mkdir -p /app/data &&
|
||||
# chown -R 1000:1000 /app/data 2>/dev/null || true &&
|
||||
# chmod -R 0775 /app/data 2>/dev/null || true &&
|
||||
# python etpgrf_site/manage.py migrate --noinput &&
|
||||
# python etpgrf_site/manage.py collectstatic --noinput &&
|
||||
# gunicorn --bind 0.0.0.0:8000 --chdir /app/etpgrf_site etpgrf_site.wsgi"
|
||||
#
|
||||
# После первого запуска, на хосте убедиться что файл БД создан. Возвращаем docker-compose.yml (это тот фал который
|
||||
# вы сейчас читаете). После останавливаем контейнеры: и сменить владельца папки data. Для этого останавливаем контейнеры:
|
||||
# `sudo docker-compose -f stop`
|
||||
# возвращаем docker-compose.ym в исходный вид (этот файл). И снова запускаем:
|
||||
# `sudo docker-compose -f docker-compose.prod.yml up -d`
|
||||
# Теперь нам нужно узнать UID/GID пользователя внутри контейнера, выполнив на хосте команду:
|
||||
# `sudo docker exec -it etpgrf-site-etpgrf-backend-1 id`
|
||||
# Увидим что-то типа `uid=999(appuser) gid=999(appuser) groups=999(appuser)`. После этого сменить владельца папки
|
||||
# data на хосте:
|
||||
# `sudo chown -R 999:999 ./data`
|
||||
# С папкой media можно сделать то же самое, если там будут проблемы с правами.
|
||||
# `sudo chown -R 999:999 ./media`
|
||||
#
|
||||
|
||||
|
||||
# А обычно запускаем в безопасном режиме. Просто миграции, потом collectstatic, потом сервер
|
||||
command: >
|
||||
sh -c "python etpgrf_site/manage.py migrate --noinput &&
|
||||
python etpgrf_site/manage.py collectstatic --noinput &&
|
||||
gunicorn --bind 0.0.0.0:8000 --chdir /app/etpgrf_site etpgrf_site.wsgi"
|
||||
# command: sh -c "python etpgrf_site/manage.py collectstatic --noinput && gunicorn --bind 0.0.0.0:8000 --chdir /app/etpgrf_site etpgrf_site.wsgi"
|
||||
|
||||
volumes:
|
||||
# База данных (папка data должна быть создана на хосте)
|
||||
- ./data:/app/data
|
||||
@@ -22,10 +51,10 @@ services:
|
||||
- static_volume:/app/public/static_collected
|
||||
# Медиа (папка media должна быть создана на хосте)
|
||||
- ./media:/app/public/media
|
||||
|
||||
|
||||
env_file:
|
||||
- .env
|
||||
|
||||
|
||||
logging:
|
||||
driver: "json-file"
|
||||
options:
|
||||
@@ -36,26 +65,21 @@ services:
|
||||
etpgrf-nginx:
|
||||
image: nginx:1.25-alpine
|
||||
restart: always
|
||||
|
||||
# Метка для Watchtower (хотя nginx:alpine обновляется редко, но пусть будет)
|
||||
labels:
|
||||
- "com.centurylinklabs.watchtower.scope=etpgrf"
|
||||
|
||||
volumes:
|
||||
# Конфиг берем из репозитория
|
||||
- ./config/nginx/etpgrf--internal-nginx.conf:/etc/nginx/nginx.conf:ro
|
||||
- static_volume:/app/public/static_collected
|
||||
- ./media:/app/public/media
|
||||
|
||||
# Внешний порт. Если у тебя на хосте уже есть Nginx (прокси),
|
||||
|
||||
# Внешний порт. Если у тебя на хосте уже есть Nginx (прокси),
|
||||
# то можно пробросить на 127.0.0.1:8000 или использовать внутреннюю сеть.
|
||||
# Но пока оставим так:
|
||||
ports:
|
||||
- "127.0.0.1:8080:80" # Используем 8080, чтобы не конфликтовать с Portainer (8000) или основным Nginx (80)
|
||||
|
||||
|
||||
depends_on:
|
||||
- etpgrf-backend
|
||||
|
||||
|
||||
logging:
|
||||
driver: "json-file"
|
||||
options:
|
||||
@@ -72,12 +96,11 @@ services:
|
||||
# Берем учетные данные из .env файла
|
||||
- REPO_USER=${REPO_USER}
|
||||
- REPO_PASS=${REPO_PASS}
|
||||
- WATCHTOWER_REGISTRY_URL=git.cube2.ru
|
||||
# Ограничиваем область видимости только этим проектом
|
||||
- WATCHTOWER_SCOPE=etpgrf
|
||||
# Если нужно указать реестр явно (обычно watchtower сам понимает из имени образа)
|
||||
# - WATCHTOWER_REGISTRY_URL=git.cube2.ru
|
||||
command: --interval 300 --cleanup # Проверять каждые 5 минут
|
||||
# - WATCHTOWER_REGISTRY_URL=git.cube2.ru
|
||||
command: --interval 1800 --cleanup # Проверять каждые 30 минут
|
||||
|
||||
|
||||
volumes:
|
||||
|
||||
9
etpgrf_site/__init__.py
Normal file
9
etpgrf_site/__init__.py
Normal file
@@ -0,0 +1,9 @@
|
||||
"""сайт etpgrf - сайт на django для тестирования и представления библиотеки экранной типографики etpgrf.
|
||||
Основные возможности:
|
||||
- Веб-интерфейс для ввода текста и настройки параметров типографики.
|
||||
"""
|
||||
__version__ = "0.1.3"
|
||||
__author__ = "Sergei Erjemin"
|
||||
__email__ = "erjemin@gmail.com"
|
||||
__license__ = "MIT"
|
||||
__copyright__ = "Copyright 2026 Sergei Erjemin"
|
||||
@@ -7,11 +7,6 @@ from django.contrib.staticfiles.storage import staticfiles_storage
|
||||
|
||||
urlpatterns = [
|
||||
path(route='adm-in/', view=admin.site.urls),
|
||||
path(
|
||||
route="favicon.ico",
|
||||
view=RedirectView.as_view(url=staticfiles_storage.url("favicon.ico")),
|
||||
name="favicon",
|
||||
),
|
||||
path(route='', view=include('typograph.urls')),
|
||||
]
|
||||
|
||||
|
||||
@@ -1,3 +1,33 @@
|
||||
from django.contrib import admin
|
||||
from .models import DailyStat
|
||||
|
||||
# Register your models here.
|
||||
@admin.register(DailyStat)
|
||||
class DailyStatAdmin(admin.ModelAdmin):
|
||||
list_display = (
|
||||
'date',
|
||||
'index_views',
|
||||
'process_requests',
|
||||
'copy_count',
|
||||
'chars_in',
|
||||
'chars_out',
|
||||
'chars_copied',
|
||||
'avg_processing_time_ms_formatted',
|
||||
)
|
||||
list_filter = ('date',)
|
||||
search_fields = ('date',)
|
||||
ordering = ('-date',)
|
||||
|
||||
# Делаем поля только для чтения
|
||||
readonly_fields = [field.name for field in DailyStat._meta.fields]
|
||||
|
||||
def has_add_permission(self, request):
|
||||
# Запрещаем добавлять записи вручную
|
||||
return False
|
||||
|
||||
def has_delete_permission(self, request, obj=None):
|
||||
# Запрещаем удалять записи
|
||||
return False
|
||||
|
||||
@admin.display(description='Среднее время (мс)', ordering='total_processing_time_ms')
|
||||
def avg_processing_time_ms_formatted(self, obj):
|
||||
return f"{obj.avg_processing_time_ms:.2f}"
|
||||
|
||||
33
etpgrf_site/typograph/migrations/0001_initial.py
Normal file
33
etpgrf_site/typograph/migrations/0001_initial.py
Normal file
@@ -0,0 +1,33 @@
|
||||
# Generated by Django 6.0.1 on 2026-01-20 16:23
|
||||
|
||||
import django.utils.timezone
|
||||
from django.db import migrations, models
|
||||
|
||||
|
||||
class Migration(migrations.Migration):
|
||||
|
||||
initial = True
|
||||
|
||||
dependencies = [
|
||||
]
|
||||
|
||||
operations = [
|
||||
migrations.CreateModel(
|
||||
name='DailyStat',
|
||||
fields=[
|
||||
('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
|
||||
('date', models.DateField(default=django.utils.timezone.now, unique=True, verbose_name='Дата')),
|
||||
('index_views', models.PositiveIntegerField(default=0, verbose_name='Просмотры главной')),
|
||||
('process_requests', models.PositiveIntegerField(default=0, verbose_name='Запросы на обработку')),
|
||||
('chars_in', models.BigIntegerField(default=0, verbose_name='Символов на входе')),
|
||||
('chars_out', models.BigIntegerField(default=0, verbose_name='Символов на выходе')),
|
||||
('total_processing_time_ms', models.FloatField(default=0.0, verbose_name='Суммарное время обработки (мс)')),
|
||||
('settings_stats', models.JSONField(default=dict, verbose_name='Статистика настроек')),
|
||||
],
|
||||
options={
|
||||
'verbose_name': 'Дневная статистика',
|
||||
'verbose_name_plural': 'Дневная статистика',
|
||||
'ordering': ['-date'],
|
||||
},
|
||||
),
|
||||
]
|
||||
@@ -0,0 +1,18 @@
|
||||
# Generated by Django 6.0.1 on 2026-01-20 19:15
|
||||
|
||||
from django.db import migrations, models
|
||||
|
||||
|
||||
class Migration(migrations.Migration):
|
||||
|
||||
dependencies = [
|
||||
('typograph', '0001_initial'),
|
||||
]
|
||||
|
||||
operations = [
|
||||
migrations.AddField(
|
||||
model_name='dailystat',
|
||||
name='copy_count',
|
||||
field=models.PositiveIntegerField(default=0, verbose_name='Копирований в буфер'),
|
||||
),
|
||||
]
|
||||
@@ -0,0 +1,18 @@
|
||||
# Generated by Django 6.0.1 on 2026-01-20 20:47
|
||||
|
||||
from django.db import migrations, models
|
||||
|
||||
|
||||
class Migration(migrations.Migration):
|
||||
|
||||
dependencies = [
|
||||
('typograph', '0002_dailystat_copy_count'),
|
||||
]
|
||||
|
||||
operations = [
|
||||
migrations.AddField(
|
||||
model_name='dailystat',
|
||||
name='chars_copied',
|
||||
field=models.BigIntegerField(default=0, verbose_name='Символов скопировано'),
|
||||
),
|
||||
]
|
||||
0
etpgrf_site/typograph/migrations/__init__.py
Normal file
0
etpgrf_site/typograph/migrations/__init__.py
Normal file
@@ -1,3 +1,67 @@
|
||||
from django.db import models
|
||||
from django.utils import timezone
|
||||
|
||||
# Create your models here.
|
||||
class DailyStat(models.Model):
|
||||
"""
|
||||
Модель для хранения агрегированной статистики использования за день.
|
||||
"""
|
||||
date = models.DateField(
|
||||
verbose_name="Дата",
|
||||
unique=True,
|
||||
default=timezone.now
|
||||
)
|
||||
|
||||
# Основные метрики
|
||||
index_views = models.PositiveIntegerField(
|
||||
verbose_name="Просмотры главной",
|
||||
default=0
|
||||
)
|
||||
process_requests = models.PositiveIntegerField(
|
||||
verbose_name="Запросы на обработку",
|
||||
default=0
|
||||
)
|
||||
copy_count = models.PositiveIntegerField(
|
||||
verbose_name="Копирований в буфер",
|
||||
default=0
|
||||
)
|
||||
|
||||
# Объемы
|
||||
chars_in = models.BigIntegerField(
|
||||
verbose_name="Символов на входе",
|
||||
default=0
|
||||
)
|
||||
chars_out = models.BigIntegerField(
|
||||
verbose_name="Символов на выходе",
|
||||
default=0
|
||||
)
|
||||
chars_copied = models.BigIntegerField(
|
||||
verbose_name="Символов скопировано",
|
||||
default=0
|
||||
)
|
||||
|
||||
# Производительность
|
||||
total_processing_time_ms = models.FloatField(
|
||||
verbose_name="Суммарное время обработки (мс)",
|
||||
default=0.0
|
||||
)
|
||||
|
||||
# Статистика по использованным настройкам
|
||||
settings_stats = models.JSONField(
|
||||
verbose_name="Статистика настроек",
|
||||
default=dict
|
||||
)
|
||||
|
||||
class Meta:
|
||||
verbose_name = "Дневная статистика"
|
||||
verbose_name_plural = "Дневная статистика"
|
||||
ordering = ['-date']
|
||||
|
||||
def __str__(self):
|
||||
return f"Статистика за {self.date.strftime('%Y-%m-%d')}"
|
||||
|
||||
@property
|
||||
def avg_processing_time_ms(self):
|
||||
"""Среднее время обработки одного запроса."""
|
||||
if self.process_requests == 0:
|
||||
return 0.0
|
||||
return self.total_processing_time_ms / self.process_requests
|
||||
|
||||
@@ -3,28 +3,51 @@
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
{# --- SEO & Meta Tags --- #}
|
||||
<title>{% block title %}ETPGRF — единая типографика для веба{% endblock %}</title>
|
||||
{# Favicons #} <link rel="icon" type="image/png" href="{% static 'favicon-96x96.png' %}" sizes="96x96" />
|
||||
<meta name="description" content="{% block description %}Бесплатный онлайн-типограф для подготовки текстов к публикации в вебе. Расставка неразрывных пробелов, правильных кавычек («ёлочки»), тире, спецсимволы, отбивка, компоновка, висячая пунктуация. Идеально для верстки сайтов, статей и постов.{% endblock %}">
|
||||
<meta name="keywords" content="типограф, типографика, онлайн типограф, подготовка текста для веба, html типограф, неразрывные пробелы, кавычки елочки, длинное тире, очистка текста от мусора, интернет верстка, муравьев">
|
||||
<meta name="author" content="Sergei Erjemin">
|
||||
|
||||
{# --- Open Graph (Facebook, VK, LinkedIn, Telegram) --- #}
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:site_name" content="ETPGRF">
|
||||
<meta property="og:url" content="{{ request.build_absolute_uri }}">
|
||||
<meta property="og:title" content="{% block og_title %}ETPGRF — единая типографика для веба{% endblock %}">
|
||||
<meta property="og:description" content="{% block og_description %}Сделайте ваш текст профессиональным и готовым к публикации в интернете за один клик. Умная типографика для веб-дизайнеров, редакторов и контент-менеджеров.{% endblock %}">
|
||||
{# Картинка должна быть абсолютной ссылкой #}
|
||||
<meta property="og:image" content="{% block og_image %}{{ request.scheme }}://{{ request.get_host }}{% static 'img/etpgrf-logo-for-fb-vk-x.gif' %}{% endblock %}">
|
||||
<meta property="og:image:width" content="1200">
|
||||
<meta property="og:image:height" content="630">
|
||||
|
||||
{# --- Twitter Cards (X) --- #}
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<meta name="twitter:title" content="{% block twitter_title %}ETPGRF — единая типографика для веба{% endblock %}">
|
||||
<meta name="twitter:description" content="{% block twitter_description %}Сделайте ваш текст профессиональным и готовым к публикации в интернете за один клик.{% endblock %}">
|
||||
<meta name="twitter:image" content="{% block twitter_image %}{{ request.scheme }}://{{ request.get_host }}{% static 'img/etpgrf-logo-for-fb-vk-x.gif' %}{% endblock %}">
|
||||
|
||||
{# --- Favicons --- #}
|
||||
<link rel="icon" type="image/png" href="{% static 'favicon-96x96.png' %}" sizes="96x96" />
|
||||
<link rel="icon" href="{% static 'favicon-light.svg' %}" type="image/svg+xml" media="(prefers-color-scheme: light)">
|
||||
<link rel="icon" href="{% static 'favicon-dark.svg' %}" type="image/svg+xml" media="(prefers-color-scheme: dark)">
|
||||
<link rel="icon" type="image/svg+xml" href="{% static 'favicon.svg' %}" />
|
||||
{# Fallback для старых браузеров #}<link rel="shortcut icon" href="{% static 'favicon.ico' %}" sizes="any" />
|
||||
{# iOS Icon #}<link rel="apple-touch-icon" sizes="180x180" href="{% static 'apple-touch-icon.png' %}" />
|
||||
<link rel="shortcut icon" href="{% static 'favicon.ico' %}" sizes="any" />
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="{% static 'apple-touch-icon.png' %}" />
|
||||
<link rel="manifest" href="{% static 'site.webmanifest' %}" />
|
||||
{# Bootstrap 5 CSS #}<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" />
|
||||
{# Bootstrap Icons #}<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" />
|
||||
{# Custom CSS #}<link href="{% static 'css/etpgrf.css' %}" rel="stylesheet" />
|
||||
{# HTMX #}<script src="https://unpkg.com/htmx.org@1.9.10"></script>
|
||||
{# Alpine.js #}<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
|
||||
{# Polyfill for Import Maps #}<script async src="https://ga.jspm.io/npm:es-module-shims@1.10.0/dist/es-module-shims.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
{# ШАПКА и главное меню #}
|
||||
<nav id="main-navbar" class="navbar navbar-expand-lg mb-4">
|
||||
<div class="container">
|
||||
<div class="container p-0">
|
||||
<a class="navbar-brand" href="/">
|
||||
<img id="logo-img" class="logo-img" src=""
|
||||
<img id="logo-img" class="logo-img p-0 m-0" src=""
|
||||
data-src-light="{% static 'svg/logo-etpgrf-site-light.svg' %}"
|
||||
data-src-light-compact="{% static 'svg/logo-etpgrf-site-light-compact.svg' %}"
|
||||
data-src-dark="{% static 'svg/logo-etpgrf-site-dark.svg' %}"
|
||||
@@ -39,10 +62,18 @@
|
||||
</div>
|
||||
|
||||
{# Футер #}
|
||||
<footer class="footer mt-auto py-3">
|
||||
<div class="container">
|
||||
<span class="text-muted small">© Sergei Erjemin, 2025–{% now 'Y' %}</span>
|
||||
<span class="text-muted small float-end">v0.1.1</span>
|
||||
<footer class="footer mt-auto py-2 mt-4">
|
||||
<div class="container d-flex justify-content-between align-items-center">
|
||||
<span class="text-muted small nowrap me-2">© Sergei Erjemin, 2025–{% now 'Y' %}.</span>
|
||||
|
||||
<nobr class="text-muted small mx-2"><i class="bi bi-tags me-1" title="Версия библиотеки etpgrf / Версия сайта"></i>v0.1.3 / v0.1.4</nobr>
|
||||
|
||||
{# Сводная статистика (HTMX) #}
|
||||
<span class="text-muted small ms-2" hx-get="{% url 'stats_summary' %}" hx-trigger="load">
|
||||
...
|
||||
</span>
|
||||
|
||||
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
|
||||
@@ -4,14 +4,40 @@
|
||||
{% block content %}
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h3>Типограф</h3>
|
||||
|
||||
{# SEO-текст и описание #}
|
||||
<div class="mb-4">
|
||||
<h1 class="h3 mb-3">Онлайн-типограф для веба</h1>
|
||||
<p>
|
||||
Интернет-типограф <strong>etpgrf</strong> — инструмент для подготовки текста для публикации
|
||||
в вебе. Расстановка неразрывных пробелов перед союзами и предлогами, замена кавычек
|
||||
на «ёлочки» (или “лапки” для англоя­зычного текста), отбивка и компоновка тире,
|
||||
инициалов, единиц измерения, переносы в словах, обработка псевдо­графики и преобра­зование
|
||||
их в спецсимволы, висячая пунктуация. Получите готовый и валидный HTML-код для вставки
|
||||
на ваш сайт или публикацию в блог.
|
||||
</p>
|
||||
<p class="text-muted small">
|
||||
Исходный код etpgrf-типографа доступен в нескольких репози­ториях
|
||||
(<a href="https://github.com/erjemin/etpgrf" target="_blank">GitHub</a>,
|
||||
<a href="https://gitverse.ru/erjemin/etpgrf" target="_blank">GitVerse</a>,
|
||||
<a href="https://git.cube2.ru/erjemin/2025-etpgrf" target="_blank">Сube2</a>, и <a
|
||||
href="https://pypi.org/project/etpgrf/" target="_blank">PyPI</a>), распрос­траняется под лицензией
|
||||
<a href="https://opensource.org/licenses/MIT" target="_blank">MIT</a>, может быть установлен
|
||||
локально, на ваш сайт или интегри­рован в ваши проекты как Python-библиотека.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<form hx-post="{% url 'process_text' %}" hx-target="#result-area" hx-swap="innerHTML">
|
||||
{% csrf_token %}
|
||||
|
||||
{# ГЛАВНОЕ ПОЛЕ ВВОДА: ТЕКСТ ДЛЯ ТИПОГРАФИРОВАНИЯ #}
|
||||
{# ГЛАВНОЕ ПОЛЕ ВВОДА #}
|
||||
<div class="mb-3">
|
||||
<label class="form-label fw-bold small text-muted ls-1">
|
||||
<i class="bi bi-file-text me-1"></i> Исходный текст:
|
||||
</label>
|
||||
<textarea class="form-control" name="text" rows="10" placeholder="Вставьте текст сюда..."></textarea>
|
||||
</div>
|
||||
|
||||
{# Блок настроек (Collapse) #}
|
||||
<div class="mb-3">
|
||||
<button class="btn btn-outline-secondary btn-sm mb-2" type="button" data-bs-toggle="collapse"
|
||||
@@ -239,12 +265,22 @@
|
||||
</div>
|
||||
|
||||
<!-- Кнопка отправки -->
|
||||
<button type="submit" class="btn btn-primary btn-lg w-100">Типографировать</button>
|
||||
<button type="submit" class="btn btn-primary btn-lg w-100" onclick="sendGoal('etpgrf-btn-pressed')">Типографировать</button>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="col-md-12 mt-4">
|
||||
<h3>Результат</h3>
|
||||
<div class="col-md-12 my-4">
|
||||
<div class="d-flex justify-content-between align-items-end mb-2">
|
||||
<label class="form-label fw-bold small text-muted ls-1 mb-0">
|
||||
<i class="bi bi-code-slash me-1"></i> Результат обработки:
|
||||
</label>
|
||||
<div class="d-flex align-items-center">
|
||||
<span id="processing-time" class="small text-muted me-3 nowrap"></span>
|
||||
<button id="btn-copy" class="btn btn-sm btn-outline-secondary d-none" title="Копировать в буфер обмена">
|
||||
<i class="bi bi-clipboard me-1"></i> Копировать в буфер обмена
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div id="cm-result-wrapper" class="result-box p-0"></div>
|
||||
<div id="result-area" style="display: none;"></div>
|
||||
</div>
|
||||
|
||||
16
etpgrf_site/typograph/templates/typograph/stats_summary.html
Normal file
16
etpgrf_site/typograph/templates/typograph/stats_summary.html
Normal file
@@ -0,0 +1,16 @@
|
||||
{% load typograph_extras %}
|
||||
<nobr class="ms-3 float-end" title="Скопировано в буфер текстов/символов">
|
||||
<i class="bi bi-clipboard-check me-1"></i>{{ copied|humanize_num }} / {{ chars_copied|humanize_num }}
|
||||
</nobr>
|
||||
<nobr class="ms-3 float-end" title="На выход получено символов">
|
||||
<i class="bi bi-box-arrow-right me-1"></i>{{ chars_out|humanize_num }}
|
||||
</nobr>
|
||||
<nobr class="ms-3 float-end" title="На вход обработано текстов/символов">
|
||||
<i class="bi bi-box-arrow-in-right me-1"></i>{{ processed|humanize_num }} / {{ chars_in|humanize_num }}
|
||||
</nobr>
|
||||
<nobr class="ms-3 float-end" title="Просмотров">
|
||||
<i class="bi bi-eye me-1"></i>{{ views|humanize_num }}
|
||||
</nobr>
|
||||
|
||||
|
||||
|
||||
45
etpgrf_site/typograph/templatetags/typograph_extras.py
Normal file
45
etpgrf_site/typograph/templatetags/typograph_extras.py
Normal file
@@ -0,0 +1,45 @@
|
||||
from django import template
|
||||
from django.utils.safestring import mark_safe
|
||||
|
||||
register = template.Library()
|
||||
|
||||
@register.filter(name='humanize_num')
|
||||
def humanize_num(value):
|
||||
"""
|
||||
Форматирует число с тонкими пробелами в качестве разделителя тысяч
|
||||
и сокращает большие числа до M (миллионы) или k (тысячи).
|
||||
|
||||
Примеры:
|
||||
1234 -> 1 234
|
||||
1234567 -> 1,2M
|
||||
"""
|
||||
try:
|
||||
num = int(value)
|
||||
if num > 1_000_000_000:
|
||||
val = num / 1_000_000_000
|
||||
suffix = " B"
|
||||
elif num > 1_000_000:
|
||||
val = num / 1_000_000
|
||||
suffix = " M"
|
||||
elif num > 1_000:
|
||||
val = num / 1_000
|
||||
suffix = " k"
|
||||
else:
|
||||
# Больше 1B -- форматируем с пробелами
|
||||
return mark_safe(f"{num:,}".replace(",", " "))
|
||||
|
||||
# Форматируем float:
|
||||
# {:,.1f} - разделитель тысяч (запятая) и 1 знак после точки
|
||||
# 1234567.89 -> "1,234,567.9"
|
||||
formatted = f"{val:,.2f}"
|
||||
|
||||
# Меняем английскую запятую (разделитель тысяч) на тонкий пробел
|
||||
# Меняем английскую точку (десятичный разделитель) на запятую
|
||||
# Но тут проблема: replace делает все сразу.
|
||||
# "1,234.5" -> replace(",", " ") -> "1 234.5" -> replace(".", ",") -> "1 234,5"
|
||||
formatted = formatted.replace(",", " ").replace(".", ",")
|
||||
|
||||
return mark_safe(f"{formatted}{suffix}")
|
||||
|
||||
except (ValueError, TypeError):
|
||||
return value
|
||||
@@ -2,6 +2,8 @@ from django.urls import path
|
||||
from . import views
|
||||
|
||||
urlpatterns = [
|
||||
path(route='', view=views.index, name='index'),
|
||||
path(route='process/', view=views.process_text, name='process_text'),
|
||||
path('', views.index, name='index'),
|
||||
path('process/', views.process_text, name='process_text'),
|
||||
path('stats/summary/', views.get_stats_summary, name='stats_summary'),
|
||||
path('stats/track-copy/', views.track_copy, name='track_copy'),
|
||||
]
|
||||
|
||||
@@ -1,19 +1,80 @@
|
||||
from django.shortcuts import render
|
||||
from django.http import HttpResponse
|
||||
from django.http import HttpResponse, JsonResponse
|
||||
from django.db.models import F, Sum
|
||||
from django.utils import timezone
|
||||
from django.views.decorators.http import require_POST
|
||||
from etpgrf.typograph import Typographer
|
||||
from etpgrf.layout import LayoutProcessor
|
||||
from etpgrf.hyphenation import Hyphenator
|
||||
from .models import DailyStat
|
||||
import time
|
||||
|
||||
|
||||
def index(request):
|
||||
# Увеличиваем счетчик просмотров главной
|
||||
try:
|
||||
today = timezone.now().date()
|
||||
stat, created = DailyStat.objects.get_or_create(date=today)
|
||||
DailyStat.objects.filter(pk=stat.pk).update(index_views=F('index_views') + 1)
|
||||
except Exception as e:
|
||||
print(f"Stat error: {e}")
|
||||
|
||||
return render(request, template_name='typograph/index.html')
|
||||
|
||||
|
||||
def get_stats_summary(request):
|
||||
"""Возвращает сводную статистику."""
|
||||
try:
|
||||
stats = DailyStat.objects.aggregate(
|
||||
views=Sum('index_views'),
|
||||
processed=Sum('process_requests'),
|
||||
copied=Sum('copy_count'),
|
||||
chars_in=Sum('chars_in'),
|
||||
chars_out=Sum('chars_out'),
|
||||
chars_copied=Sum('chars_copied')
|
||||
)
|
||||
|
||||
context = {
|
||||
'views': stats['views'] or 0,
|
||||
'processed': stats['processed'] or 0,
|
||||
'copied': stats['copied'] or 0,
|
||||
'chars_in': stats['chars_in'] or 0,
|
||||
'chars_out': stats['chars_out'] or 0,
|
||||
'chars_copied': stats['chars_copied'] or 0,
|
||||
}
|
||||
|
||||
return render(request, 'typograph/stats_summary.html', context)
|
||||
except Exception:
|
||||
return HttpResponse("...")
|
||||
|
||||
|
||||
@require_POST
|
||||
def track_copy(request):
|
||||
"""Увеличивает счетчик копирований и количество скопированных символов."""
|
||||
try:
|
||||
char_count = int(request.POST.get('char_count', 0))
|
||||
|
||||
today = timezone.now().date()
|
||||
stat, created = DailyStat.objects.get_or_create(date=today)
|
||||
DailyStat.objects.filter(pk=stat.pk).update(
|
||||
copy_count=F('copy_count') + 1,
|
||||
chars_copied=F('chars_copied') + char_count
|
||||
)
|
||||
return HttpResponse("OK")
|
||||
except (ValueError, TypeError):
|
||||
return HttpResponse("Invalid char_count", status=400)
|
||||
except Exception as e:
|
||||
print(f"Stat error: {e}")
|
||||
return HttpResponse("Error", status=500)
|
||||
|
||||
|
||||
def process_text(request):
|
||||
if request.method == 'POST':
|
||||
text = request.POST.get(key='text', default='')
|
||||
|
||||
|
||||
# 1. Читаем базовые настройки
|
||||
langs = request.POST.get(key='langs', default='ru')
|
||||
|
||||
|
||||
# 2. Собираем LayoutProcessor
|
||||
layout_enabled = request.POST.get(key='layout') == 'on'
|
||||
layout_option = False
|
||||
@@ -23,13 +84,13 @@ def process_text(request):
|
||||
custom_units = request.POST.get(key='layout_units_custom', default='').strip()
|
||||
if custom_units:
|
||||
process_units = custom_units.split()
|
||||
|
||||
|
||||
layout_option = LayoutProcessor(
|
||||
langs=langs,
|
||||
process_initials_and_acronyms=request.POST.get(key='layout_initials') == 'on',
|
||||
process_units=process_units
|
||||
)
|
||||
|
||||
|
||||
# 3. Собираем Hyphenator
|
||||
hyphenation_enabled = request.POST.get(key='hyphenation') == 'on'
|
||||
hyphenation_option = False
|
||||
@@ -39,7 +100,7 @@ def process_text(request):
|
||||
max_len = int(max_len)
|
||||
except (ValueError, TypeError):
|
||||
max_len = 12
|
||||
|
||||
|
||||
hyphenation_option = Hyphenator(
|
||||
langs=langs,
|
||||
max_unhyphenated_len=max_len
|
||||
@@ -70,23 +131,72 @@ def process_text(request):
|
||||
'mode': request.POST.get(key='mode', default='mixed'),
|
||||
'sanitizer': sanitizer_option,
|
||||
}
|
||||
|
||||
# --- ДИАГНОСТИКА ---
|
||||
# print("Typographer options:", options)
|
||||
# -------------------
|
||||
|
||||
# Создаем экземпляр типографа
|
||||
# Обрабатываем текст с замером времени
|
||||
start_time = time.perf_counter()
|
||||
# Создаем экземпляр типографа и передаем настройки в него
|
||||
typo = Typographer(**options)
|
||||
|
||||
# Обрабатываем текст
|
||||
# Обрабатываем текст в Типографе
|
||||
processed = typo.process(text)
|
||||
# print("Processed text length:", len(processed))
|
||||
# print("Processed text:", processed)
|
||||
end_time = time.perf_counter()
|
||||
|
||||
return render(
|
||||
request,
|
||||
template_name='typograph/result_fragment.html',
|
||||
duration_ms = (end_time - start_time) * 1000
|
||||
|
||||
# --- СБОР СТАТИСТИКИ ---
|
||||
try:
|
||||
today = timezone.now().date()
|
||||
stat, created = DailyStat.objects.get_or_create(date=today)
|
||||
|
||||
# 1. Атомарное обновление счетчиков
|
||||
DailyStat.objects.filter(pk=stat.pk).update(
|
||||
process_requests=F('process_requests') + 1,
|
||||
chars_in=F('chars_in') + len(text),
|
||||
chars_out=F('chars_out') + len(processed),
|
||||
total_processing_time_ms=F('total_processing_time_ms') + duration_ms
|
||||
)
|
||||
|
||||
# 2. Обновление JSON с настройками (не атомарно, а значит при высокой нагрузке возможны потери данных)
|
||||
# Перечитываем объект, чтобы получить актуальный JSON
|
||||
stat.refresh_from_db()
|
||||
current_stats = stat.settings_stats
|
||||
|
||||
def inc_stat(key, value):
|
||||
k = f"{key}:{value}"
|
||||
current_stats[k] = current_stats.get(k, 0) + 1
|
||||
|
||||
# Собираем статистику по опциям
|
||||
# langs может быть строкой или списком
|
||||
lang_val = options['langs']
|
||||
if isinstance(lang_val, list):
|
||||
lang_val = lang_val[0] if lang_val else 'ru'
|
||||
inc_stat('lang', lang_val)
|
||||
|
||||
inc_stat('mode', options['mode'])
|
||||
|
||||
if options['quotes']: inc_stat('feature', 'quotes')
|
||||
if layout_enabled: inc_stat('feature', 'layout')
|
||||
if options['unbreakables']: inc_stat('feature', 'unbreakables')
|
||||
if hyphenation_enabled: inc_stat('feature', 'hyphenation')
|
||||
if options['symbols']: inc_stat('feature', 'symbols')
|
||||
if hanging_enabled: inc_stat('feature', 'hanging')
|
||||
if sanitizer_enabled: inc_stat('feature', 'sanitizer')
|
||||
|
||||
stat.settings_stats = current_stats
|
||||
stat.save(update_fields=['settings_stats'])
|
||||
|
||||
except Exception as e:
|
||||
print(f"Stat error: {e}")
|
||||
# -----------------------
|
||||
|
||||
response = render(
|
||||
request,
|
||||
template_name='typograph/result_fragment.html',
|
||||
context={'processed_text': processed}
|
||||
)
|
||||
|
||||
|
||||
# Добавляем заголовок с временем обработки (с запятой вместо точки)
|
||||
response['X-Processing-Time'] = f"{duration_ms:.4f}".replace('.', ',')
|
||||
|
||||
return response
|
||||
|
||||
return HttpResponse(status=405)
|
||||
|
||||
BIN
public/static/img/etpgrf-logo-for-fb-vk-x.gif
Normal file
BIN
public/static/img/etpgrf-logo-for-fb-vk-x.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 32 KiB |
@@ -1,114 +1,133 @@
|
||||
(function () {
|
||||
const darkModeMediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
|
||||
const logoImg = document.getElementById('logo-img');
|
||||
const navbar = document.getElementById('main-navbar');
|
||||
"use strict";
|
||||
|
||||
// --- АВТОМАТИЧЕСКОЕ ПЕРЕКЛЮЧЕНИЕ ТЕМЫ (Dark/Light) ---
|
||||
function updateTheme(e) {
|
||||
const theme = e.matches ? 'dark' : 'light';
|
||||
document.documentElement.setAttribute('data-bs-theme', theme);
|
||||
}
|
||||
// --- АВТОМАТИЧЕСКОЕ ПЕРЕКЛЮЧЕНИЕ ТЕМЫ (Dark/Light) ---
|
||||
const darkModeMediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
|
||||
|
||||
// --- ОБНОВЛЕНИЕ ЛОГОТИПА ПРИ СКРОЛЛЕ И СМЕНЕ ТЕМЫ ---
|
||||
function updateLogo() {
|
||||
const isDark = darkModeMediaQuery.matches;
|
||||
// Используем getBoundingClientRect для определения позиции контента
|
||||
if (document.getElementById('content-container').getBoundingClientRect().top < 78) {
|
||||
navbar.classList.add('navbar-scrolled');
|
||||
logoImg.src = isDark ? logoImg.dataset.srcDarkCompact : logoImg.dataset.srcLightCompact;
|
||||
} else {
|
||||
navbar.classList.remove('navbar-scrolled');
|
||||
logoImg.src = isDark ? logoImg.dataset.srcDark : logoImg.dataset.srcLight;
|
||||
function updateTheme(e) {
|
||||
const theme = e.matches ? 'dark' : 'light';
|
||||
document.documentElement.setAttribute('data-bs-theme', theme);
|
||||
// При смене темы обновляем и логотип
|
||||
updateLogo();
|
||||
}
|
||||
}
|
||||
|
||||
// Инициализация
|
||||
updateTheme(darkModeMediaQuery);
|
||||
updateLogo();
|
||||
document.addEventListener('DOMContentLoaded', updateLogo);
|
||||
// --- ЛОГОТИП И СКРОЛЛ ---
|
||||
function updateLogo() {
|
||||
const logoImg = document.getElementById('logo-img');
|
||||
const navbar = document.getElementById('main-navbar');
|
||||
|
||||
if (!logoImg || !navbar) return;
|
||||
|
||||
// Слушаем скролл
|
||||
window.addEventListener('scroll', updateLogo);
|
||||
const isDark = darkModeMediaQuery.matches;
|
||||
// Используем window.scrollY для определения прокрутки
|
||||
// Если прокрутили больше 50px, уменьшаем шапку
|
||||
const isScrolled = window.scrollY > 50;
|
||||
|
||||
// Слушаем смену темы
|
||||
window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', updateLogo);
|
||||
if (isScrolled) {
|
||||
navbar.classList.add('navbar-scrolled');
|
||||
logoImg.src = isDark ? logoImg.dataset.srcDarkCompact : logoImg.dataset.srcLightCompact;
|
||||
} else {
|
||||
navbar.classList.remove('navbar-scrolled');
|
||||
logoImg.src = isDark ? logoImg.dataset.srcDark : logoImg.dataset.srcLight;
|
||||
}
|
||||
}
|
||||
|
||||
// --- КУКИ ---
|
||||
const COOKIE_KEY = 'cookie_consent';
|
||||
const TTL_MS = 90 * 24 * 60 * 60 * 1000; // 90 дней: 90 * 24 * 60 * 60 * 1000 = 7776000000)
|
||||
// Инициализация темы и логотипа
|
||||
updateTheme(darkModeMediaQuery);
|
||||
darkModeMediaQuery.addEventListener('change', updateTheme);
|
||||
|
||||
// Инициализация логотипа при загрузке и скролле
|
||||
document.addEventListener('DOMContentLoaded', updateLogo);
|
||||
window.addEventListener('scroll', updateLogo);
|
||||
|
||||
const banner = document.getElementById('cookie-banner');
|
||||
const acceptButton = document.getElementById('cookie-accept');
|
||||
|
||||
function loadCounters() {
|
||||
// console.log("Загрузка счетчиков (Яндекс, Google)...");
|
||||
// Код Яндекс.Метрики
|
||||
(function (m, e, t, r, i, k, a) {
|
||||
m[i] = m[i] || function () { (m[i].a = m[i].a || []).push(arguments) };
|
||||
m[i].l = 1 * new Date();
|
||||
for (var j = 0; j < document.scripts.length; j++) { if (document.scripts[j].src === r) { return; } }
|
||||
k = e.createElement(t), a = e.getElementsByTagName(t)[0], k.async = 1, k.src = r, a.parentNode.insertBefore(k, a)
|
||||
})(window, document, 'script', 'https://mc.yandex.ru/metrika/tag.js?id=106310834', 'ym');
|
||||
ym(106310834, 'init', {
|
||||
ssr: true, webvisor: true, clickmap: true, ecommerce: "dataLayer",
|
||||
accurateTrackBounce: true, trackLinks: true
|
||||
// --- КУКИ И СЧЕТЧИКИ ---
|
||||
const COOKIE_KEY = 'cookie_consent';
|
||||
const TTL_MS = 90 * 24 * 60 * 60 * 1000; // 90 дней
|
||||
const MAILRU_ID = "3734603";
|
||||
const YANDEX_ID = "106310834";
|
||||
|
||||
function loadCounters() {
|
||||
// console.log("Загрузка счетчиков...");
|
||||
try {
|
||||
// Mail.ru
|
||||
var _tmr = window._tmr || (window._tmr = []);
|
||||
_tmr.push({id: MAILRU_ID, type: "pageView", start: (new Date()).getTime()});
|
||||
(function (d, w, id) {
|
||||
if (d.getElementById(id)) return;
|
||||
var ts = d.createElement("script"); ts.type = "text/javascript"; ts.async = true; ts.id = id;
|
||||
ts.src = "https://top-fwz1.mail.ru/js/code.js";
|
||||
var f = d.getElementsByTagName("script")[0]; f.parentNode.insertBefore(ts, f);
|
||||
})(document, window, "topmailru-code");
|
||||
|
||||
// Яндекс.Метрика
|
||||
(function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
|
||||
m[i].l=1*new Date();
|
||||
for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }}
|
||||
k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
|
||||
(window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
|
||||
|
||||
window.ym(YANDEX_ID, "init", {
|
||||
clickmap:true,
|
||||
trackLinks:true,
|
||||
accurateTrackBounce:true
|
||||
});
|
||||
} catch (e) {
|
||||
console.error("Ошибка загрузки счетчиков:", e);
|
||||
}
|
||||
}
|
||||
|
||||
function checkConsent() {
|
||||
try {
|
||||
const stored = localStorage.getItem(COOKIE_KEY);
|
||||
if (!stored) return false;
|
||||
const data = JSON.parse(stored);
|
||||
const now = Date.now();
|
||||
if (now - data.timestamp > TTL_MS) {
|
||||
localStorage.removeItem(COOKIE_KEY);
|
||||
return false;
|
||||
}
|
||||
return true;
|
||||
} catch (e) {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
// Инициализация куки-баннера
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
const banner = document.getElementById('cookie-banner');
|
||||
const acceptButton = document.getElementById('cookie-accept');
|
||||
|
||||
if (banner && acceptButton) {
|
||||
if (checkConsent()) {
|
||||
loadCounters();
|
||||
} else {
|
||||
banner.style.display = 'block';
|
||||
}
|
||||
|
||||
acceptButton.addEventListener('click', function () {
|
||||
const data = { value: true, timestamp: Date.now() };
|
||||
localStorage.setItem(COOKIE_KEY, JSON.stringify(data));
|
||||
banner.style.display = 'none';
|
||||
loadCounters();
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
// Код Google Analytics
|
||||
// window.dataLayer = window.dataLayer || [];
|
||||
// function gtag(){dataLayer.push(arguments);}
|
||||
// gtag('js', new Date());
|
||||
// gtag('config', 'G-XXXXXXXXXX');
|
||||
|
||||
// Код Top.Mail.Ru
|
||||
var _tmr = window._tmr || (window._tmr = []);
|
||||
_tmr.push({id: "3734603", type: "pageView", start: (new Date()).getTime()});
|
||||
(function (d, w, id) {
|
||||
if (d.getElementById(id)) return;
|
||||
var ts = d.createElement("script");
|
||||
ts.type = "text/javascript"; ts.async = true; ts.id = id; ts.src = "https://top-fwz1.mail.ru/js/code.js";
|
||||
var f = function () {
|
||||
var s = d.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ts, s);
|
||||
};
|
||||
if (w.opera == "[object Opera]") {
|
||||
d.addEventListener("DOMContentLoaded", f, false);
|
||||
} else { f(); }
|
||||
})(document, window, "tmr-code");
|
||||
// <noscript><div><img src="https://top-fwz1.mail.ru/counter?id=3734603;js=na" style="position:absolute;left:-9999px;" alt="Top.Mail.Ru" /></div></noscript>
|
||||
// alert("Отладка. Счетчики загружены (здесь должен быть реальный код счетчиков).");
|
||||
}
|
||||
|
||||
function checkConsent() {
|
||||
const stored = localStorage.getItem(COOKIE_KEY);
|
||||
if (!stored) return false;
|
||||
|
||||
try {
|
||||
const data = JSON.parse(stored);
|
||||
const now = Date.now();
|
||||
// Проверяем, не истек ли срок
|
||||
if (now - data.timestamp > TTL_MS) {
|
||||
localStorage.removeItem(COOKIE_KEY);
|
||||
return false;
|
||||
}
|
||||
return true;
|
||||
} catch (e) {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
if (checkConsent()) {
|
||||
loadCounters();
|
||||
} else {
|
||||
banner.style.display = 'block';
|
||||
}
|
||||
|
||||
acceptButton.addEventListener('click', function () {
|
||||
const data = {
|
||||
value: true,
|
||||
timestamp: Date.now()
|
||||
|
||||
// Глобальная функция для отправки целей
|
||||
window.sendGoal = function(goalName) {
|
||||
if (!checkConsent()) return;
|
||||
// console.log("Sending goal:", goalName);
|
||||
|
||||
try {
|
||||
if (window._tmr) {
|
||||
window._tmr.push({ id: MAILRU_ID, type: "reachGoal", goal: goalName, value: 1 });
|
||||
}
|
||||
if (typeof window.ym === 'function') {
|
||||
window.ym(YANDEX_ID, 'reachGoal', goalName);
|
||||
}
|
||||
} catch (e) {
|
||||
console.error("Ошибка отправки цели:", e);
|
||||
}
|
||||
};
|
||||
localStorage.setItem(COOKIE_KEY, JSON.stringify(data));
|
||||
banner.style.display = 'none';
|
||||
loadCounters();
|
||||
});
|
||||
})();
|
||||
})();
|
||||
|
||||
@@ -19,9 +19,11 @@ import {
|
||||
} from "../codemirror/editor.js";
|
||||
|
||||
const resultWrapper = document.getElementById('cm-result-wrapper');
|
||||
const btnCopy = document.getElementById('btn-copy');
|
||||
const sourceTextarea = document.querySelector('textarea[name="text"]');
|
||||
const processingTimeSpan = document.getElementById('processing-time');
|
||||
|
||||
const themeCompartment = new Compartment();
|
||||
|
||||
function getTheme() {
|
||||
return window.matchMedia('(prefers-color-scheme: dark)').matches ? oneDark : [];
|
||||
}
|
||||
@@ -47,8 +49,10 @@ const charNames = {
|
||||
0x2063: "Invisible Comma (невидимая запятая для семантической разметки математических выражений — ⁣)",
|
||||
};
|
||||
|
||||
const PLACEHOLDER_TEXT = "Здесь появится результат...";
|
||||
|
||||
const resultState = EditorState.create({
|
||||
doc: "Здесь появится результат...",
|
||||
doc: PLACEHOLDER_TEXT,
|
||||
extensions: [
|
||||
lineNumbers(),
|
||||
highlightActiveLineGutter(),
|
||||
@@ -83,17 +87,100 @@ const resultView = new EditorView({
|
||||
parent: resultWrapper
|
||||
});
|
||||
|
||||
// Обработка ответа от сервера (HTMX)
|
||||
document.body.addEventListener('htmx:afterSwap', function (evt) {
|
||||
if (evt.detail.target.id === 'result-area') {
|
||||
const newContent = evt.detail.xhr.response;
|
||||
|
||||
// Обновляем редактор
|
||||
resultView.dispatch({
|
||||
changes: {from: 0, to: resultView.state.doc.length, insert: newContent}
|
||||
});
|
||||
|
||||
// Показываем кнопку копирования
|
||||
if (btnCopy) {
|
||||
btnCopy.classList.remove('d-none');
|
||||
}
|
||||
|
||||
// Показываем время обработки из заголовка
|
||||
if (processingTimeSpan) {
|
||||
const time = evt.detail.xhr.getResponseHeader('X-Processing-Time');
|
||||
if (time) {
|
||||
processingTimeSpan.innerHTML = `<i class="bi bi-cpu me-1"></i>${time} ms`;
|
||||
processingTimeSpan.style.display = 'inline';
|
||||
} else {
|
||||
processingTimeSpan.style.display = 'none';
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// Скрываем кнопку и сбрасываем редактор при изменении исходного текста
|
||||
if (sourceTextarea) {
|
||||
sourceTextarea.addEventListener('input', () => {
|
||||
if (btnCopy) {
|
||||
btnCopy.classList.add('d-none');
|
||||
}
|
||||
if (processingTimeSpan) {
|
||||
processingTimeSpan.innerText = '';
|
||||
}
|
||||
// Сбрасываем редактор на плейсхолдер
|
||||
if (resultView.state.doc.toString() !== PLACEHOLDER_TEXT) {
|
||||
resultView.dispatch({
|
||||
changes: {from: 0, to: resultView.state.doc.length, insert: PLACEHOLDER_TEXT}
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', () => {
|
||||
resultView.dispatch({
|
||||
effects: themeCompartment.reconfigure(getTheme())
|
||||
});
|
||||
});
|
||||
|
||||
// --- КОПИРОВАНИЕ В БУФЕР ---
|
||||
if (btnCopy) {
|
||||
btnCopy.addEventListener('click', async () => {
|
||||
const text = resultView.state.doc.toString();
|
||||
|
||||
// Отправляем цель в метрику
|
||||
if (typeof window.sendGoal === 'function') {
|
||||
window.sendGoal('etpgrf-copy-pressed');
|
||||
}
|
||||
|
||||
// Отправляем статистику на сервер
|
||||
const ch_count_copy2clipboard = new FormData();
|
||||
ch_count_copy2clipboard.append('char_count', text.length);
|
||||
|
||||
fetch('/stats/track-copy/', {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'X-CSRFToken': document.querySelector('[name=csrfmiddlewaretoken]').value
|
||||
},
|
||||
body: ch_count_copy2clipboard
|
||||
}).catch(err => console.error("Ошибка отправки статистики:", err));
|
||||
|
||||
try {
|
||||
await navigator.clipboard.writeText(text);
|
||||
|
||||
// Визуальное подтверждение
|
||||
const originalHtml = btnCopy.innerHTML;
|
||||
const originalClass = btnCopy.className;
|
||||
|
||||
btnCopy.innerHTML = '<i class="bi bi-check-lg me-1"></i> Скопировано!';
|
||||
btnCopy.classList.remove('btn-outline-secondary', 'btn-outline-primary');
|
||||
btnCopy.classList.add('btn-success');
|
||||
|
||||
setTimeout(() => {
|
||||
btnCopy.innerHTML = originalHtml;
|
||||
btnCopy.className = originalClass;
|
||||
btnCopy.classList.remove('d-none');
|
||||
}, 2000);
|
||||
|
||||
} catch (err) {
|
||||
console.error('Ошибка копирования:', err);
|
||||
alert('Не удалось скопировать текст.');
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user