From f901b2bc594e7249697201c6c59e09bd398104de Mon Sep 17 00:00:00 2001
From: Venkata Chandra Sekhar Nainala <mailcs76@gmail.com>
Date: Thu, 1 Aug 2024 15:10:42 +0200
Subject: [PATCH] fix: various minor updates - starting materials changes

---
 app/Listeners/ProjectDeletion.php             |   5 +-
 app/Providers/CephStorageServiceProvider.php  |   4 +-
 app/Providers/MinioStorageServiceProvider.php |   4 +-
 resources/js/Pages/Project/Show.vue           |  27 ++-
 resources/js/Pages/Study/About.vue            |   5 +-
 resources/js/Shared/StudyCard.vue             | 166 ++++++++++--------
 6 files changed, 120 insertions(+), 91 deletions(-)

diff --git a/app/Listeners/ProjectDeletion.php b/app/Listeners/ProjectDeletion.php
index 84ad8e81..576b9f51 100644
--- a/app/Listeners/ProjectDeletion.php
+++ b/app/Listeners/ProjectDeletion.php
@@ -10,10 +10,7 @@ class ProjectDeletion
     /**
      * Create the event listener.
      */
-    public function __construct()
-    {
-
-    }
+    public function __construct() {}
 
     /**
      * Handle the event.
diff --git a/app/Providers/CephStorageServiceProvider.php b/app/Providers/CephStorageServiceProvider.php
index 16f16665..3e09e460 100644
--- a/app/Providers/CephStorageServiceProvider.php
+++ b/app/Providers/CephStorageServiceProvider.php
@@ -46,7 +46,5 @@ public function boot()
      *
      * @return void
      */
-    public function register()
-    {
-    }
+    public function register() {}
 }
diff --git a/app/Providers/MinioStorageServiceProvider.php b/app/Providers/MinioStorageServiceProvider.php
index 04aa7f64..92e4d175 100644
--- a/app/Providers/MinioStorageServiceProvider.php
+++ b/app/Providers/MinioStorageServiceProvider.php
@@ -46,7 +46,5 @@ public function boot()
      *
      * @return void
      */
-    public function register()
-    {
-    }
+    public function register() {}
 }
diff --git a/resources/js/Pages/Project/Show.vue b/resources/js/Pages/Project/Show.vue
index 2f4fa417..160ec7e1 100644
--- a/resources/js/Pages/Project/Show.vue
+++ b/resources/js/Pages/Project/Show.vue
@@ -306,6 +306,20 @@
                                 </span>
                             </div>
                         </div>
+                        <div
+                            v-if="!canUpdateProject"
+                            class="flex-nowrap right ml-auto"
+                        >
+                            <img
+                                :src="
+                                    project.project_photo_url
+                                        ? project.project_photo_url
+                                        : 'https://via.placeholder.com/400x200'
+                                "
+                                :alt="project.name"
+                                class="h-24 w-72 rounded-md object-cover"
+                            />
+                        </div>
                         <div class="flex-nowrap">
                             <Link
                                 v-if="canManageProjectSetings"
@@ -333,7 +347,8 @@
                                 !project.is_public &&
                                 !project.is_published &&
                                 !project.is_deleted &&
-                                !project.doi
+                                !project.doi &&
+                                role != 'reviewer'
                             "
                             class="flex-nowrap"
                         >
@@ -935,7 +950,10 @@
                     </div>
                 </div>
                 <!-- Citation -->
-                <div class="mb-8">
+                <div
+                    v-if="canUpdateProject || project.citations.length > 0"
+                    class="mb-8"
+                >
                     <div class="relative">
                         <div
                             class="absolute inset-0 flex items-center"
@@ -972,7 +990,10 @@
                 </div>
 
                 <!-- Author -->
-                <div class="mb-8">
+                <div
+                    v-if="canUpdateProject || project.authors.length > 0"
+                    class="mb-8"
+                >
                     <div class="relative">
                         <div
                             class="absolute inset-0 flex items-center"
