Index: FullyStocked/src/main/java/com/bazi/fullystocked/Controller/WorkerController.java
===================================================================
--- FullyStocked/src/main/java/com/bazi/fullystocked/Controller/WorkerController.java	(revision 154b74c8ddba87062870cfc12c487f0ccfbc82bd)
+++ FullyStocked/src/main/java/com/bazi/fullystocked/Controller/WorkerController.java	(revision e278ff894cd227f8877b2c3c6ab48a7cef81450c)
@@ -1,15 +1,28 @@
 package com.bazi.fullystocked.Controller;
 
+import com.bazi.fullystocked.Models.SqlViews.ArticlesReport;
+import com.bazi.fullystocked.Models.StoredArticles;
+import com.bazi.fullystocked.Models.User;
 import com.bazi.fullystocked.Models.Workers;
+import com.bazi.fullystocked.Services.StoredArticlesService;
 import org.springframework.stereotype.Controller;
 import org.springframework.ui.Model;
 import org.springframework.web.bind.annotation.GetMapping;
+import org.springframework.web.bind.annotation.PathVariable;
 import org.springframework.web.bind.annotation.RequestMapping;
 
 import javax.servlet.http.HttpServletRequest;
+import java.util.List;
+import java.util.Optional;
 
 @Controller
 @RequestMapping(value ="/worker")
 public class WorkerController {
+   private final StoredArticlesService storedArticlesService;
+
+    public WorkerController(StoredArticlesService storedArticlesService) {
+        this.storedArticlesService = storedArticlesService;
+    }
+
     @GetMapping
     public String getWorkerPage()
@@ -18,3 +31,22 @@
         return "homeWorker";
     }
+    @GetMapping("/articles")
+    public String getArticles(HttpServletRequest request, Model model)
+    {
+        Workers u= (Workers) request.getSession().getAttribute("user");
+        List<ArticlesReport> articlesReport=storedArticlesService.findByLocation(u.getLocation().getLocationid());
+        model.addAttribute("articles",articlesReport);
+        return "articles";
+    }
+    @GetMapping("/articles/details/{id}")
+    public String getDetails(@PathVariable Integer id,Model model)
+    {
+        if(this.storedArticlesService.findById(id).isPresent())
+        {
+            ArticlesReport articlesReport=this.storedArticlesService.findById(id).get();
+            model.addAttribute("article",articlesReport);
+            return "detailsArticle";
+        }
+        return "redirect:/articles?error=ArticleNotFound";
+    }
 }
Index: FullyStocked/src/main/java/com/bazi/fullystocked/Models/SqlViews/ArticlesReport.java
===================================================================
--- FullyStocked/src/main/java/com/bazi/fullystocked/Models/SqlViews/ArticlesReport.java	(revision 154b74c8ddba87062870cfc12c487f0ccfbc82bd)
+++ FullyStocked/src/main/java/com/bazi/fullystocked/Models/SqlViews/ArticlesReport.java	(revision e278ff894cd227f8877b2c3c6ab48a7cef81450c)
@@ -20,3 +20,35 @@
     private String locationname;
     private Integer locationid;
+
+    public Integer getSarticleid() {
+        return sarticleid;
+    }
+
+    public Integer getArticleid() {
+        return articleid;
+    }
+
+    public String getArticlename() {
+        return articlename;
+    }
+
+    public String getDescription() {
+        return description;
+    }
+
+    public String getImageurl() {
+        return imageurl;
+    }
+
+    public int getQuantity() {
+        return quantity;
+    }
+
+    public String getLocationname() {
+        return locationname;
+    }
+
+    public Integer getLocationid() {
+        return locationid;
+    }
 }
Index: FullyStocked/src/main/java/com/bazi/fullystocked/Services/Implementations/StoredArticlesServiceImpl.java
===================================================================
--- FullyStocked/src/main/java/com/bazi/fullystocked/Services/Implementations/StoredArticlesServiceImpl.java	(revision 154b74c8ddba87062870cfc12c487f0ccfbc82bd)
+++ FullyStocked/src/main/java/com/bazi/fullystocked/Services/Implementations/StoredArticlesServiceImpl.java	(revision e278ff894cd227f8877b2c3c6ab48a7cef81450c)
@@ -62,3 +62,7 @@
         return articlesReportRepository.findAllByLocationid(locationId);
     }
+    public Optional<ArticlesReport> findById(Integer id)
+    {
+        return articlesReportRepository.findById(id);
+    }
 }
