import export functionality added

agiledancers-fe/src/app/schools/school-page.html

@@ -27,6 +27,7 @@
       School bewerken
     </button>
   </div>
+  <app-school-transfer [schoolId]="context.school.id" (imported)="reload()" />
   <nav class="tabs" aria-label="Dansschool onderdelen">
     @for (tab of tabs; track tab.value) {
       <a

agiledancers-fe/src/app/schools/school-page.ts

@@ -1,3 +1,4 @@
+import { SchoolTransfer } from '../shared/school-transfer';
 import { Component, computed, DestroyRef, inject, OnInit, signal } from '@angular/core';
 import { DatePipe } from '@angular/common';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
@@ -26,7 +27,15 @@ interface DeleteTarget {
 
 @Component({
   selector: 'app-school-page',
-  imports: [DatePipe, RouterLink, RouterLinkActive, EntityEditor, ConfirmDialog, GroupMembers],
+  imports: [
+    SchoolTransfer,
+    DatePipe,
+    RouterLink,
+    RouterLinkActive,
+    EntityEditor,
+    ConfirmDialog,
+    GroupMembers,
+  ],
   templateUrl: './school-page.html',
 })
 export class SchoolPage implements OnInit {

agiledancers-fe/src/app/schools/schools-page.html

@@ -1,3 +1,4 @@
+<app-school-transfer (imported)="load()" />
 <div class="page-heading">
   <div>
     <p class="eyebrow">JOUW ORGANISATIE</p>

agiledancers-fe/src/app/schools/schools-page.ts

@@ -1,3 +1,4 @@
+import { SchoolTransfer } from '../shared/school-transfer';
 import { Component, computed, DestroyRef, inject, OnInit, signal } from '@angular/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { RouterLink } from '@angular/router';
@@ -8,7 +9,7 @@ import { EntityEditor } from '../shared/entity-editor';
 
 @Component({
   selector: 'app-schools-page',
-  imports: [RouterLink, EntityEditor],
+  imports: [SchoolTransfer, RouterLink, EntityEditor],
   templateUrl: './schools-page.html',
 })
 export class SchoolsPage implements OnInit {