s421813
/
WC
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

add footer WC-55

This commit is contained in:
Bartosz Szukała 2019-12-06 18:12:57 +01:00
parent 152e94c98c
commit b0034ac937
12 changed files with 222 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
wc/angular.json
View File

@ -28,11 +28,21 @@
"src/assets"
],
"styles": [
"./node_modules/@angular/material/prebuilt-themes/indigo-pink.css",
"node_modules/@fortawesome/fontawesome-free/scss/fontawesome.scss",
"node_modules/@fortawesome/fontawesome-free/scss/solid.scss",
"node_modules/@fortawesome/fontawesome-free/scss/regular.scss",
"node_modules/@fortawesome/fontawesome-free/scss/brands.scss",
"node_modules/angular-bootstrap-md/assets/scss/bootstrap/bootstrap.scss",
"node_modules/angular-bootstrap-md/assets/scss/mdb.scss",
"node_modules/animate.css/animate.css",
"src/styles.scss",
"./node_modules/@angular/material/prebuilt-themes/indigo-pink.css",
"src/theme.scss"
],
"scripts": []
"scripts": [
"node_modules/chart.js/dist/Chart.js",
"node_modules/hammerjs/hammer.min.js"
]
},
"configurations": {
"production": {

58
wc/package-lock.json generated
View File

@ -1886,6 +1886,11 @@
"to-fast-properties": "^2.0.0"
}
},
"@fortawesome/fontawesome-free": {
"version": "5.11.2",
"resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-free/-/fontawesome-free-5.11.2.tgz",
"integrity": "sha512-XiUPoS79r1G7PcpnNtq85TJ7inJWe0v+b5oZJZKb0pGHNIV6+UiNeQWiFGmuQ0aj7GEhnD/v9iqxIsjuRKtEnQ=="
},
"@ngtools/webpack": {
"version": "8.3.20",
"resolved": "https://registry.npmjs.org/@ngtools/webpack/-/webpack-8.3.20.tgz",
@ -1925,6 +1930,11 @@
"semver-intersect": "1.4.0"
}
},
"@types/chart.js": {
"version": "2.9.3",
"resolved": "https://registry.npmjs.org/@types/chart.js/-/chart.js-2.9.3.tgz",
"integrity": "sha512-R5F39GIQ54fZJ04pmgbLrx0/dOEhyS8LRQNdlAmZd5zWZiFJ0v9zNNSBJ9WOTBRrMjeV53s0qhnRRvhcs6dfyQ=="
},
"@types/events": {
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/@types/events/-/events-3.0.0.tgz",
@ -2286,6 +2296,19 @@
"integrity": "sha1-SlKCrBZHKek2Gbz9OtFR+BfOkfU=",
"dev": true
},
"angular-bootstrap-md": {
"version": "8.7.0",
"resolved": "https://registry.npmjs.org/angular-bootstrap-md/-/angular-bootstrap-md-8.7.0.tgz",
"integrity": "sha512-yb98WkqUSGQjxCf/pA2cFj37blbz2huw6actRE7Ze6geax4ZjVhxUqKNvYORJf0vB6uGYcUrC9tVYsnoc5yZbA==",
"requires": {
"tslib": "^1.9.0"
}
},
"animate.css": {
"version": "3.7.2",
"resolved": "https://registry.npmjs.org/animate.css/-/animate.css-3.7.2.tgz",
"integrity": "sha512-0bE8zYo7C0KvgOYrSVfrzkbYk6IOTVPNqkiHg2cbyF4Pq/PXzilz4BRWA3hwEUBoMp5VBgrC29lQIZyhRWdBTw=="
},
"ansi-colors": {
"version": "3.2.4",
"resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-3.2.4.tgz",
@ -3276,6 +3299,32 @@
"integrity": "sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA==",
"dev": true
},
"chart.js": {
"version": "2.5.0",
"resolved": "https://registry.npmjs.org/chart.js/-/chart.js-2.5.0.tgz",
"integrity": "sha1-/m51Gok3afVucr7lrZEgfhxZKVc=",
"requires": {
"chartjs-color": "^2.0.0",
"moment": "^2.10.6"
}
},
"chartjs-color": {
"version": "2.4.1",
"resolved": "https://registry.npmjs.org/chartjs-color/-/chartjs-color-2.4.1.tgz",
"integrity": "sha512-haqOg1+Yebys/Ts/9bLo/BqUcONQOdr/hoEr2LLTRl6C5LXctUdHxsCYfvQVg5JIxITrfCNUDr4ntqmQk9+/0w==",
"requires": {
"chartjs-color-string": "^0.6.0",
"color-convert": "^1.9.3"
}
},
"chartjs-color-string": {
"version": "0.6.0",
"resolved": "https://registry.npmjs.org/chartjs-color-string/-/chartjs-color-string-0.6.0.tgz",
"integrity": "sha512-TIB5OKn1hPJvO7JcteW4WY/63v6KwEdt6udfnDE9iCAZgy+V4SrbSxoIbTw/xkUIapjEI4ExGtD0+6D3KyFd7A==",
"requires": {
"color-name": "^1.0.0"
}
},
"chokidar": {
"version": "3.3.0",
"resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.3.0.tgz",
@ -3491,7 +3540,6 @@
"version": "1.9.3",
"resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
"integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
"dev": true,
"requires": {
"color-name": "1.1.3"
}
@ -3499,8 +3547,7 @@
"color-name": {
"version": "1.1.3",
"resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
"integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=",
"dev": true
"integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU="
},
"colors": {
"version": "1.1.2",
@ -7901,6 +7948,11 @@
}
}
},
"moment": {
"version": "2.24.0",
"resolved": "https://registry.npmjs.org/moment/-/moment-2.24.0.tgz",
"integrity": "sha512-bV7f+6l2QigeBBZSM/6yTNq4P2fNpSWj/0e7jQcy87A8e7o2nAfP/34/2ky5Vw4B9S446EtIhodAzkFCcR4dQg=="
},
"move-concurrently": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/move-concurrently/-/move-concurrently-1.0.1.tgz",

