@bexis2/bexis2-core-ui 0.4.24 → 0.4.26

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 CHANGED
@@ -1,4 +1,12 @@
1
1
  # bexis-core-ui
2
+ ## 0.4.26
3
+ - menu
4
+ - change submenu buttons to a link and add link menuitems to support right click menu
5
+
6
+ ## 0.4.25
7
+ - menu
8
+ - add internal & target to menuItemType to support handle menuEntries open in same or other window
9
+
2
10
  ## 0.4.24
3
11
  - Table
4
12
  - Adds option for enabling/disabling show/hide column menu in table.
@@ -15,8 +15,11 @@ let popupCombobox = {
15
15
 
16
16
  {#if menubarItem.Items.length < 1}
17
17
  <div class="p-2">
18
- <button class="grid" use:popup={popupCombobox} on:click={() => goTo(menubarItem.Url)}>
19
- <span class="capitalize whitespace-nowrap">{comboboxValue ?? menubarItem.Title}</span>
18
+
19
+ <button class="grid" use:popup={popupCombobox} >
20
+ <a class="grid" href={menubarItem.Url} target="{menubarItem.Target}">
21
+ <span class="capitalize whitespace-nowrap">{comboboxValue ?? menubarItem.Title}</span>
22
+ </a>
20
23
  </button>
21
24
  </div>
22
25
  {:else}
@@ -1,4 +1,4 @@
1
- <script>import { ListBox, ListBoxItem } from "@skeletonlabs/skeleton";
1
+ <script>import { ListBox, ListBoxItem, TreeViewItem } from "@skeletonlabs/skeleton";
2
2
  import { goTo } from "../../../services/BaseCaller";
3
3
  export let items;
4
4
  let lastModule = "";
@@ -20,7 +20,7 @@ function clickFn(item) {
20
20
  logOffFn();
21
21
  return;
22
22
  } else {
23
- goTo(item.Url);
23
+ goTo(item.Url, item.Internal, item.Target);
24
24
  }
25
25
  }
26
26
  async function logOffFn() {
@@ -56,9 +56,9 @@ async function logOffFn() {
56
56
  bind:group={item.Title}
57
57
  name="medium"
58
58
  value={item.Title}
59
- on:click={() => clickFn(item)}
59
+
60
60
  >
61
- {item.Title}
61
+ <a href={item.Url} target="{item.Target}">{item.Title}</a>
62
62
  </ListBoxItem>
63
63
 
64
64
  {/each}
@@ -21,6 +21,7 @@ export interface menuItemType {
21
21
  Url: string;
22
22
  Target: string;
23
23
  Module: string;
24
+ Internal: boolean;
24
25
  Items: menuItemType[];
25
26
  }
26
27
  export interface logoType {
@@ -1 +1 @@
1
- export function goTo(url: any, intern?: boolean): Promise<void>;
1
+ export function goTo(url: any, intern?: boolean, target?: string): Promise<void>;
@@ -3,11 +3,11 @@
3
3
  import { host } from '../stores/apiStores';
4
4
 
5
5
  // go to a internal action
6
- export const goTo = async (url, intern = true) => {
6
+ export const goTo = async (url, intern = true, target="_self") => {
7
7
  if (intern == true) {
8
8
  // go to inside bexis2
9
9
  if (window != null && host != null && url != null) {
10
- window.open(host + url, '_self')?.focus();
10
+ window.open(host + url, target)?.focus();
11
11
  }
12
12
  } // go to a external page
13
13
  else {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bexis2/bexis2-core-ui",
3
- "version": "0.4.24",
3
+ "version": "0.4.26",
4
4
  "private": false,
5
5
  "scripts": {
6
6
  "dev": "vite dev",
@@ -26,8 +26,11 @@
26
26
 
27
27
  {#if menubarItem.Items.length < 1}
28
28
  <div class="p-2">
29
- <button class="grid" use:popup={popupCombobox} on:click={() => goTo(menubarItem.Url)}>
30
- <span class="capitalize whitespace-nowrap">{comboboxValue ?? menubarItem.Title}</span>
29
+
30
+ <button class="grid" use:popup={popupCombobox} >
31
+ <a class="grid" href={menubarItem.Url} target="{menubarItem.Target}">
32
+ <span class="capitalize whitespace-nowrap">{comboboxValue ?? menubarItem.Title}</span>
33
+ </a>
31
34
  </button>
32
35
  </div>
33
36
  {:else}
@@ -1,5 +1,5 @@
1
1
  <script lang="ts">
2
- import { ListBox, ListBoxItem } from '@skeletonlabs/skeleton';
2
+ import { ListBox, ListBoxItem, TreeViewItem } from '@skeletonlabs/skeleton';
3
3
  import type { menuItemType } from '../../../models/Page';
4
4
  import { goTo } from '../../../services/BaseCaller';
5
5
 
@@ -31,7 +31,7 @@
31
31
  return;
32
32
  }
33
33
  else{
34
- goTo(item.Url)
34
+ goTo(item.Url, item.Internal, item.Target);
35
35
  }
36
36
  }
37
37
 
@@ -76,9 +76,9 @@
76
76
  bind:group={item.Title}
77
77
  name="medium"
78
78
  value={item.Title}
79
- on:click={() => clickFn(item)}
79
+
80
80
  >
81
- {item.Title}
81
+ <a href={item.Url} target="{item.Target}">{item.Title}</a>
82
82
  </ListBoxItem>
83
83
 
84
84
  {/each}
@@ -29,6 +29,7 @@ export interface menuItemType {
29
29
  Url: string;
30
30
  Target: string;
31
31
  Module: string;
32
+ Internal: boolean;
32
33
  Items: menuItemType[];
33
34
  }
34
35
 
@@ -3,11 +3,11 @@
3
3
  import { host } from '$store/apiStores';
4
4
 
5
5
  // go to a internal action
6
- export const goTo = async (url, intern = true) => {
6
+ export const goTo = async (url, intern = true, target="_self") => {
7
7
  if (intern == true) {
8
8
  // go to inside bexis2
9
9
  if (window != null && host != null && url != null) {
10
- window.open(host + url, '_self')?.focus();
10
+ window.open(host + url, target)?.focus();
11
11
  }
12
12
  } // go to a external page
13
13
  else {