From be9ffaf7c59cede83a92a77570493c81bcaa0213 Mon Sep 17 00:00:00 2001
From: hossainemruz <emruz@appscode.com>
Date: Thu, 11 Jun 2020 02:17:51 +0600
Subject: [PATCH] add paginator code but keep it disabled

---
 layouts/_default/list.html  | 11 ++++++++++-
 layouts/partials/posts.html |  7 -------
 static/assets/css/list.css  | 14 ++++++++++++++
 3 files changed, 24 insertions(+), 8 deletions(-)
 delete mode 100644 layouts/partials/posts.html

diff --git a/layouts/_default/list.html b/layouts/_default/list.html
index 15cca86..110a5b1 100644
--- a/layouts/_default/list.html
+++ b/layouts/_default/list.html
@@ -21,8 +21,17 @@
   <div class="content container-fluid" id="content">
     <div class="content-cards">
       <div class="container-fluid filtr-container post-cards" id="post-cards">
-        {{ partial "posts.html" . }}
+        {{ range .Site.RegularPages }}
+          {{ partial "cards/post.html" . }}
+        {{ end }}
+        {{/*  {{ $paginator := .Paginate .Site.RegularPages 120 }}
+        {{ range $paginator.Pages }}
+          {{ partial "cards/post.html" . }}
+        {{ end }}  */}}
       </div>
+      {{/*  <div class="paginator">
+        {{ template "_internal/pagination.html" . }}
+      </div>  */}}
     </div>
   </div>
 {{ end }}
diff --git a/layouts/partials/posts.html b/layouts/partials/posts.html
deleted file mode 100644
index e284d73..0000000
--- a/layouts/partials/posts.html
+++ /dev/null
@@ -1,7 +0,0 @@
-{{ range .Site.RegularPages.ByDate.Reverse }}
-    {{ if .IsNode }}
-        {{ partial "posts.html" . }}
-    {{ else }}
-        {{ partial "cards/post.html" . }}
-    {{ end }}
-{{ end }}
diff --git a/static/assets/css/list.css b/static/assets/css/list.css
index 5d38cf5..50fd235 100644
--- a/static/assets/css/list.css
+++ b/static/assets/css/list.css
@@ -209,6 +209,20 @@ a.focused {
   text-decoration: none;
 }
 
+.content-cards .paginator{
+  width: fit-content;
+  margin: auto;
+}
+
+.content-cards .paginator .page-item>a{
+  color: #248aaa;
+}
+
+.content-cards .paginator .page-item.active>a{
+  background-color: #248aaa;
+  color: #f9fafc;
+}
+
 .navbar-toggler {
   display: none;
 }