mesauth-angular 0.1.6 → 0.1.7
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 +20 -0
- package/dist/index.d.ts +1 -1
- package/dist/index.js +1 -1
- package/dist/notification-panel.component.js +2 -2
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -179,6 +179,26 @@ A reusable Angular component for displaying the current user's profile informati
|
|
|
179
179
|
}
|
|
180
180
|
```
|
|
181
181
|
|
|
182
|
+
### ma-notification-panel
|
|
183
|
+
|
|
184
|
+
A standalone component for displaying a slide-out notification panel with real-time updates.
|
|
185
|
+
|
|
186
|
+
- **Description**: Shows a list of notifications, allows marking as read/delete, and integrates with toast notifications for new alerts.
|
|
187
|
+
- **Inputs**: None.
|
|
188
|
+
- **Outputs**: None (uses internal methods for actions).
|
|
189
|
+
- **Usage Example**:
|
|
190
|
+
|
|
191
|
+
```html
|
|
192
|
+
<ma-notification-panel #notificationPanel></ma-notification-panel>
|
|
193
|
+
```
|
|
194
|
+
|
|
195
|
+
In your component:
|
|
196
|
+
|
|
197
|
+
```ts
|
|
198
|
+
// To open the panel
|
|
199
|
+
notificationPanel.open();
|
|
200
|
+
```
|
|
201
|
+
|
|
182
202
|
## Notes
|
|
183
203
|
- The service expects an endpoint `GET /api/user/current` that returns the current user.
|
|
184
204
|
- SignalR events used: `UserUpdated` and `NewNotification` (adjust to your backend).
|
package/dist/index.d.ts
CHANGED
|
@@ -3,6 +3,6 @@ export * from './mes-auth.interceptor';
|
|
|
3
3
|
export * from './user-profile.component';
|
|
4
4
|
export * from './ma-user.component';
|
|
5
5
|
export * from './notification-badge.component';
|
|
6
|
-
export * from './toast.service';
|
|
7
6
|
export * from './notification-panel.component';
|
|
7
|
+
export * from './toast.service';
|
|
8
8
|
export * from './toast-container.component';
|
package/dist/index.js
CHANGED
|
@@ -3,6 +3,6 @@ export * from './mes-auth.interceptor';
|
|
|
3
3
|
export * from './user-profile.component';
|
|
4
4
|
export * from './ma-user.component';
|
|
5
5
|
export * from './notification-badge.component';
|
|
6
|
-
export * from './toast.service';
|
|
7
6
|
export * from './notification-panel.component';
|
|
7
|
+
export * from './toast.service';
|
|
8
8
|
export * from './toast-container.component';
|
|
@@ -8,7 +8,7 @@ var __metadata = (this && this.__metadata) || function (k, v) {
|
|
|
8
8
|
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
|
|
9
9
|
};
|
|
10
10
|
import { Component } from '@angular/core';
|
|
11
|
-
import {
|
|
11
|
+
import { NgIf, NgFor } from '@angular/common';
|
|
12
12
|
import { MesAuthService } from './mes-auth.service';
|
|
13
13
|
import { ToastService } from './toast.service';
|
|
14
14
|
import { Subject } from 'rxjs';
|
|
@@ -101,7 +101,7 @@ NotificationPanelComponent = __decorate([
|
|
|
101
101
|
Component({
|
|
102
102
|
selector: 'ma-notification-panel',
|
|
103
103
|
standalone: true,
|
|
104
|
-
imports: [
|
|
104
|
+
imports: [NgIf, NgFor],
|
|
105
105
|
template: `
|
|
106
106
|
<div class="notification-panel" [class.open]="isOpen">
|
|
107
107
|
<!-- Header -->
|