Gameyfin version is now displayed in footer

frontend/package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "frontend",
-  "version": "@project.version@",
+  "version": "1.2.0",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "frontend",
-      "version": "@project.version@",
+      "version": "1.2.0",
       "dependencies": {
         "@angular/animations": "^14.0.0",
         "@angular/cdk": "^14.1.0",

frontend/package.json

@@ -1,6 +1,6 @@
 {
   "name": "frontend",
-  "version": "@project.version@",
+  "version": "1.2.0",
   "scripts": {
     "ng": "ng",
     "start": "ng serve",

frontend/pom.xml

@@ -63,6 +63,17 @@
             </goals>
           </execution>
 
+          <!-- Update frontend version in package.json -->
+          <execution>
+            <id>npm version</id>
+            <goals>
+              <goal>npm</goal>
+            </goals>
+            <configuration>
+              <arguments>version ${project.version}</arguments>
+            </configuration>
+          </execution>
+
           <!-- build app -->
           <execution>
             <id>npm run build</id>

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

@@ -1 +1 @@
-<p>&copy; {{date| date:'yyyy'}} grimsi | <a href="{{githubUrl}}" target="_blank">GitHub</a></p>
+<p>&copy; {{date| date:'yyyy'}} grimsi | Gameyfin v{{gameyfinVersion}} | <a href="{{githubUrl}}" target="_blank">GitHub</a></p>

frontend/src/app/components/footer/footer.component.ts

@@ -1,4 +1,5 @@
 import { Component, OnInit } from '@angular/core';
+import packageJson from 'package.json';
 
 @Component({
   selector: 'app-footer',
@@ -8,6 +9,7 @@ import { Component, OnInit } from '@angular/core';
 export class FooterComponent implements OnInit {
 
   githubUrl: string = "https://github.com/grimsi/gameyfin";
+  gameyfinVersion: string = packageJson.version;
   date: Date = new Date();
 
   constructor() { }