\n \n \n
- Beginn
\n - {{ termin.beginn | date }}
\n \n\n \n
- Ende
\n - {{ termin.ende | date }}
\n \n\n \n
- Beginn
\n - Regelmäßiger Start
\n \n\n \n
- Dauer
\n - \n {{\n termin.beginn | duration: termin.ende\n }}\n {{ getDauerKurzbezeichnung(termin.dauer.id) }}\n
\n \n\n \n
- Laufender Einstieg
\n - {{ termin.individuellerEinstieg ? 'ja' : 'nein' }}
\n \n\n \n
- Anmeldeschluss
\n - {{ termin.anmeldeschluss | date }}
\n \n\n \n
- Unterrichtszeiten
\n \n \n\n \n
- Bemerkungen
\n \n \n\n 0\">\n
- Veranstaltungsablauf
\n
- \n
\n {{ ablauf.ablaufart.bezeichnung }} ({{ ablauf.beginn | date }} - {{ ablauf.ende | date }})\n
\n \n
\n\n", "import { NgIf } from '@angular/common';\nimport { Component, Input, SecurityContext } from '@angular/core';\nimport { DomSanitizer } from '@angular/platform-browser';\nimport { TooltipModule } from '@infosysbub/ng-lib-dpl3';\nimport { SprachfoerderTermin } from '../../../../../model/sprachfoerderTermin';\n\n@Component({\n selector: 'ba-spraf-detailseite-inhalte',\n templateUrl: './inhalte.component.html',\n imports: [NgIf, TooltipModule]\n})\nexport class InhalteComponent {\n @Input() termin: SprachfoerderTermin;\n\n constructor(private sanitizer: DomSanitizer) {}\n\n sanitize = (html?: string): string => this.sanitizer.sanitize(SecurityContext.HTML, html);\n\n get show(): Boolean {\n return (\n this.termin.angebot.inhalt !== undefined ||\n this.termin.bemerkung !== undefined ||\n this.termin.link !== undefined\n );\n }\n}\n", "\n \n\n \n \n
- Weitere Informationen
\n \n \n
\n\n \n
Zur Infoseite Sprachförderangebot\n
\n
\n \n
- Gesamtkosten
\n - {{ termin.kostenWert | number: '1.2-2' }} {{ termin.kostenWaehrung }}
\n \n\n \n
- Kosten-Bemerkung
\n \n \n\n \n
- Zulassung zur Förderung mit Bildungsgutschein
\n - {{ termin.foerderung ? 'ja' : 'nein' }}
\n \n\n 0\">\n
- Zertifizierer
\n
- \n
\n {{ zertifizierer.name }}\n
\n \n
\n
- Förderung
\n \n \n
\n\n", "import { DatePipe, NgIf } from '@angular/common';\nimport { Component, Input, SecurityContext } from '@angular/core';\nimport { DomSanitizer } from '@angular/platform-browser';\nimport { PipesModule, TooltipModule } from '@infosysbub/ng-lib-dpl3';\nimport { getDauerKurzbezeichnung } from 'src/app/model/dauer';\nimport { SprachfoerderTermin } from '../../../../../model/sprachfoerderTermin';\n\n@Component({\n selector: 'ba-spraf-detailseite-termin',\n templateUrl: './termin.component.html',\n imports: [NgIf, TooltipModule, DatePipe, PipesModule]\n})\nexport class TerminComponent {\n @Input() termin: SprachfoerderTermin;\n\n constructor(private sanitizer: DomSanitizer) {}\n\n getDauerKurzbezeichnung = getDauerKurzbezeichnung;\n\n laufenderEinstiegText = `\n \n Diese Veranstaltung kann nicht nur am offiziellen Veranstaltungsbeginn angetreten\n werden, sondern immer auch während des gesamten Kurses. Bitte prüfen Sie, ob die\n Eintrittsbedingungen und Eintrittsmöglichkeiten beim Anbieter bei einem späteren Eintritt noch\n gültig sind.\n
`;\n\n keinLaufenderEinstiegText = `\n \n Diese Veranstaltung kann nach dem Veranstaltungsbeginn nicht mehr angetreten\n werden. Bitte prüfen Sie weitere Beginntermine bzw. weitere individuelle\n Eintrittsmöglichkeiten beim Anbieter.\n
`;\n\n sanitize = (html?: string): string => this.sanitizer.sanitize(SecurityContext.HTML, html);\n}\n", "\n \n \n
- Beginn
\n - {{ termin.beginn | date }}
\n \n\n \n
- Ende
\n - {{ termin.ende | date }}
\n \n\n \n
- Beginn
\n - Regelmäßiger Start
\n \n\n \n
- Dauer
\n - \n {{\n termin.beginn | duration: termin.ende\n }}\n {{ getDauerKurzbezeichnung(termin.dauer.id) }}\n
\n \n\n \n
- Laufender Einstieg
\n - \n {{ termin.individuellerEinstieg ? 'ja' : 'nein' }}\n \n
\n \n\n \n
- Für Auszubildende geeignet
\n - \n {{ termin.azubiGeeignet ? 'ja' : 'nein' }}\n
\n \n\n \n
- Während einer Beschäftigung/Arbeit geeignet
\n - \n {{ termin.berufstaetigeGeeignet ? 'ja' : 'nein' }}\n
\n \n
\n\n", "import { NgIf } from '@angular/common';\nimport { Component, Input, SecurityContext } from '@angular/core';\nimport { DomSanitizer } from '@angular/platform-browser';\nimport { MapComponent } from '@infosysbub/ng-lib-dpl3';\nimport { SprachfoerderTermin } from '../../../../../model/sprachfoerderTermin';\n\n@Component({\n selector: 'ba-spraf-detailseite-veranstaltungsort',\n templateUrl: './veranstaltungsort.component.html',\n imports: [NgIf, MapComponent]\n})\nexport class VeranstaltungsortComponent {\n @Input() termin: SprachfoerderTermin;\n\n constructor(private sanitizer: DomSanitizer) {}\n\n blurWithMessage(): String {\n if (this?.termin?.adresse?.ortStrasse === undefined) {\n return 'Die Kartenansicht ist für dieses Angebot nicht verfügbar.';\n }\n if (this.termin?.adresse?.ortStrasse?.land?.laenderCode !== 'D') {\n return 'Die Kartenansicht ist für dieses Land nicht verfügbar.';\n }\n return '';\n }\n\n sanitize = (html?: string): string => this.sanitizer.sanitize(SecurityContext.HTML, html);\n}\n", "\n \n \n
- Adresse
\n
- \n \n {{ adresse.strasse }}, {{ adresse.ortStrasse?.plz }} {{ adresse.ortStrasse?.name }}\n \n
\n
\n
- Hinweis zur Adresse
\n \n \n \n
- Weitere Informationen
\n \n \n
\n \n \n
\n
\n\n", "import { DatePipe, NgIf } from '@angular/common';\nimport { Component, Input, SecurityContext } from '@angular/core';\nimport { DomSanitizer } from '@angular/platform-browser';\nimport { SprachfoerderTermin } from '../../../../../model/sprachfoerderTermin';\n\n@Component({\n selector: 'ba-spraf-detailseite-veroeffentlichungsinformationen',\n templateUrl: './veroeffentlichungsinformationen.component.html',\n styleUrls: ['./veroeffentlichungsinformationen.component.scss'],\n imports: [NgIf, DatePipe]\n})\nexport class VeroeffentlichungsinformationenComponent {\n @Input() termin: SprachfoerderTermin;\n\n constructor(private sanitizer: DomSanitizer) {}\n\n sanitize = (html?: string): string => this.sanitizer.sanitize(SecurityContext.HTML, html);\n}\n", "\n \n \n
- Veranstaltungs-ID
\n - {{ termin.id }}
\n \n\n \n
- Aktualisierungsdatum
\n - {{ timestamp | date }}
\n \n\n \n
- Anbieter-ID
\n - {{ termin.angebot.bildungsanbieter.id }}
\n \n\n \n
- Angebotsnummer des Bildungsanbieters
\n - {{ fremdId }}
\n \n
\n\n", "import { NgFor, NgIf } from '@angular/common';\nimport { Component, Input, SecurityContext } from '@angular/core';\nimport { DomSanitizer } from '@angular/platform-browser';\nimport { SprachfoerderTermin } from '../../../../../model/sprachfoerderTermin';\n\n@Component({\n selector: 'ba-spraf-detailseite-zugangsinformationen',\n templateUrl: './zugangsinformationen.component.html',\n imports: [NgIf, NgFor]\n})\nexport class ZugangsinformationenComponent {\n @Input() termin: SprachfoerderTermin;\n\n constructor(private sanitizer: DomSanitizer) {}\n\n sanitize = (html?: string): string => this.sanitizer.sanitize(SecurityContext.HTML, html);\n\n get showZugangsinformationen(): boolean {\n const { zugang, anrechnung, zielgruppe, behinderungen } = this.termin.angebot;\n return (\n zugang !== undefined ||\n anrechnung !== undefined ||\n zielgruppe !== undefined ||\n this.computeTeilnehmer() !== '' ||\n behinderungen?.length > 0\n );\n }\n\n computeTeilnehmer() {\n //Duplikat zu angebots-kachel bei erweiterung evtl. in Service auslagern\n const { teilnehmerMin, teilnehmerMax } = this.termin;\n if (teilnehmerMin == null || teilnehmerMax == null) {\n return '';\n }\n const diff = teilnehmerMax - teilnehmerMin;\n\n return `${teilnehmerMin}/${teilnehmerMax} Teilnehmer (${\n diff ? `${diff} Plätze frei` : 'belegt'\n })`;\n }\n}\n", "\n \n \n
- Zugang
\n \n \n\n \n
- Anrechnung
\n \n \n\n \n
- Zielgruppe
\n \n \n\n \n
- Teilnehmerzahl
\n - {{ teilnehmer }}
\n \n\n 0\">\n
- Maßnahme geeignet für Teilnehmer mit folgenden gesundheitlichen Beeinträchtigungen
\n
- \n
\n {{ behinderung.bezeichnung }}\n
\n \n
\n\n", "import { Injectable } from '@angular/core';\nimport { TrackingService } from '@infosysbub/ng-lib-dpl3';\n\n/**\n * Service verwaltet die Zustände der Akkordions auf der Detailseite in der mobilen Ansicht.\n * Es wird der Öffnungszustand hinterlegt, um im Falle einer Navigation,\n * den Darstellungszustand annähernd wieder herzustellen.\n */\n@Injectable({\n providedIn: 'root'\n})\nexport class DetailSeiteAkkordionService {\n private expansionStates = new Map();\n\n /**\n * Höhe des BA-Headers plus ggf. Header der Detailseite\n */\n private static DETAILSEITE_STICKY_HEADER_HEIGHT = 50;\n\n constructor(private trackingService: TrackingService) {}\n\n /**\n * Hinterlege, ob ein Akkordion geöffnet oder geschlossen ist.\n *\n * @param id ID des Accordions\n * @param expanded Wahr gdw. das Akkordion geöffnet ist.\n */\n setExpansionState(id: string, expanded: boolean, index: number): void {\n this.trackingService.trackEvent(expanded ? 'open' : 'close', 'detailseite-accordion', id);\n this.expansionStates.set(id, { expanded, index });\n }\n\n /**\n * Wahr gdw. das Akkordion mit dieser ID geöffnet ist.\n */\n getExpansionState(id: string): boolean {\n return this.expansionStates.get(id)?.expanded ?? false;\n }\n\n isFirstExpandedAccordion(id: string): boolean {\n const expandedAccordions = [...this.expansionStates]\n .sort((a, b) => {\n return a[1].index - b[1].index;\n })\n .filter((entry) => {\n return entry[1].expanded === true;\n })\n .map((entry) => entry[0]);\n return expandedAccordions[0] === id;\n }\n}\n", "import { NgClass, NgIf, NgTemplateOutlet } from '@angular/common';\nimport { AfterViewInit, Component, Input, OnInit, TemplateRef } from '@angular/core';\nimport { AccordionModule } from '@infosysbub/ng-lib-dpl3';\nimport { Subject } from 'rxjs';\nimport { DetailSeiteAkkordionService } from '../../../../services/detail-seite-akkordion.service';\nimport { ScrollToAndFocusDirective } from '../../../../shared/directives/scroll-to-and-focus.directive';\n\n@Component({\n selector: 'ba-spraf-detail-kachel',\n templateUrl: './detail-kachel.component.html',\n styleUrls: ['./detail-kachel.component.scss'],\n imports: [NgIf, NgClass, NgTemplateOutlet, AccordionModule, ScrollToAndFocusDirective]\n})\nexport class DetailKachelComponent implements OnInit, AfterViewInit {\n @Input()\n public title: string;\n\n @Input()\n public icon: string;\n\n @Input()\n public id: string;\n\n @Input()\n public isTile = true;\n\n @Input()\n public style: string;\n\n @Input()\n public content: TemplateRef;\n\n @Input()\n public isMobile = false;\n\n @Input()\n public index: number;\n\n public scrollTo = new Subject();\n public isInitialExpanded = false;\n\n constructor(public detailSeiteAkkordionService: DetailSeiteAkkordionService) {}\n\n ngOnInit(): void {\n this.isInitialExpanded = this.detailSeiteAkkordionService.getExpansionState(this.id);\n }\n\n ngAfterViewInit(): void {\n const isfirst = this.detailSeiteAkkordionService.isFirstExpandedAccordion(this.id);\n if (isfirst === true) {\n this.scrollTo.next();\n }\n }\n\n updateStatus() {\n this.detailSeiteAkkordionService.setExpansionState(\n this.id,\n !this.detailSeiteAkkordionService.getExpansionState(this.id),\n this.index\n );\n }\n}\n", "\n \n \n
\n\n\n\n", "import { NgClass, NgIf, NgTemplateOutlet } from '@angular/common';\nimport {\n Component,\n ElementRef,\n EventEmitter,\n HostListener,\n Input,\n OnInit,\n Output,\n SecurityContext,\n ViewChild,\n ViewEncapsulation\n} from '@angular/core';\nimport { DomSanitizer } from '@angular/platform-browser';\nimport { SwipeDirective } from '@infosysbub/ng-lib-dpl3';\nimport { SprachfoerderTermin } from '../../../model/sprachfoerderTermin';\nimport { FeedbackComponent } from '../../feedback/feedback.component';\nimport { AnbieterComponent } from './detail-inhalt/anbieter/anbieter.component';\nimport { AngebotsinformationenComponent } from './detail-inhalt/angebotsinformationen/angebotsinformationen.component';\nimport { AnsprechpartnerComponent } from './detail-inhalt/ansprechpartner/ansprechpartner.component';\nimport { DatenherkunftComponent } from './detail-inhalt/datenherkunft/datenherkunft.component';\nimport { DauerTermineComponent } from './detail-inhalt/dauer-termine/dauer-termine.component';\nimport { InhalteComponent } from './detail-inhalt/inhalte/inhalte.component';\nimport { KostenComponent } from './detail-inhalt/kosten/kosten.component';\nimport { TerminComponent } from './detail-inhalt/termin/termin.component';\nimport { VeranstaltungsortComponent } from './detail-inhalt/veranstaltungsort/veranstaltungsort.component';\nimport { VeroeffentlichungsinformationenComponent } from './detail-inhalt/veroeffentlichungsinformationen/veroeffentlichungsinformationen.component';\nimport { ZugangsinformationenComponent } from './detail-inhalt/zugangsinformationen/zugangsinformationen.component';\nimport { DetailKachelComponent } from './detail-kachel/detail-kachel.component';\n\nconst MAX_WIDTH_PHABLET = 767;\n\n@Component({\n selector: 'ba-spraf-details',\n templateUrl: './details.component.html',\n styleUrls: ['./details.component.scss'],\n encapsulation: ViewEncapsulation.None,\n imports: [\n NgIf,\n NgClass,\n VeranstaltungsortComponent,\n DetailKachelComponent,\n AnsprechpartnerComponent,\n InhalteComponent,\n DauerTermineComponent,\n KostenComponent,\n ZugangsinformationenComponent,\n TerminComponent,\n AngebotsinformationenComponent,\n AnbieterComponent,\n VeroeffentlichungsinformationenComponent,\n DatenherkunftComponent,\n NgTemplateOutlet,\n FeedbackComponent,\n SwipeDirective\n ]\n})\nexport class DetailsComponent implements OnInit {\n @Input()\n public termin: SprachfoerderTermin;\n\n @ViewChild('ort') ort: ElementRef;\n @ViewChild('ortsunabhaengig') ortsunabhaengig: ElementRef;\n\n @Output()\n public navigateToNext = new EventEmitter();\n\n @Output()\n public navigateToPrevious = new EventEmitter();\n\n isPhablet = false;\n\n constructor(private sanitizer: DomSanitizer) {}\n\n ngOnInit(): void {\n this.onResize();\n }\n\n @HostListener('window:resize', ['$event'])\n public onResize(event?) {\n // TODO use ScreenSizeService\n this.isPhablet = window.innerWidth <= MAX_WIDTH_PHABLET;\n }\n\n sanitize = (html?: string): string => this.sanitizer.sanitize(SecurityContext.HTML, html);\n\n get ansprechpartnerTitle() {\n const ansprechpartner = this.termin.ansprechpartner.filter(\n ({ rollen }) => rollen.length > 1 || rollen[0].id !== 2\n );\n return ansprechpartner.length > 1 ? 'Kontaktpersonen' : 'Kontaktperson';\n }\n}\n", "\n \n \n \n \n \n \n\n \n \n \n \n\n \n \n \n \n\n \n \n \n \n\n \n \n \n \n\n \n \n \n \n \n\n \n \n \n \n \n \n\n \n \n \n \n\n \n \n \n \n\n \n \n \n \n\n \n \n \n \n \n \n \n \n \n\n\n\n\n \n\n\n\n \n \n
\n\n", "import { NgClass, NgIf } from '@angular/common';\nimport { Component, EventEmitter, Input, Output } from '@angular/core';\nimport { SwipeDirective } from '@infosysbub/ng-lib-dpl3';\nimport { AppConfig } from '../../../app.config';\nimport { SprachfoerderTermin } from '../../../model/sprachfoerderTermin';\nimport { Systematik } from '../../../model/systematik';\nimport { Systematik as SystematikArt } from '../../../services/ergebnisseite/systematik.service';\nimport { FacettenOptionsService } from '../../../services/facetten/combined-facetten.services';\nimport { FacettenOptionInfo } from '../../../services/facetten/facetten-option-info';\n\n// Da wir hier aus den FacettenOptionInfos nur jene für Systematiken\n// suchen, wird dieser TypeAlias eingeführt, um das zu verdeutlichen\ntype SystematikInfo = FacettenOptionInfo;\n\n@Component({\n selector: 'ba-spraf-detailseite-header',\n templateUrl: './header.component.html',\n styleUrls: ['./header.component.scss'],\n imports: [NgIf, NgClass, SwipeDirective]\n})\nexport class HeaderComponent {\n @Input() termin: SprachfoerderTermin;\n\n @Output()\n public navigateToNext = new EventEmitter();\n\n @Output()\n public navigateToPrevious = new EventEmitter();\n\n constructor(\n private appConfig: AppConfig,\n private facettenOptionsService: FacettenOptionsService\n ) {}\n\n /**\n * Auf DEV: Holt die letzte aller Systematiken\n * Auf PROD: Gibt nur eine Systematik zurück, wenn es nur eine fürs Angebot gibt.\n */\n get systematik(): Systematik | undefined {\n const systematiken: Systematik[] = this.termin.angebot?.systematiken;\n if (\n this.appConfig.zeigeAufDetailseiteNurHeaderIconBeiEindeutigerSystematik &&\n systematiken.length > 1\n ) {\n return undefined;\n }\n return systematiken?.[systematiken?.length - 1];\n }\n\n /**\n * Holt zur Systematik die SystematikInfos wie Bezeichnung und Icon.\n */\n get systematikInfo(): SystematikInfo | undefined {\n if (this.systematik === undefined) {\n return undefined;\n }\n return (\n this.facettenOptionsService.getFacettenOptionInfo(this.systematik.codeNr) ?? {\n bezeichnung: this.systematik?.codeNr,\n id: this.systematik?.codeNr\n }\n );\n }\n\n /**\n * Wandelt aus der Systematik-Info die CSS-Klasse fürs Icon.\n * Dabei gilt es zu unterscheiden, ob ein Icon je Obergruppe vorhanden ist,\n * oder je einzelner Systematik.\n * Wenn keine SystematikInfo vorhanden ist, soll kein Icon angezeigt werden.\n */\n get systematikIcon(): string {\n if (this.systematikInfo === undefined) {\n return '';\n }\n const art: SystematikArt = this.systematikInfo.id.replace(' ', '').slice(0, 2) as SystematikArt;\n // Sonderbehandlung für MC, weil noch nicht betrachtete Subsystematiken existieren\n if (art === 'MC' && this.systematikInfo.icon) {\n return this.systematikInfo.icon + '-rounded';\n }\n const icons = {\n MQ: 'anerkennung',\n MC: 'berufssprachkurs',\n A8: 'bildungsangebote'\n };\n return `spraf-icon-detailseite-${icons[art]}-rounded`;\n }\n\n /**\n * Holt die Bezeichnung zur Systematik aus der SystematikInfo\n */\n get systematikBezeichnung() {\n return this.systematikInfo?.bezeichnung ?? '';\n }\n}\n", "![\"Logo](\"assets/images/logo-kursnet.png\"){kind=logo}
\n