72 lines
3.4 KiB
HTML
72 lines
3.4 KiB
HTML
<!-- Integration Statistics Cards -->
|
|
<div class="col-lg-3 col-md-6 mb-3">
|
|
<div class="card border-0 shadow-sm h-100">
|
|
<div class="card-body">
|
|
<div class="d-flex justify-content-between align-items-center">
|
|
<div>
|
|
<h6 class="card-title text-muted mb-1">Total Systems</h6>
|
|
<h3 class="mb-0 text-primary">{{ stats.total_systems }}</h3>
|
|
<small class="text-muted">{{ stats.active_systems }} active</small>
|
|
</div>
|
|
<div class="bg-primary bg-gradient rounded-circle d-flex align-items-center justify-content-center" style="width: 50px; height: 50px;">
|
|
<i class="fas fa-server fa-lg text-white"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-3 col-md-6 mb-3">
|
|
<div class="card border-0 shadow-sm h-100">
|
|
<div class="card-body">
|
|
<div class="d-flex justify-content-between align-items-center">
|
|
<div>
|
|
<h6 class="card-title text-muted mb-1">Active Endpoints</h6>
|
|
<h3 class="mb-0 text-success">{{ stats.total_endpoints }}</h3>
|
|
<small class="text-muted">Integration points</small>
|
|
</div>
|
|
<div class="bg-success bg-gradient rounded-circle d-flex align-items-center justify-content-center" style="width: 50px; height: 50px;">
|
|
<i class="fas fa-link fa-lg text-white"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-3 col-md-6 mb-3">
|
|
<div class="card border-0 shadow-sm h-100">
|
|
<div class="card-body">
|
|
<div class="d-flex justify-content-between align-items-center">
|
|
<div>
|
|
<h6 class="card-title text-muted mb-1">Executions Today</h6>
|
|
<h3 class="mb-0 text-info">{{ stats.executions_today }}</h3>
|
|
<small class="text-muted">{{ stats.successful_executions_today }} successful</small>
|
|
</div>
|
|
<div class="bg-info bg-gradient rounded-circle d-flex align-items-center justify-content-center" style="width: 50px; height: 50px;">
|
|
<i class="fas fa-play fa-lg text-white"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-3 col-md-6 mb-3">
|
|
<div class="card border-0 shadow-sm h-100">
|
|
<div class="card-body">
|
|
<div class="d-flex justify-content-between align-items-center">
|
|
<div>
|
|
<h6 class="card-title text-muted mb-1">Success Rate</h6>
|
|
<h3 class="mb-0 text-{% if stats.success_rate_today >= 95 %}success{% elif stats.success_rate_today >= 80 %}warning{% else %}danger{% endif %}">
|
|
{{ stats.success_rate_today|floatformat:1 }}%
|
|
</h3>
|
|
<small class="text-muted">{{ stats.failed_executions_today }} failed today</small>
|
|
</div>
|
|
<div class="bg-{% if stats.success_rate_today >= 95 %}success{% elif stats.success_rate_today >= 80 %}warning{% else %}danger{% endif %} bg-gradient rounded-circle d-flex align-items-center justify-content-center" style="width: 50px; height: 50px;">
|
|
<i class="fas fa-chart-line fa-lg text-white"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|