BETTERZON-31, BETTERZON-50 (#25)

* BETTERZON-31, dependencies.

* BETTERZON-31: Fixing dependencies

* BETTERZON-31,
BETTERZON-50

info popover and footer had been changed.

Co-authored-by: Patrick Müller <patrick@mueller-patrick.tech>

Frontend/src/app/app.module.ts

@@ -15,6 +15,8 @@ import {HeaderComponent} from './components/header/header.component';
 import {NewestPricesListComponent} from './components/newest-prices-list/newest-prices-list.component';
 import {FormsModule} from '@angular/forms';
 import {PageNotFoundPageComponent} from './pages/page-not-found-page/page-not-found-page.component';
+import {MatMenuModule} from '@angular/material/menu';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import {ImprintComponent} from './pages/imprint/imprint.component';
 import {PrivacyComponent} from './pages/privacy/privacy.component';
 import {NgcCookieConsentModule, NgcCookieConsentConfig} from 'ngx-cookieconsent';
@@ -79,6 +81,8 @@ const cookieConfig: NgcCookieConsentConfig = {
         HttpClientModule,
         NgApexchartsModule,
         FormsModule,
+        MatMenuModule,
+        BrowserAnimationsModule,
         NgcCookieConsentModule.forRoot(cookieConfig)
     ],
     providers: [],

Frontend/src/app/components/footer/footer.component.html

@@ -6,8 +6,8 @@
     <div class='wrap' id="footer-icons">
         <div class="icons">
             <a href="https://github.com/Mueller-Patrick/Betterzon" class="fa fa-github fa-4x icon-3d"></a>
-            <a href="https://twitter.com/elonmusk" class="fa fa-twitter fa-4x icon-3d"></a>
-            <a href="https://www.facebook.com/TheElonmusk/" class="fa fa-facebook fa-4x icon-3d"></a>
+            <a href="https://blog.betterzon.xyz/" class="fa fa-info fa-4x icon-3d"></a>
+            <a href="https://github.com/Mueller-Patrick/Betterzon/wiki" class="fa fa-wikipedia-w fa-4x icon-3d"></a>
         </div>
         <div class = "blocks" id="copyright">© COPYRIGHT 2020</div>
     </div>

Frontend/src/app/components/header/header.component.html

@@ -8,7 +8,13 @@
             <input *ngIf="showSearch===true" type="text" [(ngModel)]="searchInput" placeholder="Search" (keyup.enter)="startedSearch()">
         </div>
         <div class="profileIcon">
-            Profile
+            <button mat-button [matMenuTriggerFor]="menu">Menu</button>
+            <mat-menu #menu="matMenu">
+                <button mat-menu-item>Option 1</button>
+                <button mat-menu-item>Option 2</button>
+                <button mat-menu-item>Option 3</button>
+                <button mat-menu-item>Option 4</button>
+            </mat-menu>
         </div>
     </div>
 </header>

Frontend/src/app/components/header/header.component.ts

@@ -4,8 +4,9 @@ import {Router} from '@angular/router';
 @Component({
     selector: 'app-header',
     templateUrl: './header.component.html',
-    styleUrls: ['./header.component.css']
+    styleUrls: ['./header.component.css'],
 })
+
 export class HeaderComponent implements OnInit {
     searchInput: string;
     @Input() showSearch: boolean;