@almadar/std 14.3.0 → 14.4.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/behaviors/registry/app/organisms/std-api-gateway.orb +940 -807
- package/behaviors/registry/app/organisms/std-booking-system.orb +1281 -1148
- package/behaviors/registry/app/organisms/std-cicd-pipeline.orb +954 -821
- package/behaviors/registry/app/organisms/std-crm.orb +950 -817
- package/behaviors/registry/app/organisms/std-devops-dashboard.orb +1590 -1650
- package/behaviors/registry/app/organisms/std-ecommerce.orb +1145 -1012
- package/behaviors/registry/app/organisms/std-finance-tracker.orb +746 -613
- package/behaviors/registry/app/organisms/std-healthcare.orb +1655 -1522
- package/behaviors/registry/app/organisms/std-helpdesk.orb +865 -732
- package/behaviors/registry/app/organisms/std-hr-portal.orb +1364 -1231
- package/behaviors/registry/app/organisms/std-iot-dashboard.orb +1522 -1503
- package/behaviors/registry/app/organisms/std-lms.orb +1060 -926
- package/behaviors/registry/app/organisms/std-project-manager.orb +926 -792
- package/behaviors/registry/app/organisms/std-realtime-chat.orb +886 -753
- package/behaviors/registry/app/organisms/std-social-feed.orb +403 -268
- package/behaviors/registry/app/organisms/std-trading-dashboard.orb +1372 -1353
- package/dist/behaviors/registry/app/organisms/std-api-gateway.orb +940 -807
- package/dist/behaviors/registry/app/organisms/std-booking-system.orb +1281 -1148
- package/dist/behaviors/registry/app/organisms/std-cicd-pipeline.orb +954 -821
- package/dist/behaviors/registry/app/organisms/std-crm.orb +950 -817
- package/dist/behaviors/registry/app/organisms/std-devops-dashboard.orb +1590 -1650
- package/dist/behaviors/registry/app/organisms/std-ecommerce.orb +1145 -1012
- package/dist/behaviors/registry/app/organisms/std-finance-tracker.orb +746 -613
- package/dist/behaviors/registry/app/organisms/std-healthcare.orb +1655 -1522
- package/dist/behaviors/registry/app/organisms/std-helpdesk.orb +865 -732
- package/dist/behaviors/registry/app/organisms/std-hr-portal.orb +1364 -1231
- package/dist/behaviors/registry/app/organisms/std-iot-dashboard.orb +1522 -1503
- package/dist/behaviors/registry/app/organisms/std-lms.orb +1060 -926
- package/dist/behaviors/registry/app/organisms/std-project-manager.orb +926 -792
- package/dist/behaviors/registry/app/organisms/std-realtime-chat.orb +886 -753
- package/dist/behaviors/registry/app/organisms/std-social-feed.orb +403 -268
- package/dist/behaviors/registry/app/organisms/std-trading-dashboard.orb +1372 -1353
- package/package.json +1 -1
|
@@ -5,6 +5,12 @@
|
|
|
5
5
|
"orbitals": [
|
|
6
6
|
{
|
|
7
7
|
"name": "ChatMessageOrbital",
|
|
8
|
+
"uses": [
|
|
9
|
+
{
|
|
10
|
+
"from": "std/behaviors/std-app-layout",
|
|
11
|
+
"as": "AppShell"
|
|
12
|
+
}
|
|
13
|
+
],
|
|
8
14
|
"entity": {
|
|
9
15
|
"name": "ChatMessage",
|
|
10
16
|
"collection": "chatmessages",
|
|
@@ -36,6 +42,38 @@
|
|
|
36
42
|
]
|
|
37
43
|
},
|
|
38
44
|
"traits": [
|
|
45
|
+
{
|
|
46
|
+
"ref": "AppShell.traits.AppLayout",
|
|
47
|
+
"name": "ChatAppLayout",
|
|
48
|
+
"config": {
|
|
49
|
+
"notifications": [],
|
|
50
|
+
"notificationClickEvent": "CHAT_NOTIFICATIONS_OPEN",
|
|
51
|
+
"contentTrait": "@trait.ChatMessageBrowse",
|
|
52
|
+
"appName": "Realtime Chat",
|
|
53
|
+
"navItems": [
|
|
54
|
+
{
|
|
55
|
+
"label": "Chat",
|
|
56
|
+
"href": "/chat",
|
|
57
|
+
"icon": "layout-list"
|
|
58
|
+
},
|
|
59
|
+
{
|
|
60
|
+
"label": "Channels",
|
|
61
|
+
"href": "/channels",
|
|
62
|
+
"icon": "hash"
|
|
63
|
+
},
|
|
64
|
+
{
|
|
65
|
+
"href": "/online",
|
|
66
|
+
"label": "Online",
|
|
67
|
+
"icon": "layout-list"
|
|
68
|
+
}
|
|
69
|
+
],
|
|
70
|
+
"searchEvent": "CHAT_SEARCH"
|
|
71
|
+
},
|
|
72
|
+
"events": {
|
|
73
|
+
"NOTIFY_CLICK": "CHAT_NOTIFICATIONS_OPEN",
|
|
74
|
+
"SEARCH": "CHAT_SEARCH"
|
|
75
|
+
}
|
|
76
|
+
},
|
|
39
77
|
{
|
|
40
78
|
"name": "ChatMessageBrowse",
|
|
41
79
|
"category": "interaction",
|
|
@@ -208,6 +246,22 @@
|
|
|
208
246
|
"kind": "trait",
|
|
209
247
|
"trait": "ChatMessageCompose"
|
|
210
248
|
}
|
|
249
|
+
},
|
|
250
|
+
{
|
|
251
|
+
"event": "CHAT_SEARCH",
|
|
252
|
+
"triggers": "CHAT_SEARCH",
|
|
253
|
+
"source": {
|
|
254
|
+
"kind": "trait",
|
|
255
|
+
"trait": "ChatAppLayout"
|
|
256
|
+
}
|
|
257
|
+
},
|
|
258
|
+
{
|
|
259
|
+
"event": "CHAT_NOTIFICATIONS_OPEN",
|
|
260
|
+
"triggers": "CHAT_NOTIFICATIONS_OPEN",
|
|
261
|
+
"source": {
|
|
262
|
+
"kind": "trait",
|
|
263
|
+
"trait": "ChatAppLayout"
|
|
264
|
+
}
|
|
211
265
|
}
|
|
212
266
|
],
|
|
213
267
|
"stateMachine": {
|
|
@@ -222,6 +276,26 @@
|
|
|
222
276
|
"key": "INIT",
|
|
223
277
|
"name": "Initialize"
|
|
224
278
|
},
|
|
279
|
+
{
|
|
280
|
+
"key": "CHAT_SEARCH",
|
|
281
|
+
"name": "Chat Search",
|
|
282
|
+
"payloadSchema": [
|
|
283
|
+
{
|
|
284
|
+
"name": "value",
|
|
285
|
+
"type": "string"
|
|
286
|
+
}
|
|
287
|
+
]
|
|
288
|
+
},
|
|
289
|
+
{
|
|
290
|
+
"key": "CHAT_NOTIFICATIONS_OPEN",
|
|
291
|
+
"name": "Chat Notifications Open",
|
|
292
|
+
"payloadSchema": [
|
|
293
|
+
{
|
|
294
|
+
"name": "id",
|
|
295
|
+
"type": "string"
|
|
296
|
+
}
|
|
297
|
+
]
|
|
298
|
+
},
|
|
225
299
|
{
|
|
226
300
|
"key": "ChatMessageLoaded",
|
|
227
301
|
"name": "ChatMessage loaded",
|
|
@@ -367,6 +441,45 @@
|
|
|
367
441
|
"from": "browsing",
|
|
368
442
|
"to": "browsing",
|
|
369
443
|
"event": "INIT",
|
|
444
|
+
"effects": [
|
|
445
|
+
[
|
|
446
|
+
"fetch",
|
|
447
|
+
"ChatMessage",
|
|
448
|
+
{
|
|
449
|
+
"emit": {
|
|
450
|
+
"success": "ChatMessageLoaded",
|
|
451
|
+
"failure": "ChatMessageLoadFailed"
|
|
452
|
+
}
|
|
453
|
+
}
|
|
454
|
+
],
|
|
455
|
+
[
|
|
456
|
+
"render-ui",
|
|
457
|
+
"main",
|
|
458
|
+
{
|
|
459
|
+
"className": "py-12",
|
|
460
|
+
"type": "stack",
|
|
461
|
+
"direction": "vertical",
|
|
462
|
+
"children": [
|
|
463
|
+
{
|
|
464
|
+
"type": "spinner"
|
|
465
|
+
},
|
|
466
|
+
{
|
|
467
|
+
"color": "muted",
|
|
468
|
+
"type": "typography",
|
|
469
|
+
"variant": "caption",
|
|
470
|
+
"content": "Loading…"
|
|
471
|
+
}
|
|
472
|
+
],
|
|
473
|
+
"gap": "md",
|
|
474
|
+
"align": "center"
|
|
475
|
+
}
|
|
476
|
+
]
|
|
477
|
+
]
|
|
478
|
+
},
|
|
479
|
+
{
|
|
480
|
+
"from": "browsing",
|
|
481
|
+
"to": "browsing",
|
|
482
|
+
"event": "CHAT_SEARCH",
|
|
370
483
|
"effects": [
|
|
371
484
|
[
|
|
372
485
|
"fetch",
|
|
@@ -383,21 +496,21 @@
|
|
|
383
496
|
"main",
|
|
384
497
|
{
|
|
385
498
|
"type": "stack",
|
|
386
|
-
"
|
|
499
|
+
"gap": "md",
|
|
387
500
|
"children": [
|
|
388
501
|
{
|
|
389
502
|
"type": "spinner"
|
|
390
503
|
},
|
|
391
504
|
{
|
|
392
|
-
"
|
|
505
|
+
"content": "Searching…",
|
|
393
506
|
"color": "muted",
|
|
394
|
-
"
|
|
507
|
+
"type": "typography",
|
|
395
508
|
"variant": "caption"
|
|
396
509
|
}
|
|
397
510
|
],
|
|
398
|
-
"gap": "md",
|
|
399
511
|
"direction": "vertical",
|
|
400
|
-
"align": "center"
|
|
512
|
+
"align": "center",
|
|
513
|
+
"className": "py-12"
|
|
401
514
|
}
|
|
402
515
|
]
|
|
403
516
|
]
|
|
@@ -405,113 +518,130 @@
|
|
|
405
518
|
{
|
|
406
519
|
"from": "browsing",
|
|
407
520
|
"to": "browsing",
|
|
408
|
-
"event": "
|
|
521
|
+
"event": "CHAT_NOTIFICATIONS_OPEN",
|
|
409
522
|
"effects": [
|
|
410
523
|
[
|
|
411
524
|
"render-ui",
|
|
412
525
|
"main",
|
|
413
526
|
{
|
|
414
|
-
"
|
|
527
|
+
"gap": "md",
|
|
528
|
+
"type": "stack",
|
|
529
|
+
"direction": "vertical",
|
|
530
|
+
"align": "center",
|
|
531
|
+
"children": [
|
|
415
532
|
{
|
|
416
|
-
"
|
|
417
|
-
"
|
|
418
|
-
"icon": "layout-list"
|
|
533
|
+
"type": "icon",
|
|
534
|
+
"name": "bell"
|
|
419
535
|
},
|
|
420
536
|
{
|
|
421
|
-
"
|
|
422
|
-
"
|
|
423
|
-
"
|
|
537
|
+
"content": "No notifications",
|
|
538
|
+
"type": "typography",
|
|
539
|
+
"variant": "h3"
|
|
424
540
|
},
|
|
425
541
|
{
|
|
426
|
-
"
|
|
427
|
-
"
|
|
428
|
-
"
|
|
542
|
+
"type": "typography",
|
|
543
|
+
"variant": "caption",
|
|
544
|
+
"content": "You're all caught up.",
|
|
545
|
+
"color": "muted"
|
|
546
|
+
},
|
|
547
|
+
{
|
|
548
|
+
"action": "INIT",
|
|
549
|
+
"type": "button",
|
|
550
|
+
"label": "Back to chat",
|
|
551
|
+
"variant": "ghost"
|
|
429
552
|
}
|
|
430
553
|
],
|
|
431
|
-
"
|
|
432
|
-
|
|
554
|
+
"className": "py-8"
|
|
555
|
+
}
|
|
556
|
+
]
|
|
557
|
+
]
|
|
558
|
+
},
|
|
559
|
+
{
|
|
560
|
+
"from": "browsing",
|
|
561
|
+
"to": "browsing",
|
|
562
|
+
"event": "ChatMessageLoaded",
|
|
563
|
+
"effects": [
|
|
564
|
+
[
|
|
565
|
+
"render-ui",
|
|
566
|
+
"main",
|
|
567
|
+
{
|
|
568
|
+
"type": "stack",
|
|
569
|
+
"direction": "vertical",
|
|
433
570
|
"children": [
|
|
434
571
|
{
|
|
435
|
-
"direction": "
|
|
436
|
-
"
|
|
437
|
-
"gap": "lg",
|
|
438
|
-
"className": "max-w-5xl mx-auto w-full",
|
|
572
|
+
"direction": "horizontal",
|
|
573
|
+
"gap": "md",
|
|
439
574
|
"children": [
|
|
440
575
|
{
|
|
441
|
-
"
|
|
576
|
+
"direction": "horizontal",
|
|
577
|
+
"type": "stack",
|
|
578
|
+
"gap": "sm",
|
|
442
579
|
"children": [
|
|
443
580
|
{
|
|
444
|
-
"type": "
|
|
445
|
-
"
|
|
446
|
-
"align": "center",
|
|
447
|
-
"gap": "sm",
|
|
448
|
-
"children": [
|
|
449
|
-
{
|
|
450
|
-
"name": "message-circle",
|
|
451
|
-
"type": "icon"
|
|
452
|
-
},
|
|
453
|
-
{
|
|
454
|
-
"variant": "h2",
|
|
455
|
-
"type": "typography",
|
|
456
|
-
"content": "Chat"
|
|
457
|
-
}
|
|
458
|
-
]
|
|
581
|
+
"type": "icon",
|
|
582
|
+
"name": "message-circle"
|
|
459
583
|
},
|
|
460
584
|
{
|
|
461
|
-
"
|
|
462
|
-
|
|
463
|
-
|
|
464
|
-
"action": "COMPOSE",
|
|
465
|
-
"variant": "primary",
|
|
466
|
-
"icon": "edit",
|
|
467
|
-
"type": "button"
|
|
468
|
-
}
|
|
469
|
-
],
|
|
470
|
-
"gap": "sm",
|
|
471
|
-
"type": "stack",
|
|
472
|
-
"direction": "horizontal"
|
|
585
|
+
"type": "typography",
|
|
586
|
+
"variant": "h2",
|
|
587
|
+
"content": "Chat"
|
|
473
588
|
}
|
|
474
589
|
],
|
|
475
|
-
"
|
|
476
|
-
"gap": "md",
|
|
477
|
-
"direction": "horizontal",
|
|
478
|
-
"justify": "between"
|
|
479
|
-
},
|
|
480
|
-
{
|
|
481
|
-
"type": "divider"
|
|
590
|
+
"align": "center"
|
|
482
591
|
},
|
|
483
592
|
{
|
|
484
|
-
"
|
|
485
|
-
"
|
|
486
|
-
{
|
|
487
|
-
"event": "VIEW",
|
|
488
|
-
"label": "View",
|
|
489
|
-
"variant": "ghost"
|
|
490
|
-
}
|
|
491
|
-
],
|
|
492
|
-
"entity": "@payload.data",
|
|
493
|
-
"fields": [
|
|
494
|
-
{
|
|
495
|
-
"name": "sender",
|
|
496
|
-
"variant": "h4"
|
|
497
|
-
},
|
|
498
|
-
{
|
|
499
|
-
"name": "content",
|
|
500
|
-
"variant": "body"
|
|
501
|
-
},
|
|
593
|
+
"direction": "horizontal",
|
|
594
|
+
"children": [
|
|
502
595
|
{
|
|
503
|
-
"variant": "
|
|
504
|
-
"
|
|
505
|
-
"
|
|
596
|
+
"variant": "primary",
|
|
597
|
+
"label": "Compose",
|
|
598
|
+
"icon": "edit",
|
|
599
|
+
"action": "COMPOSE",
|
|
600
|
+
"type": "button"
|
|
506
601
|
}
|
|
507
602
|
],
|
|
508
|
-
"
|
|
509
|
-
"gap": "sm"
|
|
510
|
-
|
|
603
|
+
"type": "stack",
|
|
604
|
+
"gap": "sm"
|
|
605
|
+
}
|
|
606
|
+
],
|
|
607
|
+
"type": "stack",
|
|
608
|
+
"justify": "between",
|
|
609
|
+
"align": "center"
|
|
610
|
+
},
|
|
611
|
+
{
|
|
612
|
+
"type": "divider"
|
|
613
|
+
},
|
|
614
|
+
{
|
|
615
|
+
"variant": "message",
|
|
616
|
+
"gap": "sm",
|
|
617
|
+
"senderField": "sender",
|
|
618
|
+
"entity": "@payload.data",
|
|
619
|
+
"type": "data-list",
|
|
620
|
+
"itemActions": [
|
|
621
|
+
{
|
|
622
|
+
"label": "View",
|
|
623
|
+
"variant": "ghost",
|
|
624
|
+
"event": "VIEW"
|
|
625
|
+
}
|
|
626
|
+
],
|
|
627
|
+
"fields": [
|
|
628
|
+
{
|
|
629
|
+
"name": "sender",
|
|
630
|
+
"variant": "h4"
|
|
631
|
+
},
|
|
632
|
+
{
|
|
633
|
+
"name": "content",
|
|
634
|
+
"variant": "body"
|
|
635
|
+
},
|
|
636
|
+
{
|
|
637
|
+
"variant": "caption",
|
|
638
|
+
"name": "timestamp",
|
|
639
|
+
"format": "date"
|
|
511
640
|
}
|
|
512
641
|
]
|
|
513
642
|
}
|
|
514
|
-
]
|
|
643
|
+
],
|
|
644
|
+
"gap": "lg"
|
|
515
645
|
}
|
|
516
646
|
]
|
|
517
647
|
]
|
|
@@ -525,36 +655,36 @@
|
|
|
525
655
|
"render-ui",
|
|
526
656
|
"main",
|
|
527
657
|
{
|
|
528
|
-
"align": "center",
|
|
529
|
-
"type": "stack",
|
|
530
|
-
"direction": "vertical",
|
|
531
|
-
"gap": "md",
|
|
532
|
-
"className": "py-12",
|
|
533
658
|
"children": [
|
|
534
659
|
{
|
|
535
|
-
"name": "alert-triangle",
|
|
536
660
|
"type": "icon",
|
|
537
|
-
"color": "destructive"
|
|
661
|
+
"color": "destructive",
|
|
662
|
+
"name": "alert-triangle"
|
|
538
663
|
},
|
|
539
664
|
{
|
|
540
665
|
"content": "Failed to load chatmessage",
|
|
541
|
-
"
|
|
542
|
-
"
|
|
666
|
+
"variant": "h3",
|
|
667
|
+
"type": "typography"
|
|
543
668
|
},
|
|
544
669
|
{
|
|
545
|
-
"type": "typography",
|
|
546
670
|
"variant": "body",
|
|
547
671
|
"color": "muted",
|
|
548
|
-
"content": "@payload.error"
|
|
672
|
+
"content": "@payload.error",
|
|
673
|
+
"type": "typography"
|
|
549
674
|
},
|
|
550
675
|
{
|
|
676
|
+
"label": "Retry",
|
|
677
|
+
"icon": "rotate-ccw",
|
|
551
678
|
"type": "button",
|
|
552
679
|
"variant": "primary",
|
|
553
|
-
"action": "INIT"
|
|
554
|
-
"label": "Retry",
|
|
555
|
-
"icon": "rotate-ccw"
|
|
680
|
+
"action": "INIT"
|
|
556
681
|
}
|
|
557
|
-
]
|
|
682
|
+
],
|
|
683
|
+
"type": "stack",
|
|
684
|
+
"gap": "md",
|
|
685
|
+
"className": "py-12",
|
|
686
|
+
"direction": "vertical",
|
|
687
|
+
"align": "center"
|
|
558
688
|
}
|
|
559
689
|
]
|
|
560
690
|
]
|
|
@@ -726,8 +856,8 @@
|
|
|
726
856
|
"ChatMessage",
|
|
727
857
|
{
|
|
728
858
|
"emit": {
|
|
729
|
-
"
|
|
730
|
-
"
|
|
859
|
+
"failure": "ChatMessageLoadFailed",
|
|
860
|
+
"success": "ChatMessageLoaded"
|
|
731
861
|
}
|
|
732
862
|
}
|
|
733
863
|
]
|
|
@@ -742,31 +872,28 @@
|
|
|
742
872
|
"render-ui",
|
|
743
873
|
"modal",
|
|
744
874
|
{
|
|
745
|
-
"type": "stack",
|
|
746
875
|
"gap": "md",
|
|
747
876
|
"children": [
|
|
748
877
|
{
|
|
749
|
-
"
|
|
878
|
+
"direction": "horizontal",
|
|
750
879
|
"children": [
|
|
751
880
|
{
|
|
752
881
|
"name": "edit",
|
|
753
882
|
"type": "icon"
|
|
754
883
|
},
|
|
755
884
|
{
|
|
756
|
-
"content": "New ChatMessage",
|
|
757
885
|
"variant": "h3",
|
|
758
|
-
"type": "typography"
|
|
886
|
+
"type": "typography",
|
|
887
|
+
"content": "New ChatMessage"
|
|
759
888
|
}
|
|
760
889
|
],
|
|
761
|
-
"
|
|
762
|
-
"
|
|
890
|
+
"type": "stack",
|
|
891
|
+
"gap": "sm"
|
|
763
892
|
},
|
|
764
893
|
{
|
|
765
894
|
"type": "divider"
|
|
766
895
|
},
|
|
767
896
|
{
|
|
768
|
-
"cancelEvent": "CLOSE",
|
|
769
|
-
"submitEvent": "SEND",
|
|
770
897
|
"mode": "create",
|
|
771
898
|
"fields": [
|
|
772
899
|
"sender",
|
|
@@ -774,9 +901,12 @@
|
|
|
774
901
|
"channel",
|
|
775
902
|
"timestamp"
|
|
776
903
|
],
|
|
777
|
-
"
|
|
904
|
+
"cancelEvent": "CLOSE",
|
|
905
|
+
"type": "form-section",
|
|
906
|
+
"submitEvent": "SEND"
|
|
778
907
|
}
|
|
779
908
|
],
|
|
909
|
+
"type": "stack",
|
|
780
910
|
"direction": "vertical"
|
|
781
911
|
}
|
|
782
912
|
]
|
|
@@ -1020,15 +1150,18 @@
|
|
|
1020
1150
|
"render-ui",
|
|
1021
1151
|
"modal",
|
|
1022
1152
|
{
|
|
1153
|
+
"gap": "md",
|
|
1154
|
+
"type": "stack",
|
|
1155
|
+
"direction": "vertical",
|
|
1023
1156
|
"children": [
|
|
1024
1157
|
{
|
|
1025
|
-
"
|
|
1158
|
+
"gap": "sm",
|
|
1026
1159
|
"type": "stack",
|
|
1027
1160
|
"align": "center",
|
|
1028
1161
|
"children": [
|
|
1029
1162
|
{
|
|
1030
|
-
"
|
|
1031
|
-
"
|
|
1163
|
+
"type": "icon",
|
|
1164
|
+
"name": "eye"
|
|
1032
1165
|
},
|
|
1033
1166
|
{
|
|
1034
1167
|
"type": "typography",
|
|
@@ -1036,100 +1169,97 @@
|
|
|
1036
1169
|
"content": "@entity.sender"
|
|
1037
1170
|
}
|
|
1038
1171
|
],
|
|
1039
|
-
"
|
|
1172
|
+
"direction": "horizontal"
|
|
1040
1173
|
},
|
|
1041
1174
|
{
|
|
1042
1175
|
"type": "divider"
|
|
1043
1176
|
},
|
|
1044
1177
|
{
|
|
1178
|
+
"gap": "md",
|
|
1045
1179
|
"type": "stack",
|
|
1046
1180
|
"direction": "horizontal",
|
|
1047
1181
|
"children": [
|
|
1048
1182
|
{
|
|
1049
1183
|
"content": "Sender",
|
|
1050
|
-
"
|
|
1051
|
-
"
|
|
1184
|
+
"variant": "caption",
|
|
1185
|
+
"type": "typography"
|
|
1052
1186
|
},
|
|
1053
1187
|
{
|
|
1054
|
-
"variant": "body",
|
|
1055
1188
|
"type": "typography",
|
|
1189
|
+
"variant": "body",
|
|
1056
1190
|
"content": "@entity.sender"
|
|
1057
1191
|
}
|
|
1058
|
-
]
|
|
1059
|
-
"gap": "md"
|
|
1192
|
+
]
|
|
1060
1193
|
},
|
|
1061
1194
|
{
|
|
1062
|
-
"
|
|
1063
|
-
"type": "stack",
|
|
1195
|
+
"direction": "horizontal",
|
|
1064
1196
|
"children": [
|
|
1065
1197
|
{
|
|
1198
|
+
"variant": "caption",
|
|
1066
1199
|
"content": "Content",
|
|
1067
|
-
"type": "typography"
|
|
1068
|
-
"variant": "caption"
|
|
1200
|
+
"type": "typography"
|
|
1069
1201
|
},
|
|
1070
1202
|
{
|
|
1071
|
-
"variant": "body",
|
|
1072
1203
|
"type": "typography",
|
|
1073
|
-
"content": "@entity.content"
|
|
1204
|
+
"content": "@entity.content",
|
|
1205
|
+
"variant": "body"
|
|
1074
1206
|
}
|
|
1075
1207
|
],
|
|
1076
|
-
"
|
|
1208
|
+
"type": "stack",
|
|
1209
|
+
"gap": "md"
|
|
1077
1210
|
},
|
|
1078
1211
|
{
|
|
1212
|
+
"gap": "md",
|
|
1079
1213
|
"direction": "horizontal",
|
|
1080
1214
|
"type": "stack",
|
|
1081
|
-
"gap": "md",
|
|
1082
1215
|
"children": [
|
|
1083
1216
|
{
|
|
1084
|
-
"
|
|
1217
|
+
"type": "typography",
|
|
1085
1218
|
"variant": "caption",
|
|
1086
|
-
"
|
|
1219
|
+
"content": "Channel"
|
|
1087
1220
|
},
|
|
1088
1221
|
{
|
|
1089
1222
|
"type": "typography",
|
|
1090
|
-
"
|
|
1091
|
-
"
|
|
1223
|
+
"variant": "body",
|
|
1224
|
+
"content": "@entity.channel"
|
|
1092
1225
|
}
|
|
1093
1226
|
]
|
|
1094
1227
|
},
|
|
1095
1228
|
{
|
|
1096
|
-
"gap": "md",
|
|
1097
|
-
"direction": "horizontal",
|
|
1098
1229
|
"type": "stack",
|
|
1230
|
+
"gap": "md",
|
|
1099
1231
|
"children": [
|
|
1100
1232
|
{
|
|
1101
1233
|
"variant": "caption",
|
|
1102
|
-
"
|
|
1103
|
-
"
|
|
1234
|
+
"type": "typography",
|
|
1235
|
+
"content": "Timestamp"
|
|
1104
1236
|
},
|
|
1105
1237
|
{
|
|
1106
1238
|
"variant": "body",
|
|
1107
1239
|
"type": "typography",
|
|
1108
1240
|
"content": "@entity.timestamp"
|
|
1109
1241
|
}
|
|
1110
|
-
]
|
|
1242
|
+
],
|
|
1243
|
+
"direction": "horizontal"
|
|
1111
1244
|
},
|
|
1112
1245
|
{
|
|
1113
1246
|
"type": "divider"
|
|
1114
1247
|
},
|
|
1115
1248
|
{
|
|
1249
|
+
"justify": "end",
|
|
1116
1250
|
"children": [
|
|
1117
1251
|
{
|
|
1118
|
-
"
|
|
1252
|
+
"type": "button",
|
|
1119
1253
|
"label": "Close",
|
|
1120
1254
|
"action": "CLOSE",
|
|
1121
|
-
"
|
|
1255
|
+
"variant": "ghost"
|
|
1122
1256
|
}
|
|
1123
1257
|
],
|
|
1124
|
-
"justify": "end",
|
|
1125
|
-
"type": "stack",
|
|
1126
1258
|
"direction": "horizontal",
|
|
1127
|
-
"gap": "sm"
|
|
1259
|
+
"gap": "sm",
|
|
1260
|
+
"type": "stack"
|
|
1128
1261
|
}
|
|
1129
|
-
]
|
|
1130
|
-
"gap": "md",
|
|
1131
|
-
"type": "stack",
|
|
1132
|
-
"direction": "vertical"
|
|
1262
|
+
]
|
|
1133
1263
|
}
|
|
1134
1264
|
]
|
|
1135
1265
|
]
|
|
@@ -1187,6 +1317,9 @@
|
|
|
1187
1317
|
"name": "ChatPage",
|
|
1188
1318
|
"path": "/chat",
|
|
1189
1319
|
"traits": [
|
|
1320
|
+
{
|
|
1321
|
+
"ref": "ChatAppLayout"
|
|
1322
|
+
},
|
|
1190
1323
|
{
|
|
1191
1324
|
"ref": "ChatMessageBrowse"
|
|
1192
1325
|
},
|
|
@@ -1479,22 +1612,22 @@
|
|
|
1479
1612
|
"render-ui",
|
|
1480
1613
|
"main",
|
|
1481
1614
|
{
|
|
1615
|
+
"type": "stack",
|
|
1482
1616
|
"align": "center",
|
|
1617
|
+
"gap": "md",
|
|
1618
|
+
"className": "py-12",
|
|
1619
|
+
"direction": "vertical",
|
|
1483
1620
|
"children": [
|
|
1484
1621
|
{
|
|
1485
1622
|
"type": "spinner"
|
|
1486
1623
|
},
|
|
1487
1624
|
{
|
|
1488
|
-
"
|
|
1489
|
-
"color": "muted",
|
|
1625
|
+
"variant": "caption",
|
|
1490
1626
|
"type": "typography",
|
|
1491
|
-
"
|
|
1627
|
+
"content": "Loading…",
|
|
1628
|
+
"color": "muted"
|
|
1492
1629
|
}
|
|
1493
|
-
]
|
|
1494
|
-
"gap": "md",
|
|
1495
|
-
"type": "stack",
|
|
1496
|
-
"className": "py-12",
|
|
1497
|
-
"direction": "vertical"
|
|
1630
|
+
]
|
|
1498
1631
|
}
|
|
1499
1632
|
]
|
|
1500
1633
|
]
|
|
@@ -1509,41 +1642,24 @@
|
|
|
1509
1642
|
"main",
|
|
1510
1643
|
{
|
|
1511
1644
|
"appName": "Realtime Chat",
|
|
1512
|
-
"type": "dashboard-layout",
|
|
1513
|
-
"navItems": [
|
|
1514
|
-
{
|
|
1515
|
-
"icon": "layout-list",
|
|
1516
|
-
"href": "/chat",
|
|
1517
|
-
"label": "Chat"
|
|
1518
|
-
},
|
|
1519
|
-
{
|
|
1520
|
-
"label": "Channels",
|
|
1521
|
-
"href": "/channels",
|
|
1522
|
-
"icon": "hash"
|
|
1523
|
-
},
|
|
1524
|
-
{
|
|
1525
|
-
"icon": "layout-list",
|
|
1526
|
-
"label": "Online",
|
|
1527
|
-
"href": "/online"
|
|
1528
|
-
}
|
|
1529
|
-
],
|
|
1530
1645
|
"children": [
|
|
1531
1646
|
{
|
|
1532
|
-
"direction": "vertical",
|
|
1533
1647
|
"type": "stack",
|
|
1534
1648
|
"className": "max-w-5xl mx-auto w-full",
|
|
1649
|
+
"gap": "lg",
|
|
1650
|
+
"direction": "vertical",
|
|
1535
1651
|
"children": [
|
|
1536
1652
|
{
|
|
1537
1653
|
"justify": "between",
|
|
1538
1654
|
"type": "stack",
|
|
1539
|
-
"
|
|
1655
|
+
"direction": "horizontal",
|
|
1540
1656
|
"align": "center",
|
|
1541
1657
|
"children": [
|
|
1542
1658
|
{
|
|
1659
|
+
"gap": "sm",
|
|
1543
1660
|
"direction": "horizontal",
|
|
1544
|
-
"align": "center",
|
|
1545
1661
|
"type": "stack",
|
|
1546
|
-
"
|
|
1662
|
+
"align": "center",
|
|
1547
1663
|
"children": [
|
|
1548
1664
|
{
|
|
1549
1665
|
"type": "icon",
|
|
@@ -1551,79 +1667,96 @@
|
|
|
1551
1667
|
},
|
|
1552
1668
|
{
|
|
1553
1669
|
"variant": "h2",
|
|
1554
|
-
"
|
|
1555
|
-
"
|
|
1670
|
+
"type": "typography",
|
|
1671
|
+
"content": "Channels"
|
|
1556
1672
|
}
|
|
1557
1673
|
]
|
|
1558
1674
|
},
|
|
1559
1675
|
{
|
|
1560
|
-
"direction": "horizontal",
|
|
1561
|
-
"gap": "sm",
|
|
1562
1676
|
"children": [
|
|
1563
1677
|
{
|
|
1564
|
-
"type": "button",
|
|
1565
|
-
"action": "CREATE",
|
|
1566
1678
|
"label": "Create Channel",
|
|
1567
|
-
"
|
|
1568
|
-
"
|
|
1679
|
+
"icon": "plus",
|
|
1680
|
+
"action": "CREATE",
|
|
1681
|
+
"type": "button",
|
|
1682
|
+
"variant": "primary"
|
|
1569
1683
|
}
|
|
1570
1684
|
],
|
|
1685
|
+
"direction": "horizontal",
|
|
1686
|
+
"gap": "sm",
|
|
1571
1687
|
"type": "stack"
|
|
1572
1688
|
}
|
|
1573
1689
|
],
|
|
1574
|
-
"
|
|
1690
|
+
"gap": "md"
|
|
1575
1691
|
},
|
|
1576
1692
|
{
|
|
1577
1693
|
"type": "divider"
|
|
1578
1694
|
},
|
|
1579
1695
|
{
|
|
1580
|
-
"
|
|
1581
|
-
"itemActions": [
|
|
1582
|
-
{
|
|
1583
|
-
"event": "VIEW",
|
|
1584
|
-
"variant": "ghost",
|
|
1585
|
-
"label": "View"
|
|
1586
|
-
},
|
|
1587
|
-
{
|
|
1588
|
-
"variant": "ghost",
|
|
1589
|
-
"label": "Edit",
|
|
1590
|
-
"event": "EDIT"
|
|
1591
|
-
},
|
|
1592
|
-
{
|
|
1593
|
-
"label": "Delete",
|
|
1594
|
-
"variant": "danger",
|
|
1595
|
-
"event": "DELETE"
|
|
1596
|
-
}
|
|
1597
|
-
],
|
|
1696
|
+
"gap": "sm",
|
|
1598
1697
|
"entity": "@payload.data",
|
|
1698
|
+
"type": "data-list",
|
|
1699
|
+
"variant": "card",
|
|
1599
1700
|
"fields": [
|
|
1600
1701
|
{
|
|
1601
|
-
"icon": "hash",
|
|
1602
1702
|
"variant": "h3",
|
|
1603
|
-
"name": "name"
|
|
1703
|
+
"name": "name",
|
|
1704
|
+
"icon": "hash"
|
|
1604
1705
|
},
|
|
1605
1706
|
{
|
|
1606
|
-
"variant": "badge",
|
|
1607
1707
|
"format": "number",
|
|
1608
|
-
"
|
|
1609
|
-
"
|
|
1708
|
+
"label": "Members",
|
|
1709
|
+
"variant": "badge",
|
|
1710
|
+
"name": "memberCount"
|
|
1610
1711
|
},
|
|
1611
1712
|
{
|
|
1612
|
-
"
|
|
1613
|
-
"
|
|
1713
|
+
"name": "description",
|
|
1714
|
+
"variant": "body"
|
|
1614
1715
|
},
|
|
1615
1716
|
{
|
|
1616
|
-
"label": "Private",
|
|
1617
|
-
"variant": "body",
|
|
1618
1717
|
"name": "isPrivate",
|
|
1619
|
-
"format": "boolean"
|
|
1718
|
+
"format": "boolean",
|
|
1719
|
+
"label": "Private",
|
|
1720
|
+
"variant": "body"
|
|
1620
1721
|
}
|
|
1621
1722
|
],
|
|
1622
|
-
"
|
|
1623
|
-
|
|
1723
|
+
"itemActions": [
|
|
1724
|
+
{
|
|
1725
|
+
"event": "VIEW",
|
|
1726
|
+
"label": "View",
|
|
1727
|
+
"variant": "ghost"
|
|
1728
|
+
},
|
|
1729
|
+
{
|
|
1730
|
+
"event": "EDIT",
|
|
1731
|
+
"label": "Edit",
|
|
1732
|
+
"variant": "ghost"
|
|
1733
|
+
},
|
|
1734
|
+
{
|
|
1735
|
+
"event": "DELETE",
|
|
1736
|
+
"label": "Delete",
|
|
1737
|
+
"variant": "danger"
|
|
1738
|
+
}
|
|
1739
|
+
]
|
|
1624
1740
|
}
|
|
1625
|
-
]
|
|
1626
|
-
|
|
1741
|
+
]
|
|
1742
|
+
}
|
|
1743
|
+
],
|
|
1744
|
+
"type": "dashboard-layout",
|
|
1745
|
+
"navItems": [
|
|
1746
|
+
{
|
|
1747
|
+
"href": "/chat",
|
|
1748
|
+
"label": "Chat",
|
|
1749
|
+
"icon": "layout-list"
|
|
1750
|
+
},
|
|
1751
|
+
{
|
|
1752
|
+
"href": "/channels",
|
|
1753
|
+
"icon": "hash",
|
|
1754
|
+
"label": "Channels"
|
|
1755
|
+
},
|
|
1756
|
+
{
|
|
1757
|
+
"href": "/online",
|
|
1758
|
+
"label": "Online",
|
|
1759
|
+
"icon": "layout-list"
|
|
1627
1760
|
}
|
|
1628
1761
|
]
|
|
1629
1762
|
}
|
|
@@ -1639,36 +1772,36 @@
|
|
|
1639
1772
|
"render-ui",
|
|
1640
1773
|
"main",
|
|
1641
1774
|
{
|
|
1642
|
-
"
|
|
1643
|
-
"className": "py-12",
|
|
1775
|
+
"gap": "md",
|
|
1644
1776
|
"direction": "vertical",
|
|
1777
|
+
"className": "py-12",
|
|
1645
1778
|
"type": "stack",
|
|
1646
1779
|
"children": [
|
|
1647
1780
|
{
|
|
1781
|
+
"type": "icon",
|
|
1648
1782
|
"name": "alert-triangle",
|
|
1649
|
-
"color": "destructive"
|
|
1650
|
-
"type": "icon"
|
|
1783
|
+
"color": "destructive"
|
|
1651
1784
|
},
|
|
1652
1785
|
{
|
|
1653
1786
|
"content": "Failed to load channel",
|
|
1654
|
-
"
|
|
1655
|
-
"
|
|
1787
|
+
"variant": "h3",
|
|
1788
|
+
"type": "typography"
|
|
1656
1789
|
},
|
|
1657
1790
|
{
|
|
1791
|
+
"color": "muted",
|
|
1658
1792
|
"content": "@payload.error",
|
|
1659
1793
|
"type": "typography",
|
|
1660
|
-
"color": "muted",
|
|
1661
1794
|
"variant": "body"
|
|
1662
1795
|
},
|
|
1663
1796
|
{
|
|
1664
|
-
"variant": "primary",
|
|
1665
|
-
"action": "INIT",
|
|
1666
1797
|
"type": "button",
|
|
1798
|
+
"variant": "primary",
|
|
1667
1799
|
"label": "Retry",
|
|
1668
|
-
"icon": "rotate-ccw"
|
|
1800
|
+
"icon": "rotate-ccw",
|
|
1801
|
+
"action": "INIT"
|
|
1669
1802
|
}
|
|
1670
1803
|
],
|
|
1671
|
-
"
|
|
1804
|
+
"align": "center"
|
|
1672
1805
|
}
|
|
1673
1806
|
]
|
|
1674
1807
|
]
|
|
@@ -1871,27 +2004,26 @@
|
|
|
1871
2004
|
{
|
|
1872
2005
|
"children": [
|
|
1873
2006
|
{
|
|
2007
|
+
"type": "stack",
|
|
1874
2008
|
"children": [
|
|
1875
2009
|
{
|
|
1876
2010
|
"name": "plus-circle",
|
|
1877
2011
|
"type": "icon"
|
|
1878
2012
|
},
|
|
1879
2013
|
{
|
|
1880
|
-
"type": "typography",
|
|
1881
2014
|
"content": "Create Channel",
|
|
2015
|
+
"type": "typography",
|
|
1882
2016
|
"variant": "h3"
|
|
1883
2017
|
}
|
|
1884
2018
|
],
|
|
1885
|
-
"
|
|
1886
|
-
"gap": "sm"
|
|
1887
|
-
"direction": "horizontal"
|
|
2019
|
+
"direction": "horizontal",
|
|
2020
|
+
"gap": "sm"
|
|
1888
2021
|
},
|
|
1889
2022
|
{
|
|
1890
2023
|
"type": "divider"
|
|
1891
2024
|
},
|
|
1892
2025
|
{
|
|
1893
2026
|
"cancelEvent": "CLOSE",
|
|
1894
|
-
"type": "form-section",
|
|
1895
2027
|
"fields": [
|
|
1896
2028
|
"name",
|
|
1897
2029
|
"description",
|
|
@@ -1899,12 +2031,13 @@
|
|
|
1899
2031
|
"isPrivate"
|
|
1900
2032
|
],
|
|
1901
2033
|
"mode": "create",
|
|
1902
|
-
"submitEvent": "SAVE"
|
|
2034
|
+
"submitEvent": "SAVE",
|
|
2035
|
+
"type": "form-section"
|
|
1903
2036
|
}
|
|
1904
2037
|
],
|
|
1905
|
-
"type": "stack",
|
|
1906
2038
|
"gap": "md",
|
|
1907
|
-
"direction": "vertical"
|
|
2039
|
+
"direction": "vertical",
|
|
2040
|
+
"type": "stack"
|
|
1908
2041
|
}
|
|
1909
2042
|
]
|
|
1910
2043
|
]
|
|
@@ -1945,8 +2078,8 @@
|
|
|
1945
2078
|
"@payload.data",
|
|
1946
2079
|
{
|
|
1947
2080
|
"emit": {
|
|
1948
|
-
"
|
|
1949
|
-
"
|
|
2081
|
+
"failure": "ChannelSaveFailed",
|
|
2082
|
+
"success": "ChannelSaved"
|
|
1950
2083
|
}
|
|
1951
2084
|
}
|
|
1952
2085
|
],
|
|
@@ -2183,8 +2316,9 @@
|
|
|
2183
2316
|
"render-ui",
|
|
2184
2317
|
"modal",
|
|
2185
2318
|
{
|
|
2186
|
-
"type": "stack",
|
|
2187
2319
|
"direction": "vertical",
|
|
2320
|
+
"type": "stack",
|
|
2321
|
+
"gap": "md",
|
|
2188
2322
|
"children": [
|
|
2189
2323
|
{
|
|
2190
2324
|
"type": "stack",
|
|
@@ -2192,13 +2326,13 @@
|
|
|
2192
2326
|
"direction": "horizontal",
|
|
2193
2327
|
"children": [
|
|
2194
2328
|
{
|
|
2195
|
-
"
|
|
2196
|
-
"
|
|
2329
|
+
"name": "edit",
|
|
2330
|
+
"type": "icon"
|
|
2197
2331
|
},
|
|
2198
2332
|
{
|
|
2199
|
-
"variant": "h3",
|
|
2200
2333
|
"type": "typography",
|
|
2201
|
-
"content": "Edit Channel"
|
|
2334
|
+
"content": "Edit Channel",
|
|
2335
|
+
"variant": "h3"
|
|
2202
2336
|
}
|
|
2203
2337
|
]
|
|
2204
2338
|
},
|
|
@@ -2206,11 +2340,11 @@
|
|
|
2206
2340
|
"type": "divider"
|
|
2207
2341
|
},
|
|
2208
2342
|
{
|
|
2343
|
+
"mode": "edit",
|
|
2209
2344
|
"type": "form-section",
|
|
2210
2345
|
"submitEvent": "SAVE",
|
|
2211
|
-
"mode": "edit",
|
|
2212
|
-
"cancelEvent": "CLOSE",
|
|
2213
2346
|
"entity": "@payload.row",
|
|
2347
|
+
"cancelEvent": "CLOSE",
|
|
2214
2348
|
"fields": [
|
|
2215
2349
|
"name",
|
|
2216
2350
|
"description",
|
|
@@ -2218,8 +2352,7 @@
|
|
|
2218
2352
|
"isPrivate"
|
|
2219
2353
|
]
|
|
2220
2354
|
}
|
|
2221
|
-
]
|
|
2222
|
-
"gap": "md"
|
|
2355
|
+
]
|
|
2223
2356
|
}
|
|
2224
2357
|
]
|
|
2225
2358
|
]
|
|
@@ -2447,11 +2580,11 @@
|
|
|
2447
2580
|
"fetch",
|
|
2448
2581
|
"Channel",
|
|
2449
2582
|
{
|
|
2583
|
+
"id": "@payload.id",
|
|
2450
2584
|
"emit": {
|
|
2451
|
-
"
|
|
2452
|
-
"
|
|
2453
|
-
}
|
|
2454
|
-
"id": "@payload.id"
|
|
2585
|
+
"failure": "ChannelLoadFailed",
|
|
2586
|
+
"success": "ChannelLoaded"
|
|
2587
|
+
}
|
|
2455
2588
|
}
|
|
2456
2589
|
],
|
|
2457
2590
|
[
|
|
@@ -2460,32 +2593,28 @@
|
|
|
2460
2593
|
{
|
|
2461
2594
|
"direction": "vertical",
|
|
2462
2595
|
"type": "stack",
|
|
2463
|
-
"gap": "md",
|
|
2464
2596
|
"children": [
|
|
2465
2597
|
{
|
|
2466
|
-
"
|
|
2467
|
-
"gap": "sm",
|
|
2598
|
+
"type": "stack",
|
|
2468
2599
|
"children": [
|
|
2469
2600
|
{
|
|
2470
|
-
"
|
|
2471
|
-
"
|
|
2601
|
+
"type": "icon",
|
|
2602
|
+
"name": "eye"
|
|
2472
2603
|
},
|
|
2473
2604
|
{
|
|
2474
2605
|
"variant": "h3",
|
|
2475
|
-
"
|
|
2476
|
-
"
|
|
2606
|
+
"type": "typography",
|
|
2607
|
+
"content": "@entity.name"
|
|
2477
2608
|
}
|
|
2478
2609
|
],
|
|
2479
|
-
"
|
|
2480
|
-
"
|
|
2610
|
+
"align": "center",
|
|
2611
|
+
"direction": "horizontal",
|
|
2612
|
+
"gap": "sm"
|
|
2481
2613
|
},
|
|
2482
2614
|
{
|
|
2483
2615
|
"type": "divider"
|
|
2484
2616
|
},
|
|
2485
2617
|
{
|
|
2486
|
-
"gap": "md",
|
|
2487
|
-
"direction": "horizontal",
|
|
2488
|
-
"type": "stack",
|
|
2489
2618
|
"children": [
|
|
2490
2619
|
{
|
|
2491
2620
|
"variant": "caption",
|
|
@@ -2493,88 +2622,92 @@
|
|
|
2493
2622
|
"content": "Name"
|
|
2494
2623
|
},
|
|
2495
2624
|
{
|
|
2496
|
-
"variant": "body",
|
|
2497
2625
|
"type": "typography",
|
|
2498
|
-
"content": "@entity.name"
|
|
2626
|
+
"content": "@entity.name",
|
|
2627
|
+
"variant": "body"
|
|
2499
2628
|
}
|
|
2500
|
-
]
|
|
2629
|
+
],
|
|
2630
|
+
"gap": "md",
|
|
2631
|
+
"type": "stack",
|
|
2632
|
+
"direction": "horizontal"
|
|
2501
2633
|
},
|
|
2502
2634
|
{
|
|
2635
|
+
"type": "stack",
|
|
2503
2636
|
"children": [
|
|
2504
2637
|
{
|
|
2505
|
-
"variant": "caption",
|
|
2506
2638
|
"content": "Description",
|
|
2639
|
+
"variant": "caption",
|
|
2507
2640
|
"type": "typography"
|
|
2508
2641
|
},
|
|
2509
2642
|
{
|
|
2643
|
+
"variant": "body",
|
|
2510
2644
|
"content": "@entity.description",
|
|
2511
|
-
"type": "typography"
|
|
2512
|
-
"variant": "body"
|
|
2645
|
+
"type": "typography"
|
|
2513
2646
|
}
|
|
2514
2647
|
],
|
|
2515
|
-
"
|
|
2516
|
-
"
|
|
2517
|
-
"direction": "horizontal"
|
|
2648
|
+
"direction": "horizontal",
|
|
2649
|
+
"gap": "md"
|
|
2518
2650
|
},
|
|
2519
2651
|
{
|
|
2520
|
-
"type": "stack",
|
|
2521
2652
|
"direction": "horizontal",
|
|
2522
|
-
"gap": "md",
|
|
2523
2653
|
"children": [
|
|
2524
2654
|
{
|
|
2655
|
+
"content": "Member Count",
|
|
2525
2656
|
"type": "typography",
|
|
2526
|
-
"variant": "caption"
|
|
2527
|
-
"content": "Member Count"
|
|
2657
|
+
"variant": "caption"
|
|
2528
2658
|
},
|
|
2529
2659
|
{
|
|
2530
|
-
"content": "@entity.memberCount",
|
|
2531
2660
|
"variant": "body",
|
|
2532
|
-
"type": "typography"
|
|
2661
|
+
"type": "typography",
|
|
2662
|
+
"content": "@entity.memberCount"
|
|
2533
2663
|
}
|
|
2534
|
-
]
|
|
2664
|
+
],
|
|
2665
|
+
"type": "stack",
|
|
2666
|
+
"gap": "md"
|
|
2535
2667
|
},
|
|
2536
2668
|
{
|
|
2669
|
+
"direction": "horizontal",
|
|
2537
2670
|
"gap": "md",
|
|
2538
2671
|
"type": "stack",
|
|
2539
2672
|
"children": [
|
|
2540
2673
|
{
|
|
2674
|
+
"variant": "caption",
|
|
2541
2675
|
"content": "Is Private",
|
|
2542
|
-
"type": "typography"
|
|
2543
|
-
"variant": "caption"
|
|
2676
|
+
"type": "typography"
|
|
2544
2677
|
},
|
|
2545
2678
|
{
|
|
2679
|
+
"content": "@entity.isPrivate",
|
|
2546
2680
|
"variant": "body",
|
|
2547
|
-
"type": "typography"
|
|
2548
|
-
"content": "@entity.isPrivate"
|
|
2681
|
+
"type": "typography"
|
|
2549
2682
|
}
|
|
2550
|
-
]
|
|
2551
|
-
"direction": "horizontal"
|
|
2683
|
+
]
|
|
2552
2684
|
},
|
|
2553
2685
|
{
|
|
2554
2686
|
"type": "divider"
|
|
2555
2687
|
},
|
|
2556
2688
|
{
|
|
2557
|
-
"
|
|
2689
|
+
"direction": "horizontal",
|
|
2558
2690
|
"children": [
|
|
2559
2691
|
{
|
|
2560
|
-
"label": "Edit",
|
|
2561
|
-
"action": "EDIT",
|
|
2562
2692
|
"icon": "edit",
|
|
2563
2693
|
"variant": "primary",
|
|
2564
|
-
"
|
|
2694
|
+
"action": "EDIT",
|
|
2695
|
+
"type": "button",
|
|
2696
|
+
"label": "Edit"
|
|
2565
2697
|
},
|
|
2566
2698
|
{
|
|
2567
|
-
"variant": "ghost",
|
|
2568
|
-
"action": "CLOSE",
|
|
2569
2699
|
"label": "Close",
|
|
2570
|
-
"
|
|
2700
|
+
"action": "CLOSE",
|
|
2701
|
+
"type": "button",
|
|
2702
|
+
"variant": "ghost"
|
|
2571
2703
|
}
|
|
2572
2704
|
],
|
|
2573
|
-
"
|
|
2705
|
+
"type": "stack",
|
|
2574
2706
|
"gap": "sm",
|
|
2575
|
-
"
|
|
2707
|
+
"justify": "end"
|
|
2576
2708
|
}
|
|
2577
|
-
]
|
|
2709
|
+
],
|
|
2710
|
+
"gap": "md"
|
|
2578
2711
|
}
|
|
2579
2712
|
]
|
|
2580
2713
|
]
|
|
@@ -2796,8 +2929,8 @@
|
|
|
2796
2929
|
"Channel",
|
|
2797
2930
|
{
|
|
2798
2931
|
"emit": {
|
|
2799
|
-
"
|
|
2800
|
-
"
|
|
2932
|
+
"failure": "ChannelLoadFailed",
|
|
2933
|
+
"success": "ChannelLoaded"
|
|
2801
2934
|
}
|
|
2802
2935
|
}
|
|
2803
2936
|
]
|
|
@@ -2819,8 +2952,8 @@
|
|
|
2819
2952
|
{
|
|
2820
2953
|
"id": "@payload.id",
|
|
2821
2954
|
"emit": {
|
|
2822
|
-
"
|
|
2823
|
-
"
|
|
2955
|
+
"failure": "ChannelLoadFailed",
|
|
2956
|
+
"success": "ChannelLoaded"
|
|
2824
2957
|
}
|
|
2825
2958
|
}
|
|
2826
2959
|
],
|
|
@@ -2829,10 +2962,12 @@
|
|
|
2829
2962
|
"modal",
|
|
2830
2963
|
{
|
|
2831
2964
|
"direction": "vertical",
|
|
2832
|
-
"type": "stack",
|
|
2833
2965
|
"gap": "md",
|
|
2966
|
+
"type": "stack",
|
|
2834
2967
|
"children": [
|
|
2835
2968
|
{
|
|
2969
|
+
"direction": "horizontal",
|
|
2970
|
+
"align": "center",
|
|
2836
2971
|
"children": [
|
|
2837
2972
|
{
|
|
2838
2973
|
"type": "icon",
|
|
@@ -2840,43 +2975,41 @@
|
|
|
2840
2975
|
},
|
|
2841
2976
|
{
|
|
2842
2977
|
"type": "typography",
|
|
2843
|
-
"
|
|
2844
|
-
"
|
|
2978
|
+
"variant": "h3",
|
|
2979
|
+
"content": "Delete Channel"
|
|
2845
2980
|
}
|
|
2846
2981
|
],
|
|
2847
|
-
"direction": "horizontal",
|
|
2848
|
-
"type": "stack",
|
|
2849
2982
|
"gap": "sm",
|
|
2850
|
-
"
|
|
2983
|
+
"type": "stack"
|
|
2851
2984
|
},
|
|
2852
2985
|
{
|
|
2853
2986
|
"type": "divider"
|
|
2854
2987
|
},
|
|
2855
2988
|
{
|
|
2856
|
-
"
|
|
2989
|
+
"message": "This action cannot be undone.",
|
|
2857
2990
|
"type": "alert",
|
|
2858
|
-
"
|
|
2991
|
+
"variant": "error"
|
|
2859
2992
|
},
|
|
2860
2993
|
{
|
|
2861
|
-
"type": "stack",
|
|
2862
|
-
"gap": "sm",
|
|
2863
2994
|
"direction": "horizontal",
|
|
2864
2995
|
"justify": "end",
|
|
2865
2996
|
"children": [
|
|
2866
2997
|
{
|
|
2998
|
+
"variant": "ghost",
|
|
2867
2999
|
"action": "CANCEL",
|
|
2868
3000
|
"label": "Cancel",
|
|
2869
|
-
"type": "button"
|
|
2870
|
-
"variant": "ghost"
|
|
3001
|
+
"type": "button"
|
|
2871
3002
|
},
|
|
2872
3003
|
{
|
|
2873
|
-
"type": "button",
|
|
2874
|
-
"label": "Delete",
|
|
2875
3004
|
"icon": "check",
|
|
3005
|
+
"variant": "danger",
|
|
2876
3006
|
"action": "CONFIRM_DELETE",
|
|
2877
|
-
"
|
|
3007
|
+
"label": "Delete",
|
|
3008
|
+
"type": "button"
|
|
2878
3009
|
}
|
|
2879
|
-
]
|
|
3010
|
+
],
|
|
3011
|
+
"gap": "sm",
|
|
3012
|
+
"type": "stack"
|
|
2880
3013
|
}
|
|
2881
3014
|
]
|
|
2882
3015
|
}
|
|
@@ -2895,8 +3028,8 @@
|
|
|
2895
3028
|
"@entity.pendingId",
|
|
2896
3029
|
{
|
|
2897
3030
|
"emit": {
|
|
2898
|
-
"
|
|
2899
|
-
"
|
|
3031
|
+
"success": "ChannelDeleted",
|
|
3032
|
+
"failure": "ChannelDeleteFailed"
|
|
2900
3033
|
}
|
|
2901
3034
|
}
|
|
2902
3035
|
],
|
|
@@ -2950,8 +3083,8 @@
|
|
|
2950
3083
|
"Channel",
|
|
2951
3084
|
{
|
|
2952
3085
|
"emit": {
|
|
2953
|
-
"
|
|
2954
|
-
"
|
|
3086
|
+
"failure": "ChannelLoadFailed",
|
|
3087
|
+
"success": "ChannelLoaded"
|
|
2955
3088
|
}
|
|
2956
3089
|
}
|
|
2957
3090
|
]
|
|
@@ -3164,8 +3297,8 @@
|
|
|
3164
3297
|
"OnlineUser",
|
|
3165
3298
|
{
|
|
3166
3299
|
"emit": {
|
|
3167
|
-
"
|
|
3168
|
-
"
|
|
3300
|
+
"success": "OnlineUserLoaded",
|
|
3301
|
+
"failure": "OnlineUserLoadFailed"
|
|
3169
3302
|
}
|
|
3170
3303
|
}
|
|
3171
3304
|
],
|
|
@@ -3173,32 +3306,51 @@
|
|
|
3173
3306
|
"render-ui",
|
|
3174
3307
|
"main",
|
|
3175
3308
|
{
|
|
3309
|
+
"appName": "Realtime Chat",
|
|
3310
|
+
"navItems": [
|
|
3311
|
+
{
|
|
3312
|
+
"label": "Chat",
|
|
3313
|
+
"href": "/chat",
|
|
3314
|
+
"icon": "layout-list"
|
|
3315
|
+
},
|
|
3316
|
+
{
|
|
3317
|
+
"icon": "hash",
|
|
3318
|
+
"label": "Channels",
|
|
3319
|
+
"href": "/channels"
|
|
3320
|
+
},
|
|
3321
|
+
{
|
|
3322
|
+
"icon": "layout-list",
|
|
3323
|
+
"label": "Online",
|
|
3324
|
+
"href": "/online"
|
|
3325
|
+
}
|
|
3326
|
+
],
|
|
3176
3327
|
"children": [
|
|
3177
3328
|
{
|
|
3178
3329
|
"type": "scaled-diagram",
|
|
3179
3330
|
"children": [
|
|
3180
3331
|
{
|
|
3181
|
-
"type": "stack",
|
|
3182
|
-
"direction": "vertical",
|
|
3183
3332
|
"gap": "lg",
|
|
3184
3333
|
"children": [
|
|
3185
3334
|
{
|
|
3335
|
+
"type": "breadcrumb",
|
|
3186
3336
|
"items": [
|
|
3187
3337
|
{
|
|
3188
|
-
"
|
|
3189
|
-
"
|
|
3338
|
+
"href": "/",
|
|
3339
|
+
"label": "Home"
|
|
3190
3340
|
},
|
|
3191
3341
|
{
|
|
3192
3342
|
"label": "Online Users"
|
|
3193
3343
|
}
|
|
3194
|
-
]
|
|
3195
|
-
"type": "breadcrumb"
|
|
3344
|
+
]
|
|
3196
3345
|
},
|
|
3197
3346
|
{
|
|
3198
3347
|
"type": "stack",
|
|
3199
3348
|
"direction": "horizontal",
|
|
3349
|
+
"gap": "md",
|
|
3200
3350
|
"children": [
|
|
3201
3351
|
{
|
|
3352
|
+
"direction": "horizontal",
|
|
3353
|
+
"type": "stack",
|
|
3202
3354
|
"children": [
|
|
3203
3355
|
{
|
|
3204
3356
|
"name": "users",
|
|
@@ -3206,73 +3358,71 @@
|
|
|
3206
3358
|
},
|
|
3207
3359
|
{
|
|
3208
3360
|
"content": "Online Users",
|
|
3209
|
-
"
|
|
3210
|
-
"
|
|
3361
|
+
"variant": "h2",
|
|
3362
|
+
"type": "typography"
|
|
3211
3363
|
}
|
|
3212
3364
|
],
|
|
3213
|
-
"gap": "md"
|
|
3214
|
-
"direction": "horizontal",
|
|
3215
|
-
"type": "stack"
|
|
3365
|
+
"gap": "md"
|
|
3216
3366
|
},
|
|
3217
3367
|
{
|
|
3368
|
+
"icon": "refresh-cw",
|
|
3218
3369
|
"type": "button",
|
|
3219
|
-
"label": "Refresh",
|
|
3220
3370
|
"variant": "secondary",
|
|
3221
|
-
"
|
|
3222
|
-
"
|
|
3371
|
+
"label": "Refresh",
|
|
3372
|
+
"action": "REFRESH"
|
|
3223
3373
|
}
|
|
3224
3374
|
],
|
|
3225
|
-
"justify": "between"
|
|
3226
|
-
"gap": "md"
|
|
3375
|
+
"justify": "between"
|
|
3227
3376
|
},
|
|
3228
3377
|
{
|
|
3229
3378
|
"type": "divider"
|
|
3230
3379
|
},
|
|
3231
3380
|
{
|
|
3381
|
+
"padding": "md",
|
|
3232
3382
|
"type": "box",
|
|
3233
3383
|
"children": [
|
|
3234
3384
|
{
|
|
3235
|
-
"
|
|
3385
|
+
"cols": 3.0,
|
|
3236
3386
|
"children": [
|
|
3237
3387
|
{
|
|
3238
|
-
"type": "card",
|
|
3239
3388
|
"children": [
|
|
3240
3389
|
{
|
|
3241
|
-
"direction": "vertical",
|
|
3242
3390
|
"type": "stack",
|
|
3391
|
+
"direction": "vertical",
|
|
3243
3392
|
"gap": "sm",
|
|
3244
3393
|
"children": [
|
|
3245
3394
|
{
|
|
3246
|
-
"
|
|
3395
|
+
"type": "typography",
|
|
3247
3396
|
"variant": "caption",
|
|
3248
|
-
"
|
|
3397
|
+
"content": "Username"
|
|
3249
3398
|
},
|
|
3250
3399
|
{
|
|
3251
|
-
"type": "typography",
|
|
3252
3400
|
"variant": "h3",
|
|
3253
|
-
"content": "@entity.username"
|
|
3401
|
+
"content": "@entity.username",
|
|
3402
|
+
"type": "typography"
|
|
3254
3403
|
}
|
|
3255
3404
|
]
|
|
3256
3405
|
}
|
|
3257
|
-
]
|
|
3406
|
+
],
|
|
3407
|
+
"type": "card"
|
|
3258
3408
|
},
|
|
3259
3409
|
{
|
|
3260
3410
|
"children": [
|
|
3261
3411
|
{
|
|
3262
3412
|
"children": [
|
|
3263
3413
|
{
|
|
3414
|
+
"variant": "caption",
|
|
3264
3415
|
"content": "Status",
|
|
3265
|
-
"type": "typography"
|
|
3266
|
-
"variant": "caption"
|
|
3416
|
+
"type": "typography"
|
|
3267
3417
|
},
|
|
3268
3418
|
{
|
|
3269
|
-
"type": "typography",
|
|
3270
3419
|
"variant": "h3",
|
|
3271
|
-
"content": "@entity.status"
|
|
3420
|
+
"content": "@entity.status",
|
|
3421
|
+
"type": "typography"
|
|
3272
3422
|
}
|
|
3273
3423
|
],
|
|
3274
|
-
"direction": "vertical",
|
|
3275
3424
|
"type": "stack",
|
|
3425
|
+
"direction": "vertical",
|
|
3276
3426
|
"gap": "sm"
|
|
3277
3427
|
}
|
|
3278
3428
|
],
|
|
@@ -3282,21 +3432,21 @@
|
|
|
3282
3432
|
"type": "card",
|
|
3283
3433
|
"children": [
|
|
3284
3434
|
{
|
|
3285
|
-
"direction": "vertical",
|
|
3286
|
-
"type": "stack",
|
|
3287
|
-
"gap": "sm",
|
|
3288
3435
|
"children": [
|
|
3289
3436
|
{
|
|
3290
|
-
"
|
|
3437
|
+
"type": "typography",
|
|
3291
3438
|
"variant": "caption",
|
|
3292
|
-
"
|
|
3439
|
+
"content": "LastActive"
|
|
3293
3440
|
},
|
|
3294
3441
|
{
|
|
3295
|
-
"variant": "h3",
|
|
3296
3442
|
"content": "@entity.lastActive",
|
|
3297
|
-
"type": "typography"
|
|
3443
|
+
"type": "typography",
|
|
3444
|
+
"variant": "h3"
|
|
3298
3445
|
}
|
|
3299
|
-
]
|
|
3446
|
+
],
|
|
3447
|
+
"direction": "vertical",
|
|
3448
|
+
"gap": "sm",
|
|
3449
|
+
"type": "stack"
|
|
3300
3450
|
}
|
|
3301
3451
|
]
|
|
3302
3452
|
},
|
|
@@ -3304,59 +3454,58 @@
|
|
|
3304
3454
|
"type": "card",
|
|
3305
3455
|
"children": [
|
|
3306
3456
|
{
|
|
3457
|
+
"direction": "vertical",
|
|
3307
3458
|
"gap": "sm",
|
|
3308
|
-
"type": "stack",
|
|
3309
3459
|
"children": [
|
|
3310
3460
|
{
|
|
3311
3461
|
"variant": "caption",
|
|
3312
|
-
"
|
|
3313
|
-
"
|
|
3462
|
+
"type": "typography",
|
|
3463
|
+
"content": "Avatar"
|
|
3314
3464
|
},
|
|
3315
3465
|
{
|
|
3466
|
+
"type": "typography",
|
|
3316
3467
|
"variant": "h3",
|
|
3317
|
-
"content": "@entity.avatar"
|
|
3318
|
-
"type": "typography"
|
|
3468
|
+
"content": "@entity.avatar"
|
|
3319
3469
|
}
|
|
3320
3470
|
],
|
|
3321
|
-
"
|
|
3471
|
+
"type": "stack"
|
|
3322
3472
|
}
|
|
3323
3473
|
]
|
|
3324
3474
|
}
|
|
3325
3475
|
],
|
|
3326
|
-
"
|
|
3476
|
+
"type": "simple-grid"
|
|
3327
3477
|
}
|
|
3328
|
-
]
|
|
3329
|
-
"padding": "md"
|
|
3478
|
+
]
|
|
3330
3479
|
},
|
|
3331
3480
|
{
|
|
3332
3481
|
"type": "divider"
|
|
3333
3482
|
},
|
|
3334
3483
|
{
|
|
3335
3484
|
"gap": "md",
|
|
3336
|
-
"cols": 2.0,
|
|
3337
|
-
"type": "grid",
|
|
3338
3485
|
"children": [
|
|
3339
3486
|
{
|
|
3340
3487
|
"type": "card",
|
|
3341
3488
|
"children": [
|
|
3342
3489
|
{
|
|
3343
|
-
"variant": "caption",
|
|
3344
3490
|
"type": "typography",
|
|
3491
|
+
"variant": "caption",
|
|
3345
3492
|
"content": "Chart View"
|
|
3346
3493
|
}
|
|
3347
3494
|
]
|
|
3348
3495
|
},
|
|
3349
3496
|
{
|
|
3350
|
-
"type": "card",
|
|
3351
3497
|
"children": [
|
|
3352
3498
|
{
|
|
3353
|
-
"type": "typography",
|
|
3354
3499
|
"content": "Graph View",
|
|
3500
|
+
"type": "typography",
|
|
3355
3501
|
"variant": "caption"
|
|
3356
3502
|
}
|
|
3357
|
-
]
|
|
3503
|
+
],
|
|
3504
|
+
"type": "card"
|
|
3358
3505
|
}
|
|
3359
|
-
]
|
|
3506
|
+
],
|
|
3507
|
+
"type": "grid",
|
|
3508
|
+
"cols": 2.0
|
|
3360
3509
|
},
|
|
3361
3510
|
{
|
|
3362
3511
|
"type": "line-chart",
|
|
@@ -3366,20 +3515,20 @@
|
|
|
3366
3515
|
"date": "Jan"
|
|
3367
3516
|
},
|
|
3368
3517
|
{
|
|
3369
|
-
"
|
|
3370
|
-
"
|
|
3518
|
+
"date": "Feb",
|
|
3519
|
+
"value": 19.0
|
|
3371
3520
|
},
|
|
3372
3521
|
{
|
|
3373
3522
|
"date": "Mar",
|
|
3374
3523
|
"value": 15.0
|
|
3375
3524
|
},
|
|
3376
3525
|
{
|
|
3377
|
-
"
|
|
3378
|
-
"
|
|
3526
|
+
"date": "Apr",
|
|
3527
|
+
"value": 25.0
|
|
3379
3528
|
},
|
|
3380
3529
|
{
|
|
3381
|
-
"
|
|
3382
|
-
"
|
|
3530
|
+
"value": 22.0,
|
|
3531
|
+
"date": "May"
|
|
3383
3532
|
},
|
|
3384
3533
|
{
|
|
3385
3534
|
"value": 30.0,
|
|
@@ -3388,19 +3537,21 @@
|
|
|
3388
3537
|
]
|
|
3389
3538
|
},
|
|
3390
3539
|
{
|
|
3540
|
+
"type": "chart-legend",
|
|
3391
3541
|
"items": [
|
|
3392
3542
|
{
|
|
3393
|
-
"
|
|
3394
|
-
"
|
|
3543
|
+
"color": "primary",
|
|
3544
|
+
"label": "Current"
|
|
3395
3545
|
},
|
|
3396
3546
|
{
|
|
3397
3547
|
"label": "Previous",
|
|
3398
3548
|
"color": "muted"
|
|
3399
3549
|
}
|
|
3400
|
-
]
|
|
3401
|
-
"type": "chart-legend"
|
|
3550
|
+
]
|
|
3402
3551
|
},
|
|
3403
3552
|
{
|
|
3553
|
+
"width": 400.0,
|
|
3554
|
+
"height": 200.0,
|
|
3404
3555
|
"edges": [
|
|
3405
3556
|
{
|
|
3406
3557
|
"target": "b",
|
|
@@ -3412,8 +3563,6 @@
|
|
|
3412
3563
|
}
|
|
3413
3564
|
],
|
|
3414
3565
|
"type": "graph-view",
|
|
3415
|
-
"height": 200.0,
|
|
3416
|
-
"width": 400.0,
|
|
3417
3566
|
"nodes": [
|
|
3418
3567
|
{
|
|
3419
3568
|
"id": "a",
|
|
@@ -3429,30 +3578,14 @@
|
|
|
3429
3578
|
}
|
|
3430
3579
|
]
|
|
3431
3580
|
}
|
|
3432
|
-
]
|
|
3581
|
+
],
|
|
3582
|
+
"type": "stack",
|
|
3583
|
+
"direction": "vertical"
|
|
3433
3584
|
}
|
|
3434
3585
|
]
|
|
3435
3586
|
}
|
|
3436
3587
|
],
|
|
3437
|
-
"
|
|
3438
|
-
"type": "dashboard-layout",
|
|
3439
|
-
"navItems": [
|
|
3440
|
-
{
|
|
3441
|
-
"label": "Chat",
|
|
3442
|
-
"icon": "layout-list",
|
|
3443
|
-
"href": "/chat"
|
|
3444
|
-
},
|
|
3445
|
-
{
|
|
3446
|
-
"label": "Channels",
|
|
3447
|
-
"icon": "hash",
|
|
3448
|
-
"href": "/channels"
|
|
3449
|
-
},
|
|
3450
|
-
{
|
|
3451
|
-
"label": "Online",
|
|
3452
|
-
"href": "/online",
|
|
3453
|
-
"icon": "layout-list"
|
|
3454
|
-
}
|
|
3455
|
-
]
|
|
3588
|
+
"type": "dashboard-layout"
|
|
3456
3589
|
}
|
|
3457
3590
|
]
|
|
3458
3591
|
]
|
|
@@ -3476,63 +3609,82 @@
|
|
|
3476
3609
|
"render-ui",
|
|
3477
3610
|
"main",
|
|
3478
3611
|
{
|
|
3612
|
+
"navItems": [
|
|
3613
|
+
{
|
|
3614
|
+
"label": "Chat",
|
|
3615
|
+
"icon": "layout-list",
|
|
3616
|
+
"href": "/chat"
|
|
3617
|
+
},
|
|
3618
|
+
{
|
|
3619
|
+
"label": "Channels",
|
|
3620
|
+
"icon": "hash",
|
|
3621
|
+
"href": "/channels"
|
|
3622
|
+
},
|
|
3623
|
+
{
|
|
3624
|
+
"label": "Online",
|
|
3625
|
+
"icon": "layout-list",
|
|
3626
|
+
"href": "/online"
|
|
3627
|
+
}
|
|
3628
|
+
],
|
|
3629
|
+
"appName": "Realtime Chat",
|
|
3479
3630
|
"children": [
|
|
3480
3631
|
{
|
|
3632
|
+
"type": "scaled-diagram",
|
|
3481
3633
|
"children": [
|
|
3482
3634
|
{
|
|
3483
|
-
"direction": "vertical",
|
|
3484
3635
|
"children": [
|
|
3485
3636
|
{
|
|
3486
|
-
"type": "breadcrumb",
|
|
3487
3637
|
"items": [
|
|
3488
3638
|
{
|
|
3489
|
-
"
|
|
3490
|
-
"
|
|
3639
|
+
"href": "/",
|
|
3640
|
+
"label": "Home"
|
|
3491
3641
|
},
|
|
3492
3642
|
{
|
|
3493
3643
|
"label": "Online Users"
|
|
3494
3644
|
}
|
|
3495
|
-
]
|
|
3496
|
-
|
|
3645
|
+
],
|
|
3646
|
+
"type": "breadcrumb"
|
|
3647
|
+
},
|
|
3497
3648
|
{
|
|
3649
|
+
"justify": "between",
|
|
3498
3650
|
"children": [
|
|
3499
3651
|
{
|
|
3500
3652
|
"children": [
|
|
3501
3653
|
{
|
|
3502
|
-
"
|
|
3503
|
-
"
|
|
3654
|
+
"name": "users",
|
|
3655
|
+
"type": "icon"
|
|
3504
3656
|
},
|
|
3505
3657
|
{
|
|
3506
|
-
"type": "typography",
|
|
3507
3658
|
"content": "Online Users",
|
|
3508
|
-
"variant": "h2"
|
|
3659
|
+
"variant": "h2",
|
|
3660
|
+
"type": "typography"
|
|
3509
3661
|
}
|
|
3510
3662
|
],
|
|
3511
|
-
"gap": "md",
|
|
3512
3663
|
"direction": "horizontal",
|
|
3664
|
+
"gap": "md",
|
|
3513
3665
|
"type": "stack"
|
|
3514
3666
|
},
|
|
3515
3667
|
{
|
|
3516
|
-
"
|
|
3517
|
-
"action": "REFRESH",
|
|
3668
|
+
"icon": "refresh-cw",
|
|
3518
3669
|
"type": "button",
|
|
3519
|
-
"
|
|
3520
|
-
"
|
|
3670
|
+
"action": "REFRESH",
|
|
3671
|
+
"label": "Refresh",
|
|
3672
|
+
"variant": "secondary"
|
|
3521
3673
|
}
|
|
3522
3674
|
],
|
|
3523
|
-
"
|
|
3524
|
-
"direction": "horizontal",
|
|
3675
|
+
"type": "stack",
|
|
3525
3676
|
"gap": "md",
|
|
3526
|
-
"
|
|
3677
|
+
"direction": "horizontal"
|
|
3527
3678
|
},
|
|
3528
3679
|
{
|
|
3529
3680
|
"type": "divider"
|
|
3530
3681
|
},
|
|
3531
3682
|
{
|
|
3532
3683
|
"type": "box",
|
|
3533
|
-
"padding": "md",
|
|
3534
3684
|
"children": [
|
|
3535
3685
|
{
|
|
3686
|
+
"type": "simple-grid",
|
|
3687
|
+
"cols": 3.0,
|
|
3536
3688
|
"children": [
|
|
3537
3689
|
{
|
|
3538
3690
|
"type": "card",
|
|
@@ -3540,10 +3692,11 @@
|
|
|
3540
3692
|
{
|
|
3541
3693
|
"gap": "sm",
|
|
3542
3694
|
"type": "stack",
|
|
3695
|
+
"direction": "vertical",
|
|
3543
3696
|
"children": [
|
|
3544
3697
|
{
|
|
3545
|
-
"type": "typography",
|
|
3546
3698
|
"variant": "caption",
|
|
3699
|
+
"type": "typography",
|
|
3547
3700
|
"content": "Username"
|
|
3548
3701
|
},
|
|
3549
3702
|
{
|
|
@@ -3551,38 +3704,36 @@
|
|
|
3551
3704
|
"type": "typography",
|
|
3552
3705
|
"variant": "h3"
|
|
3553
3706
|
}
|
|
3554
|
-
]
|
|
3555
|
-
"direction": "vertical"
|
|
3707
|
+
]
|
|
3556
3708
|
}
|
|
3557
3709
|
]
|
|
3558
3710
|
},
|
|
3559
3711
|
{
|
|
3712
|
+
"type": "card",
|
|
3560
3713
|
"children": [
|
|
3561
3714
|
{
|
|
3562
|
-
"gap": "sm",
|
|
3563
|
-
"direction": "vertical",
|
|
3564
3715
|
"children": [
|
|
3565
3716
|
{
|
|
3566
3717
|
"type": "typography",
|
|
3567
|
-
"
|
|
3568
|
-
"
|
|
3718
|
+
"variant": "caption",
|
|
3719
|
+
"content": "Status"
|
|
3569
3720
|
},
|
|
3570
3721
|
{
|
|
3571
3722
|
"content": "@entity.status",
|
|
3572
|
-
"
|
|
3573
|
-
"
|
|
3723
|
+
"variant": "h3",
|
|
3724
|
+
"type": "typography"
|
|
3574
3725
|
}
|
|
3575
3726
|
],
|
|
3576
|
-
"type": "stack"
|
|
3727
|
+
"type": "stack",
|
|
3728
|
+
"direction": "vertical",
|
|
3729
|
+
"gap": "sm"
|
|
3577
3730
|
}
|
|
3578
|
-
]
|
|
3579
|
-
"type": "card"
|
|
3731
|
+
]
|
|
3580
3732
|
},
|
|
3581
3733
|
{
|
|
3734
|
+
"type": "card",
|
|
3582
3735
|
"children": [
|
|
3583
3736
|
{
|
|
3584
|
-
"type": "stack",
|
|
3585
|
-
"direction": "vertical",
|
|
3586
3737
|
"children": [
|
|
3587
3738
|
{
|
|
3588
3739
|
"content": "LastActive",
|
|
@@ -3590,23 +3741,23 @@
|
|
|
3590
3741
|
"type": "typography"
|
|
3591
3742
|
},
|
|
3592
3743
|
{
|
|
3593
|
-
"content": "@entity.lastActive",
|
|
3594
3744
|
"variant": "h3",
|
|
3595
|
-
"type": "typography"
|
|
3745
|
+
"type": "typography",
|
|
3746
|
+
"content": "@entity.lastActive"
|
|
3596
3747
|
}
|
|
3597
3748
|
],
|
|
3598
|
-
"gap": "sm"
|
|
3749
|
+
"gap": "sm",
|
|
3750
|
+
"type": "stack",
|
|
3751
|
+
"direction": "vertical"
|
|
3599
3752
|
}
|
|
3600
|
-
]
|
|
3601
|
-
"type": "card"
|
|
3753
|
+
]
|
|
3602
3754
|
},
|
|
3603
3755
|
{
|
|
3604
|
-
"type": "card",
|
|
3605
3756
|
"children": [
|
|
3606
3757
|
{
|
|
3607
|
-
"gap": "sm",
|
|
3608
3758
|
"direction": "vertical",
|
|
3609
3759
|
"type": "stack",
|
|
3760
|
+
"gap": "sm",
|
|
3610
3761
|
"children": [
|
|
3611
3762
|
{
|
|
3612
3763
|
"type": "typography",
|
|
@@ -3614,52 +3765,51 @@
|
|
|
3614
3765
|
"content": "Avatar"
|
|
3615
3766
|
},
|
|
3616
3767
|
{
|
|
3768
|
+
"type": "typography",
|
|
3617
3769
|
"variant": "h3",
|
|
3618
|
-
"content": "@entity.avatar"
|
|
3619
|
-
"type": "typography"
|
|
3770
|
+
"content": "@entity.avatar"
|
|
3620
3771
|
}
|
|
3621
3772
|
]
|
|
3622
3773
|
}
|
|
3623
|
-
]
|
|
3774
|
+
],
|
|
3775
|
+
"type": "card"
|
|
3624
3776
|
}
|
|
3625
|
-
]
|
|
3626
|
-
"type": "simple-grid",
|
|
3627
|
-
"cols": 3.0
|
|
3777
|
+
]
|
|
3628
3778
|
}
|
|
3629
|
-
]
|
|
3779
|
+
],
|
|
3780
|
+
"padding": "md"
|
|
3630
3781
|
},
|
|
3631
3782
|
{
|
|
3632
3783
|
"type": "divider"
|
|
3633
3784
|
},
|
|
3634
3785
|
{
|
|
3635
|
-
"type": "grid",
|
|
3636
|
-
"gap": "md",
|
|
3637
3786
|
"children": [
|
|
3638
3787
|
{
|
|
3639
3788
|
"type": "card",
|
|
3640
3789
|
"children": [
|
|
3641
3790
|
{
|
|
3642
|
-
"
|
|
3791
|
+
"content": "Chart View",
|
|
3643
3792
|
"type": "typography",
|
|
3644
|
-
"
|
|
3793
|
+
"variant": "caption"
|
|
3645
3794
|
}
|
|
3646
3795
|
]
|
|
3647
3796
|
},
|
|
3648
3797
|
{
|
|
3649
|
-
"type": "card",
|
|
3650
3798
|
"children": [
|
|
3651
3799
|
{
|
|
3652
|
-
"
|
|
3800
|
+
"type": "typography",
|
|
3653
3801
|
"content": "Graph View",
|
|
3654
|
-
"
|
|
3802
|
+
"variant": "caption"
|
|
3655
3803
|
}
|
|
3656
|
-
]
|
|
3804
|
+
],
|
|
3805
|
+
"type": "card"
|
|
3657
3806
|
}
|
|
3658
3807
|
],
|
|
3808
|
+
"type": "grid",
|
|
3809
|
+
"gap": "md",
|
|
3659
3810
|
"cols": 2.0
|
|
3660
3811
|
},
|
|
3661
3812
|
{
|
|
3662
|
-
"type": "line-chart",
|
|
3663
3813
|
"data": [
|
|
3664
3814
|
{
|
|
3665
3815
|
"value": 12.0,
|
|
@@ -3670,38 +3820,38 @@
|
|
|
3670
3820
|
"value": 19.0
|
|
3671
3821
|
},
|
|
3672
3822
|
{
|
|
3673
|
-
"
|
|
3674
|
-
"
|
|
3823
|
+
"value": 15.0,
|
|
3824
|
+
"date": "Mar"
|
|
3675
3825
|
},
|
|
3676
3826
|
{
|
|
3677
|
-
"
|
|
3678
|
-
"
|
|
3827
|
+
"value": 25.0,
|
|
3828
|
+
"date": "Apr"
|
|
3679
3829
|
},
|
|
3680
3830
|
{
|
|
3681
|
-
"
|
|
3682
|
-
"
|
|
3831
|
+
"date": "May",
|
|
3832
|
+
"value": 22.0
|
|
3683
3833
|
},
|
|
3684
3834
|
{
|
|
3685
3835
|
"value": 30.0,
|
|
3686
3836
|
"date": "Jun"
|
|
3687
3837
|
}
|
|
3688
|
-
]
|
|
3838
|
+
],
|
|
3839
|
+
"type": "line-chart"
|
|
3689
3840
|
},
|
|
3690
3841
|
{
|
|
3842
|
+
"type": "chart-legend",
|
|
3691
3843
|
"items": [
|
|
3692
3844
|
{
|
|
3693
3845
|
"label": "Current",
|
|
3694
3846
|
"color": "primary"
|
|
3695
3847
|
},
|
|
3696
3848
|
{
|
|
3697
|
-
"
|
|
3698
|
-
"
|
|
3849
|
+
"color": "muted",
|
|
3850
|
+
"label": "Previous"
|
|
3699
3851
|
}
|
|
3700
|
-
]
|
|
3701
|
-
"type": "chart-legend"
|
|
3852
|
+
]
|
|
3702
3853
|
},
|
|
3703
3854
|
{
|
|
3704
|
-
"width": 400.0,
|
|
3705
3855
|
"nodes": [
|
|
3706
3856
|
{
|
|
3707
3857
|
"label": "Start",
|
|
@@ -3712,47 +3862,30 @@
|
|
|
3712
3862
|
"label": "Process"
|
|
3713
3863
|
},
|
|
3714
3864
|
{
|
|
3715
|
-
"
|
|
3716
|
-
"
|
|
3865
|
+
"id": "c",
|
|
3866
|
+
"label": "End"
|
|
3717
3867
|
}
|
|
3718
3868
|
],
|
|
3719
3869
|
"edges": [
|
|
3720
3870
|
{
|
|
3721
|
-
"
|
|
3722
|
-
"
|
|
3871
|
+
"source": "a",
|
|
3872
|
+
"target": "b"
|
|
3723
3873
|
},
|
|
3724
3874
|
{
|
|
3725
|
-
"
|
|
3726
|
-
"
|
|
3875
|
+
"target": "c",
|
|
3876
|
+
"source": "b"
|
|
3727
3877
|
}
|
|
3728
3878
|
],
|
|
3879
|
+
"type": "graph-view",
|
|
3729
3880
|
"height": 200.0,
|
|
3730
|
-
"
|
|
3881
|
+
"width": 400.0
|
|
3731
3882
|
}
|
|
3732
3883
|
],
|
|
3733
|
-
"
|
|
3734
|
-
"
|
|
3884
|
+
"gap": "lg",
|
|
3885
|
+
"direction": "vertical",
|
|
3886
|
+
"type": "stack"
|
|
3735
3887
|
}
|
|
3736
|
-
]
|
|
3737
|
-
"type": "scaled-diagram"
|
|
3738
|
-
}
|
|
3739
|
-
],
|
|
3740
|
-
"appName": "Realtime Chat",
|
|
3741
|
-
"navItems": [
|
|
3742
|
-
{
|
|
3743
|
-
"href": "/chat",
|
|
3744
|
-
"icon": "layout-list",
|
|
3745
|
-
"label": "Chat"
|
|
3746
|
-
},
|
|
3747
|
-
{
|
|
3748
|
-
"icon": "hash",
|
|
3749
|
-
"label": "Channels",
|
|
3750
|
-
"href": "/channels"
|
|
3751
|
-
},
|
|
3752
|
-
{
|
|
3753
|
-
"icon": "layout-list",
|
|
3754
|
-
"label": "Online",
|
|
3755
|
-
"href": "/online"
|
|
3888
|
+
]
|
|
3756
3889
|
}
|
|
3757
3890
|
],
|
|
3758
3891
|
"type": "dashboard-layout"
|
|
@@ -3770,8 +3903,8 @@
|
|
|
3770
3903
|
"OnlineUser",
|
|
3771
3904
|
{
|
|
3772
3905
|
"emit": {
|
|
3773
|
-
"
|
|
3774
|
-
"
|
|
3906
|
+
"failure": "OnlineUserLoadFailed",
|
|
3907
|
+
"success": "OnlineUserLoaded"
|
|
3775
3908
|
}
|
|
3776
3909
|
}
|
|
3777
3910
|
],
|
|
@@ -3780,21 +3913,22 @@
|
|
|
3780
3913
|
"main",
|
|
3781
3914
|
{
|
|
3782
3915
|
"type": "dashboard-layout",
|
|
3916
|
+
"appName": "Realtime Chat",
|
|
3783
3917
|
"navItems": [
|
|
3784
3918
|
{
|
|
3785
|
-
"label": "Chat",
|
|
3786
3919
|
"href": "/chat",
|
|
3787
|
-
"icon": "layout-list"
|
|
3920
|
+
"icon": "layout-list",
|
|
3921
|
+
"label": "Chat"
|
|
3788
3922
|
},
|
|
3789
3923
|
{
|
|
3790
|
-
"icon": "hash",
|
|
3791
3924
|
"label": "Channels",
|
|
3792
|
-
"href": "/channels"
|
|
3925
|
+
"href": "/channels",
|
|
3926
|
+
"icon": "hash"
|
|
3793
3927
|
},
|
|
3794
3928
|
{
|
|
3929
|
+
"icon": "layout-list",
|
|
3795
3930
|
"label": "Online",
|
|
3796
|
-
"href": "/online"
|
|
3797
|
-
"icon": "layout-list"
|
|
3931
|
+
"href": "/online"
|
|
3798
3932
|
}
|
|
3799
3933
|
],
|
|
3800
3934
|
"children": [
|
|
@@ -3802,11 +3936,9 @@
|
|
|
3802
3936
|
"type": "scaled-diagram",
|
|
3803
3937
|
"children": [
|
|
3804
3938
|
{
|
|
3805
|
-
"
|
|
3806
|
-
"type": "stack",
|
|
3939
|
+
"gap": "lg",
|
|
3807
3940
|
"children": [
|
|
3808
3941
|
{
|
|
3809
|
-
"type": "breadcrumb",
|
|
3810
3942
|
"items": [
|
|
3811
3943
|
{
|
|
3812
3944
|
"label": "Home",
|
|
@@ -3815,38 +3947,39 @@
|
|
|
3815
3947
|
{
|
|
3816
3948
|
"label": "Online Users"
|
|
3817
3949
|
}
|
|
3818
|
-
]
|
|
3950
|
+
],
|
|
3951
|
+
"type": "breadcrumb"
|
|
3819
3952
|
},
|
|
3820
3953
|
{
|
|
3821
|
-
"
|
|
3954
|
+
"direction": "horizontal",
|
|
3955
|
+
"type": "stack",
|
|
3822
3956
|
"justify": "between",
|
|
3823
3957
|
"children": [
|
|
3824
3958
|
{
|
|
3825
|
-
"gap": "md",
|
|
3826
|
-
"direction": "horizontal",
|
|
3827
3959
|
"type": "stack",
|
|
3960
|
+
"direction": "horizontal",
|
|
3828
3961
|
"children": [
|
|
3829
3962
|
{
|
|
3830
|
-
"
|
|
3831
|
-
"
|
|
3963
|
+
"name": "users",
|
|
3964
|
+
"type": "icon"
|
|
3832
3965
|
},
|
|
3833
3966
|
{
|
|
3834
3967
|
"variant": "h2",
|
|
3835
3968
|
"type": "typography",
|
|
3836
3969
|
"content": "Online Users"
|
|
3837
3970
|
}
|
|
3838
|
-
]
|
|
3971
|
+
],
|
|
3972
|
+
"gap": "md"
|
|
3839
3973
|
},
|
|
3840
3974
|
{
|
|
3841
|
-
"type": "button",
|
|
3842
3975
|
"action": "REFRESH",
|
|
3976
|
+
"variant": "secondary",
|
|
3977
|
+
"type": "button",
|
|
3843
3978
|
"label": "Refresh",
|
|
3844
|
-
"icon": "refresh-cw"
|
|
3845
|
-
"variant": "secondary"
|
|
3979
|
+
"icon": "refresh-cw"
|
|
3846
3980
|
}
|
|
3847
3981
|
],
|
|
3848
|
-
"
|
|
3849
|
-
"type": "stack"
|
|
3982
|
+
"gap": "md"
|
|
3850
3983
|
},
|
|
3851
3984
|
{
|
|
3852
3985
|
"type": "divider"
|
|
@@ -3854,70 +3987,70 @@
|
|
|
3854
3987
|
{
|
|
3855
3988
|
"children": [
|
|
3856
3989
|
{
|
|
3857
|
-
"
|
|
3990
|
+
"type": "simple-grid",
|
|
3858
3991
|
"children": [
|
|
3859
3992
|
{
|
|
3993
|
+
"type": "card",
|
|
3860
3994
|
"children": [
|
|
3861
3995
|
{
|
|
3996
|
+
"type": "stack",
|
|
3862
3997
|
"gap": "sm",
|
|
3863
3998
|
"children": [
|
|
3864
3999
|
{
|
|
3865
4000
|
"type": "typography",
|
|
3866
|
-
"
|
|
3867
|
-
"
|
|
4001
|
+
"content": "Username",
|
|
4002
|
+
"variant": "caption"
|
|
3868
4003
|
},
|
|
3869
4004
|
{
|
|
3870
|
-
"
|
|
4005
|
+
"content": "@entity.username",
|
|
3871
4006
|
"type": "typography",
|
|
3872
|
-
"
|
|
4007
|
+
"variant": "h3"
|
|
3873
4008
|
}
|
|
3874
4009
|
],
|
|
3875
|
-
"type": "stack",
|
|
3876
4010
|
"direction": "vertical"
|
|
3877
4011
|
}
|
|
3878
|
-
]
|
|
3879
|
-
"type": "card"
|
|
4012
|
+
]
|
|
3880
4013
|
},
|
|
3881
4014
|
{
|
|
3882
4015
|
"type": "card",
|
|
3883
4016
|
"children": [
|
|
3884
4017
|
{
|
|
3885
4018
|
"gap": "sm",
|
|
3886
|
-
"type": "stack",
|
|
3887
|
-
"direction": "vertical",
|
|
3888
4019
|
"children": [
|
|
3889
4020
|
{
|
|
4021
|
+
"content": "Status",
|
|
3890
4022
|
"variant": "caption",
|
|
3891
|
-
"type": "typography"
|
|
3892
|
-
"content": "Status"
|
|
4023
|
+
"type": "typography"
|
|
3893
4024
|
},
|
|
3894
4025
|
{
|
|
3895
4026
|
"type": "typography",
|
|
3896
4027
|
"variant": "h3",
|
|
3897
4028
|
"content": "@entity.status"
|
|
3898
4029
|
}
|
|
3899
|
-
]
|
|
4030
|
+
],
|
|
4031
|
+
"type": "stack",
|
|
4032
|
+
"direction": "vertical"
|
|
3900
4033
|
}
|
|
3901
4034
|
]
|
|
3902
4035
|
},
|
|
3903
4036
|
{
|
|
3904
4037
|
"children": [
|
|
3905
4038
|
{
|
|
3906
|
-
"type": "stack",
|
|
3907
|
-
"gap": "sm",
|
|
3908
|
-
"direction": "vertical",
|
|
3909
4039
|
"children": [
|
|
3910
4040
|
{
|
|
3911
|
-
"
|
|
4041
|
+
"content": "LastActive",
|
|
3912
4042
|
"variant": "caption",
|
|
3913
|
-
"
|
|
4043
|
+
"type": "typography"
|
|
3914
4044
|
},
|
|
3915
4045
|
{
|
|
3916
4046
|
"type": "typography",
|
|
3917
|
-
"
|
|
3918
|
-
"
|
|
4047
|
+
"content": "@entity.lastActive",
|
|
4048
|
+
"variant": "h3"
|
|
3919
4049
|
}
|
|
3920
|
-
]
|
|
4050
|
+
],
|
|
4051
|
+
"direction": "vertical",
|
|
4052
|
+
"type": "stack",
|
|
4053
|
+
"gap": "sm"
|
|
3921
4054
|
}
|
|
3922
4055
|
],
|
|
3923
4056
|
"type": "card"
|
|
@@ -3926,7 +4059,6 @@
|
|
|
3926
4059
|
"type": "card",
|
|
3927
4060
|
"children": [
|
|
3928
4061
|
{
|
|
3929
|
-
"direction": "vertical",
|
|
3930
4062
|
"type": "stack",
|
|
3931
4063
|
"gap": "sm",
|
|
3932
4064
|
"children": [
|
|
@@ -3940,16 +4072,17 @@
|
|
|
3940
4072
|
"variant": "h3",
|
|
3941
4073
|
"content": "@entity.avatar"
|
|
3942
4074
|
}
|
|
3943
|
-
]
|
|
4075
|
+
],
|
|
4076
|
+
"direction": "vertical"
|
|
3944
4077
|
}
|
|
3945
4078
|
]
|
|
3946
4079
|
}
|
|
3947
4080
|
],
|
|
3948
|
-
"
|
|
4081
|
+
"cols": 3.0
|
|
3949
4082
|
}
|
|
3950
4083
|
],
|
|
3951
|
-
"
|
|
3952
|
-
"
|
|
4084
|
+
"type": "box",
|
|
4085
|
+
"padding": "md"
|
|
3953
4086
|
},
|
|
3954
4087
|
{
|
|
3955
4088
|
"type": "divider"
|
|
@@ -3960,25 +4093,25 @@
|
|
|
3960
4093
|
"type": "card",
|
|
3961
4094
|
"children": [
|
|
3962
4095
|
{
|
|
4096
|
+
"content": "Chart View",
|
|
3963
4097
|
"type": "typography",
|
|
3964
|
-
"variant": "caption"
|
|
3965
|
-
"content": "Chart View"
|
|
4098
|
+
"variant": "caption"
|
|
3966
4099
|
}
|
|
3967
4100
|
]
|
|
3968
4101
|
},
|
|
3969
4102
|
{
|
|
3970
|
-
"type": "card",
|
|
3971
4103
|
"children": [
|
|
3972
4104
|
{
|
|
4105
|
+
"variant": "caption",
|
|
3973
4106
|
"content": "Graph View",
|
|
3974
|
-
"type": "typography"
|
|
3975
|
-
"variant": "caption"
|
|
4107
|
+
"type": "typography"
|
|
3976
4108
|
}
|
|
3977
|
-
]
|
|
4109
|
+
],
|
|
4110
|
+
"type": "card"
|
|
3978
4111
|
}
|
|
3979
4112
|
],
|
|
3980
|
-
"type": "grid",
|
|
3981
4113
|
"gap": "md",
|
|
4114
|
+
"type": "grid",
|
|
3982
4115
|
"cols": 2.0
|
|
3983
4116
|
},
|
|
3984
4117
|
{
|
|
@@ -3989,24 +4122,24 @@
|
|
|
3989
4122
|
"date": "Jan"
|
|
3990
4123
|
},
|
|
3991
4124
|
{
|
|
3992
|
-
"
|
|
3993
|
-
"
|
|
4125
|
+
"value": 19.0,
|
|
4126
|
+
"date": "Feb"
|
|
3994
4127
|
},
|
|
3995
4128
|
{
|
|
3996
|
-
"
|
|
3997
|
-
"
|
|
4129
|
+
"date": "Mar",
|
|
4130
|
+
"value": 15.0
|
|
3998
4131
|
},
|
|
3999
4132
|
{
|
|
4000
4133
|
"value": 25.0,
|
|
4001
4134
|
"date": "Apr"
|
|
4002
4135
|
},
|
|
4003
4136
|
{
|
|
4004
|
-
"
|
|
4005
|
-
"
|
|
4137
|
+
"date": "May",
|
|
4138
|
+
"value": 22.0
|
|
4006
4139
|
},
|
|
4007
4140
|
{
|
|
4008
|
-
"
|
|
4009
|
-
"
|
|
4141
|
+
"date": "Jun",
|
|
4142
|
+
"value": 30.0
|
|
4010
4143
|
}
|
|
4011
4144
|
]
|
|
4012
4145
|
},
|
|
@@ -4017,48 +4150,48 @@
|
|
|
4017
4150
|
"color": "primary"
|
|
4018
4151
|
},
|
|
4019
4152
|
{
|
|
4020
|
-
"
|
|
4021
|
-
"
|
|
4153
|
+
"label": "Previous",
|
|
4154
|
+
"color": "muted"
|
|
4022
4155
|
}
|
|
4023
4156
|
],
|
|
4024
4157
|
"type": "chart-legend"
|
|
4025
4158
|
},
|
|
4026
4159
|
{
|
|
4027
|
-
"width": 400.0,
|
|
4028
4160
|
"edges": [
|
|
4029
4161
|
{
|
|
4030
4162
|
"source": "a",
|
|
4031
4163
|
"target": "b"
|
|
4032
4164
|
},
|
|
4033
4165
|
{
|
|
4034
|
-
"
|
|
4035
|
-
"
|
|
4166
|
+
"target": "c",
|
|
4167
|
+
"source": "b"
|
|
4036
4168
|
}
|
|
4037
4169
|
],
|
|
4038
|
-
"height": 200.0,
|
|
4039
4170
|
"nodes": [
|
|
4040
4171
|
{
|
|
4041
4172
|
"id": "a",
|
|
4042
4173
|
"label": "Start"
|
|
4043
4174
|
},
|
|
4044
4175
|
{
|
|
4045
|
-
"
|
|
4046
|
-
"
|
|
4176
|
+
"id": "b",
|
|
4177
|
+
"label": "Process"
|
|
4047
4178
|
},
|
|
4048
4179
|
{
|
|
4049
4180
|
"id": "c",
|
|
4050
4181
|
"label": "End"
|
|
4051
4182
|
}
|
|
4052
4183
|
],
|
|
4053
|
-
"type": "graph-view"
|
|
4184
|
+
"type": "graph-view",
|
|
4185
|
+
"height": 200.0,
|
|
4186
|
+
"width": 400.0
|
|
4054
4187
|
}
|
|
4055
4188
|
],
|
|
4056
|
-
"
|
|
4189
|
+
"type": "stack",
|
|
4190
|
+
"direction": "vertical"
|
|
4057
4191
|
}
|
|
4058
4192
|
]
|
|
4059
4193
|
}
|
|
4060
|
-
]
|
|
4061
|
-
"appName": "Realtime Chat"
|
|
4194
|
+
]
|
|
4062
4195
|
}
|
|
4063
4196
|
]
|
|
4064
4197
|
]
|
|
@@ -4082,11 +4215,12 @@
|
|
|
4082
4215
|
"render-ui",
|
|
4083
4216
|
"main",
|
|
4084
4217
|
{
|
|
4218
|
+
"type": "dashboard-layout",
|
|
4085
4219
|
"navItems": [
|
|
4086
4220
|
{
|
|
4087
|
-
"
|
|
4221
|
+
"icon": "layout-list",
|
|
4088
4222
|
"href": "/chat",
|
|
4089
|
-
"
|
|
4223
|
+
"label": "Chat"
|
|
4090
4224
|
},
|
|
4091
4225
|
{
|
|
4092
4226
|
"label": "Channels",
|
|
@@ -4094,12 +4228,12 @@
|
|
|
4094
4228
|
"icon": "hash"
|
|
4095
4229
|
},
|
|
4096
4230
|
{
|
|
4097
|
-
"href": "/online",
|
|
4098
4231
|
"label": "Online",
|
|
4232
|
+
"href": "/online",
|
|
4099
4233
|
"icon": "layout-list"
|
|
4100
4234
|
}
|
|
4101
4235
|
],
|
|
4102
|
-
"
|
|
4236
|
+
"appName": "Realtime Chat",
|
|
4103
4237
|
"children": [
|
|
4104
4238
|
{
|
|
4105
4239
|
"type": "scaled-diagram",
|
|
@@ -4108,7 +4242,6 @@
|
|
|
4108
4242
|
"type": "stack",
|
|
4109
4243
|
"children": [
|
|
4110
4244
|
{
|
|
4111
|
-
"type": "breadcrumb",
|
|
4112
4245
|
"items": [
|
|
4113
4246
|
{
|
|
4114
4247
|
"href": "/",
|
|
@@ -4117,17 +4250,15 @@
|
|
|
4117
4250
|
{
|
|
4118
4251
|
"label": "Online Users"
|
|
4119
4252
|
}
|
|
4120
|
-
]
|
|
4253
|
+
],
|
|
4254
|
+
"type": "breadcrumb"
|
|
4121
4255
|
},
|
|
4122
4256
|
{
|
|
4123
4257
|
"type": "stack",
|
|
4124
|
-
"direction": "horizontal",
|
|
4125
4258
|
"justify": "between",
|
|
4126
|
-
"gap": "md",
|
|
4127
4259
|
"children": [
|
|
4128
4260
|
{
|
|
4129
|
-
"
|
|
4130
|
-
"type": "stack",
|
|
4261
|
+
"direction": "horizontal",
|
|
4131
4262
|
"children": [
|
|
4132
4263
|
{
|
|
4133
4264
|
"name": "users",
|
|
@@ -4139,16 +4270,19 @@
|
|
|
4139
4270
|
"variant": "h2"
|
|
4140
4271
|
}
|
|
4141
4272
|
],
|
|
4142
|
-
"
|
|
4273
|
+
"gap": "md",
|
|
4274
|
+
"type": "stack"
|
|
4143
4275
|
},
|
|
4144
4276
|
{
|
|
4277
|
+
"variant": "secondary",
|
|
4278
|
+
"type": "button",
|
|
4145
4279
|
"icon": "refresh-cw",
|
|
4146
|
-
"action": "REFRESH",
|
|
4147
4280
|
"label": "Refresh",
|
|
4148
|
-
"
|
|
4149
|
-
"variant": "secondary"
|
|
4281
|
+
"action": "REFRESH"
|
|
4150
4282
|
}
|
|
4151
|
-
]
|
|
4283
|
+
],
|
|
4284
|
+
"direction": "horizontal",
|
|
4285
|
+
"gap": "md"
|
|
4152
4286
|
},
|
|
4153
4287
|
{
|
|
4154
4288
|
"type": "divider"
|
|
@@ -4158,61 +4292,59 @@
|
|
|
4158
4292
|
"children": [
|
|
4159
4293
|
{
|
|
4160
4294
|
"type": "simple-grid",
|
|
4161
|
-
"cols": 3.0,
|
|
4162
4295
|
"children": [
|
|
4163
4296
|
{
|
|
4297
|
+
"type": "card",
|
|
4164
4298
|
"children": [
|
|
4165
4299
|
{
|
|
4300
|
+
"direction": "vertical",
|
|
4301
|
+
"gap": "sm",
|
|
4302
|
+
"type": "stack",
|
|
4166
4303
|
"children": [
|
|
4167
4304
|
{
|
|
4168
|
-
"content": "Username",
|
|
4169
4305
|
"variant": "caption",
|
|
4170
|
-
"type": "typography"
|
|
4306
|
+
"type": "typography",
|
|
4307
|
+
"content": "Username"
|
|
4171
4308
|
},
|
|
4172
4309
|
{
|
|
4173
4310
|
"content": "@entity.username",
|
|
4174
4311
|
"type": "typography",
|
|
4175
4312
|
"variant": "h3"
|
|
4176
4313
|
}
|
|
4177
|
-
]
|
|
4178
|
-
"gap": "sm",
|
|
4179
|
-
"type": "stack",
|
|
4180
|
-
"direction": "vertical"
|
|
4314
|
+
]
|
|
4181
4315
|
}
|
|
4182
|
-
]
|
|
4183
|
-
"type": "card"
|
|
4316
|
+
]
|
|
4184
4317
|
},
|
|
4185
4318
|
{
|
|
4186
4319
|
"type": "card",
|
|
4187
4320
|
"children": [
|
|
4188
4321
|
{
|
|
4322
|
+
"gap": "sm",
|
|
4189
4323
|
"direction": "vertical",
|
|
4190
4324
|
"children": [
|
|
4191
4325
|
{
|
|
4192
|
-
"variant": "caption",
|
|
4193
4326
|
"content": "Status",
|
|
4194
|
-
"type": "typography"
|
|
4327
|
+
"type": "typography",
|
|
4328
|
+
"variant": "caption"
|
|
4195
4329
|
},
|
|
4196
4330
|
{
|
|
4331
|
+
"type": "typography",
|
|
4197
4332
|
"variant": "h3",
|
|
4198
|
-
"content": "@entity.status"
|
|
4199
|
-
"type": "typography"
|
|
4333
|
+
"content": "@entity.status"
|
|
4200
4334
|
}
|
|
4201
4335
|
],
|
|
4202
|
-
"gap": "sm",
|
|
4203
4336
|
"type": "stack"
|
|
4204
4337
|
}
|
|
4205
4338
|
]
|
|
4206
4339
|
},
|
|
4207
4340
|
{
|
|
4208
|
-
"type": "card",
|
|
4209
4341
|
"children": [
|
|
4210
4342
|
{
|
|
4211
4343
|
"children": [
|
|
4212
4344
|
{
|
|
4213
|
-
"
|
|
4345
|
+
"content": "LastActive",
|
|
4214
4346
|
"type": "typography",
|
|
4215
|
-
"
|
|
4347
|
+
"variant": "caption"
|
|
4216
4348
|
},
|
|
4217
4349
|
{
|
|
4218
4350
|
"type": "typography",
|
|
@@ -4220,18 +4352,19 @@
|
|
|
4220
4352
|
"content": "@entity.lastActive"
|
|
4221
4353
|
}
|
|
4222
4354
|
],
|
|
4355
|
+
"direction": "vertical",
|
|
4223
4356
|
"gap": "sm",
|
|
4224
|
-
"type": "stack"
|
|
4225
|
-
"direction": "vertical"
|
|
4357
|
+
"type": "stack"
|
|
4226
4358
|
}
|
|
4227
|
-
]
|
|
4359
|
+
],
|
|
4360
|
+
"type": "card"
|
|
4228
4361
|
},
|
|
4229
4362
|
{
|
|
4230
|
-
"type": "card",
|
|
4231
4363
|
"children": [
|
|
4232
4364
|
{
|
|
4233
|
-
"direction": "vertical",
|
|
4234
4365
|
"type": "stack",
|
|
4366
|
+
"direction": "vertical",
|
|
4367
|
+
"gap": "sm",
|
|
4235
4368
|
"children": [
|
|
4236
4369
|
{
|
|
4237
4370
|
"type": "typography",
|
|
@@ -4240,15 +4373,16 @@
|
|
|
4240
4373
|
},
|
|
4241
4374
|
{
|
|
4242
4375
|
"type": "typography",
|
|
4243
|
-
"
|
|
4244
|
-
"
|
|
4376
|
+
"content": "@entity.avatar",
|
|
4377
|
+
"variant": "h3"
|
|
4245
4378
|
}
|
|
4246
|
-
]
|
|
4247
|
-
"gap": "sm"
|
|
4379
|
+
]
|
|
4248
4380
|
}
|
|
4249
|
-
]
|
|
4381
|
+
],
|
|
4382
|
+
"type": "card"
|
|
4250
4383
|
}
|
|
4251
|
-
]
|
|
4384
|
+
],
|
|
4385
|
+
"cols": 3.0
|
|
4252
4386
|
}
|
|
4253
4387
|
],
|
|
4254
4388
|
"type": "box"
|
|
@@ -4257,9 +4391,8 @@
|
|
|
4257
4391
|
"type": "divider"
|
|
4258
4392
|
},
|
|
4259
4393
|
{
|
|
4260
|
-
"gap": "md",
|
|
4261
|
-
"cols": 2.0,
|
|
4262
4394
|
"type": "grid",
|
|
4395
|
+
"cols": 2.0,
|
|
4263
4396
|
"children": [
|
|
4264
4397
|
{
|
|
4265
4398
|
"children": [
|
|
@@ -4281,7 +4414,8 @@
|
|
|
4281
4414
|
}
|
|
4282
4415
|
]
|
|
4283
4416
|
}
|
|
4284
|
-
]
|
|
4417
|
+
],
|
|
4418
|
+
"gap": "md"
|
|
4285
4419
|
},
|
|
4286
4420
|
{
|
|
4287
4421
|
"type": "line-chart",
|
|
@@ -4291,20 +4425,20 @@
|
|
|
4291
4425
|
"date": "Jan"
|
|
4292
4426
|
},
|
|
4293
4427
|
{
|
|
4294
|
-
"
|
|
4295
|
-
"
|
|
4428
|
+
"value": 19.0,
|
|
4429
|
+
"date": "Feb"
|
|
4296
4430
|
},
|
|
4297
4431
|
{
|
|
4298
|
-
"
|
|
4299
|
-
"
|
|
4432
|
+
"value": 15.0,
|
|
4433
|
+
"date": "Mar"
|
|
4300
4434
|
},
|
|
4301
4435
|
{
|
|
4302
|
-
"
|
|
4303
|
-
"
|
|
4436
|
+
"date": "Apr",
|
|
4437
|
+
"value": 25.0
|
|
4304
4438
|
},
|
|
4305
4439
|
{
|
|
4306
|
-
"
|
|
4307
|
-
"
|
|
4440
|
+
"date": "May",
|
|
4441
|
+
"value": 22.0
|
|
4308
4442
|
},
|
|
4309
4443
|
{
|
|
4310
4444
|
"date": "Jun",
|
|
@@ -4313,19 +4447,21 @@
|
|
|
4313
4447
|
]
|
|
4314
4448
|
},
|
|
4315
4449
|
{
|
|
4316
|
-
"type": "chart-legend",
|
|
4317
4450
|
"items": [
|
|
4318
4451
|
{
|
|
4319
4452
|
"color": "primary",
|
|
4320
4453
|
"label": "Current"
|
|
4321
4454
|
},
|
|
4322
4455
|
{
|
|
4323
|
-
"
|
|
4324
|
-
"
|
|
4456
|
+
"label": "Previous",
|
|
4457
|
+
"color": "muted"
|
|
4325
4458
|
}
|
|
4326
|
-
]
|
|
4459
|
+
],
|
|
4460
|
+
"type": "chart-legend"
|
|
4327
4461
|
},
|
|
4328
4462
|
{
|
|
4463
|
+
"type": "graph-view",
|
|
4464
|
+
"width": 400.0,
|
|
4329
4465
|
"nodes": [
|
|
4330
4466
|
{
|
|
4331
4467
|
"id": "a",
|
|
@@ -4336,32 +4472,29 @@
|
|
|
4336
4472
|
"id": "b"
|
|
4337
4473
|
},
|
|
4338
4474
|
{
|
|
4339
|
-
"
|
|
4340
|
-
"
|
|
4475
|
+
"label": "End",
|
|
4476
|
+
"id": "c"
|
|
4341
4477
|
}
|
|
4342
4478
|
],
|
|
4479
|
+
"height": 200.0,
|
|
4343
4480
|
"edges": [
|
|
4344
4481
|
{
|
|
4345
|
-
"
|
|
4346
|
-
"
|
|
4482
|
+
"target": "b",
|
|
4483
|
+
"source": "a"
|
|
4347
4484
|
},
|
|
4348
4485
|
{
|
|
4349
|
-
"
|
|
4350
|
-
"
|
|
4486
|
+
"source": "b",
|
|
4487
|
+
"target": "c"
|
|
4351
4488
|
}
|
|
4352
|
-
]
|
|
4353
|
-
"width": 400.0,
|
|
4354
|
-
"height": 200.0,
|
|
4355
|
-
"type": "graph-view"
|
|
4489
|
+
]
|
|
4356
4490
|
}
|
|
4357
4491
|
],
|
|
4358
|
-
"
|
|
4359
|
-
"
|
|
4492
|
+
"gap": "lg",
|
|
4493
|
+
"direction": "vertical"
|
|
4360
4494
|
}
|
|
4361
4495
|
]
|
|
4362
4496
|
}
|
|
4363
|
-
]
|
|
4364
|
-
"appName": "Realtime Chat"
|
|
4497
|
+
]
|
|
4365
4498
|
}
|
|
4366
4499
|
]
|
|
4367
4500
|
]
|
|
@@ -4376,8 +4509,8 @@
|
|
|
4376
4509
|
"OnlineUser",
|
|
4377
4510
|
{
|
|
4378
4511
|
"emit": {
|
|
4379
|
-
"
|
|
4380
|
-
"
|
|
4512
|
+
"success": "OnlineUserLoaded",
|
|
4513
|
+
"failure": "OnlineUserLoadFailed"
|
|
4381
4514
|
}
|
|
4382
4515
|
}
|
|
4383
4516
|
],
|
|
@@ -4385,16 +4518,28 @@
|
|
|
4385
4518
|
"render-ui",
|
|
4386
4519
|
"main",
|
|
4387
4520
|
{
|
|
4521
|
+
"navItems": [
|
|
4522
|
+
{
|
|
4523
|
+
"label": "Chat",
|
|
4524
|
+
"icon": "layout-list",
|
|
4525
|
+
"href": "/chat"
|
|
4526
|
+
},
|
|
4527
|
+
{
|
|
4528
|
+
"href": "/channels",
|
|
4529
|
+
"label": "Channels",
|
|
4530
|
+
"icon": "hash"
|
|
4531
|
+
},
|
|
4532
|
+
{
|
|
4533
|
+
"href": "/online",
|
|
4534
|
+
"icon": "layout-list",
|
|
4535
|
+
"label": "Online"
|
|
4536
|
+
}
|
|
4537
|
+
],
|
|
4388
4538
|
"type": "dashboard-layout",
|
|
4389
|
-
"appName": "Realtime Chat",
|
|
4390
4539
|
"children": [
|
|
4391
4540
|
{
|
|
4392
|
-
"type": "scaled-diagram",
|
|
4393
4541
|
"children": [
|
|
4394
4542
|
{
|
|
4395
|
-
"type": "stack",
|
|
4396
|
-
"direction": "vertical",
|
|
4397
|
-
"gap": "lg",
|
|
4398
4543
|
"children": [
|
|
4399
4544
|
{
|
|
4400
4545
|
"type": "breadcrumb",
|
|
@@ -4411,9 +4556,7 @@
|
|
|
4411
4556
|
{
|
|
4412
4557
|
"children": [
|
|
4413
4558
|
{
|
|
4414
|
-
"type": "stack",
|
|
4415
4559
|
"gap": "md",
|
|
4416
|
-
"direction": "horizontal",
|
|
4417
4560
|
"children": [
|
|
4418
4561
|
{
|
|
4419
4562
|
"name": "users",
|
|
@@ -4424,45 +4567,50 @@
|
|
|
4424
4567
|
"content": "Online Users",
|
|
4425
4568
|
"variant": "h2"
|
|
4426
4569
|
}
|
|
4427
|
-
]
|
|
4570
|
+
],
|
|
4571
|
+
"direction": "horizontal",
|
|
4572
|
+
"type": "stack"
|
|
4428
4573
|
},
|
|
4429
4574
|
{
|
|
4430
|
-
"
|
|
4431
|
-
"variant": "secondary",
|
|
4575
|
+
"label": "Refresh",
|
|
4432
4576
|
"type": "button",
|
|
4433
|
-
"
|
|
4434
|
-
"
|
|
4577
|
+
"variant": "secondary",
|
|
4578
|
+
"action": "REFRESH",
|
|
4579
|
+
"icon": "refresh-cw"
|
|
4435
4580
|
}
|
|
4436
4581
|
],
|
|
4582
|
+
"justify": "between",
|
|
4437
4583
|
"type": "stack",
|
|
4438
4584
|
"gap": "md",
|
|
4439
|
-
"direction": "horizontal"
|
|
4440
|
-
"justify": "between"
|
|
4585
|
+
"direction": "horizontal"
|
|
4441
4586
|
},
|
|
4442
4587
|
{
|
|
4443
4588
|
"type": "divider"
|
|
4444
4589
|
},
|
|
4445
4590
|
{
|
|
4591
|
+
"type": "box",
|
|
4592
|
+
"padding": "md",
|
|
4446
4593
|
"children": [
|
|
4447
4594
|
{
|
|
4595
|
+
"type": "simple-grid",
|
|
4448
4596
|
"cols": 3.0,
|
|
4449
4597
|
"children": [
|
|
4450
4598
|
{
|
|
4451
4599
|
"type": "card",
|
|
4452
4600
|
"children": [
|
|
4453
4601
|
{
|
|
4454
|
-
"type": "stack",
|
|
4455
4602
|
"gap": "sm",
|
|
4603
|
+
"type": "stack",
|
|
4456
4604
|
"children": [
|
|
4457
4605
|
{
|
|
4458
|
-
"type": "typography",
|
|
4459
4606
|
"content": "Username",
|
|
4607
|
+
"type": "typography",
|
|
4460
4608
|
"variant": "caption"
|
|
4461
4609
|
},
|
|
4462
4610
|
{
|
|
4463
|
-
"
|
|
4611
|
+
"type": "typography",
|
|
4464
4612
|
"content": "@entity.username",
|
|
4465
|
-
"
|
|
4613
|
+
"variant": "h3"
|
|
4466
4614
|
}
|
|
4467
4615
|
],
|
|
4468
4616
|
"direction": "vertical"
|
|
@@ -4470,46 +4618,46 @@
|
|
|
4470
4618
|
]
|
|
4471
4619
|
},
|
|
4472
4620
|
{
|
|
4621
|
+
"type": "card",
|
|
4473
4622
|
"children": [
|
|
4474
4623
|
{
|
|
4624
|
+
"type": "stack",
|
|
4625
|
+
"gap": "sm",
|
|
4626
|
+
"direction": "vertical",
|
|
4475
4627
|
"children": [
|
|
4476
4628
|
{
|
|
4477
|
-
"
|
|
4629
|
+
"variant": "caption",
|
|
4478
4630
|
"type": "typography",
|
|
4479
|
-
"
|
|
4631
|
+
"content": "Status"
|
|
4480
4632
|
},
|
|
4481
4633
|
{
|
|
4482
|
-
"
|
|
4634
|
+
"type": "typography",
|
|
4483
4635
|
"variant": "h3",
|
|
4484
|
-
"
|
|
4636
|
+
"content": "@entity.status"
|
|
4485
4637
|
}
|
|
4486
|
-
]
|
|
4487
|
-
"direction": "vertical",
|
|
4488
|
-
"type": "stack",
|
|
4489
|
-
"gap": "sm"
|
|
4638
|
+
]
|
|
4490
4639
|
}
|
|
4491
|
-
]
|
|
4492
|
-
"type": "card"
|
|
4640
|
+
]
|
|
4493
4641
|
},
|
|
4494
4642
|
{
|
|
4495
4643
|
"type": "card",
|
|
4496
4644
|
"children": [
|
|
4497
4645
|
{
|
|
4498
4646
|
"gap": "sm",
|
|
4499
|
-
"direction": "vertical",
|
|
4500
4647
|
"type": "stack",
|
|
4501
4648
|
"children": [
|
|
4502
4649
|
{
|
|
4503
4650
|
"type": "typography",
|
|
4504
|
-
"
|
|
4505
|
-
"
|
|
4651
|
+
"variant": "caption",
|
|
4652
|
+
"content": "LastActive"
|
|
4506
4653
|
},
|
|
4507
4654
|
{
|
|
4508
4655
|
"type": "typography",
|
|
4509
|
-
"
|
|
4510
|
-
"
|
|
4656
|
+
"content": "@entity.lastActive",
|
|
4657
|
+
"variant": "h3"
|
|
4511
4658
|
}
|
|
4512
|
-
]
|
|
4659
|
+
],
|
|
4660
|
+
"direction": "vertical"
|
|
4513
4661
|
}
|
|
4514
4662
|
]
|
|
4515
4663
|
},
|
|
@@ -4517,62 +4665,60 @@
|
|
|
4517
4665
|
"type": "card",
|
|
4518
4666
|
"children": [
|
|
4519
4667
|
{
|
|
4520
|
-
"direction": "vertical",
|
|
4521
|
-
"gap": "sm",
|
|
4522
4668
|
"type": "stack",
|
|
4523
4669
|
"children": [
|
|
4524
4670
|
{
|
|
4525
|
-
"type": "typography",
|
|
4526
4671
|
"variant": "caption",
|
|
4527
|
-
"content": "Avatar"
|
|
4672
|
+
"content": "Avatar",
|
|
4673
|
+
"type": "typography"
|
|
4528
4674
|
},
|
|
4529
4675
|
{
|
|
4530
|
-
"content": "@entity.avatar",
|
|
4531
4676
|
"variant": "h3",
|
|
4532
|
-
"type": "typography"
|
|
4677
|
+
"type": "typography",
|
|
4678
|
+
"content": "@entity.avatar"
|
|
4533
4679
|
}
|
|
4534
|
-
]
|
|
4680
|
+
],
|
|
4681
|
+
"direction": "vertical",
|
|
4682
|
+
"gap": "sm"
|
|
4535
4683
|
}
|
|
4536
4684
|
]
|
|
4537
4685
|
}
|
|
4538
|
-
]
|
|
4539
|
-
"type": "simple-grid"
|
|
4686
|
+
]
|
|
4540
4687
|
}
|
|
4541
|
-
]
|
|
4542
|
-
"type": "box",
|
|
4543
|
-
"padding": "md"
|
|
4688
|
+
]
|
|
4544
4689
|
},
|
|
4545
4690
|
{
|
|
4546
4691
|
"type": "divider"
|
|
4547
4692
|
},
|
|
4548
4693
|
{
|
|
4694
|
+
"gap": "md",
|
|
4695
|
+
"type": "grid",
|
|
4549
4696
|
"children": [
|
|
4550
4697
|
{
|
|
4551
4698
|
"type": "card",
|
|
4552
4699
|
"children": [
|
|
4553
4700
|
{
|
|
4554
|
-
"type": "typography",
|
|
4555
4701
|
"variant": "caption",
|
|
4556
|
-
"content": "Chart View"
|
|
4702
|
+
"content": "Chart View",
|
|
4703
|
+
"type": "typography"
|
|
4557
4704
|
}
|
|
4558
4705
|
]
|
|
4559
4706
|
},
|
|
4560
4707
|
{
|
|
4561
|
-
"type": "card",
|
|
4562
4708
|
"children": [
|
|
4563
4709
|
{
|
|
4564
4710
|
"type": "typography",
|
|
4565
|
-
"
|
|
4566
|
-
"
|
|
4711
|
+
"variant": "caption",
|
|
4712
|
+
"content": "Graph View"
|
|
4567
4713
|
}
|
|
4568
|
-
]
|
|
4714
|
+
],
|
|
4715
|
+
"type": "card"
|
|
4569
4716
|
}
|
|
4570
4717
|
],
|
|
4571
|
-
"
|
|
4572
|
-
"cols": 2.0,
|
|
4573
|
-
"gap": "md"
|
|
4718
|
+
"cols": 2.0
|
|
4574
4719
|
},
|
|
4575
4720
|
{
|
|
4721
|
+
"type": "line-chart",
|
|
4576
4722
|
"data": [
|
|
4577
4723
|
{
|
|
4578
4724
|
"date": "Jan",
|
|
@@ -4583,88 +4729,75 @@
|
|
|
4583
4729
|
"date": "Feb"
|
|
4584
4730
|
},
|
|
4585
4731
|
{
|
|
4586
|
-
"
|
|
4587
|
-
"
|
|
4732
|
+
"value": 15.0,
|
|
4733
|
+
"date": "Mar"
|
|
4588
4734
|
},
|
|
4589
4735
|
{
|
|
4590
|
-
"
|
|
4591
|
-
"
|
|
4736
|
+
"date": "Apr",
|
|
4737
|
+
"value": 25.0
|
|
4592
4738
|
},
|
|
4593
4739
|
{
|
|
4594
4740
|
"value": 22.0,
|
|
4595
4741
|
"date": "May"
|
|
4596
4742
|
},
|
|
4597
4743
|
{
|
|
4598
|
-
"
|
|
4599
|
-
"
|
|
4744
|
+
"value": 30.0,
|
|
4745
|
+
"date": "Jun"
|
|
4600
4746
|
}
|
|
4601
|
-
]
|
|
4602
|
-
"type": "line-chart"
|
|
4747
|
+
]
|
|
4603
4748
|
},
|
|
4604
4749
|
{
|
|
4750
|
+
"type": "chart-legend",
|
|
4605
4751
|
"items": [
|
|
4606
4752
|
{
|
|
4607
|
-
"
|
|
4608
|
-
"
|
|
4753
|
+
"color": "primary",
|
|
4754
|
+
"label": "Current"
|
|
4609
4755
|
},
|
|
4610
4756
|
{
|
|
4611
|
-
"
|
|
4612
|
-
"
|
|
4757
|
+
"label": "Previous",
|
|
4758
|
+
"color": "muted"
|
|
4613
4759
|
}
|
|
4614
|
-
]
|
|
4615
|
-
"type": "chart-legend"
|
|
4760
|
+
]
|
|
4616
4761
|
},
|
|
4617
4762
|
{
|
|
4618
|
-
"
|
|
4763
|
+
"nodes": [
|
|
4619
4764
|
{
|
|
4620
|
-
"
|
|
4621
|
-
"
|
|
4765
|
+
"id": "a",
|
|
4766
|
+
"label": "Start"
|
|
4622
4767
|
},
|
|
4623
4768
|
{
|
|
4624
|
-
"
|
|
4625
|
-
"
|
|
4769
|
+
"id": "b",
|
|
4770
|
+
"label": "Process"
|
|
4771
|
+
},
|
|
4772
|
+
{
|
|
4773
|
+
"id": "c",
|
|
4774
|
+
"label": "End"
|
|
4626
4775
|
}
|
|
4627
4776
|
],
|
|
4777
|
+
"width": 400.0,
|
|
4628
4778
|
"height": 200.0,
|
|
4629
4779
|
"type": "graph-view",
|
|
4630
|
-
"
|
|
4631
|
-
"nodes": [
|
|
4632
|
-
{
|
|
4633
|
-
"id": "a",
|
|
4634
|
-
"label": "Start"
|
|
4635
|
-
},
|
|
4780
|
+
"edges": [
|
|
4636
4781
|
{
|
|
4637
|
-
"
|
|
4638
|
-
"
|
|
4782
|
+
"target": "b",
|
|
4783
|
+
"source": "a"
|
|
4639
4784
|
},
|
|
4640
4785
|
{
|
|
4641
|
-
"
|
|
4642
|
-
"
|
|
4786
|
+
"target": "c",
|
|
4787
|
+
"source": "b"
|
|
4643
4788
|
}
|
|
4644
4789
|
]
|
|
4645
4790
|
}
|
|
4646
|
-
]
|
|
4791
|
+
],
|
|
4792
|
+
"type": "stack",
|
|
4793
|
+
"direction": "vertical",
|
|
4794
|
+
"gap": "lg"
|
|
4647
4795
|
}
|
|
4648
|
-
]
|
|
4796
|
+
],
|
|
4797
|
+
"type": "scaled-diagram"
|
|
4649
4798
|
}
|
|
4650
4799
|
],
|
|
4651
|
-
"
|
|
4652
|
-
{
|
|
4653
|
-
"label": "Chat",
|
|
4654
|
-
"href": "/chat",
|
|
4655
|
-
"icon": "layout-list"
|
|
4656
|
-
},
|
|
4657
|
-
{
|
|
4658
|
-
"label": "Channels",
|
|
4659
|
-
"href": "/channels",
|
|
4660
|
-
"icon": "hash"
|
|
4661
|
-
},
|
|
4662
|
-
{
|
|
4663
|
-
"href": "/online",
|
|
4664
|
-
"label": "Online",
|
|
4665
|
-
"icon": "layout-list"
|
|
4666
|
-
}
|
|
4667
|
-
]
|
|
4800
|
+
"appName": "Realtime Chat"
|
|
4668
4801
|
}
|
|
4669
4802
|
]
|
|
4670
4803
|
]
|