\r\n
\r\n","import { Component, Input, OnInit } from '@angular/core';\r\nimport { CollectionService } from '../providers/collection.service';\r\nimport { CoreDataCaptureDetailModel } from '../models/CoreDataCaptureDetailModel';\r\nimport { HttpErrorResponse } from '@angular/common/http';\r\nimport { Router } from '@angular/router';\r\n\r\n@Component({\r\n selector: 'app-recommended',\r\n templateUrl: './recommended.component.html',\r\n styleUrls: ['./recommended.component.css']\r\n})\r\nexport class RecommendedComponent implements OnInit {\r\n\r\n constructor( public collectionService: CollectionService,\r\n private router: Router) { }\r\n\r\n public collectionList: [CoreDataCaptureDetailModel];\r\n @Input() keywords: string = \"\"\r\n @Input() coredataItemId: number = 0\r\n\r\n @Input() collectionHeading: string;\r\n\r\n public showRecommended: boolean = false;\r\n\r\n ngOnInit(): void {\r\n if (this.keywords != \"\") {\r\n this.getRecommendednData();\r\n }\r\n }\r\n\r\n\r\n \r\n public getRecommendednData() \r\n {\r\n\r\n\r\n this.collectionService.getRecommended(this.keywords, this.coredataItemId)\r\n .subscribe(response => {\r\n\r\n \r\n let apiResponse = response as apiResponseModel;\r\n if (apiResponse.succeeded) {\r\n\r\n\r\n this.collectionList = apiResponse.data;\r\n\r\n if (this.collectionList.length > 0)\r\n {\r\n this.showRecommended = true;\r\n }\r\n\r\n }\r\n\r\n\r\n\r\n \r\n\r\n }, (err: HttpErrorResponse) => {\r\n console.log(err.error.toString());\r\n if (err.error.toString() == \"Api Key Missing\" )\r\n {\r\n this.router.navigateByUrl('/erroroccured');\r\n }\r\n });\r\n\r\n }\r\n\r\n}\r\n\r\nexport class apiResponseModel {\r\n\r\n data: [CoreDataCaptureDetailModel];\r\n totalRecords: number;\r\n pageNumber: number;\r\n pageSize: number;\r\n errors: any;\r\n message: string;\r\n succeeded: boolean;\r\n}","import { Injectable } from '@angular/core';\r\n\r\nimport { ConfigService } from './config.service';\r\n\r\n\r\n@Injectable()\r\n\r\nexport class Globals{\r\n\r\n public showBreadCrumb: boolean = false;\r\n public currentPage: string = \"\";\r\n\r\n public alertMessage: string = \"\";\r\n\r\n public sideMenuTitle: string = \"\";\r\n public sideMenuText: string = \"\";\r\n\r\n public searchPhrase: string = \"\";\r\n\r\n constructor(private ConfigService: ConfigService)\r\n {\r\n this.alertMessage = ConfigService.alertMessage;\r\n }\r\n \r\n \r\n\r\n\r\n \r\n}\r\n\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { Globals } from '../providers/globals';\r\n\r\n\r\n@Component({\r\n selector: 'app-home',\r\n templateUrl: './home.component.html',\r\n styleUrls: ['./home.component.css']\r\n})\r\nexport class HomeComponent implements OnInit {\r\n\r\n constructor(public globals: Globals) { \r\n\r\n\r\n }\r\n\r\n public pageTitle = \"Home\";\r\n \r\n\r\n ngOnInit(): void {\r\n\r\n this.globals.currentPage = \"Home\";\r\n this.globals.showBreadCrumb = false;\r\n\r\n }\r\n\r\n}\r\n","\r\n\r\n More items you may be interested in
\r\n\r\n ![\"...\"](\"{{item.mainImage.imageThumbnailData}}\")
\r\n
\r\n \r\n
\r\n \r\n
\r\n {{item.medium}}\r\n {{item.title}}
\r\n {{item.generalDate | date: item.generalDateType}}\r\n\r\n {{producer.producerName}}, \r\n
\r\n\r\n\r\n\r\n \r\n
\r\n \r\n","// This file can be replaced during build by using the `fileReplacements` array.\r\n// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.\r\n// The list of file replacements can be found in `angular.json`.\r\n\r\nexport const environment = {\r\n production: false\r\n};\r\n\r\n/*\r\n * For easier debugging in development mode, you can import the following file\r\n * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.\r\n *\r\n * This import should be commented out in production mode because it will have a negative impact\r\n * on performance if an error is thrown.\r\n */\r\n// import 'zone.js/dist/zone-error'; // Included with Angular CLI.\r\n"," \r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Welcome to City of Cape Town Digital Vault
\r\nExplore public art and discover interesting heritage objects in the Civic Collection.
\r\n Discover\r\n\r\n
\r\n \r\n
\r\n \r\n ![\"Arts](\"assets/images/arts-culture-hero-image-updated_14-03-2024.png\")
\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n Explore and Discover
\r\nExplore all the Public Art and Civic Collection
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n ![\"Permanent](\"assets/images/permanent-public-arts.webp\")
\r\n
\r\n \r\n \r\n
\r\n Permanent Public Art
\r\nCape Town is home to several captivating sculptures, memorials and commemorative monuments spread across the metropole. Learn more about the history and significance behind these diverse and interesting works.\r\n
\r\n\r\n
\r\n \r\n ![\"Temporary](\"assets/images/temporary-public-arts.webp\")
\r\n
\r\n \r\n \r\n
\r\n Temporary Public Art
\r\nExplore a diverse range of temporary public art installations, murals and graffiti that capture the vibrancy of the city and its people. These works are created by talented established and emerging artists.\r\n
\r\n\r\n
\r\n \r\n ![\"Civic](\"assets/images/civic-collection.webp\")
\r\n
\r\n \r\n \r\n
\r\n Civic Collection
\r\n\r\n Discover original artworks, objets d'art, documents, gifts to Councillors and Mayors, artefacts, photographs, memorabilia, furniture, and more. These Heritage Assets form the City's Civic Collection. \r\n
\r\n\r\n
\r\n \r\n ![\"Permanent](\"assets/images/explore-all-public-art.webp\")
\r\n
\r\n \r\n \r\n
\r\n Explore All
\r\nBrowse or search on any keyword to find items in the collections.
\r\n\r\n \r\n
\r\n \r\n","import { Component, OnInit } from '@angular/core';\r\nimport { ActivatedRoute, Router } from '@angular/router';\r\nimport { Globals } from '../providers/globals';\r\nimport { CollectionService } from '../providers/collection.service';\r\nimport { CoreDataCaptureDetailModel } from '../models/CoreDataCaptureDetailModel';\r\nimport { Observable } from 'rxjs';\r\nimport { HttpErrorResponse } from '@angular/common/http';\r\n\r\n@Component({\r\n selector: 'app-collection-content',\r\n templateUrl: './collection-content.component.html',\r\n styleUrls: ['./collection-content.component.css']\r\n})\r\nexport class CollectionContentComponent implements OnInit {\r\n\r\n constructor(\r\n private route: ActivatedRoute,\r\n public globals: Globals,\r\n public collectionService: CollectionService,\r\n private router: Router\r\n ) { }\r\n\r\n public pageTitle: string = \"\";\r\n public collectionName: string = \"\";\r\n\r\n public collectionList: [CoreDataCaptureDetailModel];\r\n public totalRecords: number = 0;\r\n public pageNumber: number = 1;\r\n public pageSize: number = 5;\r\n public showPagination: boolean = false;\r\n\r\n public showSpinner: boolean = true;\r\n\r\n ngOnInit(): void {\r\n\r\n\r\n this.route.queryParams\r\n .subscribe(params => {\r\n this.pageTitle = this.camelize(params.collection);\r\n this.collectionName = this.lowercaseit(params.collection);\r\n\r\n this.globals.showBreadCrumb = true;\r\n this.globals.currentPage = this.pageTitle;\r\n \r\n\r\n\r\n this.getTheCollectionData();\r\n\r\n });\r\n }\r\n\r\n public getTheCollectionData() \r\n {\r\n this.showSpinner = true;\r\n\r\n this.collectionService.getCollectionByName(this.globals.currentPage, this.pageNumber)\r\n .subscribe(response => {\r\n\r\n \r\n let apiResponse = response as apiResponseModel;\r\n if (apiResponse.succeeded) {\r\n this.totalRecords = apiResponse.totalRecords;\r\n\r\n this.pageNumber = apiResponse.pageNumber;\r\n this.pageSize = apiResponse.pageSize;\r\n this.collectionList = apiResponse.data;\r\n\r\n if (this.collectionList.length > 0) {\r\n this.showPagination = true;\r\n } else {\r\n this.showPagination = false;\r\n }\r\n\r\n }\r\n\r\n this.showSpinner = false;\r\n\r\n \r\n\r\n }, (err: HttpErrorResponse) => {\r\n console.log(err.error.toString());\r\n if (err.error.toString() == \"Api Key Missing\" )\r\n {\r\n this.router.navigateByUrl('/erroroccured');\r\n }\r\n });\r\n\r\n }\r\n\r\n\r\n\r\n public camelize(str: string) {\r\n return str.replace(/(?:^\\w|[A-Z]|\\b\\w|\\s+)/g, function(match, index) {\r\n if (+match === 0) return \" \"; // or if (/\\s+/.test(match)) for white spaces\r\n return match.toUpperCase();\r\n });\r\n }\r\n\r\n public lowercaseit(str: string) {\r\n return str.replace(/(?:^\\w|[A-Z]|\\b\\w|\\s+)/g, function(match, index) {\r\n if (+match === 0) return \"\"; // or if (/\\s+/.test(match)) for white spaces\r\n return match.toLowerCase();\r\n });\r\n }\r\n\r\n public goToPage(currentPageNumber:number) {\r\n\r\n this.pageNumber = currentPageNumber;\r\n \r\n\r\n this.getTheCollectionData();\r\n }\r\n\r\n}\r\n\r\n\r\nexport class apiResponseModel {\r\n\r\n data: [CoreDataCaptureDetailModel];\r\n totalRecords: number;\r\n pageNumber: number;\r\n pageSize: number;\r\n errors: any;\r\n message: string;\r\n succeeded: boolean;\r\n}\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { Globals } from '../providers/globals';\r\n\r\n@Component({\r\n selector: 'app-about-us',\r\n templateUrl: './about-us.component.html',\r\n styleUrls: ['./about-us.component.css']\r\n})\r\nexport class AboutUsComponent implements OnInit {\r\n\r\n public pageTitle: string = \"About Us\";\r\n\r\n constructor(public globals: Globals,) { }\r\n\r\n ngOnInit(): void {\r\n\r\n this.globals.showBreadCrumb = true;\r\n this.globals.currentPage = this.pageTitle;\r\n\r\n }\r\n\r\n}\r\n"," \r\n \r\n
\r\n\r\n\r\n \r\n
\r\n\r\n\r\n
\r\n \r\n
\r\n\r\n\r\n\r\n\r\n \r\n
\r\n\r\n\r\n\r\n \r\n Loading...\r\n
\r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n
\r\n \r\n\r\n\r\n \r\n
\r\n \r\n
\r\n {{item.medium}}\r\n {{item.title}}
\r\n {{item.generalDate | date: 'yyyy'}}\r\n\r\n {{producer.producerName}}, \r\n
\r\n\r\n\r\n
\r\n \r\n\r\n \r\n
\r\n ","import { PublicArtPermitConsentDocuments } from './PublicArtPermitConsentDocuments';\r\nimport { PublicArtPermit } from './PublicArtPermit';\r\nimport { PublicArtPermitArtist } from './PublicArtPermitArtist';\r\nimport { PublicArtPermitNeighbour } from './PublicArtPermitNeighbour';\r\nimport { PublicArtPermitDocuments } from './PublicArtPermitDocuments';\r\n\r\nexport class PublicArtPermitModel {\r\n public PublicArtPermit!: PublicArtPermit;\r\n public PublicArtPermitArtist: PublicArtPermitArtist[] = [];\r\n public PublicArtPermitNeighbour: PublicArtPermitNeighbour[] = [];\r\n public PublicArtPermitDocuments: PublicArtPermitDocuments[] = [];\r\n public PublicArtPermitConsentDocuments: PublicArtPermitConsentDocuments[] = [];\r\n //public CoreDataCaptureDetailId: number;\r\n //public PublicArtPermitPDF: PublicArtPermitPDF;\r\n}\r\n\r\nexport class PublicArtPermitPDF {\r\n // public html: Text;\r\n \r\n}\r\n","import {Injectable} from '@angular/core';\r\nimport { HttpClient, HttpHeaders } from '@angular/common/http';\r\nimport { ConfigService } from './config.service';\r\n\r\n@Injectable()\r\nexport class customHttpClient {\r\n\r\n public apiKey = \"\";\r\n\r\n constructor(private http: HttpClient, private configService: ConfigService) {\r\n this.apiKey = configService.apiKey;\r\n }\r\n\r\n get(url:string) {\r\n let headers = new HttpHeaders();\r\n headers = headers.set('X-Api-Key', this.apiKey);\r\n return this.http.get(url, {\r\n headers: headers\r\n });\r\n }\r\n\r\n post(url:string, data:any) {\r\n let headers = new HttpHeaders();\r\n headers = headers.set('X-Api-Key', this.apiKey);\r\n return this.http.post(url, data, {\r\n headers: headers\r\n });\r\n }\r\n}","\r\n\r\n
\r\n \r\n\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n About Us
\r\n\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Arts and Culture Branch
\r\nArts and Culture occupies an important role in the City as we strive towards building an inclusive city that embraces cultural diversity and creative industries.
\r\n\r\nWe promote the role of culture as an important component of the City's development plans, and as a way to achieve social unity, sustainability and increase economic opportunities.
\r\n\r\nAs the primary driver for cultural matters within the City we facilitate the incorporation of arts and culture into local planning and urban development strategies as well as facilitate increased access to cultural activities.
\r\n\r\nWe have also conducted valuable research in the fields of public art, cultural planning, cultural precinct development and cultural participation, which complement and inform the implementation of programmes.
\r\n\r\n
\r\n \"In the context of Social Development's mandate to help build integrated communities, Arts and Culture plays a critical role in developing connections, strengthening relationships and fostering trust.\"\r\n
\r\nAlfonso Sauls
\r\n Director: Social Development and Early Childhood Development Department\r\nFind public art
\r\nWhether you are a resident or a visitor, we believe it's important for you to spend time in public spaces that are dynamic, interesting and well cared for.
\r\nWhat is public art?
\r\nPublic art makes communities and environments more beautiful and helps uplift the spirits of those who see it or experience it; it also tells rich stories about a city's people and history.
\r\nSome public art can be touched
\r\n- Sculptures
- Paintings
- Graffiti
- Murals
- Mosaics
- Statues
And some is performed
\r\n- Dance
- Procession
- Buskers
- Street theatre
\r\n
\r\n \r\n\r\n \r\n \r\n
\r\n ","import { Component, OnInit } from '@angular/core';\r\nimport { ActivatedRoute, Router } from '@angular/router';\r\nimport { Globals } from '../providers/globals';\r\nimport { CollectionService } from '../providers/collection.service';\r\nimport { CoreDataCaptureDetailModel } from '../models/CoreDataCaptureDetailModel';\r\nimport { CollectionModel } from '../models/CollectionModel';\r\nimport { HttpErrorResponse } from '@angular/common/http';\r\n\r\n\r\ndeclare function socialSharing(): any;\r\ndeclare function runCarousel(): any;\r\ndeclare function PrintButton(): any;\r\ndeclare function replaceAll(): any;\r\n\r\n@Component({\r\n selector: 'app-art-detail',\r\n templateUrl: './art-detail.component.html',\r\n styleUrls: ['./art-detail.component.css']\r\n})\r\nexport class ArtDetailComponent implements OnInit {\r\n \r\n public pageTitle: string = \"Art Detail\";\r\n location: any;\r\n\r\n constructor(private route: ActivatedRoute,\r\n private router: Router,\r\n public globals: Globals,\r\n public collectionService: CollectionService) { }\r\n\r\n public artdetailId: string = \"0\";\r\n public showSpinner: boolean = true;\r\n public apiResponseModel: apiResponseModel;\r\n public coreDataItem: CoreDataCaptureDetailModel;\r\n public collectionHeading: string | \"\";\r\n\r\n\r\n\r\n ngOnInit(): void {\r\n\r\n this.globals.showBreadCrumb = true;\r\n this.globals.currentPage = this.pageTitle;\r\n\r\n this.route.queryParams\r\n .subscribe(params => {\r\n this.artdetailId = params.artdetailid;\r\n this.getTheCoreDataItemData();\r\n socialSharing();\r\n \r\n });\r\n\r\n }\r\n\r\n\r\n getTheCoreDataItemData() {\r\n \r\n this.showSpinner = true;\r\n\r\n\r\n this.collectionService.getCoreDataCaptureByID(this.artdetailId)\r\n .subscribe(response => {\r\n\r\n\r\n let apiResponse = response as apiResponseModel;\r\n if (apiResponse.succeeded) {\r\n\r\n apiResponse.data.images[0].active = \"active\";\r\n let about:any = apiResponse.data.about;\r\n if (about != undefined)\r\n {\r\n apiResponse.data.about = about.replaceAll('\\n','\r\n
\r\n \r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {{coreDataItem.title}}
\r\n\r\n
\r\n \r\n\r\n \r\n \r\n\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n Loading...\r\n
\r\n \r\n\r\n \r\n\r\n
\r\n \r\n
\r\n - \r\n \r\n
\r\n
\r\n \r\n \r\n \r\n \r\n ![\"{{theImage.imageName}}\"](\"{{theImage.imageThumbnailData}}\")
\r\n
\r\n \r\n \r\n
\r\n \r\n About
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n ');\r\n }\r\n this.coreDataItem = apiResponse.data;\r\n console.log(this.coreDataItem);\r\n \r\n if (this.coreDataItem.location !== null) {\r\n\r\n if (this.coreDataItem.location.locationSuburb == 'NULL') {\r\n this.coreDataItem.location.locationSuburb = '';\r\n }\r\n\r\n if (this.coreDataItem.location.locationAddress == 'NULL') {\r\n this.coreDataItem.location.locationAddress = '';\r\n }\r\n\r\n if (this.coreDataItem.location.locationSite == 'NULL') {\r\n this.coreDataItem.location.locationSite = '';\r\n }\r\n\r\n if (this.coreDataItem.location.locationBuilding == 'NULL') {\r\n this.coreDataItem.location.locationBuilding = '';\r\n }\r\n\r\n if (this.coreDataItem.location.locationFloor == 'NULL') {\r\n this.coreDataItem.location.locationFloor = '';\r\n }\r\n\r\n if (this.coreDataItem.location.locationRoom == 'NULL') {\r\n this.coreDataItem.location.locationRoom = '';\r\n }\r\n \r\n }\r\n\r\n this.collectionService.getCollections()\r\n .subscribe(collectionResponse => {\r\n\r\n let apiCollectionResponse = collectionResponse as [CollectionModel];\r\n \r\n let colHeading = apiCollectionResponse.find(h => h.colHeadingId == this.coreDataItem.colHeadingId);\r\n\r\n if (colHeading == undefined)\r\n {\r\n this.collectionHeading = '';\r\n } else {\r\n this.collectionHeading = colHeading.colHeadingDetail;\r\n }\r\n \r\n });\r\n\r\n this.showSpinner = false;\r\n\r\n setTimeout(function() {\r\n PrintButton();\r\n runCarousel();\r\n }, 2000);\r\n \r\n }\r\n\r\n\r\n\r\n }, (err: HttpErrorResponse) => {\r\n console.log(err);\r\n if (err.error == \"Api Key Missing\" )\r\n {\r\n this.router.navigateByUrl('/erroroccured');\r\n }\r\n });\r\n\r\n\r\n \r\n }\r\n\r\n \r\n\r\n}\r\n\r\nexport class apiResponseModel {\r\n\r\n data: CoreDataCaptureDetailModel;\r\n totalRecords: number;\r\n pageNumber: number;\r\n pageSize: number;\r\n errors: any;\r\n message: string;\r\n succeeded: boolean;\r\n}\r\n\r\nexport class apiCollectionResponseModel {\r\n\r\n data: [CollectionModel];\r\n totalRecords: number;\r\n pageNumber: number;\r\n pageSize: number;\r\n errors: any;\r\n message: string;\r\n succeeded: boolean;\r\n}\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { Globals } from '../providers/globals';\r\n\r\n@Component({\r\n selector: 'app-contact-us',\r\n templateUrl: './contact-us.component.html',\r\n styleUrls: ['./contact-us.component.css']\r\n})\r\nexport class ContactUsComponent implements OnInit {\r\n\r\n public pageTitle: string = \"Contact Us\";\r\n\r\n constructor(public globals: Globals,) { }\r\n\r\n ngOnInit(): void {\r\n\r\n this.globals.showBreadCrumb = true;\r\n this.globals.currentPage = this.pageTitle;\r\n\r\n }\r\n}\r\n"," \r\n
\r\n \r\n \r\n
\r\n \r\n","import { Component, ElementRef, EventEmitter, OnInit, Output, ViewChild } from '@angular/core';\r\nimport { FormArray, FormBuilder, FormControl, FormGroup, Validators } from '@angular/forms';\r\nimport { PublicArtPermitDocuments } from '../models/PublicArtPermitDocuments';\r\nimport { PublicArtPermitModel } from '../models/PublicArtPermitModel';\r\nimport { PublicArtPermitConsentDocuments } from '../models/PublicArtPermitConsentDocuments';\r\nimport { PublicArtPermitService } from '../providers/publicArtPermit.service';\r\nimport { Globals } from '../providers/globals';\r\nimport { HttpErrorResponse } from '@angular/common/http';\r\nimport { Router } from '@angular/router';\r\nimport { PublicArtPermitArtist } from '../models/PublicArtPermitArtist';\r\nimport { isEmptyExpression } from '@angular/compiler';\r\nimport { EMPTY, empty } from 'rxjs';\r\n\r\ndeclare function publicArtPermit():any;\r\ndeclare function getDateFromDatePicker(DateIdName:any):any;\r\ndeclare function reInitializeDatePickers(control:string,Index:number):any;\r\ndeclare function setFocus(element:any):any;\r\n\r\n\r\n@Component({\r\n selector: 'app-public-art-permit',\r\n templateUrl: './public-art-permit.component.html',\r\n styleUrls: ['./public-art-permit.component.css']\r\n})\r\nexport class PublicArtPermitComponent implements OnInit {\r\n\r\n constructor(public globals: Globals, private fb: FormBuilder, \r\n private publicArtPermitService: PublicArtPermitService, private router: Router) { }\r\n\r\n public pageTitle: string = \"Public Art Permit Application\";\r\n\r\n public publicArtPermitForms: FormGroup;\r\n public notification:any = \"\";\r\n\r\n public publicArtPermitModel = new PublicArtPermitModel();\r\n public PublicArtPermitDocuments: PublicArtPermitDocuments[] = []; \r\n public PublicArtPermitConsentDocuments: PublicArtPermitConsentDocuments[] = [];\r\n public publicArtPermitDocument: PublicArtPermitDocuments;\r\n\r\n public publicArtPermitConsentDocument: PublicArtPermitConsentDocuments;\r\n\r\n @ViewChild('artworkDurationFrom') dateFromInput: ElementRef\r\n
\r\n \r\n \r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Contact Us
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Contact Us
\r\n\r\n
\r\n Arts and Culture Branch
\r\n- \r\n
- For any Civic Collection Enquiries: \r\n
- Email: civic.collection@capetown.gov.za \r\n
- \r\n\r\n
- For any Public Art Enquires: \r\n
- Email: public.art@capetown.gov.za \r\n
- \r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n\r\n\r\n \r\n
\r\n \r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Apply for a public art permit
\r\nIf you would like to apply for a Temporary Public art Permit, please complete the form below.
\r\n\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n\r\n \r\n Your application must include:
\r\n- \r\n
- Permission from all affected property owners (Property owner and surrounding properties).\r\n
- \r\n
- Letter(s) of consent of the owner of the affected property. \r\n
- Consent of at least three of the surrounding property owners.
\r\n (Please Note: \"Surrounding properties,\" means properties directly opposite the site and directly diagonally opposite the site from which the artwork can be seen; and properties directly next to the right and left of the artwork facing side)\r\n \r\n
\r\n - Graphic representation (superimposed on site) or sketch of the proposed public artwork. \r\n
- \r\n A photograph of the proposed location in its current state.\r\n \r\n
- Proof of structural integrity (if applicable). \r\n
Additional documents may be required depending on the nature of the application request, which will include but is not limited to:
\r\n- \r\n
- Engineering Certificates \r\n
- Wayleave approvals \r\n
- Proof of Liability Insurance \r\n
\r\n
\r\n
\r\n \r\n\r\n \r\n Download
\r\n\r\n
\r\n You can complete the online application below or download the PDF version and email it together with the necessary\r\n supporting documents.\r\n
\r\n Download \r\n \r\n\r\n The Personal information requested here will only be used to keep track of our programme participants and to regularly assess whether our programmes are meeting it's objectives. Further to this, the Personal Information\r\n collected will not be shared or used for any other purpose than set out above. The personal information will be destroyed or irreversibly anonymized when no longer needed or when no longer required to retain it. For further\r\n information, please refer to the CCT Privacy Policy\r\n \r\n
\r\n \r\n\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n\r\n\r\n","","import { Component, Input, OnInit } from '@angular/core';\r\nimport { Globals } from '../providers/globals';\r\n\r\n@Component({\r\n selector: 'app-side-navigation',\r\n templateUrl: './side-navigation.component.html',\r\n styleUrls: ['./side-navigation.component.css']\r\n})\r\nexport class SideNavigationComponent implements OnInit {\r\n\r\n @Input() showCollectionLinks = true;\r\n\r\n\r\n\r\n constructor(public globals: Globals) {\r\n\r\n \r\n\r\n }\r\n\r\n public temporaryCollectionActive: string = \"\";\r\n\r\n ngOnInit(): void {\r\n\r\n \r\n\r\n }\r\n\r\n}\r\n","import { Component } from '@angular/core';\r\nimport { Globals } from './providers/globals';\r\n\r\n\r\n\r\n@Component({\r\n selector: 'app-root',\r\n templateUrl: './app.component.html',\r\n styleUrls: ['./app.component.css']\r\n}\r\n)\r\nexport class AppComponent {\r\n\r\n constructor(public globals: Globals) {\r\n \r\n \r\n }\r\n\r\n\r\n\r\n title = 'CCDVInternetFrontEnd';\r\n}\r\n","\r\n
\r\n\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n Thank for applying for a public art permit:
\r\nWe will get back to you as soon as your application has been processed
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { ActivatedRoute, Router } from '@angular/router';\r\nimport { CollectionService } from '../providers/collection.service';\r\nimport { Globals } from '../providers/globals';\r\nimport { CoreDataCaptureDetailModel } from '../models/CoreDataCaptureDetailModel';\r\nimport { CollectionModel } from '../models/CollectionModel';\r\nimport { HttpErrorResponse } from '@angular/common/http';\r\nimport { SeachResults } from '../models/SearchResults';\r\n\r\n\r\n\r\n@Component({\r\n selector: 'app-search-results',\r\n templateUrl: './search-results.component.html',\r\n styleUrls: ['./search-results.component.css']\r\n})\r\nexport class SearchResultsComponent implements OnInit {\r\n\r\n constructor(\r\n private route: ActivatedRoute,\r\n public globals: Globals,\r\n public collectionService: CollectionService,\r\n private router: Router\r\n ) { }\r\n\r\n public pageTitle: string = \"\";\r\n public collections: CollectionModel[] = [];\r\n\r\n public collectionList: CoreDataCaptureDetailModel[];\r\n public filteredCollectionList: CoreDataCaptureDetailModel[];\r\n public totalRecords: number = 0;\r\n public totalCurrentRecords:number = 0;\r\n public pageNumber: number = 1;\r\n public pageSize: number = 5;\r\n public showPagination: boolean = false;\r\n\r\n public collectionFilters: number[] = [];\r\n public temporaryArtCount: number = 0;\r\n public permanentArtCount: number = 0;\r\n public civicCollectionCount: number = 0;\r\n\r\n public chkPermanentPublicArt: boolean = false;\r\n public chkTemporaryPublicArt: boolean = false;\r\n public chkCivicCollections: boolean = false;\r\n\r\n public showSpinner: boolean = true;\r\n\r\n ngOnInit(): void {\r\n\r\n this.pageTitle = \"Search\";\r\n\r\n this.collectionService.getCollections()\r\n .subscribe(response => {\r\n\r\n this.collections = response as CollectionModel[];\r\n \r\n });\r\n\r\n this.getTheCollectionData();\r\n\r\n \r\n\r\n //});\r\n }\r\n\r\n public getTheCollectionData(collectionFilters:number[] | undefined = undefined) \r\n {\r\n this.showSpinner = true;\r\n var theCollectionFiltersSelected = \"\";\r\n if (collectionFilters == undefined)\r\n {\r\n theCollectionFiltersSelected = \"\";\r\n } else {\r\n theCollectionFiltersSelected = collectionFilters?.toString();\r\n }\r\n this.collectionService.getCoreDataItemsBySearch(this.globals.searchPhrase, this.pageNumber, theCollectionFiltersSelected)\r\n .subscribe(response => {\r\n\r\n this.globals.showBreadCrumb = true;\r\n this.globals.currentPage = this.pageTitle;\r\n let apiResponse = response as apiResponseModel;\r\n if (apiResponse.succeeded) {\r\n //console.log(apiResponse);\r\n this.totalRecords = apiResponse.totalRecords;\r\n this.totalCurrentRecords = apiResponse.totalCurrentRecords;\r\n this.temporaryArtCount = apiResponse.totalTemporaryPublicArt;\r\n //console.log(this.temporaryArtCount);\r\n this.permanentArtCount = apiResponse.totalPermanentPublicArt;\r\n this.civicCollectionCount = apiResponse.totalCivicCollection;\r\n this.pageNumber = apiResponse.pageNumber;\r\n this.pageSize = apiResponse.pageSize;\r\n this.collectionList = apiResponse.data;\r\n //this.totalCurrentRecords = apiResponse.data.length;\r\n console.log(response);\r\n this.filteredCollectionList = this.collectionList;\r\n\r\n\r\n //this.getFilterCounts();\r\n\r\n this.showPagination = true;\r\n }\r\n\r\n this.showSpinner = false;\r\n\r\n }, (err: HttpErrorResponse) => {\r\n console.log(err.error.toString());\r\n if (err.error.toString() == \"Api Key Missing\" )\r\n {\r\n this.router.navigateByUrl('/erroroccured');\r\n }\r\n });\r\n\r\n\r\n \r\n\r\n }\r\n\r\n// public getFilterCounts() {\r\n\r\n// let Headingid = this.collections.find(c=>c.colHeadingDetail == 'Temporary Public Art')?.colHeadingId;\r\n// if (Headingid != undefined) {\r\n// this.temporaryArtCount = this.filteredCollectionList.filter(f=> f.colHeadingId == Headingid).length;\r\n// }\r\n\r\n// Headingid = this.collections.find(c=>c.colHeadingDetail == 'Permanent Public Art')?.colHeadingId;\r\n// if (Headingid != undefined) {\r\n// this.permanentArtCount = this.filteredCollectionList.filter(f=> f.colHeadingId == Headingid).length;\r\n// }\r\n\r\n// Headingid = this.collections.find(c=>c.colHeadingDetail == 'Civic Collection')?.colHeadingId;\r\n// if (Headingid != undefined) {\r\n// this.civicCollectionCount = this.filteredCollectionList.filter(f=> f.colHeadingId == Headingid).length;\r\n// }\r\n\r\n// }\r\n \r\n \r\n public setFilter(event:string)\r\n {\r\n \r\n let colHeading = this.collections.find(c=>c.colHeadingDetail == event);\r\n console.log(colHeading);\r\n\r\n if (colHeading != undefined) {\r\n if (this.collectionFilters.includes(colHeading.colHeadingId)) {\r\n\r\n if (colHeading.colHeadingId != undefined)\r\n {\r\n this.collectionFilters = this.collectionFilters.filter((item) => item !== colHeading?.colHeadingId);\r\n }\r\n\r\n } else {\r\n\r\n this.collectionFilters.push(colHeading.colHeadingId);\r\n }\r\n }\r\n\r\n console.log(this.collectionFilters);\r\n if (this.collectionFilters.length === 0)\r\n {\r\n this.getTheCollectionData(this.collectionFilters);\r\n } else {\r\n \r\n this.getTheCollectionData(this.collectionFilters);\r\n\r\n }\r\n \r\n\r\n\r\n // if (this.collectionFilters.length === 0)\r\n // {\r\n // this.filteredCollectionList = this.collectionList;\r\n // } else {\r\n\r\n // if (this.chkPermanentPublicArt == this.chkTemporaryPublicArt == this.chkCivicCollections)\r\n // {\r\n // this.filteredCollectionList = this.collectionList;\r\n // return;\r\n // }\r\n\r\n // this.filterSearchResults();\r\n // }\r\n\r\n\r\n }\r\n\r\n\r\n public filterSearchResults()\r\n {\r\n\r\n this.filteredCollectionList = this.collectionList.filter((c) => { \r\n return this.collectionFilters.some((f) => {\r\n return f === c.colHeadingId\r\n });\r\n });\r\n\r\n //this.getFilterCounts();\r\n\r\n\r\n\r\n }\r\n\r\n\r\npublic decodeURI(phrase:string) {\r\n\r\n return decodeURIComponent(phrase);\r\n\r\n}\r\n\r\n\r\n public camelize(str: string) {\r\n return str.replace(/(?:^\\w|[A-Z]|\\b\\w|\\s+)/g, function(match, index) {\r\n if (+match === 0) return \" \"; // or if (/\\s+/.test(match)) for white spaces\r\n return match.toUpperCase();\r\n });\r\n }\r\n\r\n public lowercaseit(str: string) {\r\n return str.replace(/(?:^\\w|[A-Z]|\\b\\w|\\s+)/g, function(match, index) {\r\n if (+match === 0) return \"\"; // or if (/\\s+/.test(match)) for white spaces\r\n return match.toLowerCase();\r\n });\r\n }\r\n\r\n public goToPage(currentPageNumber:number) {\r\n\r\n this.pageNumber = currentPageNumber;\r\n\r\n\r\n if (this.collectionFilters.length === 0)\r\n {\r\n this.getTheCollectionData(this.collectionFilters);\r\n } else {\r\n \r\n this.getTheCollectionData(this.collectionFilters);\r\n\r\n }\r\n\r\n //this.getTheCollectionData();\r\n }\r\n\r\n}\r\n\r\n\r\nexport class apiResponseModel {\r\n\r\n collectionFilters:string;\r\n data: [CoreDataCaptureDetailModel];\r\n totalRecords: number;\r\n totalCurrentRecords:number;\r\n totalCivicCollection: number;\r\n totalPermanentPublicArt: number;\r\n totalTemporaryPublicArt: number;\r\n pageNumber: number;\r\n pageSize: number;\r\n errors: any;\r\n message: string;\r\n succeeded: boolean;\r\n}\r\n\r\n\r\n\r\n","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-customscript',\r\n templateUrl: './customscript.component.html',\r\n styleUrls: ['./customscript.component.css']\r\n})\r\nexport class CustomscriptComponent implements OnInit {\r\n\r\n constructor() { }\r\n\r\n ngOnInit(): void {\r\n }\r\n\r\n}\r\n","\r\n
\r\n \r\n\r\n\r\n \r\n\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n {{totalRecords}} Results for '{{decodeURI(globals.searchPhrase)}}' found
\r\n\r\n
\r\n\r\n \r\n \r\n \r\n Loading...\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Filter Results
\r\n- \r\n \r\n
- \r\n \r\n \r\n \r\n\r\n \r\n
- \r\n \r\n \r\n \r\n\r\n \r\n
- \r\n \r\n \r\n \r\n\r\n \r\n
\r\n
\r\n \r\n\r\n \r\n \r\n\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n {{item.medium}}\r\n {{item.title}}
\r\n {{item.generalDate | date: 'yyyy'}}\r\n\r\n {{producer.producerName}}, \r\n
\r\n \r\ncustomscript works!
\r\n","import { HttpClient } from '@angular/common/http';\r\nimport { Injectable } from '@angular/core';\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class ConfigService {\r\n\r\n private appConfig: any;\r\n\r\n constructor(private http: HttpClient) { }\r\n\r\n loadAppConfig() {\r\n return this.http.get('assets/config/appsettings.json')\r\n .toPromise()\r\n .then(data => {\r\n this.appConfig = data;\r\n });\r\n }\r\n\r\n get apiKey() {\r\n\r\n if (!this.appConfig) {\r\n throw Error('Config file not loaded!');\r\n }\r\n\r\n return this.appConfig.apiKey;\r\n }\r\n\r\n get apiBaseUrl() {\r\n\r\n if (!this.appConfig) {\r\n throw Error('Config file not loaded!');\r\n }\r\n\r\n return this.appConfig.apiBaseUrl;\r\n }\r\n\r\n get alertMessage() {\r\n \r\n if (!this.appConfig) {\r\n throw Error('Config file not loaded!');\r\n }\r\n \r\n return this.appConfig.alertMessage;\r\n }\r\n}","import { NgModule } from '@angular/core';\r\nimport { BrowserModule } from '@angular/platform-browser';\r\n\r\nimport { APP_INITIALIZER } from '@angular/core';\r\n\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\n\r\nimport { ConfigService} from './providers/config.service'\r\nimport { Globals} from './providers/globals'\r\n\r\nimport { AppRoutingModule } from './app-routing.module';\r\nimport { AppComponent } from './app.component';\r\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\r\nimport { CollectionContentComponent } from './collection-content/collection-content.component';\r\nimport { HeaderComponent } from './header/header.component';\r\nimport { FooterComponent } from './footer/footer.component';\r\nimport { SideNavigationComponent } from './side-navigation/side-navigation.component';\r\nimport { HomeComponent } from './home/home.component';\r\nimport { PublicArtPermitComponent } from './public-art-permit/public-art-permit.component';\r\nimport { HttpClientModule } from '@angular/common/http';\r\nimport { CollectionHeaderComponent } from './collection-header/collection-header.component';\r\nimport { PaginationComponent } from './pagination/pagination.component';\r\nimport { ArtDetailComponent } from './art-detail/art-detail.component';\r\nimport { CustomscriptComponent } from './customscript/customscript.component';\r\nimport { SearchResultsComponent } from './search-results/search-results.component';\r\nimport { SearchBoxComponent } from './search-box/search-box.component';\r\nimport { RecommendedComponent } from './recommended/recommended.component';\r\nimport { APIKeyMissingComponent } from './apikey-missing/apikey-missing.component';\r\nimport { customHttpClient } from './providers/customHttpClient';\r\nimport { AboutUsComponent } from './about-us/about-us.component';\r\nimport { ContactUsComponent } from './contact-us/contact-us.component';\r\n\r\n\r\n@NgModule({\r\n declarations: [\r\n AppComponent,\r\n CollectionContentComponent,\r\n HeaderComponent,\r\n FooterComponent,\r\n SideNavigationComponent,\r\n HomeComponent,\r\n PublicArtPermitComponent,\r\n CollectionHeaderComponent,\r\n PaginationComponent,\r\n ArtDetailComponent,\r\n CustomscriptComponent,\r\n SearchResultsComponent,\r\n SearchBoxComponent,\r\n RecommendedComponent,\r\n APIKeyMissingComponent,\r\n AboutUsComponent,\r\n ContactUsComponent\r\n ],\r\n imports: [\r\n BrowserModule,\r\n AppRoutingModule,\r\n BrowserAnimationsModule,\r\n HttpClientModule,\r\n FormsModule,\r\n ReactiveFormsModule,\r\n ],\r\n providers: [\r\n {\r\n provide: APP_INITIALIZER,\r\n multi: true,\r\n deps: [ConfigService],\r\n useFactory: (configService: ConfigService) => {\r\n return () => {\r\n return configService.loadAppConfig();\r\n };\r\n }\r\n },\r\n {\r\n provide: Globals\r\n },\r\n { \r\n provide: customHttpClient\r\n }\r\n ],\r\n bootstrap: [AppComponent]\r\n})\r\nexport class AppModule { }\r\n","export class PublicArtPermitConsentDocuments {\r\n public PublicArtPermitConsentDocumentId!: number;\r\n public PublicArtPermitConsentDocumentData!: string;\r\n public PublicArtPermitid!: number;\r\n public Filename!: string;\r\n public IsDeleted!: boolean;\r\n}"," \r\n\r\n \r\n \r\n \r\n
\r\n\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { Globals } from '../providers/globals';\r\n\r\n@Component({\r\n selector: 'app-header',\r\n templateUrl: './header.component.html',\r\n styleUrls: ['./header.component.css']\r\n})\r\nexport class HeaderComponent implements OnInit {\r\n\r\n constructor(public globals: Globals) { }\r\n\r\n \r\n\r\n ngOnInit(): void {\r\n\r\n\r\n }\r\n\r\n}\r\n","import { Component, OnInit } from '@angular/core';\r\n\r\ndeclare function windowScroll(): any;\r\ndeclare function backToTop(): any;\r\n\r\n\r\n@Component({\r\n selector: 'app-footer',\r\n templateUrl: './footer.component.html',\r\n styleUrls: ['./footer.component.css']\r\n})\r\nexport class FooterComponent implements OnInit {\r\n\r\n constructor() { }\r\n\r\n public copywriteYear = '';\r\n\r\n ngOnInit(): void {\r\n\r\n\r\n this.copywriteYear = new Date().getFullYear().toString();\r\n windowScroll();\r\n backToTop();\r\n }\r\n\r\n \r\n\r\n\r\n}\r\n"," \r\n \r\n \r\n\r\n \r\n \r\n\r\n\r\n\r\n\r\n","import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-pagination',\r\n templateUrl: './pagination.component.html',\r\n styleUrls: ['./pagination.component.css']\r\n})\r\nexport class PaginationComponent implements OnInit {\r\n\r\n @Input()\r\n collectionSize = 0;\r\n\r\n /** The number of records to display */\r\n @Input()\r\n pageSize = 5;\r\n\r\n /** Current page */\r\n @Input()\r\n currentPage = 1;\r\n\r\n /** The number of buttons to show either side of the current page */\r\n @Input()\r\n maxSize = 2;\r\n\r\n /** Display the First/Last buttons */\r\n @Input()\r\n firstLastButtons = false;\r\n\r\n /** Display the Next/Previous buttons */\r\n @Input()\r\n nextPreviousButtons = true;\r\n\r\n /** Display small pagination buttons */\r\n @Input()\r\n small = false;\r\n\r\n @Output() public sender = new EventEmitter();\r\n\r\n totalPages: any[] = [];\r\n\r\n\r\n\r\n constructor() { }\r\n\r\n ngOnInit(): void {\r\n\r\n this.totalPages = new Array(Math.ceil(this.collectionSize / this.pageSize));\r\n\r\n }\r\n\r\n /** Set page number */\r\n selectPageNumber(pageNumber: number) {\r\n this.currentPage = pageNumber;\r\n this.sender.emit(pageNumber);\r\n }\r\n\r\n /** Set next page number */\r\n next() {\r\n const nextPage = this.currentPage + 1;\r\n nextPage <= this.totalPages.length && this.selectPageNumber(nextPage);\r\n this.sender.emit(nextPage);\r\n }\r\n\r\n /** Set previous page number */\r\n previous() {\r\n const previousPage = this.currentPage - 1;\r\n previousPage >= 1 && this.selectPageNumber(previousPage);\r\n this.sender.emit(previousPage);\r\n }\r\n\r\n \r\n \r\n\r\n}\r\n","\r\n\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n\r\n
\r\n","import { Injectable } from '@angular/core';\r\nimport { environment } from 'src/environments/environment';\r\nimport { PublicArtPermit } from '../models/PublicArtPermit';\r\nimport { PublicArtPermitModel } from '../models/PublicArtPermitModel';\r\nimport { ConfigService } from './config.service';\r\nimport { customHttpClient } from './customHttpClient';\r\n\r\n@Injectable({\r\n providedIn: 'root',\r\n})\r\nexport class PublicArtPermitService {\r\n\r\n public apiBaseUrl = \"\";\r\n\r\n constructor(private http: customHttpClient, private configService: ConfigService) {\r\n this.apiBaseUrl = configService.apiBaseUrl;\r\n }\r\n\r\n public postPublicArtPermit(formData: PublicArtPermitModel) {\r\n return this.http.post(this.apiBaseUrl + '/SubmitPublicArtPermit', formData);\r\n }\r\n\r\n}\r\n","export class PublicArtPermitDocuments {\r\n public PublicArtPermitDocumentId: number;\r\n public PublicArtPermitDocumentData!: string;\r\n public PublicArtPermitid!: number;\r\n public Filename!: string;\r\n public IsDeleted!: boolean;\r\n}","\r\n \r\n \r\n \r\n \r\n
\r\nPlease provide a search term
\r\n \r\n","import { Component, OnInit } from '@angular/core';\r\nimport { Globals } from '../providers/globals';\r\nimport { Router } from '@angular/router';\r\n\r\n@Component({\r\n selector: 'app-search-box',\r\n templateUrl: './search-box.component.html',\r\n styleUrls: ['./search-box.component.css']\r\n})\r\nexport class SearchBoxComponent implements OnInit {\r\n\r\n constructor(public globals: Globals,\r\n private router: Router\r\n ) { }\r\n\r\n public searchPhrase: string = \"\";\r\n public emptyPhrase: boolean = false;\r\n \r\n ngOnInit(): void {\r\n\r\n }\r\n\r\n search() {\r\n\r\n\r\n if (this.searchPhrase != '')\r\n {\r\n this.globals.searchPhrase = encodeURIComponent(this.searchPhrase);\r\n\r\n const currentUrl = this.router.url;\r\n \r\n if (currentUrl.indexOf('searchresults') > 0) {\r\n this.router.navigateByUrl('/', {skipLocationChange: true}).then(() => {\r\n this.router.navigate([currentUrl]);\r\n });\r\n } else {\r\n this.router.navigate(['/searchresults']);\r\n }\r\n } else {\r\n this.emptyPhrase = true;\r\n setTimeout(() => {\r\n this.emptyPhrase = false;\r\n }, 3000);\r\n }\r\n }\r\n\r\n}\r\n","// import { HttpClient, HttpHeaders } from '@angular/common/http';\r\nimport { ConfigService } from './config.service';\r\nimport { Injectable } from '@angular/core';\r\nimport { CoreDataCaptureDetailModel } from '../models/CoreDataCaptureDetailModel';\r\nimport { customHttpClient } from './customHttpClient';\r\n\r\n\r\n@Injectable({\r\n providedIn: 'root',\r\n })\r\n export class CollectionService {\r\n \r\n public apiBaseUrl = \"\";\r\n \r\n constructor(private http: customHttpClient, private configService: ConfigService) {\r\n this.apiBaseUrl = configService.apiBaseUrl;\r\n }\r\n \r\n public getCollections() {\r\n return this.http.get(this.apiBaseUrl + '/GetCollections');\r\n }\r\n\r\n public getCollectionByHeaderId(id:number) {\r\n return this.http.get(this.apiBaseUrl + '/GetCollectionByHeaderId');\r\n }\r\n\r\n public getCollectionByName(collectionName:string, pageNumber:number) {\r\n return this.http.get(this.apiBaseUrl + '/GetCollectionByName/' + collectionName + '?pageNumber=' + pageNumber + '&pageSize=10');\r\n }\r\n\r\n\r\n public getCoreDataItemsBySearch(phrase:string, pageNumber:number, collectionFilters:string) {\r\n \r\n if (phrase == '')\r\n {\r\n phrase = '*'\r\n }\r\n return this.http.get(this.apiBaseUrl + '/GetCoreDataItemsBySearch/' + phrase+ '?pageNumber=' + pageNumber + '&pageSize=10&collectionFilters=' + collectionFilters);\r\n }\r\n\r\n public getCoreDataCaptureByID(coreDataItemId:string) {\r\n return this.http.get(this.apiBaseUrl + '/GetCoreDataItemById/' + coreDataItemId);\r\n }\r\n\r\n public getRecommended(keywords:string, coredataItemId: number) {\r\n\r\n return this.http.get(this.apiBaseUrl + '/GetRecommended/' + keywords + '/' + coredataItemId);\r\n }\r\n \r\n \r\n }","import { NgModule } from '@angular/core';\r\nimport { RouterModule, Routes } from '@angular/router';\r\n\r\n\r\n\r\nimport { HeaderComponent } from './header/header.component';\r\nimport { FooterComponent } from './footer/footer.component';\r\n\r\nimport { SideNavigationComponent } from './side-navigation/side-navigation.component';\r\n\r\n\r\nimport { HomeComponent } from './home/home.component';\r\nimport { CollectionContentComponent } from './collection-content/collection-content.component';\r\nimport { CollectionHeaderComponent } from './collection-header/collection-header.component';\r\nimport { PublicArtPermitComponent } from './public-art-permit/public-art-permit.component';\r\nimport { ArtDetailComponent } from './art-detail/art-detail.component';\r\n\r\nimport { SearchResultsComponent } from './search-results/search-results.component';\r\nimport { APIKeyMissingComponent } from './apikey-missing/apikey-missing.component';\r\nimport { AboutUsComponent } from './about-us/about-us.component';\r\nimport { ContactUsComponent } from './contact-us/contact-us.component';\r\n\r\n\r\n\r\n\r\nconst routes: Routes = [\r\n\r\n\r\n {path : 'header' , component: HeaderComponent},\r\n {path : 'footer' , component: FooterComponent},\r\n\r\n {path : \"sideNavigation\" , component: SideNavigationComponent },\r\n\r\n\r\n {path : 'collection' , component: CollectionContentComponent},\r\n {path : 'collectionheader' , component: CollectionHeaderComponent},\r\n {path : 'artdetail' , component: ArtDetailComponent},\r\n\r\n {path : 'publicartpermit', component: PublicArtPermitComponent},\r\n\r\n {path : 'about-us', component: AboutUsComponent},\r\n {path : 'contact-us', component: ContactUsComponent},\r\n {path : 'searchresults', component: SearchResultsComponent},\r\n\r\n {path : 'erroroccured', component: APIKeyMissingComponent},\r\n\r\n { path: '', redirectTo: '/home', pathMatch: 'full' },\r\n\r\n {path : 'home' , component: HomeComponent}\r\n\r\n\r\n];\r\n\r\n@NgModule({\r\n imports: [RouterModule.forRoot(routes, {\r\n scrollPositionRestoration: 'enabled',\r\n anchorScrolling: 'enabled',\r\n scrollOffset: [0, 180] // [x, y]\r\n })],\r\n exports: [RouterModule]\r\n})\r\nexport class AppRoutingModule { }\r\n","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-apikey-missing',\r\n templateUrl: './apikey-missing.component.html',\r\n styleUrls: ['./apikey-missing.component.css']\r\n})\r\nexport class APIKeyMissingComponent implements OnInit {\r\n\r\n constructor() { }\r\n\r\n ngOnInit(): void {\r\n }\r\n\r\n}\r\n","\r\n\r\n\r\n
\r\n\r\n
\r\n
\r\n\r\n
\r\n\r\n","import { enableProdMode } from '@angular/core';\r\nimport { platformBrowserDynamic } from '@angular/platform-browser-dynamic';\r\n\r\nimport { AppModule } from './app/app.module';\r\nimport { environment } from './environments/environment';\r\n\r\nif (environment.production) {\r\n enableProdMode();\r\n}\r\n\r\nplatformBrowserDynamic().bootstrapModule(AppModule)\r\n .catch(err => console.error(err));\r\n","function webpackEmptyAsyncContext(req) {\n\t// Here Promise.resolve().then() is used instead of new Promise() to prevent\n\t// uncaught exception popping up in devtools\n\treturn Promise.resolve().then(function() {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t});\n}\nwebpackEmptyAsyncContext.keys = function() { return []; };\nwebpackEmptyAsyncContext.resolve = webpackEmptyAsyncContext;\nmodule.exports = webpackEmptyAsyncContext;\nwebpackEmptyAsyncContext.id = \"zn8P\";"],"sourceRoot":"webpack:///"}An error occured -> API Key
\r\n \r\n\r\n
\r\n Please contact the Business Administrator(s)\r\n
\r\n| Name: | \r\nChristoffel Smalberger | \r\n
| Email: | \r\ncivic.collection@capetown.gov.za | \r\n
\r\n\r\n