Make pagination element fully standalone.

Sets explicit Bootstrap 5 templates to avoid app/Tools templates
affecting the standalone admin layout.

Author: dereuromark

templates/Admin/QueueProcesses/index.php

@@ -4,7 +4,6 @@
  * @var iterable<\Queue\Model\Entity\QueueProcess> $queueProcesses
  */
 
-use Cake\Core\Plugin;
 use Queue\Queue\Config;
 
 ?>
@@ -124,12 +123,6 @@
 		</div>
 	</div>
 	<div class="card-footer">
-		<?php
-		if (Plugin::isLoaded('Tools')) {
-			echo $this->element('Tools.pagination');
-		} else {
-			echo $this->element('Queue.pagination');
-		}
-		?>
+		<?= $this->element('Queue.pagination') ?>
 	</div>
 </div>

templates/Admin/QueuedJobs/index.php

@@ -237,12 +237,6 @@
 		</div>
 	</div>
 	<div class="card-footer">
-		<?php
-		if (Plugin::isLoaded('Tools')) {
-			echo $this->element('Tools.pagination');
-		} else {
-			echo $this->element('Queue.pagination');
-		}
-		?>
+		<?= $this->element('Queue.pagination') ?>
 	</div>
 </div>

templates/element/pagination.php

@@ -1,24 +1,37 @@
 <?php
 /**
- * Pagination element with Bootstrap 5 styling.
- * Fallback when Tools plugin is not available.
+ * Standalone pagination element with Bootstrap 5 styling.
  *
- * @var \App\View\AppView $this
+ * Sets explicit templates to avoid style leakage from app templates.
+ *
+ * @var \Cake\View\View $this
  */
 
 if (!$this->Paginator->hasPage()) {
 	return;
 }
+
+// Set Bootstrap 5 templates explicitly to avoid app template leakage
+$this->Paginator->setTemplates([
+	'nextActive' => '<li class="page-item"><a class="page-link" rel="next" href="{{url}}">{{text}}</a></li>',
+	'nextDisabled' => '<li class="page-item disabled"><span class="page-link">{{text}}</span></li>',
+	'prevActive' => '<li class="page-item"><a class="page-link" rel="prev" href="{{url}}">{{text}}</a></li>',
+	'prevDisabled' => '<li class="page-item disabled"><span class="page-link">{{text}}</span></li>',
+	'first' => '<li class="page-item"><a class="page-link" href="{{url}}">{{text}}</a></li>',
+	'last' => '<li class="page-item"><a class="page-link" href="{{url}}">{{text}}</a></li>',
+	'number' => '<li class="page-item"><a class="page-link" href="{{url}}">{{text}}</a></li>',
+	'current' => '<li class="page-item active"><span class="page-link">{{text}}</span></li>',
+]);
 ?>
-<nav aria-label="Page navigation">
-	<ul class="pagination justify-content-center">
-		<?= $this->Paginator->first('«', ['class' => 'page-link']) ?>
-		<?= $this->Paginator->prev('‹', ['class' => 'page-link']) ?>
-		<?= $this->Paginator->numbers(['class' => 'page-link']) ?>
-		<?= $this->Paginator->next('›', ['class' => 'page-link']) ?>
-		<?= $this->Paginator->last('»', ['class' => 'page-link']) ?>
+<nav class="mt-3" aria-label="<?= __d('queue', 'Page navigation') ?>">
+	<ul class="pagination justify-content-center mb-2">
+		<?= $this->Paginator->first('<i class="fas fa-angle-double-left"></i>', ['escape' => false]) ?>
+		<?= $this->Paginator->prev('<i class="fas fa-angle-left"></i>', ['escape' => false]) ?>
+		<?= $this->Paginator->numbers() ?>
+		<?= $this->Paginator->next('<i class="fas fa-angle-right"></i>', ['escape' => false]) ?>
+		<?= $this->Paginator->last('<i class="fas fa-angle-double-right"></i>', ['escape' => false]) ?>
 	</ul>
+	<p class="text-center text-muted small mb-0">
+		<?= $this->Paginator->counter(__d('queue', 'Page {{page}} of {{pages}}, showing {{current}} record(s) out of {{count}} total')) ?>
+	</p>
 </nav>
-<p class="text-center text-muted small">
-	<?= $this->Paginator->counter(__d('queue', 'Page {{page}} of {{pages}}, showing {{current}} record(s) out of {{count}} total')) ?>
-</p>