/frontend/src/app/news/news-detail/news-detail.component.html

 1<nav class="breadcrumbs">
 2  <a routerLink="/" class="breadcrumb">Главная</a>
 3  <a [routerLink]="['/news/' + newsitem.category.slug]" class="breadcrumb">{{newsitem.category.name}}</a>
 4  <span class="breadcrumb">{{newsitem.caption}}</span>
 5</nav>
 6<div class="news-detail row">
 7  <div class="col-md-9 col-lg-9 col-xs-12">
 8    <div class="news-detail-content white">
 9      <div class="news-detail__header">
10        <div [routerLink]="['/news/' + newsitem.category.slug]" class="news-detail__category">{{newsitem.category.name}}</div>
11        <h1>{{newsitem.caption}}</h1>
12        <time class="time">
13            <svg class="time-icon"  viewBox="6366 382 16 16">
14                <path id="Path_13" data-name="Path 13" class="cls-1" d="M2.4,2.4A7.263,7.263,0,0,1,8,0a7.263,7.263,0,0,1,5.6,2.4A7.263,7.263,0,0,1,16,8a7.263,7.263,0,0,1-2.4,5.6A7.263,7.263,0,0,1,8,16a7.263,7.263,0,0,1-5.6-2.4A7.984,7.984,0,0,1,0,8,7.263,7.263,0,0,1,2.4,2.4Zm9.2,9.2.933-.933L9.2,7.333,8,2H6.667V8a1.21,1.21,0,0,0,.4.933.466.466,0,0,0,.267.133Z" transform="translate(6366 382)"/>
15            </svg>
16            <span id="dateTime">{{published}}</span>
17        </time>
18        <!-- <div class="news-detail__control">
19          <div class="news-detail__next">
20              <svg  viewBox="5281 339 48 48">
21                <g id="Group_77" data-name="Group 77" transform="translate(4436)">
22                  <circle id="Ellipse_121" data-name="Ellipse 121" class="control__circle" cx="24" cy="24" r="24" transform="translate(845 339)"/>
23                  <g id="Forward_arrow" data-name="Forward arrow" transform="translate(-393 -152)">
24                    <path id="Path_10" data-name="Path 10" class="control__arrow" d="M8,0,6.545,1.455l5.506,5.506H0V9.039H12.052L6.545,14.545,8,16l8-8Z" transform="translate(1254 507)"/>
25                  </g>
26                </g>
27              </svg>
28          </div>
29          <div class="news-detail__prev no-more">
30              <svg  viewBox="5281 379 48 48">
31                <g id="Group_76" data-name="Group 76" transform="translate(4436)">
32                  <circle id="Ellipse_122" data-name="Ellipse 122" class="control__circle" cx="24" cy="24" r="24" transform="translate(845 379)"/>
33                  <g id="Forward_arrow" data-name="Forward arrow" transform="translate(861 395)">
34                    <path id="Path_10" data-name="Path 10" class="control__arrow" d="M8,0,9.455,1.455,3.948,6.961H16V9.039H3.948l5.506,5.506L8,16,0,8Z"/>
35                  </g>
36                </g>
37              </svg>            
38          </div>
39        </div> -->
40      </div>
41      <img src="{{newsitem.cover}}" alt="{{newsitem.caption}}" class="img-responsive" *ngIf="newsitem.cover !== null">
42      <div [innerHTML]="newsitem.short_text"></div>
43      <hr>
44      <div [innerHTML]="newsitem.full_text | safeHtml"></div>
45      <div class="social-share row">
46          <p class="col-xs-12">Поделиться</p>
47          <share-buttons
48          [include]="['facebook','vk','twitter','google','whatsapp','telegram']"
49          [show]="6"
50          ></share-buttons>
51      </div>
52    </div>
53    <div class="news-detail__back">
54        <button type="button" class="btn btn-white" routerLink="../">Назад к списку новостей</button>
55    </div>
56  </div>
57  <div class="col-md-3 col-sm-12">
58    <app-news-list-right></app-news-list-right>
59  </div>
60</div>