WIP: Standalone migration/New vote view

Author: bastianjoel

client/src/app/site/pages/meetings/modules/poll/components/poll-approval-vote/poll-approval-vote.component.html

@@ -0,0 +1,3 @@
+<os-poll-vote>
+    <p>poll-approval-vote works!</p>
+</os-poll-vote>

client/src/app/site/pages/meetings/modules/poll/components/poll-approval-vote/poll-approval-vote.component.scss

@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { PollApprovalVoteComponent } from './poll-approval-vote.component';
+
+describe('PollApprovalVoteComponent', () => {
+    let component: PollApprovalVoteComponent;
+    let fixture: ComponentFixture<PollApprovalVoteComponent>;
+
+    beforeEach(async () => {
+        await TestBed.configureTestingModule({
+            imports: [PollApprovalVoteComponent]
+        }).compileComponents();
+
+        fixture = TestBed.createComponent(PollApprovalVoteComponent);
+        component = fixture.componentInstance;
+        fixture.detectChanges();
+    });
+
+    it('should create', () => {
+        expect(component).toBeTruthy();
+    });
+});

client/src/app/site/pages/meetings/modules/poll/components/poll-approval-vote/poll-approval-vote.component.spec.ts

@@ -0,0 +1,12 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+
+import { PollVoteComponent } from '../poll-vote/poll-vote.component';
+
+@Component({
+    selector: 'os-poll-approval-vote',
+    imports: [PollVoteComponent],
+    templateUrl: './poll-approval-vote.component.html',
+    styleUrl: './poll-approval-vote.component.scss',
+    changeDetection: ChangeDetectionStrategy.OnPush
+})
+export class PollApprovalVoteComponent {}

client/src/app/site/pages/meetings/modules/poll/components/poll-approval-vote/poll-approval-vote.component.ts

@@ -0,0 +1,3 @@
+<p>poll-vote works!</p>
+
+<ng-content></ng-content>

client/src/app/site/pages/meetings/modules/poll/components/poll-vote/poll-vote.component.html

@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { PollVoteComponent } from './poll-vote.component';
+
+describe('PollVoteComponent', () => {
+    let component: PollVoteComponent;
+    let fixture: ComponentFixture<PollVoteComponent>;
+
+    beforeEach(async () => {
+        await TestBed.configureTestingModule({
+            imports: [PollVoteComponent]
+        }).compileComponents();
+
+        fixture = TestBed.createComponent(PollVoteComponent);
+        component = fixture.componentInstance;
+        fixture.detectChanges();
+    });
+
+    it('should create', () => {
+        expect(component).toBeTruthy();
+    });
+});

client/src/app/site/pages/meetings/modules/poll/components/poll-vote/poll-vote.component.scss

@@ -0,0 +1,10 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+
+@Component({
+    selector: 'os-poll-vote',
+    imports: [],
+    templateUrl: './poll-vote.component.html',
+    styleUrl: './poll-vote.component.scss',
+    changeDetection: ChangeDetectionStrategy.OnPush
+})
+export class PollVoteComponent {}

client/src/app/site/pages/meetings/modules/poll/components/poll-vote/poll-vote.component.spec.ts

@@ -1,4 +1,5 @@
 import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, OnDestroy, OnInit } from '@angular/core';
+import { TranslatePipe } from '@ngx-translate/core';
 import { combineLatestWith, map } from 'rxjs';
 import { Permission } from 'src/app/domain/definitions/permission';
 import { VOTE_UNDOCUMENTED } from 'src/app/domain/models/poll';
@@ -17,9 +18,9 @@ const CHART_DATA_SUBSCRIPTION_NAME = `chart_data_subscription`;
 @Component({
     selector: `os-motion-poll-detail-content`,
     templateUrl: `./motion-poll-detail-content.component.html`,
+    imports: [TranslatePipe],
     styleUrls: [`./motion-poll-detail-content.component.scss`],
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    standalone: false
+    changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class MotionPollDetailContentComponent extends BaseUiComponent implements OnDestroy, OnInit {
     private _poll!: PollData | null;

client/src/app/site/pages/meetings/modules/poll/components/poll-vote/poll-vote.component.ts

@@ -1,11 +1,11 @@
 @if (showPoll) {
     <mat-card class="motion-poll-wrapper">
         <mat-card-content>
-            <!-- Poll Infos -->
+            <!-- Poll Infos
             <div class="poll-title-wrapper">
-                <!-- Title Area -->
+                <!-- Title Area --
                 <div class="poll-title-area">
-                    <!-- Title -->
+                    <!-- Title --
                     <span class="poll-title break-word">
                         @if (isSameMeeting) {
                             <a [routerLink]="getDetailLink()">
@@ -16,16 +16,17 @@
                         }
                     </span>
                 </div>
-                <!-- Dot Menu -->
+                <!-- Dot Menu --
                 <span *osPerms="permission.motionCanManagePolls; and: isSameMeeting" class="poll-actions">
                     <button mat-icon-button [matMenuTriggerFor]="pollDetailMenu">
                         <mat-icon class="icon-18">more_horiz</mat-icon>
                     </button>
                 </span>
             </div>
-            <!-- Subtitle -->
+            -->
+            <!-- Subtitle
             <div class="italic spacer-bottom-20">
-                <!-- Type and State -->
+                <!-- Type and State --
                 <div class="type-and-state italic spacer-bottom-20 break-word">
                     <span *osPerms="permission.motionCanManagePolls; and: poll.isEVoting">
                         <os-icon-container
@@ -43,7 +44,7 @@
                         }
                         &middot;&nbsp;
                     </span>
-                    <!-- State -->
+                    <!-- State --
                     <span class="break-word">
                         @if (isAnonymous && poll.canBeVotedFor()) {
                             {{ 'Voting in progress' | translate }}
@@ -53,7 +54,8 @@
                     </span>
                 </div>
             </div>
-            <!-- Change state button -->
+            -->
+            <!-- Change state button
             <span *osPerms="permission.motionCanManagePolls; and: !hideChangeState">
                 @if (pollStateActions[poll.state]) {
                     <button
@@ -74,7 +76,8 @@
                     </button>
                 }
             </span>
-            <!-- Results -->
+            -->
+            <!-- Results
             @if (poll && !poll.stateHasVotes && poll.type !== 'analog') {
                 @if (poll && poll.isStarted) {
                     <os-poll-progress [canManagePoll]="canManagePoll" [poll]="poll" />
@@ -88,6 +91,7 @@
                     <ng-container [ngTemplateOutlet]="canSeeVotes ? viewTemplate : emptyTemplate"></ng-container>
                 </span>
             }
+            -->
             <!-- Detail link -->
             @if (poll.isPublished && isSameMeeting) {
                 <div class="poll-detail-button-wrapper">