From b75067824db490c2b5fac5d191c467c3484e3e70 Mon Sep 17 00:00:00 2001
From: erjemin <erjemin@gmaill.com>
Date: Sun, 22 Aug 2021 17:24:19 +0300
Subject: [PATCH] =?UTF-8?q?=D0=BE=D1=82=D0=BE=D0=B1=D1=80=D0=B0=D0=B6?=
 =?UTF-8?q?=D0=B0=D0=B5=D1=82=D1=81=D1=8F=20=D1=81=D1=87=D0=B5=D1=82=D1=87?=
 =?UTF-8?q?=D0=B8=D0=BA=20=D0=BF=D1=80=D0=BE=D1=81=D0=BC=D0=BE=D1=82=D1=80?=
 =?UTF-8?q?=D0=BE=D0=B2=20=D0=BD=D0=BE=D0=B2=D0=BE=D1=81=D1=82=D0=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 cadpoint/templates/item.jinja2 | 24 ++++++++++++------------
 public/static/css/cadpoint.css | 18 +++++++++++++++++-
 2 files changed, 29 insertions(+), 13 deletions(-)

diff --git a/cadpoint/templates/item.jinja2 b/cadpoint/templates/item.jinja2
index a104b7c..b8cd507 100644
--- a/cadpoint/templates/item.jinja2
+++ b/cadpoint/templates/item.jinja2
@@ -2,18 +2,18 @@
 
 {% block META_OG %}{% comment %} РАЗМЕТКА Open Graph ДЛЯ СОЦ-СЕТЕЙ
   подробности: https://habr.com/ru/company/macloud/blog/555082/{% endcomment %}
-  <meta property="og:title" content="Главная страница - RSVO.RU">{% comment %} Уникальное название страницы.
+  <meta property="og:title" content="cadpoint.ru: {{ ITEM.szContentHead|safe_html_ss }}">{% comment %} Уникальное название страницы.
    Используется парсерами URL-адресов в социальных сетях, таких как Twitter или Facebook{% endcomment %}
-  <meta property="og:description" content="RSVO.RU: Строительство и эксплуатация разноуровневых систем оповещения" />{% comment %} Уникальное описание страницы.
+  <meta property="og:description" content="CADpoint: {{ ITEM.szContentHead|safe_html_ss }}" />{% comment %} Уникальное описание страницы.
    Используется парсерами URL-адресов в социальных сетях, таких как Twitter или Facebook.{% endcomment %}
-  <meta property="og:image" content="{% static 'img/og-cadpoint-default.png' %}" />{% comment %} Изображение, отображаемое, когда вы
+  <meta property="og:image" content="{% if ITEM.imgContentPreview is None %}{% static 'img/og-cadpoint-default.png' %}{% else %}{% thumbnail ITEM.imgContentPreview 680x680 upscale %}{% endif %}" />{% comment %} Изображение, отображаемое, когда вы
    делитесь ссылкой на страницу в социальных сетях, приложениях чата или других сайтах,
    которые очищают URL-адреса.
    В идеале это должно быть квадратное изображение с важным содержанием, размещенным
    в центре квадрата в прямоугольнике с соотношением сторон 2:1. Это гарантирует,
    что изображение будет хорошо смотреться на карточках с изображениями прямоугольной
    и квадратной формы.{% endcomment %}
-  <meta property="og:image:alt" content="cadpint.ru: новости 3D-печати и Систем Автоматичекого Проектирования" />{% comment %}
+  <meta property="og:image:alt" content="cadpoint.ru: {{ ITEM.szContentHead|safe_html_ss }}" />{% comment %}
    Описание изображения.
    Не используйте этот метатег, если изображение носит чисто декоративный характер
    и не содержит значимой информации. Программы чтения с экрана игнорируют
@@ -21,19 +21,19 @@
   <meta property="og:locale" content="ru_RU" />{% comment %}  Естественный язык страницы.{% endcomment %}
   <meta property="og:type" content="website" />{% comment %} Тип контента, которым вы делитесь,
    например website, article, или video.movie{% endcomment %}
-  <meta property="og:url" content="https://cadpoiny.ru" />{% comment %} Канонический URL страницы.
+  <meta property="og:url" content="https://cadpoint.ru/item/{{ ITEM.id }}-{{ ITEM.szContentHead|safe_html_ss|slug_ru:'50' }}" />{% comment %} Канонический URL страницы.
    Обязательное свойство для допустимых страниц Open Graph.{% endcomment %}
   <meta name="twitter:card" content="summary_large_image" />{% comment %} определяет, как будут выглядеть
    карточки при публикации в Twitter. Есть два варианта для веб-сайтов: summary
    и summary_large_image{% endcomment %}{% endblock %}
 
 <!--- ТИТУЛ --->