Index: FullyStocked/src/main/java/com/bazi/fullystocked/Services/StoredArticlesService.java
===================================================================
--- FullyStocked/src/main/java/com/bazi/fullystocked/Services/StoredArticlesService.java	(revision 154b74c8ddba87062870cfc12c487f0ccfbc82bd)
+++ FullyStocked/src/main/java/com/bazi/fullystocked/Services/StoredArticlesService.java	(revision e278ff894cd227f8877b2c3c6ab48a7cef81450c)
@@ -12,3 +12,5 @@
     Optional<StoredArticles> updateFromOrder(Integer oarticleid);
     List<ArticlesReport> findByLocation(Integer locationId);
+    Optional<ArticlesReport> findById(Integer id);
+
 }
Index: FullyStocked/src/main/resources/templates/articles.html
===================================================================
--- FullyStocked/src/main/resources/templates/articles.html	(revision e278ff894cd227f8877b2c3c6ab48a7cef81450c)
+++ FullyStocked/src/main/resources/templates/articles.html	(revision e278ff894cd227f8877b2c3c6ab48a7cef81450c)
@@ -0,0 +1,102 @@
+<!DOCTYPE html>
+<html lang="en" xmlns:sec="http://www.w3.org/1999/xhtml">
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
+
+<head>
+    <meta charset="UTF-8">
+    <title>Title</title>
+</head>
+<body>
+<nav class="navbar navbar-expand-md navbar-dark bg-dark">
+  <div class="container">
+    <a class="navbar-brand" href="/homeWorker">FULLYSTOCKED</a>
+    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault"
+            aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
+
+    <div class="collapse navbar-collapse justify-content-end" id="navbarsExampleDefault">
+      <ul class="navbar-nav m-auto">
+        <li class="nav-item m-auto">
+          <a class="nav-link active" href="#">Преглед на магацинот</a>
+        </li>
+        <li class="nav-item m-auto">
+          <a class="nav-link active" href="#">Постави прашање</a>
+        </li>
+        <li class="nav-item m-auto">
+          <a class="nav-link active" href="#">Погледни одговори</a>
+        </li>
+        <li class="nav-item m-auto">
+          <a class="nav-link active" href="#">Креирај фактура</a>
+        </li>
+      </ul>
+
+      <ul class="nav navbar-nav navbar-right">
+
+        <li class="nav-item">
+          <a class="btn btn-light btn-sm ml-3" href="/logout">
+            <i class="fa fa-shopping-cart"></i> Logout
+          </a>
+        </li>
+      </ul>
+    </div>
+  </div>
+</nav>
+<div class="d-flex justify-content-center">
+<h2 class="m-2">Артикли</h2>
+</div>
+<table class="table">
+  <thead>
+  <tr>
+    <th>
+      Слика
+    </th>
+    <th>
+      Име
+    </th>
+    <th>
+      Количина
+    </th>
+    <th>
+
+    </th>
+  </tr>
+  </thead>
+  <tbody>
+  <tr th:each="article : ${articles}">
+
+    <td>
+      <img style="width:300px; max-height:200px " th:src="${article.getImageurl()}">
+    </td>
+    <td th:text="${article.getArticlename()}" class="link">
+    </td>
+    <td th:text="${article.getQuantity()}" class="link1">
+    </td>
+
+    <td>
+      <form th:action="@{'/worker/articles/details/{id}' (id=${article.getSarticleid()})} " th:method="GET">
+      <button class="btn btn-primary" >Детален преглед</button>
+      </form>
+
+    </td>
+
+  </tr>
+  </tbody>
+
+</table>
+<style>
+  .link {
+    font-size: 20px;
+  }
+
+  .link1 {
+    font-size: 18px;
+  }
+
+  th {
+    font-size: 16px;
+  }
+
+</style>
+</body>
+</html>
Index: FullyStocked/src/main/resources/templates/detailsArticle.html
===================================================================
--- FullyStocked/src/main/resources/templates/detailsArticle.html	(revision e278ff894cd227f8877b2c3c6ab48a7cef81450c)
+++ FullyStocked/src/main/resources/templates/detailsArticle.html	(revision e278ff894cd227f8877b2c3c6ab48a7cef81450c)
@@ -0,0 +1,73 @@
+<!DOCTYPE html>
+<html lang="en">
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
+
+<head>
+    <meta charset="UTF-8">
+    <title>Details</title>
+</head>
+<body>
+<nav class="navbar navbar-expand-md navbar-dark bg-dark">
+  <div class="container">
+    <a class="navbar-brand" href="/homeWorker">FULLYSTOCKED</a>
+    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault"
+            aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
+
+    <div class="collapse navbar-collapse justify-content-end" id="navbarsExampleDefault">
+      <ul class="navbar-nav m-auto">
+        <li class="nav-item m-auto">
+          <a class="nav-link active" href="#">Преглед на магацинот</a>
+        </li>
+        <li class="nav-item m-auto">
+          <a class="nav-link active" href="#">Постави прашање</a>
+        </li>
+        <li class="nav-item m-auto">
+          <a class="nav-link active" href="#">Погледни одговори</a>
+        </li>
+        <li class="nav-item m-auto">
+          <a class="nav-link active" href="#">Креирај фактура</a>
+        </li>
+      </ul>
+
+      <ul class="nav navbar-nav navbar-right">
+
+        <li class="nav-item">
+          <a class="btn btn-light btn-sm ml-3" href="/logout">
+            <i class="fa fa-shopping-cart"></i> Logout
+          </a>
+        </li>
+      </ul>
+    </div>
+  </div>
+</nav>
+<div class="container mt-2">
+  <div class="row">
+    <div class="col-md-5">
+      <div class="project-info-box mt-0">
+        <h5 th:text="${article.getArticlename()}"></h5>
+        <p class="mb-0" th:text="${article.getDescription()}"></p>
+        <hr>
+      </div><!-- / project-info-box -->
+
+      <div class="project-info-box">
+        <p><b>Локација: </b><span th:text="${article.getLocationname()}"></span></p>
+        <p><b>Количина: </b><span th:text="${article.getQuantity()}"></span></p>
+      </div><!-- / project-info-box -->
+
+      <div class="project-info-box mt-0 mb-0">
+        <p class="mb-0">
+          <a class="btn btn-danger" href="/worker/articles" role="button">&laquo; Назад</a>
+
+        </p>
+      </div><!-- / project-info-box -->
+    </div><!-- / column -->
+
+    <div class="col-md-7 mt-3">
+      <img th:src="${article.getImageurl()}" alt="project-image" class="rounded img-fluid">
+  </div>
+</div>
+</div>
+</body>
+</html>
Index: FullyStocked/src/main/resources/templates/homeManager.html
===================================================================
--- FullyStocked/src/main/resources/templates/homeManager.html	(revision 154b74c8ddba87062870cfc12c487f0ccfbc82bd)
+++ FullyStocked/src/main/resources/templates/homeManager.html	(revision e278ff894cd227f8877b2c3c6ab48a7cef81450c)
@@ -11,5 +11,5 @@
 <nav class="navbar navbar-expand-md navbar-dark bg-dark">
   <div class="container">
