#118 Eventoverviewseite anlegen

frontend/src/app/dashboard/dashboard-content/dashboard-content.component.html

@@ -6,6 +6,9 @@
     <p>Ist Gast: {{ user.guest ? 'Ja' : 'Nein' }}</p>
   </div>
 
+  <app-default-event-page></app-default-event-page>
+
+
   <button (click)="afterAuth()">AfterAuth</button>
   <button (click)="createEvent()">CreateEvent</button>
   <button (click)="getOwn()">GetMyEvents</button>

frontend/src/app/default-event-page/default-event-page.component.html

@@ -0,0 +1 @@
+<p>default-event-page works!</p>

frontend/src/app/default-event-page/default-event-page.component.spec.ts

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

frontend/src/app/default-event-page/default-event-page.component.ts

@@ -0,0 +1,10 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-default-event-page',
+  templateUrl: './default-event-page.component.html',
+  styleUrl: './default-event-page.component.scss'
+})
+export class DefaultEventPageComponent {
+
+}

frontend/src/app/eventpage/default-event-page/default-event-page.component.scss

@@ -0,0 +1,24 @@
+
+#noEventPictureDiv{
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  object-fit: cover;
+}
+#noEventTextDiv{
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+}
+#addEventPicture{
+  position: relative;
+  top: 3px;
+}
+#noEventPicture{
+  max-width:100%;
+  height:auto;
+  width: auto;
+}
+
+

frontend/src/app/eventpage/eventpage.component.html

@@ -0,0 +1,2 @@
+<p>eventpage works!</p>
+

frontend/src/app/eventpage/eventpage.component.spec.ts

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

frontend/src/app/eventpage/eventpage.component.ts

@@ -0,0 +1,10 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-eventpage',
+  templateUrl: './eventpage.component.html',
+  styleUrl: './eventpage.component.scss'
+})
+export class EventpageComponent {
+
+}

frontend/src/app/eventsite/default-event-page/default-event-page.component.html

@@ -0,0 +1,11 @@
+<div id="noEventPictureDiv">
+  <img id="noEventPicture" width="540" height="480" ngSrc="./assets/noEventPicture.svg">
+</div>
+<div id="noEventTextDiv">
+  <p>
+    Kein Event ausgewählt
+    <br>
+    <br>
+    Füge Links ein Event aus oder füge ein neues über das &nbsp; <img id="addEventPicture" width="20" height="20" ngSrc="./assets/profile.svg"> &nbsp; Icon hinzu
+  </p>
+</div>