Skip to content

Commit 79d8a1e

Browse files
Lidor-SystemsLidor-Systems
committed
23.3
1 parent 7086a31 commit 79d8a1e

File tree

837 files changed

+15427
-45482
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

837 files changed

+15427
-45482
lines changed

‎Angular/README.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@ Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app w
1616

1717
## Installation
1818

19-
Open the nodejs command prompt, go to application directory and type:
19+
The IntegralUI Web components are already present in the application directory (src/app/integralui), you only need to install the Angular libraries. Open the nodejs command prompt, go to application directory and type:
2020

2121
```bash
2222
npm install

‎Angular/package.json‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "integralui-web-quickstart-angular",
3-
"version": "23.1.0",
3+
"version": "23.3.0",
44
"author": "Lidor Systems",
55
"license": "SEE LICENSE in LICENSE.md",
66
"scripts": {
@@ -20,7 +20,7 @@
2020
"@angular/platform-browser": "^15.1.0",
2121
"@angular/platform-browser-dynamic": "^15.1.0",
2222
"@angular/router": "^15.1.0",
23-
"integralui-web": "~23.1.0",
23+
"integralui-web": "~23.3.0",
2424
"rxjs": "~7.8.0",
2525
"tslib": "^2.3.0",
2626
"zone.js": "~0.12.0"

‎Angular/src/app/app-routing.module.ts‎

Lines changed: 49 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,15 @@ import { ButtonGroupOverviewSample } from './samples/buttongroup/buttongroup-ove
1313
import { CalendarOverviewSample } from './samples/calendar/calendar-overview';
1414
import { CardOverview } from './samples/card/card-overview';
1515
import { CheckBoxOverviewSample } from './samples/checkbox/checkbox-overview';
16-
import { ContextMenuOverviewSample } from './samples/contextmenu/contextmenu-overview';
16+
17+
import { ContextMenuOverview } from './samples/contextmenu/contextmenu-overview';
18+
import { ContextMenuCheckBoxes } from './samples/contextmenu/contextmenu-checkbox';
19+
import { ContextMenuCustomTemplate } from './samples/contextmenu/contextmenu-custom-template';
20+
import { ContextMenuHeader } from './samples/contextmenu/contextmenu-header';
21+
import { ContextMenuMultiLevel } from './samples/contextmenu/contextmenu-multi-level';
22+
import { ContextMenuRadioButtons } from './samples/contextmenu/contextmenu-radiobuttons';
23+
import { ContextMenuSeparatorLabel } from './samples/contextmenu/contextmenu-separator-label';
24+
1725
import { DatePickerOverviewSample } from './samples/datepicker/datepicker-overview';
1826
import { DialogOverviewSample } from './samples/dialog/dialog-overview';
1927
import { DockPanelOverview } from './samples/dockpanel/dockpanel-overview';
@@ -57,6 +65,7 @@ import { GridShowHideHeaderFooter } from './samples/grid/layout/grid-show-hide-h
5765
import { GridPaginationOverview } from './samples/grid/pagination/grid-pagination-overview';
5866
//Sorting
5967
import { GridSortingOverview } from './samples/grid/sorting/grid-sorting-overview';
68+
import { GridMultiColumnSorting } from './samples/grid/sorting/grid-multi-column-sorting';
6069
// Styling
6170
import { GridCellsDifferentColors } from './samples/grid/styling/grid-cells-different-colors';
6271
import { GridColumnsDifferentColors } from './samples/grid/styling/grid-columns-different-colors';
@@ -112,7 +121,15 @@ import { ListViewTooltip } from './samples/listview/utility/listview-tooltip';
112121
import { ListViewFastLoad } from './samples/listview/virtualization/listview-fast-load';
113122

114123
import { LoadingOverview } from './samples/loading/loading-overview';
115-
import { MenuOverviewSample } from './samples/menu/menu-overview';
124+
125+
import { MenuOverview } from './samples/menu/menu-overview';
126+
import { MenuCheckBox } from './samples/menu/menu-checkbox';
127+
import { MenuCustomTemplate } from './samples/menu/menu-custom-template';
128+
import { MenuRadioButtons } from './samples/menu/menu-radiobuttons';
129+
import { MenuSeparatorLabel } from './samples/menu/menu-separator-label';
130+
import { MenuShortcuts } from './samples/menu/menu-shortcuts';
131+
import { MenuVertical } from './samples/menu/menu-vertical';
132+
116133
import { NumericOverviewSample } from './samples/numeric/numeric-overview';
117134
import { PaginatorOverviewSample } from './samples/paginator/paginator-overview';
118135

@@ -241,7 +258,13 @@ const routes: Routes = [
241258
{ path: 'calendar-overview', component: CalendarOverviewSample },
242259
{ path: 'card-overview', component: CardOverview },
243260
{ path: 'checkbox-overview', component: CheckBoxOverviewSample },
244-
{ path: 'contextmenu-overview', component: ContextMenuOverviewSample },
261+
{ path: 'contextmenu/overview', component: ContextMenuOverview },
262+
{ path: 'contextmenu/checkbox', component: ContextMenuCheckBoxes },
263+
{ path: 'contextmenu/custom-template', component: ContextMenuCustomTemplate },
264+
{ path: 'contextmenu/header', component: ContextMenuHeader },
265+
{ path: 'contextmenu/multi-level', component: ContextMenuMultiLevel },
266+
{ path: 'contextmenu/radiobuttons', component: ContextMenuRadioButtons },
267+
{ path: 'contextmenu/separator-label', component: ContextMenuSeparatorLabel },
245268
{ path: 'datepicker-overview', component: DatePickerOverviewSample },
246269
{ path: 'dialog-overview', component: DialogOverviewSample },
247270
{ path: 'dockpanel-overview', component: DockPanelOverview },
@@ -277,6 +300,7 @@ const routes: Routes = [
277300
{ path: 'grid/layout/show-hide-header-footer', component: GridShowHideHeaderFooter },
278301
{ path: 'grid/pagination/pagination-overview', component: GridPaginationOverview },
279302
{ path: 'grid/sorting/sorting-overview', component: GridSortingOverview },
303+
{ path: 'grid/sorting/multi-column-sorting', component: GridMultiColumnSorting },
280304
{ path: 'grid/styling/cells-different-colors', component: GridCellsDifferentColors },
281305
{ path: 'grid/styling/columns-different-colors', component: GridColumnsDifferentColors },
282306
{ path: 'grid/styling/rows-different-colors', component: GridRowsDifferentColors },
@@ -324,7 +348,13 @@ const routes: Routes = [
324348
{ path: 'listview/utility/listview-tooltip', component: ListViewTooltip },
325349
{ path: 'listview/virtualization/listview-fast-load', component: ListViewFastLoad },
326350
{ path: 'loading/loading-overview', component: LoadingOverview },
327-
{ path: 'menu-overview', component: MenuOverviewSample },
351+
{ path: 'menu/overview', component: MenuOverview },
352+
{ path: 'menu/checkbox', component: MenuCheckBox },
353+
{ path: 'menu/custom-template', component: MenuCustomTemplate },
354+
{ path: 'menu/radiobuttons', component: MenuRadioButtons },
355+
{ path: 'menu/separator-label', component: MenuSeparatorLabel },
356+
{ path: 'menu/shortcuts', component: MenuShortcuts },
357+
{ path: 'menu/vertical', component: MenuVertical },
328358
{ path: 'numeric-overview', component: NumericOverviewSample },
329359
{ path: 'paginator-overview', component: PaginatorOverviewSample },
330360
{ path: 'pivotgrid/overview', component: PivotGridOverview },
@@ -440,7 +470,13 @@ const routes: Routes = [
440470
CalendarOverviewSample,
441471
CardOverview,
442472
CheckBoxOverviewSample,
443-
ContextMenuOverviewSample,
473+
ContextMenuOverview,
474+
ContextMenuCheckBoxes,
475+
ContextMenuCustomTemplate,
476+
ContextMenuHeader,
477+
ContextMenuMultiLevel,
478+
ContextMenuRadioButtons,
479+
ContextMenuSeparatorLabel,
444480
DatePickerOverviewSample,
445481
DialogOverviewSample,
446482
DockPanelOverview,
@@ -474,6 +510,7 @@ const routes: Routes = [
474510
GridMultiLineHeaders,
475511
GridPaginationOverview,
476512
GridSortingOverview,
513+
GridMultiColumnSorting,
477514
GridCellsDifferentColors,
478515
GridColumnsDifferentColors,
479516
GridRowCustomToolbar,
@@ -523,7 +560,13 @@ const routes: Routes = [
523560
ListViewTooltip,
524561
ListViewFastLoad,
525562
LoadingOverview,
526-
MenuOverviewSample,
563+
MenuOverview,
564+
MenuCheckBox,
565+
MenuCustomTemplate,
566+
MenuRadioButtons,
567+
MenuSeparatorLabel,
568+
MenuShortcuts,
569+
MenuVertical,
527570
NumericOverviewSample,
528571
PaginatorOverviewSample,
529572
PivotGridOverview,

‎Angular/src/app/samples/accordion/accordion-overview.ts‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,16 @@
1+
/*
2+
Copyright © 2016-2022 Lidor Systems. All rights reserved.
3+
4+
This file is part of the "IntegralUI Web" Library.
5+
6+
The contents of this file are subject to the IntegralUI Web License, and may not be used except in compliance with the License.
7+
A copy of the License should have been installed in the product's root installation directory or it can be found at
8+
http://www.lidorsystems.com/products/web/studio/license-agreement.aspx.
9+
10+
This SOFTWARE is provided "AS IS", WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License for the specific language
11+
governing rights and limitations under the License. Any infringement will be prosecuted under applicable laws.
12+
*/
13+
114
import { Component, ElementRef, ViewChild } from '@angular/core';
215

316
import 'integralui-web/components/integralui.accordion';

‎Angular/src/app/samples/breadcrumb/breadcrumb-overview.css‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
[id="breadcrumb-overview"] {
2-
--breadcrumb-background: #fefefe;
3-
--breadcrumb-border-color: #e5e5e5;
4-
--breadcrumb-cursor: pointer;
2+
--iui-breadcrumb-background: #fefefe;
3+
--iui-breadcrumb-border-color: #e5e5e5;
4+
--iui-breadcrumb-cursor: pointer;
55
}

‎Angular/src/app/samples/button/button-overview.css‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
11
[id="button-overview"] iui-button {
2-
--button-margin: 3px;
3-
--button-padding: 10px;
2+
--iui-button-margin: 3px;
3+
--iui-button-padding: 10px;
44
}

‎Angular/src/app/samples/buttongroup/buttongroup-overview.css‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
11
[id="buttongroup-overview"] iui-button {
2-
--button-border-radius: 0;
3-
--button-padding: 10px;
4-
--button-margin: 0 0 0 -5px;
2+
--iui-button-border-radius: 0;
3+
--iui-button-padding: 10px;
4+
--iui-button-margin: 0 0 0 -5px;
55
}
66
[id="buttongroup-overview"] iui-button:first-child {
7-
--button-border-radius: 7px 0 0 7px;
8-
--button-margin: 0;
7+
--iui-button-border-radius: 7px 0 0 7px;
8+
--iui-button-margin: 0;
99
}
1010
[id="buttongroup-overview"] iui-button:last-child {
11-
--button-border-radius: 0 7px 7px 0;
11+
--iui-button-border-radius: 0 7px 7px 0;
1212
}

‎Angular/src/app/samples/card/card-overview.css‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -6,12 +6,12 @@ div[slot="back-content"] {
66
}
77
[id="card-overview"] {
88
/* Front */
9-
--card-front-header-border-radius: 15px;
10-
--card-front-header-padding: 7px 10px;
11-
--card-front-border-radius: 15px;
12-
--card-front-footer-padding: 3px 10px;
9+
--iui-card-front-header-border-radius: 15px;
10+
--iui-card-front-header-padding: 7px 10px;
11+
--iui-card-front-border-radius: 15px;
12+
--iui-card-front-footer-padding: 3px 10px;
1313

1414
/* Back */
15-
--card-back-border-radius: 15px;
15+
--iui-card-back-border-radius: 15px;
1616

1717
}

‎Angular/src/app/samples/checkbox/checkbox-overview.css‎

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1,29 +1,29 @@
11
/* CheckBox 2 */
22
[id="checkbox-ovw-2"] {
3-
--checkbox-btn-checked-background-image: url(src/assets/resources/checkbox/checkbox-checked.png);
4-
--checkbox-btn-indeterminate-background-image: url(src/assets/resources/checkbox/checkbox-indeterminate.png);
5-
--checkbox-btn-unchecked-background-image: url(src/assets/resources/checkbox/checkbox-unchecked.png);
3+
--iui-checkbox-btn-checked-background-image: url(src/assets/resources/checkbox/checkbox-checked.png);
4+
--iui-checkbox-btn-indeterminate-background-image: url(src/assets/resources/checkbox/checkbox-indeterminate.png);
5+
--iui-checkbox-btn-unchecked-background-image: url(src/assets/resources/checkbox/checkbox-unchecked.png);
66
}
77

88
/* CheckBox 3 */
99
[id="checkbox-ovw-3"] {
10-
--checkbox-btn-checked-background-image: url(src/assets/resources/checkbox/checkbox-checked-5.png);
11-
--checkbox-btn-unchecked-background-image: url(src/assets/resources/checkbox/checkbox-unchecked-5.png);
12-
--checkbox-btn-width: 39px;
13-
--checkbox-btn-height: 14px;
10+
--iui-checkbox-btn-checked-background-image: url(src/assets/resources/checkbox/checkbox-checked-5.png);
11+
--iui-checkbox-btn-unchecked-background-image: url(src/assets/resources/checkbox/checkbox-unchecked-5.png);
12+
--iui-checkbox-btn-width: 39px;
13+
--iui-checkbox-btn-height: 14px;
1414
}
1515

1616
/* CheckBox 4 */
1717
[id="checkbox-ovw-4"] {
18-
--checkbox-btn-checked-background-image: url(src/assets/resources/checkbox/checkbox-checked-4.png);
19-
--checkbox-btn-unchecked-background-image: url(src/assets/resources/checkbox/checkbox-unchecked-4.png);
18+
--iui-checkbox-btn-checked-background-image: url(src/assets/resources/checkbox/checkbox-checked-4.png);
19+
--iui-checkbox-btn-unchecked-background-image: url(src/assets/resources/checkbox/checkbox-unchecked-4.png);
2020
}
2121

2222
/* CheckBox 5 */
2323
[id="checkbox-ovw-5"] {
24-
--checkbox-btn-checked-background-image: url(src/assets/resources/checkbox/checkbox-checked-3.png);
25-
--checkbox-btn-unchecked-background-image: url(src/assets/resources/checkbox/checkbox-unchecked-3.png);
26-
--checkbox-btn-width: 32px;
27-
--checkbox-btn-height: 14px;
24+
--iui-checkbox-btn-checked-background-image: url(src/assets/resources/checkbox/checkbox-checked-3.png);
25+
--iui-checkbox-btn-unchecked-background-image: url(src/assets/resources/checkbox/checkbox-unchecked-3.png);
26+
--iui-checkbox-btn-width: 32px;
27+
--iui-checkbox-btn-height: 14px;
2828
}
2929

‎Angular/src/app/samples/contextmenu/contextmenu-checkbox.css‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
.cmnu-checkbox-block {
2+
background: white;
3+
border: thin solid gray;
4+
width: 800px;
5+
height: 300px;
6+
}
7+
.cmnu-checkbox-block span {
8+
color: #808080;
9+
cursor: default;
10+
display: block;
11+
margin: 140px auto;
12+
text-align: center;
13+
}

0 commit comments

Comments
 (0)