diff options
Diffstat (limited to 'sandbox/TestTamara/FRONT/Ski/src')
20 files changed, 381 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'}); + } +} + diff --git a/sandbox/TestTamara/FRONT/Ski/src/assets/.gitkeep b/sandbox/TestTamara/FRONT/Ski/src/assets/.gitkeep new file mode 100644 index 00000000..e69de29b --- /dev/null +++ b/sandbox/TestTamara/FRONT/Ski/src/assets/.gitkeep diff --git a/sandbox/TestTamara/FRONT/Ski/src/environments/environment.prod.ts b/sandbox/TestTamara/FRONT/Ski/src/environments/environment.prod.ts new file mode 100644 index 00000000..3612073b --- /dev/null +++ b/sandbox/TestTamara/FRONT/Ski/src/environments/environment.prod.ts @@ -0,0 +1,3 @@ +export const environment = { + production: true +}; diff --git a/sandbox/TestTamara/FRONT/Ski/src/environments/environment.ts b/sandbox/TestTamara/FRONT/Ski/src/environments/environment.ts new file mode 100644 index 00000000..f56ff470 --- /dev/null +++ b/sandbox/TestTamara/FRONT/Ski/src/environments/environment.ts @@ -0,0 +1,16 @@ +// This file can be replaced during build by using the `fileReplacements` array. +// `ng build` replaces `environment.ts` with `environment.prod.ts`. +// The list of file replacements can be found in `angular.json`. + +export const environment = { + production: false +}; + +/* + * For easier debugging in development mode, you can import the following file + * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`. + * + * This import should be commented out in production mode because it will have a negative impact + * on performance if an error is thrown. + */ +// import 'zone.js/plugins/zone-error'; // Included with Angular CLI. diff --git a/sandbox/TestTamara/FRONT/Ski/src/favicon.ico b/sandbox/TestTamara/FRONT/Ski/src/favicon.ico Binary files differnew file mode 100644 index 00000000..997406ad --- /dev/null +++ b/sandbox/TestTamara/FRONT/Ski/src/favicon.ico diff --git a/sandbox/TestTamara/FRONT/Ski/src/index.html b/sandbox/TestTamara/FRONT/Ski/src/index.html new file mode 100644 index 00000000..ac952a25 --- /dev/null +++ b/sandbox/TestTamara/FRONT/Ski/src/index.html @@ -0,0 +1,13 @@ +<!doctype html> +<html lang="en"> +<head> + <meta charset="utf-8"> + <title>Ski</title> + <base href="/"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <link rel="icon" type="image/x-icon" href="favicon.ico"> +</head> +<body> + <app-root></app-root> +</body> +</html> diff --git a/sandbox/TestTamara/FRONT/Ski/src/indexk.jpg b/sandbox/TestTamara/FRONT/Ski/src/indexk.jpg Binary files differnew file mode 100644 index 00000000..b7670dd8 --- /dev/null +++ b/sandbox/TestTamara/FRONT/Ski/src/indexk.jpg diff --git a/sandbox/TestTamara/FRONT/Ski/src/logo.png b/sandbox/TestTamara/FRONT/Ski/src/logo.png Binary files differnew file mode 100644 index 00000000..1e215d77 --- /dev/null +++ b/sandbox/TestTamara/FRONT/Ski/src/logo.png diff --git a/sandbox/TestTamara/FRONT/Ski/src/main.ts b/sandbox/TestTamara/FRONT/Ski/src/main.ts new file mode 100644 index 00000000..c7b673cf --- /dev/null +++ b/sandbox/TestTamara/FRONT/Ski/src/main.ts @@ -0,0 +1,12 @@ +import { enableProdMode } from '@angular/core'; +import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; + +import { AppModule } from './app/app.module'; +import { environment } from './environments/environment'; + +if (environment.production) { + enableProdMode(); +} + +platformBrowserDynamic().bootstrapModule(AppModule) + .catch(err => console.error(err)); diff --git a/sandbox/TestTamara/FRONT/Ski/src/polyfills.ts b/sandbox/TestTamara/FRONT/Ski/src/polyfills.ts new file mode 100644 index 00000000..429bb9ef --- /dev/null +++ b/sandbox/TestTamara/FRONT/Ski/src/polyfills.ts @@ -0,0 +1,53 @@ +/** + * This file includes polyfills needed by Angular and is loaded before the app. + * You can add your own extra polyfills to this file. + * + * This file is divided into 2 sections: + * 1. Browser polyfills. These are applied before loading ZoneJS and are sorted by browsers. + * 2. Application imports. Files imported after ZoneJS that should be loaded before your main + * file. + * + * The current setup is for so-called "evergreen" browsers; the last versions of browsers that + * automatically update themselves. This includes recent versions of Safari, Chrome (including + * Opera), Edge on the desktop, and iOS and Chrome on mobile. + * + * Learn more in https://angular.io/guide/browser-support + */ + +/*************************************************************************************************** + * BROWSER POLYFILLS + */ + +/** + * By default, zone.js will patch all possible macroTask and DomEvents + * user can disable parts of macroTask/DomEvents patch by setting following flags + * because those flags need to be set before `zone.js` being loaded, and webpack + * will put import in the top of bundle, so user need to create a separate file + * in this directory (for example: zone-flags.ts), and put the following flags + * into that file, and then add the following code before importing zone.js. + * import './zone-flags'; + * + * The flags allowed in zone-flags.ts are listed here. + * + * The following flags will work for all browsers. + * + * (window as any).__Zone_disable_requestAnimationFrame = true; // disable patch requestAnimationFrame + * (window as any).__Zone_disable_on_property = true; // disable patch onProperty such as onclick + * (window as any).__zone_symbol__UNPATCHED_EVENTS = ['scroll', 'mousemove']; // disable patch specified eventNames + * + * in IE/Edge developer tools, the addEventListener will also be wrapped by zone.js + * with the following flag, it will bypass `zone.js` patch for IE/Edge + * + * (window as any).__Zone_enable_cross_context_check = true; + * + */ + +/*************************************************************************************************** + * Zone JS is required by default for Angular itself. + */ +import 'zone.js'; // Included with Angular CLI. + + +/*************************************************************************************************** + * APPLICATION IMPORTS + */ diff --git a/sandbox/TestTamara/FRONT/Ski/src/skiskole.jpg b/sandbox/TestTamara/FRONT/Ski/src/skiskole.jpg Binary files differnew file mode 100644 index 00000000..aa1bdbc6 --- /dev/null +++ b/sandbox/TestTamara/FRONT/Ski/src/skiskole.jpg diff --git a/sandbox/TestTamara/FRONT/Ski/src/styles.css b/sandbox/TestTamara/FRONT/Ski/src/styles.css new file mode 100644 index 00000000..4edf3f70 --- /dev/null +++ b/sandbox/TestTamara/FRONT/Ski/src/styles.css @@ -0,0 +1,102 @@ + +#container { + width: 1200px; + height: 800px; + background-color: lightblue; + margin: auto; + } + + #header { + width: 100%; + height: 100px; + position: relative; + color: blue; + background-color: white; + } + + #logo { + width: 450px; + height: 90px; + background-image: url('logo.png'); + background-repeat: no-repeat; + } + + #menu { + background-color: #76bdd5; + width: 100%; + height: 50px; + display: table; + } + /* + #pocetna + { + width: 170px; + float: left; + list-style: none; + background-color: red; + position: absolute; + height: 50px; + text-align: center; + margin-left: 63px; + } + #pocetna a + { + font-size: 20px; + color: white; + text-decoration: none; + margin: 10px; + font-weight: bold; + margin-top: 20px; + }*/ + #sat { + list-style: none; + color: white; + font-weight: bold; + float: right; + font-size: 30px; + margin-right: 30px; + } + + #main { + width: 100%; + height: 700px; + display: table; + color: white; + position: relative; + background-image: url("indexk.jpg"); + background-size: 100%,700px; + } + + #main h1 { + margin-left: 55px; + font-size: 50px; + position: absolute; + } + + #list { + top: 100px; + position: absolute; + width: 3%; + height: 80%; + float: left; + background-color: #ffcccc; + margin: 20px; + } + + #list li { + background-color: #e60000; + color: white; + width: 150px; + text-align: justify; + margin: 5px; + list-style: none; + padding: 20px; + padding-right: 0; + } + + #list a { + color: white; + text-decoration: none; + font-weight: bold; + font-size: 20px; + } diff --git a/sandbox/TestTamara/FRONT/Ski/src/test.ts b/sandbox/TestTamara/FRONT/Ski/src/test.ts new file mode 100644 index 00000000..00025daf --- /dev/null +++ b/sandbox/TestTamara/FRONT/Ski/src/test.ts @@ -0,0 +1,26 @@ +// This file is required by karma.conf.js and loads recursively all the .spec and framework files + +import 'zone.js/testing'; +import { getTestBed } from '@angular/core/testing'; +import { + BrowserDynamicTestingModule, + platformBrowserDynamicTesting +} from '@angular/platform-browser-dynamic/testing'; + +declare const require: { + context(path: string, deep?: boolean, filter?: RegExp): { + <T>(id: string): T; + keys(): string[]; + }; +}; + +// First, initialize the Angular testing environment. +getTestBed().initTestEnvironment( + BrowserDynamicTestingModule, + platformBrowserDynamicTesting(), +); + +// Then we find all the tests. +const context = require.context('./', true, /\.spec\.ts$/); +// And load the modules. +context.keys().map(context); |
