]>
Commit | Line | Data |
---|---|---|
3d05209c JM |
1 | <p i18n *ngIf="null === serverStats">Loading instance statistics...</p> |
2 | ||
3 | <section *ngIf="null !== serverStats"> | |
5273f40a | 4 | <h3 i18n>By users on this instance</h3> |
3d05209c JM |
5 | |
6 | <div class="row"> | |
7 | <div class="col-6 col-lg-4 col-xl-3"> | |
8 | <div class="card stat"> | |
9 | <div class="card-body"> | |
5273f40a | 10 | <p class="stat-value">{{ serverStats.totalUsers | number }}</p> |
3d05209c JM |
11 | <p class="stat-label" i18n>users</p> |
12 | </div> | |
93c728a2 | 13 | <my-global-icon iconName="user"></my-global-icon> |
3d05209c JM |
14 | </div> |
15 | </div> | |
16 | ||
17 | <div class="col-6 col-lg-4 col-xl-3"> | |
18 | <div class="card stat"> | |
19 | <div class="card-body"> | |
5273f40a | 20 | <p class="stat-value">{{ serverStats.totalLocalVideos | number }}</p> |
3d05209c JM |
21 | <p class="stat-label" i18n>videos</p> |
22 | </div> | |
93c728a2 | 23 | <my-global-icon iconName="film"></my-global-icon> |
3d05209c JM |
24 | </div> |
25 | </div> | |
26 | ||
27 | <div class="col-6 col-lg-4 col-xl-3"> | |
28 | <div class="card stat"> | |
29 | <div class="card-body"> | |
5273f40a C |
30 | <p class="stat-value">{{ serverStats.totalLocalVideoViews | number }}</p> |
31 | <p class="stat-label" i18n>views</p> | |
3d05209c | 32 | </div> |
dc1296a9 | 33 | <my-global-icon iconName="eye-open"></my-global-icon> |
3d05209c JM |
34 | </div> |
35 | </div> | |
36 | ||
37 | <div class="col-6 col-lg-4 col-xl-3"> | |
38 | <div class="card stat"> | |
39 | <div class="card-body"> | |
5273f40a C |
40 | <p class="stat-value">{{ serverStats.totalLocalVideoComments | number }}</p> |
41 | <p class="stat-label" i18n>comments</p> | |
3d05209c | 42 | </div> |
93c728a2 | 43 | <my-global-icon iconName="message-circle"></my-global-icon> |
3d05209c JM |
44 | </div> |
45 | </div> | |
46 | ||
47 | <div class="col-6 col-lg-4 col-xl-3"> | |
48 | <div class="card stat"> | |
49 | <div class="card-body"> | |
50 | <p class="stat-value">{{ serverStats.totalLocalVideoFilesSize | bytes:1 }}</p> | |
5273f40a | 51 | <p class="stat-label" i18n>hosted video</p> |
3d05209c | 52 | </div> |
93c728a2 | 53 | <my-global-icon iconName="home"></my-global-icon> |
3d05209c JM |
54 | </div> |
55 | </div> | |
56 | </div> | |
57 | ||
5273f40a | 58 | <h3 i18n>In this instance federation</h3> |
3d05209c JM |
59 | |
60 | <div class="row"> | |
61 | <div class="col-6 col-lg-4 col-xl-3"> | |
62 | <div class="card stat"> | |
63 | <div class="card-body"> | |
5273f40a | 64 | <p class="stat-value">{{ serverStats.totalVideos | number }}</p> |
3d05209c JM |
65 | <p class="stat-label" i18n>videos</p> |
66 | </div> | |
93c728a2 | 67 | <my-global-icon iconName="film"></my-global-icon> |
3d05209c JM |
68 | </div> |
69 | </div> | |
70 | ||
71 | <div class="col-6 col-lg-4 col-xl-3"> | |
72 | <div class="card stat"> | |
73 | <div class="card-body"> | |
5273f40a C |
74 | <p class="stat-value">{{ serverStats.totalVideoComments | number }}</p> |
75 | <p class="stat-label" i18n>comments</p> | |
3d05209c | 76 | </div> |
93c728a2 | 77 | <my-global-icon iconName="message-circle"></my-global-icon> |
3d05209c JM |
78 | </div> |
79 | </div> | |
80 | ||
81 | <div class="col-6 col-lg-4 col-xl-3"> | |
82 | <div class="card stat"> | |
83 | <div class="card-body"> | |
5273f40a | 84 | <p class="stat-value">{{ serverStats.totalInstanceFollowers | number }}</p> |
3d05209c JM |
85 | <p class="stat-label" i18n>followers</p> |
86 | </div> | |
93c728a2 | 87 | <my-global-icon iconName="share"></my-global-icon> |
3d05209c JM |
88 | </div> |
89 | </div> | |
90 | ||
91 | <div class="col-6 col-lg-4 col-xl-3"> | |
92 | <div class="card stat"> | |
93 | <div class="card-body"> | |
5273f40a | 94 | <p class="stat-value">{{ serverStats.totalInstanceFollowing | number }}</p> |
3d05209c JM |
95 | <p class="stat-label" i18n>following</p> |
96 | </div> | |
93c728a2 | 97 | <my-global-icon iconName="globe"></my-global-icon> |
3d05209c JM |
98 | </div> |
99 | </div> | |
100 | </div> | |
101 | </section> |