fix: use HashLocationStrategy for routes

Closes #54

e2e/src/settings.e2e-spec.ts

@@ -23,7 +23,7 @@ describe('Settings', () => {
 
   describe('settings-page', () => {
     beforeEach(() => {
-      page.navigateTo('/settings');
+      page.navigateTo('#/settings');
     });
 
     it('should have a title saying Settings', () => {

src/app/app.module.ts

@@ -12,7 +12,7 @@
  * You should have received a copy of the GNU General Public License along with
  * this program. If not, see <https://www.gnu.org/licenses/>.
  */
-import {CommonModule, registerLocaleData} from '@angular/common';
+import {CommonModule, registerLocaleData, LocationStrategy, HashLocationStrategy} from '@angular/common';
 import {HttpClient} from '@angular/common/http';
 import localeDe from '@angular/common/locales/de';
 import {NgModule} from '@angular/core';
@@ -42,11 +42,15 @@ export function createTranslateLoader(http: HttpClient) {
   bootstrap: [AppComponent],
   declarations: [AppComponent],
   imports: [
+    AppRoutingModule,
     BrowserModule,
+    CommonModule,
     ConfigModule,
     DataModule,
+    IonicModule.forRoot(),
     MenuModule,
     SettingsModule,
+    StorageModule,
     TranslateModule.forRoot({
       loader: {
         deps: [HttpClient],
@@ -54,17 +58,20 @@ export function createTranslateLoader(http: HttpClient) {
         useFactory: (createTranslateLoader),
       },
     }),
-    IonicModule.forRoot(),
-    StorageModule,
-    AppRoutingModule,
-    CommonModule,
   ],
   providers: [
     // use fake backend in place of Http service for backendless development
     fakeBackendProvider,
     StatusBar,
     SplashScreen,
-    {provide: RouteReuseStrategy, useClass: IonicRouteStrategy},
+    {
+      provide: RouteReuseStrategy,
+      useClass: IonicRouteStrategy
+    },
+    {
+      provide: LocationStrategy,
+      useClass: HashLocationStrategy
+    },
   ],
 })
 export class AppModule {}