client/src/app/+about/about-instance/instance-statistics.component.html

   1 <p i18n *ngIf="null === serverStats">Loading instance statistics...</p>
   2
   3 <section *ngIf="null !== serverStats">
   4   <h3 i18n>By users on this instance</h3>
   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">
  10           <p class="stat-value">{{ serverStats.totalUsers | number }}</p>
  11           <p class="stat-label" i18n>users</p>
  12         </div>
  13         <my-global-icon iconName="user"></my-global-icon>
  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">
  20           <p class="stat-value">{{ serverStats.totalLocalVideos | number }}</p>
  21           <p class="stat-label" i18n>videos</p>
  22         </div>
  23         <my-global-icon iconName="film"></my-global-icon>
  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">
  30           <p class="stat-value">{{ serverStats.totalLocalVideoViews | number }}</p>
  31           <p class="stat-label" i18n>views</p>
  32         </div>
  33         <my-global-icon iconName="eye-open"></my-global-icon>
  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">
  40           <p class="stat-value">{{ serverStats.totalLocalVideoComments | number }}</p>
  41           <p class="stat-label" i18n>comments</p>
  42         </div>
  43         <my-global-icon iconName="message-circle"></my-global-icon>
  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>
  51           <p class="stat-label" i18n>hosted video</p>
  52         </div>
  53         <my-global-icon iconName="home"></my-global-icon>
  54       </div>
  55     </div>
  56   </div>
  57
  58   <h3 i18n>In this instance federation</h3>
  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">
  64           <p class="stat-value">{{ serverStats.totalVideos | number }}</p>
  65           <p class="stat-label" i18n>videos</p>
  66         </div>
  67         <my-global-icon iconName="film"></my-global-icon>
  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">
  74           <p class="stat-value">{{ serverStats.totalVideoComments | number }}</p>
  75           <p class="stat-label" i18n>comments</p>
  76         </div>
  77         <my-global-icon iconName="message-circle"></my-global-icon>
  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">
  84           <p class="stat-value">{{ serverStats.totalInstanceFollowers | number }}</p>
  85           <p class="stat-label" i18n>followers</p>
  86         </div>
  87         <my-global-icon iconName="share"></my-global-icon>
  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">
  94           <p class="stat-value">{{ serverStats.totalInstanceFollowing | number }}</p>
  95           <p class="stat-label" i18n>following</p>
  96         </div>
  97         <my-global-icon iconName="globe"></my-global-icon>
  98       </div>
  99     </div>
 100   </div>
 101 </section>