PPS Feli pasada a SEDICI 9.3

src/app/item-page/sedici-item-certificate/sedici-item-certificate.ts

@@ -1,10 +1,4 @@
-import {
-  AsyncPipe,
-  NgIf,
-  NgFor,
-
-  NgClass,
-} from '@angular/common';
+import { AsyncPipe, NgClass } from '@angular/common';
 import {
   ChangeDetectionStrategy,
   Component,
@@ -43,27 +37,20 @@ import { QRCodeComponent } from 'angularx-qrcode';
   styleUrls: ['./sedici-item-certificate.scss'],
   standalone: true,
   imports: [
-    NgIf,
-    NgFor,
-
     NgClass,
     DsoEditMenuComponent,
     GenericItemPageFieldComponent,
     ItemPageUriFieldComponent,
-
     AsyncPipe,
     TranslateModule,
-
     BadgeMetadataValuesComponent,
-
     SediciContextBadgeComponent,
     SediciTruncatableGenericItemPageFieldComponent,
     SediciContextComponent,
     NgbModule,
-
     CommonModule,
-    QRCodeComponent,
-  ], // Solo los necesarios si el HTML nuevo necesita alguno en particular
+    QRCodeComponent
+], // Solo los necesarios si el HTML nuevo necesita alguno en particular
 })
 export class SediciCertificate extends UntypedItemComponent implements OnInit {
 

src/app/item-page/sedici-print-certificate/sedici-print-certificate.html

@@ -1,11 +1,21 @@
 <div class="container" *ngVar="(itemRD$ | async) as itemRD">
-  <div class="item-page" *ngIf="itemRD?.hasSucceeded" @fadeInOut>
-    <div *ngIf="itemRD?.payload as item">
-      <ds-sedici-certificate *ngIf="!item.isWithdrawn || (isAdmin$|async)" [object]="item" [viewMode]="viewMode"></ds-sedici-certificate>
-      <!--<ds-listable-object-component-loader *ngIf="!item.isWithdrawn || (isAdmin$|async)" [object]="item" [viewMode]="viewMode"></ds-listable-object-component-loader>-->
-      <ds-item-versions class="mt-2" [item]="item" [displayActions]="false"></ds-item-versions>
+  @if (itemRD?.hasSucceeded) {
+    <div class="item-page" @fadeInOut>
+      @if (itemRD?.payload; as item) {
+        <div>
+          @if (!item.isWithdrawn || (isAdmin$|async)) {
+            <ds-sedici-certificate [object]="item" [viewMode]="viewMode"></ds-sedici-certificate>
+          }
+          <!--<ds-listable-object-component-loader *ngIf="!item.isWithdrawn || (isAdmin$|async)" [object]="item" [viewMode]="viewMode"></ds-listable-object-component-loader>-->
+          <ds-item-versions class="mt-2" [item]="item" [displayActions]="false"></ds-item-versions>
+        </div>
+      }
     </div>
-  </div>
-  <ds-error *ngIf="itemRD?.hasFailed" message="{{'error.item' | translate}}"></ds-error>
-  <ds-loading *ngIf="itemRD?.isLoading" message="{{'loading.item' | translate}}"></ds-loading>
+  }
+  @if (itemRD?.hasFailed) {
+    <ds-error message="{{'error.item' | translate}}"></ds-error>
+  }
+  @if (itemRD?.isLoading) {
+    <ds-loading message="{{'loading.item' | translate}}"></ds-loading>
+  }
 </div>

src/app/item-page/sedici-print-certificate/sedici-print-certificate.ts

@@ -1,9 +1,4 @@
-import {
-  AsyncPipe,
-  isPlatformServer,
-  NgIf,
-
-} from '@angular/common';
+import { AsyncPipe, isPlatformServer } from '@angular/common';
 import {
   ChangeDetectionStrategy,
   Component,
@@ -75,18 +70,13 @@ import { SediciCertificate } from '../sedici-item-certificate/sedici-item-certif
   standalone: true,
   imports: [
     VarDirective,
-
-
     ItemVersionsComponent,
     ErrorComponent,
     ThemedLoadingComponent,
     TranslateModule,
     AsyncPipe,
-    NgIf,
-
-
-    SediciCertificate,
-  ],
+    SediciCertificate
+],
 })
 export class PrintableCertificate implements OnInit, OnDestroy {
 

src/app/root/root.component.ts

@@ -86,6 +86,7 @@ export class RootComponent implements OnInit {
   maxMobileWidth = WidthCategory.SM;
 
   public isHomePage$: BehaviorSubject<boolean> = new BehaviorSubject<boolean>(false);
+  public isSubmissionPage$: BehaviorSubject<boolean> = new BehaviorSubject<boolean>(false);
   private routerSubscription: Subscription;
 
   /**
@@ -146,15 +147,18 @@ export class RootComponent implements OnInit {
 
     const currentUrl = this.router.url;
     this.isHomePage$.next(this.isHomeUrl(currentUrl));
+    this.isSubmissionPage$.next(this.isSubmissionUrl(currentUrl));
 
     this.routerSubscription = this.router.events.pipe(
       filter(event => event instanceof NavigationEnd),
       map((event: NavigationEnd) => {
         const isHome = this.isHomeUrl(event.urlAfterRedirects);
-        return isHome;
+        const isSubmission = this.isSubmissionUrl(event.urlAfterRedirects);
+        return { isHome, isSubmission };
       })
-    ).subscribe(isHome => {
+    ).subscribe(({ isHome, isSubmission }) => {
       this.isHomePage$.next(isHome);
+      this.isSubmissionPage$.next(isSubmission);
     });
   }
 
@@ -171,6 +175,10 @@ export class RootComponent implements OnInit {
            url.startsWith('/home?');
   }
 
+  private isSubmissionUrl(url: string): boolean {
+    return url.startsWith('/workspaceitems') && url.endsWith('/edit');
+  }
+
   skipToMainContent() {
     const mainContent = document.getElementById('main-content');
     if (mainContent) {

src/app/shared/edit-item-menu/edit-item-menu.component.html

@@ -1,10 +1,12 @@
-<div *ngIf="(isAuthenticated | async) && contextMenuObject" ngbDropdown #itemOptions="ngbDropdown" placement="bottom-right" class="d-inline-block float-end">
-  <button class="btn btn-outline-primary" id="itemOptions" ngbDropdownToggle><i class="fas fa-ellipsis-v" aria-hidden="true"></i></button>
-  <div id="itemOptionsDropdownMenu" aria-labelledby="itemOptions" ngbDropdownMenu>
-    <h6 class="dropdown-header">{{'context-menu.actions.label' | translate}}</h6>
-    <button ngbDropdownItem
-          [routerLink]="['/edit-items', contextMenuObject.id,'form']">
-    Editar como submission
-  </button>
+@if ((isAuthenticated | async) && contextMenuObject) {
+  <div ngbDropdown #itemOptions="ngbDropdown" placement="bottom-right" class="d-inline-block float-end">
+    <button class="btn btn-outline-primary" id="itemOptions" ngbDropdownToggle><i class="fas fa-ellipsis-v" aria-hidden="true"></i></button>
+    <div id="itemOptionsDropdownMenu" aria-labelledby="itemOptions" ngbDropdownMenu>
+      <h6 class="dropdown-header">{{'context-menu.actions.label' | translate}}</h6>
+      <button ngbDropdownItem
+        [routerLink]="['/edit-items', contextMenuObject.id,'form']">
+        Editar como submission
+      </button>
+    </div>
   </div>
-</div>
+}

src/app/shared/edit-item-menu/edit-item-menu.component.ts

@@ -1,9 +1,5 @@
 import { Component, Inject, OnDestroy, OnInit, Input } from '@angular/core';
-import {
-  AsyncPipe,
-
-  NgIf,
-} from '@angular/common';
+import { AsyncPipe } from '@angular/common';
 import {
   Router,
   RouterModule,
@@ -40,7 +36,7 @@ import { AuthService } from 'src/app/core/auth/auth.service';
   styleUrls: ['./edit-item-menu.component.scss'],
   templateUrl: './edit-item-menu.component.html',
   standalone: true,
-  imports: [NgIf, TranslateModule, RouterModule, AsyncPipe, NgbDropdownModule],
+  imports: [TranslateModule, RouterModule, AsyncPipe, NgbDropdownModule],
 })
 export class EditItemMenuComponent implements OnInit, OnDestroy {
 

src/app/shared/form/builder/ds-dynamic-form-ui/ds-dynamic-form-control-container.component.html

@@ -43,7 +43,7 @@
 
     </div>
     @if (model.languageCodes && model.languageCodes.length > 0) {
-      <div class="col-2" >
+      <div class="col-2 languageCodesSelector">
         <select
           #language="ngModel"
           [disabled]="model.readOnly"

src/app/shared/form/builder/ds-dynamic-form-ui/ds-dynamic-form-control-container.component.scss

@@ -46,3 +46,8 @@
 label {
   margin-bottom: 0.25rem;
 }
+
+.languageCodesSelector {
+  width: auto;
+  padding: 0;
+}

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

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

src/app/shared/form/builder/ds-dynamic-form-ui/models/scrollable-dropdown/dynamic-scrollable-dropdown.component.ts

@@ -361,7 +361,6 @@ export class DsDynamicScrollableDropdownComponent extends DsDynamicVocabularyCom
    */
   setCurrentValue(value: any, init = false): void {
     let result: Observable<string>;
-    console.log('Current value', value);
 
     if (init && !this.useFindAllService) {
       result = this.getInitValueFromModel().pipe(

src/app/shared/mydspace-actions/claimed-task/sedici-approve-not-select/claimed-task-actions-approve_not_select.component.html

@@ -1,8 +1,12 @@
 <button type="button"
-        [className]="'btn btn-success'"
-        ngbTooltip="{{'submission.workflow.tasks.claimed.approve_help' | translate}}"
-        [disabled]="processing$ | async"
-        (click)="submitTask()">
-  <span *ngIf="processing$ | async"><i class='fas fa-circle-notch fa-spin'></i> {{'submission.workflow.tasks.generic.processing' | translate}}</span>
-  <span *ngIf="(processing$ | async) !== true"><i class="fa fa-thumbs-up"></i> {{'submission.workflow.tasks.claimed.approve_not_select' | translate}}</span>
+  [className]="'btn btn-success'"
+  ngbTooltip="{{'submission.workflow.tasks.claimed.approve_help' | translate}}"
+  [disabled]="processing$ | async"
+  (click)="submitTask()">
+  @if (processing$ | async) {
+    <span><i class='fas fa-circle-notch fa-spin'></i> {{'submission.workflow.tasks.generic.processing' | translate}}</span>
+  }
+  @if ((processing$ | async) !== true) {
+    <span><i class="fa fa-thumbs-up"></i> {{'submission.workflow.tasks.claimed.approve_not_select' | translate}}</span>
+  }
 </button>

src/app/shared/mydspace-actions/claimed-task/sedici-approve-not-select/claimed-task-actions-approve_not_select.component.ts

@@ -1,7 +1,4 @@
-import {
-  AsyncPipe,
-  NgIf,
-} from '@angular/common';
+import { AsyncPipe } from '@angular/common';
 import {
   Component,
   Injector,
@@ -33,7 +30,7 @@ export const WORKFLOW_TASK_OPTION_APPROVE_NOT_SELECT = 'submit_approve_not_selec
   styleUrls: ['./claimed-task-actions-approve_not_select.component.scss'],
   templateUrl: './claimed-task-actions-approve_not_select.component.html',
   standalone: true,
-  imports: [NgbTooltipModule, NgIf, AsyncPipe, TranslateModule],
+  imports: [NgbTooltipModule, AsyncPipe, TranslateModule],
 })
 /**
  * Component for displaying and processing the approve action on a workflow task item

src/app/submission/form/dynamic-button-dropdown.component.html

@@ -0,0 +1,17 @@
+<div class="dropdown-container">
+  <button class="btn btn-secondary" title="Opciones" aria-label="Opciones" (click)="toggleDropdown($event)">
+    <span><i class="fa-solid fa-wand-magic-sparkles"></i></span>
+  </button>
+
+  <div #dropdown class="dropdown-menu">
+    @for (option of options; track option) {
+      <div (click)="applyFilter(option.id)" class="dropdown-item" [title]="option.description">
+        @if (option.icon) {
+          <i [class]="option.icon"></i>
+        } @else {
+          <span>{{ option.label }}</span>
+        }
+      </div>
+    }
+  </div>
+</div>

src/app/submission/form/dynamic-button-dropdown.component.scss

@@ -0,0 +1,37 @@
+:host {
+  display: inline-block;
+  width: auto;
+  padding: 0;
+  flex: 0 0 auto;
+}
+
+.dropdown-container {
+  position: relative;
+  display: inline-block;
+
+  .btn {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  .dropdown-menu {
+    padding: 8px;
+    gap: 10px;
+    right: 0;
+
+    .dropdown-item {
+      cursor: pointer;
+      width: 40px;
+      height: 40px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      background-color: #e9e9e9;
+
+      &:hover {
+        background-color: #e0e0e0;
+      }
+    }
+  }
+}