Add "Add to queue" as multi option

client/src/app/site/pages/meetings/modules/meetings-component-collector/projection-dialog/components/projection-dialog/projection-dialog.component.html

@@ -62,7 +62,9 @@ <h3>{{ option.displayName | translate }}</h3>
 }
 
 <mat-dialog-actions>
-    <button color="accent" mat-button osAutofocus (click)="onProject()">{{ 'Project' | translate }}</button>
+    @if (!hideMainButton) {
+        <button color="accent" mat-button osAutofocus (click)="onProject()">{{ 'Project' | translate }}</button>
+    }
     @if (projectorSelectable) {
         <button mat-button (click)="onAddToPreview()">{{ 'Add to queue' | translate }}</button>
     }

client/src/app/site/pages/meetings/modules/meetings-component-collector/projection-dialog/components/projection-dialog/projection-dialog.component.ts

@@ -29,6 +29,7 @@ export interface ProjectionDialogConfig {
     descriptor: ProjectionBuildDescriptor;
     allowReferenceProjector: boolean;
     projector?: ViewProjector;
+    hideMainButton?: boolean;
 }
 
 @Component({
@@ -65,6 +66,8 @@ export class ProjectionDialogComponent implements OnInit, OnDestroy {
     private _projectorSubscription: string;
     private _subscriptions: Subscription[] = [];
 
+    public hideMainButton = false;
+
     public constructor(
         public dialogRef: MatDialogRef<ProjectionDialogComponent, ProjectionDialogReturnType>,
         @Inject(MAT_DIALOG_DATA) public data: ProjectionDialogConfig | ProjectionBuildDescriptor,
@@ -87,6 +90,9 @@ export class ProjectionDialogComponent implements OnInit, OnDestroy {
                 this.currentProjectionOptions = projections[0].options || {};
             }
         }
+        if (data && !isProjectionBuildDescriptor(data)) {
+            this.hideMainButton = data.hideMainButton;
+        }
     }
 
     public ngOnDestroy(): void {
@@ -180,6 +186,7 @@ export class ProjectionDialogComponent implements OnInit, OnDestroy {
     }
 
     public onAddToPreview(): void {
+        console.log(`keey:`);
         this.dialogRef.close({
             action: `addToPreview`,
             resultDescriptor: this.descriptor,

client/src/app/site/pages/meetings/modules/meetings-component-collector/projection-dialog/services/projection-dialog.service.ts

@@ -22,6 +22,7 @@ export class ProjectionDialogService {
      * the projectors will be updated.
      */
     public async openProjectDialogFor(descriptor: ProjectionBuildDescriptor | ProjectionDialogConfig): Promise<void> {
+        console.log(descriptor);
         const module = await import(`../projection-dialog.module`).then(m => m.ProjectionDialogModule);
         const dialogRef = this.dialog.open<
             ProjectionDialogComponent,

client/src/app/site/pages/meetings/modules/meetings-component-collector/projector-button/components/projector-button/projector-button.component.html

@@ -5,7 +5,7 @@
             <span #ref><ng-content></ng-content></span>
             @if (!ref.innerHTML.trim()) {
                 <span>
-                    {{ 'Project' | translate }}
+                    {{ projectorLabel | translate }}
                 </span>
             }
         </button>

client/src/app/site/pages/meetings/modules/meetings-component-collector/projector-button/components/projector-button/projector-button.component.ts

@@ -42,6 +42,12 @@ export class ProjectorButtonComponent implements OnInit, OnDestroy {
     @Input()
     public menuItem = false;
 
+    @Input()
+    public projectorLabel = `Project`;
+
+    @Input()
+    public hideMainButton = false;
+
     @Output()
     public changeEvent = new EventEmitter<void>();
 
@@ -99,7 +105,8 @@ export class ProjectorButtonComponent implements OnInit, OnDestroy {
             // open the projection dialog
             this.projectionDialogService.openProjectDialogFor({
                 descriptor,
-                allowReferenceProjector: this.allowReferenceProjector
+                allowReferenceProjector: this.allowReferenceProjector,
+                hideMainButton: this.hideMainButton
             });
         }
     };

client/src/app/site/pages/meetings/pages/agenda/pages/agenda-item-list/components/agenda-item-list/agenda-item-list.component.html

@@ -160,6 +160,14 @@ <h1 class="mock-h2" translate>Agenda</h1>
                 <span>{{ 'Tags' | translate }}</span>
             </button>
             <mat-divider></mat-divider>
+            <!-- Add to projector queue -->
+            <os-projector-button
+                [hideMainButton]="true"
+                [menuItem]="true"
+                [object]="addToProjectorQueue()"
+                [projectorLabel]="'Add to queue'"
+            ></os-projector-button>
+
             <!-- PDF/CSV export -->
             <button mat-menu-item (click)="exportAgendaItems()">
                 <mat-icon>archive</mat-icon>

client/src/app/site/pages/meetings/pages/agenda/pages/agenda-item-list/components/agenda-item-list/agenda-item-list.component.ts

@@ -87,6 +87,8 @@ export class AgendaItemListComponent extends BaseMeetingListViewComponent<ViewAg
 
     public itemListSlide: ProjectionBuildDescriptor | null = null;
 
+    public multiQueue: ProjectionBuildDescriptor | null = null;
+
     /**
      * Define extra filter properties
      */
@@ -328,6 +330,27 @@ export class AgendaItemListComponent extends BaseMeetingListViewComponent<ViewAg
         }
     }
 
+    public addToProjectorQueue(): ProjectionBuildDescriptor {
+        const agendaItems = this.isMultiSelect ? this.selectedRows : this.listComponent?.source;
+
+        if (agendaItems) {
+            const ids = agendaItems.map(item => item.content_object_id);
+            return {
+                content_object_id: ids,
+                type: MeetingProjectionType.AgendaItemList,
+                projectionDefault: PROJECTIONDEFAULT.agendaItemList,
+                getDialogTitle: (): string => this.translate.instant(`Agenda`)
+            };
+        } else {
+            return {
+                content_object_id: null,
+                type: MeetingProjectionType.AgendaItemList,
+                projectionDefault: PROJECTIONDEFAULT.agendaItemList,
+                getDialogTitle: (): string => this.translate.instant(`Agenda`)
+            };
+        }
+    }
+
     /**
      * Triggers the export page of one agenda item
      */

client/src/app/site/pages/meetings/view-models/projection-build-descriptor.ts

@@ -8,7 +8,7 @@ export function isProjectionBuildDescriptor(obj: any): obj is ProjectionBuildDes
 }
 
 export interface ProjectionBuildDescriptor {
-    content_object_id: Fqid;
+    content_object_id: Fqid | Fqid[];
     stable?: boolean;
     stableToggle?: string;
     type?: string;