Merge pull request #20 from sukhlotey/master

Application and files
GreatDevelopers · Dec 27, 2024 · 4f716fb · 4f716fb
2 parents 421948b + 33ba152
commit 4f716fb
Show file tree

Hide file tree

Showing 93 changed files with 228 additions and 27 deletions.
diff --git a/Sukhpreet/403.html b/Sukhpreet/403.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>403 Forbidden</title>
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+            background-color: #f4f4f4;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            height: 100vh;
+            margin: 0;
+        }
+        .error-container {
+            text-align: center;
+        }
+        img{
+           mix-blend-mode: color-burn;
+        }
+        h1 {
+            font-size: 5rem;
+            color: #ff6347;
+        }
+        p {
+            font-size: 1.5rem;
+        }
+    </style>
+</head>
+<body>
+    <div class="error-container">
+        <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQ_fWKE_gfefjciX4CgWEuph_UJRQX9w2cHkCSgzC88YL0DkFCNaLMcKf6_l-Ra1S2hmIo&usqp=CAU" alt="forbidden">
+        <h1>403 Forbidden</h1>
+        <p>Sorry, you don't have access to this page.</p>
+    </div>
+</body>
+</html>
diff --git a/Sukhpreet/404.html b/Sukhpreet/404.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>404 Not Found</title>
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+            background-color: #f2f2f2;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            height: 100vh;
+            margin: 0;
+        }
+        .error-container {
+            text-align: center;
+        }
+
+        p {
+            font-size: 1.5rem;
+        }
+        a {
+            text-decoration: underline;
+            color: #ff6347;
+            font-size: 1.2rem;
+        }
+    </style>
+</head>
+<body>
+    <div class="error-container">
+        <img src="https://cdni.iconscout.com/illustration/premium/thumb/404-error-illustration-download-in-svg-png-gif-file-formats--web-message-missing-content-http-business-pack-industry-illustrations-8194728.png" alt="404">
+        <p>Sorry, the page you are looking for does not exist.</p>
+        <a href="/">Go back to Home</a>
+    </div>
+</body>
+</html>
diff --git a/Sukhpreet/NGINX-topics.md b/Sukhpreet/NGINX-topics.md
@@ -61,9 +61,12 @@ Now open on browser to see default welcome page for nginx server by:
 * sudo systemctl reload nginx
 #### Here is the demo of Error pages
 ### 403 Forbidden error
