Chore: Move synchronization to its own module (#25)

src/app/app-routing.module.ts

@@ -31,6 +31,10 @@ const routes: Routes = [
     path: 'hesitations',
     loadChildren: () => import('./hesitations/hesitations.module').then(m => m.HesitationsModule),
   },
+  {
+    path: 'synchronize',
+    loadChildren: () => import('./synchronization/synchronization.module').then(m => m.SynchronizationModule),
+  },
   {
     path: 'glossary',
     loadChildren: () => import('./glossary/glossary.module').then(m => m.GlossaryModule),

src/app/app.component.html

@@ -106,7 +106,7 @@
             </a>
           </li>
           <li class="nav-item" *ngIf="software === 'lemmy'">
-            <a routerLink="/censures/synchronize/lemmy" class="nav-link">
+            <a routerLink="/synchronize/lemmy" class="nav-link">
               <i class="nav-icon fas fa-sync"></i>
               <p>
                 {{ "Synchronize" }}

src/app/censures/censures.module.ts

@@ -5,7 +5,7 @@ import { MyCensuresComponent } from './pages/my-censures/my-censures.component';
 import { CensureInstanceComponent } from './pages/censure-instance/censure-instance.component';
 import {ReactiveFormsModule} from "@angular/forms";
 import {SharedModule} from "../shared/shared.module";
-import { SynchronizeLemmyComponent } from './pages/synchronize-lemmy/synchronize-lemmy.component';
+import { SynchronizeLemmyComponent } from '../synchronization/pages/synchronize-lemmy/synchronize-lemmy.component';
 import {Guards} from "../guards/guards";
 import { EditCensureReasonsComponent } from './pages/edit-censure-reasons/edit-censure-reasons.component';
 
@@ -20,11 +20,6 @@ const routes: Routes = [
     component: CensureInstanceComponent,
     canActivate: [Guards.isLoggedIn()]
   },
-  {
-    path: 'synchronize/lemmy',
-    component: SynchronizeLemmyComponent,
-    canActivate: [Guards.isLoggedIn()]
-  },
   {
     path: 'my/edit/:instance',
     component: EditCensureReasonsComponent,
@@ -36,7 +31,6 @@ const routes: Routes = [
   declarations: [
     MyCensuresComponent,
     CensureInstanceComponent,
-    SynchronizeLemmyComponent,
     EditCensureReasonsComponent
   ],
     imports: [

src/app/censures/pages/my-censures/my-censures.component.html

@@ -10,7 +10,7 @@ <h3 class="card-title">Censures that {{instance.name}} <strong>has given</strong
         <div class="card-body">
           <p *ngIf="software === 'lemmy'">
             You can easily synchronize your blacklist to your Lemmy instance defederations from the
-            <a routerLink="/censures/synchronize/lemmy">Synchronize page</a>.
+            <a routerLink="/synchronize/lemmy">Synchronize page</a>.
           </p>
           <table class="table table-bordered">
             <thead>

src/app/hesitations/pages/my-hesitations/my-hesitations.component.html

@@ -11,7 +11,7 @@ <h3 class="card-title">Hesitations that {{instance.name}} <strong>has given</str
           <p>See what exactly hesitations mean in the <a routerLink="/glossary" fragment="hesitations">Glossary</a>.</p>
           <p *ngIf="software === 'lemmy'">
             You can easily synchronize your censures and hesitations to your Lemmy instance defederations from the
-            <a routerLink="/censures/synchronize/lemmy">Synchronize page</a>.
+            <a routerLink="/synchronize/lemmy">Synchronize page</a>.
           </p>
           <table class="table table-bordered">
             <thead>

src/app/synchronization/synchronization.module.ts

@@ -0,0 +1,28 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import {SynchronizeLemmyComponent} from "./pages/synchronize-lemmy/synchronize-lemmy.component";
+import {RouterModule, Routes} from "@angular/router";
+import {Guards} from "../guards/guards";
+import {ReactiveFormsModule} from "@angular/forms";
+import {SharedModule} from "../shared/shared.module";
+
+const routes: Routes = [
+  {
+    path: 'lemmy',
+    component: SynchronizeLemmyComponent,
+    canActivate: [Guards.isLoggedIn()]
+  },
+];
+
+@NgModule({
+  declarations: [
+    SynchronizeLemmyComponent,
+  ],
+  imports: [
+    CommonModule,
+    RouterModule.forChild(routes),
+    ReactiveFormsModule,
+    SharedModule,
+  ]
+})
+export class SynchronizationModule { }