Job application tests PHP

composer.json

@@ -17,7 +17,8 @@
         "php": ">=7.4.0",
         "yiisoft/yii2": "~2.0.45",
         "yiisoft/yii2-bootstrap5": "~2.0.2",
-        "yiisoft/yii2-symfonymailer": "~2.0.3"
+        "yiisoft/yii2-symfonymailer": "~2.0.3",
+        "yiisoft/yii2-httpclient": "*"
     },
     "require-dev": {
         "yiisoft/yii2-debug": "~2.1.0",

controllers/SiteController.php

@@ -4,6 +4,10 @@
 
 use yii\web\Controller;
 
+use yii\httpclient\Client;
+
+use yii\data\Pagination;
+
 class SiteController extends Controller{
     /**
      * {@inheritdoc}
@@ -31,6 +35,68 @@ public function actionIndex(){
 	 * @return string
 	 */
 	public function actionTest1(){
-		return $this->render('test1');
+
+        /**
+        * For a simple retrieve case like this, we could use file_get_contents to fetch the data
+        * but since this is a Yii2 test, let's use Yii2's HTTP Client component to demonstrate best practices and
+        * proper usage of the framework, while avoiding possible allow_url_fopen exploits errors.
+        *
+        * Also let's try Yii2's pagination just to learn how it works, even if it's not required in the task.
+        */
+
+        $client = new Client();
+        $response = $client->createRequest()
+            ->setMethod('GET')
+            ->setUrl("https://jsonplaceholder.typicode.com/posts")
+            ->send();
+        if ($response->isOk) {
+            $data = $response->data;
+        } else {
+            $data = [];
+        }
+
+        $count = count($data);
+        $pagination = new Pagination(['totalCount' => $count, 'pageSize' => 6]);
+        $articles = array_slice($data, $pagination->offset, $pagination->limit);
+
+		return $this->render('test1', [
+            'data' => $articles,
+            'pagination' => $pagination
+        ]);
 	}
+
+	/**
+	 * Displays single post.
+	 *
+	 * @return string
+	 */
+	public function actionPost($postId = null, $page = 0){
+
+        /**
+         * Since we have some time left, let's add a simple post view page with a simple "post not found" handling.
+         * (you can test it by changing the postId parameter to a non-existing one in the URL)
+         */
+
+        if(empty($postId)) {
+            return $this->redirect(['site/test1']);
+        } else {
+            $client = new Client();
+            $response = $client->createRequest()
+                ->setMethod('GET')
+                ->setUrl("https://jsonplaceholder.typicode.com/posts/{$postId}")
+                ->send();
+
+            if ($response->isOk) {
+                $post = $response->data;
+
+            } else {
+                $post = [];
+            }
+        }
+
+		return $this->render('post', [
+            'post' => $post,
+            'page' => $page
+        ]);
+    }
 }

views/site/post.php

@@ -0,0 +1,22 @@
+<?php
+
+/** @var yii\web\View $this */
+
+use yii\helpers\Url;
+
+$this->title = 'Post — ooptimo';
+?>
+<div class="site-post">
+    <div class="body-content">
+		<a href="<?=Url::to(['site/test1', 'page' => $page])?>" class="btn btn-primary btn-sm mb-3">Back to posts list</a>
+		<div class="row mt-3">
+			<?php if ($post): ?>
+				<img src="https://placehold.co/800x400" alt="Placeholder image" class="img-fluid mb-4">
+				<h2><?= htmlspecialchars($post['title']) ?></h2>
+				<p><?= htmlspecialchars($post['body']) ?></p>
+			<?php else: ?>
+				<p>Post not found.</p>
+			<?php endif; ?>
+		</div>	
+	</div>
+</div>

views/site/test1.php

@@ -2,6 +2,9 @@
 
 /** @var yii\web\View $this */
 
+use yii\helpers\Url;
+use yii\widgets\LinkPager;
+
 $this->title = 'Test 1 — ooptimo';
 ?>
 <div class="site-test1">
@@ -29,5 +32,24 @@
 		<div class="row mt-4">
 			<h2>Posts</h2>
 		</div>
+		<div class="row mt-3">
+			<?php if(empty($data)): ?>
+				<p>No posts found.</p>
+				<?php else: ?>
+				<?php foreach($data as $post): ?>
+					<div class="col-md-4 post-item mb-3">
+						<a href="<?=Url::to(['site/post', 'postId' => $post['id'], 'page' => isset($_GET['page']) ? $_GET['page'] : 1])?>"><img src="https://placehold.co/600x400" alt="Placeholder image" class="img-fluid mb-2"></a>
+						<a href="<?=Url::to(['site/post', 'postId' => $post['id'], 'page' => isset($_GET['page']) ? $_GET['page'] : 1])?>" class="post-title"><h4><?= htmlspecialchars($post['title']) ?></h4></a>
+						<a href="<?=Url::to(['site/post', 'postId' => $post['id'], 'page' => isset($_GET['page']) ? $_GET['page'] : 1])?>" class="btn btn-primary btn-sm mb-3">See post</a>
+					</div>
+				<?php endforeach; ?>
+			<?php endif; ?>
+
+			<div class="mt-4 d-flex justify-content-center">
+				<?php echo LinkPager::widget([
+					'pagination' => $pagination,
+				]); ?>
+			</div>
+		</div>
 	</div>
 </div>

web/css/site.css

@@ -1,4 +1,4 @@
-main > .container {
+main>.container {
     padding: 70px 15px 20px;
 }
 
@@ -8,7 +8,7 @@ main > .container {
     height: 60px;
 }
 
-.footer > .container {
+.footer>.container {
     padding-right: 15px;
     padding-left: 15px;
 }
@@ -28,3 +28,18 @@ main > .container {
     margin-top: 5px;
     color: #999;
 }
+
+a.post-title {
+    color: #333;
+    text-decoration: none;
+}
+
+.pagination a,
+.pagination span {
+    padding: 5px;
+    font-size: 20px;
+}
+
+.pagination .active a {
+    font-weight: bold;
+}