Add footer component.
This commit is contained in:
@@ -2,4 +2,4 @@
|
||||
<main class="container">
|
||||
<router-outlet></router-outlet>
|
||||
</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 { 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,
|
||||
|
||||
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