From d198f3b2a6db339c3b0088caece3548a66e4db06 Mon Sep 17 00:00:00 2001 From: Armin Date: Wed, 14 Aug 2024 05:42:16 +0330 Subject: [PATCH 1/8] removed navbar Co-authored-by: Arash --- .../components/navbar/navbar.component.html | 82 ------------------- .../components/navbar/navbar.component.scss | 65 --------------- .../navbar/navbar.component.spec.ts | 23 ------ src/app/components/navbar/navbar.component.ts | 22 ----- .../components/sidebar/sidebar.component.html | 25 +++--- .../components/sidebar/sidebar.component.scss | 44 ++++++++-- .../components/sidebar/sidebar.component.ts | 7 +- .../page/dashboard/dashboard.component.html | 10 +-- .../page/dashboard/dashboard.component.scss | 4 + src/app/page/dashboard/dashboard.component.ts | 6 +- 10 files changed, 68 insertions(+), 220 deletions(-) delete mode 100644 src/app/components/navbar/navbar.component.html delete mode 100644 src/app/components/navbar/navbar.component.scss delete mode 100644 src/app/components/navbar/navbar.component.spec.ts delete mode 100644 src/app/components/navbar/navbar.component.ts diff --git a/src/app/components/navbar/navbar.component.html b/src/app/components/navbar/navbar.component.html deleted file mode 100644 index d82631d..0000000 --- a/src/app/components/navbar/navbar.component.html +++ /dev/null @@ -1,82 +0,0 @@ - -
-
- - -
-
-
- - - - - - - - - - - - -
-
- - - - - - - - - - - - -
-
-
- diff --git a/src/app/components/navbar/navbar.component.scss b/src/app/components/navbar/navbar.component.scss deleted file mode 100644 index 9e83476..0000000 --- a/src/app/components/navbar/navbar.component.scss +++ /dev/null @@ -1,65 +0,0 @@ -nz-header { - width: 100rem; - padding: 0; - block-size: fit-content; - z-index: 2; - background: transparent; - - .navbar-header { - position: relative; - display: flex; - justify-content: space-between; - align-items: center; - padding-inline: 3rem; - padding-block: 1.5rem 0; - - &__header-trigger { - font-size: 2.5rem; - cursor: pointer; - transition: all 0.3s, padding 0s; - - &__trigger { - color: #171717; - } - - .anticon-menu { - padding-inline: 0.8rem; - padding-block: 0.8rem; - border-radius: 0.8rem; - transition: all 0.3s; - - &:hover { - background-color: #d8dadd; - } - } - } - - &__profile-options { - display: flex; - align-items: center; - gap: 1.5rem; - - &__profile { - display: flex; - align-items: center; - justify-content: center; - cursor: pointer; - - &__icon { - padding-inline: 0.8rem; - padding-block: 0.8rem; - border-radius: 0.8rem; - transition: all 0.3s; - - &:hover { - background-color: #d8dadd; - } - svg { - inline-size: 2.5rem; - block-size: 2.5rem; - } - } - } - } - } -} diff --git a/src/app/components/navbar/navbar.component.spec.ts b/src/app/components/navbar/navbar.component.spec.ts deleted file mode 100644 index cfedf9e..0000000 --- a/src/app/components/navbar/navbar.component.spec.ts +++ /dev/null @@ -1,23 +0,0 @@ -import { ComponentFixture, TestBed } from '@angular/core/testing'; - -import { NavbarComponent } from './navbar.component'; - -describe('NavbarComponent', () => { - let component: NavbarComponent; - let fixture: ComponentFixture; - - beforeEach(async () => { - await TestBed.configureTestingModule({ - imports: [NavbarComponent] - }) - .compileComponents(); - - fixture = TestBed.createComponent(NavbarComponent); - component = fixture.componentInstance; - fixture.detectChanges(); - }); - - it('should create', () => { - expect(component).toBeTruthy(); - }); -}); diff --git a/src/app/components/navbar/navbar.component.ts b/src/app/components/navbar/navbar.component.ts deleted file mode 100644 index 0be2f38..0000000 --- a/src/app/components/navbar/navbar.component.ts +++ /dev/null @@ -1,22 +0,0 @@ -import { Component, EventEmitter, Input, Output } from '@angular/core'; -import { CommonModule } from '@angular/common'; -import { RouterLink, RouterOutlet } from '@angular/router'; -import { NzIconModule } from 'ng-zorro-antd/icon'; -import { NzLayoutModule } from 'ng-zorro-antd/layout'; -import { NzMenuModule } from 'ng-zorro-antd/menu'; - -@Component({ - selector: 'app-navbar', - standalone: true, - imports: [CommonModule, RouterLink, RouterOutlet, NzIconModule, NzLayoutModule, NzMenuModule], - templateUrl: './navbar.component.html', - styleUrl: './navbar.component.scss' -}) -export class NavbarComponent { - @Output() toggleSidebar = new EventEmitter(); - @Input() isCollapsed: boolean = false; - - onToggleSidebar() { - this.toggleSidebar.emit(); - } -} diff --git a/src/app/components/sidebar/sidebar.component.html b/src/app/components/sidebar/sidebar.component.html index fe091f4..2e5a5de 100644 --- a/src/app/components/sidebar/sidebar.component.html +++ b/src/app/components/sidebar/sidebar.component.html @@ -8,10 +8,6 @@ nzTheme="light" > @@ -60,4 +57,12 @@

Negar

Manage Users +
+ +
diff --git a/src/app/components/sidebar/sidebar.component.scss b/src/app/components/sidebar/sidebar.component.scss index 3592ed2..ad4ae46 100644 --- a/src/app/components/sidebar/sidebar.component.scss +++ b/src/app/components/sidebar/sidebar.component.scss @@ -4,8 +4,9 @@ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; inline-size: 25rem; + &[ng-reflect-is-collapsed="true"] { - width: 8rem; /* width when collapsed */ + inline-size: 8rem; } } @@ -19,6 +20,21 @@ position: fixed; left: 0; + &__toggle { + position: fixed; + bottom: 0; + font-size: 3rem; + border-top: 2px solid #f0f2f5; + padding: 2rem; + display: flex; + justify-content: center; + inset-inline-start: 0; + inline-size: 25.5rem; + transition: width 0.2s; + cursor: pointer; + background-color: #fff; + } + &__icon { font-size: 2rem; } @@ -56,16 +72,26 @@ align-items: center; flex-direction: column; padding-block: 2rem; - // background-color: #000c17; color: #454c53; font-size: 1.5rem; font-weight: bold; - &__img { - width: 5rem; - height: 5rem; - border-radius: 50%; + &__image { + display: flex; + justify-content: center; + align-items: center; + padding: 1rem; + border-radius: 100%; + background-color: #bebebe; cursor: pointer; + + &__img { + width: 3rem; + height: 3rem; + border-bottom-left-radius: 1rem; + border-bottom-right-radius: 1rem; + align-self: flex-end; + } } &__name { @@ -81,7 +107,6 @@ .sidebar-logo__title-container__logo { font-size: 3rem; - cursor: pointer; } @@ -116,7 +141,8 @@ align-items: center; padding-block-start: 1.7rem; } -} -nz-sider { + .menu-sidebar__toggle { + inline-size: 8rem; + } } diff --git a/src/app/components/sidebar/sidebar.component.ts b/src/app/components/sidebar/sidebar.component.ts index b7db068..1dbf56c 100644 --- a/src/app/components/sidebar/sidebar.component.ts +++ b/src/app/components/sidebar/sidebar.component.ts @@ -1,4 +1,4 @@ -import { Component, Input } from '@angular/core'; +import { Component, EventEmitter, Input, Output } from '@angular/core'; import { CommonModule } from '@angular/common'; import { RouterLink, RouterOutlet } from '@angular/router'; import { NzIconModule } from 'ng-zorro-antd/icon'; @@ -14,4 +14,9 @@ import { NzMenuModule } from 'ng-zorro-antd/menu'; }) export class SidebarComponent { @Input() isCollapsed: boolean = false; + @Output() toggleSidebar = new EventEmitter(); + + onToggleSidebar() { + this.toggleSidebar.emit(); + } } diff --git a/src/app/page/dashboard/dashboard.component.html b/src/app/page/dashboard/dashboard.component.html index 1c9a3b3..6110277 100644 --- a/src/app/page/dashboard/dashboard.component.html +++ b/src/app/page/dashboard/dashboard.component.html @@ -1,13 +1,13 @@ - + -
+
diff --git a/src/app/page/dashboard/dashboard.component.scss b/src/app/page/dashboard/dashboard.component.scss index cfda616..13437af 100644 --- a/src/app/page/dashboard/dashboard.component.scss +++ b/src/app/page/dashboard/dashboard.component.scss @@ -27,3 +27,7 @@ nz-content { flex-grow: 1; } } + +.app-layout__content { + padding: 5rem; +} diff --git a/src/app/page/dashboard/dashboard.component.ts b/src/app/page/dashboard/dashboard.component.ts index 0e7105b..9006261 100644 --- a/src/app/page/dashboard/dashboard.component.ts +++ b/src/app/page/dashboard/dashboard.component.ts @@ -4,10 +4,10 @@ import { RouterLink, RouterOutlet } from '@angular/router'; import { NzIconModule } from 'ng-zorro-antd/icon'; import { NzLayoutModule } from 'ng-zorro-antd/layout'; import { NzMenuModule } from 'ng-zorro-antd/menu'; -import { NavbarComponent } from '../../components/navbar/navbar.component'; import { SidebarComponent } from '../../components/sidebar/sidebar.component'; import { SignInComponent } from "../../components/sign-in/sign-in.component"; import { AuthComponent } from "../auth/auth.component"; +import { UsersTableComponent } from "../../components/users-table/users-table.component"; @Component({ selector: 'app-dashboard', @@ -19,10 +19,10 @@ import { AuthComponent } from "../auth/auth.component"; NzIconModule, NzLayoutModule, NzMenuModule, - NavbarComponent, SidebarComponent, SignInComponent, - AuthComponent + AuthComponent, + UsersTableComponent ], templateUrl: './dashboard.component.html', styleUrl: './dashboard.component.scss', From d3a503e30f7c748f02a03c5e8ab5a6b1e9e99d04 Mon Sep 17 00:00:00 2001 From: Armin Date: Wed, 14 Aug 2024 08:17:36 +0330 Subject: [PATCH 2/8] install eslint --- angular.json | 14 + eslint.config.js | 43 ++ package-lock.json | 1507 ++++++++++++++++++++++++++++++++++++++++----- package.json | 10 +- 4 files changed, 1433 insertions(+), 141 deletions(-) create mode 100644 eslint.config.js diff --git a/angular.json b/angular.json index 3ba54e1..aef09bd 100644 --- a/angular.json +++ b/angular.json @@ -102,8 +102,22 @@ ], "scripts": [] } + }, + "lint": { + "builder": "@angular-eslint/builder:lint", + "options": { + "lintFilePatterns": [ + "src/**/*.ts", + "src/**/*.html" + ] + } } } } + }, + "cli": { + "schematicCollections": [ + "@angular-eslint/schematics" + ] } } diff --git a/eslint.config.js b/eslint.config.js new file mode 100644 index 0000000..99a007a --- /dev/null +++ b/eslint.config.js @@ -0,0 +1,43 @@ +// @ts-check +const eslint = require("@eslint/js"); +const tseslint = require("typescript-eslint"); +const angular = require("angular-eslint"); + +module.exports = tseslint.config( + { + files: ["**/*.ts"], + extends: [ + eslint.configs.recommended, + ...tseslint.configs.recommended, + ...tseslint.configs.stylistic, + ...angular.configs.tsRecommended, + ], + processor: angular.processInlineTemplates, + rules: { + "@angular-eslint/directive-selector": [ + "error", + { + type: "attribute", + prefix: "app", + style: "camelCase", + }, + ], + "@angular-eslint/component-selector": [ + "error", + { + type: "element", + prefix: "app", + style: "kebab-case", + }, + ], + }, + }, + { + files: ["**/*.html"], + extends: [ + ...angular.configs.templateRecommended, + ...angular.configs.templateAccessibility, + ], + rules: {}, + } +); diff --git a/package-lock.json b/package-lock.json index 2a28fc7..18a2ec8 100644 --- a/package-lock.json +++ b/package-lock.json @@ -27,13 +27,16 @@ "@angular/cli": "^18.1.4", "@angular/compiler-cli": "^18.1.0", "@types/jasmine": "~5.1.0", + "angular-eslint": "18.3.0", + "eslint": "^9.9.0", "jasmine-core": "~5.1.0", "karma": "~6.4.0", "karma-chrome-launcher": "~3.2.0", "karma-coverage": "~2.2.0", "karma-jasmine": "~5.1.0", "karma-jasmine-html-reporter": "~2.1.0", - "typescript": "~5.5.2" + "typescript": "~5.5.2", + "typescript-eslint": "8.1.0" } }, "node_modules/@ampproject/remapping": { @@ -650,6 +653,146 @@ "yarn": ">= 1.13.0" } }, + "node_modules/@angular-eslint/builder": { + "version": "18.3.0", + "resolved": "https://registry.npmjs.org/@angular-eslint/builder/-/builder-18.3.0.tgz", + "integrity": "sha512-httEQyqyBw3+0CRtAa7muFxHrauRfkEfk/jmrh5fn2Eiu+I53hAqFPgrwVi1V6AP/kj2zbAiWhd5xM3pMJdoRQ==", + "dev": true, + "license": "MIT", + "peerDependencies": { + "eslint": "^8.57.0 || ^9.0.0", + "typescript": "*" + } + }, + "node_modules/@angular-eslint/bundled-angular-compiler": { + "version": "18.3.0", + "resolved": "https://registry.npmjs.org/@angular-eslint/bundled-angular-compiler/-/bundled-angular-compiler-18.3.0.tgz", + "integrity": "sha512-v/59FxUKnMzymVce99gV43huxoqXWMb85aKvzlNvLN+ScDu6ZE4YMiTQNpfapVL2lkxhs0uwB3jH17EYd5TcsA==", + "dev": true, + "license": "MIT" + }, + "node_modules/@angular-eslint/eslint-plugin": { + "version": "18.3.0", + "resolved": "https://registry.npmjs.org/@angular-eslint/eslint-plugin/-/eslint-plugin-18.3.0.tgz", + "integrity": "sha512-Vl7gfPMXxvtHTjYdlzR161aj5xrqW6T57wd8ToQ7Gqzm0qHGfY6kE4SQobUa2LCYckTNSlv+zXe48C4ah/dSjw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@angular-eslint/bundled-angular-compiler": "18.3.0", + "@angular-eslint/utils": "18.3.0" + }, + "peerDependencies": { + "@typescript-eslint/utils": "^7.11.0 || ^8.0.0", + "eslint": "^8.57.0 || ^9.0.0", + "typescript": "*" + } + }, + "node_modules/@angular-eslint/eslint-plugin-template": { + "version": "18.3.0", + "resolved": "https://registry.npmjs.org/@angular-eslint/eslint-plugin-template/-/eslint-plugin-template-18.3.0.tgz", + "integrity": "sha512-ddR/qwYbUeq9IpyVKrPbfZyRBTy6V8uc5I0JcBKttQ4CZ4joXhqsVgWFsI+JAMi8E66uNj1VC7NuKCOjDINv2Q==", + "dev": true, + "license": "MIT", + "dependencies": { + "@angular-eslint/bundled-angular-compiler": "18.3.0", + "@angular-eslint/utils": "18.3.0", + "aria-query": "5.3.0", + "axobject-query": "4.1.0" + }, + "peerDependencies": { + "@typescript-eslint/utils": "^7.11.0 || ^8.0.0", + "eslint": "^8.57.0 || ^9.0.0", + "typescript": "*" + } + }, + "node_modules/@angular-eslint/schematics": { + "version": "18.3.0", + "resolved": "https://registry.npmjs.org/@angular-eslint/schematics/-/schematics-18.3.0.tgz", + "integrity": "sha512-rQ4DEWwf3f5n096GAK6JvXD0SRzRJ52WRaIyKg8MMkk6qvUDfZI8seOkcbjDtZoIe6Ds7DfqSfJgNVte75qvPQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@angular-eslint/eslint-plugin": "18.3.0", + "@angular-eslint/eslint-plugin-template": "18.3.0", + "ignore": "5.3.2", + "semver": "7.6.3", + "strip-json-comments": "3.1.1" + }, + "peerDependencies": { + "@angular-devkit/core": ">= 18.0.0 < 19.0.0", + "@angular-devkit/schematics": ">= 18.0.0 < 19.0.0" + } + }, + "node_modules/@angular-eslint/schematics/node_modules/semver": { + "version": "7.6.3", + "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz", + "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==", + "dev": true, + "license": "ISC", + "bin": { + "semver": "bin/semver.js" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/@angular-eslint/template-parser": { + "version": "18.3.0", + "resolved": "https://registry.npmjs.org/@angular-eslint/template-parser/-/template-parser-18.3.0.tgz", + "integrity": "sha512-1mUquqcnugI4qsoxcYZKZ6WMi6RPelDcJZg2YqGyuaIuhWmi3ZqJZLErSSpjP60+TbYZu7wM8Kchqa1bwJtEaQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@angular-eslint/bundled-angular-compiler": "18.3.0", + "eslint-scope": "^8.0.2" + }, + "peerDependencies": { + "eslint": "^8.57.0 || ^9.0.0", + "typescript": "*" + } + }, + "node_modules/@angular-eslint/template-parser/node_modules/eslint-scope": { + "version": "8.0.2", + "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-8.0.2.tgz", + "integrity": "sha512-6E4xmrTw5wtxnLA5wYL3WDfhZ/1bUBGOXV0zQvVRDOtrR8D0p6W7fs3JweNYhwRYeGvd/1CKX2se0/2s7Q/nJA==", + "dev": true, + "license": "BSD-2-Clause", + "dependencies": { + "esrecurse": "^4.3.0", + "estraverse": "^5.2.0" + }, + "engines": { + "node": "^18.18.0 || ^20.9.0 || >=21.1.0" + }, + "funding": { + "url": "https://opencollective.com/eslint" + } + }, + "node_modules/@angular-eslint/template-parser/node_modules/estraverse": { + "version": "5.3.0", + "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz", + "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==", + "dev": true, + "license": "BSD-2-Clause", + "engines": { + "node": ">=4.0" + } + }, + "node_modules/@angular-eslint/utils": { + "version": "18.3.0", + "resolved": "https://registry.npmjs.org/@angular-eslint/utils/-/utils-18.3.0.tgz", + "integrity": "sha512-sCrkHkpxBJZLuCikdboZoawCfc2UgbJv+T14tu2uQCv+Vwzeadnu04vkeY2vTkA8GeBdBij/G9/N/nvwmwVw3g==", + "dev": true, + "license": "MIT", + "dependencies": { + "@angular-eslint/bundled-angular-compiler": "18.3.0" + }, + "peerDependencies": { + "@typescript-eslint/utils": "^7.11.0 || ^8.0.0", + "eslint": "^8.57.0 || ^9.0.0", + "typescript": "*" + } + }, "node_modules/@angular/animations": { "version": "18.1.4", "resolved": "https://registry.npmjs.org/@angular/animations/-/animations-18.1.4.tgz", @@ -3239,6 +3382,156 @@ "node": ">=12" } }, + "node_modules/@eslint-community/eslint-utils": { + "version": "4.4.0", + "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz", + "integrity": "sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==", + "dev": true, + "license": "MIT", + "dependencies": { + "eslint-visitor-keys": "^3.3.0" + }, + "engines": { + "node": "^12.22.0 || ^14.17.0 || >=16.0.0" + }, + "peerDependencies": { + "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0" + } + }, + "node_modules/@eslint-community/regexpp": { + "version": "4.11.0", + "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.11.0.tgz", + "integrity": "sha512-G/M/tIiMrTAxEWRfLfQJMmGNX28IxBg4PBz8XqQhqUHLFI6TL2htpIB1iQCj144V5ee/JaKyT9/WZ0MGZWfA7A==", + "dev": true, + "license": "MIT", + "engines": { + "node": "^12.0.0 || ^14.0.0 || >=16.0.0" + } + }, + "node_modules/@eslint/config-array": { + "version": "0.17.1", + "resolved": "https://registry.npmjs.org/@eslint/config-array/-/config-array-0.17.1.tgz", + "integrity": "sha512-BlYOpej8AQ8Ev9xVqroV7a02JK3SkBAaN9GfMMH9W6Ch8FlQlkjGw4Ir7+FgYwfirivAf4t+GtzuAxqfukmISA==", + "dev": true, + "license": "Apache-2.0", + "dependencies": { + "@eslint/object-schema": "^2.1.4", + "debug": "^4.3.1", + "minimatch": "^3.1.2" + }, + "engines": { + "node": "^18.18.0 || ^20.9.0 || >=21.1.0" + } + }, + "node_modules/@eslint/eslintrc": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-3.1.0.tgz", + "integrity": "sha512-4Bfj15dVJdoy3RfZmmo86RK1Fwzn6SstsvK9JS+BaVKqC6QQQQyXekNaC+g+LKNgkQ+2VhGAzm6hO40AhMR3zQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "ajv": "^6.12.4", + "debug": "^4.3.2", + "espree": "^10.0.1", + "globals": "^14.0.0", + "ignore": "^5.2.0", + "import-fresh": "^3.2.1", + "js-yaml": "^4.1.0", + "minimatch": "^3.1.2", + "strip-json-comments": "^3.1.1" + }, + "engines": { + "node": "^18.18.0 || ^20.9.0 || >=21.1.0" + }, + "funding": { + "url": "https://opencollective.com/eslint" + } + }, + "node_modules/@eslint/eslintrc/node_modules/ajv": { + "version": "6.12.6", + "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz", + "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==", + "dev": true, + "license": "MIT", + "dependencies": { + "fast-deep-equal": "^3.1.1", + "fast-json-stable-stringify": "^2.0.0", + "json-schema-traverse": "^0.4.1", + "uri-js": "^4.2.2" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/epoberezkin" + } + }, + "node_modules/@eslint/eslintrc/node_modules/globals": { + "version": "14.0.0", + "resolved": "https://registry.npmjs.org/globals/-/globals-14.0.0.tgz", + "integrity": "sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=18" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/@eslint/eslintrc/node_modules/json-schema-traverse": { + "version": "0.4.1", + "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz", + "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==", + "dev": true, + "license": "MIT" + }, + "node_modules/@eslint/js": { + "version": "9.9.0", + "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.9.0.tgz", + "integrity": "sha512-hhetes6ZHP3BlXLxmd8K2SNgkhNSi+UcecbnwWKwpP7kyi/uC75DJ1lOOBO3xrC4jyojtGE3YxKZPHfk4yrgug==", + "dev": true, + "license": "MIT", + "engines": { + "node": "^18.18.0 || ^20.9.0 || >=21.1.0" + } + }, + "node_modules/@eslint/object-schema": { + "version": "2.1.4", + "resolved": "https://registry.npmjs.org/@eslint/object-schema/-/object-schema-2.1.4.tgz", + "integrity": "sha512-BsWiH1yFGjXXS2yvrf5LyuoSIIbPrGUWob917o+BTKuZ7qJdxX8aJLRxs1fS9n6r7vESrq1OUqb68dANcFXuQQ==", + "dev": true, + "license": "Apache-2.0", + "engines": { + "node": "^18.18.0 || ^20.9.0 || >=21.1.0" + } + }, + "node_modules/@humanwhocodes/module-importer": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz", + "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==", + "dev": true, + "license": "Apache-2.0", + "engines": { + "node": ">=12.22" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/nzakas" + } + }, + "node_modules/@humanwhocodes/retry": { + "version": "0.3.0", + "resolved": "https://registry.npmjs.org/@humanwhocodes/retry/-/retry-0.3.0.tgz", + "integrity": "sha512-d2CGZR2o7fS6sWB7DG/3a95bGKQyHMACZ5aW8qGkkqQpUoZV6C0X7Pc7l4ZNMZkfNBf4VWNe9E1jRsf0G146Ew==", + "dev": true, + "license": "Apache-2.0", + "engines": { + "node": ">=18.18" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/nzakas" + } + }, "node_modules/@inquirer/checkbox": { "version": "2.4.7", "resolved": "https://registry.npmjs.org/@inquirer/checkbox/-/checkbox-2.4.7.tgz", @@ -4851,83 +5144,330 @@ "@types/node": "*" } }, - "node_modules/@vitejs/plugin-basic-ssl": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/@vitejs/plugin-basic-ssl/-/plugin-basic-ssl-1.1.0.tgz", - "integrity": "sha512-wO4Dk/rm8u7RNhOf95ZzcEmC9rYOncYgvq4z3duaJrCgjN8BxAnDVyndanfcJZ0O6XZzHz6Q0hTimxTg8Y9g/A==", + "node_modules/@typescript-eslint/eslint-plugin": { + "version": "8.1.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.1.0.tgz", + "integrity": "sha512-LlNBaHFCEBPHyD4pZXb35mzjGkuGKXU5eeCA1SxvHfiRES0E82dOounfVpL4DCqYvJEKab0bZIA0gCRpdLKkCw==", "dev": true, "license": "MIT", + "dependencies": { + "@eslint-community/regexpp": "^4.10.0", + "@typescript-eslint/scope-manager": "8.1.0", + "@typescript-eslint/type-utils": "8.1.0", + "@typescript-eslint/utils": "8.1.0", + "@typescript-eslint/visitor-keys": "8.1.0", + "graphemer": "^1.4.0", + "ignore": "^5.3.1", + "natural-compare": "^1.4.0", + "ts-api-utils": "^1.3.0" + }, "engines": { - "node": ">=14.6.0" + "node": "^18.18.0 || ^20.9.0 || >=21.1.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/typescript-eslint" }, "peerDependencies": { - "vite": "^3.0.0 || ^4.0.0 || ^5.0.0" + "@typescript-eslint/parser": "^8.0.0 || ^8.0.0-alpha.0", + "eslint": "^8.57.0 || ^9.0.0" + }, + "peerDependenciesMeta": { + "typescript": { + "optional": true + } } }, - "node_modules/@webassemblyjs/ast": { - "version": "1.12.1", - "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.12.1.tgz", - "integrity": "sha512-EKfMUOPRRUTy5UII4qJDGPpqfwjOmZ5jeGFwid9mnoqIFK+e0vqoi1qH56JpmZSzEL53jKnNzScdmftJyG5xWg==", + "node_modules/@typescript-eslint/parser": { + "version": "8.1.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.1.0.tgz", + "integrity": "sha512-U7iTAtGgJk6DPX9wIWPPOlt1gO57097G06gIcl0N0EEnNw8RGD62c+2/DiP/zL7KrkqnnqF7gtFGR7YgzPllTA==", "dev": true, - "license": "MIT", + "license": "BSD-2-Clause", "dependencies": { - "@webassemblyjs/helper-numbers": "1.11.6", - "@webassemblyjs/helper-wasm-bytecode": "1.11.6" + "@typescript-eslint/scope-manager": "8.1.0", + "@typescript-eslint/types": "8.1.0", + "@typescript-eslint/typescript-estree": "8.1.0", + "@typescript-eslint/visitor-keys": "8.1.0", + "debug": "^4.3.4" + }, + "engines": { + "node": "^18.18.0 || ^20.9.0 || >=21.1.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/typescript-eslint" + }, + "peerDependencies": { + "eslint": "^8.57.0 || ^9.0.0" + }, + "peerDependenciesMeta": { + "typescript": { + "optional": true + } } }, - "node_modules/@webassemblyjs/floating-point-hex-parser": { - "version": "1.11.6", - "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.11.6.tgz", - "integrity": "sha512-ejAj9hfRJ2XMsNHk/v6Fu2dGS+i4UaXBXGemOfQ/JfQ6mdQg/WXtwleQRLLS4OvfDhv8rYnVwH27YJLMyYsxhw==", - "dev": true, - "license": "MIT" - }, - "node_modules/@webassemblyjs/helper-api-error": { - "version": "1.11.6", - "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.11.6.tgz", - "integrity": "sha512-o0YkoP4pVu4rN8aTJgAyj9hC2Sv5UlkzCHhxqWj8butaLvnpdc2jOwh4ewE6CX0txSfLn/UYaV/pheS2Txg//Q==", - "dev": true, - "license": "MIT" - }, - "node_modules/@webassemblyjs/helper-buffer": { - "version": "1.12.1", - "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.12.1.tgz", - "integrity": "sha512-nzJwQw99DNDKr9BVCOZcLuJJUlqkJh+kVzVl6Fmq/tI5ZtEyWT1KZMyOXltXLZJmDtvLCDgwsyrkohEtopTXCw==", - "dev": true, - "license": "MIT" - }, - "node_modules/@webassemblyjs/helper-numbers": { - "version": "1.11.6", - "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-numbers/-/helper-numbers-1.11.6.tgz", - "integrity": "sha512-vUIhZ8LZoIWHBohiEObxVm6hwP034jwmc9kuq5GdHZH0wiLVLIPcMCdpJzG4C11cHoQ25TFIQj9kaVADVX7N3g==", + "node_modules/@typescript-eslint/scope-manager": { + "version": "8.1.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.1.0.tgz", + "integrity": "sha512-DsuOZQji687sQUjm4N6c9xABJa7fjvfIdjqpSIIVOgaENf2jFXiM9hIBZOL3hb6DHK9Nvd2d7zZnoMLf9e0OtQ==", "dev": true, "license": "MIT", "dependencies": { - "@webassemblyjs/floating-point-hex-parser": "1.11.6", - "@webassemblyjs/helper-api-error": "1.11.6", - "@xtuc/long": "4.2.2" + "@typescript-eslint/types": "8.1.0", + "@typescript-eslint/visitor-keys": "8.1.0" + }, + "engines": { + "node": "^18.18.0 || ^20.9.0 || >=21.1.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/typescript-eslint" } }, - "node_modules/@webassemblyjs/helper-wasm-bytecode": { - "version": "1.11.6", - "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.11.6.tgz", - "integrity": "sha512-sFFHKwcmBprO9e7Icf0+gddyWYDViL8bpPjJJl0WHxCdETktXdmtWLGVzoHbqUcY4Be1LkNfwTmXOJUFZYSJdA==", - "dev": true, - "license": "MIT" - }, - "node_modules/@webassemblyjs/helper-wasm-section": { - "version": "1.12.1", - "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.12.1.tgz", - "integrity": "sha512-Jif4vfB6FJlUlSbgEMHUyk1j234GTNG9dBJ4XJdOySoj518Xj0oGsNi59cUQF4RRMS9ouBUxDDdyBVfPTypa5g==", + "node_modules/@typescript-eslint/type-utils": { + "version": "8.1.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.1.0.tgz", + "integrity": "sha512-oLYvTxljVvsMnldfl6jIKxTaU7ok7km0KDrwOt1RHYu6nxlhN3TIx8k5Q52L6wR33nOwDgM7VwW1fT1qMNfFIA==", "dev": true, "license": "MIT", "dependencies": { - "@webassemblyjs/ast": "1.12.1", - "@webassemblyjs/helper-buffer": "1.12.1", - "@webassemblyjs/helper-wasm-bytecode": "1.11.6", - "@webassemblyjs/wasm-gen": "1.12.1" - } - }, + "@typescript-eslint/typescript-estree": "8.1.0", + "@typescript-eslint/utils": "8.1.0", + "debug": "^4.3.4", + "ts-api-utils": "^1.3.0" + }, + "engines": { + "node": "^18.18.0 || ^20.9.0 || >=21.1.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/typescript-eslint" + }, + "peerDependenciesMeta": { + "typescript": { + "optional": true + } + } + }, + "node_modules/@typescript-eslint/types": { + "version": "8.1.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.1.0.tgz", + "integrity": "sha512-q2/Bxa0gMOu/2/AKALI0tCKbG2zppccnRIRCW6BaaTlRVaPKft4oVYPp7WOPpcnsgbr0qROAVCVKCvIQ0tbWog==", + "dev": true, + "license": "MIT", + "engines": { + "node": "^18.18.0 || ^20.9.0 || >=21.1.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/typescript-eslint" + } + }, + "node_modules/@typescript-eslint/typescript-estree": { + "version": "8.1.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.1.0.tgz", + "integrity": "sha512-NTHhmufocEkMiAord/g++gWKb0Fr34e9AExBRdqgWdVBaKoei2dIyYKD9Q0jBnvfbEA5zaf8plUFMUH6kQ0vGg==", + "dev": true, + "license": "BSD-2-Clause", + "dependencies": { + "@typescript-eslint/types": "8.1.0", + "@typescript-eslint/visitor-keys": "8.1.0", + "debug": "^4.3.4", + "globby": "^11.1.0", + "is-glob": "^4.0.3", + "minimatch": "^9.0.4", + "semver": "^7.6.0", + "ts-api-utils": "^1.3.0" + }, + "engines": { + "node": "^18.18.0 || ^20.9.0 || >=21.1.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/typescript-eslint" + }, + "peerDependenciesMeta": { + "typescript": { + "optional": true + } + } + }, + "node_modules/@typescript-eslint/typescript-estree/node_modules/brace-expansion": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz", + "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==", + "dev": true, + "license": "MIT", + "dependencies": { + "balanced-match": "^1.0.0" + } + }, + "node_modules/@typescript-eslint/typescript-estree/node_modules/globby": { + "version": "11.1.0", + "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz", + "integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==", + "dev": true, + "license": "MIT", + "dependencies": { + "array-union": "^2.1.0", + "dir-glob": "^3.0.1", + "fast-glob": "^3.2.9", + "ignore": "^5.2.0", + "merge2": "^1.4.1", + "slash": "^3.0.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/@typescript-eslint/typescript-estree/node_modules/minimatch": { + "version": "9.0.5", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz", + "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==", + "dev": true, + "license": "ISC", + "dependencies": { + "brace-expansion": "^2.0.1" + }, + "engines": { + "node": ">=16 || 14 >=14.17" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/@typescript-eslint/typescript-estree/node_modules/slash": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz", + "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=8" + } + }, + "node_modules/@typescript-eslint/utils": { + "version": "8.1.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.1.0.tgz", + "integrity": "sha512-ypRueFNKTIFwqPeJBfeIpxZ895PQhNyH4YID6js0UoBImWYoSjBsahUn9KMiJXh94uOjVBgHD9AmkyPsPnFwJA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@eslint-community/eslint-utils": "^4.4.0", + "@typescript-eslint/scope-manager": "8.1.0", + "@typescript-eslint/types": "8.1.0", + "@typescript-eslint/typescript-estree": "8.1.0" + }, + "engines": { + "node": "^18.18.0 || ^20.9.0 || >=21.1.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/typescript-eslint" + }, + "peerDependencies": { + "eslint": "^8.57.0 || ^9.0.0" + } + }, + "node_modules/@typescript-eslint/visitor-keys": { + "version": "8.1.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.1.0.tgz", + "integrity": "sha512-ba0lNI19awqZ5ZNKh6wCModMwoZs457StTebQ0q1NP58zSi2F6MOZRXwfKZy+jB78JNJ/WH8GSh2IQNzXX8Nag==", + "dev": true, + "license": "MIT", + "dependencies": { + "@typescript-eslint/types": "8.1.0", + "eslint-visitor-keys": "^3.4.3" + }, + "engines": { + "node": "^18.18.0 || ^20.9.0 || >=21.1.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/typescript-eslint" + } + }, + "node_modules/@vitejs/plugin-basic-ssl": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/@vitejs/plugin-basic-ssl/-/plugin-basic-ssl-1.1.0.tgz", + "integrity": "sha512-wO4Dk/rm8u7RNhOf95ZzcEmC9rYOncYgvq4z3duaJrCgjN8BxAnDVyndanfcJZ0O6XZzHz6Q0hTimxTg8Y9g/A==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=14.6.0" + }, + "peerDependencies": { + "vite": "^3.0.0 || ^4.0.0 || ^5.0.0" + } + }, + "node_modules/@webassemblyjs/ast": { + "version": "1.12.1", + "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.12.1.tgz", + "integrity": "sha512-EKfMUOPRRUTy5UII4qJDGPpqfwjOmZ5jeGFwid9mnoqIFK+e0vqoi1qH56JpmZSzEL53jKnNzScdmftJyG5xWg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@webassemblyjs/helper-numbers": "1.11.6", + "@webassemblyjs/helper-wasm-bytecode": "1.11.6" + } + }, + "node_modules/@webassemblyjs/floating-point-hex-parser": { + "version": "1.11.6", + "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.11.6.tgz", + "integrity": "sha512-ejAj9hfRJ2XMsNHk/v6Fu2dGS+i4UaXBXGemOfQ/JfQ6mdQg/WXtwleQRLLS4OvfDhv8rYnVwH27YJLMyYsxhw==", + "dev": true, + "license": "MIT" + }, + "node_modules/@webassemblyjs/helper-api-error": { + "version": "1.11.6", + "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.11.6.tgz", + "integrity": "sha512-o0YkoP4pVu4rN8aTJgAyj9hC2Sv5UlkzCHhxqWj8butaLvnpdc2jOwh4ewE6CX0txSfLn/UYaV/pheS2Txg//Q==", + "dev": true, + "license": "MIT" + }, + "node_modules/@webassemblyjs/helper-buffer": { + "version": "1.12.1", + "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.12.1.tgz", + "integrity": "sha512-nzJwQw99DNDKr9BVCOZcLuJJUlqkJh+kVzVl6Fmq/tI5ZtEyWT1KZMyOXltXLZJmDtvLCDgwsyrkohEtopTXCw==", + "dev": true, + "license": "MIT" + }, + "node_modules/@webassemblyjs/helper-numbers": { + "version": "1.11.6", + "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-numbers/-/helper-numbers-1.11.6.tgz", + "integrity": "sha512-vUIhZ8LZoIWHBohiEObxVm6hwP034jwmc9kuq5GdHZH0wiLVLIPcMCdpJzG4C11cHoQ25TFIQj9kaVADVX7N3g==", + "dev": true, + "license": "MIT", + "dependencies": { + "@webassemblyjs/floating-point-hex-parser": "1.11.6", + "@webassemblyjs/helper-api-error": "1.11.6", + "@xtuc/long": "4.2.2" + } + }, + "node_modules/@webassemblyjs/helper-wasm-bytecode": { + "version": "1.11.6", + "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.11.6.tgz", + "integrity": "sha512-sFFHKwcmBprO9e7Icf0+gddyWYDViL8bpPjJJl0WHxCdETktXdmtWLGVzoHbqUcY4Be1LkNfwTmXOJUFZYSJdA==", + "dev": true, + "license": "MIT" + }, + "node_modules/@webassemblyjs/helper-wasm-section": { + "version": "1.12.1", + "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.12.1.tgz", + "integrity": "sha512-Jif4vfB6FJlUlSbgEMHUyk1j234GTNG9dBJ4XJdOySoj518Xj0oGsNi59cUQF4RRMS9ouBUxDDdyBVfPTypa5g==", + "dev": true, + "license": "MIT", + "dependencies": { + "@webassemblyjs/ast": "1.12.1", + "@webassemblyjs/helper-buffer": "1.12.1", + "@webassemblyjs/helper-wasm-bytecode": "1.11.6", + "@webassemblyjs/wasm-gen": "1.12.1" + } + }, "node_modules/@webassemblyjs/ieee754": { "version": "1.11.6", "resolved": "https://registry.npmjs.org/@webassemblyjs/ieee754/-/ieee754-1.11.6.tgz", @@ -5093,6 +5633,16 @@ "acorn": "^8" } }, + "node_modules/acorn-jsx": { + "version": "5.3.2", + "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz", + "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==", + "dev": true, + "license": "MIT", + "peerDependencies": { + "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0" + } + }, "node_modules/adjust-sourcemap-loader": { "version": "4.0.0", "resolved": "https://registry.npmjs.org/adjust-sourcemap-loader/-/adjust-sourcemap-loader-4.0.0.tgz", @@ -5197,6 +5747,25 @@ "ajv": "^8.8.2" } }, + "node_modules/angular-eslint": { + "version": "18.3.0", + "resolved": "https://registry.npmjs.org/angular-eslint/-/angular-eslint-18.3.0.tgz", + "integrity": "sha512-neBE3BUtxj1EPPNVww3i/e8DKh/gb+fT/WpDEsRZM//8vS+qb0pMC04dn4bqeUriM05Nq/oUESdwkLuyadJE9A==", + "dev": true, + "license": "MIT", + "dependencies": { + "@angular-eslint/builder": "18.3.0", + "@angular-eslint/eslint-plugin": "18.3.0", + "@angular-eslint/eslint-plugin-template": "18.3.0", + "@angular-eslint/schematics": "18.3.0", + "@angular-eslint/template-parser": "18.3.0" + }, + "peerDependencies": { + "eslint": "^8.57.0 || ^9.0.0", + "typescript": "*", + "typescript-eslint": "^8.0.0" + } + }, "node_modules/ansi-colors": { "version": "4.1.3", "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-4.1.3.tgz", @@ -5293,6 +5862,16 @@ "dev": true, "license": "Python-2.0" }, + "node_modules/aria-query": { + "version": "5.3.0", + "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.0.tgz", + "integrity": "sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==", + "dev": true, + "license": "Apache-2.0", + "dependencies": { + "dequal": "^2.0.3" + } + }, "node_modules/array-flatten": { "version": "1.1.1", "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz", @@ -5300,6 +5879,16 @@ "dev": true, "license": "MIT" }, + "node_modules/array-union": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz", + "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=8" + } + }, "node_modules/autoprefixer": { "version": "10.4.19", "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.19.tgz", @@ -5338,6 +5927,16 @@ "postcss": "^8.1.0" } }, + "node_modules/axobject-query": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-4.1.0.tgz", + "integrity": "sha512-qIj0G9wZbMGNLjLmg1PT6v2mE9AH2zlnADJD/2tC6E00hgmhUOfEB6greHPAfLRSufHqROIUTkw6E+M3lH0PTQ==", + "dev": true, + "license": "Apache-2.0", + "engines": { + "node": ">= 0.4" + } + }, "node_modules/babel-loader": { "version": "9.1.3", "resolved": "https://registry.npmjs.org/babel-loader/-/babel-loader-9.1.3.tgz", @@ -6618,6 +7217,13 @@ } } }, + "node_modules/deep-is": { + "version": "0.1.4", + "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz", + "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==", + "dev": true, + "license": "MIT" + }, "node_modules/default-browser": { "version": "5.2.1", "resolved": "https://registry.npmjs.org/default-browser/-/default-browser-5.2.1.tgz", @@ -6715,6 +7321,16 @@ "node": ">= 0.8" } }, + "node_modules/dequal": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz", + "integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6" + } + }, "node_modules/destroy": { "version": "1.2.0", "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz", @@ -6750,6 +7366,29 @@ "dev": true, "license": "MIT" }, + "node_modules/dir-glob": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz", + "integrity": "sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==", + "dev": true, + "license": "MIT", + "dependencies": { + "path-type": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/dir-glob/node_modules/path-type": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz", + "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=8" + } + }, "node_modules/dns-packet": { "version": "5.6.1", "resolved": "https://registry.npmjs.org/dns-packet/-/dns-packet-5.6.1.tgz", @@ -7041,120 +7680,501 @@ "dev": true, "license": "MIT", "dependencies": { - "get-intrinsic": "^1.2.4" + "get-intrinsic": "^1.2.4" + }, + "engines": { + "node": ">= 0.4" + } + }, + "node_modules/es-errors": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz", + "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 0.4" + } + }, + "node_modules/es-module-lexer": { + "version": "1.5.4", + "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.5.4.tgz", + "integrity": "sha512-MVNK56NiMrOwitFB7cqDwq0CQutbw+0BvLshJSse0MUNU+y1FC3bUS/AQg7oUng+/wKrrki7JfmwtVHkVfPLlw==", + "dev": true, + "license": "MIT" + }, + "node_modules/esbuild": { + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.21.5.tgz", + "integrity": "sha512-mg3OPMV4hXywwpoDxu3Qda5xCKQi+vCTZq8S9J/EpkhB2HzKXq4SNFZE3+NK93JYxc8VMSep+lOUSC/RVKaBqw==", + "dev": true, + "hasInstallScript": true, + "license": "MIT", + "bin": { + "esbuild": "bin/esbuild" + }, + "engines": { + "node": ">=12" + }, + "optionalDependencies": { + "@esbuild/aix-ppc64": "0.21.5", + "@esbuild/android-arm": "0.21.5", + "@esbuild/android-arm64": "0.21.5", + "@esbuild/android-x64": "0.21.5", + "@esbuild/darwin-arm64": "0.21.5", + "@esbuild/darwin-x64": "0.21.5", + "@esbuild/freebsd-arm64": "0.21.5", + "@esbuild/freebsd-x64": "0.21.5", + "@esbuild/linux-arm": "0.21.5", + "@esbuild/linux-arm64": "0.21.5", + "@esbuild/linux-ia32": "0.21.5", + "@esbuild/linux-loong64": "0.21.5", + "@esbuild/linux-mips64el": "0.21.5", + "@esbuild/linux-ppc64": "0.21.5", + "@esbuild/linux-riscv64": "0.21.5", + "@esbuild/linux-s390x": "0.21.5", + "@esbuild/linux-x64": "0.21.5", + "@esbuild/netbsd-x64": "0.21.5", + "@esbuild/openbsd-x64": "0.21.5", + "@esbuild/sunos-x64": "0.21.5", + "@esbuild/win32-arm64": "0.21.5", + "@esbuild/win32-ia32": "0.21.5", + "@esbuild/win32-x64": "0.21.5" + } + }, + "node_modules/esbuild-wasm": { + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/esbuild-wasm/-/esbuild-wasm-0.21.5.tgz", + "integrity": "sha512-L/FlOPMMFtw+6qPAbuPvJXdrOYOp9yx/PEwSrIZW0qghY4vgV003evdYDwqQ/9ENMQI0B6RMod9xT4FHtto6OQ==", + "dev": true, + "license": "MIT", + "bin": { + "esbuild": "bin/esbuild" + }, + "engines": { + "node": ">=12" + } + }, + "node_modules/escalade": { + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.2.tgz", + "integrity": "sha512-ErCHMCae19vR8vQGe50xIsVomy19rg6gFu3+r3jkEO46suLMWBksvVyoGgQV+jOfl84ZSOSlmv6Gxa89PmTGmA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6" + } + }, + "node_modules/escape-html": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz", + "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==", + "dev": true, + "license": "MIT" + }, + "node_modules/escape-string-regexp": { + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz", + "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=0.8.0" + } + }, + "node_modules/eslint": { + "version": "9.9.0", + "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.9.0.tgz", + "integrity": "sha512-JfiKJrbx0506OEerjK2Y1QlldtBxkAlLxT5OEcRF8uaQ86noDe2k31Vw9rnSWv+MXZHj7OOUV/dA0AhdLFcyvA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@eslint-community/eslint-utils": "^4.2.0", + "@eslint-community/regexpp": "^4.11.0", + "@eslint/config-array": "^0.17.1", + "@eslint/eslintrc": "^3.1.0", + "@eslint/js": "9.9.0", + "@humanwhocodes/module-importer": "^1.0.1", + "@humanwhocodes/retry": "^0.3.0", + "@nodelib/fs.walk": "^1.2.8", + "ajv": "^6.12.4", + "chalk": "^4.0.0", + "cross-spawn": "^7.0.2", + "debug": "^4.3.2", + "escape-string-regexp": "^4.0.0", + "eslint-scope": "^8.0.2", + "eslint-visitor-keys": "^4.0.0", + "espree": "^10.1.0", + "esquery": "^1.5.0", + "esutils": "^2.0.2", + "fast-deep-equal": "^3.1.3", + "file-entry-cache": "^8.0.0", + "find-up": "^5.0.0", + "glob-parent": "^6.0.2", + "ignore": "^5.2.0", + "imurmurhash": "^0.1.4", + "is-glob": "^4.0.0", + "is-path-inside": "^3.0.3", + "json-stable-stringify-without-jsonify": "^1.0.1", + "levn": "^0.4.1", + "lodash.merge": "^4.6.2", + "minimatch": "^3.1.2", + "natural-compare": "^1.4.0", + "optionator": "^0.9.3", + "strip-ansi": "^6.0.1", + "text-table": "^0.2.0" + }, + "bin": { + "eslint": "bin/eslint.js" + }, + "engines": { + "node": "^18.18.0 || ^20.9.0 || >=21.1.0" + }, + "funding": { + "url": "https://eslint.org/donate" + }, + "peerDependencies": { + "jiti": "*" + }, + "peerDependenciesMeta": { + "jiti": { + "optional": true + } + } + }, + "node_modules/eslint-scope": { + "version": "5.1.1", + "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz", + "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==", + "dev": true, + "license": "BSD-2-Clause", + "dependencies": { + "esrecurse": "^4.3.0", + "estraverse": "^4.1.1" + }, + "engines": { + "node": ">=8.0.0" + } + }, + "node_modules/eslint-visitor-keys": { + "version": "3.4.3", + "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz", + "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==", + "dev": true, + "license": "Apache-2.0", + "engines": { + "node": "^12.22.0 || ^14.17.0 || >=16.0.0" + }, + "funding": { + "url": "https://opencollective.com/eslint" + } + }, + "node_modules/eslint/node_modules/ajv": { + "version": "6.12.6", + "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz", + "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==", + "dev": true, + "license": "MIT", + "dependencies": { + "fast-deep-equal": "^3.1.1", + "fast-json-stable-stringify": "^2.0.0", + "json-schema-traverse": "^0.4.1", + "uri-js": "^4.2.2" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/epoberezkin" + } + }, + "node_modules/eslint/node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "license": "MIT", + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/eslint/node_modules/chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "license": "MIT", + "dependencies": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/chalk?sponsor=1" + } + }, + "node_modules/eslint/node_modules/color-convert": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "color-name": "~1.1.4" + }, + "engines": { + "node": ">=7.0.0" + } + }, + "node_modules/eslint/node_modules/color-name": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "dev": true, + "license": "MIT" + }, + "node_modules/eslint/node_modules/escape-string-regexp": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz", + "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/eslint/node_modules/eslint-scope": { + "version": "8.0.2", + "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-8.0.2.tgz", + "integrity": "sha512-6E4xmrTw5wtxnLA5wYL3WDfhZ/1bUBGOXV0zQvVRDOtrR8D0p6W7fs3JweNYhwRYeGvd/1CKX2se0/2s7Q/nJA==", + "dev": true, + "license": "BSD-2-Clause", + "dependencies": { + "esrecurse": "^4.3.0", + "estraverse": "^5.2.0" + }, + "engines": { + "node": "^18.18.0 || ^20.9.0 || >=21.1.0" + }, + "funding": { + "url": "https://opencollective.com/eslint" + } + }, + "node_modules/eslint/node_modules/eslint-visitor-keys": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.0.0.tgz", + "integrity": "sha512-OtIRv/2GyiF6o/d8K7MYKKbXrOUBIK6SfkIRM4Z0dY3w+LiQ0vy3F57m0Z71bjbyeiWFiHJ8brqnmE6H6/jEuw==", + "dev": true, + "license": "Apache-2.0", + "engines": { + "node": "^18.18.0 || ^20.9.0 || >=21.1.0" + }, + "funding": { + "url": "https://opencollective.com/eslint" + } + }, + "node_modules/eslint/node_modules/estraverse": { + "version": "5.3.0", + "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz", + "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==", + "dev": true, + "license": "BSD-2-Clause", + "engines": { + "node": ">=4.0" + } + }, + "node_modules/eslint/node_modules/find-up": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz", + "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==", + "dev": true, + "license": "MIT", + "dependencies": { + "locate-path": "^6.0.0", + "path-exists": "^4.0.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/eslint/node_modules/glob-parent": { + "version": "6.0.2", + "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz", + "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==", + "dev": true, + "license": "ISC", + "dependencies": { + "is-glob": "^4.0.3" + }, + "engines": { + "node": ">=10.13.0" + } + }, + "node_modules/eslint/node_modules/has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=8" + } + }, + "node_modules/eslint/node_modules/json-schema-traverse": { + "version": "0.4.1", + "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz", + "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==", + "dev": true, + "license": "MIT" + }, + "node_modules/eslint/node_modules/locate-path": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz", + "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==", + "dev": true, + "license": "MIT", + "dependencies": { + "p-locate": "^5.0.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/eslint/node_modules/p-limit": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz", + "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "yocto-queue": "^0.1.0" }, "engines": { - "node": ">= 0.4" + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" } }, - "node_modules/es-errors": { - "version": "1.3.0", - "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz", - "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==", + "node_modules/eslint/node_modules/p-locate": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz", + "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==", "dev": true, "license": "MIT", + "dependencies": { + "p-limit": "^3.0.2" + }, "engines": { - "node": ">= 0.4" + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" } }, - "node_modules/es-module-lexer": { - "version": "1.5.4", - "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.5.4.tgz", - "integrity": "sha512-MVNK56NiMrOwitFB7cqDwq0CQutbw+0BvLshJSse0MUNU+y1FC3bUS/AQg7oUng+/wKrrki7JfmwtVHkVfPLlw==", - "dev": true, - "license": "MIT" - }, - "node_modules/esbuild": { - "version": "0.21.5", - "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.21.5.tgz", - "integrity": "sha512-mg3OPMV4hXywwpoDxu3Qda5xCKQi+vCTZq8S9J/EpkhB2HzKXq4SNFZE3+NK93JYxc8VMSep+lOUSC/RVKaBqw==", + "node_modules/eslint/node_modules/path-exists": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz", + "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==", "dev": true, - "hasInstallScript": true, "license": "MIT", - "bin": { - "esbuild": "bin/esbuild" - }, "engines": { - "node": ">=12" - }, - "optionalDependencies": { - "@esbuild/aix-ppc64": "0.21.5", - "@esbuild/android-arm": "0.21.5", - "@esbuild/android-arm64": "0.21.5", - "@esbuild/android-x64": "0.21.5", - "@esbuild/darwin-arm64": "0.21.5", - "@esbuild/darwin-x64": "0.21.5", - "@esbuild/freebsd-arm64": "0.21.5", - "@esbuild/freebsd-x64": "0.21.5", - "@esbuild/linux-arm": "0.21.5", - "@esbuild/linux-arm64": "0.21.5", - "@esbuild/linux-ia32": "0.21.5", - "@esbuild/linux-loong64": "0.21.5", - "@esbuild/linux-mips64el": "0.21.5", - "@esbuild/linux-ppc64": "0.21.5", - "@esbuild/linux-riscv64": "0.21.5", - "@esbuild/linux-s390x": "0.21.5", - "@esbuild/linux-x64": "0.21.5", - "@esbuild/netbsd-x64": "0.21.5", - "@esbuild/openbsd-x64": "0.21.5", - "@esbuild/sunos-x64": "0.21.5", - "@esbuild/win32-arm64": "0.21.5", - "@esbuild/win32-ia32": "0.21.5", - "@esbuild/win32-x64": "0.21.5" + "node": ">=8" } }, - "node_modules/esbuild-wasm": { - "version": "0.21.5", - "resolved": "https://registry.npmjs.org/esbuild-wasm/-/esbuild-wasm-0.21.5.tgz", - "integrity": "sha512-L/FlOPMMFtw+6qPAbuPvJXdrOYOp9yx/PEwSrIZW0qghY4vgV003evdYDwqQ/9ENMQI0B6RMod9xT4FHtto6OQ==", + "node_modules/eslint/node_modules/supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", "dev": true, "license": "MIT", - "bin": { - "esbuild": "bin/esbuild" + "dependencies": { + "has-flag": "^4.0.0" }, "engines": { - "node": ">=12" + "node": ">=8" } }, - "node_modules/escalade": { - "version": "3.1.2", - "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.2.tgz", - "integrity": "sha512-ErCHMCae19vR8vQGe50xIsVomy19rg6gFu3+r3jkEO46suLMWBksvVyoGgQV+jOfl84ZSOSlmv6Gxa89PmTGmA==", + "node_modules/eslint/node_modules/yocto-queue": { + "version": "0.1.0", + "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz", + "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==", "dev": true, "license": "MIT", "engines": { - "node": ">=6" + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" } }, - "node_modules/escape-html": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz", - "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==", + "node_modules/espree": { + "version": "10.1.0", + "resolved": "https://registry.npmjs.org/espree/-/espree-10.1.0.tgz", + "integrity": "sha512-M1M6CpiE6ffoigIOWYO9UDP8TMUw9kqb21tf+08IgDYjCsOvCuDt4jQcZmoYxx+w7zlKw9/N0KXfto+I8/FrXA==", "dev": true, - "license": "MIT" + "license": "BSD-2-Clause", + "dependencies": { + "acorn": "^8.12.0", + "acorn-jsx": "^5.3.2", + "eslint-visitor-keys": "^4.0.0" + }, + "engines": { + "node": "^18.18.0 || ^20.9.0 || >=21.1.0" + }, + "funding": { + "url": "https://opencollective.com/eslint" + } }, - "node_modules/escape-string-regexp": { - "version": "1.0.5", - "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz", - "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==", + "node_modules/espree/node_modules/eslint-visitor-keys": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.0.0.tgz", + "integrity": "sha512-OtIRv/2GyiF6o/d8K7MYKKbXrOUBIK6SfkIRM4Z0dY3w+LiQ0vy3F57m0Z71bjbyeiWFiHJ8brqnmE6H6/jEuw==", "dev": true, - "license": "MIT", + "license": "Apache-2.0", "engines": { - "node": ">=0.8.0" + "node": "^18.18.0 || ^20.9.0 || >=21.1.0" + }, + "funding": { + "url": "https://opencollective.com/eslint" } }, - "node_modules/eslint-scope": { - "version": "5.1.1", - "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz", - "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==", + "node_modules/esquery": { + "version": "1.6.0", + "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.6.0.tgz", + "integrity": "sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==", "dev": true, - "license": "BSD-2-Clause", + "license": "BSD-3-Clause", "dependencies": { - "esrecurse": "^4.3.0", - "estraverse": "^4.1.1" + "estraverse": "^5.1.0" }, "engines": { - "node": ">=8.0.0" + "node": ">=0.10" + } + }, + "node_modules/esquery/node_modules/estraverse": { + "version": "5.3.0", + "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz", + "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==", + "dev": true, + "license": "BSD-2-Clause", + "engines": { + "node": ">=4.0" } }, "node_modules/esrecurse": { @@ -7433,6 +8453,13 @@ "dev": true, "license": "MIT" }, + "node_modules/fast-levenshtein": { + "version": "2.0.6", + "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz", + "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==", + "dev": true, + "license": "MIT" + }, "node_modules/fastq": { "version": "1.17.1", "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.17.1.tgz", @@ -7456,6 +8483,19 @@ "node": ">=0.8.0" } }, + "node_modules/file-entry-cache": { + "version": "8.0.0", + "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-8.0.0.tgz", + "integrity": "sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "flat-cache": "^4.0.0" + }, + "engines": { + "node": ">=16.0.0" + } + }, "node_modules/fill-range": { "version": "7.1.1", "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz", @@ -7562,6 +8602,20 @@ "flat": "cli.js" } }, + "node_modules/flat-cache": { + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-4.0.1.tgz", + "integrity": "sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==", + "dev": true, + "license": "MIT", + "dependencies": { + "flatted": "^3.2.9", + "keyv": "^4.5.4" + }, + "engines": { + "node": ">=16" + } + }, "node_modules/flatted": { "version": "3.3.1", "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.3.1.tgz", @@ -7860,6 +8914,13 @@ "dev": true, "license": "ISC" }, + "node_modules/graphemer": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz", + "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==", + "dev": true, + "license": "MIT" + }, "node_modules/handle-thing": { "version": "2.0.1", "resolved": "https://registry.npmjs.org/handle-thing/-/handle-thing-2.0.1.tgz", @@ -8522,6 +9583,16 @@ "node": ">=0.12.0" } }, + "node_modules/is-path-inside": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz", + "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=8" + } + }, "node_modules/is-plain-obj": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-3.0.0.tgz", @@ -8852,6 +9923,13 @@ "node": ">=4" } }, + "node_modules/json-buffer": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz", + "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==", + "dev": true, + "license": "MIT" + }, "node_modules/json-parse-even-better-errors": { "version": "3.0.2", "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-3.0.2.tgz", @@ -8869,6 +9947,13 @@ "dev": true, "license": "MIT" }, + "node_modules/json-stable-stringify-without-jsonify": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz", + "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==", + "dev": true, + "license": "MIT" + }, "node_modules/json5": { "version": "2.2.3", "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz", @@ -9195,6 +10280,16 @@ "node": ">=10" } }, + "node_modules/keyv": { + "version": "4.5.4", + "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz", + "integrity": "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==", + "dev": true, + "license": "MIT", + "dependencies": { + "json-buffer": "3.0.1" + } + }, "node_modules/kind-of": { "version": "6.0.3", "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz", @@ -9321,6 +10416,20 @@ "node": ">=0.10.0" } }, + "node_modules/levn": { + "version": "0.4.1", + "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz", + "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "prelude-ls": "^1.2.1", + "type-check": "~0.4.0" + }, + "engines": { + "node": ">= 0.8.0" + } + }, "node_modules/license-webpack-plugin": { "version": "4.0.2", "resolved": "https://registry.npmjs.org/license-webpack-plugin/-/license-webpack-plugin-4.0.2.tgz", @@ -9514,6 +10623,13 @@ "dev": true, "license": "MIT" }, + "node_modules/lodash.merge": { + "version": "4.6.2", + "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz", + "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==", + "dev": true, + "license": "MIT" + }, "node_modules/log-symbols": { "version": "4.1.0", "resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-4.1.0.tgz", @@ -10294,6 +11410,13 @@ "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1" } }, + "node_modules/natural-compare": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz", + "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==", + "dev": true, + "license": "MIT" + }, "node_modules/needle": { "version": "3.3.1", "resolved": "https://registry.npmjs.org/needle/-/needle-3.3.1.tgz", @@ -10806,6 +11929,24 @@ "url": "https://github.com/sponsors/sindresorhus" } }, + "node_modules/optionator": { + "version": "0.9.4", + "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz", + "integrity": "sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==", + "dev": true, + "license": "MIT", + "dependencies": { + "deep-is": "^0.1.3", + "fast-levenshtein": "^2.0.6", + "levn": "^0.4.1", + "prelude-ls": "^1.2.1", + "type-check": "^0.4.0", + "word-wrap": "^1.2.5" + }, + "engines": { + "node": ">= 0.8.0" + } + }, "node_modules/ora": { "version": "5.4.1", "resolved": "https://registry.npmjs.org/ora/-/ora-5.4.1.tgz", @@ -11478,6 +12619,16 @@ "dev": true, "license": "MIT" }, + "node_modules/prelude-ls": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz", + "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 0.8.0" + } + }, "node_modules/proc-log": { "version": "4.2.0", "resolved": "https://registry.npmjs.org/proc-log/-/proc-log-4.2.0.tgz", @@ -12927,6 +14078,19 @@ "node": ">=6" } }, + "node_modules/strip-json-comments": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz", + "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, "node_modules/supports-color": { "version": "5.5.0", "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", @@ -13154,6 +14318,13 @@ "url": "https://opencollective.com/webpack" } }, + "node_modules/text-table": { + "version": "0.2.0", + "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz", + "integrity": "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==", + "dev": true, + "license": "MIT" + }, "node_modules/thingies": { "version": "1.21.0", "resolved": "https://registry.npmjs.org/thingies/-/thingies-1.21.0.tgz", @@ -13247,6 +14418,19 @@ "tree-kill": "cli.js" } }, + "node_modules/ts-api-utils": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-1.3.0.tgz", + "integrity": "sha512-UQMIo7pb8WRomKR1/+MFVLTroIvDVtMX3K6OUir8ynLyzB8Jeriont2bTAtmNPa1ekAgN7YPDyf6V+ygrdU+eQ==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=16" + }, + "peerDependencies": { + "typescript": ">=4.2.0" + } + }, "node_modules/tslib": { "version": "2.6.3", "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.3.tgz", @@ -13268,6 +14452,19 @@ "node": "^16.14.0 || >=18.0.0" } }, + "node_modules/type-check": { + "version": "0.4.0", + "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz", + "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==", + "dev": true, + "license": "MIT", + "dependencies": { + "prelude-ls": "^1.2.1" + }, + "engines": { + "node": ">= 0.8.0" + } + }, "node_modules/type-fest": { "version": "0.21.3", "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.21.3.tgz", @@ -13316,6 +14513,30 @@ "node": ">=14.17" } }, + "node_modules/typescript-eslint": { + "version": "8.1.0", + "resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.1.0.tgz", + "integrity": "sha512-prB2U3jXPJLpo1iVLN338Lvolh6OrcCZO+9Yv6AR+tvegPPptYCDBIHiEEUdqRi8gAv2bXNKfMUrgAd2ejn/ow==", + "dev": true, + "license": "MIT", + "dependencies": { + "@typescript-eslint/eslint-plugin": "8.1.0", + "@typescript-eslint/parser": "8.1.0", + "@typescript-eslint/utils": "8.1.0" + }, + "engines": { + "node": "^18.18.0 || ^20.9.0 || >=21.1.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/typescript-eslint" + }, + "peerDependenciesMeta": { + "typescript": { + "optional": true + } + } + }, "node_modules/ua-parser-js": { "version": "0.7.38", "resolved": "https://registry.npmjs.org/ua-parser-js/-/ua-parser-js-0.7.38.tgz", @@ -14054,6 +15275,16 @@ "dev": true, "license": "MIT" }, + "node_modules/word-wrap": { + "version": "1.2.5", + "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz", + "integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=0.10.0" + } + }, "node_modules/wrap-ansi": { "version": "6.2.0", "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-6.2.0.tgz", diff --git a/package.json b/package.json index 8fde6e8..8d49c7f 100644 --- a/package.json +++ b/package.json @@ -6,7 +6,8 @@ "start": "ng serve", "build": "ng build", "watch": "ng build --watch --configuration development", - "test": "ng test" + "test": "ng test", + "lint": "ng lint" }, "private": true, "dependencies": { @@ -29,12 +30,15 @@ "@angular/cli": "^18.1.4", "@angular/compiler-cli": "^18.1.0", "@types/jasmine": "~5.1.0", + "angular-eslint": "18.3.0", + "eslint": "^9.9.0", "jasmine-core": "~5.1.0", "karma": "~6.4.0", "karma-chrome-launcher": "~3.2.0", "karma-coverage": "~2.2.0", "karma-jasmine": "~5.1.0", "karma-jasmine-html-reporter": "~2.1.0", - "typescript": "~5.5.2" + "typescript": "~5.5.2", + "typescript-eslint": "8.1.0" } -} +} \ No newline at end of file From e0431bbec704470a7b695593f116e28681820ac7 Mon Sep 17 00:00:00 2001 From: Arash-Azarpoor Date: Wed, 14 Aug 2024 21:23:44 +0330 Subject: [PATCH 3/8] Change box shadows --- src/app/components/sidebar/sidebar.component.scss | 2 +- src/app/components/users-table/users-table.component.scss | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/src/app/components/sidebar/sidebar.component.scss b/src/app/components/sidebar/sidebar.component.scss index ad4ae46..0686074 100644 --- a/src/app/components/sidebar/sidebar.component.scss +++ b/src/app/components/sidebar/sidebar.component.scss @@ -14,7 +14,7 @@ position: relative; z-index: 10; min-height: 100vh; - box-shadow: 2px 0 6px rgba(0, 21, 41, 0.35); + box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; overflow: auto; height: 100%; position: fixed; diff --git a/src/app/components/users-table/users-table.component.scss b/src/app/components/users-table/users-table.component.scss index 58135b0..f653627 100644 --- a/src/app/components/users-table/users-table.component.scss +++ b/src/app/components/users-table/users-table.component.scss @@ -7,7 +7,7 @@ .content-container { background-color: #fff; - box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px; + box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; border-radius: 2rem; overflow: hidden; From 0fb5ee42365453535957f99dde7fd768605a07ce Mon Sep 17 00:00:00 2001 From: Arash-Azarpoor Date: Wed, 14 Aug 2024 23:59:26 +0330 Subject: [PATCH 4/8] Add modal for adding new users --- public/auth/dark-circle.svg | 2 +- .../add-user/add-user.component.html | 93 +++++++++++++ .../add-user/add-user.component.scss | 131 ++++++++++++++++++ .../add-user/add-user.component.spec.ts | 23 +++ .../components/add-user/add-user.component.ts | 92 ++++++++++++ .../components/sign-in/sign-in.component.scss | 4 +- .../users-table/users-table.component.html | 11 +- .../users-table/users-table.component.scss | 14 +- .../users-table/users-table.component.ts | 76 ++++++---- 9 files changed, 408 insertions(+), 38 deletions(-) create mode 100644 src/app/components/add-user/add-user.component.html create mode 100644 src/app/components/add-user/add-user.component.scss create mode 100644 src/app/components/add-user/add-user.component.spec.ts create mode 100644 src/app/components/add-user/add-user.component.ts diff --git a/public/auth/dark-circle.svg b/public/auth/dark-circle.svg index c38d8cf..0ee07a1 100644 --- a/public/auth/dark-circle.svg +++ b/public/auth/dark-circle.svg @@ -5,7 +5,7 @@ - + diff --git a/src/app/components/add-user/add-user.component.html b/src/app/components/add-user/add-user.component.html new file mode 100644 index 0000000..874bb98 --- /dev/null +++ b/src/app/components/add-user/add-user.component.html @@ -0,0 +1,93 @@ + + +

