Projekt

Obecné

Profil

« Předchozí | Další » 

Revize b2d221fc

Přidáno uživatelem Václav Jirák před asi 6 roky(ů)

Re #7263 Basic employer's dashboard completed

Zobrazit rozdíly:

frontend/src/app/app.component.html
6 6 
      <span class="user-name">Václav Jirák</span>
7 7 
    </div>
8 8 
  </div>
9 
  <div class="row content">
9 
  <div class="row navigation-and-content">
10 10 
    <div class="col-lg-2 navigation">
11 11 
      <app-menu></app-menu>
12 12 
    </div>
13 
    <div class="col-lg-7">
13 
    <div class="col-lg-10">
14 14 
      <router-outlet></router-outlet>
15 15 
    </div>
16 
    <div class="col-lg-3"></div>
17 16 
  </div>
18 17 
</div>
frontend/src/app/app.component.sass
3 3 
  background-color: #3F425D
4 4 
  padding-left: 10px
5 5 

  		




  6
  
  
    

  		




  7
  6
  
    
.user-info


  		




  8
  7
  
    
  height: 100%


  		




  9
  8
  
    
  margin-left: auto


  		




  10
  9
  
    
  margin-right: 0


  		




  11
  10
  
    

  		




  12
  
  
    

  		




  13
  11
  
    
.user-icon


  		




  14
  12
  
    
  width: 35px


  		




  15
  13
  
    
  height: 35px


  		




  16
  14
  
    
  border-radius: 20px


  		




  17
  15
  
    

  		




  18
  
  
    

  		




  19
  16
  
    
.user-name


  		




  20
  17
  
    
  height: 50px


  		




  21
  18
  
    
  line-height: 50px


  		




  ......




  23
  20
  
    
  margin-left: 10px


  		




  24
  21
  
    
  margin-right: 10px


  		




  25
  22
  
    

  		




  26
  
  
    
.content


  		




  
  23
  
    
.navigation-and-content


  		




  27
  24
  
    
  height: calc(100% - 50px)


  		




  28
  
  
    
  background-color: #F0FFFD


  		




  29
  25
  
    

  		




  
  26
  
    
  .content


  		




  
  27
  
    
    padding: 0


  		




  30
  28
  
    

  		




  31
  29
  
    
.navigation


  		




  32
  30
  
    
  background-color: #2F313F


  		












  

    
      frontend/src/app/app.component.ts
    
  





  1
  
  
    
import { Component, OnInit } from '@angular/core';


  		




  
  1
  
    
import {Component, OnInit} from '@angular/core';


  		




  
  2
  
    
import { registerLocaleData } from '@angular/common';


  		




  
  3
  
    
import localeCs from '@angular/common/locales/cs';


  		




  2
  4
  
    

  		




  3
  5
  
    
@Component({


  		




  4
  6
  
    
  selector: 'app-root',


  		




  ......




  7
  9
  
    
})


  		




  8
  10
  
    
export class AppComponent implements OnInit {


  		




  9
  11
  
    

  		




  10
  
  
    
  menuItems = ['DASHBOARD', 'ZAMESTNANCI'];


  		




  11
  
  
    
  constructor() {}


  		




  12
  
  
    

  		




  13
  
  
    
  ngOnInit() {


  		




  
  12
  
    
  constructor() {


  		




  
  13
  
    
    registerLocaleData(localeCs);


  		




  14
  14
  
    
  }


  		




  
  15
  
    

  		




  
  16
  
    
  ngOnInit() {}


  		




  
  17
  
    

  		




  15
  18
  
    
}


  		












  

    
      frontend/src/app/app.module.ts
    
  





  3
  3
  
    

  		




  4
  4
  
    
import { AppRoutingModule } from './app-routing.module';


  		




  5
  5
  
    
import { AppComponent } from './app.component';


  		




  6
  
  
    
import {HttpClientModule} from '@angular/common/http';


  		