-    <a class="navbar-brand" href="/">FULLYSTOCKED</a>
+    <a class="navbar-brand" href="/homeManager">FULLYSTOCKED</a>
     <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault"
             aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
Index: FullyStocked/src/main/resources/templates/homeSupplier.html
===================================================================
--- FullyStocked/src/main/resources/templates/homeSupplier.html	(revision 154b74c8ddba87062870cfc12c487f0ccfbc82bd)
+++ FullyStocked/src/main/resources/templates/homeSupplier.html	(revision e278ff894cd227f8877b2c3c6ab48a7cef81450c)
@@ -11,5 +11,5 @@
 <nav class="navbar navbar-expand-md navbar-dark bg-dark">
   <div class="container">
-    <a class="navbar-brand" href="/">FULLYSTOCKED</a>
+    <a class="navbar-brand" href="/homeSupplier">FULLYSTOCKED</a>
     <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault"
             aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
Index: FullyStocked/src/main/resources/templates/homeWorker.html
===================================================================
--- FullyStocked/src/main/resources/templates/homeWorker.html	(revision 154b74c8ddba87062870cfc12c487f0ccfbc82bd)
+++ FullyStocked/src/main/resources/templates/homeWorker.html	(revision e278ff894cd227f8877b2c3c6ab48a7cef81450c)
@@ -11,5 +11,5 @@
 <nav class="navbar navbar-expand-md navbar-dark bg-dark">
   <div class="container">
-    <a class="navbar-brand" href="/">FULLYSTOCKED</a>
+    <a class="navbar-brand" href="/homeWorker">FULLYSTOCKED</a>
     <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault"
             aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
@@ -20,5 +20,5 @@
       <ul class="navbar-nav m-auto">
         <li class="nav-item m-auto">
-          <a class="nav-link active" href="#">Преглед на магацинот</a>
+          <a class="nav-link active" href="/worker/articles">Преглед на магацинот</a>
         </li>
         <li class="nav-item m-auto">
