diff options
Diffstat (limited to 'sandbox/TestTamara/FRONT/Ski/src/app')
8 files changed, 156 insertions, 0 deletions
diff --git a/sandbox/TestTamara/FRONT/Ski/src/app/app-routing.module.ts b/sandbox/TestTamara/FRONT/Ski/src/app/app-routing.module.ts new file mode 100644 index 00000000..02972627 --- /dev/null +++ b/sandbox/TestTamara/FRONT/Ski/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/TestTamara/FRONT/Ski/src/app/app.component.css b/sandbox/TestTamara/FRONT/Ski/src/app/app.component.css new file mode 100644 index 00000000..e69de29b --- /dev/null +++ b/sandbox/TestTamara/FRONT/Ski/src/app/app.component.css diff --git a/sandbox/TestTamara/FRONT/Ski/src/app/app.component.html b/sandbox/TestTamara/FRONT/Ski/src/app/app.component.html new file mode 100644 index 00000000..15d406bf --- /dev/null +++ b/sandbox/TestTamara/FRONT/Ski/src/app/app.component.html @@ -0,0 +1,35 @@ + +<div id="container"> + <div id="header"> + <div id="logo"> + + </div> + </div> + <div id="menu"> + <!-- <div id="pocetna"><a href="index.html">POČETNA</a></div>--> + <div id="sat"></div> + </div> + <div id="main"> + + <h1>SKI CENTRI</h1> + <div id="list"> + <ul> + <li><a href="https://www.skijalistasrbije.rs/sr/o-centru-kopaonik">KOPAONIK</a></li> + <li><a href="https://www.skijalistasrbije.rs/sr/prohodnost-staza-i-rad-zicara-tornik">TORNIK</a></li> + <li><a href="https://www.skijalistasrbije.rs/sr/prohodnost-staza-i-rad-zicara-stara-planina">STARA PLANINA</a></li> + <li><a href="https://www.skijalistasrbije.rs/sr/o-centru-brezovica">BREZOVICA</a></li> + <li><a href="https://www.skijalistasrbije.rs/sr/ski-info-prohodnost-staza-kopaonik-stara-planina-zlatibor-brezovica">SKI INFO</a></li> + </ul> + + </div> + <div id="izbor" style="font-size: 70px; position:absolute; margin-top: 120px;margin-left: 300px; color:white;text-shadow: 3px 3px 6px whitesmoke;"> + <p>{{poruka}}</p> + + </div> + + + </div> + <div id="footer"> + + </div> +</div> diff --git a/sandbox/TestTamara/FRONT/Ski/src/app/app.component.spec.ts b/sandbox/TestTamara/FRONT/Ski/src/app/app.component.spec.ts new file mode 100644 index 00000000..ba428134 --- /dev/null +++ b/sandbox/TestTamara/FRONT/Ski/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 'Ski'`, () => { + const fixture = TestBed.createComponent(AppComponent); + const app = fixture.componentInstance; + expect(app.title).toEqual('Ski'); + }); + + it('should render title', () => { + const fixture = TestBed.createComponent(AppComponent); + fixture.detectChanges(); + const compiled = fixture.nativeElement as HTMLElement; + expect(compiled.querySelector('.content span')?.textContent).toContain('Ski app is running!'); + }); +}); diff --git a/sandbox/TestTamara/FRONT/Ski/src/app/app.component.ts b/sandbox/TestTamara/FRONT/Ski/src/app/app.component.ts new file mode 100644 index 00000000..c7c8e21d --- /dev/null +++ b/sandbox/TestTamara/FRONT/Ski/src/app/app.component.ts @@ -0,0 +1,25 @@ +import { Component,OnInit } from '@angular/core'; +import { UcitajService } from './ucitaj.service'; +import { NgModule } from '@angular/core'; + +@Component({ + selector: 'app-root', + templateUrl: './app.component.html', + styleUrls: ['./app.component.css'] +}) + +export class AppComponent implements OnInit { + poruka:string=''; + title:string='Ski'; + constructor(private servis: UcitajService) { } + + + + + ngOnInit() :void { + this.servis + .dajPoruku() + .subscribe((poruka2 : string) => {this.poruka = poruka2; + }); + } +} diff --git a/sandbox/TestTamara/FRONT/Ski/src/app/app.module.ts b/sandbox/TestTamara/FRONT/Ski/src/app/app.module.ts new file mode 100644 index 00000000..24600bca --- /dev/null +++ b/sandbox/TestTamara/FRONT/Ski/src/app/app.module.ts @@ -0,0 +1,21 @@ +import { NgModule } from '@angular/core'; +import { BrowserModule } from '@angular/platform-browser'; + +import { AppRoutingModule } from './app-routing.module'; +import { AppComponent } from './app.component'; + +import {HttpClientModule} from '@angular/common/http'; + +@NgModule({ + declarations: [ + AppComponent + ], + imports: [ + BrowserModule, + AppRoutingModule, + HttpClientModule + ], + providers: [], + bootstrap: [AppComponent] +}) +export class AppModule { } diff --git a/sandbox/TestTamara/FRONT/Ski/src/app/ucitaj.service.spec.ts b/sandbox/TestTamara/FRONT/Ski/src/app/ucitaj.service.spec.ts new file mode 100644 index 00000000..874f9ce0 --- /dev/null +++ b/sandbox/TestTamara/FRONT/Ski/src/app/ucitaj.service.spec.ts @@ -0,0 +1,16 @@ +import { TestBed } from '@angular/core/testing'; + +import { UcitajService } from './ucitaj.service'; + +describe('UcitajService', () => { + let service: UcitajService; + + beforeEach(() => { + TestBed.configureTestingModule({}); + service = TestBed.inject(UcitajService); + }); + + it('should be created', () => { + expect(service).toBeTruthy(); + }); +}); diff --git a/sandbox/TestTamara/FRONT/Ski/src/app/ucitaj.service.ts b/sandbox/TestTamara/FRONT/Ski/src/app/ucitaj.service.ts new file mode 100644 index 00000000..00712968 --- /dev/null +++ b/sandbox/TestTamara/FRONT/Ski/src/app/ucitaj.service.ts @@ -0,0 +1,14 @@ +import { HttpClient } from '@angular/common/http'; +import { Injectable } from '@angular/core'; + +@Injectable({ + providedIn: 'root' +}) +export class UcitajService { + + constructor(private http:HttpClient) { } + dajPoruku(){ + return this.http.get("http://localhost:5000/api/ski",{responseType:'text'}); + } +} + |