\n \n
\n {{text}}
\n \n
\n\n","import {NgModule} from '@angular/core';\nimport {LoadingSpinnerComponent} from './loading-spinner.component';\nimport {NgClass} from \"@angular/common\";\n\n@NgModule({\n declarations: [\n LoadingSpinnerComponent\n ],\n imports: [\n NgClass\n ],\n exports: [\n LoadingSpinnerComponent\n ]\n})\nexport class LoadingSpinnerModule {\n}\n","import {NgModule, CUSTOM_ELEMENTS_SCHEMA} from '@angular/core';\nimport {ButtonComponent} from './button.component';\nimport {NgClass, NgIf} from \"@angular/common\";\nimport {LoadingSpinnerModule} from \"../../loading-spinner/loading-spinner.module\";\nimport {MdbRippleModule} from \"mdb-angular-ui-kit/ripple\";\n\n@NgModule({\n declarations: [\n ButtonComponent,\n ],\n imports: [\n NgClass,\n NgIf,\n LoadingSpinnerModule,\n MdbRippleModule,\n ],\n exports: [\n ButtonComponent\n ],\n schemas: [\n CUSTOM_ELEMENTS_SCHEMA\n ],\n})\nexport class ButtonModule {\n}\n","import { Component, EventEmitter, Input, Output } from \"@angular/core\";\nimport {ButtonSizes, ButtonTypes} from \"../buttons/button/button.component\";\n\n@Component({\n selector: \"hs-modal\",\n templateUrl: \"./modal.component.html\",\n styleUrls: [\"./modal.component.scss\"]\n})\nexport class ModalComponent {\n @Input() showModal = false;\n @Input() header = \"\";\n @Output() onHideModal = new EventEmitter\n
\n","import { NgModule } from '@angular/core';\nimport { ModalComponent } from './modal.component';\nimport {NgClass, NgIf} from \"@angular/common\";\nimport {ButtonModule} from \"../buttons/button/button.module\";\nimport {MdbRippleModule} from \"mdb-angular-ui-kit/ripple\";\n\n@NgModule({\n declarations: [\n ModalComponent\n ],\n imports: [\n NgClass,\n ButtonModule,\n NgIf,\n MdbRippleModule,\n ],\n exports: [\n ModalComponent\n ]\n})\nexport class ModalModule { }\n","import {AfterViewChecked, Component, ElementRef, EventEmitter, Input, OnInit, Output, ViewChild} from \"@angular/core\";\n\nexport enum InputTypes {\n text = \"text\",\n password = \"password\",\n email = \"email\",\n}\n\nexport enum InputSizes {\n SM = \"sm\",\n MD = \"md\",\n LG = \"lg\",\n}\n\n// @todo rename events equally\n\n@Component({\n selector: \"hs-input\",\n templateUrl: \"./input.component.html\",\n styleUrls: ['./input.component.scss'],\n})\nexport class InputComponent implements OnInit, AfterViewChecked {\n @ViewChild(\"inputElement\") private inputElement: ElementRef | undefined;\n @Input() inputType: InputTypes = InputTypes.text;\n @Input() placeholder = \"\";\n @Input() value = \"\";\n @Input() autocomplete = true;\n @Input() readonly = false;\n @Input() isClearable = false;\n @Input() isValid: boolean | undefined;\n @Input() size: InputSizes = InputSizes.MD;\n @Input() inputMode: \"numeric\" | \"none\" = \"none\";\n @Input() autofocus: boolean = false;\n @Output() valueChange = new EventEmitter\n \n
\n\n ![]()
\n \n
\n \n
\n\n","import { NgModule } from '@angular/core';\nimport { CardComponent } from './card.component';\nimport {NgClass, NgIf} from \"@angular/common\";\nimport {MdbRippleModule} from \"mdb-angular-ui-kit/ripple\";\n\n@NgModule({\n declarations: [\n CardComponent\n ],\n imports: [\n NgClass,\n MdbRippleModule,\n NgIf\n ],\n exports: [\n CardComponent\n ]\n})\nexport class CardModule { }\n","import {Component, EventEmitter, Input, OnInit, Output, ViewChild} from \"@angular/core\";\nimport {InputComponent, InputTypes} from \"../input/input.component\";\n\n@Component({\n selector: \"hs-typeahead\",\n templateUrl: \"./typeahead.component.html\",\n styleUrls: [\"./typeahead.component.scss\"]\n})\nexport class TypeaheadComponent implements OnInit {\n @Input() isLoading = false;\n @Input() results: Array\n \n \n \n \n Keine Suchergebnisse verfügbar!\n \n
\n\n","import { NgModule } from '@angular/core';\nimport { TypeaheadComponent } from './typeahead.component';\nimport {NgClass, NgForOf, NgIf} from \"@angular/common\";\nimport {FormsModule} from \"@angular/forms\";\nimport {LoadingSpinnerModule} from \"../../loading-spinner/loading-spinner.module\";\nimport {InputModule} from \"../input/input.module\";\n\n@NgModule({\n declarations: [\n TypeaheadComponent\n ],\n imports: [\n NgClass,\n FormsModule,\n LoadingSpinnerModule,\n InputModule,\n NgIf,\n NgForOf\n ],\n exports: [\n TypeaheadComponent\n ]\n})\nexport class TypeaheadModule { }\n","import {Component, EventEmitter, Input, OnInit, Output} from \"@angular/core\";\n\nexport interface CheckboxChoicesInterface {\n key: string;\n value: string;\n checked?: boolean;\n}\n\nexport interface CheckboxChangeEventInterface {\n key: string;\n checked: boolean | undefined;\n index: number;\n}\n\n@Component({\n selector: \"hs-checkbox\",\n templateUrl: \"./checkbox.component.html\",\n styleUrls: [\"./checkbox.component.scss\"]\n})\nexport class CheckboxComponent implements OnInit {\n @Input() label = \"\";\n @Input() isInline = false;\n @Output() onCheckboxChange = new EventEmitter- \n
- \n {{result}}\n \n
\n \n \n
\n","import { NgModule } from '@angular/core';\nimport { CheckboxComponent } from './checkbox.component';\nimport {NgClass, NgForOf, NgIf} from \"@angular/common\";\nimport {FormsModule} from \"@angular/forms\";\nimport {MdbCheckboxModule} from \"mdb-angular-ui-kit/checkbox\";\n\n@NgModule({\n declarations: [\n CheckboxComponent\n ],\n imports: [\n NgClass,\n FormsModule,\n NgForOf,\n NgIf,\n MdbCheckboxModule\n ],\n exports: [\n CheckboxComponent\n ]\n})\nexport class CheckboxModule { }\n","import {Component, EventEmitter, Input, OnInit, Output} from \"@angular/core\";\n\n@Component({\n selector: \"hs-textarea\",\n templateUrl: \"./textarea.component.html\",\n})\nexport class TextareaComponent implements OnInit {\n public input = \"\"; // @todo needed?\n @Input() value = \"\";\n @Input() rows = 6;\n @Input() placeholder = \"Placeholder goes here\";\n @Input() isValid: boolean | undefined;\n @Input() readonly: boolean = false;\n @Output() valueChange = new EventEmitter{{label}}
\n\n
\n \n \n \n
\n","import { NgModule } from '@angular/core';\nimport { RadioComponent } from './radio.component';\nimport {NgClass, NgForOf, NgIf} from \"@angular/common\";\nimport {MdbRadioModule} from \"mdb-angular-ui-kit/radio\";\n\n@NgModule({\n declarations: [\n RadioComponent\n ],\n imports: [\n NgClass,\n NgForOf,\n NgIf,\n MdbRadioModule\n ],\n exports: [\n RadioComponent\n ]\n})\nexport class RadioModule { }\n","import {AfterViewChecked, Component, ElementRef, EventEmitter, Input, OnInit, Output, ViewChild} from '@angular/core';\n\nexport enum InputNumberSizes {\n SM = \"sm\",\n MD = \"md\",\n LG = \"lg\",\n}\n\n@Component({\n selector: 'hs-input-number',\n templateUrl: \"./input-number.component.html\",\n})\nexport class InputNumberComponent implements OnInit, AfterViewChecked{\n @ViewChild(\"inputElement\") private inputElement: ElementRef | undefined;\n public id = \"\";\n @Input() placeholder = \"\";\n @Input() value = 0;\n @Input() readonly = false;\n @Input() isValid: boolean | undefined;\n @Input() autofocus: boolean = false;\n @Input() size: InputNumberSizes = InputNumberSizes.MD;\n @Output() valueChange = new EventEmitter{{label}}
\n\n
\n \n \n \n Die Eingabe ist nicht gültig. \n
\n\n\n
\n","import { NgModule } from '@angular/core';\nimport { DropdownSelectComponent } from './dropdown-select.component';\nimport {NgClass, NgForOf, NgIf} from \"@angular/common\";\nimport {FormsModule} from \"@angular/forms\";\nimport {InputModule} from \"../input/input.module\";\n\n@NgModule({\n declarations: [\n DropdownSelectComponent\n ],\n imports: [\n NgForOf,\n FormsModule,\n NgClass,\n NgIf,\n InputModule,\n ],\n exports: [\n DropdownSelectComponent\n ]\n})\nexport class DropdownSelectModule { }\n","import {Component, EventEmitter, Input, OnInit, Output} from \"@angular/core\";\n\nexport enum ToggleSizes {\n sm = \"sm\",\n md = \"md\",\n} // @todo use mat switch? https://mdbootstrap.com/docs/angular/forms/switch/#docsTabsOverview\n\n@Component({\n selector: \"hs-toggle\",\n templateUrl: \"./toggle.component.html\",\n styleUrls: [\"./toggle.component.scss\"]\n})\nexport class ToggleComponent implements OnInit {\n public checked = true; // @todo needed?\n @Input() size: ToggleSizes = ToggleSizes.md;\n @Input() label = \"\";\n @Input() value = true;\n @Input() disabled = false;\n @Output() valueChange = new EventEmitter\n {{tab.title}}\n
\n","import { NgModule } from '@angular/core';\nimport { TabsComponent } from './tabs.component';\nimport {NgClass, NgForOf} from \"@angular/common\";\n\n@NgModule({\n declarations: [\n TabsComponent\n ],\n imports: [\n NgForOf,\n NgClass\n ],\n exports: [\n TabsComponent\n ]\n})\nexport class TabsModule { }\n","import {Component, EventEmitter, HostListener, Injectable, Input, OnInit, Output, ViewChild} from '@angular/core';\nimport {NgbDatepickerI18n, NgbDateStruct, NgbTimeStruct} from \"@ng-bootstrap/ng-bootstrap\";\nimport moment from \"moment\";\nimport {InputComponent} from \"../input/input.component\";\nimport {I18n, CustomDatepickerI18n} from \"../ngb-datepicker-i18n\";\n\n// @todo use [(value)] instead of valueChange..\n\n@Component({\n selector: 'hs-datepicker',\n templateUrl: \"./datepicker.component.html\",\n providers: [\n I18n,\n {provide: NgbDatepickerI18n, useClass: CustomDatepickerI18n},\n ], // define custom NgbDatepickerI18n provider\n})\nexport class DatepickerComponent implements OnInit {\n @ViewChild(InputComponent) inputComponent: InputComponent | undefined;\n @Input() initialValue: Date = new Date();\n @Input() label = \"\";\n @Input() minDate: Date | undefined;\n public minDateStruct: NgbDateStruct = {year: 0, month: 0, day: 0};\n @Input() maxDate: Date | undefined;\n public maxDateStruct: NgbDateStruct = {year: 9999, month: 0, day: 0};\n @Input() readonly = false;\n @Input() showTime = false;\n @Input() isValid: boolean | undefined;\n @Output() onDateSelect = new EventEmitter\n \n Die Eingabe ist nicht gültig. \n \n \n \n
\n","import { NgModule } from '@angular/core';\nimport { DatepickerComponent } from './datepicker.component';\nimport {FormsModule} from \"@angular/forms\";\nimport {NgbDatepickerModule, NgbTimepickerModule} from \"@ng-bootstrap/ng-bootstrap\";\nimport {InputModule} from \"../input/input.module\";\nimport {NgIf} from \"@angular/common\";\n\n@NgModule({\n declarations: [\n DatepickerComponent\n ],\n imports: [\n FormsModule,\n NgbDatepickerModule,\n InputModule,\n NgbTimepickerModule,\n NgIf\n ],\n exports: [\n DatepickerComponent\n ]\n})\nexport class DatepickerModule { }\n","import {Component, EventEmitter, Input, OnInit, Output} from '@angular/core';\n\n@Component({\n selector: 'hs-input-search',\n templateUrl: \"./searchinput.component.html\",\n styleUrls: [\"./searchinput.component.scss\"]\n})\nexport class SearchinputComponent implements OnInit {\n public input = \"\"; // @todo needed?\n @Input() placeholder = \"\";\n @Input() value = \"\";\n @Input() autocomplete = true;\n @Output() valueChange = new EventEmitter\n \n
\n \n
\n","import { NgModule } from '@angular/core';\nimport { SearchinputComponent } from './searchinput.component';\nimport {FormsModule} from \"@angular/forms\";\nimport {NgIf} from \"@angular/common\";\n\n@NgModule({\n declarations: [\n SearchinputComponent\n ],\n imports: [\n FormsModule,\n NgIf\n ],\n exports: [\n SearchinputComponent\n ]\n})\nexport class SearchinputModule { }\n","import {Component, EventEmitter, Input, OnInit, Output} from '@angular/core';\nimport { TableColumn } from \"@swimlane/ngx-datatable/lib/types/table-column.type\";\nimport { ColumnMode } from \"@swimlane/ngx-datatable\";\n\nexport interface TableColumnInterface extends TableColumn {}\n\n@Component({\n selector: 'hs-table',\n templateUrl: \"./table.component.html\",\n})\nexport class TableComponent implements OnInit {\n @Input() isLoading = false;\n @Input() isSmall = false;\n @Input() isFilterable = false;\n @Input() data: any[] = [];\n @Input() columns: TableColumn[] = [];\n @Output() onFilterTable = new EventEmitter\n
\n\n\n \n
\n\n
\n\n\n
\n \n \n
\n\n \n
\n \n \n
\n Keine Einträge vorhanden.
\n\n\n \n {{addText}}\n
\n\nSoll dieses Feld wirklich gelöscht werden?
\n\n","import { NgModule } from '@angular/core';\nimport { SortableArrayFieldsComponent } from './sortable-array-fields.component';\nimport {RoundedButtonModule} from \"../buttons/rounded-button/rounded-button.module\";\nimport {NgForOf, NgIf, NgTemplateOutlet} from \"@angular/common\";\nimport {ModalModule} from \"../modal/modal.module\";\n\n@NgModule({\n declarations: [\n SortableArrayFieldsComponent\n ],\n imports: [\n RoundedButtonModule,\n NgForOf,\n NgIf,\n NgTemplateOutlet,\n ModalModule\n ],\n exports: [\n SortableArrayFieldsComponent\n ]\n})\nexport class SortableArrayFieldsModule { }\n","import {Component, Input, OnInit} from '@angular/core';\n\nexport enum NoteTypes {\n DANGER = 'danger',\n SUCCESS = 'success',\n HS = 'hs',\n}\n\n@Component({\n selector: 'hs-note',\n templateUrl: \"./note.component.html\",\n styleUrls: ['./note.component.scss'],\n})\nexport class NoteComponent {\n @Input() type: NoteTypes = NoteTypes.HS;\n}\n","\n
\n","import { NgModule } from '@angular/core';\nimport { NoteComponent } from './note.component';\nimport {NgClass} from \"@angular/common\";\n\n@NgModule({\n declarations: [\n NoteComponent\n ],\n imports: [\n NgClass\n ],\n exports: [\n NoteComponent\n ]\n})\nexport class NoteModule { }\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'hs-header',\n templateUrl: \"./header.component.html\",\n styleUrls: [\"./header.component.scss\"]\n})\nexport class HeaderComponent {}\n","\n","import {NgModule} from '@angular/core';\nimport {HeaderComponent} from './header.component';\n\n@NgModule({\n declarations: [\n HeaderComponent\n ],\n imports: [\n ],\n exports: [\n HeaderComponent\n ]\n})\nexport class HeaderModule {\n}\n","import {Component, Input} from '@angular/core';\n\nexport enum InfoPopoverPositions {\n RIGHT=\"right\",\n LEFT=\"left\",\n BOTTOM=\"bottom\",\n TOP=\"top\",\n}\n\n@Component({\n selector: 'hs-info-popover',\n templateUrl: \"./info-popover.component.html\",\n styleUrls: [\"./info-popover.component.scss\"]\n})\nexport class InfoPopoverComponent {\n @Input() position: InfoPopoverPositions = InfoPopoverPositions.RIGHT;\n @Input() text!: string;\n @Input() title!: string;\n public template = `''`;\n}\n","
- \n
- \n {{item}}\n \n
\n
\n\n","import { NgModule } from '@angular/core';\nimport { SideCardComponent } from './side-card.component';\nimport {ButtonModule} from \"../../buttons/button/button.module\";\n\n@NgModule({\n declarations: [\n SideCardComponent\n ],\n imports: [\n ButtonModule\n ],\n exports: [\n SideCardComponent\n ]\n})\nexport class SideCardModule { }\n","import {Component, Input} from '@angular/core';\nimport {Router} from \"@angular/router\";\n\n@Component({\n selector: 'hs-cite-card',\n templateUrl: \"./cite-card.component.html\",\n styleUrls: [\"./cite-card.component.scss\"]\n})\nexport class CiteCardComponent {\n @Input() imageUrl: string = \"\";\n @Input() imageAlt: string = \"\";\n @Input() link: string = \"\";\n\n constructor(\n private router: Router,\n ) {\n }\n\n public navigate(): void {\n if (this.link) {\n this.router.navigateByUrl(this.link);\n }\n }\n}\n","\n
\n\n
\n \n
\n \n
\n \n
\n\n","import { NgModule } from '@angular/core';\nimport { CiteCardComponent } from './cite-card.component';\n\n@NgModule({\n declarations: [\n CiteCardComponent\n ],\n imports: [\n ],\n exports: [\n CiteCardComponent\n ]\n})\nexport class CiteCardModule { }\n","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'hs-jumbotron',\n templateUrl: \"./jumbotron.component.html\",\n styleUrls: [\"./jumbotron.component.scss\"]\n})\nexport class JumbotronComponent implements OnInit {\n\n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n","\n
\n\n
\n","import { NgModule } from '@angular/core';\nimport { JumbotronComponent } from './jumbotron.component';\n\n@NgModule({\n declarations: [\n JumbotronComponent\n ],\n imports: [\n ],\n exports: [\n JumbotronComponent\n ]\n})\nexport class JumbotronModule { }\n","import {Component, Input, OnInit} from '@angular/core';\n\nexport enum SkeletonAppearanceEnum {\n CIRCLE=\"circle\",\n LINE=\"line\"\n}\n\n@Component({\n selector: 'hs-skeleton',\n templateUrl: \"./skeleton.component.html\",\n styleUrls: [\"./skeleton.component.scss\"]\n})\nexport class SkeletonComponent implements OnInit {\n @Input() count: number = 1;\n @Input() height: number = 30;\n @Input() appearance: SkeletonAppearanceEnum = SkeletonAppearanceEnum.LINE;\n\n constructor() {\n }\n\n ngOnInit(): void {\n }\n\n}\n","