@eo4geo/ngx-bok-utils 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +196 -0
- package/fesm2022/eo4geo-ngx-bok-utils.mjs +127 -0
- package/fesm2022/eo4geo-ngx-bok-utils.mjs.map +1 -0
- package/index.d.ts +5 -0
- package/lib/components/footer/footer.component.d.ts +10 -0
- package/lib/components/header/header.component.d.ts +11 -0
- package/package.json +29 -0
- package/public-api.d.ts +2 -0
package/README.md
ADDED
|
@@ -0,0 +1,196 @@
|
|
|
1
|
+
# bok-utils
|
|
2
|
+
|
|
3
|
+
## Installation
|
|
4
|
+
|
|
5
|
+
First, install the library in your Angular project:
|
|
6
|
+
|
|
7
|
+
```bash
|
|
8
|
+
npm install bok-visualization
|
|
9
|
+
```
|
|
10
|
+
|
|
11
|
+
Make sure the required dependencies are installed in your project, as `bok-visualization` lists them as peerDependencies.
|
|
12
|
+
|
|
13
|
+
## Configuration
|
|
14
|
+
|
|
15
|
+
### Styling Configuration
|
|
16
|
+
|
|
17
|
+
To configure the colours to be used by the component, go to the file ‘src/styles.css’ and set the following variables. Additionally we can define the font and font colour of the project:
|
|
18
|
+
|
|
19
|
+
```css
|
|
20
|
+
:root {
|
|
21
|
+
--primary-color: #0e145d;
|
|
22
|
+
--secondary-color: #3fb3f8;
|
|
23
|
+
--hover-color: #f46524;
|
|
24
|
+
--danger-color: #ce3a41;
|
|
25
|
+
--warning-color: #ffd400;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
body {
|
|
29
|
+
color: var(--primary-color);
|
|
30
|
+
font-family: 'Poppins', sans-serif;
|
|
31
|
+
}
|
|
32
|
+
```
|
|
33
|
+
|
|
34
|
+
## PrimeNG Setup in main.ts
|
|
35
|
+
|
|
36
|
+
In your `main.ts` file, add the **PrimeNG** and **Angular animations** setup:
|
|
37
|
+
|
|
38
|
+
```typescript
|
|
39
|
+
import { bootstrapApplication } from '@angular/platform-browser';
|
|
40
|
+
import { provideAnimationsAsync } from '@angular/platform-browser/animations/async';
|
|
41
|
+
import { providePrimeNG } from 'primeng/config';
|
|
42
|
+
import Aura from '@primeng/themes/aura';
|
|
43
|
+
import { AppComponent } from './app/app.component';
|
|
44
|
+
|
|
45
|
+
bootstrapApplication(AppComponent, {
|
|
46
|
+
providers: [
|
|
47
|
+
provideAnimationsAsync(),
|
|
48
|
+
providePrimeNG({
|
|
49
|
+
theme: {
|
|
50
|
+
preset: Aura,
|
|
51
|
+
options: {
|
|
52
|
+
prefix: 'p',
|
|
53
|
+
darkModeSelector: false,
|
|
54
|
+
cssLayer: false
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
})
|
|
58
|
+
]
|
|
59
|
+
});
|
|
60
|
+
```
|
|
61
|
+
|
|
62
|
+
## Using the Library
|
|
63
|
+
|
|
64
|
+
Once installed and configured, you can begin using the components from the library in your Angular application.
|
|
65
|
+
|
|
66
|
+
### Example Usage
|
|
67
|
+
|
|
68
|
+
```typescript
|
|
69
|
+
import { Component } from '@angular/core';
|
|
70
|
+
import { BokComponent } from 'bok-visualization';
|
|
71
|
+
|
|
72
|
+
@Component({
|
|
73
|
+
selector: 'app-my-component',
|
|
74
|
+
template: `
|
|
75
|
+
<header [items]="headerItems"></header>
|
|
76
|
+
|
|
77
|
+
...
|
|
78
|
+
|
|
79
|
+
<footer (openReleaseNotes)="manageEvent()" (openUserManual)="manageEvent2()"></footer>
|
|
80
|
+
`
|
|
81
|
+
})
|
|
82
|
+
export class MyComponent {
|
|
83
|
+
concept: string = 'GIST';
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
```
|
|
87
|
+
|
|
88
|
+
### Header
|
|
89
|
+
|
|
90
|
+
#### `[items]`
|
|
91
|
+
|
|
92
|
+
- **Type**: MenuItem[] (Class from PrimeNg)
|
|
93
|
+
- **Default Value**:
|
|
94
|
+
|
|
95
|
+
```json
|
|
96
|
+
[
|
|
97
|
+
{
|
|
98
|
+
label: 'Tools',
|
|
99
|
+
icon: 'pi pi-cog',
|
|
100
|
+
items: [
|
|
101
|
+
{
|
|
102
|
+
label: 'BoK Visualization & Search',
|
|
103
|
+
icon: 'pi pi-search',
|
|
104
|
+
style: {'--p-tieredmenu-item-color': 'var(--hover-color)'},
|
|
105
|
+
iconStyle: {'color': 'var(--hover-color)'}
|
|
106
|
+
},
|
|
107
|
+
{
|
|
108
|
+
label: 'Occupational Profile Tool',
|
|
109
|
+
icon: 'pi pi-users',
|
|
110
|
+
url: 'https://eo4geo-opt.web.app',
|
|
111
|
+
},
|
|
112
|
+
{
|
|
113
|
+
label: 'Job Offer Tool',
|
|
114
|
+
icon: 'pi pi-book',
|
|
115
|
+
url: 'https://eo4geo-jot.web.app',
|
|
116
|
+
},
|
|
117
|
+
{
|
|
118
|
+
label: 'Curriculum Design Tool',
|
|
119
|
+
icon: 'pi pi-graduation-cap',
|
|
120
|
+
url: 'https://eo4geo-cdt.web.app',
|
|
121
|
+
},
|
|
122
|
+
{
|
|
123
|
+
label: 'BoK Annotation Tool',
|
|
124
|
+
icon: 'pi pi-pencil',
|
|
125
|
+
url: 'https://eo4geo-bat.web.app',
|
|
126
|
+
},
|
|
127
|
+
{
|
|
128
|
+
label: 'BoK Matching Tool',
|
|
129
|
+
icon: 'pi pi-equals',
|
|
130
|
+
url: 'https://eo4geo-bmt.web.app',
|
|
131
|
+
}
|
|
132
|
+
]
|
|
133
|
+
},
|
|
134
|
+
{
|
|
135
|
+
label: 'Share',
|
|
136
|
+
icon: 'pi pi-share-alt',
|
|
137
|
+
items: [
|
|
138
|
+
{
|
|
139
|
+
label: 'X',
|
|
140
|
+
icon: 'pi pi-twitter',
|
|
141
|
+
url: 'https://twitter.com/SpaceSUITE_eu',
|
|
142
|
+
},
|
|
143
|
+
{
|
|
144
|
+
label: 'Facebook',
|
|
145
|
+
icon: 'pi pi-facebook',
|
|
146
|
+
url: 'https://www.facebook.com/spacesuiteproject/',
|
|
147
|
+
},
|
|
148
|
+
{
|
|
149
|
+
label: 'Youtube',
|
|
150
|
+
icon: 'pi pi-youtube',
|
|
151
|
+
url: 'https://www.youtube.com/@SpaceSUITE_eu',
|
|
152
|
+
},
|
|
153
|
+
{
|
|
154
|
+
label: 'LinkedIn',
|
|
155
|
+
icon: 'pi pi-linkedin',
|
|
156
|
+
url: 'https://www.linkedin.com/showcase/spacesuite_eu/',
|
|
157
|
+
}
|
|
158
|
+
]
|
|
159
|
+
}
|
|
160
|
+
]
|
|
161
|
+
```
|
|
162
|
+
- **Description**: Determine the sections to display in the header. In case of using the Share label it will show a line with the icons of each subItem.
|
|
163
|
+
|
|
164
|
+
### Footer
|
|
165
|
+
|
|
166
|
+
#### `(openReleaseNotes)`
|
|
167
|
+
|
|
168
|
+
- **Type**: void
|
|
169
|
+
- **Description**: Emits an event when the ‘Release Notes’ link is clicked.
|
|
170
|
+
|
|
171
|
+
#### `(openUserManual)`
|
|
172
|
+
|
|
173
|
+
- **Type**: void
|
|
174
|
+
- **Description**: Emits an event when the ‘User Manual’ link is clicked.
|
|
175
|
+
|
|
176
|
+
## Dependencies
|
|
177
|
+
|
|
178
|
+
`bok-visualization` requires the following dependencies to be installed in your project:
|
|
179
|
+
|
|
180
|
+
- **Angular**: Version 19.1.x
|
|
181
|
+
- **primeng**: Version 19.0.x
|
|
182
|
+
- **d3**: Version 7.9.x
|
|
183
|
+
- **primeflex**: Version 3.3.x
|
|
184
|
+
- **primeicons**: Version 7.0.x
|
|
185
|
+
|
|
186
|
+
### Installation
|
|
187
|
+
|
|
188
|
+
To install the dependencies, run the following command:
|
|
189
|
+
|
|
190
|
+
```bash
|
|
191
|
+
npm install primeflex@^3.3.0 primeicons@^7.0.0 primeng@^19.0.0
|
|
192
|
+
```
|
|
193
|
+
|
|
194
|
+
## License
|
|
195
|
+
|
|
196
|
+
This library is licensed under the **MIT** License.
|
|
@@ -0,0 +1,127 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { EventEmitter, Component, Output, Input, HostListener } from '@angular/core';
|
|
3
|
+
import * as i1 from 'primeng/toolbar';
|
|
4
|
+
import { ToolbarModule } from 'primeng/toolbar';
|
|
5
|
+
import * as i3 from '@angular/common';
|
|
6
|
+
import { CommonModule } from '@angular/common';
|
|
7
|
+
import * as i1$1 from 'primeng/button';
|
|
8
|
+
import { ButtonModule } from 'primeng/button';
|
|
9
|
+
import * as i2 from 'primeng/tieredmenu';
|
|
10
|
+
import { TieredMenuModule } from 'primeng/tieredmenu';
|
|
11
|
+
|
|
12
|
+
class FooterComponent {
|
|
13
|
+
openReleaseNotes = new EventEmitter();
|
|
14
|
+
openUserManual = new EventEmitter();
|
|
15
|
+
clickReleaseNotes() {
|
|
16
|
+
this.openReleaseNotes.emit();
|
|
17
|
+
}
|
|
18
|
+
clickUserManual() {
|
|
19
|
+
this.openUserManual.emit();
|
|
20
|
+
}
|
|
21
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: FooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
22
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.1", type: FooterComponent, isStandalone: true, selector: "footer", outputs: { openReleaseNotes: "openReleaseNotes", openUserManual: "openUserManual" }, ngImport: i0, template: "<div class=\"footer\">\r\n <p-toolbar [style]=\"{'color': 'white', 'background': 'none', 'border': '0px', 'gap': '3rem'}\">\r\n <ng-template #start>\r\n <div class=\"flex flex-column align-items-center gap-1\">\r\n <div class=\"inline\">\r\n <a href=\"http://www.eo4geo.eu/\" target=\"_blank\"><img class=\"logo\" src=\"assets/images/EO4GEO_LOGO_WHITE.png\" alt=\"LogoEO4GEO\"></a>\r\n <a href=\"https://www.spacesuite-project.eu/\" target=\"_blank\"><img class=\"logo\" src=\"assets/images/SpaceSUITE_horizontal_white.png\" alt=\"LogoSpaceSUITE\"></a>\r\n </div>\r\n <span style=\"font-size: x-small;\">All tools were developed by <a href=\"https://geotec.uji.es/\" target=\"_blank\">GEOTEC</a></span>\r\n </div>\r\n </ng-template>\r\n <ng-template #center>\r\n <div style=\"font-size: smaller;\" class=\"flex flex-wrap gap-1\">\r\n <span>\u00A9 2025 spaceSUITE</span>\r\n <span class=\"link-separator\">\r\n | <a (click)=\"clickUserManual()\">User Manual</a>\r\n </span>\r\n <span class=\"link-separator\">\r\n | <a (click)=\"clickReleaseNotes()\">Release Notes</a>\r\n </span>\r\n <span class=\"link-separator\">\r\n | <a href=\"mailto:eo4geo@gmail.com?subject=EO4GEO%20Tools%20Contact\">Contact</a>\r\n </span>\r\n <span class=\"link-separator\">\r\n | <a href=\"https://www.spacesuite-project.eu/privacy-policy/\" target=\"_blank\">Privacy Policy</a>\r\n </span>\r\n </div>\r\n </ng-template>\r\n <ng-template #end>\r\n <div class=\"flex flex-column align-items-center gap-1 max-w-20rem\">\r\n <img class=\"logo\" src=\"assets/images/EU_Funding.png\" alt=\"LogoEU\">\r\n <span class=\"white-space-normal\" style=\"font-size: xx-small;\">Views and opinions expressed are however those of the author(s) only and do not necessarily reflect those of the European Union or the European Education and Culture Executive Agency (EACEA). Neither the European Union nor EACEA can be held responsible for them.</span>\r\n </div>\r\n </ng-template>\r\n </p-toolbar>\r\n</div>", styles: [".footer{background-color:var(--primary-color);box-shadow:0 -4px 6px #0000001a;color:#fff;padding:1.25rem;position:relative;bottom:0;left:0;width:100%}.footer a{color:gray;cursor:pointer;text-decoration:none}.footer a:hover{color:#fff}.logo{width:auto;height:2vw;margin:1rem;min-height:40px}.toolbar{background:var(--primary-color)!important;color:#fff!important;border:0px!important}.link-separator{color:gray}.link-separator:hover{color:var(--hover-color);cursor:default}\n"], dependencies: [{ kind: "ngmodule", type: ToolbarModule }, { kind: "component", type: i1.Toolbar, selector: "p-toolbar", inputs: ["style", "styleClass", "ariaLabelledBy"] }] });
|
|
23
|
+
}
|
|
24
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: FooterComponent, decorators: [{
|
|
25
|
+
type: Component,
|
|
26
|
+
args: [{ standalone: true, selector: 'footer', imports: [ToolbarModule], template: "<div class=\"footer\">\r\n <p-toolbar [style]=\"{'color': 'white', 'background': 'none', 'border': '0px', 'gap': '3rem'}\">\r\n <ng-template #start>\r\n <div class=\"flex flex-column align-items-center gap-1\">\r\n <div class=\"inline\">\r\n <a href=\"http://www.eo4geo.eu/\" target=\"_blank\"><img class=\"logo\" src=\"assets/images/EO4GEO_LOGO_WHITE.png\" alt=\"LogoEO4GEO\"></a>\r\n <a href=\"https://www.spacesuite-project.eu/\" target=\"_blank\"><img class=\"logo\" src=\"assets/images/SpaceSUITE_horizontal_white.png\" alt=\"LogoSpaceSUITE\"></a>\r\n </div>\r\n <span style=\"font-size: x-small;\">All tools were developed by <a href=\"https://geotec.uji.es/\" target=\"_blank\">GEOTEC</a></span>\r\n </div>\r\n </ng-template>\r\n <ng-template #center>\r\n <div style=\"font-size: smaller;\" class=\"flex flex-wrap gap-1\">\r\n <span>\u00A9 2025 spaceSUITE</span>\r\n <span class=\"link-separator\">\r\n | <a (click)=\"clickUserManual()\">User Manual</a>\r\n </span>\r\n <span class=\"link-separator\">\r\n | <a (click)=\"clickReleaseNotes()\">Release Notes</a>\r\n </span>\r\n <span class=\"link-separator\">\r\n | <a href=\"mailto:eo4geo@gmail.com?subject=EO4GEO%20Tools%20Contact\">Contact</a>\r\n </span>\r\n <span class=\"link-separator\">\r\n | <a href=\"https://www.spacesuite-project.eu/privacy-policy/\" target=\"_blank\">Privacy Policy</a>\r\n </span>\r\n </div>\r\n </ng-template>\r\n <ng-template #end>\r\n <div class=\"flex flex-column align-items-center gap-1 max-w-20rem\">\r\n <img class=\"logo\" src=\"assets/images/EU_Funding.png\" alt=\"LogoEU\">\r\n <span class=\"white-space-normal\" style=\"font-size: xx-small;\">Views and opinions expressed are however those of the author(s) only and do not necessarily reflect those of the European Union or the European Education and Culture Executive Agency (EACEA). Neither the European Union nor EACEA can be held responsible for them.</span>\r\n </div>\r\n </ng-template>\r\n </p-toolbar>\r\n</div>", styles: [".footer{background-color:var(--primary-color);box-shadow:0 -4px 6px #0000001a;color:#fff;padding:1.25rem;position:relative;bottom:0;left:0;width:100%}.footer a{color:gray;cursor:pointer;text-decoration:none}.footer a:hover{color:#fff}.logo{width:auto;height:2vw;margin:1rem;min-height:40px}.toolbar{background:var(--primary-color)!important;color:#fff!important;border:0px!important}.link-separator{color:gray}.link-separator:hover{color:var(--hover-color);cursor:default}\n"] }]
|
|
27
|
+
}], propDecorators: { openReleaseNotes: [{
|
|
28
|
+
type: Output
|
|
29
|
+
}], openUserManual: [{
|
|
30
|
+
type: Output
|
|
31
|
+
}] } });
|
|
32
|
+
|
|
33
|
+
class HeaderComponent {
|
|
34
|
+
items = [
|
|
35
|
+
{
|
|
36
|
+
label: 'Tools',
|
|
37
|
+
icon: 'pi pi-cog',
|
|
38
|
+
items: [
|
|
39
|
+
{
|
|
40
|
+
label: 'BoK Visualization & Search',
|
|
41
|
+
icon: 'pi pi-search',
|
|
42
|
+
style: { '--p-tieredmenu-item-color': 'var(--hover-color)' },
|
|
43
|
+
iconStyle: { 'color': 'var(--hover-color)' }
|
|
44
|
+
},
|
|
45
|
+
{
|
|
46
|
+
label: 'Occupational Profile Tool',
|
|
47
|
+
icon: 'pi pi-users',
|
|
48
|
+
url: 'https://eo4geo-opt.web.app',
|
|
49
|
+
},
|
|
50
|
+
{
|
|
51
|
+
label: 'Job Offer Tool',
|
|
52
|
+
icon: 'pi pi-book',
|
|
53
|
+
url: 'https://eo4geo-jot.web.app',
|
|
54
|
+
},
|
|
55
|
+
{
|
|
56
|
+
label: 'Curriculum Design Tool',
|
|
57
|
+
icon: 'pi pi-graduation-cap',
|
|
58
|
+
url: 'https://eo4geo-cdt.web.app',
|
|
59
|
+
},
|
|
60
|
+
{
|
|
61
|
+
label: 'BoK Annotation Tool',
|
|
62
|
+
icon: 'pi pi-pencil',
|
|
63
|
+
url: 'https://eo4geo-bat.web.app',
|
|
64
|
+
},
|
|
65
|
+
{
|
|
66
|
+
label: 'BoK Matching Tool',
|
|
67
|
+
icon: 'pi pi-equals',
|
|
68
|
+
url: 'https://eo4geo-bmt.web.app',
|
|
69
|
+
}
|
|
70
|
+
]
|
|
71
|
+
},
|
|
72
|
+
{
|
|
73
|
+
label: 'Share',
|
|
74
|
+
icon: 'pi pi-share-alt',
|
|
75
|
+
items: [
|
|
76
|
+
{
|
|
77
|
+
label: 'X',
|
|
78
|
+
icon: 'pi pi-twitter',
|
|
79
|
+
url: 'https://twitter.com/SpaceSUITE_eu',
|
|
80
|
+
},
|
|
81
|
+
{
|
|
82
|
+
label: 'Facebook',
|
|
83
|
+
icon: 'pi pi-facebook',
|
|
84
|
+
url: 'https://www.facebook.com/spacesuiteproject/',
|
|
85
|
+
},
|
|
86
|
+
{
|
|
87
|
+
label: 'Youtube',
|
|
88
|
+
icon: 'pi pi-youtube',
|
|
89
|
+
url: 'https://www.youtube.com/@SpaceSUITE_eu',
|
|
90
|
+
},
|
|
91
|
+
{
|
|
92
|
+
label: 'LinkedIn',
|
|
93
|
+
icon: 'pi pi-linkedin',
|
|
94
|
+
url: 'https://www.linkedin.com/showcase/spacesuite_eu/',
|
|
95
|
+
}
|
|
96
|
+
]
|
|
97
|
+
}
|
|
98
|
+
];
|
|
99
|
+
hideMenu = true;
|
|
100
|
+
clickout(event) {
|
|
101
|
+
if (!event.target.closest("p-tieredmenu") && !event.target.closest("p-button.custom-header-button")) {
|
|
102
|
+
this.hideMenu = true;
|
|
103
|
+
}
|
|
104
|
+
}
|
|
105
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: HeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
106
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.1", type: HeaderComponent, isStandalone: true, selector: "header", inputs: { items: "items" }, host: { listeners: { "document:click": "clickout($event)" } }, ngImport: i0, template: "<div class=\"header\">\r\n <div class=\"flex justify-content-between md:justify-content-center gap-8 p-4\">\r\n <a href=\"https://www.spacesuite-project.eu/\" target=\"_blank\"><img class=\"logo flex align-items-center justify-content-center\" src=\"assets/images/SpaceSUITE_horizontal_color.png\" alt=\"LogoSpaceSUITE\"></a>\r\n <div class=\"justify-content-center hidden md:flex\" *ngFor=\"let item of items;\">\r\n <div class=\"flex align-items-center justify-content-center gap-2 text-xl font-bold header-option\" (click)=\"subMenu.toggle($event)\" *ngIf=\"item.label != 'Share'; else share\">\r\n <i [class]=\"item.icon\"></i>\r\n <div>{{item.label}}</div>\r\n <i *ngIf=\"item.items\" class=\"pi pi-angle-down\"></i>\r\n </div>\r\n <p-tieredmenu #subMenu [model]=\"item.items\" [breakpoint]=\"'767px'\" class=\"custom-p-tieredmenu\" [popup]=\"true\" />\r\n <ng-template #share>\r\n <div class=\"flex align-items-center justify-content-center gap-3\">\r\n <div *ngFor=\"let social of item.items;\">\r\n <a [href]=\"social.url\" target=\"_blank\">\r\n <i [class]=\"social.icon\" style=\"font-size: 1.25rem\"></i>\r\n </a>\r\n </div>\r\n </div>\r\n </ng-template>\r\n </div>\r\n <p-button #menuButton (click)=\"hideMenu = !hideMenu\" class=\"md:hidden flex align-items-center justify-content-center custom-header-button\" icon=\"pi pi-bars\" aria-label=\"Menu\"></p-button>\r\n </div>\r\n <p-tieredmenu #menu [hidden]=\"hideMenu\" [model]=\"items\" class=\"md:hidden custom-p-tieredmenu\"/>\r\n</div>\r\n", styles: [".header{background-color:#fff;box-shadow:0 4px 6px #0000001a;color:var(--primary-color);position:relative;top:0;left:0;width:100%}.header a{color:var(--primary-color);cursor:pointer;text-decoration:none}.header a:hover{color:var(--hover-color)}.logo{width:auto;height:3.5vw;min-height:50px}.custom-header-button{--p-button-primary-background: var(--secondary-color);--p-button-primary-border-color: var(--secondary-color);--p-button-primary-hover-background: var(--hover-color);--p-button-primary-hover-border-color: var(--hover-color);--p-button-primary-active-background: color-mix(in srgb, var(--hover-color) 80%, black 20%);--p-button-primary-active-border-color: color-mix(in srgb, var(--hover-color) 90%, black 10%)}.header-option:hover{color:var(--hover-color);cursor:pointer}.custom-p-tieredmenu{--p-tieredmenu-item-icon-color: var(--primary-color);--p-tieredmenu-item-icon-active-color: var(--hover-color);--p-tieredmenu-item-icon-focus-color: var(--hover-color);--p-tieredmenu-item-color: var(--primary-color);--p-tieredmenu-item-active-color: var(--hover-color);--p-tieredmenu-item-focus-color: var(--hover-color)}\n"], dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: TieredMenuModule }, { kind: "component", type: i2.TieredMenu, selector: "p-tieredMenu, p-tieredmenu, p-tiered-menu", inputs: ["model", "popup", "style", "styleClass", "appendTo", "breakpoint", "autoZIndex", "baseZIndex", "autoDisplay", "showTransitionOptions", "hideTransitionOptions", "id", "ariaLabel", "ariaLabelledBy", "disabled", "tabindex"], outputs: ["onShow", "onHide"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
107
|
+
}
|
|
108
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: HeaderComponent, decorators: [{
|
|
109
|
+
type: Component,
|
|
110
|
+
args: [{ standalone: true, selector: 'header', imports: [ButtonModule, TieredMenuModule, CommonModule], template: "<div class=\"header\">\r\n <div class=\"flex justify-content-between md:justify-content-center gap-8 p-4\">\r\n <a href=\"https://www.spacesuite-project.eu/\" target=\"_blank\"><img class=\"logo flex align-items-center justify-content-center\" src=\"assets/images/SpaceSUITE_horizontal_color.png\" alt=\"LogoSpaceSUITE\"></a>\r\n <div class=\"justify-content-center hidden md:flex\" *ngFor=\"let item of items;\">\r\n <div class=\"flex align-items-center justify-content-center gap-2 text-xl font-bold header-option\" (click)=\"subMenu.toggle($event)\" *ngIf=\"item.label != 'Share'; else share\">\r\n <i [class]=\"item.icon\"></i>\r\n <div>{{item.label}}</div>\r\n <i *ngIf=\"item.items\" class=\"pi pi-angle-down\"></i>\r\n </div>\r\n <p-tieredmenu #subMenu [model]=\"item.items\" [breakpoint]=\"'767px'\" class=\"custom-p-tieredmenu\" [popup]=\"true\" />\r\n <ng-template #share>\r\n <div class=\"flex align-items-center justify-content-center gap-3\">\r\n <div *ngFor=\"let social of item.items;\">\r\n <a [href]=\"social.url\" target=\"_blank\">\r\n <i [class]=\"social.icon\" style=\"font-size: 1.25rem\"></i>\r\n </a>\r\n </div>\r\n </div>\r\n </ng-template>\r\n </div>\r\n <p-button #menuButton (click)=\"hideMenu = !hideMenu\" class=\"md:hidden flex align-items-center justify-content-center custom-header-button\" icon=\"pi pi-bars\" aria-label=\"Menu\"></p-button>\r\n </div>\r\n <p-tieredmenu #menu [hidden]=\"hideMenu\" [model]=\"items\" class=\"md:hidden custom-p-tieredmenu\"/>\r\n</div>\r\n", styles: [".header{background-color:#fff;box-shadow:0 4px 6px #0000001a;color:var(--primary-color);position:relative;top:0;left:0;width:100%}.header a{color:var(--primary-color);cursor:pointer;text-decoration:none}.header a:hover{color:var(--hover-color)}.logo{width:auto;height:3.5vw;min-height:50px}.custom-header-button{--p-button-primary-background: var(--secondary-color);--p-button-primary-border-color: var(--secondary-color);--p-button-primary-hover-background: var(--hover-color);--p-button-primary-hover-border-color: var(--hover-color);--p-button-primary-active-background: color-mix(in srgb, var(--hover-color) 80%, black 20%);--p-button-primary-active-border-color: color-mix(in srgb, var(--hover-color) 90%, black 10%)}.header-option:hover{color:var(--hover-color);cursor:pointer}.custom-p-tieredmenu{--p-tieredmenu-item-icon-color: var(--primary-color);--p-tieredmenu-item-icon-active-color: var(--hover-color);--p-tieredmenu-item-icon-focus-color: var(--hover-color);--p-tieredmenu-item-color: var(--primary-color);--p-tieredmenu-item-active-color: var(--hover-color);--p-tieredmenu-item-focus-color: var(--hover-color)}\n"] }]
|
|
111
|
+
}], propDecorators: { items: [{
|
|
112
|
+
type: Input
|
|
113
|
+
}], clickout: [{
|
|
114
|
+
type: HostListener,
|
|
115
|
+
args: ['document:click', ['$event']]
|
|
116
|
+
}] } });
|
|
117
|
+
|
|
118
|
+
/*
|
|
119
|
+
* Public API Surface of ngx-bok-utils
|
|
120
|
+
*/
|
|
121
|
+
|
|
122
|
+
/**
|
|
123
|
+
* Generated bundle index. Do not edit.
|
|
124
|
+
*/
|
|
125
|
+
|
|
126
|
+
export { FooterComponent, HeaderComponent };
|
|
127
|
+
//# sourceMappingURL=eo4geo-ngx-bok-utils.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"eo4geo-ngx-bok-utils.mjs","sources":["../../../../projects/eo4geo/ngx-bok-utils/src/lib/components/footer/footer.component.ts","../../../../projects/eo4geo/ngx-bok-utils/src/lib/components/footer/footer.component.html","../../../../projects/eo4geo/ngx-bok-utils/src/lib/components/header/header.component.ts","../../../../projects/eo4geo/ngx-bok-utils/src/lib/components/header/header.component.html","../../../../projects/eo4geo/ngx-bok-utils/src/public-api.ts","../../../../projects/eo4geo/ngx-bok-utils/src/eo4geo-ngx-bok-utils.ts"],"sourcesContent":["import {Component, EventEmitter, Output} from '@angular/core';\nimport { ToolbarModule } from 'primeng/toolbar';\n\n@Component({\n standalone: true,\n selector: 'footer',\n templateUrl: './footer.component.html',\n styleUrls: ['./footer.component.css'],\n imports: [ToolbarModule],\n})\nexport class FooterComponent {\n @Output() openReleaseNotes = new EventEmitter<void>();\n @Output() openUserManual = new EventEmitter<void>();\n\n\n clickReleaseNotes(): void {\n this.openReleaseNotes.emit();\n }\n\n clickUserManual(): void {\n this.openUserManual.emit();\n }\n}\n","<div class=\"footer\">\r\n <p-toolbar [style]=\"{'color': 'white', 'background': 'none', 'border': '0px', 'gap': '3rem'}\">\r\n <ng-template #start>\r\n <div class=\"flex flex-column align-items-center gap-1\">\r\n <div class=\"inline\">\r\n <a href=\"http://www.eo4geo.eu/\" target=\"_blank\"><img class=\"logo\" src=\"assets/images/EO4GEO_LOGO_WHITE.png\" alt=\"LogoEO4GEO\"></a>\r\n <a href=\"https://www.spacesuite-project.eu/\" target=\"_blank\"><img class=\"logo\" src=\"assets/images/SpaceSUITE_horizontal_white.png\" alt=\"LogoSpaceSUITE\"></a>\r\n </div>\r\n <span style=\"font-size: x-small;\">All tools were developed by <a href=\"https://geotec.uji.es/\" target=\"_blank\">GEOTEC</a></span>\r\n </div>\r\n </ng-template>\r\n <ng-template #center>\r\n <div style=\"font-size: smaller;\" class=\"flex flex-wrap gap-1\">\r\n <span>© 2025 spaceSUITE</span>\r\n <span class=\"link-separator\">\r\n | <a (click)=\"clickUserManual()\">User Manual</a>\r\n </span>\r\n <span class=\"link-separator\">\r\n | <a (click)=\"clickReleaseNotes()\">Release Notes</a>\r\n </span>\r\n <span class=\"link-separator\">\r\n | <a href=\"mailto:eo4geo@gmail.com?subject=EO4GEO%20Tools%20Contact\">Contact</a>\r\n </span>\r\n <span class=\"link-separator\">\r\n | <a href=\"https://www.spacesuite-project.eu/privacy-policy/\" target=\"_blank\">Privacy Policy</a>\r\n </span>\r\n </div>\r\n </ng-template>\r\n <ng-template #end>\r\n <div class=\"flex flex-column align-items-center gap-1 max-w-20rem\">\r\n <img class=\"logo\" src=\"assets/images/EU_Funding.png\" alt=\"LogoEU\">\r\n <span class=\"white-space-normal\" style=\"font-size: xx-small;\">Views and opinions expressed are however those of the author(s) only and do not necessarily reflect those of the European Union or the European Education and Culture Executive Agency (EACEA). Neither the European Union nor EACEA can be held responsible for them.</span>\r\n </div>\r\n </ng-template>\r\n </p-toolbar>\r\n</div>","import { CommonModule } from '@angular/common';\nimport {Component, HostListener, Input} from '@angular/core';\nimport { MenuItem } from 'primeng/api';\nimport { ButtonModule } from 'primeng/button';\nimport { TieredMenuModule } from 'primeng/tieredmenu';\n\n@Component({\n standalone: true,\n selector: 'header',\n templateUrl: './header.component.html',\n styleUrls: ['./header.component.css'],\n imports: [ButtonModule, TieredMenuModule, CommonModule],\n})\nexport class HeaderComponent {\n @Input() items: MenuItem[] = [ \n {\n label: 'Tools',\n icon: 'pi pi-cog',\n items: [\n {\n label: 'BoK Visualization & Search',\n icon: 'pi pi-search',\n style: {'--p-tieredmenu-item-color': 'var(--hover-color)'},\n iconStyle: {'color': 'var(--hover-color)'}\n },\n {\n label: 'Occupational Profile Tool',\n icon: 'pi pi-users',\n url: 'https://eo4geo-opt.web.app',\n },\n {\n label: 'Job Offer Tool',\n icon: 'pi pi-book',\n url: 'https://eo4geo-jot.web.app',\n },\n {\n label: 'Curriculum Design Tool',\n icon: 'pi pi-graduation-cap',\n url: 'https://eo4geo-cdt.web.app',\n },\n {\n label: 'BoK Annotation Tool',\n icon: 'pi pi-pencil',\n url: 'https://eo4geo-bat.web.app',\n },\n {\n label: 'BoK Matching Tool',\n icon: 'pi pi-equals',\n url: 'https://eo4geo-bmt.web.app',\n }\n ]\n }, \n {\n label: 'Share',\n icon: 'pi pi-share-alt',\n items: [\n {\n label: 'X',\n icon: 'pi pi-twitter',\n url: 'https://twitter.com/SpaceSUITE_eu',\n },\n {\n label: 'Facebook',\n icon: 'pi pi-facebook',\n url: 'https://www.facebook.com/spacesuiteproject/',\n },\n {\n label: 'Youtube',\n icon: 'pi pi-youtube',\n url: 'https://www.youtube.com/@SpaceSUITE_eu',\n },\n {\n label: 'LinkedIn',\n icon: 'pi pi-linkedin',\n url: 'https://www.linkedin.com/showcase/spacesuite_eu/',\n }\n ]\n }\n ];\n\n hideMenu: boolean = true;\n\n @HostListener('document:click', ['$event'])\n clickout(event: { target: any }) {\n if (!event.target.closest(\"p-tieredmenu\") && !event.target.closest(\"p-button.custom-header-button\")) {\n this.hideMenu = true;\n }\n}\n}\n","<div class=\"header\">\r\n <div class=\"flex justify-content-between md:justify-content-center gap-8 p-4\">\r\n <a href=\"https://www.spacesuite-project.eu/\" target=\"_blank\"><img class=\"logo flex align-items-center justify-content-center\" src=\"assets/images/SpaceSUITE_horizontal_color.png\" alt=\"LogoSpaceSUITE\"></a>\r\n <div class=\"justify-content-center hidden md:flex\" *ngFor=\"let item of items;\">\r\n <div class=\"flex align-items-center justify-content-center gap-2 text-xl font-bold header-option\" (click)=\"subMenu.toggle($event)\" *ngIf=\"item.label != 'Share'; else share\">\r\n <i [class]=\"item.icon\"></i>\r\n <div>{{item.label}}</div>\r\n <i *ngIf=\"item.items\" class=\"pi pi-angle-down\"></i>\r\n </div>\r\n <p-tieredmenu #subMenu [model]=\"item.items\" [breakpoint]=\"'767px'\" class=\"custom-p-tieredmenu\" [popup]=\"true\" />\r\n <ng-template #share>\r\n <div class=\"flex align-items-center justify-content-center gap-3\">\r\n <div *ngFor=\"let social of item.items;\">\r\n <a [href]=\"social.url\" target=\"_blank\">\r\n <i [class]=\"social.icon\" style=\"font-size: 1.25rem\"></i>\r\n </a>\r\n </div>\r\n </div>\r\n </ng-template>\r\n </div>\r\n <p-button #menuButton (click)=\"hideMenu = !hideMenu\" class=\"md:hidden flex align-items-center justify-content-center custom-header-button\" icon=\"pi pi-bars\" aria-label=\"Menu\"></p-button>\r\n </div>\r\n <p-tieredmenu #menu [hidden]=\"hideMenu\" [model]=\"items\" class=\"md:hidden custom-p-tieredmenu\"/>\r\n</div>\r\n","/*\r\n * Public API Surface of ngx-bok-utils\r\n */\r\n\r\nexport * from './lib/components/footer/footer.component';\r\nexport * from './lib/components/header/header.component';","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1"],"mappings":"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"}
|
package/index.d.ts
ADDED
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { EventEmitter } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class FooterComponent {
|
|
4
|
+
openReleaseNotes: EventEmitter<void>;
|
|
5
|
+
openUserManual: EventEmitter<void>;
|
|
6
|
+
clickReleaseNotes(): void;
|
|
7
|
+
clickUserManual(): void;
|
|
8
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FooterComponent, never>;
|
|
9
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FooterComponent, "footer", never, {}, { "openReleaseNotes": "openReleaseNotes"; "openUserManual": "openUserManual"; }, never, never, true, never>;
|
|
10
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { MenuItem } from 'primeng/api';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class HeaderComponent {
|
|
4
|
+
items: MenuItem[];
|
|
5
|
+
hideMenu: boolean;
|
|
6
|
+
clickout(event: {
|
|
7
|
+
target: any;
|
|
8
|
+
}): void;
|
|
9
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<HeaderComponent, never>;
|
|
10
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<HeaderComponent, "header", never, { "items": { "alias": "items"; "required": false; }; }, {}, never, never, true, never>;
|
|
11
|
+
}
|
package/package.json
ADDED
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@eo4geo/ngx-bok-utils",
|
|
3
|
+
"version": "1.0.0",
|
|
4
|
+
"author": "Marc Pardo Fernández",
|
|
5
|
+
"license": "MIT",
|
|
6
|
+
"peerDependencies": {
|
|
7
|
+
"@angular/common": "^19.1.0",
|
|
8
|
+
"@angular/core": "^19.1.0",
|
|
9
|
+
"@angular/animations": "^19.1.0",
|
|
10
|
+
"primeflex": "^3.3.1",
|
|
11
|
+
"primeicons": "^7.0.0",
|
|
12
|
+
"primeng": "^19.0.3"
|
|
13
|
+
},
|
|
14
|
+
"dependencies": {
|
|
15
|
+
"tslib": "^2.3.0"
|
|
16
|
+
},
|
|
17
|
+
"sideEffects": false,
|
|
18
|
+
"module": "fesm2022/eo4geo-ngx-bok-utils.mjs",
|
|
19
|
+
"typings": "index.d.ts",
|
|
20
|
+
"exports": {
|
|
21
|
+
"./package.json": {
|
|
22
|
+
"default": "./package.json"
|
|
23
|
+
},
|
|
24
|
+
".": {
|
|
25
|
+
"types": "./index.d.ts",
|
|
26
|
+
"default": "./fesm2022/eo4geo-ngx-bok-utils.mjs"
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
}
|
package/public-api.d.ts
ADDED