Accountant

.vscode/launch.json

@@ -0,0 +1,15 @@
+{
+    // Use IntelliSense to learn about possible attributes.
+    // Hover to view descriptions of existing attributes.
+    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+    "version": "0.2.0",
+    "configurations": [
+        {
+            "type": "chrome",
+            "request": "launch",
+            "name": "Launch Chrome against localhost",
+            "url": "http://localhost:4200",
+            "webRoot": "${workspaceFolder}"
+        }
+    ]
+}

angular.json

@@ -10,13 +10,14 @@
       "prefix": "app",
       "schematics": {
         "@schematics/angular:component": {
-          "styleext": "scss"
+          "style": "scss"
         }
       },
       "architect": {
         "build": {
           "builder": "@angular-devkit/build-angular:browser",
           "options": {
+            "sourceMap": true,
             "outputPath": "dist",
             "index": "src/index.html",
             "main": "src/main.ts",
@@ -31,7 +32,12 @@
             ],
             "styles": [
               "src/styles.scss",
-              "src/assets/scss/argon.scss"
+              "src/assets/scss/argon.scss",
+              "src/assets/vendor/nucleo/css/nucleo.css",
+              "src/assets/vendor/@fortawesome/fontawesome-free/css/all.min.css",
+              "node_modules/ngx-toastr/toastr.css",
+              "node_modules/ngx-spinner/animations/ball-scale-multiple.css"
+
             ],
             "scripts": [
               "node_modules/chart.js/dist/Chart.min.js",
@@ -40,7 +46,8 @@
           },
           "configurations": {
             "production": {
-              "optimization": {
+              "optimization":
+              {
                 "scripts": true,
                 "styles": {
                   "minify": false,
@@ -49,7 +56,7 @@
                 "fonts": true
               },
               "outputHashing": "all",
-              "sourceMap": false,
+              "sourceMap": true,
               "namedChunks": false,
               "extractLicenses": true,
               "vendorChunk": false,
@@ -62,42 +69,34 @@
               ]
             },
             "development": {
+              "buildOptimizer": false,
+              "optimization": false,
               "vendorChunk": true,
               "extractLicenses": false,
               "sourceMap": true,
-              "namedChunks": true,
-              "buildOptimizer": false,
-              "optimization": {
-                "scripts": true,
-                "styles": {
-                  "minify": false,
-                  "inlineCritical": true
-                },
-                "fonts": true
-              },
-              "outputHashing": "all"
+              "namedChunks": true
             }
           }
         },
         "serve": {
           "builder": "@angular-devkit/build-angular:dev-server",
           "options": {
-            "browserTarget": "argon-dashboard-angular:build"
+            "buildTarget": "argon-dashboard-angular:build"
           },
           "configurations": {
             "production": {
-              "browserTarget": "argon-dashboard-angular:build:production"
+              "buildTarget": "argon-dashboard-angular:build:production"
             },
             "development": {
-              "browserTarget": "argon-dashboard-angular:build:development"
+              "buildTarget": "argon-dashboard-angular:build:development"
             }
           },
           "defaultConfiguration": "development"
         },
         "extract-i18n": {
           "builder": "@angular-devkit/build-angular:extract-i18n",
           "options": {
-            "browserTarget": "argon-dashboard-angular:build"
+            "buildTarget": "argon-dashboard-angular:build"
           }
         },
         "test": {
@@ -159,10 +158,9 @@
       }
     }
   },
-  "defaultProject": "argon-dashboard-angular",
   "schematics": {
     "@schematics/angular:component": {
-      "styleext": "scss"
+      "style": "scss"
     }
   },
   "cli": {

docs/argon.css

@@ -3575,7 +3575,8 @@ fieldset:disabled a.btn
     background-color: transparent;
     background-image: none;
 }
-.btn-outline-info:hover
+.btn-outline-info:hover,
+.btn-outline-info.active
 {
     color: #fff;
     border-color: #11cdef;
@@ -6254,6 +6255,11 @@ input[type='button'].btn-block
     background-color: #0da5c0;
 }
 