diff --git a/resources/js/Pages/Study/About.vue b/resources/js/Pages/Study/About.vue
index c75b4a6e..33713145 100644
--- a/resources/js/Pages/Study/About.vue
+++ b/resources/js/Pages/Study/About.vue
@@ -16,7 +16,10 @@
                 <div class="divide-y divide-gray-200 sm:col-span-9">
                     <div class="py-3 px-4 sm:p-6 lg:pb-8">
                         <div class="mt-0">
-                            <div class="mb-4">
+                            <div
+                                v-if="canUpdateStudy || study.tags.length > 0"
+                                class="mb-4"
+                            >
                                 <div class="relative">
                                     <div
                                         class="absolute inset-0 flex items-center"
diff --git a/resources/js/Shared/StudyCard.vue b/resources/js/Shared/StudyCard.vue
index 00a6f831..030daaa6 100644
--- a/resources/js/Shared/StudyCard.vue
+++ b/resources/js/Shared/StudyCard.vue
@@ -3,89 +3,101 @@
         v-if="study"
         class="flex flex-col border rounded-lg shadow-lg transition ease-in-out delay-150 duration-300 overflow-hidden"
     >
-        <div class="relative overflow-hidden bg-white-200">
-            <div class="pt-2 px-2">
-                <ul role="list">
-                    <li
-                        class="col-span-1 divide-y divide-gray-200 cursor-pointer"
-                    >
-                        <div
-                            class="bg-white rounded-t-md flex justify-center items-center"
+        <Link
+            :href="
+                preview
+                    ? route('preview', [obfuscationCode, study.id, 'study'])
+                    : route('dashboard.studies', [study.id])
+            "
+        >
+            <div class="relative overflow-hidden bg-white-200">
+                <div class="pt-2 px-2">
+                    <ul role="list">
+                        <li
+                            class="col-span-1 divide-y divide-gray-200 cursor-pointer"
                         >
-                            <span
-                                v-if="
-                                    molecules[0] &&
-                                    molecules[0].canonical_smiles
-                                "
+                            <div
+                                class="bg-white rounded-t-md flex justify-center items-center"
                             >
-                                <Depictor2D
-                                    class="py-2"
-                                    :molecule="molecules[0].canonical_smiles"
-                                    :show-download="false"
-                                ></Depictor2D>
-                            </span>
-                            <span v-else>
-                                <div class="h-64">
-                                    <div
-                                        class="absolute inset-0 flex items-center justify-center"
-                                    >
-                                        <h2 class="text-gray-200 font-bold">
-                                            <i
-                                                >-- molecule(s) information
-                                                missing --</i
-                                            >
-                                        </h2>
+                                <span
+                                    v-if="
+                                        molecules[0] &&
+                                        molecules[0].canonical_smiles
+                                    "
+                                >
+                                    <Depictor2D
+                                        class="py-2"
+                                        :molecule="
+                                            molecules[0].canonical_smiles
+                                        "
+                                        :show-download="false"
+                                    ></Depictor2D>
+                                </span>
+                                <span v-else>
+                                    <div class="h-64">
+                                        <div
+                                            class="absolute inset-0 flex items-center justify-center"
+                                        >
+                                            <h2 class="text-gray-200 font-bold">
+                                                <i
+                                                    >-- molecule(s) information
+                                                    missing --</i
+                                                >
+                                            </h2>
+                                        </div>
                                     </div>
-                                </div>
-                            </span>
-                        </div>
-                    </li>
-                </ul>
-                <div class="bg-white"></div>
+                                </span>
+                            </div>
+                        </li>
+                    </ul>
+                    <div class="bg-white"></div>
+                </div>
             </div>
