diff --git a/documentation/black-dashboard.css b/documentation/black-dashboard.css index b679678..f3817d0 100644 --- a/documentation/black-dashboard.css +++ b/documentation/black-dashboard.css @@ -10457,7 +10457,7 @@ a.text-darker:focus { margin: 4px 1px; border-radius: 0.4285rem; cursor: pointer; - background: #211069; + background: #211069 !important; background-image: -webkit-linear-gradient( to bottom left, #211069, @@ -10510,27 +10510,27 @@ a.text-darker:focus { background-color: #263148 !important; background-image: linear-gradient( to bottom left, - #344675, - #263148, - #344675 + #211069, + #564794, + #211069 ) !important; background-image: -webkit-linear-gradient( to bottom left, #211069, - #263148, + #564794, #211069 ) !important; background-image: -o-linear-gradient( to bottom left, #211069, - #263148, + #564794, #211069 ) !important; background-image: -moz-linear-gradient( to bottom left, - #344675, - #263148, - #344675 + #211069, + #564794, + #211069 ) !important; color: #ffffff; box-shadow: none; @@ -10643,9 +10643,9 @@ fieldset[disabled] .navbar .navbar-nav > a.btn.active { border-color: #344675; background-image: linear-gradient( to bottom left, - #344675, - #263148, - #344675 + #211069, + #564794, + #211069 ) !important; background-image: -webkit-linear-gradient( to bottom left, diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts index 1f54ae4..e0220a0 100644 --- a/src/app/app-routing.module.ts +++ b/src/app/app-routing.module.ts @@ -2,11 +2,15 @@ import { NgModule } from "@angular/core"; import { CommonModule } from "@angular/common"; import { BrowserModule } from "@angular/platform-browser"; import { Routes, RouterModule } from "@angular/router"; - +import { LoginComponent } from "./pages/login/login.component"; import { AdminLayoutComponent } from "./layouts/admin-layout/admin-layout.component"; import { AuthLayoutComponent } from './layouts/auth-layout/auth-layout.component'; const routes: Routes = [ + { + path: "login", + component: LoginComponent + }, { path: "", redirectTo: "company-information", diff --git a/src/app/app.module.ts b/src/app/app.module.ts index 6295ef3..d9a6b5f 100644 --- a/src/app/app.module.ts +++ b/src/app/app.module.ts @@ -14,6 +14,7 @@ import { NgbModule } from "@ng-bootstrap/ng-bootstrap"; import { AppRoutingModule } from "./app-routing.module"; import { ComponentsModule } from "./components/components.module"; import { LoginComponent } from './pages/login/login.component'; +// import { DatePipe } from "@angular/common"; @NgModule({ imports: [ diff --git a/src/app/components/navbar/navbar.component.html b/src/app/components/navbar/navbar.component.html index 4776a0e..eacccec 100644 --- a/src/app/components/navbar/navbar.component.html +++ b/src/app/components/navbar/navbar.component.html @@ -1,123 +1,129 @@ - -
+
- +
- diff --git a/src/app/components/navbar/navbar.component.ts b/src/app/components/navbar/navbar.component.ts index 33d2b9e..c91f82a 100644 --- a/src/app/components/navbar/navbar.component.ts +++ b/src/app/components/navbar/navbar.component.ts @@ -2,12 +2,14 @@ import { Component, OnInit, ElementRef, OnDestroy } from "@angular/core"; import { ROUTES } from "../sidebar/sidebar.component"; import { Location } from "@angular/common"; import { Router } from "@angular/router"; -import { NgbModal, ModalDismissReasons } from '@ng-bootstrap/ng-bootstrap'; +import { NgbModal, ModalDismissReasons } from "@ng-bootstrap/ng-bootstrap"; +import { ToastrService } from "ngx-toastr"; +import { CompanyService } from "../../services/company.service"; @Component({ selector: "app-navbar", templateUrl: "./navbar.component.html", - styleUrls: ["./navbar.component.css"] + styleUrls: ["./navbar.component.css"], }) export class NavbarComponent implements OnInit, OnDestroy { private listTitles: any[]; @@ -19,33 +21,49 @@ export class NavbarComponent implements OnInit, OnDestroy { public isCollapsed = true; closeResult: string; + company: any; + companyLocalStorage: any; constructor( location: Location, private element: ElementRef, private router: Router, - private modalService: NgbModal + private modalService: NgbModal, + private toastr: ToastrService, + private companyService: CompanyService ) { this.location = location; this.sidebarVisible = false; + + this.companyLocalStorage = JSON.parse( + localStorage.getItem("companyData") || "{}" + ); + + this.companyService + .getCompanyById(this.companyLocalStorage.id) + .subscribe((company) => { + this.company = company; + + console.log(this.company); + }); } // function that adds color white/transparent to the navbar on resize (this is for the collapse) - updateColor = () => { - var navbar = document.getElementsByClassName('navbar')[0]; - if (window.innerWidth < 993 && !this.isCollapsed) { - navbar.classList.add('bg-white'); - navbar.classList.remove('navbar-transparent'); - } else { - navbar.classList.remove('bg-white'); - navbar.classList.add('navbar-transparent'); - } - }; + updateColor = () => { + var navbar = document.getElementsByClassName("navbar")[0]; + if (window.innerWidth < 993 && !this.isCollapsed) { + navbar.classList.add("bg-white"); + navbar.classList.remove("navbar-transparent"); + } else { + navbar.classList.remove("bg-white"); + navbar.classList.add("navbar-transparent"); + } + }; ngOnInit() { window.addEventListener("resize", this.updateColor); - this.listTitles = ROUTES.filter(listTitle => listTitle); + this.listTitles = ROUTES.filter((listTitle) => listTitle); const navbar: HTMLElement = this.element.nativeElement; this.toggleButton = navbar.getElementsByClassName("navbar-toggler")[0]; - this.router.events.subscribe(event => { + this.router.events.subscribe((event) => { this.sidebarClose(); var $layer: any = document.getElementsByClassName("close-layer")[0]; if ($layer) { @@ -77,7 +95,7 @@ export class NavbarComponent implements OnInit, OnDestroy { mainPanel.style.position = "fixed"; } - setTimeout(function() { + setTimeout(function () { toggleButton.classList.add("toggled"); }, 500); @@ -93,7 +111,7 @@ export class NavbarComponent implements OnInit, OnDestroy { ); if (window.innerWidth < 991) { - setTimeout(function() { + setTimeout(function () { mainPanel.style.position = ""; }, 500); } @@ -118,13 +136,13 @@ export class NavbarComponent implements OnInit, OnDestroy { if ($layer) { $layer.remove(); } - setTimeout(function() { + setTimeout(function () { $toggle.classList.remove("toggled"); }, 400); this.mobile_menu_visible = 0; } else { - setTimeout(function() { + setTimeout(function () { $toggle.classList.add("toggled"); }, 430); @@ -139,16 +157,16 @@ export class NavbarComponent implements OnInit, OnDestroy { .appendChild($layer); } - setTimeout(function() { + setTimeout(function () { $layer.classList.add("visible"); }, 100); - $layer.onclick = function() { + $layer.onclick = function () { //asign a function html.classList.remove("nav-open"); this.mobile_menu_visible = 0; $layer.classList.remove("visible"); - setTimeout(function() { + setTimeout(function () { $layer.remove(); $toggle.classList.remove("toggled"); }, 400); @@ -174,23 +192,39 @@ export class NavbarComponent implements OnInit, OnDestroy { } open(content) { - this.modalService.open(content, {windowClass: 'modal-search'}).result.then((result) => { - this.closeResult = `Closed with: ${result}`; - }, (reason) => { - this.closeResult = `Dismissed ${this.getDismissReason(reason)}`; - }); + this.modalService + .open(content, { windowClass: "modal-search" }) + .result.then( + (result) => { + this.closeResult = `Closed with: ${result}`; + }, + (reason) => { + this.closeResult = `Dismissed ${this.getDismissReason(reason)}`; + } + ); } private getDismissReason(reason: any): string { if (reason === ModalDismissReasons.ESC) { - return 'by pressing ESC'; + return "by pressing ESC"; } else if (reason === ModalDismissReasons.BACKDROP_CLICK) { - return 'by clicking on a backdrop'; + return "by clicking on a backdrop"; } else { - return `with: ${reason}`; + return `with: ${reason}`; } } - ngOnDestroy(){ - window.removeEventListener("resize", this.updateColor); + ngOnDestroy() { + window.removeEventListener("resize", this.updateColor); + } + + logout() { + localStorage.removeItem("companyData"); + localStorage.clear(); + + this.toastr.success("Logout Successfully"); + + setTimeout(() => { + this.router.navigate(["login"]); + }, 1000); } } diff --git a/src/app/data/company.ts b/src/app/data/company.ts index 5355288..508d705 100644 --- a/src/app/data/company.ts +++ b/src/app/data/company.ts @@ -6,13 +6,16 @@ export const company: CompanyModel[] = [ name: "Stark Industries", username: "starkindustries", email: "info@starkindustries.com", + password: "password1", phone: "09055784625", image: - "https://webtoolfeed.files.wordpress.com/2012/05/the-union-repoman.jpg", + "https://images.pexels.com/photos/16092112/pexels-photo-16092112.jpeg?auto=compress&cs=tinysrgb&w=600&lazy=load", + description: "A multinational technology company specializing in weapons manufacturing, led by Tony Stark.", address: "200 Park Ave, New York, NY 10166", city: "New York City, NY ", + industry: "Technology", stagingUrl: "stage.starkindustries.com", productionUrl: "starkindustries.com", }, @@ -21,6 +24,7 @@ export const company: CompanyModel[] = [ name: "Wayne Enterprises", username: "wayneenterprises", email: "info@wayneenterprises.com", + password: "password2", phone: "0812012234", image: "https://www.thesun.co.uk/wp-content/uploads/2019/07/NINTCHDBPICT000491000000.jpg?strip=all&w=960", @@ -28,6 +32,7 @@ export const company: CompanyModel[] = [ "A multinational conglomerate holding company headquartered in Gotham City, led by Bruce Wayne.", address: "10 Wayne Tower, Gotham City, NJ 07102", city: "Gotham City, NJ ", + industry: "Technology", stagingUrl: "stage.wayneenterprises.com", productionUrl: "wayneenterprises.com", }, @@ -36,6 +41,7 @@ export const company: CompanyModel[] = [ name: "LexCorp", username: "lexcorp", email: "info@lexcorp.com", + password: "password3", phone: "08174361092", image: "https://www.shutterstock.com/image-vector/young-smiling-woman-mia-avatar-600w-2127358541.jpg", @@ -43,6 +49,7 @@ export const company: CompanyModel[] = [ "LexCorp is a multinational conglomerate that operates in various industries, including technology, finance, and media. Founded by billionaire businessman and philanthropist Lex Luthor.", address: "LexCorp Tower, Metropolis, NY 10001", city: "Metropolis, NY", + industry: "Advertising and marketing", stagingUrl: "stage.lexcorp.com", productionUrl: "lexcorp.com", }, @@ -51,6 +58,7 @@ export const company: CompanyModel[] = [ name: "Sahara Security & Investigation Ltd.", username: "saharasecurity_ng", email: "info@saharasecurity.ng", + password: "password4", phone: "08120122347", image: "https://www.shutterstock.com/image-vector/young-smiling-man-adam-avatar-600w-2107967969.jpg", @@ -58,6 +66,7 @@ export const company: CompanyModel[] = [ "Sahara Security & Investigation is a leading provider of security and investigation services for businesses and individuals across Nigeria. With a team of highly trained professionals and state-of-the-art equipment, we are committed to protecting our clients' assets and interests.", address: "5, Bode Thomas Street, Surulere, Lagos State", city: "Lagos, Nigeria", + industry: "Security", stagingUrl: "stage.saharasecurity.com", productionUrl: "saharasecurity.ng", }, @@ -66,6 +75,7 @@ export const company: CompanyModel[] = [ name: "Umbrella Corporation", username: "umbrellacorporation", email: "info@umbrellacorp.com", + password: "password5", phone: "07073214806", image: "https://www.shutterstock.com/image-vector/young-smiling-man-adam-avatar-600w-2107967969.jpg", @@ -73,6 +83,7 @@ export const company: CompanyModel[] = [ "Umbrella Corporation is a pharmaceutical company that specializes in bioweapons and bioengineering.", address: "Umbrella Corporation, Raccoon City, NY 10001", city: "Raccoon City, NY", + industry: "Pharmaceuticals", stagingUrl: "stage.umbrellacorp.com", productionUrl: "umbrellacorp.com", }, @@ -81,6 +92,7 @@ export const company: CompanyModel[] = [ name: "Aperture Science", username: "aperturescience", email: "aperturescience@info.com", + password: "password6", phone: "08033567890", image: "https://www.shutterstock.com/image-vector/young-smiling-man-adam-avatar-600w-2107967969.jpg", @@ -88,6 +100,7 @@ export const company: CompanyModel[] = [ "Aperture Science is a science and technology company that specializes in the development of advanced research facilities and the manufacturing of consumer products.", address: "Aperture Science, New York City, NY 10001", city: "New York City, NY", + industry: "Technology", stagingUrl: "stage.aperturescience.com", productionUrl: "aperturescience.com", }, @@ -96,6 +109,7 @@ export const company: CompanyModel[] = [ name: "Stellar Airways Nigeria Ltd.", username: "stellarairways_ng", email: "info@stellarairways.ng", + password: "password7", phone: "07084849673", image: "https://www.shutterstock.com/image-vector/young-smiling-woman-mia-avatar-600w-2127358541.jpg", @@ -103,6 +117,7 @@ export const company: CompanyModel[] = [ "Stellar Airways Nigeria is a premier airline that provides domestic and international travel services to individuals and businesses across Nigeria. With a focus on safety, comfort, and convenience, we are dedicated to providing exceptional travel experiences to our customers.", address: "Murtala Muhammed International Airport, Ikeja, Lagos State", city: "Lagos, Nigeria", + industry: "Airlines", stagingUrl: "stage.stellarairways.com", productionUrl: "stellarairways.ng", }, @@ -111,6 +126,7 @@ export const company: CompanyModel[] = [ name: "Deltacore Technologies Ltd.", username: "deltacore_ng", email: "info@deltacore.ng", + password: "password8", phone: "09022345109", image: "https://www.shutterstock.com/image-vector/young-smiling-woman-mia-avatar-600w-2127358541.jpg", @@ -118,6 +134,7 @@ export const company: CompanyModel[] = [ "Deltacore Technologies is a leading provider of software and hardware solutions for businesses and individuals across Nigeria. With a focus on innovation and quality, we provide cutting-edge technology products and services to help our clients stay ahead of the competition.", address: "23, Adeyemo Alakija Street, Victoria Island, Lagos State", city: "Lagos, Nigeria", + industry: "Technology", stagingUrl: "stage.deltacore.com", productionUrl: "deltacore.ng", }, @@ -126,6 +143,7 @@ export const company: CompanyModel[] = [ name: "Goldmine Oil & Gas Ltd.", username: "goldmineoilgas_ng", email: "info@goldmineoilgas.ng", + password: "password9", phone: "0911250021", image: "https://www.shutterstock.com/image-vector/young-smiling-man-adam-avatar-600w-2107967969.jpg", @@ -133,6 +151,7 @@ export const company: CompanyModel[] = [ "Goldmine Oil & Gas is a leading exploration and production company that operates in the Nigerian oil and gas industry. With a focus on sustainability and innovation, we are committed to maximizing the potential of Nigeria's natural resources while minimizing our environmental impact.", address: "14, Marina Road, Warri South, Delta State", city: "Warri, Nigeria", + industry: "Oil & Gas", stagingUrl: "stage.goldmineoilgas.com", productionUrl: "goldmineoilgas.ng", }, @@ -141,6 +160,7 @@ export const company: CompanyModel[] = [ name: "Cedarwood Construction & Engineering Ltd.", username: "cedarwoodconstruction_ng", email: "info@cedarwoodconstruction.ng", + password: "password10", phone: "0911250021", image: "https://thumbs.dreamstime.com/b/male-avatar-icon-flat-style-male-user-icon-cartoon-man-avatar-hipster-vector-stock-91462914.jpg", @@ -148,6 +168,7 @@ export const company: CompanyModel[] = [ "Cedarwood Construction & Engineering is a leading construction company that provides innovative solutions for residential, commercial, and industrial projects across Nigeria. With a team of skilled professionals and state-of-the-art equipment, we are committed to delivering high-quality projects on time and within budget.", address: "9, Adeniyi Jones Avenue, Ikeja, Lagos State", city: "Lagos, Nigeria", + industry: "Construction", stagingUrl: "stage.cedarwoodconstruction.com", productionUrl: "cedarwoodconstruction.ng", }, diff --git a/src/app/layouts/admin-layout/admin-layout.routing.ts b/src/app/layouts/admin-layout/admin-layout.routing.ts index addd047..fa9a53a 100644 --- a/src/app/layouts/admin-layout/admin-layout.routing.ts +++ b/src/app/layouts/admin-layout/admin-layout.routing.ts @@ -5,7 +5,7 @@ import { CompanyInformationComponent } from "../../pages/company-information/com import { CompanyProfileComponent } from "../../pages/company-profile/company-profile.component"; import { InvoicesComponent } from "../../pages/invoices/invoices.component"; import { PaymentsComponent } from "../../pages/payments/payments.component"; -import { LoginComponent } from "src/app/pages/login/login.component"; +// import { LoginComponent } from "src/app/pages/login/login.component"; import { NotificationsComponent } from "../../pages/notifications/notifications.component"; @@ -16,5 +16,5 @@ export const AdminLayoutRoutes: Routes = [ { path: "invoices", component: InvoicesComponent }, { path: "payments", component: PaymentsComponent }, { path: "notifications", component: NotificationsComponent }, - { path: "login", component: LoginComponent} + // { path: "login", component: LoginComponent} ]; diff --git a/src/app/models/company.ts b/src/app/models/company.ts index 1797002..4da3b73 100644 --- a/src/app/models/company.ts +++ b/src/app/models/company.ts @@ -3,11 +3,13 @@ export interface CompanyModel { name: string; username: string; email: string; + password: string; phone: string; image: string; description: string; address: string; city: string; + industry: string; stagingUrl: string; productionUrl: string; } diff --git a/src/app/pages/company-information/company-information.component.ts b/src/app/pages/company-information/company-information.component.ts index 6181d76..b28c25e 100644 --- a/src/app/pages/company-information/company-information.component.ts +++ b/src/app/pages/company-information/company-information.component.ts @@ -27,30 +27,35 @@ export class CompanyInformationComponent implements OnInit { private databaseInfoService: DatabaseInfoService, private serverInfoService: ServerInfoService ) { - this.companyService.getCompanyById(1).subscribe((company) => { - this.company = company; - console.log("Company: ", this.company); - }); + this.companyLocalStorage = JSON.parse( + localStorage.getItem("companyData") || "{}" + ); - this.hostingInfoService.getHostingInfoById(2).subscribe((hostingInfo) => { - this.hostingInfo = hostingInfo; - console.log("Hosting Info: ", this.hostingInfo); - - this.timeDiff = this.calculateTimeDiff(this.hostingInfo.expirationDate); - console.log("Time Diff: ", this.timeDiff); - }); - - this.databaseInfoService - .getDatabaseInfoById(1) - .subscribe((databaseInfo) => { - this.databaseInfo = databaseInfo; - console.log("Database Info: ", this.databaseInfo); + this.companyService + .getCompanyById(this.companyLocalStorage.id) + .subscribe((company) => { + this.company = company; }); - this.serverInfoService.getServerInfoById(1).subscribe((serverInfo) => { - this.serverInfo = serverInfo; - console.log("Server Info: ", this.serverInfo); - }); + this.hostingInfoService + .getHostingInfoById(this.companyLocalStorage.id) + .subscribe((hostingInfo) => { + this.hostingInfo = hostingInfo; + + this.timeDiff = this.calculateTimeDiff(this.hostingInfo.expirationDate); + }); + + this.databaseInfoService + .getDatabaseInfoById(this.companyLocalStorage.id) + .subscribe((databaseInfo) => { + this.databaseInfo = databaseInfo; + }); + + this.serverInfoService + .getServerInfoById(this.companyLocalStorage.id) + .subscribe((serverInfo) => { + this.serverInfo = serverInfo; + }); } ngOnInit(): void {} diff --git a/src/app/pages/company-profile/company-profile.component.html b/src/app/pages/company-profile/company-profile.component.html index 931e190..c40d287 100644 --- a/src/app/pages/company-profile/company-profile.component.html +++ b/src/app/pages/company-profile/company-profile.component.html @@ -18,7 +18,6 @@
- +
@@ -412,24 +409,22 @@
- ... + ... -
Mike Andrew
+
{{ company.name }}
 -

Ceo/Co-Founder

+

{{ company.industry }}

- Do not be scared of the truth because we need to restart the human - foundation in truth And I love you like Kanye loves Kanye I love - Rick Owens’€™ bed design but the back is... + {{ company.description }}
- -