From 595f66d9d670bef0cb1dabf09c586de6da6b7573 Mon Sep 17 00:00:00 2001 From: danielvici123 Date: Fri, 21 Nov 2025 17:24:33 +0100 Subject: [PATCH] add: changelog; change: coming soon, Styling, navbar styling --- src/app/app.html | 2 +- src/app/app.routes.ts | 5 ++ src/app/components/navbar/navbar.html | 9 +-- src/app/components/navbar/navbar.ts | 32 ++++++++-- .../generator-password.component.html | 4 +- .../generator/qrcode/generator-qrcode.html | 2 +- src/app/sites/navbar/changelog/changelog.css | 0 src/app/sites/navbar/changelog/changelog.html | 59 +++++++++++++++++++ .../sites/navbar/changelog/changelog.spec.ts | 23 ++++++++ src/app/sites/navbar/changelog/changelog.ts | 13 ++++ .../sites/navbar/comingsoon/comingsoon.html | 24 +++++++- src/app/sites/startpage/startpage.html | 2 +- src/index.html | 2 +- 13 files changed, 160 insertions(+), 17 deletions(-) create mode 100644 src/app/sites/navbar/changelog/changelog.css create mode 100644 src/app/sites/navbar/changelog/changelog.html create mode 100644 src/app/sites/navbar/changelog/changelog.spec.ts create mode 100644 src/app/sites/navbar/changelog/changelog.ts diff --git a/src/app/app.html b/src/app/app.html index 46622c6..75d1ff2 100644 --- a/src/app/app.html +++ b/src/app/app.html @@ -1,6 +1,6 @@ -
+
diff --git a/src/app/app.routes.ts b/src/app/app.routes.ts index 37ebc1b..4f31763 100644 --- a/src/app/app.routes.ts +++ b/src/app/app.routes.ts @@ -4,6 +4,7 @@ import { TestIt } from './sites/test-it/test-it'; import { GeneratorPassword } from './sites/generator/password/generator-password.component'; import { GeneratorQrcode } from './sites/generator/qrcode/generator-qrcode'; import { Comingsoon } from './sites/navbar/comingsoon/comingsoon'; +import { Changelog } from './sites/navbar/changelog/changelog'; export const routes: Routes = [ { @@ -19,6 +20,10 @@ export const routes: Routes = [ path: 'coming-soon', component: Comingsoon, }, + { + path: 'changelog', + component: Changelog, + }, // GENERATORS { path: 'generator/password', diff --git a/src/app/components/navbar/navbar.html b/src/app/components/navbar/navbar.html index 342b515..ac512bb 100644 --- a/src/app/components/navbar/navbar.html +++ b/src/app/components/navbar/navbar.html @@ -3,16 +3,17 @@ class="flex justify-between items-center px-4 bg-blue-marian text-white container mx-auto h-full" >
- Home + Home
- Coming Soon - Changelog - About + About
+ \ No newline at end of file diff --git a/src/app/components/navbar/navbar.ts b/src/app/components/navbar/navbar.ts index c33a515..08331ab 100644 --- a/src/app/components/navbar/navbar.ts +++ b/src/app/components/navbar/navbar.ts @@ -1,11 +1,33 @@ -import { Component } from '@angular/core'; -import { RouterLink, RouterLinkActive } from '@angular/router'; -import { NgOptimizedImage } from '@angular/common'; +import { NgClass } from '@angular/common'; +import { Component, OnInit, OnDestroy } from '@angular/core'; +import { Router, NavigationEnd, RouterLink, RouterLinkActive } from '@angular/router'; +import { Subscription } from 'rxjs'; @Component({ selector: 'app-navbar', - imports: [RouterLinkActive, RouterLink], + imports: [RouterLinkActive, RouterLink, NgClass], templateUrl: './navbar.html', styleUrl: './navbar.css', }) -export class Navbar {} +export class Navbar { + private routerSubscription!: Subscription; + route: string = ''; + + constructor(private router: Router) { + console.log(this.router.url) + } + + + ngOnInit() { + this.routerSubscription = this.router.events.subscribe((event) => { + if (event instanceof NavigationEnd) { + console.log('Route changed:', event.url); + this.route = event.url; + } + }); + } + + ngOnDestroy() { + this.routerSubscription.unsubscribe(); // Prevent memory leaks + } +} \ No newline at end of file diff --git a/src/app/sites/generator/password/generator-password.component.html b/src/app/sites/generator/password/generator-password.component.html index faf1e97..f552f33 100644 --- a/src/app/sites/generator/password/generator-password.component.html +++ b/src/app/sites/generator/password/generator-password.component.html @@ -1,4 +1,4 @@ -
+
-
+
+
+
+ +
+ +
+

Changes that have been made:

+ +
+ +
    +
  • Site remade in Angular 20
    • +
  • Settings Tab removed
    • +
  • Text in Coming soon changed
    • +
+
+ +
+ +
    +
  • Added Settings and Changelog pages
    • +
  • Color Converter added
    • +
  • Enhanced QR code generator
    • +
  • Currency converter added
    • +
  • Number Converter added
    • +
  • Scientific Calculator added
    • +
  • Removed bookmarked websites feature
    • +
  • Updated navigation structure
    • +
+
+
+ +
    +
  • Initial release
    • +
  • Added basic tools: Password Generator, QR Code Generator
    • +
  • Added converters: Number, Color, Currency
    • +
  • Added Scientific Calculator
    • +
  • Basic website layout and navigation
    • +
+
+
+
+ diff --git a/src/app/sites/navbar/changelog/changelog.spec.ts b/src/app/sites/navbar/changelog/changelog.spec.ts new file mode 100644 index 0000000..8fc7fb8 --- /dev/null +++ b/src/app/sites/navbar/changelog/changelog.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { Changelog } from './changelog'; + +describe('Changelog', () => { + let component: Changelog; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [Changelog] + }) + .compileComponents(); + + fixture = TestBed.createComponent(Changelog); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/sites/navbar/changelog/changelog.ts b/src/app/sites/navbar/changelog/changelog.ts new file mode 100644 index 0000000..9802893 --- /dev/null +++ b/src/app/sites/navbar/changelog/changelog.ts @@ -0,0 +1,13 @@ +import { Component } from '@angular/core'; +import { CustomTitle } from "../../../components/custom-title/custom-title"; +import { RouterLink } from "@angular/router"; + +@Component({ + selector: 'app-changelog', + imports: [CustomTitle, RouterLink], + templateUrl: './changelog.html', + styleUrl: './changelog.css', +}) +export class Changelog { + +} diff --git a/src/app/sites/navbar/comingsoon/comingsoon.html b/src/app/sites/navbar/comingsoon/comingsoon.html index 7801f75..381993c 100644 --- a/src/app/sites/navbar/comingsoon/comingsoon.html +++ b/src/app/sites/navbar/comingsoon/comingsoon.html @@ -1,4 +1,4 @@ -
+
+

This project is maintained and developed by @@ -18,9 +19,28 @@ Instead, I add new tools and functions when I have a good idea and the time allows.

+ +
+ +
+

New Tool(s):

+
    +
  • Document Converter - changes format of documents
    • +
  • Random Generator - generates random numbers or selects a randing string from a input
    • +
  • Date Converter - converts date formats
    • +
  • Text Case Converter - converts text to upper, lower or title case
    • +
+
+ +
+

Want to suggest a feature?

-
+

Feel free to give me feedback or suggestions for the project! I welcome any suggestions, feedback or features.

  • - Notion Form
    • diff --git a/src/app/sites/startpage/startpage.html b/src/app/sites/startpage/startpage.html index 0ada5f7..97781cd 100644 --- a/src/app/sites/startpage/startpage.html +++ b/src/app/sites/startpage/startpage.html @@ -1,4 +1,4 @@ -
    +
    - +