feat: add possibility to see others #61

To see others go to dashboard, users.

Author: bayang

Diff for: src/jelu-ui/src/assets/style.css

@@ -194,6 +194,11 @@
   width: min(900px, 85vw);
 }
 
+.review-book-card {
+  @apply h-72;
+  width: min(300px, 85vw);
+}
+
 .small-cover {
     @apply w-28;
   }

Diff for: src/jelu-ui/src/components/AdminBase.vue

@@ -21,10 +21,11 @@ const items = ref([{ name:t('settings.profile'), tooltip:t('settings.my_profile'
                 { name:t('settings.imports'), icon:"bxs-file-plus", href:"/profile/imports", tooltip: t('settings.csv_import') },
                 { name:t('settings.messages'), icon:"bxs-message-alt-detail", href:"/profile/messages" },
                 { name:t('settings.stats'), icon:"bxs-chart", href:"/profile/stats", tooltip: t('settings.stats') },
+                { name:t('settings.users'), icon:"bxs-user-detail", href:"/profile/users", tooltip: t('settings.users') }
                 ])
 
 if (store.getters.isAdmin && store.getters.getUser != null && store.getters.getUser.provider !== Provider.PROXY) {
-  items.value.push({ name:t('settings.users'), icon:"bxs-user-plus", href:"/profile/admin/users", tooltip: t('settings.users_management') })
+  items.value.push({ name:t('settings.add_users'), icon:"bxs-user-plus", href:"/profile/admin/users", tooltip: t('settings.users_management') })
 }
 
 const isOpened = ref(false)

Diff for: src/jelu-ui/src/components/AuthorBooks.vue

@@ -355,6 +355,7 @@ getBooks()
         class="h-full"
         :force-select="false"
         :show-select="false"
+        :propose-add="true"
         @update:modal-closed="modalClosed"
       />
     </div>

Diff for: src/jelu-ui/src/components/BookCard.vue

@@ -16,7 +16,8 @@ const props = defineProps<{
   book: UserBook, 
   size?: string, 
   forceSelect: boolean,
-  showSelect: boolean
+  showSelect: boolean,
+  proposeAdd: boolean,
 }>();
 const emit = defineEmits<{
   (e: 'update:modalClosed', open: boolean): void,
@@ -245,7 +246,7 @@ watch(checked, (newVal, oldVal) => {
             <i class="mdi mdi-eye mdi-18px" />
           </span>
           <span
-            v-if="book.id == null"
+            v-if="proposeAdd === true && book.id == null"
             v-tooltip="t('labels.book_not_yet_in_books')"
             class="icon text-error"
           >

Diff for: src/jelu-ui/src/components/BookDataCard.vue

@@ -45,7 +45,7 @@ const getUserbookId = async () => {
   bookCanBeAdded.value = false
   await until(props.book.id).not.toBeNull()
   console.log("book id " + props.book.id)
-  dataService.findUserBookByCriteria(null, props.book.id, null, null, null, 0, 10)
+  dataService.findUserBookByCriteria(null, props.book.id, null, null, null, null, 0, 10)
   .then(res => {
     if (!res.empty) {
       if (res.content.length > 0 && res.content[0].id != null) {

Diff for: src/jelu-ui/src/components/BookList.vue

@@ -81,8 +81,8 @@ const borrowedAsBool = computed(() => {
 
 const getBooks = () => {
   getBookIsLoading.value = true
-  dataService.findUserBookByCriteria(eventTypes.value, null, toReadAsBool.value, 
-  ownedAsBool.value, borrowedAsBool.value,
+  dataService.findUserBookByCriteria(eventTypes.value, null, null, 
+  toReadAsBool.value, ownedAsBool.value, borrowedAsBool.value,
   pageAsNumber.value - 1, perPage.value, sortQuery.value)
   .then(res => {
         console.log(res)
@@ -347,6 +347,7 @@ try {
           :book="book"
           :force-select="selectAll"
           :show-select="showSelect"
+          :propose-add="true"
           class="h-full"
           @update:modal-closed="modalClosed"
           @update:checked="cardChecked"

Diff for: src/jelu-ui/src/components/History.vue

@@ -168,6 +168,7 @@ getYears()
               class="h-full"
               :force-select="false"
               :show-select="false"
+              :propose-add="true"
             >
               <template #date>
                 <div class="badge badge-accent absolute bottom-0 left-1">

Diff for: src/jelu-ui/src/components/ReviewBookCard.vue

@@ -0,0 +1,68 @@
+<script setup lang="ts">
+import { ref, Ref } from "vue";
+import { useI18n } from 'vue-i18n';
+import { Book } from "../model/Book";
+import { Review } from "../model/Review";
+import dataService from "../services/DataService";
+
+const { t, d } = useI18n({
+      inheritLocale: true,
+      useScope: 'global'
+    })
+
+const props = defineProps<{ 
+  review: Review,
+}>();
+
+const book: Ref<Book|null> = ref(null)
+
+const getBook = async () => {
+  try {
+    const res = await dataService.findBookById(props.review.book)
+    book.value = res
+  } catch (error) {
+    console.log("failed get book : " + error)
+  }
+};
+
+getBook()
+
+</script>
+
+<template>
+  <div class="card card-side bg-base-100 shadow-2xl shadow-base-300 review-book-card">
+    <figure
+      v-if="book != null"
+      class="place-self-start"
+    >
+      <img
+        :src="'/files/' + book.image"
+        alt="Movie"
+      >
+    </figure>
+    <div class="card-body p-1 m-1">
+      <h2
+        v-if="book != null"
+        class="card-title line-clamp-2"
+      >
+        {{ book?.title }}
+      </h2>
+      <span class="italic">{{ review.rating }}/10</span>
+      <p class="line-clamp-4">
+        {{ review.text.substring(0, 50) }}
+      </p>
+      <div class="card-actions justify-end">
+        <router-link
+          class="link hover:underline hover:decoration-4 hover:decoration-secondary text-sm italic"
+          :to="{ name: 'review-detail', params: { reviewId: props.review.id } }"
+        >
+          {{ d(props.review.reviewDate, 'short') }}&nbsp;
+        </router-link>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+
+</style>

Diff for: src/jelu-ui/src/components/SearchResultsDisplay.vue

@@ -351,6 +351,7 @@ if (titleQuery.value != null ||
         :book="book"
         :force-select="selectAll"
         :show-select="showSelect"
+        :propose-add="true"
         class="h-full"
         @update:modal-closed="modalClosed"
         @update:checked="cardChecked"

Diff for: src/jelu-ui/src/components/SeriesBooks.vue

@@ -203,6 +203,7 @@ getBooks()
         :book="book"
         :force-select="selectAll"
         :show-select="showSelect"
+        :propose-add="true"
         class="h-full"
         @update:modal-closed="modalClosed"
         @update:checked="cardChecked"

Diff for: src/jelu-ui/src/components/TagBooks.vue

@@ -246,6 +246,7 @@ getBooks()
         :book="book"
         :force-select="selectAll"
         :show-select="showSelect"
+        :propose-add="true"
         class="h-full"
         @update:modal-closed="modalClosed"
         @update:checked="cardChecked"

Diff for: src/jelu-ui/src/components/ToReadList.vue

@@ -49,7 +49,8 @@ const getToReadIsLoading: Ref<boolean> = ref(false)
 const getToRead = async () => {
   getToReadIsLoading.value = true
   try {
-    const res = await dataService.findUserBookByCriteria(eventTypes.value, null,
+    const res = await dataService.findUserBookByCriteria(
+      eventTypes.value, null, null,
     true, ownedAsBool.value, null,
     pageAsNumber.value - 1, perPage.value, sortQuery.value)
     total.value = res.totalElements
@@ -252,6 +253,7 @@ getToRead()
         :book="book"
         :force-select="selectAll"
         :show-select="showSelect"
+        :propose-add="true"
         class="h-full"
         @update:modal-closed="modalClosed"
         @update:checked="cardChecked"