@eui/cli 16.2.10-snapshot-1706065936736 → 16.2.10

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.
@@ -1 +1 @@
1
- 16.2.10-snapshot-1706065936736
1
+ 16.2.10
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "eui-angular-app",
3
- "version": "16.2.10-snapshot-1706065936736",
3
+ "version": "16.2.10",
4
4
  "license": "EUPL-1.1",
5
5
  "scripts": {
6
6
  "ng": "ng",
@@ -20,6 +20,6 @@
20
20
  },
21
21
  "private": true,
22
22
  "dependencies": {
23
- "@eui/deps-base": "16.2.10-snapshot-1706065936736"
23
+ "@eui/deps-base": "16.2.10"
24
24
  }
25
25
  }
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "eui-angular-app",
3
- "version": "16.2.10-snapshot-1706065936736",
3
+ "version": "16.2.10",
4
4
  "license": "EUPL-1.1",
5
5
  "scripts": {
6
6
  "ng": "ng",
@@ -20,8 +20,8 @@
20
20
  },
21
21
  "private": true,
22
22
  "dependencies": {
23
- "@eui/deps-base": "16.2.10-snapshot-1706065936736",
24
- "@eui/mobile-core": "16.4.0-snapshot-1706028478732",
25
- "@eui/mobile-styles": "16.4.0-snapshot-1706028478732"
23
+ "@eui/deps-base": "16.2.10",
24
+ "@eui/mobile-core": "16.4.0-snapshot-1706182120922",
25
+ "@eui/mobile-styles": "16.4.0-snapshot-1706182120922"
26
26
  }
27
27
  }
@@ -1,27 +1,45 @@
1
1
  <euim-app>
2
- <euim-app-sidebar>
3
- <euim-app-sidebar-header>
4
- <euim-user-profile>
5
- <euim-user-profile-avatar>
6
- <euim-avatar-icon color="primary" size="m" fill="solid">
7
- <ion-icon icon="person-circle"></ion-icon>
8
- </euim-avatar-icon>
9
- </euim-user-profile-avatar>
10
- <euim-user-profile-infos >
11
- <euim-user-profile-infos-item>
12
- <p euimLabel></p>
13
- </euim-user-profile-infos-item>
14
- <euim-user-profile-infos-item>
15
- <p euimLabel></p>
16
- </euim-user-profile-infos-item>
17
- </euim-user-profile-infos>
18
- <euim-user-profile-action>
19
- <euim-language-selector euimPrimary></euim-language-selector>
20
- </euim-user-profile-action>
21
- </euim-user-profile>
22
- </euim-app-sidebar-header>
23
-
24
- <euim-app-sidebar-menu [items]="sidebarItems" (itemClick)="onItemClick($event)"></euim-app-sidebar-menu>
25
-
26
- </euim-app-sidebar>
2
+ <euim-sidebar id="mainSidebar">
3
+ <euim-user-profile>
4
+ <euim-user-profile-avatar>
5
+ <euim-avatar-icon color="primary" fill="solid" size="m">
6
+ <ion-icon name="person-circle-sharp"></ion-icon>
7
+ </euim-avatar-icon>
8
+ </euim-user-profile-avatar>
9
+ <euim-user-profile-infos>
10
+ <euim-user-profile-infos-item>
11
+ <div euimLabel euimLabelTitle>John Doe</div>
12
+ </euim-user-profile-infos-item>
13
+ <euim-user-profile-infos-item>
14
+ <div euimLabel euimLabelSubTitle>DG DIGIT</div>
15
+ </euim-user-profile-infos-item>
16
+ </euim-user-profile-infos>
17
+ <euim-user-profile-action>
18
+ <euim-language-selector euimPrimary></euim-language-selector>
19
+ </euim-user-profile-action>
20
+ </euim-user-profile>
21
+ <euim-sidebar-content>
22
+ <ng-container *ngFor="let menuItem of sidebarItems">
23
+ <ion-item-divider *ngIf="menuItem?.isSection">
24
+ <ion-label>{{menuItem?.label}}</ion-label>
25
+ </ion-item-divider>
26
+ <ion-item *ngIf="!menuItem?.isSection"
27
+ (click)="onItemClick(menuItem)"
28
+ button
29
+ lines="none">
30
+ <ion-icon [color]="menuItem.iconColor" [name]="menuItem.icon"
31
+ slot="start"></ion-icon>
32
+ <ion-label>
33
+ <div euimDark euimLabel euimLabelMeta>{{menuItem?.label}}</div>
34
+ </ion-label>
35
+ </ion-item>
36
+ </ng-container>
37
+ </euim-sidebar-content>
38
+ <ion-footer>
39
+ <ion-item>
40
+ <div euimDark euimLabel euimSizeM>eUl/Mobile</div>
41
+ <div euimDefault euimLabel euimSizeS slot="end"></div>
42
+ </ion-item>
43
+ </ion-footer>
44
+ </euim-sidebar>
27
45
  </euim-app>
