strasbourg 2018: add pagination to user drafts/forms cells (#41048)

static/strasbourg-2018/_custom.scss

@@ -1464,3 +1464,29 @@ div#rub_service div.file-upload-widget {
 form div.widget {
 	margin-bottom: 35px;
 }
+
+section.layout-demarche div.cell-items-pagination {
+	padding: 1rem;
+	.cell-items-pagination-next {
+		float: right;
+		margin-right: 0;
+	}
+	button {
+		padding: 15px 20px;
+		text-decoration: none;
+		position: relative;
+		display: inline-block;
+		border-color: rgba(0, 0, 0, 0);
+		transition: all, 0.5s;
+		overflow: hidden;
+		background-color: $second-color;
+		color: $core-color;
+		font-family: $site-font;
+		text-transform: uppercase;
+		font-size: 1.4rem;
+		&:hover, &:focus{
+			background-color: $core-color;
+			color: #FFFFFF;
+		}
+	}
+}

templates/variants/strasbourg-2018/combo/wcs/current_drafts.html

@@ -2,7 +2,7 @@
 <section class="layout-demarche">
 <h2 class="layout-demarche__title">Brouillons en cours</h2>
 <ul class="demande-list unstyled">
- {% for form in drafts|dictsortreversed:"datetime"|slice:":10" %}
+ {% for form in drafts|dictsortreversed:"datetime" %}
  <li class="demande-list__item">
    <a class="demande-teaser btn-square--bordered--grey" href="{{ form.url }}">
      <div class="flexbox">
@@ -18,4 +18,5 @@
  <li>Aucun brouillon en cours.</li>
  {% endfor %}
 </ul>
+{% include "combo/pagination.html" %}
 </section>

templates/variants/strasbourg-2018/combo/wcs/current_forms.html

@@ -2,7 +2,7 @@
 <section class="layout-demarche">
 <h2 class="layout-demarche__title">Suivi des demandes</h2>
 <ul class="demande-list unstyled">
- {% for form in forms|dictsortreversed:"form_receipt_datetime"|slice:":10" %}
+ {% for form in forms|dictsortreversed:"form_receipt_datetime" %}
  <li class="demande-list__item">
    <a class="demande-teaser btn-square--bordered--grey" href="{{ form.url }}">
      <div class="flexbox">
@@ -18,4 +18,5 @@
  <li>Aucune demande en cours.</li>
  {% endfor %}
 </ul>
+{% include "combo/pagination.html" %}
 </section>