From 6ad7f193931452c130f08f7896d436ba6795d977 Mon Sep 17 00:00:00 2001 From: Arthur Monney Date: Sat, 24 Sep 2022 23:11:25 +0100 Subject: [PATCH] :recycle: refcatoring global de l'app --- src/app/core/components/app/app.component.ts | 4 +- .../forgot-password.component.html | 14 +- .../forgot-password.component.spec.ts | 25 --- .../pages/login/login.component.html | 20 +-- .../pages/login/login.component.spec.ts | 25 --- .../reset-password.component.html | 22 +-- .../reset-password.component.spec.ts | 25 --- .../dashboard/dashboard.component.spec.ts | 25 --- src/assets/svg/cosna-logo.svg | 149 ------------------ src/index.html | 4 +- src/sass/_material.scss | 16 +- tailwind.config.js | 25 +-- 12 files changed, 43 insertions(+), 311 deletions(-) delete mode 100644 src/app/modules/authentication/pages/forgot-password/forgot-password.component.spec.ts delete mode 100644 src/app/modules/authentication/pages/login/login.component.spec.ts delete mode 100644 src/app/modules/authentication/pages/reset-password/reset-password.component.spec.ts delete mode 100644 src/app/modules/dashboard/pages/dashboard/dashboard.component.spec.ts delete mode 100644 src/assets/svg/cosna-logo.svg diff --git a/src/app/core/components/app/app.component.ts b/src/app/core/components/app/app.component.ts index 973087e..4c7ad22 100644 --- a/src/app/core/components/app/app.component.ts +++ b/src/app/core/components/app/app.component.ts @@ -1,9 +1,9 @@ import { Component } from '@angular/core'; @Component({ - selector: 'cosna-root', + selector: 'admin-root', template: '', }) export class AppComponent { - title = 'Cosna Cpanel'; + title = 'Admin Cpanel'; } diff --git a/src/app/modules/authentication/pages/forgot-password/forgot-password.component.html b/src/app/modules/authentication/pages/forgot-password/forgot-password.component.html index b8d8f4e..6983668 100644 --- a/src/app/modules/authentication/pages/forgot-password/forgot-password.component.html +++ b/src/app/modules/authentication/pages/forgot-password/forgot-password.component.html @@ -1,5 +1,5 @@
- +

Mot de passe oublié?

Saisissez votre adresse e-mail et nous vous enverrons un lien pour réinitialiser votre mot de passe. @@ -7,24 +7,24 @@

Mot de passe oublié?

- + - +
- + >
- + Envoyer le lien de réinitialisation - +
diff --git a/src/app/modules/authentication/pages/forgot-password/forgot-password.component.spec.ts b/src/app/modules/authentication/pages/forgot-password/forgot-password.component.spec.ts deleted file mode 100644 index 11e301b..0000000 --- a/src/app/modules/authentication/pages/forgot-password/forgot-password.component.spec.ts +++ /dev/null @@ -1,25 +0,0 @@ -import { ComponentFixture, TestBed } from '@angular/core/testing'; - -import { ForgotPasswordComponent } from './forgot-password.component'; - -describe('ForgotPasswordComponent', () => { - let component: ForgotPasswordComponent; - let fixture: ComponentFixture; - - beforeEach(async () => { - await TestBed.configureTestingModule({ - declarations: [ ForgotPasswordComponent ] - }) - .compileComponents(); - }); - - beforeEach(() => { - fixture = TestBed.createComponent(ForgotPasswordComponent); - component = fixture.componentInstance; - fixture.detectChanges(); - }); - - it('should create', () => { - expect(component).toBeTruthy(); - }); -}); diff --git a/src/app/modules/authentication/pages/login/login.component.html b/src/app/modules/authentication/pages/login/login.component.html index 8d8ebd0..66c3cb4 100644 --- a/src/app/modules/authentication/pages/login/login.component.html +++ b/src/app/modules/authentication/pages/login/login.component.html @@ -1,35 +1,35 @@
- +

Connectez-vous

- Cpanel Cosna Afrique - Le transfert d'argent rendu facile. + Admin Panel - Administration de la votre plateforme.

- + - +
- + >
- + >
@@ -44,13 +44,13 @@

Connectez-vous

- + Se connecter - +
diff --git a/src/app/modules/authentication/pages/login/login.component.spec.ts b/src/app/modules/authentication/pages/login/login.component.spec.ts deleted file mode 100644 index d2c0e6c..0000000 --- a/src/app/modules/authentication/pages/login/login.component.spec.ts +++ /dev/null @@ -1,25 +0,0 @@ -import { ComponentFixture, TestBed } from '@angular/core/testing'; - -import { LoginComponent } from './login.component'; - -describe('LoginComponent', () => { - let component: LoginComponent; - let fixture: ComponentFixture; - - beforeEach(async () => { - await TestBed.configureTestingModule({ - declarations: [ LoginComponent ] - }) - .compileComponents(); - }); - - beforeEach(() => { - fixture = TestBed.createComponent(LoginComponent); - component = fixture.componentInstance; - fixture.detectChanges(); - }); - - it('should create', () => { - expect(component).toBeTruthy(); - }); -}); diff --git a/src/app/modules/authentication/pages/reset-password/reset-password.component.html b/src/app/modules/authentication/pages/reset-password/reset-password.component.html index e78f1a8..d05729e 100644 --- a/src/app/modules/authentication/pages/reset-password/reset-password.component.html +++ b/src/app/modules/authentication/pages/reset-password/reset-password.component.html @@ -1,5 +1,5 @@
- +

