Add footer component.
This commit is contained in:
@@ -2,4 +2,4 @@
|
|||||||
<main class="container">
|
<main class="container">
|
||||||
<router-outlet></router-outlet>
|
<router-outlet></router-outlet>
|
||||||
</main>
|
</main>
|
||||||
<!-- <app-footer></app-footer> -->
|
<app-footer></app-footer>
|
||||||
|
|||||||
@@ -47,11 +47,13 @@ import { ProfilEditionService } from './account-settings/profil-edition/profil-e
|
|||||||
import { PostService } from './posts/post.service';
|
import { PostService } from './posts/post.service';
|
||||||
import { ByCategoryService } from './posts/byCategory/by-category.service';
|
import { ByCategoryService } from './posts/byCategory/by-category.service';
|
||||||
import { CreateUpdatePostService } from './posts/create-update/create-update-post.service';
|
import { CreateUpdatePostService } from './posts/create-update/create-update-post.service';
|
||||||
|
import { FooterComponent } from './footer/footer.component';
|
||||||
|
|
||||||
@NgModule({
|
@NgModule({
|
||||||
declarations: [
|
declarations: [
|
||||||
AppComponent,
|
AppComponent,
|
||||||
HeaderComponent,
|
HeaderComponent,
|
||||||
|
FooterComponent,
|
||||||
LoginComponent,
|
LoginComponent,
|
||||||
DisconnectionComponent,
|
DisconnectionComponent,
|
||||||
HomeComponent,
|
HomeComponent,
|
||||||
|
|||||||
20
src/main/ts-v7/src/app/footer/footer.component.html
Normal file
20
src/main/ts-v7/src/app/footer/footer.component.html
Normal 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">©</span> 2017 - 2019 Tous droits réservé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>
|
||||||
25
src/main/ts-v7/src/app/footer/footer.component.scss
Normal file
25
src/main/ts-v7/src/app/footer/footer.component.scss
Normal 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;
|
||||||
|
}
|
||||||
12
src/main/ts-v7/src/app/footer/footer.component.ts
Normal file
12
src/main/ts-v7/src/app/footer/footer.component.ts
Normal 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;
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user