+/* .badge-info.active {
+    color: #fff !important;
+    background-color: #0da5c0 !important;
+} */
+
 .badge-warning
 {
     color: #ff3709;

package.json

@@ -5,47 +5,57 @@
     "ng": "ng",
     "start": "ng serve",
     "build": "cross-env CI=false ng build",
+    "build:prod": "ng build --prod",
+    "build:dev": "ng build --configuration development",
     "test": "ng test",
     "lint": "ng lint",
     "e2e": "ng e2e",
-    "install:clean": "rm -rf node_modules/ && rm -rf package-lock.json && npm install && npm start"
+    "install:clean": "rm -rf node_modules/ && rm -rf package-lock.json && npm install --force && npm start"
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^14.2.0",
-    "@angular/cdk": "^14.2.0",
-    "@angular/common": "^14.2.0",
-    "@angular/compiler": "^14.2.0",
-    "@angular/core": "^14.2.0",
-    "@angular/elements": "^14.2.0",
-    "@angular/forms": "^14.2.0",
-    "@angular/google-maps": "^14.2.0",
-    "@angular/localize": "^14.2.0",
-    "@angular/material": "^14.2.0",
-    "@angular/platform-browser": "^14.2.0",
-    "@angular/platform-browser-dynamic": "^14.2.0",
-    "@angular/router": "^14.2.0",
-    "@ng-bootstrap/ng-bootstrap": "12.0.1",
+    "@angular/animations": "^18.2.2",
+    "@angular/cdk": "^18.2.2",
+    "@angular/common": "^18.2.2",
+    "@angular/compiler": "^18.2.2",
+    "@angular/core": "^18.2.2",
+    "@angular/elements": "^18.2.2",
+    "@angular/fire": "^18.0.1",
+    "@angular/forms": "^18.2.2",
+    "@angular/google-maps": "^18.2.2",
+    "@angular/localize": "^18.2.2",
+    "@angular/material": "^18.2.2",
+    "@angular/platform-browser": "^18.2.2",
+    "@angular/platform-browser-dynamic": "^18.2.2",
+    "@angular/router": "^18.2.2",
+    "@ng-bootstrap/ng-bootstrap": "^17.0.1",
     "@popperjs/core": "^2.11.4",
-    "bootstrap": "4.6.1",
+    "bootstrap": "^4.6.2",
     "chart.js": "2.9.4",
     "clipboard": "2.0.10",
+    "firebase": "^10.13.1",
+    "lodash": "^4.17.21",
     "ngx-clipboard": "15.0.1",
-    "ngx-toastr": "14.2.2",
+    "ngx-spinner": "^17.0.0",
+    "ngx-toastr": "^19.0.0",
     "nouislider": "15.5.1",
-    "rxjs": "~7.5.0",
-    "zone.js": "~0.11.4",
-    "web-animations-js": "2.3.2"
+    "rxjs": "~7.8.0",
+    "sass": "^1.77.8",
+    "sass-loader": "^16.0.1",
+    "web-animations-js": "2.3.2",
+    "zone.js": "~0.14.10"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^14.2.7",
-    "@angular/cli": "~14.2.7",
-    "@angular/compiler-cli": "^14.2.0",
-    "@angular/language-service": "14.2.0",
+    "@angular-devkit/build-angular": "^18.2.2",
+    "@angular/cli": "~18.2.2",
+    "@angular/compiler-cli": "^18.2.2",
+    "@angular/language-service": "18.2.2",
     "@types/jasmine": "~4.0.0",
     "@types/jasminewd2": "~2.0.10",
-    "@types/node": "^17.0.21",
-    "codelyzer": "6.0.2",
+    "@types/lodash": "^4.17.10",
+    "@types/node": "^22.5.2",
+    "codelyzer": "^6.0.2",
+    "cross-env": "^7.0.3",
     "jasmine-core": "~4.4.0",
     "jasmine-spec-reporter": "~7.0.0",
     "karma": "~6.4.0",
@@ -54,9 +64,8 @@
     "karma-coverage-istanbul-reporter": "~3.0.3",
     "karma-jasmine": "~5.1.0",
     "karma-jasmine-html-reporter": "~2.0.0",
-    "protractor": "7.0.0",
+    "protractor": "^7.0.0",
     "ts-node": "~10.9.1",
-    "typescript": "~4.7.2",
-    "cross-env": "^7.0.3"
+    "typescript": "^5.5.4"
   }
 }

src/app/app.component.ts

@@ -6,5 +6,5 @@ import { Component } from '@angular/core';
   styleUrls: ['./app.component.scss']
 })
 export class AppComponent {
-  title = 'argon-dashboard-angular';
+  title = 'Blu Inventory';
 }

src/app/app.module.ts

@@ -1,17 +1,25 @@
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { NgModule } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { HttpClientModule } from '@angular/common/http';
-import { RouterModule } from '@angular/router';
+import { BrowserAnimationsModule } from "@angular/platform-browser/animations";
+import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from "@angular/core";
+import { FormsModule } from "@angular/forms";
+import { HttpClientModule } from "@angular/common/http";
+import { RouterModule } from "@angular/router";
 
-import { AppComponent } from './app.component';
-import { AdminLayoutComponent } from './layouts/admin-layout/admin-layout.component';
-import { AuthLayoutComponent } from './layouts/auth-layout/auth-layout.component';
+import { AppComponent } from "./app.component";
+import { AdminLayoutComponent } from "./layouts/admin-layout/admin-layout.component";
+import { AuthLayoutComponent } from "./layouts/auth-layout/auth-layout.component";
 
-import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
+import { NgbModule } from "@ng-bootstrap/ng-bootstrap";
 
-import { AppRoutingModule } from './app.routing';
-import { ComponentsModule } from './components/components.module';
+import { AppRoutingModule } from "./app.routing";
+import { ComponentsModule } from "./components/components.module";
+import { environment } from "../environments/environment";
+import { AngularFireModule } from "@angular/fire/compat";
+import { AngularFireAuthModule } from "@angular/fire/compat/auth";
+import { AngularFirestoreModule } from "@angular/fire/compat/firestore";
+import { ToastrModule } from "ngx-toastr";
+import { StudentLayoutComponent } from "./layouts/student-layout/student-layout.component";
+import { CustodianLayoutComponent } from "./layouts/custodian-layout/custodian-layout.component";
+import { NgxSpinnerModule } from "ngx-spinner";import { AccountantLayoutComponent } from './layouts/accountant-layout/accountant-layout.component';
 
 
 @NgModule({
@@ -22,14 +30,23 @@ import { ComponentsModule } from './components/components.module';
     ComponentsModule,
     NgbModule,
     RouterModule,
-    AppRoutingModule
+    AppRoutingModule,
+    AngularFireModule.initializeApp(environment.firebaseConfig),
+    AngularFireAuthModule,
+    AngularFirestoreModule,
+    ToastrModule.forRoot(),
+    NgxSpinnerModule.forRoot(),
   ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
   declarations: [
     AppComponent,
     AdminLayoutComponent,
-    AuthLayoutComponent
+    AuthLayoutComponent,
+    StudentLayoutComponent,
+    CustodianLayoutComponent,
+    AccountantLayoutComponent,
   ],
   providers: [],
-  bootstrap: [AppComponent]
+  bootstrap: [AppComponent],
 })
-export class AppModule { }
+export class AppModule {}