404
-Something went wrong.
+
+
diff --git a/src/app/not-found/not-found.component.scss b/src/app/not-found/not-found.component.scss
index 2a5026932..7b33d39c5 100644
--- a/src/app/not-found/not-found.component.scss
+++ b/src/app/not-found/not-found.component.scss
@@ -1,28 +1,18 @@
-#particles-js {
- position: absolute;
- width: 100%;
- height: 100%;
- background: cornflowerblue;
-}
+@import "assets/styles/helper";
-.text {
- position: absolute;
- top: 50%;
- right: 50%;
- transform: translate(50%,-50%);
- max-width: 90%;
- padding: 2em 3em;
- color: white;
- font-family: 'Raleway', sans-serif;
+.not-found-container {
+ height: 100%;
display: flex;
flex-direction: column;
+ justify-content: center;
align-items: center;
+ background: $accent;
+ color: $white;
}
#title {
- font-size: 120pt;
+ font-size: 160px;
+ font-weight: bolder;
}
-#subtitle {
- font-size: 12pt;
-}
+
diff --git a/src/app/not-found/not-found.component.ts b/src/app/not-found/not-found.component.ts
index e0029b9fd..e2c6801b0 100644
--- a/src/app/not-found/not-found.component.ts
+++ b/src/app/not-found/not-found.component.ts
@@ -1,17 +1,17 @@
-import { Component, OnInit } from '@angular/core';
-declare var particlesJS: any;
+import { Component } from '@angular/core';
+import {Location} from '@angular/common';
@Component({
selector: 'mifosx-not-found',
templateUrl: './not-found.component.html',
styleUrls: ['./not-found.component.scss']
})
-export class NotFoundComponent implements OnInit {
+export class NotFoundComponent {
- constructor() { }
+constructor(private location: Location) {}
- ngOnInit() {
- particlesJS.load('particles-js', '/assets/particles.json');
+ goBack(): void {
+ this.location.back();
}
}
diff --git a/src/assets/particles.json b/src/assets/particles.json
deleted file mode 100644
index f4cc6ff19..000000000
--- a/src/assets/particles.json
+++ /dev/null
@@ -1,110 +0,0 @@
-{
- "particles": {
- "number": {
- "value": 80,
- "density": {
- "enable": true,
- "value_area": 800
- }
- },
- "color": {
- "value": "#ffffff"
- },
- "shape": {
- "type": "circle",
- "stroke": {
- "width": 0,
- "color": "#000000"
- },
- "polygon": {
- "nb_sides": 5
- },
- "image": {
- "src": "img/github.svg",
- "width": 100,
- "height": 100
- }
- },
- "opacity": {
- "value": 0.5,
- "random": false,
- "anim": {
- "enable": false,
- "speed": 1,
- "opacity_min": 0.1,
- "sync": false
- }
- },
- "size": {
- "value": 3,
- "random": true,
- "anim": {
- "enable": false,
- "speed": 40,
- "size_min": 0.1,
- "sync": false
- }
- },
- "line_linked": {
- "enable": true,
- "distance": 150,
- "color": "#ffffff",
- "opacity": 0.4,
- "width": 1
- },
- "move": {
- "enable": true,
- "speed": 6,
- "direction": "none",
- "random": false,
- "straight": false,
- "out_mode": "out",
- "bounce": false,
- "attract": {
- "enable": false,
- "rotateX": 600,
- "rotateY": 1200
- }
- }
- },
- "interactivity": {
- "detect_on": "canvas",
- "events": {
- "onhover": {
- "enable": true,
- "mode": "repulse"
- },
- "onclick": {
- "enable": true,
- "mode": "push"
- },
- "resize": true
- },
- "modes": {
- "grab": {
- "distance": 400,
- "line_linked": {
- "opacity": 1
- }
- },
- "bubble": {
- "distance": 400,
- "size": 40,
- "duration": 2,
- "opacity": 8,
- "speed": 3
- },
- "repulse": {
- "distance": 200,
- "duration": 0.4
- },
- "push": {
- "particles_nb": 4
- },
- "remove": {
- "particles_nb": 2
- }
- }
- },
- "retina_detect": true
-}
diff --git a/src/assets/translations/en-US.json b/src/assets/translations/en-US.json
index c392dad5e..2d14ede1f 100644
--- a/src/assets/translations/en-US.json
+++ b/src/assets/translations/en-US.json
@@ -2,6 +2,7 @@
"APP_NAME": "Mifos X",
"Logged in as": "Logged in as",
"Remember me": "Remember me",
+ "not_found_subtitle": "Oops.. Looks like this page doesn't exist.",
"languages": {
"en-US": "English",
"fr-FR": "French",
diff --git a/src/assets/translations/es-MX.json b/src/assets/translations/es-MX.json
index b9ec37754..1c00c2137 100644
--- a/src/assets/translations/es-MX.json
+++ b/src/assets/translations/es-MX.json
@@ -2,6 +2,7 @@
"APP_NAME": "Mifos X",
"Logged in as": "Sesión activa como",
"Remember me": "Recordarme",
+ "not_found_subtitle": "Vaya... Parece que esta página no existe.",
"languages": {
"en-US": "Inglés",
"fr-FR": "Francés",
diff --git a/src/assets/translations/fr-FR.json b/src/assets/translations/fr-FR.json
index dc0eb5f73..497037df2 100644
--- a/src/assets/translations/fr-FR.json
+++ b/src/assets/translations/fr-FR.json
@@ -2,6 +2,7 @@
"APP_NAME": "Mifos X",
"Logged in as": "Logged in as",
"Remember me": "Remember me",
+ "not_found_subtitle": "Oups.. Il semble que cette page n'existe pas.",
"languages": {
"en-US": "English",
"fr-FR": "French",
diff --git a/src/index.html b/src/index.html
index 254789506..b1e566f8b 100644
--- a/src/index.html
+++ b/src/index.html
@@ -15,7 +15,6 @@
-
@@ -48,7 +47,6 @@
404
+ {{'not_found_subtitle' | translate}}
+