5
wc/package.json
View File

@ -21,6 +21,11 @@
"@angular/platform-browser": "~8.2.14",
"@angular/platform-browser-dynamic": "~8.2.14",
"@angular/router": "~8.2.14",
"@fortawesome/fontawesome-free": "^5.11.2",
"@types/chart.js": "^2.9.3",
"angular-bootstrap-md": "^8.7.0",
"animate.css": "^3.7.2",
"chart.js": "^2.5.0",
"hammerjs": "^2.0.8",
"rxjs": "~6.4.0",
"tslib": "^1.10.0",

2
wc/src/app/app.component.html
View File

@ -1 +1,3 @@
<app-top-bar></app-top-bar>
<router-outlet></router-outlet>
<app-footer></app-footer>

8
wc/src/app/app.module.ts
View File

@ -22,6 +22,8 @@ import {HTTP_INTERCEPTORS, HttpClientModule} from '@angular/common/http';
import { JwtInterceptor, ErrorInterceptor } from './helpers';
import { AngularMaterialModule } from './angular-material.module';
import {UserProfileComponent} from './pages/user-profile/user-profile.component';
import { MDBBootstrapModule } from 'angular-bootstrap-md';
import {FooterComponent} from './components/footer/footer.component';
@NgModule({
declarations: [
@ -30,7 +32,8 @@ import {UserProfileComponent} from './pages/user-profile/user-profile.component'
HomeComponent,
LoginComponent,
RegisterComponent,
UserProfileComponent
UserProfileComponent,
FooterComponent
],
imports: [
BrowserModule,
@ -46,7 +49,8 @@ import {UserProfileComponent} from './pages/user-profile/user-profile.component'
MatCardModule,
MatFormFieldModule,
MatInputModule,
AngularMaterialModule
AngularMaterialModule,
MDBBootstrapModule.forRoot()
],
providers: [
{ provide: HTTP_INTERCEPTORS, useClass: JwtInterceptor, multi: true },

8
wc/src/app/components/footer/footer.component.css Normal file
View File

@ -0,0 +1,8 @@
footer {
position: absolute;
bottom: 0;
width: 100%;
/* Set the fixed height of the footer here */
}
/*# sourceMappingURL=footer.component.css.map */

1
wc/src/app/components/footer/footer.component.css.map Normal file
View File

@ -0,0 +1 @@
{"version":3,"sourceRoot":"","sources":["footer.component.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;AACA","file":"footer.component.css"}

84
wc/src/app/components/footer/footer.component.html Normal file
View File

@ -0,0 +1,84 @@
<!-- Footer -->
<footer class="page-footer font-small elegant-color
pt-4">
<!-- Footer Links -->
<div class="container-fluid text-center text-md-left">
<!-- Grid row -->
<div class="row">
<!-- Grid column -->
<div class="col-md-6 mt-md-0 mt-3">
<!-- Content -->
<h5 class="text-uppercase">Wirtualny Cmentarz</h5>
<p>WirtualnyCmentarz to aplikacja, która pozwala w każdym momencie odwiedzić groby zmarłych pupili.</p>
</div>
<!-- Grid column -->
<hr class="clearfix w-100 d-md-none pb-3">
<!-- Grid column -->
<div class="col-md-3 mb-md-0 mb-3">
<!-- Links -->
<h5 class="text-uppercase">Links</h5>
<ul class="list-unstyled">
<li>
<a href="#!">Link 1</a>
</li>
<li>
<a href="#!">Link 2</a>
</li>
<li>
<a href="#!">Link 3</a>
</li>
<li>
<a href="#!">Link 4</a>
</li>
</ul>
</div>
<!-- Grid column -->
<!-- Grid column -->
<div class="col-md-3 mb-md-0 mb-3">
<!-- Links -->
<h5 class="text-uppercase">Links</h5>
<ul class="list-unstyled">
<li>
<a href="#!">Link 1</a>
</li>
<li>
<a href="#!">Link 2</a>
</li>
<li>
<a href="#!">Link 3</a>
</li>
<li>
<a href="#!">Link 4</a>
</li>
</ul>
</div>
<!-- Grid column -->
</div>
<!-- Grid row -->
</div>
<!-- Footer Links -->
<!-- Copyright -->
<div class="footer-copyright text-center py-3">© 2019 Copyright:
<a href="https://mdbootstrap.com/education/angular/"> WirtualnyCmentarz.com</a>
</div>
<!-- Copyright -->
</footer>
<!-- Footer -->

8
wc/src/app/components/footer/footer.component.scss Normal file
View File

@ -0,0 +1,8 @@
footer{
position: absolute;
bottom: 0;
width: 100%;
/* Set the fixed height of the footer here */
//height: 160px;
//line-height: 60px;
}

25
wc/src/app/components/footer/footer.component.spec.ts Normal file
View File

@ -0,0 +1,25 @@
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();
});
});

15
wc/src/app/components/footer/footer.component.ts Normal file
View File

@ -0,0 +1,15 @@
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() {
}
}

1
wc/src/app/pages/home/home.component.html
View File

@ -1 +1,2 @@
<div class="background"></div>