Index: Farmatiko/ClientApp/src/app/app.module.ts
===================================================================
--- Farmatiko/ClientApp/src/app/app.module.ts (revision 37c8d1df17590ab1a6ea8b5b75856de5e2b9515b)
+++ Farmatiko/ClientApp/src/app/app.module.ts (revision 785b8bd24686a64eb9391957067778a3b01fa365)
@@ -4,4 +4,6 @@
import { HttpClientModule, HTTP_INTERCEPTORS } from '@angular/common/http';
import { RouterModule } from '@angular/router';
+import { MaterialModule } from './shared/material.module';
+import { ReactiveFormsModule } from '@angular/forms';
import { AppComponent } from './app.component';
@@ -12,4 +14,7 @@
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { KoronaComponent } from './korona/korona.component';
+import { AdminComponent } from './admin/admin.component';
+import { DashboardComponent } from './dashboard/dashboard.component';
+import { LoginComponent } from './login/login.component';
@NgModule({
@@ -20,5 +25,8 @@
CounterComponent,
FetchDataComponent,
- KoronaComponent
+ KoronaComponent,
+ AdminComponent,
+ DashboardComponent,
+ LoginComponent
],
imports: [
@@ -30,7 +38,12 @@
{ path: 'mapa', component: CounterComponent },
{ path: 'fetch-data', component: FetchDataComponent },
- { path: 'koronavirus', component: KoronaComponent }
+ { path: 'koronavirus', component: KoronaComponent },
+ { path: 'admin', component: AdminComponent },
+ { path: 'dashboard', component: DashboardComponent },
+ { path: 'login', component: LoginComponent }
]),
- BrowserAnimationsModule
+ BrowserAnimationsModule,
+ MaterialModule,
+ ReactiveFormsModule
],
providers: [],
Index: Farmatiko/ClientApp/src/app/counter/counter.component.html
===================================================================
--- Farmatiko/ClientApp/src/app/counter/counter.component.html (revision 37c8d1df17590ab1a6ea8b5b75856de5e2b9515b)
+++ Farmatiko/ClientApp/src/app/counter/counter.component.html (revision 785b8bd24686a64eb9391957067778a3b01fa365)
@@ -7,4 +7,5 @@
-->
+
Index: Farmatiko/ClientApp/src/app/dashboard/dashboard.component.css
===================================================================
--- Farmatiko/ClientApp/src/app/dashboard/dashboard.component.css (revision 785b8bd24686a64eb9391957067778a3b01fa365)
+++ Farmatiko/ClientApp/src/app/dashboard/dashboard.component.css (revision 785b8bd24686a64eb9391957067778a3b01fa365)
@@ -0,0 +1,16 @@
+a.navbar-brand img {
+ width: 200px;
+}
+.wrapper {
+ display: flex;
+ justify-content: space-around;
+ padding-top: 50px;
+}
+
+.wrapper nav {
+ float: right;
+}
+
+table {
+ margin-top: 25px;
+}
Index: Farmatiko/ClientApp/src/app/dashboard/dashboard.component.html
===================================================================
--- Farmatiko/ClientApp/src/app/dashboard/dashboard.component.html (revision 785b8bd24686a64eb9391957067778a3b01fa365)
+++ Farmatiko/ClientApp/src/app/dashboard/dashboard.component.html (revision 785b8bd24686a64eb9391957067778a3b01fa365)
@@ -0,0 +1,146 @@
+
+
+
+
+
+
+
Мои аптеки
+
+
+
+ | Placeholder1 |
+ Placeholder2 |
+ Placeholder3 |
+ Placeholder4 |
+
+
+
+
+ | data1 |
+ data2 |
+ data3 |
+ data4 |
+
+
+
+
+
+
+
Сите аптеки
+
+
+
+
+ | Placeholder1 |
+ Placeholder2 |
+ Placeholder3 |
+ Placeholder4 |
+
+
+
+
+ | data1 |
+ data2 |
+ data3 |
+ data4 |
+
+
+
+
+
+
+
Достапни лекови
+
+
+
+
+ | Placeholder1 |
+ Placeholder2 |
+ Placeholder3 |
+ Placeholder4 |
+
+
+
+
+ | data1 |
+ data2 |
+ data3 |
+ data4 |
+
+
+
+
+
Index: Farmatiko/ClientApp/src/app/dashboard/dashboard.component.spec.ts
===================================================================
--- Farmatiko/ClientApp/src/app/dashboard/dashboard.component.spec.ts (revision 785b8bd24686a64eb9391957067778a3b01fa365)
+++ Farmatiko/ClientApp/src/app/dashboard/dashboard.component.spec.ts (revision 785b8bd24686a64eb9391957067778a3b01fa365)
@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { DashboardComponent } from './dashboard.component';
+
+describe('DashboardComponent', () => {
+ let component: DashboardComponent;
+ let fixture: ComponentFixture
;
+
+ beforeEach(async(() => {
+ TestBed.configureTestingModule({
+ declarations: [ DashboardComponent ]
+ })
+ .compileComponents();
+ }));
+
+ beforeEach(() => {
+ fixture = TestBed.createComponent(DashboardComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
Index: Farmatiko/ClientApp/src/app/dashboard/dashboard.component.ts
===================================================================
--- Farmatiko/ClientApp/src/app/dashboard/dashboard.component.ts (revision 785b8bd24686a64eb9391957067778a3b01fa365)
+++ Farmatiko/ClientApp/src/app/dashboard/dashboard.component.ts (revision 785b8bd24686a64eb9391957067778a3b01fa365)
@@ -0,0 +1,17 @@
+import { Component, OnInit, Input, ViewChild } from '@angular/core';
+import { Pharmacy } from '../models/Pharmacy';
+import { MatTableDataSource } from '@angular/material/table';
+import { MatPaginator } from '@angular/material/paginator';
+import { MatSort } from '@angular/material/sort';
+
+@Component({
+ selector: 'app-dashboard',
+ templateUrl: './dashboard.component.html',
+ styleUrls: ['./dashboard.component.css']
+})
+export class DashboardComponent implements OnInit {
+
+ constructor() { }
+
+ ngOnInit(): void { }
+}
Index: Farmatiko/ClientApp/src/app/home/home.component.html
===================================================================
--- Farmatiko/ClientApp/src/app/home/home.component.html (revision 37c8d1df17590ab1a6ea8b5b75856de5e2b9515b)
+++ Farmatiko/ClientApp/src/app/home/home.component.html (revision 785b8bd24686a64eb9391957067778a3b01fa365)
@@ -1,2 +1,4 @@
+
+
Index: Farmatiko/ClientApp/src/app/home/home.component.ts
===================================================================
--- Farmatiko/ClientApp/src/app/home/home.component.ts (revision 37c8d1df17590ab1a6ea8b5b75856de5e2b9515b)
+++ Farmatiko/ClientApp/src/app/home/home.component.ts (revision 785b8bd24686a64eb9391957067778a3b01fa365)
@@ -1,4 +1,3 @@
import { Component, OnInit, Input, ViewChild } from '@angular/core';
-import { MaterialModule } from '../shared/material.module';
@Component({
Index: Farmatiko/ClientApp/src/app/korona/korona.component.html
===================================================================
--- Farmatiko/ClientApp/src/app/korona/korona.component.html (revision 37c8d1df17590ab1a6ea8b5b75856de5e2b9515b)
+++ Farmatiko/ClientApp/src/app/korona/korona.component.html (revision 785b8bd24686a64eb9391957067778a3b01fa365)
@@ -1,2 +1,4 @@
+
+
Index: Farmatiko/ClientApp/src/app/login/login.component.css
===================================================================
--- Farmatiko/ClientApp/src/app/login/login.component.css (revision 785b8bd24686a64eb9391957067778a3b01fa365)
+++ Farmatiko/ClientApp/src/app/login/login.component.css (revision 785b8bd24686a64eb9391957067778a3b01fa365)
@@ -0,0 +1,43 @@
+.example-container {
+ display: flex;
+ flex-direction: column;
+}
+
+.example-container > * {
+ width: 100%;
+}
+
+.wrapper {
+ position: fixed;
+ left: 50%;
+ top: 50%;
+ transform: translate(-50%, -50%);
+}
+
+:host {
+ display: flex;
+ justify-content: center;
+}
+
+.mat-form-field {
+ width: 100%;
+ min-width: 300px;
+}
+
+mat-card-title,
+mat-card-content {
+ display: flex;
+ justify-content: center;
+}
+
+.error {
+ padding: 16px;
+ width: 300px;
+ color: white;
+ background-color: red;
+}
+
+.button {
+ display: flex;
+ justify-content: flex-end;
+}
Index: Farmatiko/ClientApp/src/app/login/login.component.html
===================================================================
--- Farmatiko/ClientApp/src/app/login/login.component.html (revision 785b8bd24686a64eb9391957067778a3b01fa365)
+++ Farmatiko/ClientApp/src/app/login/login.component.html (revision 785b8bd24686a64eb9391957067778a3b01fa365)
@@ -0,0 +1,20 @@
+
Index: Farmatiko/ClientApp/src/app/login/login.component.spec.ts
===================================================================
--- Farmatiko/ClientApp/src/app/login/login.component.spec.ts (revision 785b8bd24686a64eb9391957067778a3b01fa365)
+++ Farmatiko/ClientApp/src/app/login/login.component.spec.ts (revision 785b8bd24686a64eb9391957067778a3b01fa365)
@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { LoginComponent } from './login.component';
+
+describe('LoginComponent', () => {
+ let component: LoginComponent;
+ let fixture: ComponentFixture
;
+
+ beforeEach(async(() => {
+ TestBed.configureTestingModule({
+ declarations: [ LoginComponent ]
+ })
+ .compileComponents();
+ }));
+
+ beforeEach(() => {
+ fixture = TestBed.createComponent(LoginComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
Index: Farmatiko/ClientApp/src/app/login/login.component.ts
===================================================================
--- Farmatiko/ClientApp/src/app/login/login.component.ts (revision 785b8bd24686a64eb9391957067778a3b01fa365)
+++ Farmatiko/ClientApp/src/app/login/login.component.ts (revision 785b8bd24686a64eb9391957067778a3b01fa365)
@@ -0,0 +1,22 @@
+import { Component, OnInit } from '@angular/core';
+import { FormBuilder, FormGroup, FormControl, Validators, FormArray } from '@angular/forms';
+
+@Component({
+ selector: 'app-login',
+ templateUrl: './login.component.html',
+ styleUrls: ['./login.component.css']
+})
+export class LoginComponent implements OnInit {
+ loginForm: FormGroup;
+
+ constructor() {
+ this.loginForm = new FormGroup({
+ email: new FormControl('', [Validators.required, Validators.email]),
+ password: new FormControl('', [Validators.required])
+ });
+ }
+
+ ngOnInit(): void {
+ }
+
+}
Index: Farmatiko/ClientApp/src/app/nav-menu/nav-menu.component.css
===================================================================
--- Farmatiko/ClientApp/src/app/nav-menu/nav-menu.component.css (revision 37c8d1df17590ab1a6ea8b5b75856de5e2b9515b)
+++ Farmatiko/ClientApp/src/app/nav-menu/nav-menu.component.css (revision 785b8bd24686a64eb9391957067778a3b01fa365)
@@ -5,7 +5,7 @@
}
- a.navbar-brand img {
- width: 200px;
- }
+a.navbar-brand img {
+ width: 200px;
+}
html {
Index: Farmatiko/ClientApp/src/app/nav-menu/nav-menu.component.html
===================================================================
--- Farmatiko/ClientApp/src/app/nav-menu/nav-menu.component.html (revision 37c8d1df17590ab1a6ea8b5b75856de5e2b9515b)
+++ Farmatiko/ClientApp/src/app/nav-menu/nav-menu.component.html (revision 785b8bd24686a64eb9391957067778a3b01fa365)
@@ -21,5 +21,5 @@
- Мапа на здравствени работници и здравствени установи
+ Мапа
Index: Farmatiko/ClientApp/src/custom-theme.scss
===================================================================
--- Farmatiko/ClientApp/src/custom-theme.scss (revision 37c8d1df17590ab1a6ea8b5b75856de5e2b9515b)
+++ Farmatiko/ClientApp/src/custom-theme.scss (revision 785b8bd24686a64eb9391957067778a3b01fa365)
@@ -13,5 +13,5 @@
// (imported above). For each palette, you can optionally specify a default, lighter, and darker
// hue. Available color palettes: https://material.io/design/color/
-$Farmatiko-primary: mat-palette($mat-indigo);
+$Farmatiko-primary: mat-palette($mat-green);
$Farmatiko-accent: mat-palette($mat-pink, A200, A100, A400);
Index: Farmatiko/ClientApp/src/styles.css
===================================================================
--- Farmatiko/ClientApp/src/styles.css (revision 37c8d1df17590ab1a6ea8b5b75856de5e2b9515b)
+++ Farmatiko/ClientApp/src/styles.css (revision 785b8bd24686a64eb9391957067778a3b01fa365)
@@ -2,4 +2,8 @@
/* Provide sufficient contrast against white background */
+* {
+ box-sizing: border-box;
+}
+
a {
color: #0366d6;