+ Please fill in the form below to add a new user +

+
+ +
+
+ +

+ + *required + + + *at least {{ control.minLength }} characters + + + *invalid email + +

+
+ @if (control.name === 'role') { + + + + } @else { + + } +
+ +
+ + diff --git a/src/app/components/add-user/add-user.component.scss b/src/app/components/add-user/add-user.component.scss new file mode 100644 index 0000000..4a07199 --- /dev/null +++ b/src/app/components/add-user/add-user.component.scss @@ -0,0 +1,131 @@ +::ng-deep { + .modalClass { + max-inline-size: 610px; + + .ant-modal-content { + border-radius: 1rem; + } + + .ant-modal-header { + border-radius: 1rem 1rem 0 0; + } + + .ant-modal-body { + display: flex; + flex-direction: column; + gap: 1.5rem; + } + + .ant-btn { + border-radius: 0.5rem; + } + } +} + +@mixin center { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; +} + +.modal-content__title { + font-size: 2rem; + font-weight: bold; + color: #2c3034; +} + +.modal-content-form { + @include center(); + inline-size: 100%; + gap: 1.5rem; + transition: all 0.2s ease; + + &__input-container { + @include center(); + inline-size: 100%; + gap: 0.5rem; + flex-direction: column; + align-items: flex-start; + + &__label-group { + inline-size: 100%; + display: flex; + align-items: center; + justify-content: space-between; + gap: 0.5rem; + } + + &__label { + font-size: 1.6rem; + color: #565656; + } + + &__select { + inline-size: 100%; + background-color: transparent; + font-size: 1.7rem; + color: #2c3034; + + ::ng-deep { + .ant-select-selector { + padding-inline: 0; + padding-block: 0.5rem; + border: none; + border-bottom: 1px solid #565656; + background-color: transparent; + } + + .ant-select-arrow { + color: #565656; + } + + .ant-select-selection-item { + color: #2c3034; + } + } + + &--invalid { + ::ng-deep .ant-select-selector { + border-bottom-color: #c91e1e; + } + } + + &--default { + ::ng-deep .ant-select-selector { + border-bottom-color: #565656; + } + } + } + + &__input { + inline-size: 100%; + background-color: transparent; + padding-inline: 0; + padding-block: 0.5rem; + outline: 0; + font-size: 2.4rem; + border: none; + border-bottom: 1px solid #565656; + color: #2c3034; + + &--invalid { + border-bottom-color: #c91e1e; + } + + &--default { + border-bottom-color: #565656; + } + } + + &__error-container { + margin: 0; + + &__error { + color: #c91e1e; + font-size: 1.6rem; + font-weight: bold; + } + } + } +} diff --git a/src/app/components/add-user/add-user.component.spec.ts b/src/app/components/add-user/add-user.component.spec.ts new file mode 100644 index 0000000..1dbf389 --- /dev/null +++ b/src/app/components/add-user/add-user.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { AddUserComponent } from './add-user.component'; + +describe('AddUserComponent', () => { + let component: AddUserComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [AddUserComponent] + }) + .compileComponents(); + + fixture = TestBed.createComponent(AddUserComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/components/add-user/add-user.component.ts b/src/app/components/add-user/add-user.component.ts new file mode 100644 index 0000000..cb5e094 --- /dev/null +++ b/src/app/components/add-user/add-user.component.ts @@ -0,0 +1,92 @@ +import { + Component, + ElementRef, + EventEmitter, + Input, + Output, + QueryList, + ViewChildren, +} from '@angular/core'; +import {FormBuilder, FormGroup, Validators, ReactiveFormsModule, FormsModule} from '@angular/forms'; +import { NzModalModule } from 'ng-zorro-antd/modal'; +import { NgIf, NgFor, NgClass } from '@angular/common'; +import { NzSelectModule } from 'ng-zorro-antd/select'; + +@Component({ + selector: 'app-add-user', + standalone: true, + imports: [NzModalModule, NgIf, NgFor, NgClass, ReactiveFormsModule, NzSelectModule, FormsModule], + providers: [FormBuilder, Validators], + templateUrl: './add-user.component.html', + styleUrl: './add-user.component.scss', +}) + +export class AddUserComponent { + userForm: FormGroup; + isSubmitted: boolean = false; + listOfOption: Array<{ label: string; value: string }> = [ + { label: 'System Administrator', value: 'System Administrator' }, + { label: 'Data Manager', value: 'Data Manager' }, + { label: 'Analyst', value: 'Analyst' } + ]; + listOfTagOptions = []; + formControls: { + name: string; + type: string; + placeholder: string; + minLength: number; + }[] = [ + { name: 'name', type: 'text', placeholder: 'Name', minLength: 1 }, + { + name: 'familyname', + type: 'text', + placeholder: 'Family name', + minLength: 1, + }, + { name: 'email', type: 'email', placeholder: 'Email', minLength: 1 }, + { name: 'username', type: 'text', placeholder: 'User-name', minLength: 3 }, + { name: 'role', type: 'text', placeholder: 'Role', minLength: 1 }, + { + name: 'password', + type: 'password', + placeholder: 'Password', + minLength: 4, + }, + ]; + @ViewChildren('inputField') inputFields!: QueryList; + @Input() isVisible = false; + + @Output() handleCancel: EventEmitter = new EventEmitter(); + @Output() handleOk: EventEmitter = new EventEmitter(); + @Output() isVisibleChange: EventEmitter = + new EventEmitter(); + + constructor(private fb: FormBuilder) { + this.userForm = this.fb.group({ + name: ['', [Validators.required, Validators.minLength(1)]], + familyname: ['', [Validators.required, Validators.minLength(1)]], + email: ['', [Validators.required, Validators.minLength(1), Validators.email]], + role: ['', [Validators.required, Validators.minLength(1)]], + username: ['', [Validators.required, Validators.minLength(3)]], + password: ['', [Validators.required, Validators.minLength(4)]], + }); + } + + protected afterCloseModal(): void { + this.isVisibleChange.emit(false); + } + + protected handleCancelModal(): void { + this.handleCancel.emit(true); + } + + protected handleOkModal(): void { + if (this.userForm.invalid) { + this.isSubmitted = true; + this.userForm.markAllAsTouched(); + return; + } + console.log(this.userForm.value); + this.handleOk.emit(true); + } +} diff --git a/src/app/components/sign-in/sign-in.component.scss b/src/app/components/sign-in/sign-in.component.scss index 74b5950..7f3675a 100644 --- a/src/app/components/sign-in/sign-in.component.scss +++ b/src/app/components/sign-in/sign-in.component.scss @@ -43,7 +43,7 @@ gap: 3rem; &__title { - color: #1b1b1b; + color: #2C3034; font-weight: bold; font-size: 4.8rem; } @@ -65,7 +65,7 @@ font-size: 2.4rem; border: 3px solid #565656; border-radius: 1.2rem; - color: #1b1b1b; + color: #2C3034; &::placeholder { color: #777; diff --git a/src/app/components/users-table/users-table.component.html b/src/app/components/users-table/users-table.component.html index fbba443..9b8c14e 100644 --- a/src/app/components/users-table/users-table.component.html +++ b/src/app/components/users-table/users-table.component.html @@ -1,11 +1,20 @@

Users

-
+
diff --git a/src/app/components/users-table/users-table.component.scss b/src/app/components/users-table/users-table.component.scss index f653627..d02b6b3 100644 --- a/src/app/components/users-table/users-table.component.scss +++ b/src/app/components/users-table/users-table.component.scss @@ -1,10 +1,3 @@ -:host { - .ant-table-title { - border: none; - background-color: black; - } -} - .content-container { background-color: #fff; box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; @@ -20,10 +13,14 @@ justify-content: space-between; align-items: center; + &__title { + color: #2C3034; + } + &__button { padding: 1rem; border: 2px solid #fff; - background-color: #000; + background-color: #2C3034; color: #fff; border-radius: 100%; font-size: 1.5rem; @@ -50,5 +47,4 @@ .ant-table-wrapper { background-color: white; - // padding: 5rem; } diff --git a/src/app/components/users-table/users-table.component.ts b/src/app/components/users-table/users-table.component.ts index a028c25..5244c6b 100644 --- a/src/app/components/users-table/users-table.component.ts +++ b/src/app/components/users-table/users-table.component.ts @@ -4,14 +4,21 @@ import { NzDividerModule } from 'ng-zorro-antd/divider'; import { NgFor } from '@angular/common'; import { NzPopconfirmModule } from 'ng-zorro-antd/popconfirm'; import { NzIconModule } from 'ng-zorro-antd/icon'; - +import { AddUserComponent } from "../add-user/add-user.component"; @Component({ selector: 'app-users-table', standalone: true, - imports: [NzTableModule, NzDividerModule, NgFor , NzPopconfirmModule, NzIconModule], + imports: [ + NzTableModule, + NzDividerModule, + NgFor, + NzPopconfirmModule, + NzIconModule, + AddUserComponent +], templateUrl: './users-table.component.html', - styleUrl: './users-table.component.scss' + styleUrl: './users-table.component.scss', }) export class UsersTableComponent { listOfData = [ @@ -20,154 +27,173 @@ export class UsersTableComponent { name: 'Admin', lastName: 'Admin', email: 'Admin@gmail.com', - role: 'Admin' + role: 'Admin', }, { key: '2', name: 'Armin', lastName: 'Moradi', email: 'Arminmow@gmail.com', - role: 'Front' + role: 'Front', }, { key: '3', name: 'Arash', lastName: 'Azarpoor', email: 'Arash@gmail.com', - role: 'Front' + role: 'Front', }, { key: '4', name: 'Saleh', lastName: 'IDK', email: 'Saleh@gmail.com', - role: 'Back' + role: 'Back', }, { key: '4', name: 'Sadegh', lastName: 'No idea', email: 'Sadegh@gmail.com', - role: 'Back' + role: 'Back', }, { key: '5', name: 'Mamad', lastName: 'No idea', email: 'Mamad@gmail.com', - role: 'Dev' + role: 'Dev', }, { key: '4', name: 'Sadegh', lastName: 'No idea', email: 'Sadegh@gmail.com', - role: 'Back' + role: 'Back', }, { key: '4', name: 'Sadegh', lastName: 'No idea', email: 'Sadegh@gmail.com', - role: 'Back' + role: 'Back', }, { key: '4', name: 'Sadegh', lastName: 'No idea', email: 'Sadegh@gmail.com', - role: 'Back' + role: 'Back', }, { key: '4', name: 'Sadegh', lastName: 'No idea', email: 'Sadegh@gmail.com', - role: 'Back' + role: 'Back', }, { key: '4', name: 'Sadegh', lastName: 'No idea', email: 'Sadegh@gmail.com', - role: 'Back' + role: 'Back', }, { key: '4', name: 'Sadegh', lastName: 'No idea', email: 'Sadegh@gmail.com', - role: 'Back' + role: 'Back', }, { key: '4', name: 'Sadegh', lastName: 'No idea', email: 'Sadegh@gmail.com', - role: 'Back' + role: 'Back', }, { key: '4', name: 'Sadegh', lastName: 'No idea', email: 'Sadegh@gmail.com', - role: 'Back' + role: 'Back', }, { key: '4', name: 'Sadegh', lastName: 'No idea', email: 'Sadegh@gmail.com', - role: 'Back' + role: 'Back', }, { key: '4', name: 'Sadegh', lastName: 'No idea', email: 'Sadegh@gmail.com', - role: 'Back' + role: 'Back', }, { key: '4', name: 'Sadegh', lastName: 'No idea', email: 'Sadegh@gmail.com', - role: 'Back' + role: 'Back', }, { key: '4', name: 'Sadegh', lastName: 'No idea', email: 'Sadegh@gmail.com', - role: 'Back' + role: 'Back', }, { key: '4', name: 'Sadegh', lastName: 'No idea', email: 'Sadegh@gmail.com', - role: 'Back' + role: 'Back', }, { key: '4', name: 'Sadegh', lastName: 'No idea', email: 'Sadegh@gmail.com', - role: 'Back' + role: 'Back', }, { key: '4', name: 'Sadegh', lastName: 'No idea', email: 'Sadegh@gmail.com', - role: 'Back' + role: 'Back', }, { key: '4', name: 'Sadegh', lastName: 'No idea', email: 'Sadegh@gmail.com', - role: 'Back' + role: 'Back', }, ]; + protected isVisible = false; + + protected showModal(): void { + this.isVisible = true; + } + + protected closeModal(): void { + this.isVisible = false; + } + + protected handleOk(): void { + console.log('Button ok clicked!'); + this.isVisible = false; + } + + protected handleCancel(): void { + console.log('Button cancel clicked!'); + this.isVisible = false; + } } From 6eba966d3278683336f16dc81f940e659604821c Mon Sep 17 00:00:00 2001 From: Arash-Azarpoor Date: Thu, 15 Aug 2024 15:25:03 +0330 Subject: [PATCH 5/8] Fix bug in modal size --- src/app/components/sidebar/sidebar.component.scss | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/src/app/components/sidebar/sidebar.component.scss b/src/app/components/sidebar/sidebar.component.scss index 0686074..d8eaf51 100644 --- a/src/app/components/sidebar/sidebar.component.scss +++ b/src/app/components/sidebar/sidebar.component.scss @@ -80,7 +80,8 @@ display: flex; justify-content: center; align-items: center; - padding: 1rem; + padding-inline: 0.7rem; + padding-block: 0.8rem 0.5rem; border-radius: 100%; background-color: #bebebe; cursor: pointer; @@ -88,8 +89,8 @@ &__img { width: 3rem; height: 3rem; - border-bottom-left-radius: 1rem; - border-bottom-right-radius: 1rem; + border-bottom-left-radius: 50%; + border-bottom-right-radius: 50%; align-self: flex-end; } } From ad575b1a5a6a49b903fb358a224f76993aebd0f6 Mon Sep 17 00:00:00 2001 From: Arash-Azarpoor Date: Thu, 15 Aug 2024 16:34:42 +0330 Subject: [PATCH 6/8] Add user profile edit component --- .../add-user/add-user.component.html | 1 - .../components/add-user/add-user.component.ts | 1 - .../edit-password.component.html | 1 + .../edit-password.component.scss | 0 .../edit-password.component.spec.ts | 23 +++ .../edit-password/edit-password.component.ts | 12 ++ .../edit-profile/edit-profile.component.html | 104 ++++++++++ .../edit-profile/edit-profile.component.scss | 190 ++++++++++++++++++ .../edit-profile.component.spec.ts | 23 +++ .../edit-profile/edit-profile.component.ts | 51 +++++ .../edit-user/edit-user.component.html | 4 + .../edit-user/edit-user.component.scss | 0 .../edit-user/edit-user.component.spec.ts | 23 +++ .../edit-user/edit-user.component.ts | 14 ++ .../users-table/users-table.component.scss | 2 +- .../page/dashboard/dashboard.component.html | 2 +- src/app/page/dashboard/dashboard.component.ts | 6 +- 17 files changed, 452 insertions(+), 5 deletions(-) create mode 100644 src/app/components/edit-password/edit-password.component.html create mode 100644 src/app/components/edit-password/edit-password.component.scss create mode 100644 src/app/components/edit-password/edit-password.component.spec.ts create mode 100644 src/app/components/edit-password/edit-password.component.ts create mode 100644 src/app/components/edit-profile/edit-profile.component.html create mode 100644 src/app/components/edit-profile/edit-profile.component.scss create mode 100644 src/app/components/edit-profile/edit-profile.component.spec.ts create mode 100644 src/app/components/edit-profile/edit-profile.component.ts create mode 100644 src/app/components/edit-user/edit-user.component.html create mode 100644 src/app/components/edit-user/edit-user.component.scss create mode 100644 src/app/components/edit-user/edit-user.component.spec.ts create mode 100644 src/app/components/edit-user/edit-user.component.ts diff --git a/src/app/components/add-user/add-user.component.html b/src/app/components/add-user/add-user.component.html index 874bb98..aa2119a 100644 --- a/src/app/components/add-user/add-user.component.html +++ b/src/app/components/add-user/add-user.component.html @@ -72,7 +72,6 @@

} @else { ; @Input() isVisible = false; @Output() handleCancel: EventEmitter = new EventEmitter(); diff --git a/src/app/components/edit-password/edit-password.component.html b/src/app/components/edit-password/edit-password.component.html new file mode 100644 index 0000000..05e4462 --- /dev/null +++ b/src/app/components/edit-password/edit-password.component.html @@ -0,0 +1 @@ +

edit-password works!

diff --git a/src/app/components/edit-password/edit-password.component.scss b/src/app/components/edit-password/edit-password.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/src/app/components/edit-password/edit-password.component.spec.ts b/src/app/components/edit-password/edit-password.component.spec.ts new file mode 100644 index 0000000..c55f125 --- /dev/null +++ b/src/app/components/edit-password/edit-password.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { EditPasswordComponent } from './edit-password.component'; + +describe('EditPasswordComponent', () => { + let component: EditPasswordComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [EditPasswordComponent] + }) + .compileComponents(); + + fixture = TestBed.createComponent(EditPasswordComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/components/edit-password/edit-password.component.ts b/src/app/components/edit-password/edit-password.component.ts new file mode 100644 index 0000000..7e947dd --- /dev/null +++ b/src/app/components/edit-password/edit-password.component.ts @@ -0,0 +1,12 @@ +import { Component } from '@angular/core'; + +@Component({ + selector: 'app-edit-password', + standalone: true, + imports: [], + templateUrl: './edit-password.component.html', + styleUrl: './edit-password.component.scss' +}) +export class EditPasswordComponent { + +} diff --git a/src/app/components/edit-profile/edit-profile.component.html b/src/app/components/edit-profile/edit-profile.component.html new file mode 100644 index 0000000..839e1ec --- /dev/null +++ b/src/app/components/edit-profile/edit-profile.component.html @@ -0,0 +1,104 @@ +
+
+ + avatar + +

User Profile

+
+
+

+ Your account’s vital info. Your username will be publicly visible. +

+
+
+ +
+
+ +

+ + *required + + + *at least {{ control.minLength }} characters + + + *invalid email + +

+
+ @if (control.name === 'role') { + + + + } @else { + + } +
+ +
+ +
+
+
diff --git a/src/app/components/edit-profile/edit-profile.component.scss b/src/app/components/edit-profile/edit-profile.component.scss new file mode 100644 index 0000000..7a7c613 --- /dev/null +++ b/src/app/components/edit-profile/edit-profile.component.scss @@ -0,0 +1,190 @@ +@mixin center { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; +} + +.edit-profile-container { + background-color: #fff; + box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; + border-radius: 2rem; + overflow: hidden; + + &__title-container { + font-size: 2rem; + font-weight: bold; + background-color: #f6f7f9; + padding: 2rem 2rem; + display: flex; + align-items: center; + gap: 1rem; + + &__title { + color: #2c3034; + } + + &__image { + display: flex; + justify-content: center; + align-items: center; + padding-inline: 0.5rem; + padding-block: 0.6rem 0.4rem; + border-radius: 100%; + background-color: #bebebe; + + &__img { + width: 1.5rem; + height: 1.5rem; + border-bottom-left-radius: 50%; + border-bottom-right-radius: 50%; + align-self: flex-end; + } + } + } + + &__main { + display: flex; + flex-direction: row; + align-items: flex-start; + justify-content: space-between; + gap: 1rem; + padding-inline: 3rem; + padding-block: 3rem; + + &__title { + inline-size: 25%; + color: #6c757d; + font-size: 1.6rem; + line-height: 2rem; + } + + &__form { + inline-size: 65%; + margin: auto; + @include center(); + gap: 5rem; + transition: all 0.2s ease; + + &__field-container { + inline-size: 100%; + @include center(); + gap: 3rem; + + &__input-container { + @include center(); + inline-size: 100%; + gap: 0.5rem; + flex-direction: column; + align-items: flex-start; + + &__label-group { + inline-size: 100%; + display: flex; + align-items: center; + justify-content: space-between; + gap: 0.5rem; + } + + &__label { + font-size: 1.6rem; + color: #565656; + } + + &__select { + inline-size: 100%; + background-color: transparent; + font-size: 1.7rem; + color: #2c3034; + + ::ng-deep { + .ant-select-selector { + padding-inline: 1rem 0; + padding-block: 0.5rem; + gap: 1rem; + border: none; + border-bottom: 1px solid #565656; + background-color: transparent; + } + + .ant-select-arrow { + color: #565656; + } + + .ant-select-selection-item { + color: #2c3034; + } + } + + &--invalid { + ::ng-deep .ant-select-selector { + border-bottom-color: #c91e1e; + } + } + + &--default { + ::ng-deep .ant-select-selector { + border-bottom-color: #565656; + } + } + } + + &__input { + inline-size: 100%; + background-color: transparent; + padding-inline: 1rem 0; + padding-block: 0.5rem; + outline: 0; + font-size: 2.4rem; + border: none; + border-bottom: 1px solid #565656; + color: #2c3034; + + &--invalid { + border-bottom-color: #c91e1e; + } + + &--default { + border-bottom-color: #565656; + } + } + + &__error-container { + margin: 0; + + &__error { + color: #c91e1e; + font-size: 1.6rem; + font-weight: bold; + } + } + } + } + + &__button { + align-self: flex-start; + font-size: 1.8rem; + font-weight: 600; + user-select: none; + border: 1px solid #c0e0f1; + padding-block: 1rem; + padding-inline: 1.3rem; + border-radius: 0.7rem; + background-color: #c0e0f1; + transition: all .15s ease-in-out; + cursor: pointer; + + &:hover { + color: #013550; + background-color: #81c2e3; + border-color: #81c2e3; + transform: scale(1.05); + } + + &:active { + transform: scale(1); + } + } + } + } +} diff --git a/src/app/components/edit-profile/edit-profile.component.spec.ts b/src/app/components/edit-profile/edit-profile.component.spec.ts new file mode 100644 index 0000000..c8d7723 --- /dev/null +++ b/src/app/components/edit-profile/edit-profile.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { EditProfileComponent } from './edit-profile.component'; + +describe('EditProfileComponent', () => { + let component: EditProfileComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [EditProfileComponent] + }) + .compileComponents(); + + fixture = TestBed.createComponent(EditProfileComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/components/edit-profile/edit-profile.component.ts b/src/app/components/edit-profile/edit-profile.component.ts new file mode 100644 index 0000000..8d435be --- /dev/null +++ b/src/app/components/edit-profile/edit-profile.component.ts @@ -0,0 +1,51 @@ +import { Component } from '@angular/core'; +import {FormBuilder, FormGroup, Validators, ReactiveFormsModule, FormsModule} from '@angular/forms'; +import { NzModalModule } from 'ng-zorro-antd/modal'; +import { NgIf, NgFor, NgClass } from '@angular/common'; +import { NzSelectModule } from 'ng-zorro-antd/select'; + +@Component({ + selector: 'app-edit-profile', + standalone: true, + imports: [NzModalModule, NgIf, NgFor, NgClass, ReactiveFormsModule, NzSelectModule, FormsModule], + providers: [FormBuilder, Validators], + templateUrl: './edit-profile.component.html', + styleUrl: './edit-profile.component.scss' +}) +export class EditProfileComponent { + userForm: FormGroup; + isSubmitted: boolean = false; + listOfOption: Array<{ label: string; value: string }> = [ + { label: 'System Administrator', value: 'System Administrator' }, + { label: 'Data Manager', value: 'Data Manager' }, + { label: 'Analyst', value: 'Analyst' } + ]; + listOfTagOptions = []; + formControls: { + name: string; + type: string; + placeholder: string; + minLength: number; + }[] = [ + { name: 'name', type: 'text', placeholder: 'Name', minLength: 1 }, + { + name: 'familyname', + type: 'text', + placeholder: 'Family name', + minLength: 1, + }, + { name: 'email', type: 'email', placeholder: 'Email', minLength: 1 }, + { name: 'username', type: 'text', placeholder: 'User-name', minLength: 3 }, + { name: 'role', type: 'text', placeholder: 'Role', minLength: 1 } + ]; + + constructor(private fb: FormBuilder) { + this.userForm = this.fb.group({ + name: ['', [Validators.required, Validators.minLength(1)]], + familyname: ['', [Validators.required, Validators.minLength(1)]], + email: ['', [Validators.required, Validators.minLength(1), Validators.email]], + role: ['', [Validators.required, Validators.minLength(1)]], + username: ['', [Validators.required, Validators.minLength(3)]] + }); + } +} diff --git a/src/app/components/edit-user/edit-user.component.html b/src/app/components/edit-user/edit-user.component.html new file mode 100644 index 0000000..c9dd536 --- /dev/null +++ b/src/app/components/edit-user/edit-user.component.html @@ -0,0 +1,4 @@ +
+ + +
\ No newline at end of file diff --git a/src/app/components/edit-user/edit-user.component.scss b/src/app/components/edit-user/edit-user.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/src/app/components/edit-user/edit-user.component.spec.ts b/src/app/components/edit-user/edit-user.component.spec.ts new file mode 100644 index 0000000..67252ba --- /dev/null +++ b/src/app/components/edit-user/edit-user.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { EditUserComponent } from './edit-user.component'; + +describe('EditUserComponent', () => { + let component: EditUserComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [EditUserComponent] + }) + .compileComponents(); + + fixture = TestBed.createComponent(EditUserComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/components/edit-user/edit-user.component.ts b/src/app/components/edit-user/edit-user.component.ts new file mode 100644 index 0000000..ac98bfb --- /dev/null +++ b/src/app/components/edit-user/edit-user.component.ts @@ -0,0 +1,14 @@ +import { Component } from '@angular/core'; +import { EditProfileComponent } from "../edit-profile/edit-profile.component"; +import { EditPasswordComponent } from "../edit-password/edit-password.component"; + +@Component({ + selector: 'app-edit-user', + standalone: true, + imports: [EditProfileComponent, EditPasswordComponent], + templateUrl: './edit-user.component.html', + styleUrl: './edit-user.component.scss' +}) +export class EditUserComponent { + +} diff --git a/src/app/components/users-table/users-table.component.scss b/src/app/components/users-table/users-table.component.scss index d02b6b3..97bf165 100644 --- a/src/app/components/users-table/users-table.component.scss +++ b/src/app/components/users-table/users-table.component.scss @@ -5,7 +5,7 @@ overflow: hidden; &__title-container { - font-size: 2.5rem; + font-size: 2rem; font-weight: bold; background-color: #f6f7f9; padding: 2rem 2rem; diff --git a/src/app/page/dashboard/dashboard.component.html b/src/app/page/dashboard/dashboard.component.html index 6110277..55e1318 100644 --- a/src/app/page/dashboard/dashboard.component.html +++ b/src/app/page/dashboard/dashboard.component.html @@ -7,7 +7,7 @@
- +
diff --git a/src/app/page/dashboard/dashboard.component.ts b/src/app/page/dashboard/dashboard.component.ts index 9006261..9246e40 100644 --- a/src/app/page/dashboard/dashboard.component.ts +++ b/src/app/page/dashboard/dashboard.component.ts @@ -8,6 +8,8 @@ import { SidebarComponent } from '../../components/sidebar/sidebar.component'; import { SignInComponent } from "../../components/sign-in/sign-in.component"; import { AuthComponent } from "../auth/auth.component"; import { UsersTableComponent } from "../../components/users-table/users-table.component"; +import { EditUserComponent } from "../../components/edit-user/edit-user.component"; +import { ProfileComponent } from "../../components/profile/profile.component"; @Component({ selector: 'app-dashboard', @@ -22,7 +24,9 @@ import { UsersTableComponent } from "../../components/users-table/users-table.co SidebarComponent, SignInComponent, AuthComponent, - UsersTableComponent + UsersTableComponent, + EditUserComponent, + ProfileComponent ], templateUrl: './dashboard.component.html', styleUrl: './dashboard.component.scss', From 99722d3e2d2a039ba6e526bc99f9a820db13f1f6 Mon Sep 17 00:00:00 2001 From: Arash-Azarpoor Date: Thu, 15 Aug 2024 18:39:21 +0330 Subject: [PATCH 7/8] Add edit password component --- public/profile/asterisk.svg | 12 ++ public/profile/profile-white.svg | 12 ++ .../edit-password.component.html | 87 ++++++++- .../edit-password.component.scss | 178 ++++++++++++++++++ .../edit-password/edit-password.component.ts | 81 +++++++- .../edit-profile/edit-profile.component.html | 2 +- .../edit-profile/edit-profile.component.scss | 2 +- .../edit-user/edit-user.component.scss | 5 + 8 files changed, 374 insertions(+), 5 deletions(-) create mode 100644 public/profile/asterisk.svg create mode 100644 public/profile/profile-white.svg diff --git a/public/profile/asterisk.svg b/public/profile/asterisk.svg new file mode 100644 index 0000000..8db0815 --- /dev/null +++ b/public/profile/asterisk.svg @@ -0,0 +1,12 @@ + + + + + + + + + + asterisk_fill + + \ No newline at end of file diff --git a/public/profile/profile-white.svg b/public/profile/profile-white.svg new file mode 100644 index 0000000..00ae195 --- /dev/null +++ b/public/profile/profile-white.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + \ No newline at end of file diff --git a/src/app/components/edit-password/edit-password.component.html b/src/app/components/edit-password/edit-password.component.html index 05e4462..4b1e148 100644 --- a/src/app/components/edit-password/edit-password.component.html +++ b/src/app/components/edit-password/edit-password.component.html @@ -1 +1,86 @@ -

edit-password works!

+
+
+ avatar +

+ Change Password +

+
+
+

+ Changing your sign in password is an easy way to keep your account secure. +

+
+
+ +
+
+ +

+ + *required + + + *at least {{ control.minLength }} characters + + + *passwords do not match + +

+
+ +
+ +
+ +
+
+
diff --git a/src/app/components/edit-password/edit-password.component.scss b/src/app/components/edit-password/edit-password.component.scss index e69de29..f2532c6 100644 --- a/src/app/components/edit-password/edit-password.component.scss +++ b/src/app/components/edit-password/edit-password.component.scss @@ -0,0 +1,178 @@ +@mixin center { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + } + + .edit-profile-container { + background-color: #fff; + box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; + border-radius: 2rem; + overflow: hidden; + + &__title-container { + font-size: 2rem; + font-weight: bold; + background-color: #f6f7f9; + padding: 2rem 2rem; + display: flex; + align-items: center; + gap: 0.7rem; + + &__title { + color: #2c3034; + } + + &__image { + width: 2rem; + height: 2rem; + } + } + + &__main { + display: flex; + flex-direction: row; + align-items: flex-start; + justify-content: space-between; + gap: 1rem; + padding-inline: 3rem; + padding-block: 3rem; + + &__title { + inline-size: 25%; + color: #6c757d; + font-size: 1.6rem; + line-height: 2rem; + } + + &__form { + inline-size: 65%; + margin: auto; + @include center(); + gap: 5rem; + transition: all 0.2s ease; + + &__field-container { + inline-size: 100%; + @include center(); + gap: 3rem; + + &__input-container { + @include center(); + inline-size: 100%; + gap: 0.5rem; + flex-direction: column; + align-items: flex-start; + + &__label-group { + inline-size: 100%; + display: flex; + align-items: center; + justify-content: space-between; + gap: 0.5rem; + } + + &__label { + font-size: 1.6rem; + color: #565656; + } + + &__select { + inline-size: 100%; + background-color: transparent; + font-size: 1.7rem; + color: #2c3034; + + ::ng-deep { + .ant-select-selector { + padding-inline: 1rem 0; + padding-block: 0.5rem; + gap: 1rem; + border: none; + border-bottom: 1px solid #565656; + background-color: transparent; + } + + .ant-select-arrow { + color: #565656; + } + + .ant-select-selection-item { + color: #2c3034; + } + } + + &--invalid { + ::ng-deep .ant-select-selector { + border-bottom-color: #c91e1e; + } + } + + &--default { + ::ng-deep .ant-select-selector { + border-bottom-color: #565656; + } + } + } + + &__input { + inline-size: 100%; + background-color: transparent; + padding-inline: 1rem 0; + padding-block: 0.5rem; + outline: 0; + font-size: 2.4rem; + border: none; + border-bottom: 1px solid #565656; + color: #2c3034; + + &--invalid { + border-bottom-color: #c91e1e; + } + + &--default { + border-bottom-color: #565656; + } + } + + &__error-container { + margin: 0; + + &__error { + color: #c91e1e; + font-size: 1.6rem; + font-weight: bold; + } + } + } + } + + &__button { + align-self: flex-start; + font-size: 1.8rem; + font-weight: 600; + user-select: none; + border: 1px solid #c0e0f1; + padding-block: 1rem; + padding-inline: 1.3rem; + border-radius: 0.7rem; + background-color: #c0e0f1; + transition: all .15s ease-in-out; + cursor: pointer; + + &:hover { + color: #013550; + background-color: #81c2e3; + border-color: #81c2e3; + transform: scale(1.05); + } + + &:active { + transform: scale(1); + } + } + } + } + } + \ No newline at end of file diff --git a/src/app/components/edit-password/edit-password.component.ts b/src/app/components/edit-password/edit-password.component.ts index 7e947dd..0acce92 100644 --- a/src/app/components/edit-password/edit-password.component.ts +++ b/src/app/components/edit-password/edit-password.component.ts @@ -1,12 +1,89 @@ import { Component } from '@angular/core'; +import { + FormBuilder, + FormGroup, + Validators, + ReactiveFormsModule, + FormsModule, + ValidationErrors, + AbstractControl, +} from '@angular/forms'; +import { NzModalModule } from 'ng-zorro-antd/modal'; +import { NgIf, NgFor, NgClass } from '@angular/common'; @Component({ selector: 'app-edit-password', standalone: true, - imports: [], + imports: [ + NzModalModule, + NgIf, + NgFor, + NgClass, + ReactiveFormsModule, + FormsModule, + ], + providers: [FormBuilder, Validators], templateUrl: './edit-password.component.html', - styleUrl: './edit-password.component.scss' + styleUrl: './edit-password.component.scss', }) export class EditPasswordComponent { + protected passwordForm: FormGroup; + protected isSubmitted: boolean = false; + protected formControls: { + name: string; + type: string; + placeholder: string; + minLength: number; + }[] = [ + { + name: 'oldpassword', + type: 'password', + placeholder: 'Current Password', + minLength: 4, + }, + { + name: 'newpassword', + type: 'password', + placeholder: 'New Password', + minLength: 4, + }, + { + name: 'confirmPassword', + type: 'password', + placeholder: 'Confirm New Password', + minLength: 4, + }, + ]; + constructor(private fb: FormBuilder) { + this.passwordForm = this.fb.group({ + oldpassword: ['', [Validators.required, Validators.minLength(4)]], + newpassword: ['', [Validators.required, Validators.minLength(4)]], + confirmPassword: ['', [Validators.required, Validators.minLength(4), this.matchPassword('newpassword')]], + }); + + this.passwordForm.get('newpassword')?.valueChanges.subscribe(() => { + this.passwordForm.get('confirmPassword')?.updateValueAndValidity(); + }); + } + + onSubmit() { + this.isSubmitted = true; + if (this.passwordForm.valid) { + console.log('Form Submitted!', this.passwordForm.value); + } else { + this.passwordForm.markAllAsTouched(); + } + } + + private matchPassword(matchTo: string): (arg0: AbstractControl) => ValidationErrors | null { + return (control: AbstractControl): ValidationErrors | null => { + if (control.parent) { + return control.value === control.parent.get(matchTo)?.value + ? null + : { 'mismatch': true }; + } + return null; + }; + } } diff --git a/src/app/components/edit-profile/edit-profile.component.html b/src/app/components/edit-profile/edit-profile.component.html index 839e1ec..74b6531 100644 --- a/src/app/components/edit-profile/edit-profile.component.html +++ b/src/app/components/edit-profile/edit-profile.component.html @@ -3,7 +3,7 @@ avatar diff --git a/src/app/components/edit-profile/edit-profile.component.scss b/src/app/components/edit-profile/edit-profile.component.scss index 7a7c613..4643c7f 100644 --- a/src/app/components/edit-profile/edit-profile.component.scss +++ b/src/app/components/edit-profile/edit-profile.component.scss @@ -31,7 +31,7 @@ padding-inline: 0.5rem; padding-block: 0.6rem 0.4rem; border-radius: 100%; - background-color: #bebebe; + background-color: #6C757D; &__img { width: 1.5rem; diff --git a/src/app/components/edit-user/edit-user.component.scss b/src/app/components/edit-user/edit-user.component.scss index e69de29..aae4668 100644 --- a/src/app/components/edit-user/edit-user.component.scss +++ b/src/app/components/edit-user/edit-user.component.scss @@ -0,0 +1,5 @@ +.edit-user-container { + display: flex; + flex-direction: column; + gap: 4rem; +} \ No newline at end of file From e33f5d0044c0b2731b95c8cb8bd1f3477027bf46 Mon Sep 17 00:00:00 2001 From: Arash-Azarpoor Date: Thu, 15 Aug 2024 18:43:23 +0330 Subject: [PATCH 8/8] Add submit button to forms --- .../components/edit-profile/edit-profile.component.html | 1 + .../components/edit-profile/edit-profile.component.ts | 9 +++++++++ src/app/page/dashboard/dashboard.component.html | 2 +- src/app/page/dashboard/dashboard.component.ts | 6 +----- 4 files changed, 12 insertions(+), 6 deletions(-) diff --git a/src/app/components/edit-profile/edit-profile.component.html b/src/app/components/edit-profile/edit-profile.component.html index 74b6531..e575937 100644 --- a/src/app/components/edit-profile/edit-profile.component.html +++ b/src/app/components/edit-profile/edit-profile.component.html @@ -17,6 +17,7 @@

[formGroup]="userForm" class="edit-profile-container__main__form" data-testid="auth-form" + (ngSubmit)="onSubmit()" >
diff --git a/src/app/components/edit-profile/edit-profile.component.ts b/src/app/components/edit-profile/edit-profile.component.ts index 8d435be..85632c3 100644 --- a/src/app/components/edit-profile/edit-profile.component.ts +++ b/src/app/components/edit-profile/edit-profile.component.ts @@ -48,4 +48,13 @@ export class EditProfileComponent { username: ['', [Validators.required, Validators.minLength(3)]] }); } + + onSubmit() { + this.isSubmitted = true; + if (this.userForm.valid) { + console.log('Form Submitted!', this.userForm.value); + } else { + this.userForm.markAllAsTouched(); + } + } } diff --git a/src/app/page/dashboard/dashboard.component.html b/src/app/page/dashboard/dashboard.component.html index 55e1318..6110277 100644 --- a/src/app/page/dashboard/dashboard.component.html +++ b/src/app/page/dashboard/dashboard.component.html @@ -7,7 +7,7 @@
- +
diff --git a/src/app/page/dashboard/dashboard.component.ts b/src/app/page/dashboard/dashboard.component.ts index 9246e40..9006261 100644 --- a/src/app/page/dashboard/dashboard.component.ts +++ b/src/app/page/dashboard/dashboard.component.ts @@ -8,8 +8,6 @@ import { SidebarComponent } from '../../components/sidebar/sidebar.component'; import { SignInComponent } from "../../components/sign-in/sign-in.component"; import { AuthComponent } from "../auth/auth.component"; import { UsersTableComponent } from "../../components/users-table/users-table.component"; -import { EditUserComponent } from "../../components/edit-user/edit-user.component"; -import { ProfileComponent } from "../../components/profile/profile.component"; @Component({ selector: 'app-dashboard', @@ -24,9 +22,7 @@ import { ProfileComponent } from "../../components/profile/profile.component"; SidebarComponent, SignInComponent, AuthComponent, - UsersTableComponent, - EditUserComponent, - ProfileComponent + UsersTableComponent ], templateUrl: './dashboard.component.html', styleUrl: './dashboard.component.scss',