diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts index 8658d61..11e6f36 100644 --- a/src/app/app-routing.module.ts +++ b/src/app/app-routing.module.ts @@ -2,6 +2,7 @@ import { NgModule } from '@angular/core'; import { RouterModule, Routes } from '@angular/router'; import { DashboardComponent } from './dashboard/dashboard.component'; import { GraphComponent } from './dashboard/graph/graph.component'; +import { PartnerDetailsComponent } from './dashboard/partner-details/partner-details.component'; import { ReportComponent } from './dashboard/report/report.component'; import { SettingsComponent } from './dashboard/settings/settings.component'; import { TableComponent } from './dashboard/table/table.component'; @@ -19,6 +20,8 @@ const routes: Routes = [ path: 'partners', component: TableComponent }, { path: 'report', component: ReportComponent + }, { + path: 'partners/partner-details', component: PartnerDetailsComponent }, { path: 'settings', component: SettingsComponent } diff --git a/src/app/app.module.ts b/src/app/app.module.ts index 13d39d3..aba762c 100644 --- a/src/app/app.module.ts +++ b/src/app/app.module.ts @@ -14,6 +14,8 @@ import { ReportComponent } from './dashboard/report/report.component'; import { SettingsComponent } from './dashboard/settings/settings.component'; import { PartnerProfileService } from './services/partner-profile.service'; +import { PartnerDetailsComponent } from './dashboard/partner-details/partner-details.component'; +import { FormsModule } from '@angular/forms'; @NgModule({ declarations: [ @@ -23,13 +25,15 @@ import { PartnerProfileService } from './services/partner-profile.service'; GraphComponent, TableComponent, ReportComponent, - SettingsComponent + SettingsComponent, + PartnerDetailsComponent ], imports: [ BrowserModule, AppRoutingModule, BrowserAnimationsModule, HttpClientModule, + FormsModule, NgxEchartsModule.forRoot({ echarts: () => import('echarts'), }), diff --git a/src/app/dashboard/dashboard.component.html b/src/app/dashboard/dashboard.component.html index 5c438d4..924a1a2 100644 --- a/src/app/dashboard/dashboard.component.html +++ b/src/app/dashboard/dashboard.component.html @@ -1,13 +1,13 @@
-
- + @@ -40,7 +39,7 @@
Primary Contact
-
+
{{ partner.organizationBasicInfo.name }} diff --git a/src/app/dashboard/table/table.component.ts b/src/app/dashboard/table/table.component.ts index 09de4f1..7474c2b 100644 --- a/src/app/dashboard/table/table.component.ts +++ b/src/app/dashboard/table/table.component.ts @@ -1,5 +1,6 @@ import { Component, OnInit } from '@angular/core'; import { PartnerProfileService } from '../../services/partner-profile.service'; +import { Router } from '@angular/router'; @Component({ selector: 'app-table', @@ -11,7 +12,8 @@ export class TableComponent implements OnInit { showExportOptions: boolean = false; constructor( - private partnerProfileService: PartnerProfileService + private partnerProfileService: PartnerProfileService, + private router: Router ) { } ngOnInit(): void { @@ -20,4 +22,8 @@ export class TableComponent implements OnInit { }, (e) => console.log(e)); } + showPartnerDetails(partner: any) { + this.router.navigate(['dashboard/partners/partner-details'], { queryParams : { data: JSON.stringify(partner) } }); + } + } diff --git a/src/assets/delete.svg b/src/assets/delete.svg new file mode 100644 index 0000000..c2d5808 --- /dev/null +++ b/src/assets/delete.svg @@ -0,0 +1,44 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/edit.svg b/src/assets/edit.svg new file mode 100644 index 0000000..f7f0e3d --- /dev/null +++ b/src/assets/edit.svg @@ -0,0 +1,48 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/save.svg b/src/assets/save.svg new file mode 100644 index 0000000..da9058c --- /dev/null +++ b/src/assets/save.svg @@ -0,0 +1,43 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/styles.scss b/src/styles.scss index aa92e0c..759a619 100644 --- a/src/styles.scss +++ b/src/styles.scss @@ -46,6 +46,29 @@ } } +.checkbox-holder { + background-color: var(--input-background); + border-radius: var(--common-border-radius); + margin: 24px 0; + display: block; + display: flex; + align-items: center; + padding: 10px; + border-bottom: 2px solid var(--input-border); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + + label { + font-size: 14px; + color: var(--input-placeholder-text); + display: block; + } + + input { + margin-right: 10px; + } +} + .input-holder { background-color: var(--input-background); border-radius: var(--common-border-radius); @@ -98,7 +121,7 @@ border-bottom-left-radius: 0; } - input { + input, textarea, .text { display: block; background-color: transparent; color: var(--primary-text); @@ -127,9 +150,30 @@ } } } + + textarea { + height: 100px; + padding: 10px; + resize: none; + } + + .text { + button { + border: 2px solid var(--input-border); + border-radius: var(--common-border-radius); + font-size: 12px; + color: var(--primary-text); + padding: 5px 15px; + margin-right: 5px; + margin-top: 3px; + font-weight: 500; + letter-spacing: 0.5px; + } + } } .subpage { + position: relative; padding: 20px; height: 100vh; width: 100%;