Commit b6fc1a8e authored by Lukas Burgey's avatar Lukas Burgey

Change the structure

parent 711f882b
<mat-toolbar color="primary" class="mat-typography"> <app-header></app-header>
<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>
<div class="outer"> <div class="outer">
<div class="inner"> <div class="inner">
<div class="mat-typography"> <div class="mat-typography">
<app-mgmt></app-mgmt> <app-body></app-body>
</div> </div>
</div> </div>
</div> </div>
-->
<app-body></app-body>
<app-footer></app-footer>
...@@ -23,9 +23,11 @@ import {SharedModule} from './shared/shared.module'; ...@@ -23,9 +23,11 @@ import {SharedModule} from './shared/shared.module';
// declarations // declarations
import {AppComponent} from './app.component'; import {AppComponent} from './app.component';
import {MgmtComponent} from './mgmt/mgmt.component'; import {BodyComponent} from './body/body.component';
import {LoginComponent} from './login/login.component'; import {LoginComponent} from './login/login.component';
import {ServiceComponent} from './service/service.component'; import {ServiceComponent} from './service/service.component';
import { HeaderComponent } from './header/header.component';
import { FooterComponent } from './footer/footer.component';
@NgModule({ @NgModule({
...@@ -45,7 +47,9 @@ import {ServiceComponent} from './service/service.component'; ...@@ -45,7 +47,9 @@ import {ServiceComponent} from './service/service.component';
], ],
declarations: [ declarations: [
AppComponent, AppComponent,
MgmtComponent, HeaderComponent,
BodyComponent,
FooterComponent,
LoginComponent, LoginComponent,
ServiceComponent, ServiceComponent,
], ],
......
<div *ngIf="userService.loggedIn()"> <div *ngIf="userService.loggedIn()" class="mat-typography" style="margin: 30px 20px 0px 20px;">
<div style="padding-bottom: 30px;"> <div style="padding-bottom: 30px;">
<h2>Services</h2> <h2>Services</h2>
<mat-accordion *ngIf="userService.services.length > 0"> <mat-accordion *ngIf="userService.services.length > 0">
......
import { async, ComponentFixture, TestBed } from '@angular/core/testing'; import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { MgmtComponent } from './mgmt.component'; import { MgmtComponent } from './body.component';
describe('MgmtComponent', () => { describe('MgmtComponent', () => {
let component: MgmtComponent; let component: MgmtComponent;
......
...@@ -4,11 +4,11 @@ import { UserService } from '../user.service'; ...@@ -4,11 +4,11 @@ import { UserService } from '../user.service';
@Component({ @Component({
selector: 'app-mgmt', selector: 'app-body',
templateUrl: './mgmt.component.html', templateUrl: './body.component.html',
styleUrls: ['./mgmt.component.css'] styleUrls: ['./body.component.css']
}) })
export class MgmtComponent implements OnInit { export class BodyComponent implements OnInit {
constructor( constructor(
public userService: UserService 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