-{% block Title %}Главная страница{% endblock %}
-{% block canonical %}https://rsvo.ru/{{ ITEM.iPointType }}/{{ ITEM.szPointSlug }}{% if LIST and PAGE_OF_LIST != 0 %}/p{{ PAGE_OF_LIST }}{% endif %}{% endblock %}
-{% block Description %}ФГУП Российские сети вещания и оповещения: Строительство и эксплуатация разноуровневых систем оповещения{% endblock %}
-{% block Keywords %}ФГУП РСВО, российские сети вещания и оповещения, системы оповещения{% endblock %}
-{% block Date4Meta %}{{ NEWS.0.tdContentPublishUp|date:'Y-m-d 08:30:00' }}{% endblock %}"
-{% block Last4Meta %}{{ NEWS.0.dtContentTimeStamp|date:'Y-m-d H:i:s' }}{% endblock %}"
+{% block Title %}{{ ITEM.szContentHead|safe_html_ss }}{% endblock %}
+{% block canonical %}https://cadpoint.ru/item/{{ ITEM.id }}-{{ ITEM.szContentHead|safe_html_ss|slug_ru:'50' }}{% endblock %}
+{% block Description %}CADpoint: {{ ITEM.szContentHead|safe_html_ss }}{% endblock %}
+{% block Keywords %}cadpoint, {% for t in ITEM.tags.all %}{{ t.name }}, {% endfor %}новости{% endblock %}
+{% block Date4Meta %}{{ ITEM.tdContentPublishUp|date:'Y-m-d H:i:s' }}{% endblock %}"
+{% block Last4Meta %}{{ ITEM.dtContentTimeStamp|date:'Y-m-d H:i:s' }}{% endblock %}"
 {% block Expires4Meta %}{% now 'Y-m-d H:i:s' %}{% endblock %}"
 
 
@@ -52,7 +52,7 @@
   {#<!-- POINT-СРАНИЦА: НАЧАЛО -->#}<div class="container news">
     <div class="row">
       <div class="col-12 col-md-9">
-        <time datetime="{{ ITEM.tdContentPublishUp|date:'Y-m-d' }}">{{ ITEM.tdContentPublishUp|date:'d E Y' }} <small>({{ ITEM.tdContentPublishUp|date:'l'|lower }})</small></time>
+        <time datetime="{{ ITEM.tdContentPublishUp|date:'Y-m-d' }}">{{ ITEM.tdContentPublishUp|date:'d E Y' }} <small>({{ ITEM.tdContentPublishUp|date:'l'|lower }})  <small title="Число просмотров"><i class="bi bi-eye"></i>&nbsp;{{ ITEM.iContentHits }}</small></small> </time>
         <h1>{{ ITEM.szContentHead|safe }}</h1>
         {{ ITEM.szContentIntro|safe }}
         {{ ITEM.szContentBody|safe }}
diff --git a/public/static/css/cadpoint.css b/public/static/css/cadpoint.css
index b1c1b53..4e5f35a 100644
--- a/public/static/css/cadpoint.css
+++ b/public/static/css/cadpoint.css
@@ -153,6 +153,11 @@ div.news > div.row > div[class^="col"] > time {
   font-size: 120%;
   font-weight: 100;
 }
+div.news > div.row > div[class^="col"] > time > small > small {
+  font-size: x-small;
+  color: #006799;
+  padding-left: 4em;
+}
 div.news > div.row > div[class^="col"] > p {
   font-size: 115%;
   font-weight: 100;
@@ -360,4 +365,15 @@ footer {
   width: 88px;
   height: 31px;
   border: none;
-}
\ No newline at end of file
+}
+
+/* НАВИГАЦИЯ ПО СТРАНИЦАМ (PAGINATOR) */
+nav > .pagination > .page-item > .page-link {
+  background: #006799;
+  border: black;
+  color: white;
+  box-shadow: 0 3px 4px #ccc;
+}
+nav > .pagination > .page-item > .page-link:hover {background: #008DD2; transition: 0.6s;}
+nav > .pagination > .page-item > .page-link:not(hover) {transition: 1.2s;}
+nav > .pagination > .page-item.disabled > .page-link {color: silver; background: gray}
\ No newline at end of file