Weather and Category

web/data/categoryarticles.html

@@ -0,0 +1,40 @@
+{{define "articlecategoryHTML"}}
+
+<h1>{{.category}}</h1>
+{{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="empty">
+  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}}