diff options
Diffstat (limited to 'sandbox/testAppNevena/Front/src/app')
8 files changed, 152 insertions, 0 deletions
diff --git a/sandbox/testAppNevena/Front/src/app/app-routing.module.ts b/sandbox/testAppNevena/Front/src/app/app-routing.module.ts new file mode 100644 index 00000000..02972627 --- /dev/null +++ b/sandbox/testAppNevena/Front/src/app/app-routing.module.ts @@ -0,0 +1,10 @@ +import { NgModule } from '@angular/core'; +import { RouterModule, Routes } from '@angular/router'; + +const routes: Routes = []; + +@NgModule({ + imports: [RouterModule.forRoot(routes)], + exports: [RouterModule] +}) +export class AppRoutingModule { } diff --git a/sandbox/testAppNevena/Front/src/app/app.component.css b/sandbox/testAppNevena/Front/src/app/app.component.css new file mode 100644 index 00000000..e69de29b --- /dev/null +++ b/sandbox/testAppNevena/Front/src/app/app.component.css diff --git a/sandbox/testAppNevena/Front/src/app/app.component.html b/sandbox/testAppNevena/Front/src/app/app.component.html new file mode 100644 index 00000000..1b8ab205 --- /dev/null +++ b/sandbox/testAppNevena/Front/src/app/app.component.html @@ -0,0 +1,19 @@ +<router-outlet></router-outlet> + <div> + <label>Unesi broj a:</label> + <br> + <input type="number" min="0" [(ngModel)]="a" name="a"> + </div> + <div> + <label>Unesi broj b:</label> + <br> + <input type="number" min="0" [(ngModel)]="b" name ="b"> + </div> + + <button type="button" (click)="sumNumbers()" > + SABERI BROJEVE + </button> + + <div> + Rezultat je: {{Sum}} + </div>
\ No newline at end of file diff --git a/sandbox/testAppNevena/Front/src/app/app.component.spec.ts b/sandbox/testAppNevena/Front/src/app/app.component.spec.ts new file mode 100644 index 00000000..1f0da84c --- /dev/null +++ b/sandbox/testAppNevena/Front/src/app/app.component.spec.ts @@ -0,0 +1,35 @@ +import { TestBed } from '@angular/core/testing'; +import { RouterTestingModule } from '@angular/router/testing'; +import { AppComponent } from './app.component'; + +describe('AppComponent', () => { + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [ + RouterTestingModule + ], + declarations: [ + AppComponent + ], + }).compileComponents(); + }); + + it('should create the app', () => { + const fixture = TestBed.createComponent(AppComponent); + const app = fixture.componentInstance; + expect(app).toBeTruthy(); + }); + + it(`should have as title 'project'`, () => { + const fixture = TestBed.createComponent(AppComponent); + const app = fixture.componentInstance; + expect(app.title).toEqual('project'); + }); + + it('should render title', () => { + const fixture = TestBed.createComponent(AppComponent); + fixture.detectChanges(); + const compiled = fixture.nativeElement as HTMLElement; + expect(compiled.querySelector('.content span')?.textContent).toContain('project app is running!'); + }); +}); diff --git a/sandbox/testAppNevena/Front/src/app/app.component.ts b/sandbox/testAppNevena/Front/src/app/app.component.ts new file mode 100644 index 00000000..6e66e308 --- /dev/null +++ b/sandbox/testAppNevena/Front/src/app/app.component.ts @@ -0,0 +1,28 @@ +import { Component } from '@angular/core'; +import { NgModel } from '@angular/forms'; +import { Router } from '@angular/router'; +import { Serve1Service } from './serve1.service';// + +@Component({ + selector: 'app-root', + templateUrl: './app.component.html', + styleUrls: ['./app.component.css'] +}) +export class AppComponent { + title = 'project'; + a = 0; + b = 0; + Sum = ""; + + + constructor(private serve1: Serve1Service, private router: Router) { } // + + sumNumbers() { + console.log(this.a + ':' + this.b); + // za slanje back-u, subscribe - asinhrono + this.serve1.sendNumbers(this.a, this.b).subscribe((serviceSum) => { + console.log(serviceSum); + this.Sum = serviceSum; + }) + } +}
\ No newline at end of file diff --git a/sandbox/testAppNevena/Front/src/app/app.module.ts b/sandbox/testAppNevena/Front/src/app/app.module.ts new file mode 100644 index 00000000..03cf5bf5 --- /dev/null +++ b/sandbox/testAppNevena/Front/src/app/app.module.ts @@ -0,0 +1,23 @@ +import { NgModule } from '@angular/core'; +import { BrowserModule } from '@angular/platform-browser'; +import {HttpClientModule} from '@angular/common/http'; // +import { AppRoutingModule } from './app-routing.module'; +import { AppComponent } from './app.component'; +import { FormsModule } from '@angular/forms'; + +@NgModule({ + declarations: [ + AppComponent + ], + imports: [ + BrowserModule, + AppRoutingModule, + FormsModule, + HttpClientModule// + ], + providers: [], + bootstrap: [AppComponent] +}) +export class AppModule { + +} diff --git a/sandbox/testAppNevena/Front/src/app/serve1.service.spec.ts b/sandbox/testAppNevena/Front/src/app/serve1.service.spec.ts new file mode 100644 index 00000000..8c248f44 --- /dev/null +++ b/sandbox/testAppNevena/Front/src/app/serve1.service.spec.ts @@ -0,0 +1,16 @@ +import { TestBed } from '@angular/core/testing'; + +import { Serve1Service } from './serve1.service'; + +describe('Serve1Service', () => { + let service: Serve1Service; + + beforeEach(() => { + TestBed.configureTestingModule({}); + service = TestBed.inject(Serve1Service); + }); + + it('should be created', () => { + expect(service).toBeTruthy(); + }); +}); diff --git a/sandbox/testAppNevena/Front/src/app/serve1.service.ts b/sandbox/testAppNevena/Front/src/app/serve1.service.ts new file mode 100644 index 00000000..a35733a9 --- /dev/null +++ b/sandbox/testAppNevena/Front/src/app/serve1.service.ts @@ -0,0 +1,21 @@ +import { Injectable } from '@angular/core'; +import { HttpClient, HttpHeaders } from '@angular/common/http'; + +@Injectable({ + providedIn: 'root' +}) +export class Serve1Service { + + constructor(private http: HttpClient) { } + + /*getNumbers() { + return this.http.get<string[]>(`http://localhost:5000/api/kontroler/`); + }*/ + + sendNumbers(a: number, b: number) { + let header: HttpHeaders = new HttpHeaders({ + 'Content-type': 'application/json', + }); + return this.http.post(`http://localhost:5000/api/kontroler/`, {a, b }, { headers: header, responseType: 'text' }); + } +} |