@memberjunction/ng-treelist 2.43.0 → 2.45.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 +38 -3
- package/package.json +7 -7
package/README.md
CHANGED
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
# @memberjunction/ng-treelist
|
|
2
2
|
|
|
3
|
-
The `@memberjunction/ng-treelist` package provides a
|
|
3
|
+
The `@memberjunction/ng-treelist` package provides a timeline visualization component using Kendo UI's Scheduler for displaying MemberJunction entity data in a chronological format. Despite its name suggesting tree-list functionality, this package currently contains a timeline component that displays entity records with time-based properties in a calendar view.
|
|
4
|
+
|
|
5
|
+
> **Note**: The package name `ng-treelist` is a historical artifact. The package contains timeline functionality, not tree-list functionality.
|
|
4
6
|
|
|
5
7
|
## Features
|
|
6
8
|
|
|
@@ -11,6 +13,8 @@ The `@memberjunction/ng-treelist` package provides a calendar-like visualization
|
|
|
11
13
|
- Event styling with custom colors and icons
|
|
12
14
|
- Auto-refresh when data sources change
|
|
13
15
|
- Optional custom summary generation with configurable functions
|
|
16
|
+
- All-day event display format
|
|
17
|
+
- Automatic date-based positioning of events
|
|
14
18
|
|
|
15
19
|
## Installation
|
|
16
20
|
|
|
@@ -190,7 +194,7 @@ export class YourComponent implements OnInit {
|
|
|
190
194
|
| `DisplayIcon` | `string` | (optional) | Custom icon class for events |
|
|
191
195
|
| `DisplayColorMode` | `'auto' \| 'manual'` | `'auto'` | Color selection mode |
|
|
192
196
|
| `DisplayColor` | `string` | (optional) | Manual color for events |
|
|
193
|
-
| `SummaryMode` | `'field' \| 'custom' \| 'none'` | `'field'` | Mode for summary display |
|
|
197
|
+
| `SummaryMode` | `'field' \| 'custom' \| 'none'` | `'field'` | Mode for summary display. Note: 'field' mode currently uses TitleFieldName |
|
|
194
198
|
| `SummaryFunction` | `(record: BaseEntity) => string` | (optional) | Function for custom summary generation |
|
|
195
199
|
|
|
196
200
|
#### Static Methods
|
|
@@ -203,6 +207,25 @@ export class YourComponent implements OnInit {
|
|
|
203
207
|
|
|
204
208
|
The component uses Kendo UI's styling for the scheduler display. You can customize the appearance by targeting the Kendo UI scheduler elements in your CSS.
|
|
205
209
|
|
|
210
|
+
### CSS Classes
|
|
211
|
+
|
|
212
|
+
The component wrapper has the class `wrapper` and uses the `mjFillContainer` directive for responsive sizing.
|
|
213
|
+
|
|
214
|
+
## Known Limitations
|
|
215
|
+
|
|
216
|
+
1. The component currently only supports week view display mode
|
|
217
|
+
2. Events are displayed as all-day events regardless of time information
|
|
218
|
+
3. When using `SummaryMode: 'field'`, the component uses the same field as `TitleFieldName` instead of a separate summary field
|
|
219
|
+
4. Multiple groups are loaded but only the last group's data is displayed (earlier groups are overwritten)
|
|
220
|
+
5. The component name suggests tree-list functionality but provides timeline functionality
|
|
221
|
+
|
|
222
|
+
## Best Practices
|
|
223
|
+
|
|
224
|
+
1. **Performance**: For large datasets, use pagination in your RunView queries to limit the number of records loaded
|
|
225
|
+
2. **Date Fields**: Ensure your date fields contain valid JavaScript date values or date strings
|
|
226
|
+
3. **Custom Summaries**: Use the `SummaryFunction` for rich HTML content display
|
|
227
|
+
4. **Icons**: Use Font Awesome icons for consistency with the MemberJunction UI
|
|
228
|
+
|
|
206
229
|
## Dependencies
|
|
207
230
|
|
|
208
231
|
- @angular/common
|
|
@@ -218,4 +241,16 @@ The component uses Kendo UI's styling for the scheduler display. You can customi
|
|
|
218
241
|
- @progress/kendo-angular-buttons
|
|
219
242
|
- @progress/kendo-angular-layout
|
|
220
243
|
- @progress/kendo-angular-indicators
|
|
221
|
-
- @progress/kendo-angular-scheduler
|
|
244
|
+
- @progress/kendo-angular-scheduler
|
|
245
|
+
|
|
246
|
+
## Migration Notes
|
|
247
|
+
|
|
248
|
+
If you're looking for tree-list functionality (hierarchical data display), this package does not provide that feature despite its name. For tree-list functionality in MemberJunction applications, consider:
|
|
249
|
+
|
|
250
|
+
1. Using Kendo UI's TreeList component directly
|
|
251
|
+
2. Creating a custom component with hierarchical data support
|
|
252
|
+
3. Checking other MemberJunction packages for tree/hierarchical display components
|
|
253
|
+
|
|
254
|
+
## Version History
|
|
255
|
+
|
|
256
|
+
See [CHANGELOG.md](./CHANGELOG.md) for version history and release notes.
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@memberjunction/ng-treelist",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.45.0",
|
|
4
4
|
"description": "MemberJunction: Treelist Display UI component",
|
|
5
5
|
"main": "./dist/public-api.js",
|
|
6
6
|
"typings": "./dist/public-api.d.ts",
|
|
@@ -25,12 +25,12 @@
|
|
|
25
25
|
"@angular/router": "18.0.2"
|
|
26
26
|
},
|
|
27
27
|
"dependencies": {
|
|
28
|
-
"@memberjunction/core-entities": "2.
|
|
29
|
-
"@memberjunction/global": "2.
|
|
30
|
-
"@memberjunction/core": "2.
|
|
31
|
-
"@memberjunction/ng-container-directives": "2.
|
|
32
|
-
"@memberjunction/ng-entity-form-dialog": "2.
|
|
33
|
-
"@memberjunction/ng-shared": "2.
|
|
28
|
+
"@memberjunction/core-entities": "2.45.0",
|
|
29
|
+
"@memberjunction/global": "2.45.0",
|
|
30
|
+
"@memberjunction/core": "2.45.0",
|
|
31
|
+
"@memberjunction/ng-container-directives": "2.45.0",
|
|
32
|
+
"@memberjunction/ng-entity-form-dialog": "2.45.0",
|
|
33
|
+
"@memberjunction/ng-shared": "2.45.0",
|
|
34
34
|
"@progress/kendo-angular-buttons": "16.2.0",
|
|
35
35
|
"@progress/kendo-angular-layout": "16.2.0",
|
|
36
36
|
"@progress/kendo-angular-indicators": "16.2.0",
|