;
+
+ beforeEach(async () => {
+ await TestBed.configureTestingModule({
+ imports: [AdminView]
+ })
+ .compileComponents();
+
+ fixture = TestBed.createComponent(AdminView);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/front/v2/src/app/views/admin-view/admin-view.ts b/front/v2/src/app/views/admin-view/admin-view.ts
new file mode 100644
index 0000000..5ff9144
--- /dev/null
+++ b/front/v2/src/app/views/admin-view/admin-view.ts
@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+ selector: 'admin-view',
+ imports: [],
+ templateUrl: './admin-view.html',
+ styleUrl: './admin-view.scss'
+})
+export class AdminView {
+
+}
diff --git a/front/v2/src/app/views/content-manager-view/content-manager-view.html b/front/v2/src/app/views/content-manager-view/content-manager-view.html
new file mode 100644
index 0000000..018ac9e
--- /dev/null
+++ b/front/v2/src/app/views/content-manager-view/content-manager-view.html
@@ -0,0 +1 @@
+content-manager-view works!
diff --git a/front/v2/src/app/views/content-manager-view/content-manager-view.scss b/front/v2/src/app/views/content-manager-view/content-manager-view.scss
new file mode 100644
index 0000000..e69de29
diff --git a/front/v2/src/app/views/content-manager-view/content-manager-view.spec.ts b/front/v2/src/app/views/content-manager-view/content-manager-view.spec.ts
new file mode 100644
index 0000000..59e7fbe
--- /dev/null
+++ b/front/v2/src/app/views/content-manager-view/content-manager-view.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ContentManagerView } from './content-manager-view';
+
+describe('ContentManagerView', () => {
+ let component: ContentManagerView;
+ let fixture: ComponentFixture;
+
+ beforeEach(async () => {
+ await TestBed.configureTestingModule({
+ imports: [ContentManagerView]
+ })
+ .compileComponents();
+
+ fixture = TestBed.createComponent(ContentManagerView);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/front/v2/src/app/views/content-manager-view/content-manager-view.ts b/front/v2/src/app/views/content-manager-view/content-manager-view.ts
new file mode 100644
index 0000000..03e9f44
--- /dev/null
+++ b/front/v2/src/app/views/content-manager-view/content-manager-view.ts
@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+ selector: 'content-manager-view',
+ imports: [],
+ templateUrl: './content-manager-view.html',
+ styleUrl: './content-manager-view.scss'
+})
+export class ContentManagerView {
+
+}
diff --git a/front/v2/src/app/views/events-view/events-view.html b/front/v2/src/app/views/events-view/events-view.html
new file mode 100644
index 0000000..d03981b
--- /dev/null
+++ b/front/v2/src/app/views/events-view/events-view.html
@@ -0,0 +1 @@
+events-view works!
diff --git a/front/v2/src/app/views/events-view/events-view.scss b/front/v2/src/app/views/events-view/events-view.scss
new file mode 100644
index 0000000..e69de29
diff --git a/front/v2/src/app/views/events-view/events-view.spec.ts b/front/v2/src/app/views/events-view/events-view.spec.ts
new file mode 100644
index 0000000..379e1c4
--- /dev/null
+++ b/front/v2/src/app/views/events-view/events-view.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { EventsView } from './events-view';
+
+describe('EventsView', () => {
+ let component: EventsView;
+ let fixture: ComponentFixture;
+
+ beforeEach(async () => {
+ await TestBed.configureTestingModule({
+ imports: [EventsView]
+ })
+ .compileComponents();
+
+ fixture = TestBed.createComponent(EventsView);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/front/v2/src/app/views/events-view/events-view.ts b/front/v2/src/app/views/events-view/events-view.ts
new file mode 100644
index 0000000..5a58ff5
--- /dev/null
+++ b/front/v2/src/app/views/events-view/events-view.ts
@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+ selector: 'events-view',
+ imports: [],
+ templateUrl: './events-view.html',
+ styleUrl: './events-view.scss'
+})
+export class EventsView {
+
+}
diff --git a/front/v2/src/app/views/home-view/home-view.html b/front/v2/src/app/views/home-view/home-view.html
new file mode 100644
index 0000000..84c6a4b
--- /dev/null
+++ b/front/v2/src/app/views/home-view/home-view.html
@@ -0,0 +1,7 @@
+
+ @if (gallery.photos) { @for (item of gallery.photos; track $index) {
+ -
+
![]()
+
+ } }
+
diff --git a/front/v2/src/app/views/home-view/home-view.scss b/front/v2/src/app/views/home-view/home-view.scss
new file mode 100644
index 0000000..e69de29
diff --git a/front/v2/src/app/views/home-view/home-view.spec.ts b/front/v2/src/app/views/home-view/home-view.spec.ts
new file mode 100644
index 0000000..a6f3fd9
--- /dev/null
+++ b/front/v2/src/app/views/home-view/home-view.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { HomeView } from './home-view';
+
+describe('HomeView', () => {
+ let component: HomeView;
+ let fixture: ComponentFixture;
+
+ beforeEach(async () => {
+ await TestBed.configureTestingModule({
+ imports: [HomeView]
+ })
+ .compileComponents();
+
+ fixture = TestBed.createComponent(HomeView);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/front/v2/src/app/views/home-view/home-view.ts b/front/v2/src/app/views/home-view/home-view.ts
new file mode 100644
index 0000000..fa5d507
--- /dev/null
+++ b/front/v2/src/app/views/home-view/home-view.ts
@@ -0,0 +1,14 @@
+import { Component, OnInit } from '@angular/core';
+import { homeGallery } from '../../../models/gallery/homeGallery';
+
+@Component({
+ selector: 'home-view',
+ imports: [],
+ templateUrl: './home-view.html',
+ styleUrl: './home-view.scss',
+})
+export class HomeView implements OnInit {
+ public gallery: homeGallery = new homeGallery();
+
+ ngOnInit() {}
+}
diff --git a/front/v2/src/app/views/login-view/login-view.html b/front/v2/src/app/views/login-view/login-view.html
new file mode 100644
index 0000000..11d5bd6
--- /dev/null
+++ b/front/v2/src/app/views/login-view/login-view.html
@@ -0,0 +1 @@
+login-view works!
diff --git a/front/v2/src/app/views/login-view/login-view.scss b/front/v2/src/app/views/login-view/login-view.scss
new file mode 100644
index 0000000..e69de29
diff --git a/front/v2/src/app/views/login-view/login-view.spec.ts b/front/v2/src/app/views/login-view/login-view.spec.ts
new file mode 100644
index 0000000..da347e5
--- /dev/null
+++ b/front/v2/src/app/views/login-view/login-view.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { LoginView } from './login-view';
+
+describe('LoginView', () => {
+ let component: LoginView;
+ let fixture: ComponentFixture;
+
+ beforeEach(async () => {
+ await TestBed.configureTestingModule({
+ imports: [LoginView]
+ })
+ .compileComponents();
+
+ fixture = TestBed.createComponent(LoginView);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/front/v2/src/app/views/login-view/login-view.ts b/front/v2/src/app/views/login-view/login-view.ts
new file mode 100644
index 0000000..dc7dcd2
--- /dev/null
+++ b/front/v2/src/app/views/login-view/login-view.ts
@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+ selector: 'login-view',
+ imports: [],
+ templateUrl: './login-view.html',
+ styleUrl: './login-view.scss'
+})
+export class LoginView {
+
+}
diff --git a/front/v2/src/app/views/services-view/services-view.html b/front/v2/src/app/views/services-view/services-view.html
new file mode 100644
index 0000000..10252b8
--- /dev/null
+++ b/front/v2/src/app/views/services-view/services-view.html
@@ -0,0 +1 @@
+services-view works!
diff --git a/front/v2/src/app/views/services-view/services-view.scss b/front/v2/src/app/views/services-view/services-view.scss
new file mode 100644
index 0000000..e69de29
diff --git a/front/v2/src/app/views/services-view/services-view.spec.ts b/front/v2/src/app/views/services-view/services-view.spec.ts
new file mode 100644
index 0000000..405b591
--- /dev/null
+++ b/front/v2/src/app/views/services-view/services-view.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ServicesView } from './services-view';
+
+describe('ServicesView', () => {
+ let component: ServicesView;
+ let fixture: ComponentFixture;
+
+ beforeEach(async () => {
+ await TestBed.configureTestingModule({
+ imports: [ServicesView]
+ })
+ .compileComponents();
+
+ fixture = TestBed.createComponent(ServicesView);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/front/v2/src/app/views/services-view/services-view.ts b/front/v2/src/app/views/services-view/services-view.ts
new file mode 100644
index 0000000..9607110
--- /dev/null
+++ b/front/v2/src/app/views/services-view/services-view.ts
@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+ selector: 'services-view',
+ imports: [],
+ templateUrl: './services-view.html',
+ styleUrl: './services-view.scss'
+})
+export class ServicesView {
+
+}
diff --git a/front/v2/src/app/views/tags-view/tags-view.html b/front/v2/src/app/views/tags-view/tags-view.html
new file mode 100644
index 0000000..0bb4638
--- /dev/null
+++ b/front/v2/src/app/views/tags-view/tags-view.html
@@ -0,0 +1 @@
+tags-view works!
diff --git a/front/v2/src/app/views/tags-view/tags-view.scss b/front/v2/src/app/views/tags-view/tags-view.scss
new file mode 100644
index 0000000..e69de29
diff --git a/front/v2/src/app/views/tags-view/tags-view.spec.ts b/front/v2/src/app/views/tags-view/tags-view.spec.ts
new file mode 100644
index 0000000..249d4bf
--- /dev/null
+++ b/front/v2/src/app/views/tags-view/tags-view.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { TagsView } from './tags-view';
+
+describe('TagsView', () => {
+ let component: TagsView;
+ let fixture: ComponentFixture;
+
+ beforeEach(async () => {
+ await TestBed.configureTestingModule({
+ imports: [TagsView]
+ })
+ .compileComponents();
+
+ fixture = TestBed.createComponent(TagsView);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/front/v2/src/app/views/tags-view/tags-view.ts b/front/v2/src/app/views/tags-view/tags-view.ts
new file mode 100644
index 0000000..1a6a06a
--- /dev/null
+++ b/front/v2/src/app/views/tags-view/tags-view.ts
@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+ selector: 'tags-view',
+ imports: [],
+ templateUrl: './tags-view.html',
+ styleUrl: './tags-view.scss'
+})
+export class TagsView {
+
+}
diff --git a/front/v2/src/app/views/user-galleries-view/user-galleries-view.html b/front/v2/src/app/views/user-galleries-view/user-galleries-view.html
new file mode 100644
index 0000000..3b380d6
--- /dev/null
+++ b/front/v2/src/app/views/user-galleries-view/user-galleries-view.html
@@ -0,0 +1 @@
+user-galleries-view works!
diff --git a/front/v2/src/app/views/user-galleries-view/user-galleries-view.scss b/front/v2/src/app/views/user-galleries-view/user-galleries-view.scss
new file mode 100644
index 0000000..e69de29
diff --git a/front/v2/src/app/views/user-galleries-view/user-galleries-view.spec.ts b/front/v2/src/app/views/user-galleries-view/user-galleries-view.spec.ts
new file mode 100644
index 0000000..a62750a
--- /dev/null
+++ b/front/v2/src/app/views/user-galleries-view/user-galleries-view.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { UserGalleriesView } from './user-galleries-view';
+
+describe('UserGalleriesView', () => {
+ let component: UserGalleriesView;
+ let fixture: ComponentFixture;
+
+ beforeEach(async () => {
+ await TestBed.configureTestingModule({
+ imports: [UserGalleriesView]
+ })
+ .compileComponents();
+
+ fixture = TestBed.createComponent(UserGalleriesView);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/front/v2/src/app/views/user-galleries-view/user-galleries-view.ts b/front/v2/src/app/views/user-galleries-view/user-galleries-view.ts
new file mode 100644
index 0000000..d71de4a
--- /dev/null
+++ b/front/v2/src/app/views/user-galleries-view/user-galleries-view.ts
@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+ selector: 'user-galleries-view',
+ imports: [],
+ templateUrl: './user-galleries-view.html',
+ styleUrl: './user-galleries-view.scss'
+})
+export class UserGalleriesView {
+
+}
diff --git a/front/v2/src/app/views/user-profile-view/user-profile-view.html b/front/v2/src/app/views/user-profile-view/user-profile-view.html
new file mode 100644
index 0000000..2eeb553
--- /dev/null
+++ b/front/v2/src/app/views/user-profile-view/user-profile-view.html
@@ -0,0 +1 @@
+user-profile-view works!
diff --git a/front/v2/src/app/views/user-profile-view/user-profile-view.scss b/front/v2/src/app/views/user-profile-view/user-profile-view.scss
new file mode 100644
index 0000000..e69de29
diff --git a/front/v2/src/app/views/user-profile-view/user-profile-view.spec.ts b/front/v2/src/app/views/user-profile-view/user-profile-view.spec.ts
new file mode 100644
index 0000000..c58c585
--- /dev/null
+++ b/front/v2/src/app/views/user-profile-view/user-profile-view.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { UserProfileView } from './user-profile-view';
+
+describe('UserProfileView', () => {
+ let component: UserProfileView;
+ let fixture: ComponentFixture;
+
+ beforeEach(async () => {
+ await TestBed.configureTestingModule({
+ imports: [UserProfileView]
+ })
+ .compileComponents();
+
+ fixture = TestBed.createComponent(UserProfileView);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/front/v2/src/app/views/user-profile-view/user-profile-view.ts b/front/v2/src/app/views/user-profile-view/user-profile-view.ts
new file mode 100644
index 0000000..0669baf
--- /dev/null
+++ b/front/v2/src/app/views/user-profile-view/user-profile-view.ts
@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+ selector: 'user-profile-view',
+ imports: [],
+ templateUrl: './user-profile-view.html',
+ styleUrl: './user-profile-view.scss'
+})
+export class UserProfileView {
+
+}
diff --git a/front/v2/src/index.html b/front/v2/src/index.html
new file mode 100644
index 0000000..4d8e249
--- /dev/null
+++ b/front/v2/src/index.html
@@ -0,0 +1,11 @@
+
+
+
+
+
+
+
+
+
+
+
diff --git a/front/v2/src/main.ts b/front/v2/src/main.ts
new file mode 100644
index 0000000..4bde719
--- /dev/null
+++ b/front/v2/src/main.ts
@@ -0,0 +1,17 @@
+import { bootstrapApplication } from '@angular/platform-browser';
+import { appConfig } from './app/app.config';
+import { App } from './app/app';
+import { config } from './models/config';
+import axios from 'axios';
+
+async function main() {
+ await config.load();
+ const publicConfig: config = config.get();
+ publicConfig.configure();
+ // update axios base url
+ axios.defaults.baseURL = publicConfig.baseApiUrl || undefined;
+
+ bootstrapApplication(App, appConfig).catch((err) => console.error(err));
+}
+
+main();
diff --git a/front/v2/src/models/config.ts b/front/v2/src/models/config.ts
new file mode 100644
index 0000000..58ebf77
--- /dev/null
+++ b/front/v2/src/models/config.ts
@@ -0,0 +1,130 @@
+import { Injectable } from '@angular/core';
+
+@Injectable({ providedIn: 'root' })
+export class config {
+ private constructor() {} // Evita instanciación
+
+ private static instance: config | null = null;
+
+ private dnsPrefecthBackend() {
+ const link = document.createElement('link');
+ link.rel = 'dns-prefetch';
+ link.href = config.instance!.baseApiUrl || 'http://localhost:3000/api';
+ document.head.appendChild(link);
+ }
+
+ private setIcon() {
+ const link = document.createElement('link');
+ link.rel = 'icon';
+ link.type = 'image/x-icon';
+ link.href = config.instance!.faviconSrc || 'default.ico';
+ document.head.appendChild(link);
+ }
+
+ private setMetaTags() {
+ if (config.instance!.metaTags) {
+ for (const [key, value] of Object.entries(config.instance!.metaTags!)) {
+ const meta = document.createElement('meta');
+ meta.name = key;
+ meta.content = value || '';
+ document.head.appendChild(meta);
+ }
+ }
+ }
+
+ private setFonts() {
+ // update font
+ config.instance!.fonts.preconnect.forEach((font) => {
+ const link = document.createElement('link');
+ link.rel = 'preconnect';
+ link.href = font.href;
+ if (font.crossorigin) {
+ link.crossOrigin = 'anonymous';
+ }
+ document.head.appendChild(link);
+ });
+ config.instance!.fonts.stylesheets.forEach((stylesheet) => {
+ const link = document.createElement('link');
+ link.rel = 'stylesheet';
+ link.href = stylesheet;
+ document.head.appendChild(link);
+ });
+ }
+
+ public configure() {
+ document.title = config.instance!.title || 'Default Title';
+ this.dnsPrefecthBackend();
+ this.setIcon();
+ this.setMetaTags();
+ this.setFonts();
+ }
+
+ static get(): config {
+ if (config.instance) {
+ return config.instance!;
+ }
+ throw new Error('Config not loaded. Call config.load() first.');
+ }
+
+ static async load(): Promise {
+ if (config.instance === null) {
+ config.instance = new config();
+ const response = await fetch('/config.json');
+ const data = await response.json();
+ config.instance.version = data.version || '1.0.0';
+ config.instance.baseApiUrl =
+ data.baseApiUrl || 'http://localhost:3000/api';
+ config.instance.defaultTheme = data.defaultTheme || 'light';
+ config.instance.logoSrc = data.logoSrc || '/assets/logo.png';
+ config.instance.logoAlt = data.logoAlt || 'Logo';
+ config.instance.faviconSrc = data.faviconSrc || '/assets/favicon.ico';
+ config.instance.title = data.title || 'My Application';
+ config.instance.metaTags = {
+ description: data.metaTags?.description || 'Default description',
+ keywords: data.metaTags?.keywords || 'default,keywords',
+ author: data.metaTags?.author || 'Default Author',
+ };
+ config.instance.socialLinks = {
+ facebook: data.socialLinks?.facebook || null,
+ twitter: data.socialLinks?.twitter || null,
+ instagram: data.socialLinks?.instagram || null,
+ };
+ config.instance.contactEmail = data.contactEmail || null;
+ config.instance.fonts = {
+ preconnect: data.fonts?.preconnect || [],
+ stylesheets: data.fonts?.stylesheets || [],
+ };
+ }
+ return config.instance;
+ }
+
+ public fonts: {
+ preconnect: {
+ href: string;
+ crossorigin?: boolean;
+ type?: string;
+ }[];
+ stylesheets: string[];
+ } = {
+ preconnect: [],
+ stylesheets: [],
+ };
+ public version: string | null = null;
+ public baseApiUrl: string | null = null;
+ public defaultTheme: string | null = null;
+ public logoSrc: string | null = null;
+ public logoAlt: string | null = null;
+ public faviconSrc: string | null = null;
+ public title: string | null = null;
+ public metaTags: {
+ description: string | null;
+ keywords: string | null;
+ author: string | null;
+ } | null = null;
+ public socialLinks: {
+ facebook: string | null;
+ twitter: string | null;
+ instagram: string | null;
+ } | null = null;
+ public contactEmail: string | null = null;
+}
diff --git a/front/v2/src/models/eventModel.ts b/front/v2/src/models/eventModel.ts
new file mode 100644
index 0000000..bc76f77
--- /dev/null
+++ b/front/v2/src/models/eventModel.ts
@@ -0,0 +1,16 @@
+import { tagModel } from './tagModel';
+
+export class eventModel {
+ constructor(
+ public id: string,
+ public title: string,
+ public description: string,
+ public date: Date,
+ public location: string,
+ public relatedTags: tagModel[] = [],
+ public createdAt: Date,
+ public updatedAt: Date,
+ public createdBy: string,
+ public updatedBy: string
+ ) {}
+}
diff --git a/front/v2/src/models/gallery/galleryFactory.ts b/front/v2/src/models/gallery/galleryFactory.ts
new file mode 100644
index 0000000..890411d
--- /dev/null
+++ b/front/v2/src/models/gallery/galleryFactory.ts
@@ -0,0 +1,67 @@
+import { galleryModel } from './galleryModel';
+import { homeGallery } from './homeGallery';
+import { photoModel } from '../photoModel';
+import { eventModel } from '../eventModel';
+import { tagModel } from '../tagModel';
+import { personModel } from '../personModel';
+import { v4 as uuidv4 } from 'uuid';
+
+type galleryArgs = {
+ title?: string | null;
+ description?: string | null;
+ createdBy?: string | null;
+ photos?: photoModel[];
+ isPublic?: boolean;
+ isArchived?: boolean;
+ isFavorite?: boolean;
+ event?: eventModel | null;
+ tags?: tagModel[] | null;
+ personsInvolved?: personModel[] | null;
+ usersWhoCanSee?: personModel[] | null;
+};
+
+export class galleryFactory {
+ public static createEmptyGallery(): galleryModel {
+ return this.createGallery({});
+ }
+
+ public static getHomeGallery(): galleryModel {
+ return new homeGallery();
+ }
+
+ public static createGallery(
+ {
+ title = null,
+ description = null,
+ createdBy = null,
+ photos = [],
+ isPublic = true,
+ isArchived = false,
+ isFavorite = false,
+ event = null,
+ tags = null,
+ personsInvolved = null,
+ usersWhoCanSee = null,
+ } = {} as galleryArgs
+ ): galleryModel {
+ const now = new Date();
+
+ return new galleryModel({
+ id: uuidv4(),
+ title,
+ description,
+ createdAt: now,
+ updatedAt: now,
+ createdBy,
+ updatedBy: createdBy,
+ photos,
+ isPublic,
+ isArchived,
+ isFavorite,
+ event,
+ tags,
+ personsInvolved,
+ usersWhoCanSee,
+ });
+ }
+}
diff --git a/front/v2/src/models/gallery/galleryModel.ts b/front/v2/src/models/gallery/galleryModel.ts
new file mode 100644
index 0000000..c132a5f
--- /dev/null
+++ b/front/v2/src/models/gallery/galleryModel.ts
@@ -0,0 +1,98 @@
+import { dataApi } from '../../apiContracts/dataApi';
+import { paginator } from '../../utils/paginator';
+import { eventModel } from '../eventModel';
+import { personModel } from '../personModel';
+import { photoModel } from '../photoModel';
+import { tagModel } from '../tagModel';
+
+type galleryArgs = {
+ id: string;
+ title?: string | null;
+ description?: string | null;
+ createdAt?: Date | null;
+ updatedAt?: Date | null;
+ createdBy?: string | null;
+ updatedBy?: string | null;
+ photos?: photoModel[];
+ isPublic?: boolean;
+ isArchived?: boolean;
+ isFavorite?: boolean;
+ event?: eventModel | null;
+ tags?: tagModel[] | null;
+ personsInvolved?: personModel[] | null;
+ usersWhoCanSee?: personModel[] | null;
+};
+
+export class galleryModel {
+ constructor({
+ id,
+ title,
+ description,
+ createdAt,
+ updatedAt,
+ createdBy,
+ updatedBy,
+ photos,
+ isPublic,
+ isArchived,
+ isFavorite,
+ event,
+ tags,
+ personsInvolved,
+ usersWhoCanSee,
+ }: galleryArgs) {
+ this.id = id;
+ this.title = title;
+ this.description = description;
+ this.createdAt = createdAt;
+ this.updatedAt = updatedAt;
+ this.createdBy = createdBy;
+ this.updatedBy = updatedBy;
+ this.photos = photos || [];
+ this.isPublic = isPublic;
+ this.isArchived = isArchived;
+ this.isFavorite = isFavorite;
+ this.event = event;
+ this.tags = tags;
+ this.personsInvolved = personsInvolved;
+ this.usersWhoCanSee = usersWhoCanSee;
+
+ this.loadNextPage();
+ }
+
+ public id: string;
+ public title?: string | null = null;
+ public description?: string | null = null;
+ public createdAt?: Date | null = null;
+ public updatedAt?: Date | null = null;
+ public createdBy?: string | null = null;
+ public updatedBy?: string | null = null;
+ public photos: photoModel[] = [];
+ public isPublic?: boolean = true;
+ public isArchived?: boolean = false;
+ public isFavorite?: boolean = false;
+ public event?: eventModel | null = null;
+ public tags?: tagModel[] | null = null;
+ public personsInvolved?: personModel[] | null = null;
+ public usersWhoCanSee?: personModel[] | null = null;
+
+ private paginator = new paginator({
+ url: dataApi.Photos.getAll,
+ });
+
+ public addPhotos(photos: photoModel[]) {
+ if (!this.photos) {
+ this.photos = [];
+ }
+ this.photos.push(...photos);
+ }
+
+ public loadNextPage() {
+ const nextPage = this.paginator.loadNextPage();
+ nextPage.then((photos) => {
+ if (photos) {
+ this.addPhotos(photos);
+ }
+ });
+ }
+}
diff --git a/front/v2/src/models/gallery/homeGallery.ts b/front/v2/src/models/gallery/homeGallery.ts
new file mode 100644
index 0000000..e3f612a
--- /dev/null
+++ b/front/v2/src/models/gallery/homeGallery.ts
@@ -0,0 +1,12 @@
+import { galleryModel } from './galleryModel';
+import { v4 as uuidv4 } from 'uuid';
+
+export class homeGallery extends galleryModel {
+ constructor() {
+ super({
+ id: uuidv4(),
+ title: 'Home Gallery',
+ description: 'This is the home gallery.',
+ });
+ }
+}
diff --git a/front/v2/src/models/permissionModel.ts b/front/v2/src/models/permissionModel.ts
new file mode 100644
index 0000000..6819257
--- /dev/null
+++ b/front/v2/src/models/permissionModel.ts
@@ -0,0 +1,67 @@
+export class permissionModel {
+ constructor(
+ public id: string,
+ public name: string,
+ public description: string
+ ) {}
+
+ static ViewContentPermission = new permissionModel(
+ '1',
+ 'VIEW_CONTENT',
+ 'Permission to view content'
+ );
+
+ static LikeContentPermission = new permissionModel(
+ '2',
+ 'LIKE_CONTENT',
+ 'Permission to like content'
+ );
+
+ static EditContentPermission = new permissionModel(
+ '3',
+ 'EDIT_CONTENT',
+ 'Permission to edit content'
+ );
+
+ static DeleteContentPermission = new permissionModel(
+ '4',
+ 'DELETE_CONTENT',
+ 'Permission to delete content'
+ );
+
+ static CreateContentPermission = new permissionModel(
+ '5',
+ 'CREATE_CONTENT',
+ 'Permission to create new content'
+ );
+
+ static EditUserPermission = new permissionModel(
+ '6',
+ 'EDIT_USER',
+ 'Permission to edit user'
+ );
+
+ static DeleteUserPermission = new permissionModel(
+ '7',
+ 'DELETE_USER',
+ 'Permission to delete user'
+ );
+
+ static DisableUserPermission = new permissionModel(
+ '8',
+ 'DISABLE_USER',
+ 'Permission to disable user'
+ );
+
+ static CreateUserPermission = new permissionModel(
+ '9',
+ 'CREATE_USER',
+ 'Permission to create new user'
+ );
+
+ static EditWebConfigPermission = new permissionModel(
+ '10',
+ 'EDIT_WEB_CONFIG',
+ 'Permission to edit web configuration'
+ );
+}
diff --git a/front/v2/src/models/personModel.ts b/front/v2/src/models/personModel.ts
new file mode 100644
index 0000000..ea53914
--- /dev/null
+++ b/front/v2/src/models/personModel.ts
@@ -0,0 +1,64 @@
+type socialMediaType = {
+ facebook: string | null;
+ instagram: string | null;
+ twitter: string | null;
+ blueSky: string | null;
+ tiktok: string | null;
+ linkedin: string | null;
+ pinterest: string | null;
+ discord: string | null;
+ reddit: string | null;
+ other: string | null;
+};
+
+type personModelType = {
+ id: string;
+ name: string;
+ profilePicture?: string | null;
+ avatar?: string | null;
+ socialMedia?: socialMediaType | null;
+};
+
+export class personModel {
+ constructor({
+ id,
+ name,
+ profilePicture,
+ avatar,
+ socialMedia,
+ }: personModelType) {
+ this.id = id;
+ this.name = name;
+ this.profilePicture = profilePicture || null;
+ this.avatar = avatar || null;
+ this.socialMedia = socialMedia || null;
+ }
+
+ public id: string;
+ public name: string;
+ public profilePicture: string | null = null;
+ public avatar: string | null = null;
+ public socialMedia: {
+ facebook: string | null;
+ instagram: string | null;
+ twitter: string | null;
+ blueSky: string | null;
+ tiktok: string | null;
+ linkedin: string | null;
+ pinterest: string | null;
+ discord: string | null;
+ reddit: string | null;
+ other: string | null;
+ } | null = {
+ facebook: null,
+ instagram: null,
+ twitter: null,
+ blueSky: null,
+ tiktok: null,
+ linkedin: null,
+ pinterest: null,
+ discord: null,
+ reddit: null,
+ other: null,
+ };
+}
diff --git a/front/v2/src/models/photoModel.ts b/front/v2/src/models/photoModel.ts
new file mode 100644
index 0000000..15645b0
--- /dev/null
+++ b/front/v2/src/models/photoModel.ts
@@ -0,0 +1,26 @@
+import { eventModel } from './eventModel';
+import { personModel } from './personModel';
+import { rankingModel } from './rankingModel';
+import { tagModel } from './tagModel';
+
+export class photoModel {
+ constructor(
+ public id: string,
+ public title: string,
+ public description: string,
+ public lowResUrl: string,
+ public midResUrl: string,
+ public highResUrl: string,
+ public createdAt: Date,
+ public updatedAt: Date,
+ public createdBy: string,
+ public updatedBy: string,
+ public event: eventModel | null = null,
+ public tags: tagModel[] = [],
+ public ranking: rankingModel = new rankingModel(0),
+ public isFavorite: boolean = false,
+ public isPublic: boolean = true,
+ public isArchived: boolean = false,
+ public persons: personModel[] = []
+ ) {}
+}
diff --git a/front/v2/src/models/rankingModel.ts b/front/v2/src/models/rankingModel.ts
new file mode 100644
index 0000000..e1d76b7
--- /dev/null
+++ b/front/v2/src/models/rankingModel.ts
@@ -0,0 +1,25 @@
+export class rankingModel {
+ constructor(
+ private totalVotes: number,
+ private upVotes: number = 0,
+ private downVotes: number = 0
+ ) {}
+
+ downVote(): void {
+ this.downVotes++;
+ this.totalVotes++;
+ }
+
+ upVote(): void {
+ this.upVotes++;
+ this.totalVotes++;
+ }
+
+ get score(): number {
+ if (this.totalVotes === 0) {
+ return 0;
+ } else {
+ return (this.upVotes - this.downVotes) / this.totalVotes;
+ }
+ }
+}
diff --git a/front/v2/src/models/roleModel.ts b/front/v2/src/models/roleModel.ts
new file mode 100644
index 0000000..e2e2a66
--- /dev/null
+++ b/front/v2/src/models/roleModel.ts
@@ -0,0 +1,63 @@
+import { permissionModel } from './permissionModel';
+
+export class roleModel {
+ constructor(
+ public id: string,
+ public name: string,
+ public description: string,
+ public permissions: permissionModel[] = [],
+ public baseRoleModel: roleModel | null = null
+ ) {
+ if (baseRoleModel) {
+ this.permissions = baseRoleModel.permissions.concat(this.permissions);
+ }
+ }
+
+ get isAdmin(): boolean {
+ return this.id === roleModel.AdminRole.id;
+ }
+
+ get isContentManager(): boolean {
+ return this.id === roleModel.ContentManagerRole.id;
+ }
+
+ get isUser(): boolean {
+ return this.id === roleModel.UserRole.id;
+ }
+
+ hasPermission(permission: permissionModel): boolean {
+ return this.permissions.some((p) => p.id === permission.id);
+ }
+
+ static UserRole = new roleModel('1', 'User', 'Role for regular users', [
+ permissionModel.ViewContentPermission,
+ permissionModel.LikeContentPermission,
+ ]);
+
+ static ContentManagerRole = new roleModel(
+ '2',
+ 'Content Manager',
+ 'Role for managing content',
+ [
+ permissionModel.CreateUserPermission,
+ permissionModel.DisableUserPermission,
+ permissionModel.CreateContentPermission,
+ permissionModel.EditContentPermission,
+ permissionModel.DeleteContentPermission,
+ ],
+ this.UserRole
+ );
+
+ static AdminRole = new roleModel(
+ '3',
+ 'Admin',
+ 'Administrator role with full permissions',
+ [
+ permissionModel.CreateUserPermission,
+ permissionModel.EditUserPermission,
+ permissionModel.DeleteUserPermission,
+ permissionModel.EditWebConfigPermission,
+ ],
+ this.ContentManagerRole
+ );
+}
diff --git a/front/v2/src/models/tagModel.ts b/front/v2/src/models/tagModel.ts
new file mode 100644
index 0000000..8387ef8
--- /dev/null
+++ b/front/v2/src/models/tagModel.ts
@@ -0,0 +1,3 @@
+export class tagModel {
+ constructor(public id: string, public name: string) {}
+}
diff --git a/front/v2/src/models/userModel.ts b/front/v2/src/models/userModel.ts
new file mode 100644
index 0000000..4d5fc2a
--- /dev/null
+++ b/front/v2/src/models/userModel.ts
@@ -0,0 +1,46 @@
+import { personModel } from './personModel';
+import { roleModel } from './roleModel';
+
+export class userModel extends personModel {
+ constructor(
+ public override id: string,
+ public email: string,
+ public password: string,
+ public override name: string,
+ public role: roleModel[],
+ public createdAt: Date,
+ public updatedAt: Date,
+ public isLoggedIn: boolean
+ ) {
+ super({
+ id,
+ name,
+ profilePicture: null,
+ avatar: null,
+ socialMedia: null,
+ });
+ }
+
+ get isAdmin(): boolean {
+ return this.role.some((role) => role.isAdmin);
+ }
+
+ get isContentManager(): boolean {
+ return this.role.some((role) => role.isContentManager);
+ }
+
+ get isUser(): boolean {
+ return this.role.some((role) => role.isUser);
+ }
+
+ public static readonly DefaultUser: userModel = new userModel(
+ '0',
+ 'default@example.com',
+ '',
+ 'Default User',
+ [roleModel.UserRole],
+ new Date(),
+ new Date(),
+ false
+ );
+}
diff --git a/front/v2/src/styles.scss b/front/v2/src/styles.scss
new file mode 100644
index 0000000..ce90496
--- /dev/null
+++ b/front/v2/src/styles.scss
@@ -0,0 +1,17 @@
+html,
+body {
+ height: 100%;
+}
+
+body {
+ // Default the application to a light color theme. This can be changed to
+ // `dark` to enable the dark color theme, or to `light dark` to defer to the
+ // user's system settings.
+ color-scheme: light dark;
+ margin: 0;
+ font-family: "Atkinson Hyperlegible Next", Arial, sans-serif;
+}
+
+.font-mono {
+ font-family: "Atkinson Hyperlegible Mono", monospace;
+}
diff --git a/front/v2/src/styles/_variables.scss b/front/v2/src/styles/_variables.scss
new file mode 100644
index 0000000..8cbacf7
--- /dev/null
+++ b/front/v2/src/styles/_variables.scss
@@ -0,0 +1,15 @@
+$grid-breakpoints: (
+ xs: 0,
+ sm: 576px,
+ md: 768px,
+ lg: 992px,
+ xl: 1200px,
+ xxl: 1400px,
+);
+
+$text-dark: #333;
+$text-light: #fff;
+$text-muted: #6c757d;
+
+$primary-accent: #007bff;
+$warning: #ffc107;
diff --git a/front/v2/src/styles/themes/dark.scss b/front/v2/src/styles/themes/dark.scss
new file mode 100644
index 0000000..6bd3b19
--- /dev/null
+++ b/front/v2/src/styles/themes/dark.scss
@@ -0,0 +1,18 @@
+/** Dark theme variables **/
+$principal-background: #223a5e; // Azul marino (oscurecido)
+$principal-text-color: #f5f3e7; // Arena claro
+$secondary-text-color: #a1a1aa; // Gris pizarra
+$principal-color: #3a6351; // Verde bosque
+$accent-color: #d4af37; // Dorado suave
+$border-color: #27272a; // Gris oscuro
+$shadow-color: rgba(245, 243, 231, 0.07);
+$surface-color: #181a1b; // Fondo oscuro
+$warning-color: #ff9800;
+
+.dark-theme {
+ --background: $principal-background;
+ --text-color: $principal-text-color;
+ --border-color: $border-color;
+ --shadow-color: $shadow-color;
+ --surface-color: $surface-color;
+}
diff --git a/front/v2/src/styles/themes/light.scss b/front/v2/src/styles/themes/light.scss
new file mode 100644
index 0000000..ee121f1
--- /dev/null
+++ b/front/v2/src/styles/themes/light.scss
@@ -0,0 +1,18 @@
+/** Light theme variables **/
+$principal-background: #f5f3e7; // Arena claro
+$principal-text-color: #223a5e; // Azul marino
+$secondary-text-color: #3a6351; // Verde bosque
+$principal-color: #223a5e; // Azul marino
+$accent-color: #d4af37; // Dorado suave
+$border-color: #e5e7eb; // Gris claro
+$shadow-color: rgba(34, 39, 42, 0.07);
+$surface-color: #f7f7f8; // Blanco humo
+$warning-color: #ff9800;
+
+.light-theme {
+ --background: $principal-background;
+ --text-color: $principal-text-color;
+ --border-color: $border-color;
+ --shadow-color: $shadow-color;
+ --surface-color: $surface-color;
+}
diff --git a/front/v2/src/utils/paginator.ts b/front/v2/src/utils/paginator.ts
new file mode 100644
index 0000000..39cfa97
--- /dev/null
+++ b/front/v2/src/utils/paginator.ts
@@ -0,0 +1,66 @@
+import axios from 'axios';
+
+type paginatorArgs = {
+ url: string;
+ maxItemPerPage?: number;
+ params?: Record;
+ headers?: Record;
+};
+
+export class paginator {
+ constructor({
+ url,
+ maxItemPerPage = 20,
+ params = {},
+ headers = {},
+ }: paginatorArgs) {
+ this.url = url;
+ this.maxItemPerPage = maxItemPerPage;
+ this.params = params;
+ this.headers = headers;
+ }
+
+ private url: string;
+ private maxItemPerPage: number;
+ private headers: Record;
+ private params: Record = {};
+
+ private page: number = 1;
+ private totalItems: number = 0;
+ private isLoading: boolean = false;
+
+ get totalPages(): number {
+ return Math.ceil(this.totalItems / this.maxItemPerPage);
+ }
+
+ get hasNextPage(): boolean {
+ return this.page < this.totalPages;
+ }
+
+ public async loadNextPage(): Promise {
+ if (this.isLoading || !this.hasNextPage) return null;
+
+ this.isLoading = true;
+
+ try {
+ const response = await axios.get(this.url, {
+ params: {
+ page: this.page,
+ limit: this.maxItemPerPage,
+ ...this.params,
+ },
+ headers: this.headers,
+ });
+ this.totalItems = response.headers['x-total-count']
+ ? parseInt(response.headers['x-total-count'], 10)
+ : 0;
+ this.page++;
+ return response.data as T[];
+ } catch (error) {
+ console.error('Error loading photos:', error);
+ } finally {
+ this.isLoading = false;
+ }
+ return null;
+ }
+}
diff --git a/front/v2/src/utils/svg-button/svg-button.html b/front/v2/src/utils/svg-button/svg-button.html
new file mode 100644
index 0000000..db706be
--- /dev/null
+++ b/front/v2/src/utils/svg-button/svg-button.html
@@ -0,0 +1,21 @@
+
diff --git a/front/v2/src/utils/svg-button/svg-button.scss b/front/v2/src/utils/svg-button/svg-button.scss
new file mode 100644
index 0000000..08516c5
--- /dev/null
+++ b/front/v2/src/utils/svg-button/svg-button.scss
@@ -0,0 +1,173 @@
+// Variables para el lenguaje visual (SCSS)
+$primary-white: #fefcf8; // Blanco ahuevado gentil
+$border-grey: #e0ddd8; // Gris suave para bordes
+$text-dark: #2a2926; // Texto principal
+$standard-button-icon: #8d8d8d; // Texto principal
+$standard-button-border: #b8b8b891; // Texto principal
+$standard-button-hovered: #494949; // Texto principal
+$text-muted: #706b63; // Texto secundario
+
+button {
+ background: $primary-white;
+ border: 2px solid $standard-button-border;
+ color: $standard-button-icon;
+ border-radius: 12px;
+ overflow: hidden;
+ cursor: pointer;
+ transition: all 0.3s ease;
+ min-width: 3.2rem;
+ height: 3.2rem;
+ margin: 0;
+ padding: 0;
+ flex-shrink: 1;
+ display: flex;
+ flex-wrap: nowrap;
+ align-items: center;
+ align-content: center;
+ justify-content: space-evenly;
+ padding: 5%;
+
+ label {
+ text-align: center;
+ flex-grow: 1;
+ }
+
+ // .button-text-left {
+ // margin-right: 1rem;
+ // margin-left: 1rem;
+ // }
+ // .button-text-right {
+ // margin-right: 1rem;
+ // margin-left: 1rem;
+ // }
+
+ &:hover {
+ color: $standard-button-hovered;
+ transform: scale(1.07);
+ box-shadow: 0 6px 16px rgba(42, 41, 38, 0.1);
+ }
+
+ &:disabled {
+ background: $primary-white;
+ color: $text-muted;
+ }
+
+ svg-loader {
+ box-sizing: border-box;
+ pointer-events: none;
+ display: block;
+ height: 80%;
+ width: 80%;
+ margin: 0;
+ padding: 0;
+ }
+
+ &:hover {
+ svg-loader {
+ fill: $primary-white;
+ }
+ label {
+ color: $primary-white;
+ }
+ }
+}
+
+.login-button {
+ color: #43a047;
+ border-color: #43a047;
+ &:hover {
+ color: $primary-white;
+ background-color: #7d9c7a;
+ border-color: #7d9c7a;
+ }
+}
+
+.logout-button {
+ color: #607d8b;
+ border-color: #607d8b;
+ &:hover {
+ color: $primary-white;
+ background-color: #7d9c7a;
+ border-color: #7d9c7a;
+ }
+}
+
+.services-button {
+ color: #1976d2;
+ border-color: #1976d2;
+ &:hover {
+ color: $primary-white;
+ background-color: #7d9c7a;
+ border-color: #7d9c7a;
+ }
+}
+
+.events-button {
+ color: #1976d2;
+ border-color: #1976d2;
+ &:hover {
+ color: $primary-white;
+ background-color: #7d9c7a;
+ border-color: #7d9c7a;
+ }
+}
+
+.tags-button {
+ color: #1976d2;
+ border-color: #1976d2;
+ &:hover {
+ color: $primary-white;
+ background-color: #7d9c7a;
+ border-color: #7d9c7a;
+ }
+}
+
+.buy-button {
+ color: #43a047;
+ border-color: #43a047;
+ &:hover {
+ color: $primary-white;
+ background-color: #7d9c7a;
+ border-color: #7d9c7a;
+ }
+}
+
+.upload-button {
+ color: #43a047;
+ border-color: #43a047;
+ &:hover {
+ color: $primary-white;
+ background-color: #7d9c7a;
+ border-color: #7d9c7a;
+ }
+}
+
+.edit-button {
+ color: #fbc02d;
+ border-color: #fbc02d;
+ &:hover {
+ color: $primary-white;
+ background-color: #7d9c7a;
+ border-color: #7d9c7a;
+ }
+}
+
+.delete-button {
+ color: #e53935;
+ border-color: #e53935;
+ &:hover {
+ color: $primary-white;
+ background-color: #7d9c7a;
+ border-color: #7d9c7a;
+ }
+}
+
+.download-button {
+ color: #00897b;
+ border-color: #00897b;
+ &:hover {
+ color: $primary-white;
+ background-color: #7d9c7a;
+ border-color: #7d9c7a;
+ }
+}
diff --git a/front/v2/src/utils/svg-button/svg-button.ts b/front/v2/src/utils/svg-button/svg-button.ts
new file mode 100644
index 0000000..84c0f85
--- /dev/null
+++ b/front/v2/src/utils/svg-button/svg-button.ts
@@ -0,0 +1,23 @@
+import { Component, input, Input } from '@angular/core';
+import { SvgLoader } from '../svg/svg';
+import { RouterLink } from '@angular/router';
+
+@Component({
+ selector: 'svg-button',
+ imports: [SvgLoader, RouterLink],
+ templateUrl: './svg-button.html',
+ styleUrl: './svg-button.scss',
+})
+export class SvgButton {
+ @Input({ required: true }) label: string = '';
+ @Input() type: 'button' | 'reset' | 'submit' = 'button';
+ @Input() disabled: boolean = false;
+ @Input() icon: string = '';
+ @Input() iconPosition: 'left' | 'right' = 'left';
+ @Input() tooltip: string = '';
+ @Input() ariaLabel: string = '';
+ @Input() class: string = '';
+ @Input() textAtLeft: string | null = null;
+ @Input() textAtRight: string | null = null;
+ @Input() routerLink: string | null = null;
+}
diff --git a/front/v2/src/utils/svg/svg.ts b/front/v2/src/utils/svg/svg.ts
new file mode 100644
index 0000000..c99b897
--- /dev/null
+++ b/front/v2/src/utils/svg/svg.ts
@@ -0,0 +1,43 @@
+import { Component, Input, OnInit, ViewChild, ElementRef } from '@angular/core';
+
+@Component({
+ selector: 'svg-loader',
+ template: ``,
+})
+export class SvgLoader implements OnInit {
+ @Input()
+ path: string = '';
+
+ static elementCache: { [key: string]: HTMLElement } = {};
+
+ @ViewChild('svgContainer', { static: true })
+ svgContainer!: ElementRef;
+
+ ngOnInit() {
+ if (this.path) {
+ if (SvgLoader.elementCache[this.path]) {
+ this.svgContainer.nativeElement.outerHTML =
+ SvgLoader.elementCache[this.path].outerHTML;
+ return;
+ }
+
+ fetch(this.path)
+ .then((response) => response.text())
+ .then((data) => {
+ const parser = new DOMParser();
+ const svgDoc = parser.parseFromString(
+ data,
+ 'image/svg+xml'
+ );
+
+ svgDoc.documentElement.style.width = '100%';
+ svgDoc.documentElement.style.height = '100%';
+
+ this.svgContainer.nativeElement.outerHTML =
+ svgDoc.documentElement.outerHTML;
+
+ SvgLoader.elementCache[this.path] = svgDoc.documentElement;
+ });
+ }
+ }
+}
diff --git a/front/v2/tsconfig.app.json b/front/v2/tsconfig.app.json
new file mode 100644
index 0000000..264f459
--- /dev/null
+++ b/front/v2/tsconfig.app.json
@@ -0,0 +1,15 @@
+/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
+/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
+{
+ "extends": "./tsconfig.json",
+ "compilerOptions": {
+ "outDir": "./out-tsc/app",
+ "types": []
+ },
+ "include": [
+ "src/**/*.ts"
+ ],
+ "exclude": [
+ "src/**/*.spec.ts"
+ ]
+}
diff --git a/front/v2/tsconfig.json b/front/v2/tsconfig.json
new file mode 100644
index 0000000..e4955f2
--- /dev/null
+++ b/front/v2/tsconfig.json
@@ -0,0 +1,34 @@
+/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
+/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
+{
+ "compileOnSave": false,
+ "compilerOptions": {
+ "strict": true,
+ "noImplicitOverride": true,
+ "noPropertyAccessFromIndexSignature": true,
+ "noImplicitReturns": true,
+ "noFallthroughCasesInSwitch": true,
+ "skipLibCheck": true,
+ "isolatedModules": true,
+ "experimentalDecorators": true,
+ "importHelpers": true,
+ "target": "ES2022",
+ "module": "preserve"
+ },
+ "angularCompilerOptions": {
+ "enableI18nLegacyMessageIdFormat": false,
+ "strictInjectionParameters": true,
+ "strictInputAccessModifiers": true,
+ "typeCheckHostBindings": true,
+ "strictTemplates": true
+ },
+ "files": [],
+ "references": [
+ {
+ "path": "./tsconfig.app.json"
+ },
+ {
+ "path": "./tsconfig.spec.json"
+ }
+ ]
+}
diff --git a/front/v2/tsconfig.spec.json b/front/v2/tsconfig.spec.json
new file mode 100644
index 0000000..04df34c
--- /dev/null
+++ b/front/v2/tsconfig.spec.json
@@ -0,0 +1,14 @@
+/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
+/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
+{
+ "extends": "./tsconfig.json",
+ "compilerOptions": {
+ "outDir": "./out-tsc/spec",
+ "types": [
+ "jasmine"
+ ]
+ },
+ "include": [
+ "src/**/*.ts"
+ ]
+}