{{define "articlecategoryHTML"}}
<h3 class="category">{{.title}}</h3>
{{range .articles}}
<article class="news-article">
  <div class="article_content">
    <div class="ar-title">
      <a href="/{{.ID}}/{{.Slug}}">
        {{.Title}}
      </a>
    </div>
  </div>
  <a href="/{{.ID}}/{{.Slug}}">
    <div class="prewi" data-content="{{.Content}}" data-title="{{.Title}}" data-link="/{{.ID}}/{{.Slug}}"></div>
  </a>
  <div class="timestamp"> starenovine - {{ .FormatedCreatedAt }} -  {{.Category}}</div>
</article>
{{else}}
<div class="prewi">
  Nema članaka za izabrani datum.
</div>
{{end}}

<script>
  function createPewiev(content) {
    let slicedContent = content.slice(0,200);
    if (content.length > 200){
      slicedContent += '...'
    }
    return slicedContent
  }

  let previewDivs = document.querySelectorAll('.prewi')
  previewDivs.forEach(function(previewDiv){
    let content = previewDiv.getAttribute('data-content')
    previewDiv.textContent = createPewiev(content)
  })
</script>

{{end}}