Commit b6fc1a8e authored by Lukas Burgey's avatar Lukas Burgey

Change the structure

parent 711f882b
<mat-toolbar color="primary" class="mat-typography">
<mat-toolbar-row>
<h1>
Federated User Credential Deployment Portal
</h1>
</mat-toolbar-row>
<mat-toolbar-row>
<app-login></app-login>
</mat-toolbar-row>
</mat-toolbar>
<app-header></app-header>
<!--
<div class="outer">
<div class="inner">
<div class="mat-typography">
<app-mgmt></app-mgmt>
<app-body></app-body>
</div>
</div>
</div>
-->
<app-body></app-body>
<app-footer></app-footer>
......@@ -23,9 +23,11 @@ import {SharedModule} from './shared/shared.module';
// declarations
import {AppComponent} from './app.component';
import {MgmtComponent} from './mgmt/mgmt.component';
import {BodyComponent} from './body/body.component';
import {LoginComponent} from './login/login.component';
import {ServiceComponent} from './service/service.component';
import { HeaderComponent } from './header/header.component';
import { FooterComponent } from './footer/footer.component';
@NgModule({
......@@ -45,7 +47,9 @@ import {ServiceComponent} from './service/service.component';
],
declarations: [
AppComponent,
MgmtComponent,
HeaderComponent,
BodyComponent,
FooterComponent,
LoginComponent,
ServiceComponent,
],
......
<div *ngIf="userService.loggedIn()">
<div *ngIf="userService.loggedIn()" class="mat-typography" style="margin: 30px 20px 0px 20px;">
<div style="padding-bottom: 30px;">
<h2>Services</h2>
<mat-accordion *ngIf="userService.services.length > 0">
......
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { MgmtComponent } from './mgmt.component';
import { MgmtComponent } from './body.component';
describe('MgmtComponent', () => {
let component: MgmtComponent;
......
......@@ -4,11 +4,11 @@ import { UserService } from '../user.service';
@Component({
selector: 'app-mgmt',
templateUrl: './mgmt.component.html',
styleUrls: ['./mgmt.component.css']
selector: 'app-body',
templateUrl: './body.component.html',
styleUrls: ['./body.component.css']
})
export class MgmtComponent implements OnInit {
export class BodyComponent implements OnInit {
constructor(
public userService: UserService
......
<footer class="docs-footer">
<div class="docs-footer-list" class="mat-typography">
<div>
<span>
<a href="/static/privacy_policy.html">FEUDAL Privacy Policy</a>
</span>
</div>
</div>
</footer>
.docs-footer {
padding: 12px;
font-size: 12px;
margin-top: 40px;
}
.docs-footer-list {
align-items: center;
display: flex;
flex-flow: row wrap;
padding: 8px;
}
.docs-footer-logo {
flex: 1;
}
.docs-footer-angular-logo {
height: 50px;
}
.docs-footer-version {
flex: 1;
text-align: center;
}
.docs-footer-copyright {
display: flex;
flex: 1;
justify-content: flex-end;
flex-direction: column;
min-width: 225px;
text-align: center;
}
.docs-footer-logo span {
display: inline-block;
line-height: 50px;
margin: 0 40px;
vertical-align: bottom;
a {
font-size: 16px;
padding: 0;
text-decoration: none;
color: inherit;
&:hover {
text-decoration: underline;
}
}
}
@media screen and (max-width: 884px){
.docs-footer-list {
flex-direction: column;
}
}
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { FooterComponent } from './footer.component';
describe('FooterComponent', () => {
let component: FooterComponent;
let fixture: ComponentFixture<FooterComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ FooterComponent ]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(FooterComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-footer',
templateUrl: './footer.component.html',
styleUrls: ['./footer.component.scss']
})
export class FooterComponent implements OnInit {
constructor() { }
ngOnInit() {
}
}
<mat-toolbar color="primary" class="mat-typography">
<mat-toolbar-row>
<h1>
Federated User Credential Deployment Portal
</h1>
<app-login></app-login>
</mat-toolbar-row>
</mat-toolbar>
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { HeaderComponent } from './header.component';
describe('HeaderComponent', () => {
let component: HeaderComponent;
let fixture: ComponentFixture<HeaderComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ HeaderComponent ]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(HeaderComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-header',
templateUrl: './header.component.html',
styleUrls: ['./header.component.css']
})
export class HeaderComponent implements OnInit {
constructor() { }
ngOnInit() {
}
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment