12 |
13 | **Graph**
14 |
15 | 
16 |
17 | **Grid**
18 |
19 | 
20 |
21 | # Disclaimer
22 |
23 | *Knowledge* ("this software") is not a consumer product and provides no warranty of any kind. By using this software,
24 | you agree that you are doing so at your own risk. The creators of this software are not responsible for loss of data or
25 | other damages that may result in its operation. You are welcome to open an issue or a pull request. Contributors and
26 | testers are welcome and appreciated.
27 |
--------------------------------------------------------------------------------
/Resources/app.env:
--------------------------------------------------------------------------------
1 | appTitle="Knowledge"
2 | settingsFilename="knowledge.settings.json"
3 | DEFAULT_WINDOW_WIDTH=1920
4 | DEFAULT_WINDOW_HEIGHT=1080
5 | STARTUP_WINDOW_WIDTH=1920
6 | STARTUP_WINDOW_HEIGHT=1080
7 |
--------------------------------------------------------------------------------
/Resources/entitlements.mac.plist:
--------------------------------------------------------------------------------
1 |
2 |
3 |
25 |
44 | `,
45 | styles: [],
46 | })
47 | export class ChatApiComponent {
48 | constructor(private ref: DynamicDialogRef, private chat: ChatService) {}
49 |
50 | async saveApiKey(apiKey: string) {
51 | this.chat.setApiKey(apiKey).subscribe(
52 | (result: { success: boolean }) => {
53 | this.ref.close(result.success);
54 | },
55 | () => {
56 | this.ref.close(false);
57 | }
58 | );
59 | }
60 | }
61 |
--------------------------------------------------------------------------------
/src/kc_angular/src/app/components/chat-components/chat.actions.component.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2023 Rob Royce
3 | *
4 | * Licensed under the Apache License, Version 2.0 (the "License");
5 | * you may not use this file except in compliance with the License.
6 | * You may obtain a copy of the License at
7 | *
8 | * http://www.apache.org/licenses/LICENSE-2.0
9 | *
10 | * Unless required by applicable law or agreed to in writing, software
11 | * distributed under the License is distributed on an "AS IS" BASIS,
12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | * See the License for the specific language governing permissions and
14 | * limitations under the License.
15 | */
16 |
17 | import { Component, EventEmitter, Input, Output } from '@angular/core';
18 | import { AgentType } from '@app/models/chat.model';
19 |
20 | @Component({
21 | selector: 'chat-actions',
22 | template: `
23 |
26 | OpenAI API Key required to use the Chat feature. The key will be
27 | encrypted and stored locally.
28 |
29 |
30 |
39 |
40 |
41 |
42 |
43 |
24 |
34 |
41 |
51 |
52 | `,
53 | styles: [
54 | `
55 | .message-actions {
56 | display: flex;
57 | align-items: center;
58 | opacity: 0;
59 | transition: opacity 0.3s ease;
60 | }
61 |
62 | :host:hover .message-actions {
63 | opacity: 1;
64 | }
65 |
66 | .user-action {
67 | color: var(--primary-text-color) !important;
68 | }
69 |
70 | .agent-action {
71 | color: var(--primary-color) !important;
72 | }
73 | `,
74 | ],
75 | })
76 | export class ChatActionsComponent {
77 | /**
78 | * The type of the message sender (determines the color of the action buttons)
79 | */
80 | @Input() type!: AgentType;
81 |
82 | /**
83 | * Event emitted when the user clicks the delete button
84 | */
85 | @Output() onDeleteMessage: EventEmitter
22 |
68 |
69 |
31 |
61 |
62 |
35 |
36 |
37 |
59 |
60 |
43 |
56 |
57 |
58 |
23 |
32 | `,
33 | styles: [
34 | `
35 | .graph-status {
36 | height: 1rem;
37 | position: absolute;
38 | bottom: 5rem;
39 | padding-left: 0.5rem;
40 | }
41 | `,
42 | ],
43 | })
44 | export class GraphStatusComponent implements OnChanges {
45 | @Input() running = false;
46 |
47 | runtime = 0;
48 |
49 | runtimeInterval?: NodeJS.Timer;
50 |
51 | ngOnChanges(changes: SimpleChanges) {
52 | if (changes?.running?.currentValue !== undefined) {
53 | if (changes?.running?.currentValue) {
54 | this.runtime = 0;
55 | this.runtimeInterval = setInterval(() => {
56 | this.runtime += 0.5;
57 | }, 500);
58 | } else {
59 | if (this.runtimeInterval) {
60 | clearInterval(this.runtimeInterval);
61 | }
62 | }
63 | }
64 | }
65 | }
66 |
--------------------------------------------------------------------------------
/src/kc_angular/src/app/components/grid.component.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2023 Rob Royce
3 | *
4 | * Licensed under the Apache License, Version 2.0 (the "License");
5 | * you may not use this file except in compliance with the License.
6 | * You may obtain a copy of the License at
7 | *
8 | * http://www.apache.org/licenses/LICENSE-2.0
9 | *
10 | * Unless required by applicable law or agreed to in writing, software
11 | * distributed under the License is distributed on an "AS IS" BASIS,
12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | * See the License for the specific language governing permissions and
14 | * limitations under the License.
15 | */
16 | import { Component } from '@angular/core';
17 | import { ActivatedRoute } from '@angular/router';
18 | import { KnowledgeSource } from '@app/models/knowledge.source.model';
19 | import { DataService } from '@services/user-services/data.service';
20 | import { ProjectService } from '@services/factory-services/project.service';
21 | import { NotificationsService } from '@services/user-services/notifications.service';
22 | import { KsCommandService } from '@services/command-services/ks-command.service';
23 | import { TopicService } from '@services/user-services/topic.service';
24 | import { Observable } from 'rxjs';
25 |
26 | @Component({
27 | selector: 'app-grid',
28 | template: `
29 |
26 | Done
30 |
31 |
27 | Running... ({{ runtime | number : '1.1' }}s elapsed)
28 |
29 |
30 |
42 | `,
43 | styles: [],
44 | })
45 | export class GridComponent {
46 | sources: Observable
33 |
39 |
40 |
41 |
24 |
52 | `,
53 | styles: [
54 | `
55 | :host {
56 | margin-top: 1rem;
57 | }
58 | `,
59 | ],
60 | })
61 | export class SettingTemplateComponent {
62 | @Input() label = '';
63 |
64 | @Input() labelSubtext = '';
65 |
66 | @Input() labelHelp = '';
67 |
68 | @Input() labelHelpLink = '';
69 |
70 | @Input() actionSubtext = '';
71 |
72 | @Input() actionDisabled = false;
73 |
74 | helpClick() {
75 | if (this.labelHelpLink) {
76 | window.open(this.labelHelpLink);
77 | }
78 | }
79 | }
80 |
--------------------------------------------------------------------------------
/src/kc_angular/src/app/components/settings/settings.component.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2023 Rob Royce
3 | *
4 | * Licensed under the Apache License, Version 2.0 (the "License");
5 | * you may not use this file except in compliance with the License.
6 | * You may obtain a copy of the License at
7 | *
8 | * http://www.apache.org/licenses/LICENSE-2.0
9 | *
10 | * Unless required by applicable law or agreed to in writing, software
11 | * distributed under the License is distributed on an "AS IS" BASIS,
12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | * See the License for the specific language governing permissions and
14 | * limitations under the License.
15 | */
16 | import { Component } from '@angular/core';
17 | import { MenuItem } from 'primeng/api';
18 |
19 | @Component({
20 | selector: 'app-settings',
21 | template: `
22 |
25 |
43 |
44 |
26 |
39 |
27 | {{ label }}
28 |
29 |
30 |
37 |
38 |
40 | {{ labelSubtext }}
41 |
42 |
45 |
51 |
47 |
50 |
25 |
38 | `,
39 | styles: [
40 | `
41 | ::ng-deep {
42 | .p-menuitem-link-active {
43 | background-color: var(--primary-color) !important;
44 |
45 | .p-menuitem-icon,
46 | .p-menuitem-text {
47 | color: var(--primary-color-text) !important;
48 | }
49 | }
50 | }
51 | `,
52 | ],
53 | })
54 | export class SettingsComponent {
55 | modules: MenuItem[] = [
56 | {
57 | label: 'Display',
58 | icon: 'pi pi-fw pi-image',
59 | routerLinkActiveOptions: {},
60 | routerLink: ['app', { outlets: { settings: ['display'] } }],
61 | },
62 | {
63 | label: 'Search',
64 | icon: 'pi pi-fw pi-search',
65 | routerLink: ['app', { outlets: { settings: ['search'] } }],
66 | },
67 | {
68 | label: 'Import',
69 | icon: 'pi pi-fw pi-arrow-circle-down',
70 | routerLink: ['app', { outlets: { settings: ['import'] } }],
71 | },
72 | {
73 | label: 'Graph',
74 | icon: 'pi pi-fw pi-sitemap',
75 | routerLink: ['app', { outlets: { settings: ['graph'] } }],
76 | },
77 | {
78 | label: 'Chat',
79 | icon: 'pi pi-fw pi-comments',
80 | routerLink: ['app', { outlets: { settings: ['chat'] } }],
81 | },
82 | // { TODO: reinstate once storage settings component is implemented
83 | // label: 'Storage',
84 | // icon: 'pi pi-fw pi-database',
85 | // routerLink: ['app', {outlets: {settings: ['storage']}}]
86 | // }
87 | ];
88 | }
89 |
--------------------------------------------------------------------------------
/src/kc_angular/src/app/components/shared/icon.component.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2023 Rob Royce
3 | *
4 | * Licensed under the Apache License, Version 2.0 (the "License");
5 | * you may not use this file except in compliance with the License.
6 | * You may obtain a copy of the License at
7 | *
8 | * http://www.apache.org/licenses/LICENSE-2.0
9 | *
10 | * Unless required by applicable law or agreed to in writing, software
11 | * distributed under the License is distributed on an "AS IS" BASIS,
12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | * See the License for the specific language governing permissions and
14 | * limitations under the License.
15 | */
16 |
17 | import { Component, EventEmitter, Input, Output } from '@angular/core';
18 | import { PrimeIcons } from 'primeng/api';
19 | import { OverlayPanel } from 'primeng/overlaypanel';
20 | import { FormBuilder, FormGroup } from '@angular/forms';
21 | import { debounceTime, distinctUntilChanged, tap } from 'rxjs/operators';
22 | import { IconService } from '@services/user-services/icon.service';
23 |
24 | @Component({
25 | selector: 'app-icon',
26 | template: `
27 |
33 |
26 |
37 |
27 |
33 |
34 |
36 |
26 |
35 | `,
36 | styles: [],
37 | })
38 | export class LoadingComponent {
39 | message = 'Loading...';
40 | subMessage = '';
41 | progressBar = false;
42 |
43 | constructor(
44 | private ref: DynamicDialogRef,
45 | private config: DynamicDialogConfig
46 | ) {
47 | if (this.config.data) {
48 | this.message = this.config.data.message || this.message;
49 | this.subMessage = this.config.data.subMessage || this.subMessage;
50 | this.progressBar = this.config.data.progressBar || this.progressBar;
51 | }
52 | }
53 | }
54 |
--------------------------------------------------------------------------------
/src/kc_angular/src/app/components/shared/pro-tips.component.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2023 Rob Royce
3 | *
4 | * Licensed under the Apache License, Version 2.0 (the "License");
5 | * you may not use this file except in compliance with the License.
6 | * You may obtain a copy of the License at
7 | *
8 | * http://www.apache.org/licenses/LICENSE-2.0
9 | *
10 | * Unless required by applicable law or agreed to in writing, software
11 | * distributed under the License is distributed on an "AS IS" BASIS,
12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | * See the License for the specific language governing permissions and
14 | * limitations under the License.
15 | */
16 |
17 | import {
18 | Component,
19 | EventEmitter,
20 | HostListener,
21 | OnDestroy,
22 | Output,
23 | } from '@angular/core';
24 | import { SettingsService } from '@services/ipc-services/settings.service';
25 |
26 | @Component({
27 | selector: 'app-pro-tips',
28 | template: `
29 | {{ message }}
27 | {{ subMessage }}
28 |
30 |
31 |
54 | `,
55 | styles: [
56 | `
57 | .pro-tip {
58 | max-width: 30rem !important;
59 | }
60 | `,
61 | ],
62 | })
63 | export class ProTipsComponent implements OnDestroy {
64 | header = 'Pro Tips';
65 |
66 | body = '';
67 |
68 | icon = 'pi pi-info-circle';
69 |
70 | @Output() previous = new EventEmitter();
71 |
72 | @Output() next = new EventEmitter();
73 |
74 | @Output() close = new EventEmitter();
75 |
76 | constructor(private settings: SettingsService) {}
77 |
78 | ngOnDestroy() {
79 | this.close.emit();
80 | }
81 |
82 | /* Listen for left and right arrow keys, emit previous and next events */
83 | @HostListener('window:keydown', ['$event'])
84 | handleKeyDown(event: KeyboardEvent) {
85 | if (event.key === 'ArrowRight') {
86 | this.next.emit();
87 | } else if (event.key === 'ArrowLeft') {
88 | this.previous.emit();
89 | }
90 | }
91 |
92 | showAgainChanged($event: { checked: boolean }) {
93 | console.log('Show again changed: ', $event.checked);
94 | }
95 | }
96 |
--------------------------------------------------------------------------------
/src/kc_angular/src/app/components/shared/timeline.component.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2023 Rob Royce
3 | *
4 | * Licensed under the Apache License, Version 2.0 (the "License");
5 | * you may not use this file except in compliance with the License.
6 | * You may obtain a copy of the License at
7 | *
8 | * http://www.apache.org/licenses/LICENSE-2.0
9 | *
10 | * Unless required by applicable law or agreed to in writing, software
11 | * distributed under the License is distributed on an "AS IS" BASIS,
12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | * See the License for the specific language governing permissions and
14 | * limitations under the License.
15 | */
16 | import { Component, Input } from '@angular/core';
17 | import { EventModel } from '@shared/models/event.model';
18 | import { KnowledgeSourceEvent } from '@app/models/knowledge.source.model';
19 |
20 | @Component({
21 | selector: 'app-timeline',
22 | template: `
23 | {{ header }}
32 |
33 |
35 |
53 | {{ body }}
34 |
24 |
25 |
31 |
32 |
41 |
42 |
43 |
50 |
51 |
58 |
59 |
60 |
61 | `,
62 | })
63 | export class TimelineComponent {
64 | @Input() events?: EventModel[] | KnowledgeSourceEvent[] = [];
65 | }
66 |
--------------------------------------------------------------------------------
/src/kc_angular/src/app/components/source-components/ks-details.component.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2023 Rob Royce
3 | *
4 | * Licensed under the Apache License, Version 2.0 (the "License");
5 | * you may not use this file except in compliance with the License.
6 | * You may obtain a copy of the License at
7 | *
8 | * http://www.apache.org/licenses/LICENSE-2.0
9 | *
10 | * Unless required by applicable law or agreed to in writing, software
11 | * distributed under the License is distributed on an "AS IS" BASIS,
12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | * See the License for the specific language governing permissions and
14 | * limitations under the License.
15 | */
16 | import { Component } from '@angular/core';
17 | import { DynamicDialogConfig, DynamicDialogRef } from 'primeng/dynamicdialog';
18 | import { KnowledgeSource } from '@app/models/knowledge.source.model';
19 | import { NotificationsService } from '@services/user-services/notifications.service';
20 | import { KsCommandService } from '@services/command-services/ks-command.service';
21 |
22 | @Component({
23 | selector: 'app-details',
24 | template: `
25 |
36 |
37 | {{ event.status }}
38 |
39 |
40 |
44 |
48 |
49 |
52 |
53 |
54 | {{ event.date ?? event.timestamp | date : 'short' }}
55 |
56 |
57 |
26 |
45 |
27 |
30 | {{ ks.title }}
29 |
31 |
44 |
32 |
33 |
35 | Saved
34 |
36 |
42 |
43 |
46 |
52 |
53 |
57 |
58 |
59 | `,
60 | styles: [''],
61 | })
62 | export class KsDetailsComponent {
63 | ks!: KnowledgeSource;
64 |
65 | collapsed = false;
66 |
67 | saved = false;
68 |
69 | constructor(
70 | private config: DynamicDialogConfig,
71 | private ref: DynamicDialogRef,
72 | private notifications: NotificationsService,
73 | private command: KsCommandService
74 | ) {
75 | if (config?.data?.ks) {
76 | this.ks = config.data.ks;
77 | } else {
78 | this.notifications.error(
79 | 'Source Details',
80 | 'Invalid Source',
81 | 'Could not find a source to display.'
82 | );
83 | }
84 | }
85 |
86 | onClose() {
87 | this.ref.close();
88 | }
89 |
90 | onSaved() {
91 | /* Show the "Saved" notice for 5 seconds */
92 | this.saved = true;
93 | setTimeout(() => {
94 | this.saved = false;
95 | }, 5000);
96 | }
97 |
98 | update($event: KnowledgeSource) {
99 | if ($event) {
100 | this.command.update([$event]);
101 | this.onSaved();
102 | }
103 | }
104 | }
105 |
--------------------------------------------------------------------------------
/src/kc_angular/src/app/components/source-components/ks-dropzone.component.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2023 Rob Royce
3 | *
4 | * Licensed under the Apache License, Version 2.0 (the "License");
5 | * you may not use this file except in compliance with the License.
6 | * You may obtain a copy of the License at
7 | *
8 | * http://www.apache.org/licenses/LICENSE-2.0
9 | *
10 | * Unless required by applicable law or agreed to in writing, software
11 | * distributed under the License is distributed on an "AS IS" BASIS,
12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | * See the License for the specific language governing permissions and
14 | * limitations under the License.
15 | */
16 | import { Component, Input } from '@angular/core';
17 | import {
18 | animate,
19 | state,
20 | style,
21 | transition,
22 | trigger,
23 | } from '@angular/animations';
24 |
25 | @Component({
26 | selector: 'app-dropzone',
27 | template: `
28 |
37 |
44 | `,
45 | styles: [
46 | `
47 | .dropzone {
48 | width: 100%;
49 | color: var(--text-color);
50 | background-image: linear-gradient(
51 | 225deg,
52 | var(--surface-b) 25%,
53 | var(--surface-c) 25%,
54 | var(--surface-c) 50%,
55 | var(--surface-b) 50%,
56 | var(--surface-b) 75%,
57 | var(--surface-c) 75%,
58 | var(--surface-c) 100%
59 | );
60 | background-size: 64px 64px;
61 | display: flex;
62 | flex-direction: column;
63 | flex-wrap: nowrap;
64 | align-items: center;
65 | justify-content: center;
66 | align-content: center;
67 | }
68 | `,
69 | ],
70 | animations: [
71 | trigger('dropzone-shorten', [
72 | state('dropzone-lg', style({ height: '20vh', top: 0, left: 0 })),
73 | state('dropzone-sm', style({ height: '4rem', top: 0, left: 0 })),
74 | transition('dropzone-lg => dropzone-sm', [animate('0.1s')]),
75 | transition('dropzone-sm => dropzone-lg', [animate('0.1s')]),
76 | ]),
77 | ],
78 | })
79 | export class KsDropzoneComponent {
80 | @Input() shouldShorten = false;
81 |
82 | @Input() supportedTypes: string[] = [];
83 |
84 | @Input() emptyMessage = 'Drag and drop here!';
85 |
86 | @Input() hintMessage =
87 | 'Hint: You can drag files and links directly into this window.';
88 | }
89 |
--------------------------------------------------------------------------------
/src/kc_angular/src/app/components/source-components/ks-viewport/file-view.component.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2023 Rob Royce
3 | *
4 | * Licensed under the Apache License, Version 2.0 (the "License");
5 | * you may not use this file except in compliance with the License.
6 | * You may obtain a copy of the License at
7 | *
8 | * http://www.apache.org/licenses/LICENSE-2.0
9 | *
10 | * Unless required by applicable law or agreed to in writing, software
11 | * distributed under the License is distributed on an "AS IS" BASIS,
12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | * See the License for the specific language governing permissions and
14 | * limitations under the License.
15 | */
16 | import {
17 | Component,
18 | EventEmitter,
19 | Input,
20 | OnChanges,
21 | OnInit,
22 | Output,
23 | SimpleChanges,
24 | } from '@angular/core';
25 | import { DomSanitizer, SafeUrl } from '@angular/platform-browser';
26 | import {
27 | BrowserViewHeaderConfig,
28 | BrowserViewHeaderEvent,
29 | FileViewClickEvent,
30 | FileViewConfig,
31 | } from '@shared/models/browser.view.model';
32 |
33 | @Component({
34 | selector: 'ks-lib-file-view',
35 | template: `
36 |
38 | {{ emptyMessage }}
39 |
40 |
41 |
43 | {{ hintMessage }}
42 |
25 |
35 | `,
36 | styles: [
37 | `
38 | :host {
39 | display: flex !important;
40 | flex-direction: column !important;
41 | height: 100% !important;
42 | width: 100% !important;
43 | overflow: auto !important;
44 | padding: 1.5rem !important;
45 | }
46 |
47 | .source-pdf-viewer {
48 | height: 100% !important;
49 | }
50 | `,
51 | ],
52 | })
53 | export class SourceDocumentComponent implements OnInit {
54 | source!: KnowledgeSource;
55 |
56 | safeUrl: SafeUrl | undefined;
57 |
58 | style = {
59 | width: '100%',
60 | height: '100%',
61 | 'max-width': '100%',
62 | 'max-height': '100%',
63 | };
64 |
65 | styles = {
66 | unset: ['jpg', 'jpeg', 'png', 'gif', 'bmp', 'tiff', 'tif'],
67 | full: ['pdf', 'doc', 'docx', 'xls', 'xlsx', 'ppt', 'pptx'],
68 | };
69 |
70 | @ViewChild('document', { static: true }) document!: ElementRef;
71 |
72 | @ViewChild('documentContainer', { static: true })
73 | documentContainer!: ElementRef
26 |
33 |
34 |
26 |
31 | `,
32 | styleUrls: ['./source.styles.scss'],
33 | })
34 | export class SourceVideoComponent implements OnInit {
35 | @ViewChild('youtubePlayer') youtubePlayer!: YouTubePlayer;
36 |
37 | source!: KnowledgeSource;
38 |
39 | ksYoutubeVideoId = 'y5icPgca8JI';
40 |
41 | loaded = false;
42 |
43 | constructor(private settings: SettingsService) {}
44 |
45 | ngOnInit(): void {
46 | this.source.accessLink = new URL(this.source.accessLink);
47 | const urlParam = this.source.accessLink.searchParams.get('v');
48 | if (this.source.accessLink.hostname === 'www.youtube.com' && urlParam) {
49 | this.loadYoutubeApi(urlParam);
50 | if (this.settings.get().display.autoplay) {
51 | setTimeout(() => {
52 | this.youtubePlayer.playVideo();
53 | }, 1000);
54 | }
55 | }
56 | }
57 |
58 | loadYoutubeApi(urlParam: string) {
59 | this.ksYoutubeVideoId = urlParam;
60 | if (!this.loaded) {
61 | // This code loads the IFrame Player API code asynchronously, according to the instructions at
62 | // https://developers.google.com/youtube/iframe_api_reference#Getting_Started
63 | const tag = document.createElement('script');
64 | tag.src = 'https://www.youtube.com/iframe_api';
65 | document.body.appendChild(tag);
66 | this.loaded = true;
67 | }
68 | }
69 | }
70 |
--------------------------------------------------------------------------------
/src/kc_angular/src/app/components/table.component.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2023 Rob Royce
3 | *
4 | * Licensed under the Apache License, Version 2.0 (the "License");
5 | * you may not use this file except in compliance with the License.
6 | * You may obtain a copy of the License at
7 | *
8 | * http://www.apache.org/licenses/LICENSE-2.0
9 | *
10 | * Unless required by applicable law or agreed to in writing, software
11 | * distributed under the License is distributed on an "AS IS" BASIS,
12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | * See the License for the specific language governing permissions and
14 | * limitations under the License.
15 | */
16 | import { Component, OnDestroy } from '@angular/core';
17 | import { ActivatedRoute } from '@angular/router';
18 | import { KnowledgeSource } from '../models/knowledge.source.model';
19 | import { Observable, Subject, tap } from 'rxjs';
20 | import { DataService } from '@services/user-services/data.service';
21 | import { takeUntil } from 'rxjs/operators';
22 |
23 | @Component({
24 | selector: 'app-table',
25 | template: `
26 |
27 |
28 |
29 |
30 |
27 |
36 | `,
37 | styles: [],
38 | })
39 | export class TableComponent implements OnDestroy {
40 | sources: Observable
30 |
35 |