<div class="news-items row" *ngIf="newslist.length !== 0">
  <div 
    *ngFor="let newsitem of newslist; let first = first;" 
      [ngClass]="{
        'col-xs-12 col-sm-12 col-md-12 col-lg-12 news-item_top': newsitem.important == 30,
        'col-xs-12 col-md-6 col-sm-12 news-item_middle': newsitem.important == 20,
        'col-xs-12 col-md-4 col-sm-12 news-item_low': newsitem.important == 10
      }"
      newsitem="newsitem"
    >
    <div class="news-item"
      [ngClass]="{
        'news-item_text': newsitem.cover == null,
        'news-item_img news-item_trivial': newsitem.cover !== null && newsitem.non_trivial == 1
      }"
      routerLink="/news/item/{{newsitem.id}}"
    >
      <div class="news-item__image" *ngIf="newsitem.cover !== null" [ngStyle]="{ background:' url('+newsitem.cover+')'}"></div>
      <div class="news-item__content">
        <div [routerLink]="['/news/' + newsitem.category.slug]" class="news-detail__category">{{newsitem.category.name}}</div>
        <h1>{{newsitem.name}}</h1>
        <div *ngIf="newsitem.short_text !== null && newsitem.cover == null" [innerHTML]="newsitem.short_text.substring(0, 275)"></div>
        <time class="time">
            <svg class="time-icon"  viewBox="6366 382 16 16">
                <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)"/>
            </svg>
            <span id="dateTime">Опубликовано: {{ (newsitem.publish_at | amFromUnix | amTimeAgo)}} | {{ (newsitem.publish_at | amFromUnix) | amDateFormat: 'DD.MM.YYYY HH:mm'}}</span>
        </time>
      </div>
    </div>
  </div>
</div>
<div class="news-items__empty row" *ngIf="newslist.length == 0">
    <div class="col-xs white">
      <h1>Пока ничего нет</h1>
      <p>На данной странице пока ничего нет.</p>
    </div>
</div>