@@ -1,11 +1,11 @@
1
- import { Component, OnDestroy, OnInit } from '@angular/core';
1
+ import { Component, OnDestroy } from '@angular/core';
2
2
  import { Store } from '@ngrx/store';
3
3
  import {
4
4
  getUserState,
5
5
  UserState,
6
6
  } from '@eui/core';
7
7
  import { Observable, Subscription } from 'rxjs';
8
- import { EuimMenuItem } from '@eui/mobile-core';
8
+ import {NavController} from "@ionic/angular";
9
9
 
10
10
  @Component({
11
11
  selector: 'app-root',
@@ -18,23 +18,33 @@ export class AppComponent implements OnDestroy {
18
18
  // an array to keep all subscriptions and easily unsubscribe
19
19
  subs: Subscription[] = [];
20
20
 
21
- sidebarItems = [
22
- { label: 'Home', url: 'screen/home', iconClass: 'eui-icon-home' },
23
- { label: 'Module 1', url: 'screen/module1', iconClass: 'eui-icon-work', children: [
24
- { label: 'page 1', url: 'screen/module1/page1' },
25
- { label: 'page 2', url: 'screen/module1/page2' },
26
- ] },
27
- { label: 'Module 2', url: 'screen/module2', iconClass: 'eui-icon-work' },
28
- ];
29
- notificationItems = [
30
- { label: 'Title label 1', subLabel: 'Subtitle label' },
31
- { label: 'Title label 2', subLabel: 'Subtitle label' },
32
- { label: 'Title label 3', subLabel: 'Subtitle label' },
33
- { label: 'Title label 4', subLabel: 'Subtitle label' },
21
+ public sidebarItems: MenuItem[] = [
22
+ {
23
+ label: 'Home', url: 'screen/home', icon: 'home-outline',
24
+ iconColor: 'dark',
25
+ },
26
+ {
27
+ isSection: true,
28
+ label: 'MODULE 1',
29
+ },
30
+ { label: 'Module Page', url: 'screen/module1',
31
+ icon: 'document-outline', iconColor: 'dark', },
32
+ { label: 'Page 1', url: 'screen/module1/page1',
33
+ icon: 'document-outline', iconColor: 'dark', },
34
+ { label: 'Page 2', url: 'screen/module1/page2',
35
+ icon: 'document-outline', iconColor: 'dark', },
36
+ {
37
+ isSection: true,
38
+ label: 'MODULE 2',
39
+ },
40
+ { label: 'Module Page', url: 'screen/module2',
41
+ icon: 'document-outline', iconColor: 'dark', },
42
+
34
43
  ];
35
44
 
36
45
  constructor(
37
46
  private store: Store<any>,
47
+ private navCtrl:NavController,
38
48
  ) {
39
49
  this.userState = this.store.select(getUserState);
40
50
  this.subs.push(this.userState.subscribe((user: UserState) => {
@@ -46,8 +56,22 @@ export class AppComponent implements OnDestroy {
46
56
  this.subs.forEach((s: Subscription) => s.unsubscribe());
47
57
  }
48
58
 
49
- onItemClick(item: EuimMenuItem) {
50
- // Handle any menu item click
51
- console.log(item);
59
+ onItemClick(menuItem: MenuItem): void {
60
+ if (menuItem && menuItem.url) {
61
+ if (menuItem.url.indexOf('http') > -1) {
62
+ window.open(menuItem.url, '_blank');
63
+ } else {
64
+ this.navCtrl.navigateRoot(menuItem.url).then();
65
+ }
66
+ }
52
67
  }
68
+
69
+ }
70
+
71
+ export interface MenuItem {
72
+ icon?: string;
73
+ iconColor?: string;
74
+ label: string;
75
+ url?: string;
76
+ isSection?: boolean;
53
77
  }
@@ -6,9 +6,6 @@
6
6
  </ion-toolbar>
7
7
  </ion-header>
8
8
 
9
- <ion-content>
10
- <div class="ion-padding">
11
- Welcome to eUI mobile app
12
- </div>
13
-
9
+ <ion-content class="ion-padding">
10
+ Welcome to eUI mobile app
14
11
  </ion-content>
@@ -1,11 +1,11 @@
1
1
  <ion-header>
2
2
  <ion-toolbar color="primary">
3
- <euim-toolbar backButtonDefaultHref="/screen/module1">
3
+ <euim-toolbar>
4
4
  <euim-toolbar-title>Module 1 - Page 1</euim-toolbar-title>
5
5
  </euim-toolbar>
6
6
  </ion-toolbar>
7
7
  </ion-header>
8
8
 
9
9
  <ion-content class="ion-padding">
10
- page content
10
+ page 1 content
11
11
  </ion-content>
@@ -1,11 +1,11 @@
1
1
  <ion-header>
2
2
  <ion-toolbar color="primary">
3
- <euim-toolbar backButtonDefaultHref="/screen/module1">
3
+ <euim-toolbar>
4
4
  <euim-toolbar-title>Module 1 - Page 2</euim-toolbar-title>
5
5
  </euim-toolbar>
6
6
  </ion-toolbar>
7
7
  </ion-header>
8
8
 
9
9
  <ion-content class="ion-padding">
10
- page content
10
+ page 2 content
11
11
  </ion-content>
@@ -1,15 +1,15 @@
1
1
  <ion-header>
2
2
  <ion-toolbar color="primary">
3
3
  <euim-toolbar [hasSidebarTrigger]="true">
4
- <euim-toolbar-title>Module 2 - home</euim-toolbar-title>
4
+ <euim-toolbar-title>Module 1 - home</euim-toolbar-title>
5
5
  </euim-toolbar>
6
6
  </ion-toolbar>
7
7
  </ion-header>
8
8
 
9
9
  <ion-content class="ion-padding">
10
- page content
10
+ Module 1 List page content
11
11
  <br><br>
12
- <a (click)="onNavigate('/screen/module1/page1')">Goto page 1</a>
12
+ <ion-button (click)="onNavigate('/screen/module1/page1')">Goto page 1</ion-button>
13
13
  <br><br>
14
- <a (click)="onNavigate('/screen/module1/page2')">Goto page 2</a>
14
+ <ion-button (click)="onNavigate('/screen/module1/page2')">Goto page 2</ion-button>
15
15
  </ion-content>
@@ -7,5 +7,5 @@
7
7
  </ion-header>
8
8
 
9
9
  <ion-content class="ion-padding">
10
- page content
10
+ Module 2 page content
11
11
  </ion-content>
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "eui-angular-app",
3
- "version": "16.2.10-snapshot-1706065936736",
3
+ "version": "16.2.10",
4
4
  "license": "EUPL-1.1",
5
5
  "scripts": {
6
6
  "ng": "ng",
@@ -21,6 +21,6 @@
21
21
  },
22
22
  "private": true,
23
23
  "dependencies": {
24
- "@eui/deps-base": "16.2.10-snapshot-1706065936736"
24
+ "@eui/deps-base": "16.2.10"
25
25
  }
26
26
  }
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "eui-angular-app",
3
- "version": "16.2.10-snapshot-1706065936736",
3
+ "version": "16.2.10",
4
4
  "license": "EUPL-1.1",
5
5
  "scripts": {
6
6
  "ng": "ng",
@@ -18,6 +18,6 @@
18
18
  },
19
19
  "private": true,
20
20
  "dependencies": {
21
- "@eui/deps-base": "16.2.10-snapshot-1706065936736"
21
+ "@eui/deps-base": "16.2.10"
22
22
  }
23
23
  }
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "eui-angular-app",
3
- "version": "16.2.10-snapshot-1706065936736",
3
+ "version": "16.2.10",
4
4
  "license": "EUPL-1.1",
5
5
  "description": "eUI JEE Symfony app scripts",
6
6
  "scripts": {
@@ -19,6 +19,6 @@
19
19
  },
20
20
  "private": true,
21
21
  "dependencies": {
22
- "@eui/deps-base": "16.2.10-snapshot-1706065936736"
22
+ "@eui/deps-base": "16.2.10"
23
23
  }
24
24
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@eui/cli",
3
- "version": "16.2.10-snapshot-1706065936736",
4
- "tag": "snapshot",
3
+ "version": "16.2.10",
4
+ "tag": "prev",
5
5
  "license": "EUPL-1.1",
6
6
  "description": "eUI CLI app generator",
7
7
  "bin": {