Réinitialisation Mot de passe

Veuillez renseignez votre nouveau mot de passe pour vous connectez. @@ -7,45 +7,45 @@

Réinitialisation Mot de

- + - +
- + >
- + >
- + >
- + Réinitialiser Mot de passe - +
\ No newline at end of file diff --git a/src/app/modules/authentication/pages/reset-password/reset-password.component.spec.ts b/src/app/modules/authentication/pages/reset-password/reset-password.component.spec.ts deleted file mode 100644 index 92e44ad..0000000 --- a/src/app/modules/authentication/pages/reset-password/reset-password.component.spec.ts +++ /dev/null @@ -1,25 +0,0 @@ -import { ComponentFixture, TestBed } from '@angular/core/testing'; - -import { ResetPasswordComponent } from './reset-password.component'; - -describe('ResetPasswordComponent', () => { - let component: ResetPasswordComponent; - let fixture: ComponentFixture; - - beforeEach(async () => { - await TestBed.configureTestingModule({ - declarations: [ ResetPasswordComponent ] - }) - .compileComponents(); - }); - - beforeEach(() => { - fixture = TestBed.createComponent(ResetPasswordComponent); - component = fixture.componentInstance; - fixture.detectChanges(); - }); - - it('should create', () => { - expect(component).toBeTruthy(); - }); -}); diff --git a/src/app/modules/dashboard/pages/dashboard/dashboard.component.spec.ts b/src/app/modules/dashboard/pages/dashboard/dashboard.component.spec.ts deleted file mode 100644 index 5ec4ff8..0000000 --- a/src/app/modules/dashboard/pages/dashboard/dashboard.component.spec.ts +++ /dev/null @@ -1,25 +0,0 @@ -import { ComponentFixture, TestBed } from '@angular/core/testing'; - -import { DashboardComponent } from './dashboard.component'; - -describe('DashboardComponent', () => { - let component: DashboardComponent; - let fixture: ComponentFixture; - - beforeEach(async () => { - await TestBed.configureTestingModule({ - declarations: [ DashboardComponent ] - }) - .compileComponents(); - }); - - beforeEach(() => { - fixture = TestBed.createComponent(DashboardComponent); - component = fixture.componentInstance; - fixture.detectChanges(); - }); - - it('should create', () => { - expect(component).toBeTruthy(); - }); -}); diff --git a/src/assets/svg/cosna-logo.svg b/src/assets/svg/cosna-logo.svg deleted file mode 100644 index 5a12a4f..0000000 --- a/src/assets/svg/cosna-logo.svg +++ /dev/null @@ -1,149 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/index.html b/src/index.html index d175f15..fcf261b 100644 --- a/src/index.html +++ b/src/index.html @@ -2,7 +2,7 @@ - Cosna Cpanel + Admin Cpanel @@ -17,6 +17,6 @@ - + diff --git a/src/sass/_material.scss b/src/sass/_material.scss index 5cd6fb4..51287c5 100644 --- a/src/sass/_material.scss +++ b/src/sass/_material.scss @@ -10,23 +10,23 @@ // Define the palettes for your theme using the Material Design palettes available in palette.scss // (imported above). For each palette, you can optionally specify a default, lighter, and darker // hue. Available color palettes: https://material.io/design/color/ -$cosna-admin-primary: mat.define-palette(mat.$green-palette); -$cosna-admin-accent: mat.define-palette(mat.$orange-palette); +$admin-primary: mat.define-palette(mat.$green-palette); +$admin-accent: mat.define-palette(mat.$blue-palette); // The warn palette is optional (defaults to orange). -$cosna-admin-warn: mat.define-palette(mat.$amber-palette); +$admin-warn: mat.define-palette(mat.$amber-palette); // Create the theme object. A theme consists of configurations for individual // theming systems such as "color" or "typography". -$cosna-admin-theme: mat.define-light-theme(( +$admin-theme: mat.define-light-theme(( color: ( - primary: $cosna-admin-primary, - accent: $cosna-admin-accent, - warn: $cosna-admin-warn, + primary: $admin-primary, + accent: $admin-accent, + warn: $admin-warn, ) )); // Include theme styles for core and each component used in your app. // Alternatively, you can import and @include the theme mixins for each component // that you are using. -@include mat.all-component-themes($cosna-admin-theme); \ No newline at end of file +@include mat.all-component-themes($admin-theme); \ No newline at end of file diff --git a/tailwind.config.js b/tailwind.config.js index e8723ac..df5778f 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -1,4 +1,5 @@ const { fontFamily } = require('tailwindcss/defaultTheme'); +const colors = require('tailwindcss/colors'); /** @type {import('tailwindcss').Config} */ module.exports = { @@ -10,31 +11,11 @@ module.exports = { theme: { extend: { colors: { - primary: { - 50: '#ECFFEC', - 100: '#E3FFE3', - 200: '#CEEACD', - 300: '#b0ddae', - 400: '#74c372', - 500: '#39a935', - 600: '#339830', - 700: '#2b7f28', - 800: '#226520', - 900: '#1c531a', - }, + primary: colors.green, secondary: { lighter: '#F29121', light: '#F8B133', - 50: '#FEF9F3', - 100: '#FDF4E7', - 200: '#FAE2C4', - 300: '#F7D1A1', - 400: '#F2AF5A', - 500: '#EC8C13', - 600: '#D47E11', - 700: '#B1690E', - 800: '#8E540B', - 900: '#744509', + ...colors.emerald } }, fontFamily: {