\n
\n \n
\n \n ![](\"assets/{{featureGroup.poster}}\"\n)
\n \n
\n","import { Injectable } from '@angular/core';\nimport { HttpClient, HttpErrorResponse, HttpHeaders, HttpResponse } from '@angular/common/http';\n\nimport { Observable, throwError } from 'rxjs';\nimport { catchError, map, tap } from 'rxjs/operators';\n\nimport { AuthService } from '../auth/auth.service';\n\nexport interface IApiOptions {\n allowUnauthorized?: boolean;\n suppressErrors?: boolean;\n contentType?: string;\n password?: string;\n}\n\n@Injectable({\n providedIn: 'root'\n})\nexport class ApiService {\n constructor(\n private auth: AuthService,\n private http: HttpClient) { }\n\n get apiBase() {\n // If the hostname is \"localhost\" or \"localhost:Velkommen
\nPå Skibbyfilm.dk finder du blandt andet de tegnefilm som børnene og de unge i Skibby menighed gennem årene har produceret. \n Du finder også en optagelse af Den Store Zoomfest, som blev holdt i menigheden den 12/12 2020.
\nMå jeg downloade film fra Skibbyfilm.dk?
\nHvis du kunne tænke dig at få en lokal kopi af vores film, skal du skrive en email til administratoren af Skibbyfilm.dk og bede om at få et download link. Det er ikke muligt at downloade vores film direkte fra hjemmesiden.\n Vær opmærksom på, at en lokal kopi udelukkende er til eget privat brug, og ikke må videregives til andre eller gøres offentligt tilgængelig på andre medier, f.eks. Facebook, YouTube eller lignende. Du er derimod meget velkommen til at give adgangskoden til hjemmesiden videre til familie og venner.
\n","import { Component, OnInit } from \"@angular/core\";\nimport { FormControl, FormGroup, Validators } from \"@angular/forms\";\nimport { MatDialogRef } from \"@angular/material/dialog\";\n\n@Component({\n selector: 'add-comment-dialog',\n templateUrl: 'add-comment.dialog.component.html',\n styleUrls: ['add-comment.dialog.component.scss']\n})\nexport class AddCommentDialog implements OnInit {\n constructor(private _dialogRef: MatDialogRefSkriv en kommentar
\n\n
\n\n\n 1\"\n [features]=\"features\"\n [selectedFeature]=\"selectedFeature\"\n (selectionChange)=\"selectFeature($event)\"> \n
\n \n
\n\n
\n","import { Component, Input, OnInit } from '@angular/core';\n\n@Component({\n selector: 'skibbyfilm-feature-group-cast',\n templateUrl: 'cast.component.html',\n styleUrls: ['cast.component.scss']\n})\nexport class Cast implements OnInit {\n constructor() { }\n\n @Input() cast: string[] | undefined;\n\n ngOnInit() { }\n}","\n
\n {{member}}
\n Medvirkende
\n\n
\n{{member}}
\n \n
\n\n
\n Kommentarer {{comments ? '(' + comments.length + ')' : ''}}
\n\n \n
\n \n
\n \n \n \n
\n {{comment.text}}
\n | {{n.timestamp}} | \n{{n.content}} | \n
\n \n \n
\n\n\n
\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { SharedModule } from '../shared.module';\nimport { WireframeModule } from '../wireframe/wireframe.module';\n\nimport { FeatureGroupBrowserModule } from './group-browser/group-browser.module';\nimport { FeatureGroupDetailsModule } from './group-details/group-details.module';\n\nimport { FeatureSidebar } from './sidebar/feature-sidebar.component';\n\n@NgModule({\n imports: [\n CommonModule,\n SharedModule,\n WireframeModule,\n\n FeatureGroupBrowserModule,\n FeatureGroupDetailsModule\n ],\n declarations: [\n FeatureSidebar\n ],\n exports: [\n FeatureGroupBrowserModule,\n FeatureSidebar\n ]\n})\nexport class FeautureModule { }\n","import { NgModule } from '@angular/core';\nimport { ComponentsModule } from '../components/components.module';\nimport { SharedModule } from '../shared.module';\nimport { WireframeModule } from '../wireframe/wireframe.module';\n\nimport { LoginForm } from './login-form/login-form.component';\nimport { LoginSite } from './login-site/login-site.component';\n\n@NgModule({\n imports: [\n SharedModule,\n WireframeModule,\n ComponentsModule\n ],\n declarations: [\n LoginForm, \n LoginSite\n ],\n exports: [\n LoginSite,\n LoginForm\n ]\n})\nexport class AuthModule { }\n","import { NgModule } from '@angular/core';\nimport { SharedModule } from 'src/app/shared.module';\n\nimport { Title } from './title.component';\n\n@NgModule({\n imports: [SharedModule],\n declarations: [Title],\n exports: [Title]\n})\nexport class TitleModule { }\n","import { ErrorHandler, NgModule } from '@angular/core';\nimport { BrowserModule } from '@angular/platform-browser';\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\n\nimport { AppRoutingModule } from './app-routing.module';\nimport { ComponentsModule } from './components/components.module';\nimport { SharedModule } from './shared.module';\nimport { WireframeModule } from './wireframe/wireframe.module';\nimport { FeautureModule } from './feature/feature.module';\n\nimport { AuthModule } from './auth/auth.module';\nimport { App } from './app.component';\nimport { Home } from './home.component';\n\nimport { AppErrorHandler } from './app.error-handler';\n\n@NgModule({\n imports: [\n BrowserModule,\n BrowserAnimationsModule,\n\n AppRoutingModule,\n SharedModule,\n ComponentsModule,\n WireframeModule,\n\n AuthModule,\n FeautureModule\n ],\n declarations: [\n App,\n Home\n ],\n providers: [\n {provide: ErrorHandler, useClass: AppErrorHandler}\n ], \n bootstrap: [App]\n})\nexport class AppModule { }\n","import { NgModule } from '@angular/core';\n\nimport { SharedModule } from '../../shared.module';\n\nimport { Sidebar } from './sidebar.component';\nimport { SidebarCloser } from './sidebar-closer.component';\nimport { SidebarHeader } from './sidebar-header.component';\nimport { SidebarTitle } from './sidebar-title.component';\nimport { SidebarContent } from './sidebar-content.component';\n\n@NgModule({\n imports: [\n SharedModule\n ],\n declarations: [\n Sidebar,\n SidebarCloser,\n SidebarContent,\n SidebarHeader,\n SidebarTitle\n ],\n exports: [\n Sidebar,\n SidebarCloser,\n SidebarContent,\n SidebarHeader,\n SidebarTitle\n ]\n})\nexport class SidebarModule { }\n","import { Observable, BehaviorSubject, of, timer } from 'rxjs';\nimport { switchMap, map, shareReplay, tap } from 'rxjs/operators';\n\nexport class CachedRequest\n
\n","import { Component, OnInit } from '@angular/core';\nimport { FormControl, FormGroup, Validators } from '@angular/forms';\nimport { Router } from '@angular/router';\n\nimport { ApiService } from 'src/app/services/api.service';\nimport { LogService } from 'src/app/services/log.service';\nimport { AuthService } from '../auth.service';\n\n@Component({\n selector: 'skibbyfilm-login-form',\n templateUrl: 'login-form.component.html',\n styleUrls: ['login-form.component.scss']\n})\nexport class LoginForm implements OnInit {\n constructor(\n private _api: ApiService,\n private _authService: AuthService,\n private _logService: LogService,\n private _router: Router) { }\n\n form!: FormGroup;\n formName!: FormControl;\n formPassword!: FormControl;\n formCongregation!: FormControl;\n loading = false;\n\n private ensureForm() {\n this.formName = new FormControl(null, Validators.required);\n this.formPassword = new FormControl(null, Validators.required);\n this.formCongregation = new FormControl(null, Validators.required);\n this.form = new FormGroup({\n name: this.formName,\n password: this.formPassword,\n congregation: this.formCongregation\n });\n }\n\n login() {\n if (this.form.invalid)\n return;\n\n const name = this.formName.value;\n const congregation = this.formCongregation.value;\n const password = this.formPassword.value;\n this.loading = true;\n this._api.post(`${this._api.apiBase}/security/login`, { name, congregation, password })\n .subscribe((authData: any) => {\n if (authData.successful) {\n this._authService.authenticate(authData.token, name, congregation);\n this._logService.log(`${name}/${congregation} loggede ind`);\n this._router.navigate([this._authService.redirectUrl ? this._authService.redirectUrl : '/']);\n }\n else {\n this.formPassword.setErrors({ denied: true });\n this._logService.error({ message: 'Invalid login attempt', name, congregation, password });\n }\n\n this.loading = false;\n });\n }\n\n ngOnInit() {\n this.ensureForm();\n }\n}","\n","import { Component, EventEmitter, Input, Output } from '@angular/core';\nimport { IFeatureData } from 'src/app/model/feature.data';\n\n@Component({\n selector: 'skibbyfilm-feature-browser',\n templateUrl: 'feature-browser.component.html',\n styleUrls: ['feature-browser.component.scss']\n})\nexport class FeatureBrowser {\n constructor() { }\n\n @Input() features: IFeatureData[] | undefined;\n @Input() selectedFeature: IFeatureData | undefined; \n\n @Output() selectionChange: EventEmitter\n \n
\n Filmen er vist {{feature.views}} gange
\n\n
\n","import { Injectable } from '@angular/core';\nimport { Router } from '@angular/router';\n\nimport { of } from 'rxjs';\nimport { catchError } from 'rxjs/operators';\n\nimport { ApiService, IApiOptions } from './api.service';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class LogService {\n constructor(\n private _api: ApiService,\n private _router: Router) {}\n\n log(action: string) {\n this._api.post(`${this._api.apiBase}/log`, { action }).subscribe();\n }\n\n error(error: any) {\n const options: IApiOptions = {\n allowUnauthorized: true,\n suppressErrors: true\n };\n \n let url = '';\n if (this._router)\n url = this._router.url;\n\n this._api.post(`${this._api.apiBase}/log`, { error, url }, options)\n .pipe(\n catchError(err => {\n console.warn('An error occurred while logging an error:');\n console.error(err);\n console.warn('Original error:');\n console.error(error);\n return of([]);\n })\n )\n .subscribe();\n }\n}","import { NgModule } from '@angular/core';\nimport { SharedModule } from '../shared.module';\nimport { NewsModule } from './news/news.module';\nimport { Welcome } from './welcome/welcome.component';\n\n@NgModule({\n imports: [\n SharedModule,\n NewsModule\n ],\n declarations: [\n Welcome\n ],\n exports: [\n NewsModule,\n Welcome\n ]\n})\nexport class ComponentsModule { }\n","import { Component } from '@angular/core';\nimport { ScrollService } from 'src/app/services/scroll.service';\n\n@Component({\n selector: 'skibbyfilm-title',\n templateUrl: 'title.component.html',\n styleUrls: ['title.component.scss']\n})\nexport class Title {\n constructor(private _scrollService: ScrollService) { }\n\n home() {\n this._scrollService.scrollToTop();\n }\n}","\n","import { Component, OnInit } from '@angular/core';\nimport { ActivatedRoute } from '@angular/router';\n\nimport { of } from 'rxjs';\nimport { switchMap } from 'rxjs/operators';\n\nimport { FeatureGroupService } from 'src/app/services/feature-group.service';\nimport { IFeatureGroupData } from 'src/app/model/feature-group.data';\n\n@Component({\n selector: 'skibbyfilm-feature-sidebar',\n templateUrl: 'feature-sidebar.component.html'\n})\nexport class FeatureSidebar implements OnInit {\n constructor(\n private _featureGroupService: FeatureGroupService,\n private _route: ActivatedRoute) { }\n \n featureGroup: IFeatureGroupData | undefined;\n\n ngOnInit() {\n this._route.paramMap\n .pipe(switchMap(params => {\n const key = params.get('key');\n return key ? this._featureGroupService.getFeatureGroup(key) : of(undefined);\n }))\n .subscribe(featureGroup => {\n this.featureGroup = featureGroup;\n });\n }\n}","\n
\n\n ![](\"assets/{{feature.poster}}\"\n)
\n {{feature.name}}\n
\n