From 7ec20a6d353b764758ebecb5c5bed25ac1525634 Mon Sep 17 00:00:00 2001
From: Aleksandr Shelkovin <shelkovin.sashka@gmail.com>
Date: Mon, 27 Jan 2025 22:18:33 +0300
Subject: [PATCH] add paginator

---
 AXIOS/page.php    | 101 ++++++++++++++++++++++++++++++++++++++++++++++
 AXIOS/portial.php |  53 ++++++++++++++++++++++++
 2 files changed, 154 insertions(+)
 create mode 100644 AXIOS/page.php
 create mode 100644 AXIOS/portial.php
diff --git a/AXIOS/page.php b/AXIOS/page.php
new file mode 100644
index 0000000..aa63904
--- /dev/null
+++ b/AXIOS/page.php
@@ -0,0 +1,101 @@
+<?php
+
+define('LIMIT', 5);
+define('OFFSET', 0);
+
+$arrMusic = [
+    'Открываем',
+    'набор',
+    'на',
+    'оплачиваемую',
+    'стажировку',
+    'Вы',
+    'спрашивали',
+    'вы',
+    'ждали',
+    'и',
+    'вот',
+    'мы',
+    'возвращаемся',
+    'с',
+    'анонсом',
+    'стажировки',
+    'для',
+    'разработчиков!',
+    '6 месяцев',
+];
+
+$len = sizeof($arrMusic); 
+ 
+// $limit = $_GET['limit'] or LIMIT; 
+$limit = isset($_GET['limit']) ? $_GET['limit'] : LIMIT; 
+ 
+// $offset = $_GET['offset'] or OFFSET; 
+$offset = isset($_GET['offset']) ? $_GET['offset'] : OFFSET; 
+ 
+$portial = array_slice($arrMusic, $offset, $limit); 
+// print($len); 
+ 
+$str = '<ul id="feed">'; 
+foreach ($portial as $value) { 
+    $str .="<li>$value</li>"; 
+} 
+$str .= ''; 
+ 
+$countPage = intdiv($len , $limit); 
+// var_dump($countPage); 
+ 
+$paginator = ''; 
+for ($i = 0; $i < $countPage; $i++) { 
+    $paginator .= '<a href= "./portial.php?offset='.LIMIT*$i.'&limit='.LIMIT.'">'.$i.'</a>&nbsp;'; 
+} 
+
+echo <<<abyr
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Pangination</title>
+</head>
+<body>
+   $str 
+<div id="paginator">
+   $paginator
+   </div>
+   <button type="button" click="getPage">Пам-пам</button>
+
+</body>
+ 
+</html>
+<script>
+ console.log('start script')
+let parent = document.getElementById('paginator')
+parent.addEventListener('click', getPage)
+async function getFetch(url) {
+   const response = await fetch(url, { method:'get'} )
+ //   return await response.json(); 
+   return await response.text(); 
+   
+}
+
+// parent = document.getElementById('paginator')
+// console.log(parent)
+parent.addEventListener('click' , getPage )
+ 
+async function getPage(event) {
+  event.stopPropagation()
+  event.preventDefault()
+  let url = event.target.getAttribute('href')
+  let data = await getFetch(url)
+  feed = document.getElementById('feed')
+  feed.innerHTML = feed.innerHTML + data
+  console.log(data) 
+}
+
+
+</script> 
+abyr;
+
+
+
diff --git a/AXIOS/portial.php b/AXIOS/portial.php
new file mode 100644
index 0000000..5d00cbc
--- /dev/null
+++ b/AXIOS/portial.php
@@ -0,0 +1,53 @@
+<?php
+define('LIMIT', 5);
+define('OFFSET', 0);
+
+$arrMusic = [
+    'Открываем',
+    'набор',
+    'на',
+    'оплачиваемую',
+    'стажировку',
+    'Вы',
+    'спрашивали',
+    'вы',
+    'ждали',
+    'и',
+    'вот',
+    'мы',
+    'возвращаемся',
+    'с',
+    'анонсом',
+    'стажировки',
+    'для',
+    'разработчиков!',
+    '6 месяцев',
+];
+
+$len = sizeof($arrMusic); 
+ 
+// $limit = $_GET['limit'] or LIMIT; 
+$limit = isset($_GET['limit']) ? $_GET['limit'] : LIMIT; 
+ 
+// $offset = $_GET['offset'] or OFFSET; 
+$offset = isset($_GET['offset']) ? $_GET['offset'] : OFFSET; 
+ 
+$portial = array_slice($arrMusic, $offset, $limit); 
+// print($len); 
+ 
+$str = '<ul>'; 
+foreach ($portial as $value) { 
+    $str .="<li>$value</li>"; 
+} 
+$str .= ''; 
+ 
+// $countPage = intdiv($len , $limit); 
+// // var_dump($countPage); 
+ 
+// $paginator = ''; 
+// for ($i = 0; $i < $countPage; $i++) { 
+//     $paginator .= '<a href= "page.php?offset='.LIMIT*$i.'&limit='.LIMIT.'">'.$i.'</a>&nbsp;'; 
+// } 
+
+header('Content-Type: plan/text; charset=utf-8');
+echo ($str);
\ No newline at end of file
