Revize 06b9ca68

Re #7263 Static view for employer initialized

frontend/src/app/app.component.html

@@ -1 @@
-<b>Post test: </b> {{ postTestResponse }} <br>
-<b>Get test: </b> {{ getTestResponse }} <br>
-<b>EN Hello world test: </b> {{ enHelloWorldResponse }} <br>
-<b>CZ Hello world test: </b> {{ czHelloWorldResponse }} <br>
-<b>Database test: </b> {{ databaseResponse }} <br>
-<router-outlet></router-outlet>
+<div class="container-fluid h-100">
+  <div class="row header">
+    <img class="logo" src="../assets/images/logo.png" />
+    <div class="user-info">
+      <img class="user-icon" src="../assets/images/default-user.png"/>
+      <span class="user-name">Václav Jirák</span>
+    </div>
+  </div>
+  <div class="row content">
+    <div class="col-lg-2 navigation">
+      <nav class="navbar">
+        <ul class="navbar-nav">
+          <li *ngFor="let item of menuItems; let i = index" class="nav-item selected">
+            <a href="#">{{i}} {{item}}</a>
+          </li>
+        </ul>
+      </nav>
+    </div>
+    <div class="col-lg-7">seamless</div>
+    <div class="col-lg-3">mas</div>
+  </div>
+</div>

frontend/src/app/app.component.sass

@@ +1 @@
+.header
+  height: 50px
+  background-color: #3F425D
+  padding-left: 10px
+
+
+.user-info
+  height: 100%
+  margin-left: auto
+  margin-right: 0
+
+
+.user-icon
+  width: 35px
+  height: 35px
+  border-radius: 20px
+
+
+.user-name
+  height: 50px
+  line-height: 50px
+  color: white
+  margin-left: 10px
+  margin-right: 10px
+
+.content
+  height: calc(100% - 50px)
+  background-color: #F0FFFD
+
+
+.navigation
+  background-color: #2F313F
+  margin: 0
+  padding: 0
+
+
+.navbar
+  width: 100%
+  margin: 0
+  padding: 0
+
+.navbar-nav
+  width: 100%
+
+.nav-bar
+  width: 100%
+
+.nav-item
+  height: 50px
+  line-height: 50px
+  width: 100%
+  padding-left: 20px
+  color: #404353
+  background-color: #2F313F
+  border-style: solid
+  border-width: 0 0 1px 0
+  border-color: #6D6F81
+
+  &:hover
+    background-color: #414356
+
+  a
+    color: #6D6F81
+    width: 100%
+    height: 100%
+
+
+.nav-item.selected
+  background-color: #63AA22
+
+  a
+    color: white
+
+  &:hover
+    background-color: #7ad129
+

frontend/src/app/app.component.spec.ts

@@ -1 @@
-import { TestBed, async } from '@angular/core/testing';
-import { RouterTestingModule } from '@angular/router/testing';
-import { AppComponent } from './app.component';
-
-describe('AppComponent', () => {
-  beforeEach(async(() => {
-    TestBed.configureTestingModule({
-      imports: [
-        RouterTestingModule
-      ],
-      declarations: [
-        AppComponent
-      ],
-    }).compileComponents();
-  }));
-
-  it('should create the app', () => {
-    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.debugElement.componentInstance;
-    expect(app).toBeTruthy();
-  });
-
-  it(`should have as title 'ymanager-frontend'`, () => {
-    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.debugElement.componentInstance;
-    expect(app.title).toEqual('ymanager-frontend');
-  });
-
-  it('should render title in a h1 tag', () => {
-    const fixture = TestBed.createComponent(AppComponent);
-    fixture.detectChanges();
-    const compiled = fixture.debugElement.nativeElement;
-    expect(compiled.querySelector('h1').textContent).toContain('Welcome to ymanager-frontend!');
-  });
-});

frontend/src/app/app.component.ts

@@ -1 +1 @@
 import { Component, OnInit } from '@angular/core';
-import { HttpClient } from '@angular/common/http';
-import { environment } from '../environments/environment';
 
 @Component({
   selector: 'app-root',
@@ -8 +6 @@
   styleUrls: ['./app.component.sass']
 })
 export class AppComponent implements OnInit {
-  getTestResponse;
-  postTestResponse;
-  enHelloWorldResponse;
-  czHelloWorldResponse;
-  databaseResponse;
-  constructor(private httpClient: HttpClient) {}
 
-  ngOnInit() {
-    this.httpClient.get(environment.apiUrl + 'test', { responseType: 'text' })
-      .subscribe(data => this.getTestResponse = data);
-
-    this.httpClient.post(environment.apiUrl + 'test', {}, { responseType: 'text' })
-      .subscribe(data => this.postTestResponse = data);
-
-    this.httpClient.get(environment.apiUrl + 'hello', { responseType: 'text' })
-      .subscribe(data => this.enHelloWorldResponse = data);
+  menuItems = ['DASHBOARD', 'ZAMESTNANCI'];
+  constructor() {}
 
-    this.httpClient.get(environment.apiUrl + 'hello?lang=cz', { responseType: 'text' })
-      .subscribe(data => this.czHelloWorldResponse = data);
-
-    this.httpClient.get(environment.apiUrl + 'database', { responseType: 'text' })
-      .subscribe(data => this.databaseResponse = data);
+  ngOnInit() {
   }
 }

frontend/src/index.html

@@ -2 +2 @@
 <html lang="en">
 <head>
   <meta charset="utf-8">
-  <title>YmanagerFrontend</title>
+  <title>Ymanager</title>
   <base href="/">
 
   <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
   <link rel="icon" type="image/x-icon" href="favicon.ico">
 </head>
 <body>

frontend/src/styles.sass

@@ -1 @@
-/* You can add global styles to this file, and also import other style files */
+*
+  margin: 0
+  padding: 0
+  font-family: "Helvetica", serif
+  font-size: 12px
+
+
+a
+  &:hover
+    text-decoration: none
+
+
+body, html
+  height: 100%
+