  7
  6
  
    
import { MenuComponent } from './menu/menu.component';


  		




  8
  7
  
    
import { EmployeesListComponent } from './employees-list/employees-list.component';


  		




  9
  
  
    
import { DashboardComponent } from './dashboard/dashboard.component';


  		




  
  8
  
    
import { DashboardModule } from './dashboard/dashboard.module';


  		




  10
  9
  
    

  		




  11
  10
  
    
@NgModule({


  		




  12
  11
  
    
  declarations: [


  		




  13
  12
  
    
    AppComponent,


  		




  14
  13
  
    
    MenuComponent,


  		




  15
  
  
    
    EmployeesListComponent,


  		




  16
  
  
    
    DashboardComponent


  		




  
  14
  
    
    EmployeesListComponent


  		




  17
  15
  
    
  ],


  		




  18
  16
  
    
  imports: [


  		




  19
  17
  
    
    BrowserModule,


  		




  20
  18
  
    
    AppRoutingModule,


  		




  21
  
  
    
    HttpClientModule


  		




  
  19
  
    
    DashboardModule


  		




  22
  20
  
    
  ],


  		




  23
  21
  
    
  providers: [],


  		




  24
  22
  
    
  bootstrap: [AppComponent]


  		












  

    
      frontend/src/app/dashboard/dashboard.component.html
    
  





  1
  
  
    
<p>


  		




  2
  
  
    
  dashboard works!


  		




  3
  
  
    
</p>


  		




  
  1
  
    
<app-employer-dashboard></app-employer-dashboard>


  		












  

    
      frontend/src/app/dashboard/dashboard.module.ts
    
  





  
  1
  
    
import {NgModule} from '@angular/core';


  		




  
  2
  
    
import {CommonModule} from '@angular/common';


  		




  
  3
  
    
import {EmployerDashboardModule} from './employer-dashboard/employer-dashboard.module';


  		




  
  4
  
    
import {DashboardComponent} from './dashboard.component';


  		




  
  5
  
    

  		




  
  6
  
    
@NgModule({


  		




  
  7
  
    
  declarations: [ DashboardComponent ],


  		




  
  8
  
    
  exports:      [ DashboardComponent ],


  		




  
  9
  
    
  imports: [


  		




  
  10
  
    
    EmployerDashboardModule


  		




  
  11
  
    
  ]


  		




  
  12
  
    
})


  		




  
  13
  
    
export class DashboardModule { }


  		












  

    
      frontend/src/index.html
    
  





  6
  6
  
    
  <base href="/">


  		




  7
  7
  
    

  		




  8
  8
  
    
  <meta name="viewport" content="width=device-width, initial-scale=1">


  		




  9
  
  
    
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">


  		




  10
  
  
    
  <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">


  		




  
  9
  
    

  		




  11
  10
  
    
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>


  		




  12
  11
  
    
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>


  		




  13
  12
  
    
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>


  		




  
  13
  
    

  		




  
  14
  
    
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">


  		




  
  15
  
    
  <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">


  		




  
  16
  
    
  <link href="https://unpkg.com/font-awesome@4.7.0/css/font-awesome.css" rel="stylesheet">


  		




  
  17
  
    
  <link href="https://unpkg.com/angular-calendar@0.27.5/css/angular-calendar.css" rel="stylesheet">


  		




  
  18
  
    
  <link href="https://unpkg.com/flatpickr@4.5.7/dist/flatpickr.css" rel="stylesheet">


  		




  14
  19
  
    
  <link rel="icon" type="image/x-icon" href="favicon.ico">


  		




  15
  20
  
    
</head>


  		




  16
  21
  
    
<body>


  		












  

    
      frontend/src/styles.sass
    
  





  12
  12
  
    

  		




  13
  13
  
    
body, html


  		




  14
  14
  
    
  height: 100%


  		




  15
  
  
    

  		




  
  15
  
    
  background-color: #F0FFFD


  		












Také k dispozici:  Unified diff