Ticket#11008

src/app/breadcrumbs/breadcrumbs.component.ts

@@ -37,7 +37,7 @@ export class BreadcrumbsComponent {
   showBreadcrumbs$: Observable<boolean>;
 
   constructor(
-    private breadcrumbsService: BreadcrumbsService,
+    protected breadcrumbsService: BreadcrumbsService,
   ) {
     this.breadcrumbs$ = breadcrumbsService.breadcrumbs$;
     this.showBreadcrumbs$ = breadcrumbsService.showBreadcrumbs$;

src/app/item-page/field-components/collections/collections.component.html

@@ -1,9 +1,12 @@
 <ds-metadata-field-wrapper [label]="label | translate">
-    <div class="collections">
-        <a *ngFor="let collection of (this.collections$ | async); let last=last;" [routerLink]="['/collections', collection.id]">
-            <span>{{ dsoNameService.getName(collection) }}</span><span *ngIf="!last" [innerHTML]="separator"></span>
-        </a>
-    </div>
+    <ul class="collections">
+        <li *ngFor="let collection of (this.collections$ | async); let last=last;">
+            <a [routerLink]="['/collections', collection.id]">
+                <span>{{ dsoNameService.getName(collection) }}</span>
+            </a>
+            <span *ngIf="!last" [innerHTML]="separator"></span>
+        </li>
+    </ul>
 
     <div *ngIf="isLoading$ | async">
         {{'item.page.collections.loading' | translate}}

src/app/item-page/field-components/collections/collections.component.scss

@@ -0,0 +1,17 @@
+.collections {
+  list-style-type: disc;
+  padding-left: 1.5em;
+  margin: 0;
+
+  li {
+    margin-bottom: 0.5em;
+  }
+
+  a {
+    text-decoration: none;
+  }
+
+  a:hover {
+    text-decoration: underline;
+  }
+}

src/app/item-page/field-components/collections/collections.component.ts

@@ -47,6 +47,7 @@ import { MetadataFieldWrapperComponent } from '../../../shared/metadata-field-wr
 
 @Component({
   selector: 'ds-item-page-collections',
+  styleUrls: ['./collections.component.scss'],
   templateUrl: './collections.component.html',
   imports: [
     MetadataFieldWrapperComponent,

src/app/item-page/field-components/metadata-uri-values/metadata-uri-values.component.html

@@ -1,5 +1,7 @@
 <ds-metadata-field-wrapper [label]="label | translate">
-    <a class="dont-break-out" *ngFor="let mdValue of mdValues; let last=last;" [href]="mdValue.value" [target]="hasInternalLink(mdValue.value) ? '_self' : '_blank'">
-       {{ linktext || mdValue.value }}<span *ngIf="!last" [innerHTML]="separator"></span>
+    <a class="dont-break-out" *ngFor="let mdValue of mdValues; let last=last;" 
+    [href]="mdValue.value" 
+    [target]="hasInternalLink(mdValue.value) ? '_self' : '_blank'">{{getDomain(mdValue.value)}}/...
+       <span *ngIf="!last" [innerHTML]="separator"></span>
     </a>
 </ds-metadata-field-wrapper>

src/app/item-page/field-components/metadata-uri-values/metadata-uri-values.component.ts

@@ -53,4 +53,19 @@ export class MetadataUriValuesComponent extends MetadataValuesComponent {
    * The label for this iteration of metadata values
    */
   @Input() label: string;
+
+  /**
+   * Extract the domain from a URL
+   * @param url The full URL
+   * @returns The domain of the URL
+   */
+  getDomain(url: string): string {
+    try {
+      const parsedUrl = new URL(url);
+      return parsedUrl.origin;
+    } catch (e) {
+      console.error('Invalid URL:', url);
+      return url;
+    }
+  }
 }

src/app/item-page/field-components/metadata-values/metadata-values.component.html

@@ -4,7 +4,7 @@
       Choose a template. Priority: markdown, link, browse link.
       -->
       <ng-container *ngTemplateOutlet="(renderMarkdown ? markdown : (hasLink(mdValue) ? (hasValue(img) ? linkImg : link) : (hasBrowseDefinition() ? browselink : simple)));
-        context: {value: mdValue.value, img}">
+        context: {value: mdValue.value, authority: mdValue.authority, img}">
       </ng-container>
       <span class="separator" *ngIf="!last" [innerHTML]="separator"></span>
     </ng-container>
@@ -39,12 +39,12 @@
 
 <!-- Render simple value in a span  -->
 <ng-template #simple let-value="value">
-  <span class="dont-break-out preserve-line-breaks">{{value}}</span>
+  <span [innerHTML]="value" class="preserve-line-breaks"></span>
 </ng-template>
 
 <!-- Render value as a link to browse index -->
-<ng-template #browselink let-value="value">
+<ng-template #browselink let-value="value" let-authority="authority">
   <a class="dont-break-out preserve-line-breaks ds-browse-link"
      [routerLink]="['/browse', browseDefinition.id]"
-     [queryParams]="getQueryParams(value)">{{value}}</a>
+     [queryParams]="getQueryParams(value, authority)">{{value}}</a>
 </ng-template>

src/app/item-page/field-components/metadata-values/metadata-values.component.ts

@@ -115,8 +115,8 @@ export class MetadataValuesComponent implements OnChanges {
    * definition is metadata browse, or item browse
    * @param value the specific metadata value being linked
    */
-  getQueryParams(value) {
-    const queryParams = { startsWith: value };
+  getQueryParams(value, authority) {
+    const queryParams = { value: value, authority: authority };
     // todo: should compare with type instead?
     // eslint-disable-next-line @typescript-eslint/no-unsafe-enum-comparison
     if (this.browseDefinition.getRenderType() === VALUE_LIST_BROWSE_DEFINITION.value) {

src/app/menu-resolver.service.ts

@@ -99,50 +99,112 @@ export class MenuResolverService  {
   createPublicMenu$(): Observable<boolean> {
     const menuList: any[] = [
       /* Communities & Collections tree */
-      {
-        id: `browse_global_communities_and_collections`,
+      // {
+      //   id: `browse_global_communities_and_collections`,
+      //   active: false,
+      //   visible: true,
+      //   index: 0,
+      //   model: {
+      //     type: MenuItemType.LINK,
+      //     text: `menu.section.browse_global_communities_and_collections`,
+      //     link: `/community-list`,
+      //   } as LinkMenuItemModel,
+      // },
+    ];
+
+    const itemsInstitucional = [
+      { id: '¿Qué es SEDICI?', texto: '¿Qué es SEDICI?', ruta: '¿Qué es SEDICI?' },
+      { id: 'Políticas del repositorio', texto: 'Políticas del repositorio', ruta: 'Políticas del repositorio' },
+      { id: 'Links', texto: 'Links', ruta: 'Links' },
+      { id: 'Staff', texto: 'Staff', ruta: 'Staff' },
+      { id: '¿Cómo llegar?', texto: '¿Cómo llegar?', ruta: '¿Cómo llegar?' },
+    ];
+    itemsInstitucional.forEach(item => {
+      menuList.push({
+        id: item.id,
+        parentID: 'Institucional',
         active: false,
         visible: true,
-        index: 0,
         model: {
           type: MenuItemType.LINK,
-          text: `menu.section.browse_global_communities_and_collections`,
-          link: `/community-list`,
+          text: item.texto,
+          link: `${item.ruta}`,
         } as LinkMenuItemModel,
-      },
+      });
+    });
+    menuList.push({
+      id: 'Institucional',
+      active: false,
+      visible: true,
+      index: 3,
+      model: {
+        type: MenuItemType.TEXT,
+        text: 'Institucional',
+      } as TextMenuItemModel,
+    });
+
+    const itemsPreguntasFrecuentes = [
+      { id: '¿Cómo agregar trabajos?', texto: '¿Cómo agregar trabajos?', ruta: '¿Cómo agregar trabajos?' },
+      { id: 'Información para tesistas', texto: 'Información para tesistas', ruta: 'Información para tesistas' },
+      { id: 'Revistas de Acceso Abierto', texto: 'Revistas de Acceso Abierto', ruta: 'Revistas de Acceso Abierto' },
+      { id: 'Más preguntas frecuentes', texto: 'Más preguntas frecuentes', ruta: 'Más preguntas frecuentes' },
     ];
+    itemsPreguntasFrecuentes.forEach(item => {
+      menuList.push({
+        id: item.id,
+        parentID: 'PreguntasFrecuentes',
+        active: false,
+        visible: true,
+        model: {
+          type: MenuItemType.LINK,
+          text: item.texto,
+          link: `${item.ruta}`,
+        } as LinkMenuItemModel,
+      });
+    });
+    menuList.push({
+      id: 'PreguntasFrecuentes',
+      active: false,
+      visible: true,
+      index: 4,
+      model: {
+        type: MenuItemType.TEXT,
+        text: 'Preguntas frecuentes',
+      } as TextMenuItemModel,
+    });
+
     // Read the different Browse-By types from config and add them to the browse menu
     this.browseService.getBrowseDefinitions()
       .pipe(getFirstCompletedRemoteData<PaginatedList<BrowseDefinition>>())
       .subscribe((browseDefListRD: RemoteData<PaginatedList<BrowseDefinition>>) => {
-        if (browseDefListRD.hasSucceeded) {
-          browseDefListRD.payload.page.forEach((browseDef: BrowseDefinition) => {
-            menuList.push({
-              id: `browse_global_by_${browseDef.id}`,
-              parentID: 'browse_global',
-              active: false,
-              visible: true,
-              model: {
-                type: MenuItemType.LINK,
-                text: `menu.section.browse_global_by_${browseDef.id}`,
-                link: `/browse/${browseDef.id}`,
-              } as LinkMenuItemModel,
-            });
-          });
-          menuList.push(
-            /* Browse */
-            {
-              id: 'browse_global',
-              active: false,
-              visible: true,
-              index: 1,
-              model: {
-                type: MenuItemType.TEXT,
-                text: 'menu.section.browse_global',
-              } as TextMenuItemModel,
-            },
-          );
-        }
+        // if (browseDefListRD.hasSucceeded) {
+        //   browseDefListRD.payload.page.forEach((browseDef: BrowseDefinition) => {
+        //     menuList.push({
+        //       id: `browse_global_by_${browseDef.id}`,
+        //       parentID: 'browse_global',
+        //       active: false,
+        //       visible: true,
+        //       model: {
+        //         type: MenuItemType.LINK,
+        //         text: `menu.section.browse_global_by_${browseDef.id}`,
+        //         link: `/browse/${browseDef.id}`,
+        //       } as LinkMenuItemModel,
+        //     });
+        //   });
+        //   menuList.push(
+        //     /* Browse */
+        //     {
+        //       id: 'browse_global',
+        //       active: false,
+        //       visible: true,
+        //       index: 4,
+        //       model: {
+        //         type: MenuItemType.TEXT,
+        //         text: 'menu.section.browse_global',
+        //       } as TextMenuItemModel,
+        //     },
+        //   );
+        // }
         menuList.forEach((menuSection) => this.menuService.addSection(MenuID.PUBLIC, Object.assign(menuSection, {
           shouldPersistOnRouteChange: true,
         })));

src/app/navbar/expandable-navbar-section/expandable-navbar-section.component.html

@@ -15,7 +15,7 @@
      [attr.aria-controls]="expandableNavbarSectionId()"
      class="d-flex flex-row flex-nowrap align-items-center gapx-1 ds-menu-toggler-wrapper"
      [class.disabled]="section.model?.disabled">
-      <span class="flex-fill">
+      <span>
         <ng-container
           *ngComponentOutlet="(sectionMap$ | async).get(section.id).component; injector: (sectionMap$ | async).get(section.id).injector;"></ng-container>
       </span>

src/app/root/root.component.ts

@@ -12,19 +12,22 @@ import {
 import {
   Router,
   RouterOutlet,
+  NavigationEnd,
 } from '@angular/router';
 import { TranslateModule } from '@ngx-translate/core';
 import {
   BehaviorSubject,
   combineLatest as combineLatestObservable,
   Observable,
   of,
+  Subscription,
 } from 'rxjs';
 import {
   first,
   map,
   skipWhile,
   startWith,
+  filter,
 } from 'rxjs/operators';
 import { INotificationBoardOptions } from 'src/config/notifications-config.interfaces';
 
@@ -40,7 +43,7 @@ import {
 import { ThemedFooterComponent } from '../footer/themed-footer.component';
 import { ThemedHeaderNavbarWrapperComponent } from '../header-nav-wrapper/themed-header-navbar-wrapper.component';
 import { slideSidebarPadding } from '../shared/animations/slide';
-import { HostWindowService } from '../shared/host-window.service';
+import { HostWindowService, WidthCategory } from '../shared/host-window.service';
 import { LiveRegionComponent } from '../shared/live-region/live-region.component';
 import { ThemedLoadingComponent } from '../shared/loading/themed-loading.component';
 import { MenuService } from '../shared/menu/menu.service';
@@ -82,6 +85,12 @@ export class RootComponent implements OnInit {
 
   browserOsClasses = new BehaviorSubject<string[]>([]);
 
+  isMobile$: Observable<boolean>;
+  maxMobileWidth = WidthCategory.SM;
+
+  public isHomePage$: BehaviorSubject<boolean> = new BehaviorSubject<boolean>(false);
+  private routerSubscription: Subscription;
+
   /**
    * Whether or not to show a full screen loader
    */
@@ -135,6 +144,34 @@ export class RootComponent implements OnInit {
     if (this.router.url === getPageInternalServerErrorRoute()) {
       this.shouldShowRouteLoader = false;
     }
+
+    this.isMobile$ = this.windowService.isUpTo(this.maxMobileWidth);
+
+    const currentUrl = this.router.url;
+    this.isHomePage$.next(this.isHomeUrl(currentUrl));
+
+    this.routerSubscription = this.router.events.pipe(
+      filter(event => event instanceof NavigationEnd),
+      map((event: NavigationEnd) => {
+        const isHome = this.isHomeUrl(event.urlAfterRedirects);
+        return isHome;
+      })
+    ).subscribe(isHome => {
+      this.isHomePage$.next(isHome);
+    });
+  }
+
+  ngOnDestroy() {
+    // Importante: limpiar la suscripción para evitar pérdidas de memoria
+    if (this.routerSubscription) {
+      this.routerSubscription.unsubscribe();
+    }
+  }
+
+  private isHomeUrl(url: string): boolean {
+    return url === '/' || 
+           url === '/home' || 
+           url.startsWith('/home?');
   }
 
   skipToMainContent() {

src/app/shared/file-download-link/file-download-link.component.ts

@@ -73,7 +73,7 @@ export class FileDownloadLinkComponent implements OnInit {
   canDownload$: Observable<boolean>;
 
   constructor(
-    private authorizationService: AuthorizationDataService,
+    protected authorizationService: AuthorizationDataService,
     public dsoNameService: DSONameService,
   ) {
   }

src/app/shared/form/builder/ds-dynamic-form-ui/models/onebox/dynamic-onebox.component.html

@@ -16,7 +16,7 @@
 
 <ng-template #noInfo let-entry="entry">
   <ul class="list-unstyled mb-0">
-    <li class="list-item text-truncate text-primary font-weight-bold">{{entry.value}}</li>
+    <li class="list-item text-truncate text-primary font-weight-bold">{{entry.display}}</li>
   </ul>
 </ng-template>
 

src/app/shared/metadata-field-wrapper/metadata-field-wrapper.component.html

@@ -1,6 +1,6 @@
-<div class="simple-view-element" [class.d-none]="hideIfNoTextContent && content.textContent.trim().length === 0">
-  <h2 class="simple-view-element-header" *ngIf="label">{{ label }}</h2>
-  <div #content class="simple-view-element-body">
+<div class="simple-view-element" [ngClass]="{'not-inline-label': !inlineLabel }" [class.d-none]="hideIfNoTextContent && content.textContent.trim().length === 0">
+  <h6 class="simple-view-element-header" *ngIf="label">{{ label }}</h6>
+  <div #content>
     <ng-content></ng-content>
   </div>
 </div>