+- [403 File](403.html)
 ![Screenshot from 2024-10-05 01-52-44](https://github.com/user-attachments/assets/79859f90-d529-4039-a289-091eb75c3f3a)
 
 ### 404 Not Found error
+- [404 File](404.html)
+
 ![Screenshot from 2024-10-05 01-49-05](https://github.com/user-attachments/assets/b1c7ac16-aa1d-4dac-8e25-94e1620194ea)
 
 ************************************************

diff --git a/Sukhpreet/books_management/books_management/__pycache__/api.cpython-312.pyc b/Sukhpreet/books_management/books_management/__pycache__/api.cpython-312.pyc
diff --git a/Sukhpreet/books_management/README.md → books_management/README.md b/Sukhpreet/books_management/README.md → books_management/README.md
diff --git a/...s_management/books_management/__init__.py → ...s_management/books_management/__init__.py b/...s_management/books_management/__init__.py → ...s_management/books_management/__init__.py
diff --git a/...ment/__pycache__/__init__.cpython-312.pyc → ...ment/__pycache__/__init__.cpython-312.pyc b/...ment/__pycache__/__init__.cpython-312.pyc → ...ment/__pycache__/__init__.cpython-312.pyc
diff --git a/books_management/books_management/__pycache__/api.cpython-312.pyc b/books_management/books_management/__pycache__/api.cpython-312.pyc
diff --git a/...agement/__pycache__/hooks.cpython-312.pyc → ...agement/__pycache__/hooks.cpython-312.pyc b/...agement/__pycache__/hooks.cpython-312.pyc → ...agement/__pycache__/hooks.cpython-312.pyc
diff --git a/.../books_management/books_management/api.py → books_management/books_management/api.py b/.../books_management/books_management/api.py → books_management/books_management/api.py
@@ -1,7 +1,7 @@
 import frappe
 
-@frappe.whitelist(allow_guest=True)  
+@frappe.whitelist()
 def user_role():
     user = frappe.session.user
     roles = frappe.get_roles(user)
-    return {"is_librarian": "Librarian" in roles}
+    return {"role": "Librarian" if "Librarian" in roles else "Member"}
diff --git a/...s_management/books_management/__init__.py → ...s_management/books_management/__init__.py b/...s_management/books_management/__init__.py → ...s_management/books_management/__init__.py
diff --git a/...ment/__pycache__/__init__.cpython-312.pyc → ...ment/__pycache__/__init__.cpython-312.pyc b/...ment/__pycache__/__init__.cpython-312.pyc → ...ment/__pycache__/__init__.cpython-312.pyc
diff --git a/...ment/books_management/doctype/__init__.py → ...ment/books_management/doctype/__init__.py b/...ment/books_management/doctype/__init__.py → ...ment/books_management/doctype/__init__.py
diff --git a/...type/__pycache__/__init__.cpython-312.pyc → ...type/__pycache__/__init__.cpython-312.pyc b/...type/__pycache__/__init__.cpython-312.pyc → ...type/__pycache__/__init__.cpython-312.pyc
diff --git a/...books_management/doctype/book/__init__.py → ...books_management/doctype/book/__init__.py b/...books_management/doctype/book/__init__.py → ...books_management/doctype/book/__init__.py
diff --git a/...book/__pycache__/__init__.cpython-312.pyc → ...book/__pycache__/__init__.cpython-312.pyc b/...book/__pycache__/__init__.cpython-312.pyc → ...book/__pycache__/__init__.cpython-312.pyc
diff --git a/...ype/book/__pycache__/book.cpython-312.pyc → ...ype/book/__pycache__/book.cpython-312.pyc b/...ype/book/__pycache__/book.cpython-312.pyc → ...ype/book/__pycache__/book.cpython-312.pyc
diff --git a/...ent/books_management/doctype/book/book.js → ...ent/books_management/doctype/book/book.js b/...ent/books_management/doctype/book/book.js → ...ent/books_management/doctype/book/book.js
diff --git a/...t/books_management/doctype/book/book.json → ...t/books_management/doctype/book/book.json b/...t/books_management/doctype/book/book.json → ...t/books_management/doctype/book/book.json
@@ -82,7 +82,7 @@
  "index_web_pages_for_search": 1,
  "is_published_field": "published",
  "links": [],
- "modified": "2024-12-20 03:52:47.223028",
+ "modified": "2024-12-25 00:13:39.714397",
  "modified_by": "Administrator",
  "module": "Books Management",
  "name": "Book",

diff --git a/...ent/books_management/doctype/book/book.py → ...ent/books_management/doctype/book/book.py b/...ent/books_management/doctype/book/book.py → ...ent/books_management/doctype/book/book.py
diff --git a/...nagement/doctype/book/templates/book.html → ...nagement/doctype/book/templates/book.html b/...nagement/doctype/book/templates/book.html → ...nagement/doctype/book/templates/book.html
diff --git a/...ment/doctype/book/templates/book_row.html → ...ment/doctype/book/templates/book_row.html b/...ment/doctype/book/templates/book_row.html → ...ment/doctype/book/templates/book_row.html
diff --git a/...ooks_management/doctype/book/test_book.py → ...ooks_management/doctype/book/test_book.py b/...ooks_management/doctype/book/test_book.py → ...ooks_management/doctype/book/test_book.py
diff --git a/...gement/doctype/library_member/__init__.py → ...gement/doctype/library_member/__init__.py b/...gement/doctype/library_member/__init__.py → ...gement/doctype/library_member/__init__.py
diff --git a/...mber/__pycache__/__init__.cpython-312.pyc → ...mber/__pycache__/__init__.cpython-312.pyc b/...mber/__pycache__/__init__.cpython-312.pyc → ...mber/__pycache__/__init__.cpython-312.pyc
diff --git a/..._pycache__/library_member.cpython-312.pyc → ..._pycache__/library_member.cpython-312.pyc b/..._pycache__/library_member.cpython-312.pyc → ..._pycache__/library_member.cpython-312.pyc
diff --git a/.../doctype/library_member/library_member.js → .../doctype/library_member/library_member.js b/.../doctype/library_member/library_member.js → .../doctype/library_member/library_member.js
diff --git a/...octype/library_member/library_member.json → ...octype/library_member/library_member.json b/...octype/library_member/library_member.json → ...octype/library_member/library_member.json
diff --git a/.../doctype/library_member/library_member.py → .../doctype/library_member/library_member.py b/.../doctype/library_member/library_member.py → .../doctype/library_member/library_member.py
diff --git a/...ype/library_member/test_library_member.py → ...ype/library_member/test_library_member.py b/...ype/library_member/test_library_member.py → ...ype/library_member/test_library_member.py
diff --git a/...nt/doctype/library_membership/__init__.py → ...nt/doctype/library_membership/__init__.py b/...nt/doctype/library_membership/__init__.py → ...nt/doctype/library_membership/__init__.py
diff --git a/...ship/__pycache__/__init__.cpython-312.pyc → ...ship/__pycache__/__init__.cpython-312.pyc b/...ship/__pycache__/__init__.cpython-312.pyc → ...ship/__pycache__/__init__.cpython-312.pyc
diff --git a/...ache__/library_membership.cpython-312.pyc → ...ache__/library_membership.cpython-312.pyc b/...ache__/library_membership.cpython-312.pyc → ...ache__/library_membership.cpython-312.pyc
diff --git a/.../library_membership/library_membership.js → .../library_membership/library_membership.js b/.../library_membership/library_membership.js → .../library_membership/library_membership.js
diff --git a/...ibrary_membership/library_membership.json → ...ibrary_membership/library_membership.json b/...ibrary_membership/library_membership.json → ...ibrary_membership/library_membership.json
diff --git a/.../library_membership/library_membership.py → .../library_membership/library_membership.py b/.../library_membership/library_membership.py → .../library_membership/library_membership.py
diff --git a/...ary_membership/test_library_membership.py → ...ary_membership/test_library_membership.py b/...ary_membership/test_library_membership.py → ...ary_membership/test_library_membership.py
diff --git a/...t/doctype/library_transaction/__init__.py → ...t/doctype/library_transaction/__init__.py b/...t/doctype/library_transaction/__init__.py → ...t/doctype/library_transaction/__init__.py
diff --git a/...tion/__pycache__/__init__.cpython-312.pyc → ...tion/__pycache__/__init__.cpython-312.pyc b/...tion/__pycache__/__init__.cpython-312.pyc → ...tion/__pycache__/__init__.cpython-312.pyc
diff --git a/...che__/library_transaction.cpython-312.pyc → ...che__/library_transaction.cpython-312.pyc b/...che__/library_transaction.cpython-312.pyc → ...che__/library_transaction.cpython-312.pyc
diff --git a/...ibrary_transaction/library_transaction.js → ...ibrary_transaction/library_transaction.js b/...ibrary_transaction/library_transaction.js → ...ibrary_transaction/library_transaction.js
diff --git a/...rary_transaction/library_transaction.json → ...rary_transaction/library_transaction.json b/...rary_transaction/library_transaction.json → ...rary_transaction/library_transaction.json
diff --git a/...ibrary_transaction/library_transaction.py → ...ibrary_transaction/library_transaction.py b/...ibrary_transaction/library_transaction.py → ...ibrary_transaction/library_transaction.py
diff --git a/...y_transaction/test_library_transaction.py → ...y_transaction/test_library_transaction.py b/...y_transaction/test_library_transaction.py → ...y_transaction/test_library_transaction.py
diff --git a/...ement/books_management/config/__init__.py → ...ement/books_management/config/__init__.py b/...ement/books_management/config/__init__.py → ...ement/books_management/config/__init__.py
diff --git a/...ooks_management/books_management/hooks.py → books_management/books_management/hooks.py b/...ooks_management/books_management/hooks.py → books_management/books_management/hooks.py
diff --git a/...s_management/books_management/modules.txt → ...s_management/books_management/modules.txt b/...s_management/books_management/modules.txt → ...s_management/books_management/modules.txt
diff --git a/...s_management/books_management/patches.txt → ...s_management/books_management/patches.txt b/...s_management/books_management/patches.txt → ...s_management/books_management/patches.txt
diff --git a/...anagement/public/assets/index-2YyZSzgJ.js → ...anagement/public/assets/index-2YyZSzgJ.js b/...anagement/public/assets/index-2YyZSzgJ.js → ...anagement/public/assets/index-2YyZSzgJ.js
diff --git a/...nagement/public/assets/index-B8Ssrk81.css → ...nagement/public/assets/index-B8Ssrk81.css b/...nagement/public/assets/index-B8Ssrk81.css → ...nagement/public/assets/index-B8Ssrk81.css
diff --git a/...anagement/public/assets/index-BJWFGwED.js → ...anagement/public/assets/index-BJWFGwED.js b/...anagement/public/assets/index-BJWFGwED.js → ...anagement/public/assets/index-BJWFGwED.js
diff --git a/...anagement/public/assets/index-BjjIly3Z.js → ...anagement/public/assets/index-BjjIly3Z.js b/...anagement/public/assets/index-BjjIly3Z.js → ...anagement/public/assets/index-BjjIly3Z.js
diff --git a/...nagement/public/assets/index-Bp1t4rtP.css → ...nagement/public/assets/index-Bp1t4rtP.css b/...nagement/public/assets/index-Bp1t4rtP.css → ...nagement/public/assets/index-Bp1t4rtP.css
diff --git a/...nagement/public/assets/index-C6G_3qQV.css → ...nagement/public/assets/index-C6G_3qQV.css b/...nagement/public/assets/index-C6G_3qQV.css → ...nagement/public/assets/index-C6G_3qQV.css
diff --git a/...nagement/public/assets/index-CNcpBPoF.css → ...nagement/public/assets/index-CNcpBPoF.css b/...nagement/public/assets/index-CNcpBPoF.css → ...nagement/public/assets/index-CNcpBPoF.css
diff --git a/...nagement/public/assets/index-CRq7cgSK.css → ...nagement/public/assets/index-CRq7cgSK.css b/...nagement/public/assets/index-CRq7cgSK.css → ...nagement/public/assets/index-CRq7cgSK.css
diff --git a/...nagement/public/assets/index-CWkQ5Isi.css → ...nagement/public/assets/index-CWkQ5Isi.css b/...nagement/public/assets/index-CWkQ5Isi.css → ...nagement/public/assets/index-CWkQ5Isi.css
diff --git a/...anagement/public/assets/index-CpGHhqpI.js → ...anagement/public/assets/index-CpGHhqpI.js b/...anagement/public/assets/index-CpGHhqpI.js → ...anagement/public/assets/index-CpGHhqpI.js
diff --git a/...anagement/public/assets/index-CqYQ2v1v.js → ...anagement/public/assets/index-CqYQ2v1v.js b/...anagement/public/assets/index-CqYQ2v1v.js → ...anagement/public/assets/index-CqYQ2v1v.js
diff --git a/...anagement/public/assets/index-CyBArv3T.js → ...anagement/public/assets/index-CyBArv3T.js b/...anagement/public/assets/index-CyBArv3T.js → ...anagement/public/assets/index-CyBArv3T.js
diff --git a/...anagement/public/assets/index-D3ZwJI9U.js → ...anagement/public/assets/index-D3ZwJI9U.js b/...anagement/public/assets/index-D3ZwJI9U.js → ...anagement/public/assets/index-D3ZwJI9U.js
diff --git a/...anagement/public/assets/index-DeNrW6oi.js → ...anagement/public/assets/index-DeNrW6oi.js b/...anagement/public/assets/index-DeNrW6oi.js → ...anagement/public/assets/index-DeNrW6oi.js
diff --git a/...anagement/public/assets/index-DjKp3oKT.js → ...anagement/public/assets/index-DjKp3oKT.js b/...anagement/public/assets/index-DjKp3oKT.js → ...anagement/public/assets/index-DjKp3oKT.js
diff --git a/...anagement/public/assets/index-Dpn3oMli.js → ...anagement/public/assets/index-Dpn3oMli.js b/...anagement/public/assets/index-Dpn3oMli.js → ...anagement/public/assets/index-Dpn3oMli.js
diff --git a/...anagement/public/assets/index-DsTI_1AX.js → ...anagement/public/assets/index-DsTI_1AX.js b/...anagement/public/assets/index-DsTI_1AX.js → ...anagement/public/assets/index-DsTI_1AX.js
diff --git a/...anagement/public/assets/index-DzM6ZZpX.js → ...anagement/public/assets/index-DzM6ZZpX.js b/...anagement/public/assets/index-DzM6ZZpX.js → ...anagement/public/assets/index-DzM6ZZpX.js
diff --git a/...anagement/public/assets/index-GtyGBwWy.js → ...anagement/public/assets/index-GtyGBwWy.js b/...anagement/public/assets/index-GtyGBwWy.js → ...anagement/public/assets/index-GtyGBwWy.js
diff --git a/...anagement/public/assets/index-RFd_Pm9s.js → ...anagement/public/assets/index-RFd_Pm9s.js b/...anagement/public/assets/index-RFd_Pm9s.js → ...anagement/public/assets/index-RFd_Pm9s.js
diff --git a/...anagement/public/assets/index-RufQmzl9.js → ...anagement/public/assets/index-RufQmzl9.js b/...anagement/public/assets/index-RufQmzl9.js → ...anagement/public/assets/index-RufQmzl9.js
diff --git a/...anagement/public/assets/index-TOf8baf5.js → ...anagement/public/assets/index-TOf8baf5.js b/...anagement/public/assets/index-TOf8baf5.js → ...anagement/public/assets/index-TOf8baf5.js
diff --git a/...anagement/public/assets/index-YPnsaPU6.js → ...anagement/public/assets/index-YPnsaPU6.js b/...anagement/public/assets/index-YPnsaPU6.js → ...anagement/public/assets/index-YPnsaPU6.js
diff --git a/...anagement/public/assets/index-ud0wURZ9.js → ...anagement/public/assets/index-ud0wURZ9.js b/...anagement/public/assets/index-ud0wURZ9.js → ...anagement/public/assets/index-ud0wURZ9.js
diff --git a/...gement/books_management/public/index.html → ...gement/books_management/public/index.html b/...gement/books_management/public/index.html → ...gement/books_management/public/index.html
diff --git a/...nt/books_management/templates/__init__.py → ...nt/books_management/templates/__init__.py b/...nt/books_management/templates/__init__.py → ...nt/books_management/templates/__init__.py
diff --git a/...ks_management/templates/pages/__init__.py → ...ks_management/templates/pages/__init__.py b/...ks_management/templates/pages/__init__.py → ...ks_management/templates/pages/__init__.py
diff --git a/...gement/www/dist/assets/index-B8Ssrk81.css → ...gement/www/dist/assets/index-B8Ssrk81.css b/...gement/www/dist/assets/index-B8Ssrk81.css → ...gement/www/dist/assets/index-B8Ssrk81.css
diff --git a/...agement/www/dist/assets/index-DzM6ZZpX.js → ...agement/www/dist/assets/index-DzM6ZZpX.js b/...agement/www/dist/assets/index-DzM6ZZpX.js → ...agement/www/dist/assets/index-DzM6ZZpX.js
diff --git a/...ment/books_management/www/dist/index.html → ...ment/books_management/www/dist/index.html b/...ment/books_management/www/dist/index.html → ...ment/books_management/www/dist/index.html
diff --git a/...anagement/books_management/www/index.html → ...anagement/books_management/www/index.html b/...anagement/books_management/www/index.html → ...anagement/books_management/www/index.html
diff --git a/...nt/books_management/www/package-lock.json → ...nt/books_management/www/package-lock.json b/...nt/books_management/www/package-lock.json → ...nt/books_management/www/package-lock.json
diff --git a/...agement/books_management/www/package.json → ...agement/books_management/www/package.json b/...agement/books_management/www/package.json → ...agement/books_management/www/package.json
diff --git a/...nagement/books_management/www/src/App.vue → ...nagement/books_management/www/src/App.vue b/...nagement/books_management/www/src/App.vue → ...nagement/books_management/www/src/App.vue
diff --git a/...management/www/src/components/AddBook.vue → ...management/www/src/components/AddBook.vue b/...management/www/src/components/AddBook.vue → ...management/www/src/components/AddBook.vue
diff --git a/...gement/www/src/components/BookDetails.vue → ...gement/www/src/components/BookDetails.vue b/...gement/www/src/components/BookDetails.vue → ...gement/www/src/components/BookDetails.vue
diff --git a/...anagement/www/src/components/BookList.vue → ...anagement/www/src/components/BookList.vue b/...anagement/www/src/components/BookList.vue → ...anagement/www/src/components/BookList.vue
@@ -1,4 +1,5 @@
 <template>
+  <h2 class="title">Books</h2>
   <div class="container-books">
     <div class="search-container">
       <input
@@ -10,9 +11,15 @@
     </div>
 
     <button v-if="isLibrarian" class="add-btn-toggle" @click="toggleForm">
-      {{ showForm ? "+Add Book" : "+Add Book" }}
+      {{ showForm ? "Close Form" : "+Add Book" }}
     </button>
 
+     <div class="latest-btn-direction">
+       <button class="latest-books-btn" @click="toggleLatestBooksModal">
+         Show Latest Books
+        </button>
+      </div>
+
     <div class="book-list">
       <div v-if="showForm" class="modal-overlay" @click.self="toggleForm">
         <div class="modal-content">
@@ -25,7 +32,7 @@
         v-for="book in paginatedBooks"
         :key="book.name"
         class="book-card"
-        @click="navigateToBookDetails(book.name)" 
+        @click="navigateToBookDetails(book.name)"
       >
         <img :src="book.image" alt="Book Image" v-if="book.image" />
         <div>
@@ -46,6 +53,22 @@
       </div>
     </div>
   </div>
+
+  <div v-if="showLatestBooksModal" class="modal-overlay" @click.self="toggleLatestBooksModal">
+    <div class="modal-content">
+      <button class="close-button" @click="toggleLatestBooksModal">✖</button>
+      <h3 class="btn-latest">Latest Books</h3>
+      <ol class="latest-list-ol">
+        <li v-for="book in latestBooks" :key="book.name">
+          <img :src="book.image" alt="Book Image" v-if="book.image" class="latest-cover-book"/>
+          <div class="latest-content">
+            <strong>{{ book.name }}</strong> <br> by {{ book.author || "Unknown" }}
+          </div>
+
+        </li>
+      </ol>
+    </div>
+  </div>
 </template>
 
 <script>
@@ -60,10 +83,12 @@ export default {
   data() {
     return {
       books: [],
-      searchQuery: "", 
+      searchQuery: "",
       showForm: false,
-      displayedBooksCount: 10, 
-      isLibrarian: false, 
+      displayedBooksCount: 10,
+      isLibrarian: false,
+      showLatestBooksModal: false,
+      latestBooks: [], 
     };
   },
   computed: {
@@ -85,8 +110,11 @@ export default {
   },
   mounted() {
     this.fetchBooks();
-    this.checkIfLibrarian(); 
+    this.checkIfLibrarian();
   },
+  created() {
+  this.checkIfLibrarian();
+},
   methods: {
     async fetchBooks() {
       try {
@@ -114,30 +142,64 @@ export default {
       this.showForm = !this.showForm;
     },
     handleBookAdded() {
-      this.fetchBooks(); 
-      this.toggleForm(); 
+      this.fetchBooks();
+      this.toggleForm();
     },
     navigateToBookDetails(bookId) {
-      this.$router.push(`/book/${bookId}`); 
+      this.$router.push(`/book/${bookId}`);
     },
     loadMoreBooks() {
-      this.displayedBooksCount += 10; 
+      this.displayedBooksCount += 10;
     },
     async checkIfLibrarian() {
       try {
-        const response = await axios.get("http://books.localhost:8002/api/method/books_management.api.user_role");
-        if (response.data.role === "Librarian") {
-          this.isLibrarian = true; 
-        }
+        const response = await axios.get(
+          "http://books.localhost:8002/api/method/books_management.api.user_role",{
+      headers: {
+        Authorization: `token 28b908dbf65367b:f4ef14fb1da5c14`,
+      },
+    }
+        );
+        console.log("API Response:", response.data);
+        if (response.data.message.role === "Librarian") {
+          this.isLibrarian = true;
+          console.log("User is a Librarian:", this.isLibrarian);
+
+        }else {
+      console.log("User is not a Librarian:", this.isLibrarian);
+    }
       } catch (error) {
         console.error("Error checking user role:", error);
+        alert("You do not have permission to access this resource.");
+      }
+    },
+    toggleLatestBooksModal() {
+      this.showLatestBooksModal = !this.showLatestBooksModal;
+      if (this.showLatestBooksModal) {
+        this.fetchLatestBooks();
+      }
+    },
+    async fetchLatestBooks() {
+      try {
+        const response = await axios.get(
+          "http://books.localhost:8002/api/resource/Book",
+          {
+            params: {
+              fields: JSON.stringify(["name", "author","image"]),
+              order_by: "creation desc", 
+              limit_page_length: 5, 
+            },
+          }
+        );
+        this.latestBooks = response.data.data;
+      } catch (error) {
+        console.error("Error fetching latest books:", error);
       }
     },
   },
 };
 </script>
 
-
 <style>
 body {
   background-color: #121212; 
@@ -146,6 +208,10 @@ body {
   margin: 0;
   padding: 0;
 }
+.title{
+  text-align: center;
+  font-size: xx-large;
+}
 .container-books{
   margin-right:20%;
   margin-left: 20%; 
@@ -209,7 +275,7 @@ body {
   margin-top: 2px;
   cursor: pointer;
 }
-.modal-overlay {
+.modal-overlayy {
   position: fixed;
   top: 0;
   left: 0;
@@ -267,7 +333,7 @@ body {
   color: #bbb;
 }
 .load-more-btn {
-  background-color: #3f418c;
+  background-color: #1e1e1e;
   color: #fff;
   border: none;
   padding: 10px 20px;
@@ -277,22 +343,77 @@ body {
 }
 
 .load-more-btn:hover {
-  background-color: #2d4e95;
+  background-color: #4c4646;
+}
+.modal-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.5);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.latest-list-ol li{
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  border-bottom: 2px solid #121212;
+}
+.latest-list-ol{
+ margin: 0;
+}
+.latest-content{
+  display:inline-block;
+  align-items: center;
+}
+.modal-content {
+  background: #1e1e1e;
+  padding: 20px;
+  border-radius: 8px;
+  width: 400px;
+}
+.latest-cover-book{
+  width: 100px;
+  margin-bottom: 5px;
+  border-radius: 5px;
+}
+.close-button {
+  background: none;
+  border: none;
+  font-size: 20px;
+  cursor: pointer;
+  float: right;
 }
 
+.latest-books-btn {
+  margin-top: 10px;
+  padding: 10px 20px;
+  background-color: #1e1e1e;
+  color: white;
+  border: none;
+  cursor: pointer;
+  border-radius: 5px;
+}
+.latest-btn-direction{
+  text-align: end;
+}
+.latest-books-btn:hover {
+  background-color: #4c4646;
+}
 @media screen and (max-width: 768px) {
   .book-card {
-    flex: 1 1 calc(33.333% - 15px); 
-    max-width: calc(33.333% - 15px);
+    width: 100%;
+    overflow:scroll;
   }
 }
 
 @media screen and (max-width: 480px) {
   .book-card {
-    flex: 1 1 calc(50% - 15px); 
-    max-width: calc(50% - 15px);
+    width: 100%;
+    overflow:scroll;
   }
 }
-
-
 </style>
diff --git a/...ement/books_management/www/src/index.html → ...ement/books_management/www/src/index.html b/...ement/books_management/www/src/index.html → ...ement/books_management/www/src/index.html
diff --git a/...nagement/books_management/www/src/main.js → ...nagement/books_management/www/src/main.js b/...nagement/books_management/www/src/main.js → ...nagement/books_management/www/src/main.js
diff --git a/...gement/books_management/www/src/router.js → ...gement/books_management/www/src/router.js b/...gement/books_management/www/src/router.js → ...gement/books_management/www/src/router.js
diff --git a/...ement/books_management/www/src/styles.css → ...ement/books_management/www/src/styles.css b/...ement/books_management/www/src/styles.css → ...ement/books_management/www/src/styles.css
diff --git a/...t/books_management/www/tailwind.config.js → ...t/books_management/www/tailwind.config.js b/...t/books_management/www/tailwind.config.js → ...t/books_management/www/tailwind.config.js
diff --git a/...ement/books_management/www/vite.config.js → ...ement/books_management/www/vite.config.js b/...ement/books_management/www/vite.config.js → ...ement/books_management/www/vite.config.js
diff --git a/Sukhpreet/books_management/license.txt → books_management/license.txt b/Sukhpreet/books_management/license.txt → books_management/license.txt
diff --git a/Sukhpreet/books_management/pyproject.toml → books_management/pyproject.toml b/Sukhpreet/books_management/pyproject.toml → books_management/pyproject.toml