Add footer component.

This commit is contained in:
2019-02-11 21:34:37 +01:00
parent dbd07a3362
commit 53ce301bcd
5 changed files with 60 additions and 1 deletions

View File

@@ -2,4 +2,4 @@
<main class="container">
<router-outlet></router-outlet>
</main>
<!-- <app-footer></app-footer> -->
<app-footer></app-footer>

View File

@@ -47,11 +47,13 @@ import { ProfilEditionService } from './account-settings/profil-edition/profil-e
import { PostService } from './posts/post.service';
import { ByCategoryService } from './posts/byCategory/by-category.service';
import { CreateUpdatePostService } from './posts/create-update/create-update-post.service';
import { FooterComponent } from './footer/footer.component';
@NgModule({
declarations: [
AppComponent,
HeaderComponent,
FooterComponent,
LoginComponent,
DisconnectionComponent,
HomeComponent,

View File

@@ -0,0 +1,20 @@
<footer class="page-footer indigo center-on-small-only">
<!-- fixed-bottom -->
<div class="footer-copyright">
<div class="container">
<span class="float-left">
<span class="anticopy">&copy;</span> 2017 - 2019 Tous droits r&eacute;serv&eacute;s -
<i id="appVersion" routerLink="/versionrevisions" mdbTooltip="Notes de versions" placement="top" mdbRippleRadius>
{{appVersion}}
</i>
</span>
<span class="float-right">
<a target="_blank" href="./assets/doc/codiki_user_manual.pdf" mdbTooltip="Manuel d'utilisation" placement="top" mdbRippleRadius>
<i class="fa fa-book"></i>
</a> -
Développements réalisés par
<a href="mailto:florian.thierry72@gmail.com">Florian THIERRY</a>
</span>
</div>
</div>
</footer>

View File

@@ -0,0 +1,25 @@
footer {
position: absolute;
right: 0;
bottom: 0;
left: 0;
}
.footer-copyright {
padding: 10px 0;
}
.page-footer {
padding-top: 0px;
}
span.anticopy {
display: inline-block;
transform: rotate(180deg);
}
#appVersion {
color: rgba(255, 255, 255, 0.6);
display: inline;
cursor: pointer;
}

View File

@@ -0,0 +1,12 @@
import { Component } from '@angular/core';
import { environment } from '../../environments/environment';
@Component({
selector: 'app-footer',
templateUrl: './footer.component.html',
styleUrls: ['./footer.component.scss']
})
export class FooterComponent {
appVersion = environment.appVersion;
}