fix(search): minor fixes

src/app/features/search/data.ts

@@ -287,7 +287,7 @@ export const resources: Resource[] = [
     },
     conflictOfInterestResponse: 'Author asserted no Conflict of Interest',
     license: 'No License',
-    doi: 'Keberadaan suatu organisme pada suatu tempat dipengaruhi oleh faktor lingkungan dan makanan. Ketersediaan makanan dengan kualitas yang cocok dan kuantitas yang ukup bagi suatu organisme akan meningkatkan populasi cepat. Sebaliknya jika keadaan tersebut tidak mendukung maka akan dipastikan bahwa organisme tersebut akan menurun. Sedangkan faktor abiotik meliputi suhu, kelembaban, cahaya, curah hujan, dan angin. Suhu mempengaruhi aktivitas serangga serta perkembangannya. Serangga juga tertarik pada gelombang cahaya tertentu. Serangga ada yang menerima intensitas cahaya yang tinggi dan aktif pada siang hari (diurnal) dan serangga ada yang aktif menerima intensitas cahaya rendah pada malam hari (nokturnal). Metode yang digunakan yaitu metode Light trap. Hail yang didapatkan bahwa komponen lingkungan (biotik dan abiotik) akan mempengaruhi kelimpahan dan keanekaragaman spesies pada suatu tempat sehingga tingginya kelimpahan individu tiap jenis dapat dipakai untuk menilai kualitas suatu habitat. Sehingga tidak semua serangga yang aktif pada siang hari tidak dapat aktif di malam hari karena efek adanya sinar tergantung sepenuhnya pada kondisi temperature dan kelembaban disekitar.',
+    doi: 'https://doi.org/10.31234/osf.io/7mgkd',
   },
   {
     id: 'https://osf.io/cegxv',
@@ -314,5 +314,7 @@ export const resources: Resource[] = [
     publicRegistrations: 6,
     publicPreprints: 3,
     orcid: 'https://orcid.org/0000-0003-2697-7146',
+    employment: 'University of Turku',
+    education: 'University of Turku',
   },
 ];

src/app/features/search/models/resource.entity.ts

@@ -21,4 +21,6 @@ export interface Resource {
   publicRegistrations?: number;
   publicPreprints?: number;
   orcid?: string;
+  employment?: string;
+  education?: string;
 }

src/app/features/search/search.component.ts

@@ -76,7 +76,7 @@ export class SearchComponent {
           })
           .toLowerCase()
           .includes(search) ||
-        resource.from?.name.toLowerCase(),
+        resource.from?.name.toLowerCase().includes(search),
     );
   });
 

src/app/shared/components/resources/resource-card/resource-card.component.html

@@ -7,9 +7,9 @@
 
           <div class="flex align-items-center column-gap-1">
             @if (item().resourceType === ResourceType.File) {
-              <h2>{{ item().fileName }}</h2>
+              <a class="title" [href]="item().id">{{ item().fileName }}</a>
             } @else {
-              <h2>{{ item().title }}</h2>
+              <a class="title" [href]="item().id">{{ item().title }}</a>
             }
             @if (item().orcid) {
               <a [href]="item().orcid" class="orcid-icon">
@@ -36,7 +36,9 @@ <h2>{{ item().title }}</h2>
                 }
               }
               @if (item().creators!.length > 4) {
-                <p class="inline">and {{ item().creators!.length - 4 }} more</p>
+                <p class="inline">
+                  &nbsp;and {{ item().creators!.length - 4 }} more
+                </p>
               }
             </div>
           }
@@ -50,10 +52,12 @@ <h2>{{ item().title }}</h2>
             </div>
           }
 
-          <p class="date">
-            Date created: {{ item().dateCreated | date: "MMMM d, y" }} | Date
-            modified: {{ item().dateModified | date: "MMMM d, y" }}
-          </p>
+          @if (item().dateCreated && item().dateModified) {
+            <p class="date">
+              Date created: {{ item().dateCreated | date: "MMMM d, y" }} | Date
+              modified: {{ item().dateModified | date: "MMMM d, y" }}
+            </p>
+          }
 
           @if (item().resourceType === ResourceType.Registration) {
             <div class="flex column-gap-5 mt-1">
@@ -102,7 +106,7 @@ <h2>{{ item().title }}</h2>
 
           @if (item().provider) {
             <span>
-              <p>Provider:</p>
+              <p>Provider:&nbsp;</p>
               <a [href]="item().provider?.id">{{ item().provider?.name }}</a>
             </span>
           }
@@ -114,17 +118,33 @@ <h2>{{ item().title }}</h2>
             </p>
           }
 
-          <span>
-            <p>URL:</p>
-            <a [href]="item().id">{{ item().id }}</a>
-          </span>
+          @if (item().resourceType !== ResourceType.User) {
+            <span>
+              <p>URL:&nbsp;</p>
+              <a [href]="item().id">{{ item().id }}</a>
+            </span>
+          }
 
           @if (item().doi) {
             <span>
-              <p>DOI:</p>
+              <p>DOI:&nbsp;</p>
               <a [href]="item().doi">{{ item().doi }}</a>
             </span>
           }
+
+          @if (item().resourceType === ResourceType.User) {
+            <p>Public projects: {{ item().publicProjects }}</p>
+            <p>Public registrations: {{ item().publicRegistrations }}</p>
+            <p>Public preprints: {{ item().publicPreprints }}</p>
+          }
+
+          @if (item().employment) {
+            <p>Employment: {{ item().employment }}</p>
+          }
+
+          @if (item().education) {
+            <p>Education: {{ item().education }}</p>
+          }
         </div>
       </p-accordion-content>
     </p-accordion-panel>

src/app/shared/components/resources/resource-card/resource-card.component.scss

@@ -8,7 +8,11 @@
   padding: 1.7rem;
   row-gap: 0.85rem;
 
-  h2 {
+  .title {
+    font-weight: 700;
+    font-size: 1.4rem;
+    line-height: 1.7rem;
+    color: var.$dark-blue-1;
     &:hover {
       text-decoration: underline;
     }

src/assets/styles/overrides/dropdown.scss

@@ -30,6 +30,7 @@
 
     .p-select-label {
       padding: 0;
+      font-weight: 700;
     }
 
     .p-select-overlay {

src/assets/styles/overrides/select.scss

@@ -46,3 +46,11 @@
     font-weight: 700;
   }
 }
+
+.no-border-dropdown {
+  .p-select-option {
+    span {
+      white-space: nowrap;
+    }
+  }
+}