-        </div>
-        <div class="flex-1 border-t bg-white p-3 flex flex-col justify-between">
-            <div>
-                <small v-if="study.identifier" class="text-gray-500 float-left"
-                    >#{{ study.identifier }}</small
-                >
-                <div class="float-right">
-                    <div v-if="study.is_public" class="flex items-center mt-1">
-                        <svg
-                            class="h-3 w-3 mr-1 text-green-400 inline"
-                            xmlns="http://www.w3.org/2000/svg"
-                            viewBox="0 0 64 64"
-                            width="512"
-                            height="512"
+            <div
+                class="flex-1 border-t bg-white p-3 flex flex-col justify-between"
+            >
+                <div>
+                    <small
+                        v-if="study.identifier"
+                        class="text-gray-500 float-left"
+                        >#{{ study.identifier }}</small
+                    >
+                    <div class="float-right">
+                        <div
+                            v-if="study.is_public"
+                            class="flex items-center mt-1"
                         >
-                            <g id="globe">
-                                <path
-                                    d="M53.85,47.85A27,27,0,0,1,24,57.8V56l3-3V49l4-4V42l4,4h5l2-2h8Z"
-                                />
-                                <path
-                                    d="M42,20.59v2.56L38.07,27H31l-5.36,5.26L31,37.51v5.06L27.44,39H22.86L16,32.11V24.2L11.8,20h-4A27,27,0,0,1,32,5a26.55,26.55,0,0,1,7.06.94L36,9H30v4l4,4h4.33Z"
-                                />
-                                <path
-                                    d="M32,60A28,28,0,1,1,60,32,28,28,0,0,1,32,60ZM32,6A26,26,0,1,0,58,32,26,26,0,0,0,32,6Z"
-                                />
-                            </g>
-                        </svg>
+                            <svg
+                                class="h-3 w-3 mr-1 text-green-400 inline"
+                                xmlns="http://www.w3.org/2000/svg"
+                                viewBox="0 0 64 64"
+                                width="512"
+                                height="512"
+                            >
+                                <g id="globe">
+                                    <path
+                                        d="M53.85,47.85A27,27,0,0,1,24,57.8V56l3-3V49l4-4V42l4,4h5l2-2h8Z"
+                                    />
+                                    <path
+                                        d="M42,20.59v2.56L38.07,27H31l-5.36,5.26L31,37.51v5.06L27.44,39H22.86L16,32.11V24.2L11.8,20h-4A27,27,0,0,1,32,5a26.55,26.55,0,0,1,7.06.94L36,9H30v4l4,4h4.33Z"
+                                    />
+                                    <path
+                                        d="M32,60A28,28,0,1,1,60,32,28,28,0,0,1,32,60ZM32,6A26,26,0,1,0,58,32,26,26,0,0,0,32,6Z"
+                                    />
+                                </g>
+                            </svg>
 
-                        <p class="text-xs text-gray-600">Public</p>
-                    </div>
-                    <div v-else class="flex items-center mt-1">
-                        <LockClosedIcon class="w-3 h-3 mr-1 text-teal-600" />
-                        <p class="text-xs text-gray-600">Private</p>
+                            <p class="text-xs text-gray-600">Public</p>
+                        </div>
+                        <div v-else class="flex items-center mt-1">
+                            <LockClosedIcon
+                                class="w-3 h-3 mr-1 text-teal-600"
+                            />
+                            <p class="text-xs text-gray-600">Private</p>
+                        </div>
                     </div>
                 </div>
-            </div>
-            <Link
-                :href="
-                    preview
-                        ? route('preview', [obfuscationCode, study.id, 'study'])
-                        : route('dashboard.studies', [study.id])
-                "
-            >
+
                 <div
                     class="flex items-center font-bold truncate text-lg text-gray-600"
                 >
@@ -108,8 +120,8 @@
                         {{ formatDate(study.updated_at) }}
                     </div>
                 </div>
-            </Link>
-        </div>
+            </div>
+        </Link>
     </div>
 </template>