@memberjunction/ng-simple-record-list 3.4.0 → 4.1.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
CHANGED
|
@@ -1,18 +1,45 @@
|
|
|
1
1
|
# @memberjunction/ng-simple-record-list
|
|
2
2
|
|
|
3
|
-
A lightweight, reusable Angular component for displaying,
|
|
3
|
+
A lightweight, reusable Angular component for displaying, creating, editing, and deleting records from any MemberJunction entity. Provides a streamlined grid interface with built-in CRUD operations, custom action buttons, and inline form dialogs.
|
|
4
|
+
|
|
5
|
+
## Overview
|
|
6
|
+
|
|
7
|
+
The `SimpleRecordListComponent` is designed for settings pages and administrative interfaces where a full data grid is overkill. It renders a simple list of records for a given entity with configurable columns, sorting, and action buttons (edit, delete, custom action). New records and edits are handled via the `EntityFormDialogComponent`.
|
|
8
|
+
|
|
9
|
+
```mermaid
|
|
10
|
+
graph TD
|
|
11
|
+
SRL["SimpleRecordListComponent\n(<mj-simple-record-list>)"] --> KG["Record Grid\n(Kendo Grid)"]
|
|
12
|
+
SRL --> EFD["EntityFormDialogComponent\n(Edit/New)"]
|
|
13
|
+
SRL --> DEL["Delete Confirmation\n(Kendo Dialog)"]
|
|
14
|
+
SRL --> CA["Custom Action Button"]
|
|
15
|
+
|
|
16
|
+
KG --> EDIT["Edit Button"]
|
|
17
|
+
KG --> DELETE["Delete Button"]
|
|
18
|
+
KG --> CUSTOM["Custom Action"]
|
|
19
|
+
|
|
20
|
+
style SRL fill:#7c5295,stroke:#563a6b,color:#fff
|
|
21
|
+
style KG fill:#2d6a9f,stroke:#1a4971,color:#fff
|
|
22
|
+
style EFD fill:#2d8659,stroke:#1a5c3a,color:#fff
|
|
23
|
+
style DEL fill:#b8762f,stroke:#8a5722,color:#fff
|
|
24
|
+
style CA fill:#b8762f,stroke:#8a5722,color:#fff
|
|
25
|
+
style EDIT fill:#2d8659,stroke:#1a5c3a,color:#fff
|
|
26
|
+
style DELETE fill:#2d8659,stroke:#1a5c3a,color:#fff
|
|
27
|
+
style CUSTOM fill:#2d8659,stroke:#1a5c3a,color:#fff
|
|
28
|
+
```
|
|
4
29
|
|
|
5
30
|
## Features
|
|
6
31
|
|
|
7
|
-
- **
|
|
8
|
-
- **
|
|
9
|
-
- **
|
|
10
|
-
- **Custom
|
|
11
|
-
- **
|
|
12
|
-
- **
|
|
13
|
-
- **
|
|
14
|
-
- **
|
|
15
|
-
- **
|
|
32
|
+
- **Entity-agnostic**: Works with any MemberJunction entity by name
|
|
33
|
+
- **Configurable columns**: Specify which columns to display, or auto-select from metadata
|
|
34
|
+
- **CRUD operations**: Built-in New, Edit, and Delete with confirmation dialogs
|
|
35
|
+
- **Custom action button**: Optional per-row action with configurable icon, tooltip, and handler
|
|
36
|
+
- **Dynamic icons/tooltips**: Custom action icon and tooltip can be functions of the record
|
|
37
|
+
- **Inline form editing**: Opens `EntityFormDialogComponent` for editing individual records
|
|
38
|
+
- **Section-mode editing**: Optionally show only a specific form section in the edit dialog
|
|
39
|
+
- **Default values**: Set default field values for new records
|
|
40
|
+
- **Extra filter**: Apply additional SQL filter to scope the visible records
|
|
41
|
+
- **Delete prevention**: Cancel delete via event handler
|
|
42
|
+
- **Sorting**: Sort by any column
|
|
16
43
|
|
|
17
44
|
## Installation
|
|
18
45
|
|
|
@@ -20,325 +47,73 @@ A lightweight, reusable Angular component for displaying, editing, creating, and
|
|
|
20
47
|
npm install @memberjunction/ng-simple-record-list
|
|
21
48
|
```
|
|
22
49
|
|
|
23
|
-
##
|
|
24
|
-
|
|
25
|
-
### Module Import
|
|
26
|
-
|
|
27
|
-
Import the module in your Angular application:
|
|
28
|
-
|
|
29
|
-
```typescript
|
|
30
|
-
import { SimpleRecordListModule } from '@memberjunction/ng-simple-record-list';
|
|
31
|
-
|
|
32
|
-
@NgModule({
|
|
33
|
-
imports: [
|
|
34
|
-
CommonModule,
|
|
35
|
-
SimpleRecordListModule
|
|
36
|
-
]
|
|
37
|
-
})
|
|
38
|
-
export class YourModule { }
|
|
39
|
-
```
|
|
40
|
-
|
|
41
|
-
### Basic Implementation
|
|
42
|
-
|
|
43
|
-
Simple usage with automatic column detection:
|
|
50
|
+
## Key Dependencies
|
|
44
51
|
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
52
|
+
| Dependency | Purpose |
|
|
53
|
+
|---|---|
|
|
54
|
+
| `@memberjunction/core` | Metadata, BaseEntity, RunView |
|
|
55
|
+
| `@memberjunction/ng-entity-form-dialog` | Record editing dialog |
|
|
56
|
+
| `@memberjunction/ng-notifications` | Notification service |
|
|
57
|
+
| `@progress/kendo-angular-grid` | Grid display |
|
|
58
|
+
| `@progress/kendo-angular-dialog` | Confirmation dialogs |
|
|
51
59
|
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
Full-featured implementation with custom columns and actions:
|
|
60
|
+
## Usage
|
|
55
61
|
|
|
56
62
|
```html
|
|
57
63
|
<mj-simple-record-list
|
|
58
|
-
EntityName="
|
|
59
|
-
[Columns]="['Name', '
|
|
60
|
-
SortBy="Name"
|
|
61
|
-
[AllowDelete]="true"
|
|
64
|
+
[EntityName]="'Roles'"
|
|
65
|
+
[Columns]="['Name', 'Description']"
|
|
66
|
+
[SortBy]="'Name'"
|
|
62
67
|
[AllowNew]="true"
|
|
63
68
|
[AllowEdit]="true"
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
(
|
|
67
|
-
(
|
|
68
|
-
|
|
69
|
-
```
|
|
70
|
-
|
|
71
|
-
### Component Implementation
|
|
72
|
-
|
|
73
|
-
```typescript
|
|
74
|
-
import { Component } from '@angular/core';
|
|
75
|
-
import { BaseEntity, UserEntity } from '@memberjunction/core-entities';
|
|
76
|
-
|
|
77
|
-
@Component({
|
|
78
|
-
selector: 'app-user-management',
|
|
79
|
-
templateUrl: './user-management.component.html'
|
|
80
|
-
})
|
|
81
|
-
export class UserManagementComponent {
|
|
82
|
-
|
|
83
|
-
onUserSelected(user: BaseEntity): void {
|
|
84
|
-
console.log('User selected:', user.Get('Name'));
|
|
85
|
-
// Navigate to detail view or perform other actions
|
|
86
|
-
}
|
|
87
|
-
|
|
88
|
-
onUserEdited(user: BaseEntity): void {
|
|
89
|
-
console.log('User edited:', user.Get('ID'));
|
|
90
|
-
// Handle post-edit logic
|
|
91
|
-
}
|
|
92
|
-
|
|
93
|
-
onUserCreated(user: BaseEntity): void {
|
|
94
|
-
console.log('New user created:', user.Get('ID'));
|
|
95
|
-
// Handle post-creation logic
|
|
96
|
-
}
|
|
97
|
-
}
|
|
98
|
-
```
|
|
99
|
-
|
|
100
|
-
## API Documentation
|
|
101
|
-
|
|
102
|
-
### Input Properties
|
|
103
|
-
|
|
104
|
-
| Property | Type | Default | Description |
|
|
105
|
-
|----------|------|---------|-------------|
|
|
106
|
-
| `EntityName` | `string` | `''` | **Required.** Name of the MemberJunction entity to display records for |
|
|
107
|
-
| `Columns` | `string[]` | `[]` | List of column names to display. If empty, columns are auto-detected based on entity metadata |
|
|
108
|
-
| `SortBy` | `string` | `''` | Column name to sort by. Uses client-side string comparison sorting |
|
|
109
|
-
| `AllowDelete` | `boolean` | `true` | Shows/hides delete button for each record |
|
|
110
|
-
| `AllowNew` | `boolean` | `true` | Shows/hides the "New" button above the grid |
|
|
111
|
-
| `AllowEdit` | `boolean` | `true` | Shows/hides edit button for each record |
|
|
112
|
-
| `AllowCustomAction` | `boolean` | `false` | Enables custom action button for each record |
|
|
113
|
-
| `CustomActionIcon` | `string` | `''` | Font Awesome icon class for custom action (e.g., 'fa-user-lock') |
|
|
114
|
-
| `CustomActionIconFunction` | `Function` | `null` | Function to dynamically determine icon based on record |
|
|
115
|
-
| `CustomActionTooltip` | `string` | `''` | Tooltip text for custom action button |
|
|
116
|
-
| `CustomActionTooltipFunction` | `Function` | `null` | Function to dynamically determine tooltip based on record |
|
|
117
|
-
| `CustomActionDialogTitle` | `string` | `'Confirm Action'` | Title for custom action confirmation dialog |
|
|
118
|
-
| `CustomActionDialogMessage` | `string` | `'Are you sure you want to perform this action?'` | Message for custom action dialog. Supports `{{recordName}}` placeholder |
|
|
119
|
-
| `CustomActionDialogInfo` | `string` | `''` | Additional information shown in custom action dialog |
|
|
120
|
-
| `EditSectionName` | `string` | `'details'` | Section name passed to entity form dialog for edit/new operations |
|
|
121
|
-
|
|
122
|
-
### Output Events
|
|
123
|
-
|
|
124
|
-
| Event | Type | Description |
|
|
125
|
-
|-------|------|-------------|
|
|
126
|
-
| `RecordSelected` | `EventEmitter<BaseEntity>` | Fired when a record row is clicked |
|
|
127
|
-
| `RecordEdited` | `EventEmitter<BaseEntity>` | Fired after a record is successfully edited |
|
|
128
|
-
| `RecordCreated` | `EventEmitter<BaseEntity>` | Fired after a new record is successfully created |
|
|
129
|
-
| `CustomActionClicked` | `EventEmitter<BaseEntity>` | Fired when custom action button is clicked (before confirmation) |
|
|
130
|
-
| `CustomActionConfirmed` | `EventEmitter<BaseEntity>` | Fired when custom action is confirmed in dialog |
|
|
131
|
-
|
|
132
|
-
## Column Auto-Detection Logic
|
|
133
|
-
|
|
134
|
-
When no columns are specified, the component uses the following logic:
|
|
135
|
-
|
|
136
|
-
1. If the entity has fewer than 10 fields, all fields are displayed
|
|
137
|
-
2. If the entity has 10+ fields:
|
|
138
|
-
- Fields with `DefaultInView = true` are selected
|
|
139
|
-
- If no fields have `DefaultInView = true`, the first 10 fields are used
|
|
140
|
-
|
|
141
|
-
## Custom Actions
|
|
142
|
-
|
|
143
|
-
### Example: Toggle User Activation
|
|
144
|
-
|
|
145
|
-
```typescript
|
|
146
|
-
import { Component } from '@angular/core';
|
|
147
|
-
import { BaseEntity, UserEntity } from '@memberjunction/core-entities';
|
|
148
|
-
|
|
149
|
-
@Component({
|
|
150
|
-
selector: 'app-user-list',
|
|
151
|
-
template: `
|
|
152
|
-
<mj-simple-record-list
|
|
153
|
-
EntityName="Users"
|
|
154
|
-
[Columns]="['Name', 'Email', 'IsActive']"
|
|
155
|
-
[AllowDelete]="false"
|
|
156
|
-
[AllowCustomAction]="true"
|
|
157
|
-
[CustomActionIconFunction]="getUserToggleIcon"
|
|
158
|
-
[CustomActionTooltipFunction]="getUserToggleTooltip"
|
|
159
|
-
CustomActionDialogTitle="Toggle User Activation"
|
|
160
|
-
CustomActionDialogMessage="Are you sure you want to toggle activation for {{recordName}}?"
|
|
161
|
-
CustomActionDialogInfo="Active users can log in. Inactive users cannot."
|
|
162
|
-
(CustomActionConfirmed)="toggleUserActivation($event)"
|
|
163
|
-
></mj-simple-record-list>
|
|
164
|
-
`
|
|
165
|
-
})
|
|
166
|
-
export class UserListComponent {
|
|
167
|
-
|
|
168
|
-
getUserToggleIcon = (record: BaseEntity): string => {
|
|
169
|
-
const user = record as UserEntity;
|
|
170
|
-
return user.IsActive ? 'fa-user-lock' : 'fa-user-check';
|
|
171
|
-
}
|
|
172
|
-
|
|
173
|
-
getUserToggleTooltip = (record: BaseEntity): string => {
|
|
174
|
-
const user = record as UserEntity;
|
|
175
|
-
return user.IsActive ? 'Deactivate user' : 'Activate user';
|
|
176
|
-
}
|
|
177
|
-
|
|
178
|
-
async toggleUserActivation(record: BaseEntity): Promise<void> {
|
|
179
|
-
const user = record as UserEntity;
|
|
180
|
-
user.IsActive = !user.IsActive;
|
|
181
|
-
|
|
182
|
-
if (await user.Save()) {
|
|
183
|
-
console.log('User activation toggled successfully');
|
|
184
|
-
} else {
|
|
185
|
-
console.error('Failed to toggle user activation:', user.LatestResult.Message);
|
|
186
|
-
}
|
|
187
|
-
}
|
|
188
|
-
}
|
|
189
|
-
```
|
|
190
|
-
|
|
191
|
-
## Record Name Resolution
|
|
192
|
-
|
|
193
|
-
The component determines display names for records using this hierarchy:
|
|
194
|
-
|
|
195
|
-
1. First field marked with `IsNameField = true` in entity metadata
|
|
196
|
-
2. Field named "Name" if it exists
|
|
197
|
-
3. Concatenated primary key values with "Record: " prefix
|
|
198
|
-
|
|
199
|
-
## Styling
|
|
200
|
-
|
|
201
|
-
The component uses:
|
|
202
|
-
- Font Awesome icons (must be included in your application)
|
|
203
|
-
- Kendo UI Angular theme styles
|
|
204
|
-
- Custom CSS with scrollable table and sticky headers
|
|
205
|
-
- Hover effects for better user interaction
|
|
206
|
-
|
|
207
|
-
### CSS Classes
|
|
208
|
-
|
|
209
|
-
- `.wrapper`: Main container with padding and scrolling
|
|
210
|
-
- `.grid`: Table styling with collapsed borders
|
|
211
|
-
- `.sticky-header`: Keeps table headers visible during scroll
|
|
212
|
-
- `.icon`: Styling for action buttons with cursor pointer
|
|
213
|
-
|
|
214
|
-
## Dependencies
|
|
215
|
-
|
|
216
|
-
### Production Dependencies
|
|
217
|
-
- `@memberjunction/core`: Core MemberJunction functionality
|
|
218
|
-
- `@memberjunction/core-entities`: Entity base classes
|
|
219
|
-
- `@memberjunction/global`: Global utilities
|
|
220
|
-
- `@memberjunction/ng-container-directives`: Layout directives
|
|
221
|
-
- `@memberjunction/ng-notifications`: Notification service
|
|
222
|
-
- `@memberjunction/ng-entity-form-dialog`: Entity form dialog component
|
|
223
|
-
- `@progress/kendo-angular-*`: Kendo UI components
|
|
224
|
-
|
|
225
|
-
### Peer Dependencies
|
|
226
|
-
- `@angular/common`: ^18.0.2
|
|
227
|
-
- `@angular/core`: ^18.0.2
|
|
228
|
-
- `@angular/forms`: ^18.0.2
|
|
229
|
-
- `@angular/router`: ^18.0.2
|
|
230
|
-
|
|
231
|
-
## Integration with MemberJunction
|
|
232
|
-
|
|
233
|
-
This component is designed to work seamlessly with the MemberJunction framework:
|
|
234
|
-
|
|
235
|
-
- **Entity Metadata**: Automatically reads entity configuration from MJ metadata
|
|
236
|
-
- **Entity Objects**: Uses MJ's BaseEntity class for all operations
|
|
237
|
-
- **RunView**: Leverages MJ's RunView for efficient data loading
|
|
238
|
-
- **Entity Forms**: Integrates with MJ's entity form dialog for editing
|
|
239
|
-
- **Notifications**: Uses MJ's notification service for user feedback
|
|
240
|
-
|
|
241
|
-
## Best Practices
|
|
242
|
-
|
|
243
|
-
1. **Column Selection**: Specify columns explicitly for better performance and control
|
|
244
|
-
2. **Custom Actions**: Use function-based icons/tooltips for dynamic UI updates
|
|
245
|
-
3. **Event Handling**: Always handle the output events for proper integration
|
|
246
|
-
4. **Error Handling**: Check entity save results and handle failures appropriately
|
|
247
|
-
5. **Performance**: For large datasets, consider implementing server-side pagination
|
|
248
|
-
|
|
249
|
-
## Troubleshooting
|
|
250
|
-
|
|
251
|
-
### Common Issues
|
|
252
|
-
|
|
253
|
-
1. **No records displayed**: Verify EntityName matches exactly with MJ metadata
|
|
254
|
-
2. **Columns not showing**: Check that column names match entity field names
|
|
255
|
-
3. **Edit form not opening**: Ensure EditSectionName exists in entity form configuration
|
|
256
|
-
4. **Custom actions not working**: Verify function bindings use arrow functions or proper binding
|
|
257
|
-
|
|
258
|
-
### Debug Tips
|
|
259
|
-
|
|
260
|
-
- Check browser console for entity loading errors
|
|
261
|
-
- Verify MemberJunction metadata is properly initialized
|
|
262
|
-
- Ensure all required Angular and Kendo modules are imported
|
|
263
|
-
- Check that Font Awesome is properly included for icons
|
|
264
|
-
|
|
265
|
-
## Examples
|
|
266
|
-
|
|
267
|
-
### Minimal Setup
|
|
268
|
-
|
|
269
|
-
```typescript
|
|
270
|
-
// app.component.ts
|
|
271
|
-
import { Component } from '@angular/core';
|
|
272
|
-
|
|
273
|
-
@Component({
|
|
274
|
-
selector: 'app-root',
|
|
275
|
-
template: `
|
|
276
|
-
<mj-simple-record-list
|
|
277
|
-
EntityName="Employees"
|
|
278
|
-
></mj-simple-record-list>
|
|
279
|
-
`
|
|
280
|
-
})
|
|
281
|
-
export class AppComponent { }
|
|
282
|
-
```
|
|
283
|
-
|
|
284
|
-
### Read-Only Grid
|
|
285
|
-
|
|
286
|
-
```html
|
|
287
|
-
<mj-simple-record-list
|
|
288
|
-
EntityName="AuditLogs"
|
|
289
|
-
[Columns]="['Timestamp', 'User', 'Action', 'Description']"
|
|
290
|
-
SortBy="Timestamp"
|
|
291
|
-
[AllowNew]="false"
|
|
292
|
-
[AllowEdit]="false"
|
|
293
|
-
[AllowDelete]="false"
|
|
294
|
-
></mj-simple-record-list>
|
|
295
|
-
```
|
|
296
|
-
|
|
297
|
-
### With Custom Filtering
|
|
298
|
-
|
|
299
|
-
```typescript
|
|
300
|
-
@Component({
|
|
301
|
-
template: `
|
|
302
|
-
<mj-simple-record-list
|
|
303
|
-
EntityName="Products"
|
|
304
|
-
[Columns]="['Name', 'Category', 'Price', 'InStock']"
|
|
305
|
-
[AllowCustomAction]="true"
|
|
306
|
-
CustomActionIcon="fa-filter"
|
|
307
|
-
CustomActionTooltip="Toggle out of stock items"
|
|
308
|
-
(CustomActionConfirmed)="toggleStockFilter($event)"
|
|
309
|
-
></mj-simple-record-list>
|
|
310
|
-
`
|
|
311
|
-
})
|
|
312
|
-
export class ProductListComponent {
|
|
313
|
-
private showOutOfStock = true;
|
|
314
|
-
|
|
315
|
-
async toggleStockFilter(record: BaseEntity): Promise<void> {
|
|
316
|
-
this.showOutOfStock = !this.showOutOfStock;
|
|
317
|
-
// Implement filtering logic
|
|
318
|
-
}
|
|
319
|
-
}
|
|
69
|
+
[AllowDelete]="true"
|
|
70
|
+
[ExtraFilter]="'IsActive = 1'"
|
|
71
|
+
(RecordSaved)="onSaved($event)"
|
|
72
|
+
(RecordDeleted)="onDeleted($event)">
|
|
73
|
+
</mj-simple-record-list>
|
|
320
74
|
```
|
|
321
75
|
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
76
|
+
### Key Inputs
|
|
77
|
+
|
|
78
|
+
| Input | Type | Default | Description |
|
|
79
|
+
|---|---|---|---|
|
|
80
|
+
| `EntityName` | `string` | `''` | Entity to display records for |
|
|
81
|
+
| `Columns` | `string[]` | `[]` | Column names to display |
|
|
82
|
+
| `SortBy` | `string` | `''` | Column to sort by |
|
|
83
|
+
| `AllowNew` | `boolean` | `true` | Show New button |
|
|
84
|
+
| `AllowEdit` | `boolean` | `true` | Show Edit button per row |
|
|
85
|
+
| `AllowDelete` | `boolean` | `true` | Show Delete button per row |
|
|
86
|
+
| `AllowCustomAction` | `boolean` | `false` | Show custom action button per row |
|
|
87
|
+
| `CustomActionIcon` | `string` | `''` | FA icon class for custom action |
|
|
88
|
+
| `CustomActionIconFunction` | `(record: BaseEntity) => string` | `null` | Dynamic icon per record |
|
|
89
|
+
| `CustomActionTooltip` | `string` | `''` | Tooltip for custom action |
|
|
90
|
+
| `CustomActionTooltipFunction` | `(record: BaseEntity) => string` | `null` | Dynamic tooltip per record |
|
|
91
|
+
| `ExtraFilter` | `string` | `''` | Additional SQL filter |
|
|
92
|
+
| `DefaultValues` | `Record<string, string>` | `{}` | Default values for new records |
|
|
93
|
+
| `EditSectionName` | `string` | `''` | Show only this section in edit dialog |
|
|
94
|
+
|
|
95
|
+
### Key Outputs
|
|
96
|
+
|
|
97
|
+
| Output | Type | Description |
|
|
98
|
+
|---|---|---|
|
|
99
|
+
| `RecordSaved` | `EventEmitter<BaseEntity>` | Emitted after record save |
|
|
100
|
+
| `RecordDeleted` | `EventEmitter<BaseEntity>` | Emitted after record delete |
|
|
101
|
+
| `CustomActionClicked` | `EventEmitter<BaseEntity>` | Emitted when custom action clicked |
|
|
102
|
+
| `DeleteRequested` | `EventEmitter<{record, cancel}>` | Emitted before delete (cancelable) |
|
|
103
|
+
|
|
104
|
+
## Exported API
|
|
105
|
+
|
|
106
|
+
| Export | Type | Description |
|
|
107
|
+
|---|---|---|
|
|
108
|
+
| `SimpleRecordListComponent` | Component | The record list component |
|
|
109
|
+
| `SimpleRecordListModule` | NgModule | Module declaration |
|
|
110
|
+
|
|
111
|
+
## Build
|
|
325
112
|
|
|
326
113
|
```bash
|
|
327
|
-
cd packages/Angular/Explorer/simple-record-list
|
|
328
|
-
npm run build
|
|
114
|
+
cd packages/Angular/Explorer/simple-record-list && npm run build
|
|
329
115
|
```
|
|
330
116
|
|
|
331
|
-
## Contributing
|
|
332
|
-
|
|
333
|
-
When contributing to this component:
|
|
334
|
-
|
|
335
|
-
1. Follow the MemberJunction coding standards
|
|
336
|
-
2. Ensure all TypeScript compiles without errors
|
|
337
|
-
3. Test with various entity types
|
|
338
|
-
4. Update this README for any API changes
|
|
339
|
-
5. Add appropriate TSDoc comments for public methods
|
|
340
|
-
|
|
341
117
|
## License
|
|
342
118
|
|
|
343
|
-
|
|
344
|
-
```
|
|
119
|
+
ISC
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"simple-record-list.component.d.ts","sourceRoot":"","sources":["../../../src/lib/simple-record-list/simple-record-list.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,MAAM,EAAS,YAAY,EAAU,MAAM,eAAe,CAAC;AAE/E,OAAO,EAAE,UAAU,EAAqB,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;;AAIzC,
|
|
1
|
+
{"version":3,"file":"simple-record-list.component.d.ts","sourceRoot":"","sources":["../../../src/lib/simple-record-list/simple-record-list.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,MAAM,EAAS,YAAY,EAAU,MAAM,eAAe,CAAC;AAE/E,OAAO,EAAE,UAAU,EAAqB,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;;AAIzC,qBAMa,yBAA0B,YAAW,MAAM;IA2E1C,OAAO,CAAC,MAAM;IA1E1B;;OAEG;IACM,UAAU,EAAE,MAAM,CAAM;IACjC;;OAEG;IACM,OAAO,EAAE,MAAM,EAAE,CAAM;IAChC;;OAEG;IACM,MAAM,EAAE,MAAM,CAAM;IAC7B;;OAEG;IACM,WAAW,EAAE,OAAO,CAAQ;IACrC;;OAEG;IACM,QAAQ,EAAE,OAAO,CAAQ;IAClC;;OAEG;IACM,SAAS,EAAE,OAAO,CAAQ;IACnC;;OAEG;IACM,iBAAiB,EAAE,OAAO,CAAS;IAC5C;;OAEG;IACM,gBAAgB,EAAE,MAAM,CAAM;IACvC;;;;OAIG;IACM,wBAAwB,EAAE,CAAC,CAAC,MAAM,EAAE,UAAU,KAAK,MAAM,CAAC,GAAG,IAAI,CAAQ;IAClF;;OAEG;IACM,mBAAmB,EAAE,MAAM,CAAM;IAC1C;;;;OAIG;IACM,2BAA2B,EAAE,CAAC,CAAC,MAAM,EAAE,UAAU,KAAK,MAAM,CAAC,GAAG,IAAI,CAAQ;IACrF;;OAEG;IACM,uBAAuB,EAAE,MAAM,CAAoB;IAC5D;;OAEG;IACM,yBAAyB,EAAE,MAAM,CAAmD;IAC7F;;OAEG;IACM,sBAAsB,EAAE,MAAM,CAAM;IAC7C;;OAEG;IACM,eAAe,EAAE,MAAM,CAAa;IAEnC,cAAc,oCAAkC;IAChD,YAAY,oCAAkC;IAC9C,aAAa,oCAAkC;IAC/C,mBAAmB,oCAAkC;IACrD,qBAAqB,oCAAkC;IAE1D,SAAS,EAAE,OAAO,CAAS;IAC3B,OAAO,EAAE,UAAU,EAAE,CAAM;gBAEd,MAAM,EAAE,MAAM;IAGlC,QAAQ,IAAI,IAAI;IAIV,OAAO;IAoCN,YAAY,CAAC,KAAK,EAAE,UAAU,GAAG,SAAS,EAAE,CAAC,EAAE,UAAU;IAOzD,yBAAyB,EAAE,OAAO,CAAS;IAC3C,yBAAyB,EAAE,OAAO,CAAS;IAC3C,gBAAgB,EAAG,UAAU,GAAG,IAAI,CAAC;IACrC,gBAAgB,EAAG,UAAU,GAAG,SAAS,CAAC;IAEpC,YAAY,CAAC,KAAK,EAAE,UAAU,EAAE,CAAC,EAAE,UAAU;IAQ7C,mBAAmB,CAAC,KAAK,EAAE,UAAU,EAAE,CAAC,EAAE,UAAU;IAWjE;;OAEG;IACI,mBAAmB,CAAC,MAAM,EAAE,UAAU,GAAG,MAAM;IAOtD;;OAEG;IACI,sBAAsB,CAAC,MAAM,EAAE,UAAU,GAAG,MAAM;IAO5C,uBAAuB,CAAC,MAAM,EAAE,KAAK,GAAG,IAAI;IAS5C,iBAAiB,CAAC,MAAM,EAAE,KAAK,GAAG,IAAI;IAe5C,eAAe,EAAG,UAAU,CAAC;IAC7B,uBAAuB,EAAE,OAAO,CAAS;IACzC,UAAU,EAAE,KAAK,GAAG,MAAM,CAAS;IAC7B,eAAe;IAWf,UAAU,CAAC,KAAK,EAAE,UAAU,EAAE,CAAC,EAAE,UAAU;IAQ3C,2BAA2B,CAAC,MAAM,EAAE,MAAM,GAAG,QAAQ;IAsB3D,aAAa,CAAC,CAAC,EAAE,UAAU,GAAG,MAAM;yCA7OhC,yBAAyB;2CAAzB,yBAAyB;CAkQrC"}
|
|
@@ -3,11 +3,10 @@ import { Metadata, RunView } from '@memberjunction/core';
|
|
|
3
3
|
import { MJNotificationService } from '@memberjunction/ng-notifications';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
import * as i1 from "@angular/router";
|
|
6
|
-
import * as i2 from "@angular
|
|
7
|
-
import * as i3 from "@progress/kendo-angular-
|
|
8
|
-
import * as i4 from "@
|
|
9
|
-
import * as i5 from "@memberjunction/ng-
|
|
10
|
-
import * as i6 from "@memberjunction/ng-shared-generic";
|
|
6
|
+
import * as i2 from "@progress/kendo-angular-dialog";
|
|
7
|
+
import * as i3 from "@progress/kendo-angular-buttons";
|
|
8
|
+
import * as i4 from "@memberjunction/ng-entity-form-dialog";
|
|
9
|
+
import * as i5 from "@memberjunction/ng-shared-generic";
|
|
11
10
|
function SimpleRecordListComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
12
11
|
i0.ɵɵelementStart(0, "div");
|
|
13
12
|
i0.ɵɵelement(1, "mj-loading", 5);
|
|
@@ -18,13 +17,13 @@ function SimpleRecordListComponent_Conditional_1_Template(rf, ctx) { if (rf & 1)
|
|
|
18
17
|
} }
|
|
19
18
|
function SimpleRecordListComponent_Conditional_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
20
19
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
21
|
-
i0.ɵɵelementStart(0, "button",
|
|
20
|
+
i0.ɵɵelementStart(0, "button", 9);
|
|
22
21
|
i0.ɵɵlistener("click", function SimpleRecordListComponent_Conditional_2_Conditional_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.createNewRecord()); });
|
|
23
|
-
i0.ɵɵelement(1, "span",
|
|
22
|
+
i0.ɵɵelement(1, "span", 10);
|
|
24
23
|
i0.ɵɵtext(2, " New");
|
|
25
24
|
i0.ɵɵelementEnd();
|
|
26
25
|
} }
|
|
27
|
-
function
|
|
26
|
+
function SimpleRecordListComponent_Conditional_2_For_6_Template(rf, ctx) { if (rf & 1) {
|
|
28
27
|
i0.ɵɵelementStart(0, "th");
|
|
29
28
|
i0.ɵɵtext(1);
|
|
30
29
|
i0.ɵɵelementEnd();
|
|
@@ -33,32 +32,34 @@ function SimpleRecordListComponent_Conditional_2_th_5_Template(rf, ctx) { if (rf
|
|
|
33
32
|
i0.ɵɵadvance();
|
|
34
33
|
i0.ɵɵtextInterpolate1(" ", c_r3, " ");
|
|
35
34
|
} }
|
|
36
|
-
function
|
|
35
|
+
function SimpleRecordListComponent_Conditional_2_For_9_For_2_Conditional_3_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
37
36
|
const _r6 = i0.ɵɵgetCurrentView();
|
|
38
|
-
i0.ɵɵelementStart(0, "span",
|
|
39
|
-
i0.ɵɵlistener("click", function
|
|
37
|
+
i0.ɵɵelementStart(0, "span", 15);
|
|
38
|
+
i0.ɵɵlistener("click", function SimpleRecordListComponent_Conditional_2_For_9_For_2_Conditional_3_Conditional_1_Template_span_click_0_listener($event) { i0.ɵɵrestoreView(_r6); const r_r5 = i0.ɵɵnextContext(3).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.editRecord($event, r_r5)); });
|
|
40
39
|
i0.ɵɵelementEnd();
|
|
41
40
|
} }
|
|
42
|
-
function
|
|
41
|
+
function SimpleRecordListComponent_Conditional_2_For_9_For_2_Conditional_3_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
43
42
|
const _r7 = i0.ɵɵgetCurrentView();
|
|
44
|
-
i0.ɵɵelementStart(0, "span",
|
|
45
|
-
i0.ɵɵlistener("click", function
|
|
43
|
+
i0.ɵɵelementStart(0, "span", 16);
|
|
44
|
+
i0.ɵɵlistener("click", function SimpleRecordListComponent_Conditional_2_For_9_For_2_Conditional_3_Conditional_2_Template_span_click_0_listener($event) { i0.ɵɵrestoreView(_r7); const r_r5 = i0.ɵɵnextContext(3).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.performCustomAction($event, r_r5)); });
|
|
46
45
|
i0.ɵɵelementEnd();
|
|
47
46
|
} if (rf & 2) {
|
|
48
47
|
const r_r5 = i0.ɵɵnextContext(3).$implicit;
|
|
49
48
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
50
|
-
i0.ɵɵ
|
|
51
|
-
i0.ɵɵ
|
|
49
|
+
i0.ɵɵclassMap(i0.ɵɵinterpolate1("fa-solid ", ctx_r1.getCustomActionIcon(r_r5), " icon"));
|
|
50
|
+
i0.ɵɵproperty("title", i0.ɵɵinterpolate(ctx_r1.getCustomActionTooltip(r_r5)));
|
|
52
51
|
} }
|
|
53
|
-
function
|
|
52
|
+
function SimpleRecordListComponent_Conditional_2_For_9_For_2_Conditional_3_Conditional_3_Template(rf, ctx) { if (rf & 1) {
|
|
54
53
|
const _r8 = i0.ɵɵgetCurrentView();
|
|
55
|
-
i0.ɵɵelementStart(0, "span",
|
|
56
|
-
i0.ɵɵlistener("click", function
|
|
54
|
+
i0.ɵɵelementStart(0, "span", 17);
|
|
55
|
+
i0.ɵɵlistener("click", function SimpleRecordListComponent_Conditional_2_For_9_For_2_Conditional_3_Conditional_3_Template_span_click_0_listener($event) { i0.ɵɵrestoreView(_r8); const r_r5 = i0.ɵɵnextContext(3).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.deleteRecord($event, r_r5)); });
|
|
57
56
|
i0.ɵɵelementEnd();
|
|
58
57
|
} }
|
|
59
|
-
function
|
|
58
|
+
function SimpleRecordListComponent_Conditional_2_For_9_For_2_Conditional_3_Template(rf, ctx) { if (rf & 1) {
|
|
60
59
|
i0.ɵɵelementStart(0, "span");
|
|
61
|
-
i0.ɵɵ
|
|
60
|
+
i0.ɵɵconditionalCreate(1, SimpleRecordListComponent_Conditional_2_For_9_For_2_Conditional_3_Conditional_1_Template, 1, 0, "span", 12);
|
|
61
|
+
i0.ɵɵconditionalCreate(2, SimpleRecordListComponent_Conditional_2_For_9_For_2_Conditional_3_Conditional_2_Template, 1, 5, "span", 13);
|
|
62
|
+
i0.ɵɵconditionalCreate(3, SimpleRecordListComponent_Conditional_2_For_9_For_2_Conditional_3_Conditional_3_Template, 1, 0, "span", 14);
|
|
62
63
|
i0.ɵɵelementEnd();
|
|
63
64
|
} if (rf & 2) {
|
|
64
65
|
const ctx_r1 = i0.ɵɵnextContext(4);
|
|
@@ -69,54 +70,54 @@ function SimpleRecordListComponent_Conditional_2_tr_7_td_1_Conditional_3_Templat
|
|
|
69
70
|
i0.ɵɵadvance();
|
|
70
71
|
i0.ɵɵconditional(ctx_r1.AllowDelete ? 3 : -1);
|
|
71
72
|
} }
|
|
72
|
-
function
|
|
73
|
+
function SimpleRecordListComponent_Conditional_2_For_9_For_2_Template(rf, ctx) { if (rf & 1) {
|
|
73
74
|
i0.ɵɵelementStart(0, "td")(1, "span");
|
|
74
75
|
i0.ɵɵtext(2);
|
|
75
76
|
i0.ɵɵelementEnd();
|
|
76
|
-
i0.ɵɵ
|
|
77
|
+
i0.ɵɵconditionalCreate(3, SimpleRecordListComponent_Conditional_2_For_9_For_2_Conditional_3_Template, 4, 3, "span");
|
|
77
78
|
i0.ɵɵelementEnd();
|
|
78
79
|
} if (rf & 2) {
|
|
79
80
|
const c_r9 = ctx.$implicit;
|
|
80
|
-
const
|
|
81
|
+
const ɵ$index_32_r10 = ctx.$index;
|
|
81
82
|
const r_r5 = i0.ɵɵnextContext().$implicit;
|
|
82
83
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
83
84
|
i0.ɵɵadvance(2);
|
|
84
85
|
i0.ɵɵtextInterpolate(r_r5.Get(c_r9));
|
|
85
86
|
i0.ɵɵadvance();
|
|
86
|
-
i0.ɵɵconditional(
|
|
87
|
+
i0.ɵɵconditional(ɵ$index_32_r10 === 0 && (ctx_r1.AllowDelete || ctx_r1.AllowEdit) ? 3 : -1);
|
|
87
88
|
} }
|
|
88
|
-
function
|
|
89
|
+
function SimpleRecordListComponent_Conditional_2_For_9_Template(rf, ctx) { if (rf & 1) {
|
|
89
90
|
const _r4 = i0.ɵɵgetCurrentView();
|
|
90
|
-
i0.ɵɵelementStart(0, "tr",
|
|
91
|
-
i0.ɵɵlistener("click", function
|
|
92
|
-
i0.ɵɵ
|
|
91
|
+
i0.ɵɵelementStart(0, "tr", 11);
|
|
92
|
+
i0.ɵɵlistener("click", function SimpleRecordListComponent_Conditional_2_For_9_Template_tr_click_0_listener() { const r_r5 = i0.ɵɵrestoreView(_r4).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.selectRecord(undefined, r_r5)); });
|
|
93
|
+
i0.ɵɵrepeaterCreate(1, SimpleRecordListComponent_Conditional_2_For_9_For_2_Template, 4, 2, "td", null, i0.ɵɵrepeaterTrackByIdentity);
|
|
93
94
|
i0.ɵɵelementEnd();
|
|
94
95
|
} if (rf & 2) {
|
|
95
96
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
96
97
|
i0.ɵɵadvance();
|
|
97
|
-
i0.ɵɵ
|
|
98
|
+
i0.ɵɵrepeater(ctx_r1.Columns);
|
|
98
99
|
} }
|
|
99
100
|
function SimpleRecordListComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
100
101
|
i0.ɵɵelementStart(0, "div", 2);
|
|
101
|
-
i0.ɵɵ
|
|
102
|
+
i0.ɵɵconditionalCreate(1, SimpleRecordListComponent_Conditional_2_Conditional_1_Template, 3, 0, "button", 6);
|
|
102
103
|
i0.ɵɵelementStart(2, "table", 7)(3, "thead", 8)(4, "tr");
|
|
103
|
-
i0.ɵɵ
|
|
104
|
+
i0.ɵɵrepeaterCreate(5, SimpleRecordListComponent_Conditional_2_For_6_Template, 2, 1, "th", null, i0.ɵɵrepeaterTrackByIdentity);
|
|
104
105
|
i0.ɵɵelementEnd()();
|
|
105
|
-
i0.ɵɵelementStart(
|
|
106
|
-
i0.ɵɵ
|
|
106
|
+
i0.ɵɵelementStart(7, "tbody");
|
|
107
|
+
i0.ɵɵrepeaterCreate(8, SimpleRecordListComponent_Conditional_2_For_9_Template, 3, 0, "tr", null, i0.ɵɵrepeaterTrackByIdentity);
|
|
107
108
|
i0.ɵɵelementEnd()()();
|
|
108
109
|
} if (rf & 2) {
|
|
109
110
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
110
111
|
i0.ɵɵadvance();
|
|
111
112
|
i0.ɵɵconditional(ctx_r1.AllowNew ? 1 : -1);
|
|
112
113
|
i0.ɵɵadvance(4);
|
|
113
|
-
i0.ɵɵ
|
|
114
|
-
i0.ɵɵadvance(
|
|
115
|
-
i0.ɵɵ
|
|
114
|
+
i0.ɵɵrepeater(ctx_r1.Columns);
|
|
115
|
+
i0.ɵɵadvance(3);
|
|
116
|
+
i0.ɵɵrepeater(ctx_r1.records);
|
|
116
117
|
} }
|
|
117
118
|
function SimpleRecordListComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
|
|
118
119
|
const _r11 = i0.ɵɵgetCurrentView();
|
|
119
|
-
i0.ɵɵelementStart(0, "mj-entity-form-dialog",
|
|
120
|
+
i0.ɵɵelementStart(0, "mj-entity-form-dialog", 18, 0);
|
|
120
121
|
i0.ɵɵlistener("DialogClosed", function SimpleRecordListComponent_Conditional_3_Template_mj_entity_form_dialog_DialogClosed_0_listener($event) { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onEditOrNewRecordFormClosed($event)); });
|
|
121
122
|
i0.ɵɵelementEnd();
|
|
122
123
|
} if (rf & 2) {
|
|
@@ -125,16 +126,16 @@ function SimpleRecordListComponent_Conditional_3_Template(rf, ctx) { if (rf & 1)
|
|
|
125
126
|
} }
|
|
126
127
|
function SimpleRecordListComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
|
|
127
128
|
const _r12 = i0.ɵɵgetCurrentView();
|
|
128
|
-
i0.ɵɵelementStart(0, "kendo-dialog",
|
|
129
|
+
i0.ɵɵelementStart(0, "kendo-dialog", 19);
|
|
129
130
|
i0.ɵɵlistener("close", function SimpleRecordListComponent_Conditional_4_Template_kendo_dialog_close_0_listener() { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.closeDeleteDialog("No")); });
|
|
130
131
|
i0.ɵɵelementStart(1, "div");
|
|
131
132
|
i0.ɵɵtext(2);
|
|
132
133
|
i0.ɵɵelementEnd();
|
|
133
|
-
i0.ɵɵelementStart(3, "kendo-dialog-actions")(4, "button",
|
|
134
|
+
i0.ɵɵelementStart(3, "kendo-dialog-actions")(4, "button", 20);
|
|
134
135
|
i0.ɵɵlistener("click", function SimpleRecordListComponent_Conditional_4_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.closeDeleteDialog("Yes")); });
|
|
135
136
|
i0.ɵɵtext(5, "Yes");
|
|
136
137
|
i0.ɵɵelementEnd();
|
|
137
|
-
i0.ɵɵelementStart(6, "button",
|
|
138
|
+
i0.ɵɵelementStart(6, "button", 9);
|
|
138
139
|
i0.ɵɵlistener("click", function SimpleRecordListComponent_Conditional_4_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.closeDeleteDialog("No")); });
|
|
139
140
|
i0.ɵɵtext(7, "No");
|
|
140
141
|
i0.ɵɵelementEnd()()();
|
|
@@ -155,17 +156,17 @@ function SimpleRecordListComponent_Conditional_5_Conditional_3_Template(rf, ctx)
|
|
|
155
156
|
} }
|
|
156
157
|
function SimpleRecordListComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
|
|
157
158
|
const _r13 = i0.ɵɵgetCurrentView();
|
|
158
|
-
i0.ɵɵelementStart(0, "kendo-dialog",
|
|
159
|
+
i0.ɵɵelementStart(0, "kendo-dialog", 19);
|
|
159
160
|
i0.ɵɵlistener("close", function SimpleRecordListComponent_Conditional_5_Template_kendo_dialog_close_0_listener() { i0.ɵɵrestoreView(_r13); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.closeCustomActionDialog("No")); });
|
|
160
161
|
i0.ɵɵelementStart(1, "div");
|
|
161
162
|
i0.ɵɵtext(2);
|
|
162
|
-
i0.ɵɵ
|
|
163
|
+
i0.ɵɵconditionalCreate(3, SimpleRecordListComponent_Conditional_5_Conditional_3_Template, 2, 1, "p");
|
|
163
164
|
i0.ɵɵelementEnd();
|
|
164
|
-
i0.ɵɵelementStart(4, "kendo-dialog-actions")(5, "button",
|
|
165
|
+
i0.ɵɵelementStart(4, "kendo-dialog-actions")(5, "button", 20);
|
|
165
166
|
i0.ɵɵlistener("click", function SimpleRecordListComponent_Conditional_5_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r13); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.closeCustomActionDialog("Yes")); });
|
|
166
167
|
i0.ɵɵtext(6, "Yes");
|
|
167
168
|
i0.ɵɵelementEnd();
|
|
168
|
-
i0.ɵɵelementStart(7, "button",
|
|
169
|
+
i0.ɵɵelementStart(7, "button", 9);
|
|
169
170
|
i0.ɵɵlistener("click", function SimpleRecordListComponent_Conditional_5_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r13); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.closeCustomActionDialog("No")); });
|
|
170
171
|
i0.ɵɵtext(8, "No");
|
|
171
172
|
i0.ɵɵelementEnd()()();
|
|
@@ -414,11 +415,13 @@ export class SimpleRecordListComponent {
|
|
|
414
415
|
}
|
|
415
416
|
}
|
|
416
417
|
static ɵfac = function SimpleRecordListComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SimpleRecordListComponent)(i0.ɵɵdirectiveInject(i1.Router)); };
|
|
417
|
-
static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SimpleRecordListComponent, selectors: [["mj-simple-record-list"]], inputs: { EntityName: "EntityName", Columns: "Columns", SortBy: "SortBy", AllowDelete: "AllowDelete", AllowNew: "AllowNew", AllowEdit: "AllowEdit", AllowCustomAction: "AllowCustomAction", CustomActionIcon: "CustomActionIcon", CustomActionIconFunction: "CustomActionIconFunction", CustomActionTooltip: "CustomActionTooltip", CustomActionTooltipFunction: "CustomActionTooltipFunction", CustomActionDialogTitle: "CustomActionDialogTitle", CustomActionDialogMessage: "CustomActionDialogMessage", CustomActionDialogInfo: "CustomActionDialogInfo", EditSectionName: "EditSectionName" }, outputs: { RecordSelected: "RecordSelected", RecordEdited: "RecordEdited", RecordCreated: "RecordCreated", CustomActionClicked: "CustomActionClicked", CustomActionConfirmed: "CustomActionConfirmed" }, decls: 6, vars: 4, consts: [["entityForm", ""], [1, "wrapper", "scrollable"], [1, "vertical-full-width"], ["Mode", "section", 3, "Record", "SectionName", "Visible", "AutoRevertOnCancel", "HandleSave", "Width", "Height"], [3, "title", "width", "height"], ["size", "medium", 3, "showText"], ["kendoButton", ""], [1, "grid"], [1, "sticky-header"], [
|
|
418
|
+
static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SimpleRecordListComponent, selectors: [["mj-simple-record-list"]], inputs: { EntityName: "EntityName", Columns: "Columns", SortBy: "SortBy", AllowDelete: "AllowDelete", AllowNew: "AllowNew", AllowEdit: "AllowEdit", AllowCustomAction: "AllowCustomAction", CustomActionIcon: "CustomActionIcon", CustomActionIconFunction: "CustomActionIconFunction", CustomActionTooltip: "CustomActionTooltip", CustomActionTooltipFunction: "CustomActionTooltipFunction", CustomActionDialogTitle: "CustomActionDialogTitle", CustomActionDialogMessage: "CustomActionDialogMessage", CustomActionDialogInfo: "CustomActionDialogInfo", EditSectionName: "EditSectionName" }, outputs: { RecordSelected: "RecordSelected", RecordEdited: "RecordEdited", RecordCreated: "RecordCreated", CustomActionClicked: "CustomActionClicked", CustomActionConfirmed: "CustomActionConfirmed" }, standalone: false, decls: 6, vars: 4, consts: [["entityForm", ""], [1, "wrapper", "scrollable"], [1, "vertical-full-width"], ["Mode", "section", 3, "Record", "SectionName", "Visible", "AutoRevertOnCancel", "HandleSave", "Width", "Height"], [3, "title", "width", "height"], ["size", "medium", 3, "showText"], ["kendoButton", ""], [1, "grid"], [1, "sticky-header"], ["kendoButton", "", 3, "click"], [1, "fa-solid", "fa-plus"], [3, "click"], ["title", "Edit", 1, "fa-solid", "fa-pen-to-square", "icon"], [3, "class", "title"], ["title", "Delete", 1, "fa-solid", "fa-trash-can", "icon"], ["title", "Edit", 1, "fa-solid", "fa-pen-to-square", "icon", 3, "click"], [3, "click", "title"], ["title", "Delete", 1, "fa-solid", "fa-trash-can", "icon", 3, "click"], ["Mode", "section", 3, "DialogClosed", "Record", "SectionName", "Visible", "AutoRevertOnCancel", "HandleSave", "Width", "Height"], [3, "close", "title", "width", "height"], ["kendoButton", "", "themeColor", "primary", 3, "click"]], template: function SimpleRecordListComponent_Template(rf, ctx) { if (rf & 1) {
|
|
418
419
|
i0.ɵɵelementStart(0, "div", 1);
|
|
419
|
-
i0.ɵɵ
|
|
420
|
+
i0.ɵɵconditionalCreate(1, SimpleRecordListComponent_Conditional_1_Template, 2, 1, "div")(2, SimpleRecordListComponent_Conditional_2_Template, 10, 1, "div", 2);
|
|
420
421
|
i0.ɵɵelementEnd();
|
|
421
|
-
i0.ɵɵ
|
|
422
|
+
i0.ɵɵconditionalCreate(3, SimpleRecordListComponent_Conditional_3_Template, 2, 7, "mj-entity-form-dialog", 3);
|
|
423
|
+
i0.ɵɵconditionalCreate(4, SimpleRecordListComponent_Conditional_4_Template, 8, 4, "kendo-dialog", 4);
|
|
424
|
+
i0.ɵɵconditionalCreate(5, SimpleRecordListComponent_Conditional_5_Template, 9, 5, "kendo-dialog", 4);
|
|
422
425
|
} if (rf & 2) {
|
|
423
426
|
i0.ɵɵadvance();
|
|
424
427
|
i0.ɵɵconditional(ctx.isLoading ? 1 : 2);
|
|
@@ -428,11 +431,11 @@ export class SimpleRecordListComponent {
|
|
|
428
431
|
i0.ɵɵconditional(ctx.deleteRecordDialogVisible && ctx.AllowDelete ? 4 : -1);
|
|
429
432
|
i0.ɵɵadvance();
|
|
430
433
|
i0.ɵɵconditional(ctx.customActionDialogVisible && ctx.AllowCustomAction ? 5 : -1);
|
|
431
|
-
} }, dependencies: [i2.
|
|
434
|
+
} }, dependencies: [i2.DialogComponent, i2.DialogActionsComponent, i3.ButtonComponent, i4.EntityFormDialogComponent, i5.LoadingComponent], styles: ["button[_ngcontent-%COMP%] {\n margin-left: 5px;\n margin-top: 5px;\n width: 125px;\n}\n\n.wrapper[_ngcontent-%COMP%] {\n padding-right: 10px;\n}\n\n\n\ntable[_ngcontent-%COMP%] {\n margin-left: 5px;\n margin-top: 10px;\n margin-right: 5px;\n border-collapse: collapse; \n\n width: 100%;\n}\n \ntable[_ngcontent-%COMP%] th[_ngcontent-%COMP%] {\n background-color: #f2f2f2; \n\n color: black; \n\n font-weight: bold; \n\n text-align: left;\n}\n\n\n\ntable[_ngcontent-%COMP%] th[_ngcontent-%COMP%], table[_ngcontent-%COMP%] td[_ngcontent-%COMP%] {\n height: 36px; \n\n padding: 0 8px; \n\n}\n\n\n\ntable[_ngcontent-%COMP%] td[_ngcontent-%COMP%]:first-child {\n display: flex; \n\n justify-content: space-between; \n\n align-items: center; \n\n padding-right: 8px; \n\n}\n\n\n\ntd[_ngcontent-%COMP%]:first-child span[_ngcontent-%COMP%]:first-child {\n border: none; \n\n}\n\n\n\ntd[_ngcontent-%COMP%]:first-child span[_ngcontent-%COMP%]:last-child {\n border: none; \n\n}\n\n\n\ntd[_ngcontent-%COMP%]:first-child .icon[_ngcontent-%COMP%] {\n margin-left: 10px; \n\n cursor: pointer; \n\n}\n\ntable[_ngcontent-%COMP%] tr[_ngcontent-%COMP%] {\n cursor: pointer;\n}\n\ntable[_ngcontent-%COMP%] tr[_ngcontent-%COMP%]:hover {\n background-color: #e7f4ff; \n\n}\n\n.sticky-header[_ngcontent-%COMP%] {\n position: sticky;\n top: 0;\n}\n\n.scrollable[_ngcontent-%COMP%] {\n display: flex;\n overflow-y: scroll;\n max-height: 95%;\n}\n\n.vertical-full-width[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n width: 100%;\n}"] });
|
|
432
435
|
}
|
|
433
436
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SimpleRecordListComponent, [{
|
|
434
437
|
type: Component,
|
|
435
|
-
args: [{ selector: 'mj-simple-record-list', template: "<div class=\"wrapper scrollable\">\n
|
|
438
|
+
args: [{ standalone: false, selector: 'mj-simple-record-list', template: "<div class=\"wrapper scrollable\">\n @if(isLoading) {\n <div>\n <mj-loading [showText]=\"false\" size=\"medium\"></mj-loading>\n </div>\n }\n @else {\n <div class=\"vertical-full-width\">\n @if(AllowNew) {\n <button kendoButton (click)=\"createNewRecord()\"><span class=\"fa-solid fa-plus\"></span> New</button>\n }\n <table class=\"grid\">\n <thead class=\"sticky-header\">\n <tr>\n @for (c of Columns; track c) {\n <th>\n {{ c }}\n </th>\n }\n </tr>\n </thead>\n <tbody>\n @for (r of records; track r) {\n <tr (click)=\"selectRecord(undefined, r)\">\n @for (c of Columns; track c; let i = $index) {\n <td>\n <span>{{ r.Get(c) }}</span>\n @if(i === 0 && (AllowDelete || AllowEdit)) {\n <span>\n @if (AllowEdit) {\n <span class=\"fa-solid fa-pen-to-square icon\" (click)=\"editRecord($event, r)\" title=\"Edit\"></span>\n }\n @if (AllowCustomAction) {\n <span\n class=\"fa-solid {{getCustomActionIcon(r)}} icon\"\n (click)=\"performCustomAction($event, r)\"\n title=\"{{getCustomActionTooltip(r)}}\"\n ></span>\n }\n @if (AllowDelete) {\n <span class=\"fa-solid fa-trash-can icon\" (click)=\"deleteRecord($event, r)\" title=\"Delete\"></span>\n }\n </span>\n }\n </td>\n }\n </tr>\n }\n </tbody>\n </table>\n </div>\n}\n</div>\n\n@if(AllowNew || AllowEdit) {\n <mj-entity-form-dialog #entityForm\n [Record]=\"editOrNewRecord\"\n [SectionName]=\"EditSectionName\"\n Mode=\"section\"\n [Visible]=\"showEditOrNewRecordForm\"\n [AutoRevertOnCancel]=\"true\"\n [HandleSave]=\"true\"\n [Width]=\"550\"\n [Height]=\"450\"\n (DialogClosed)=\"onEditOrNewRecordFormClosed($event)\">\n </mj-entity-form-dialog>\n}\n\n@if(deleteRecordDialogVisible && AllowDelete) {\n <kendo-dialog\n [title]=\"'Delete ' + EntityName + '?'\"\n [width]=\"450\"\n [height]=\"200\"\n (close)=\"closeDeleteDialog('No')\" >\n <div>\n Are you sure you want to delete '{{getRecordName(deleteRecordItem!)}}'?\n </div>\n <kendo-dialog-actions>\n <button kendoButton (click)=\"closeDeleteDialog('Yes')\" themeColor=\"primary\">Yes</button>\n <button kendoButton (click)=\"closeDeleteDialog('No')\">No</button>\n </kendo-dialog-actions>\n </kendo-dialog>\n}\n\n@if(customActionDialogVisible && AllowCustomAction) {\n <kendo-dialog\n [title]=\"CustomActionDialogTitle\"\n [width]=\"450\"\n [height]=\"200\"\n (close)=\"closeCustomActionDialog('No')\" >\n <div>\n {{ CustomActionDialogMessage.replace('{{recordName}}', getRecordName(customActionItem!)) }}\n @if(CustomActionDialogInfo) {\n <p>{{ CustomActionDialogInfo }}</p>\n }\n </div>\n <kendo-dialog-actions>\n <button kendoButton (click)=\"closeCustomActionDialog('Yes')\" themeColor=\"primary\">Yes</button>\n <button kendoButton (click)=\"closeCustomActionDialog('No')\">No</button>\n </kendo-dialog-actions>\n </kendo-dialog>\n}\n", styles: ["button {\n margin-left: 5px;\n margin-top: 5px;\n width: 125px;\n}\n\n.wrapper {\n padding-right: 10px;\n}\n\n/* Style for the whole table */\ntable {\n margin-left: 5px;\n margin-top: 10px;\n margin-right: 5px;\n border-collapse: collapse; /* Ensures border collapse for a cleaner look */\n width: 100%;\n}\n \ntable th {\n background-color: #f2f2f2; /* Light gray background for headers */\n color: black; /* Black text color for headers */\n font-weight: bold; /* Bold font weight for headers */\n text-align: left;\n}\n\n/* Style for all table cells */\ntable th, table td {\n height: 36px; /* Fixed height for all rows */\n padding: 0 8px; /* Add some padding inside cells */\n}\n\n/* Style for the first column cells */\ntable td:first-child {\n display: flex; /* Make the cell a flex container */\n justify-content: space-between; /* Space out the text and icons */\n align-items: center; /* Center items vertically */\n padding-right: 8px; /* Ensure there is some padding on the right */\n}\n\n/* Style for the text span within the first column */\ntd:first-child span:first-child {\n border: none; /* Ensures no border is applied to the span */\n}\n\n/* Style for the icons container span within the first column */\ntd:first-child span:last-child {\n border: none; /* Ensures no border is applied to the span */\n}\n\n/* Style for the icons within the first column */\ntd:first-child .icon {\n margin-left: 10px; /* Space between icons if needed */\n cursor: pointer; /* Change cursor to pointer on hover */\n}\n\ntable tr {\n cursor: pointer;\n}\n\ntable tr:hover {\n background-color: #e7f4ff; /* Light blue for even rows */\n}\n\n.sticky-header {\n position: sticky;\n top: 0;\n}\n\n.scrollable {\n display: flex;\n overflow-y: scroll;\n max-height: 95%;\n}\n\n.vertical-full-width {\n display: flex;\n flex-direction: column;\n width: 100%;\n}\n "] }]
|
|
436
439
|
}], () => [{ type: i1.Router }], { EntityName: [{
|
|
437
440
|
type: Input
|
|
438
441
|
}], Columns: [{
|
|
@@ -474,5 +477,5 @@ export class SimpleRecordListComponent {
|
|
|
474
477
|
}], CustomActionConfirmed: [{
|
|
475
478
|
type: Output
|
|
476
479
|
}] }); })();
|
|
477
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SimpleRecordListComponent, { className: "SimpleRecordListComponent", filePath: "src/lib/simple-record-list/simple-record-list.component.ts", lineNumber:
|
|
480
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SimpleRecordListComponent, { className: "SimpleRecordListComponent", filePath: "src/lib/simple-record-list/simple-record-list.component.ts", lineNumber: 14 }); })();
|
|
478
481
|
//# sourceMappingURL=simple-record-list.component.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"simple-record-list.component.js","sourceRoot":"","sources":["../../../src/lib/simple-record-list/simple-record-list.component.ts","../../../src/lib/simple-record-list/simple-record-list.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAU,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAE/E,OAAO,EAAc,QAAQ,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAErE,OAAO,EAAE,qBAAqB,EAAE,MAAM,kCAAkC,CAAC
|
|
1
|
+
{"version":3,"file":"simple-record-list.component.js","sourceRoot":"","sources":["../../../src/lib/simple-record-list/simple-record-list.component.ts","../../../src/lib/simple-record-list/simple-record-list.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAU,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAE/E,OAAO,EAAc,QAAQ,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAErE,OAAO,EAAE,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;;;;;;;;ICFrE,2BAAK;IACH,gCAA0D;IAC5D,iBAAM;;IADQ,cAAkB;IAAlB,gCAAkB;;;;IAM9B,iCAAgD;IAA5B,4MAAS,wBAAiB,KAAC;IAAC,2BAAsC;IAAC,oBAAG;IAAA,iBAAS;;;IAM7F,0BAAI;IACF,YACF;IAAA,iBAAK;;;IADH,cACF;IADE,qCACF;;;;IAaU,gCAA0F;IAA7C,sRAAS,+BAAqB,KAAC;IAAc,iBAAO;;;;IAGjG,gCAIC;IAFC,sRAAS,wCAA8B,KAAC;IAEzC,iBAAO;;;;IAHN,cAAA,yEAAgD,CAAA;IAEhD,uBAAA,qDAAqC,CAAA;;;;IAIvC,gCAA0F;IAAjD,sRAAS,iCAAuB,KAAC;IAAgB,iBAAO;;;IAZrG,4BAAM;IACJ,qIAAiB;IAGjB,qIAAyB;IAOzB,qIAAmB;IAGrB,iBAAO;;;IAbL,cAEC;IAFD,2CAEC;IACD,cAMC;IAND,mDAMC;IACD,cAEC;IAFD,6CAEC;;;IAfL,AADF,0BAAI,WACI;IAAA,YAAc;IAAA,iBAAO;IAC3B,mHAA4C;IAiB9C,iBAAK;;;;;;IAlBG,eAAc;IAAd,oCAAc;IACpB,cAgBC;IAhBD,2FAgBC;;;;IApBP,8BAAyC;IAArC,uNAAS,oBAAa,SAAS,OAAI,KAAC;IACtC,oIAqBC;IACH,iBAAK;;;IAtBH,cAqBC;IArBD,6BAqBC;;;IAtCX,8BAAiC;IAC/B,4GAAe;IAKX,AADF,AADF,gCAAoB,eACW,SACvB;IACF,8HAIC;IAEL,AADE,iBAAK,EACC;IACR,6BAAO;IACL,8HAyBC;IAGP,AADE,AADE,iBAAQ,EACF,EACJ;;;IA1CJ,cAEC;IAFD,0CAEC;IAIK,eAIC;IAJD,6BAIC;IAIH,eAyBC;IAzBD,6BAyBC;;;;IAQP,oDASuD;IAArD,iOAAgB,0CAAmC,KAAC;IACtD,iBAAwB;;;IAFtB,AADA,AADA,AADA,AADA,AAFA,AADA,+CAA0B,uCACK,2CAEI,4BACR,oBACR,cACN,eACC;;;;IAMhB,wCAIqC;IAAnC,oMAAS,yBAAkB,IAAI,CAAC,KAAC;IACjC,2BAAK;IACH,YACF;IAAA,iBAAM;IAEJ,AADF,4CAAsB,iBACyD;IAAzD,8LAAS,yBAAkB,KAAK,CAAC,KAAC;IAAuB,mBAAG;IAAA,iBAAS;IACzF,iCAAsD;IAAlC,8LAAS,yBAAkB,IAAI,CAAC,KAAC;IAAC,kBAAE;IAE5D,AADE,AAD0D,iBAAS,EAC5C,EACV;;;IATb,AADA,AADA,2DAAsC,cACzB,eACC;IAGZ,eACF;IADE,iHACF;;;IAiBI,yBAAG;IAAA,YAA4B;IAAA,iBAAI;;;IAAhC,cAA4B;IAA5B,mDAA4B;;;;IARrC,wCAI2C;IAAzC,oMAAS,+BAAwB,IAAI,CAAC,KAAC;IACvC,2BAAK;IACH,YACA;IAAA,oGAA6B;IAG/B,iBAAM;IAEJ,AADF,4CAAsB,iBAC8D;IAA9D,8LAAS,+BAAwB,KAAK,CAAC,KAAC;IAAsB,mBAAG;IAAA,iBAAS;IAC9F,iCAA4D;IAAxC,8LAAS,+BAAwB,IAAI,CAAC,KAAC;IAAC,kBAAE;IAElE,AADE,AADgE,iBAAS,EAClD,EACV;;;IAZb,AADA,AADA,sDAAiC,cACpB,eACC;IAGZ,eACA;IADA,0IACA;IAAA,cAEC;IAFD,wDAEC;;ADjFP,MAAM,OAAO,yBAAyB;IA2EhB;IA1EpB;;OAEG;IACM,UAAU,GAAW,EAAE,CAAC;IACjC;;OAEG;IACM,OAAO,GAAa,EAAE,CAAC;IAChC;;OAEG;IACM,MAAM,GAAW,EAAE,CAAC;IAC7B;;OAEG;IACM,WAAW,GAAY,IAAI,CAAC;IACrC;;OAEG;IACM,QAAQ,GAAY,IAAI,CAAC;IAClC;;OAEG;IACM,SAAS,GAAY,IAAI,CAAC;IACnC;;OAEG;IACM,iBAAiB,GAAY,KAAK,CAAC;IAC5C;;OAEG;IACM,gBAAgB,GAAW,EAAE,CAAC;IACvC;;;;OAIG;IACM,wBAAwB,GAA4C,IAAI,CAAC;IAClF;;OAEG;IACM,mBAAmB,GAAW,EAAE,CAAC;IAC1C;;;;OAIG;IACM,2BAA2B,GAA4C,IAAI,CAAC;IACrF;;OAEG;IACM,uBAAuB,GAAW,gBAAgB,CAAC;IAC5D;;OAEG;IACM,yBAAyB,GAAW,+CAA+C,CAAC;IAC7F;;OAEG;IACM,sBAAsB,GAAW,EAAE,CAAC;IAC7C;;OAEG;IACM,eAAe,GAAW,SAAS,CAAC;IAEnC,cAAc,GAAG,IAAI,YAAY,EAAc,CAAC;IAChD,YAAY,GAAG,IAAI,YAAY,EAAc,CAAC;IAC9C,aAAa,GAAG,IAAI,YAAY,EAAc,CAAC;IAC/C,mBAAmB,GAAG,IAAI,YAAY,EAAc,CAAC;IACrD,qBAAqB,GAAG,IAAI,YAAY,EAAc,CAAC;IAE1D,SAAS,GAAY,KAAK,CAAC;IAC3B,OAAO,GAAiB,EAAE,CAAC;IAElC,YAAoB,MAAc;QAAd,WAAM,GAAN,MAAM,CAAQ;IAClC,CAAC;IAED,QAAQ;QACN,IAAI,CAAC,OAAO,EAAE,CAAA;IAChB,CAAC;IAED,KAAK,CAAC,OAAO;QACX,IAAI,CAAC,SAAS,GAAG,IAAI,CAAA;QAErB,MAAM,EAAE,GAAG,IAAI,QAAQ,EAAE,CAAC;QAC1B,IAAI,IAAI,CAAC,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAC9B,oNAAoN;YACpN,MAAM,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,UAAU,CAAC,CAAC;YAC5D,IAAI,CAAC,EAAE,CAAC;gBACN,IAAI,CAAC,CAAC,MAAM,CAAC,MAAM,GAAG,EAAE;oBACtB,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;qBACtC,CAAC;oBACJ,MAAM,oBAAoB,GAAG,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC;oBACnE,IAAI,oBAAoB,CAAC,MAAM,GAAG,CAAC;wBACjC,IAAI,CAAC,OAAO,GAAG,oBAAoB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;;wBAErD,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;gBAC1D,CAAC;YACH,CAAC;QACH,CAAC;QACD,MAAM,EAAE,GAAG,IAAI,OAAO,EAAE,CAAC;QACzB,MAAM,MAAM,GAAG,MAAM,EAAE,CAAC,OAAO,CAAC;YAC9B,UAAU,EAAE,IAAI,CAAC,UAAU;YAC3B,UAAU,EAAE,eAAe;SAC5B,CAAC,CAAA;QACF,IAAI,MAAM,CAAC,OAAO,EAAE,CAAC;YACnB,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC;YAC9B,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBACjD,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;YACpF,CAAC;QACH,CAAC;aACI,CAAC;YACJ,MAAM,IAAI,KAAK,CAAC,yBAAyB,GAAG,MAAM,CAAC,YAAY,CAAC,CAAA;QAClE,CAAC;QACD,IAAI,CAAC,SAAS,GAAG,KAAK,CAAA;IACxB,CAAC;IAEM,YAAY,CAAC,KAA6B,EAAE,CAAa;QAC9D,IAAI,KAAK;YACP,KAAK,CAAC,eAAe,EAAE,CAAC,CAAC,iCAAiC;QAE5D,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAC9B,CAAC;IAEM,yBAAyB,GAAY,KAAK,CAAC;IAC3C,yBAAyB,GAAY,KAAK,CAAC;IAC3C,gBAAgB,CAAqB;IACrC,gBAAgB,CAA0B;IAE1C,KAAK,CAAC,YAAY,CAAC,KAAiB,EAAE,CAAa;QACxD,8BAA8B;QAC9B,IAAI,CAAC,gBAAgB,GAAG,CAAC,CAAC;QAC1B,IAAI,CAAC,yBAAyB,GAAG,IAAI,CAAC;QACtC,IAAI,KAAK;YACP,KAAK,CAAC,eAAe,EAAE,CAAC,CAAC,iCAAiC;IAC9D,CAAC;IAEM,KAAK,CAAC,mBAAmB,CAAC,KAAiB,EAAE,CAAa;QAC/D,4DAA4D;QAC5D,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAEjC,wBAAwB;QACxB,IAAI,CAAC,gBAAgB,GAAG,CAAC,CAAC;QAC1B,IAAI,CAAC,yBAAyB,GAAG,IAAI,CAAC;QACtC,IAAI,KAAK;YACP,KAAK,CAAC,eAAe,EAAE,CAAC,CAAC,iCAAiC;IAC9D,CAAC;IAED;;OAEG;IACI,mBAAmB,CAAC,MAAkB;QAC3C,IAAI,IAAI,CAAC,wBAAwB,EAAE,CAAC;YAClC,OAAO,IAAI,CAAC,wBAAwB,CAAC,MAAM,CAAC,CAAC;QAC/C,CAAC;QACD,OAAO,IAAI,CAAC,gBAAgB,CAAC;IAC/B,CAAC;IAED;;OAEG;IACI,sBAAsB,CAAC,MAAkB;QAC9C,IAAI,IAAI,CAAC,2BAA2B,EAAE,CAAC;YACrC,OAAO,IAAI,CAAC,2BAA2B,CAAC,MAAM,CAAC,CAAC;QAClD,CAAC;QACD,OAAO,IAAI,CAAC,mBAAmB,CAAC;IAClC,CAAC;IAEM,KAAK,CAAC,uBAAuB,CAAC,MAAoB;QACvD,IAAI,CAAC,yBAAyB,GAAG,KAAK,CAAC;QACvC,IAAI,MAAM,KAAK,KAAK,EAAE,CAAC;YACrB,qDAAqD;YACrD,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;QACzD,CAAC;QACD,IAAI,CAAC,gBAAgB,GAAG,SAAS,CAAC;IACpC,CAAC;IAEM,KAAK,CAAC,iBAAiB,CAAC,MAAoB;QACjD,0CAA0C;QAC1C,IAAI,CAAC,yBAAyB,GAAG,KAAK,CAAC;QACvC,IAAI,MAAM,KAAK,KAAK,EAAE,CAAC;YACrB,IAAI,CAAC,MAAM,IAAI,CAAC,gBAAiB,CAAC,MAAM,EAAE,EAAE,CAAC;gBAC3C,wBAAwB;gBACxB,MAAM,YAAY,GAAG,IAAI,CAAC,gBAAiB,CAAC,YAAY,CAAC,eAAe,CAAC;gBACzE,qBAAqB,CAAC,QAAQ,CAAC,wBAAwB,CAAC,yBAAyB,GAAG,YAAY,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC;YACnH,CAAC;;gBAEC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,mBAAmB;QACvC,CAAC;QACD,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;IAC/B,CAAC;IAEM,eAAe,CAAc;IAC7B,uBAAuB,GAAY,KAAK,CAAC;IACzC,UAAU,GAAmB,KAAK,CAAC;IACnC,KAAK,CAAC,eAAe;QAC1B,4EAA4E;QAC5E,MAAM,EAAE,GAAG,IAAI,QAAQ,EAAE,CAAC;QAC1B,IAAI,CAAC,eAAe,GAAG,MAAM,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QACjE,IAAI,IAAI,CAAC,eAAe,EAAE,CAAC;YACzB,IAAI,CAAC,eAAe,CAAC,SAAS,EAAE,CAAC;YACjC,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;YACxB,IAAI,CAAC,uBAAuB,GAAG,IAAI,CAAC;QACtC,CAAC;IACH,CAAC;IAEM,KAAK,CAAC,UAAU,CAAC,KAAiB,EAAE,CAAa;QACtD,IAAI,CAAC,eAAe,GAAG,CAAC,CAAC;QACzB,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC;QACzB,IAAI,CAAC,uBAAuB,GAAG,IAAI,CAAC;QACpC,IAAI,KAAK;YACP,KAAK,CAAC,eAAe,EAAE,CAAC,CAAC,iCAAiC;IAC9D,CAAC;IAEM,KAAK,CAAC,2BAA2B,CAAC,MAAyB;QAChE,IAAI,CAAC,IAAI,CAAC,eAAe;YACvB,OAAO,CAAC,0EAA0E;QAEpF,IAAI,CAAC,uBAAuB,GAAG,KAAK,CAAC;QAErC,IAAI,MAAM,KAAK,MAAM,EAAE,CAAC;YACtB,gGAAgG;YAChG,IAAI,IAAI,CAAC,eAAe,CAAC,OAAO,EAAE,CAAC;gBACjC,IAAI,IAAI,CAAC,UAAU,KAAK,MAAM;oBAC5B,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;;oBAE7C,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;gBAEhD,uBAAuB;gBACvB,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC;YACvB,CAAC;;gBAEC,MAAM,IAAI,KAAK,CAAC,sBAAsB,CAAC,CAAC;QAC5C,CAAC;IACH,CAAC;IAEM,aAAa,CAAC,CAAa;QAChC,oMAAoM;QACpM,MAAM,EAAE,GAAG,IAAI,QAAQ,EAAE,CAAC;QAC1B,MAAM,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,UAAU,CAAC,CAAC;QAC5D,IAAI,CAAC,CAAC;YACJ,MAAM,IAAI,KAAK,CAAC,oBAAoB,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC;QAE1D,MAAM,SAAS,GAAG,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC;QACpD,IAAI,SAAS;YACX,OAAO,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;aAC1B,CAAC;YACJ,MAAM,SAAS,GAAG,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC;YACxD,IAAI,SAAS;gBACX,OAAO,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;iBAClB,CAAC;gBACJ,mEAAmE;gBACnE,MAAM,QAAQ,GAAG,CAAC,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;gBACpE,OAAO,UAAU,GAAG,QAAQ,CAAC;YAC/B,CAAC;QACH,CAAC;IACH,CAAC;mHAjQU,yBAAyB;6DAAzB,yBAAyB;YCbtC,8BAAiC;YAM/B,AALA,wFAAgB,sEAKT;YA8CT,iBAAM;YAEN,6GAA4B;YAc5B,oGAA+C;YAgB/C,oGAAqD;;YAnFnD,cAkDD;YAlDC,uCAkDD;YAGD,eAYC;YAZD,wDAYC;YAED,cAcC;YAdD,2EAcC;YAED,cAiBC;YAjBD,iFAiBC;;;iFDxFY,yBAAyB;cANrC,SAAS;6BACI,KAAK,YACP,uBAAuB;;kBAQhC,KAAK;;kBAIL,KAAK;;kBAIL,KAAK;;kBAIL,KAAK;;kBAIL,KAAK;;kBAIL,KAAK;;kBAIL,KAAK;;kBAIL,KAAK;;kBAML,KAAK;;kBAIL,KAAK;;kBAML,KAAK;;kBAIL,KAAK;;kBAIL,KAAK;;kBAIL,KAAK;;kBAIL,KAAK;;kBAEL,MAAM;;kBACN,MAAM;;kBACN,MAAM;;kBACN,MAAM;;kBACN,MAAM;;kFAtEI,yBAAyB"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@memberjunction/ng-simple-record-list",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "4.1.0",
|
|
4
4
|
"description": "MemberJunction: Very simple and reusable Angular component for displaying, editing, creating and deleting records in any entity",
|
|
5
5
|
"main": "./dist/public-api.js",
|
|
6
6
|
"typings": "./dist/public-api.d.ts",
|
|
@@ -15,29 +15,29 @@
|
|
|
15
15
|
"author": "",
|
|
16
16
|
"license": "ISC",
|
|
17
17
|
"devDependencies": {
|
|
18
|
-
"@angular/compiler": "
|
|
19
|
-
"@angular/compiler-cli": "
|
|
18
|
+
"@angular/compiler": "21.1.3",
|
|
19
|
+
"@angular/compiler-cli": "21.1.3"
|
|
20
20
|
},
|
|
21
21
|
"peerDependencies": {
|
|
22
|
-
"@angular/common": "
|
|
23
|
-
"@angular/core": "
|
|
24
|
-
"@angular/forms": "
|
|
25
|
-
"@angular/router": "
|
|
22
|
+
"@angular/common": "21.1.3",
|
|
23
|
+
"@angular/core": "21.1.3",
|
|
24
|
+
"@angular/forms": "21.1.3",
|
|
25
|
+
"@angular/router": "21.1.3"
|
|
26
26
|
},
|
|
27
27
|
"dependencies": {
|
|
28
|
-
"@memberjunction/core": "
|
|
29
|
-
"@memberjunction/core-entities": "
|
|
30
|
-
"@memberjunction/global": "
|
|
31
|
-
"@memberjunction/ng-container-directives": "
|
|
32
|
-
"@memberjunction/ng-entity-form-dialog": "
|
|
33
|
-
"@memberjunction/ng-notifications": "
|
|
34
|
-
"@memberjunction/ng-shared-generic": "
|
|
35
|
-
"@progress/kendo-angular-buttons": "
|
|
36
|
-
"@progress/kendo-angular-dialog": "
|
|
37
|
-
"@progress/kendo-angular-dropdowns": "
|
|
38
|
-
"@progress/kendo-angular-indicators": "
|
|
39
|
-
"@progress/kendo-angular-layout": "
|
|
40
|
-
"tslib": "^2.
|
|
28
|
+
"@memberjunction/core": "4.1.0",
|
|
29
|
+
"@memberjunction/core-entities": "4.1.0",
|
|
30
|
+
"@memberjunction/global": "4.1.0",
|
|
31
|
+
"@memberjunction/ng-container-directives": "4.1.0",
|
|
32
|
+
"@memberjunction/ng-entity-form-dialog": "4.1.0",
|
|
33
|
+
"@memberjunction/ng-notifications": "4.1.0",
|
|
34
|
+
"@memberjunction/ng-shared-generic": "4.1.0",
|
|
35
|
+
"@progress/kendo-angular-buttons": "22.0.1",
|
|
36
|
+
"@progress/kendo-angular-dialog": "22.0.1",
|
|
37
|
+
"@progress/kendo-angular-dropdowns": "22.0.1",
|
|
38
|
+
"@progress/kendo-angular-indicators": "22.0.1",
|
|
39
|
+
"@progress/kendo-angular-layout": "22.0.1",
|
|
40
|
+
"tslib": "^2.8.1"
|
|
41
41
|
},
|
|
42
42
|
"sideEffects": false,
|
|
43
43
|
"repository": {
|