SysAdmin
a6b4ec8fa6
- Add ShareCard action to BotsController for generating bot share page - Create ShareCard.cshtml view with gradient card design - Generate QR code for Telegram bot link using QRCode.js - Display bot info including type, status, description, and version - Add copy link and print card functionality - Add Share Bot button to bot Details page 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
369 lines
16 KiB
Plaintext
369 lines
16 KiB
Plaintext
@model LittleShop.DTOs.BotDto
|
|
@{
|
|
ViewData["Title"] = $"Bot Details - {Model.Name}";
|
|
var metricsSummary = ViewData["MetricsSummary"] as LittleShop.DTOs.BotMetricsSummaryDto;
|
|
var activeSessions = ViewData["ActiveSessions"] as IEnumerable<LittleShop.DTOs.BotSessionDto>;
|
|
}
|
|
|
|
<h1>Bot Details</h1>
|
|
|
|
@if (TempData["Success"] != null)
|
|
{
|
|
<div class="alert alert-success alert-dismissible fade show" role="alert">
|
|
@TempData["Success"]
|
|
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
|
|
</div>
|
|
}
|
|
|
|
@if (TempData["BotKey"] != null)
|
|
{
|
|
<div class="alert alert-warning">
|
|
<strong>Important!</strong> Save this API key securely. It will not be shown again:
|
|
<div class="mt-2">
|
|
<code class="bg-dark text-white p-2 d-block">@TempData["BotKey"]</code>
|
|
</div>
|
|
</div>
|
|
}
|
|
|
|
<div class="row">
|
|
<div class="col-md-8">
|
|
<div class="card mb-3">
|
|
<div class="card-header">
|
|
<h5 class="mb-0">Bot Information</h5>
|
|
</div>
|
|
<div class="card-body">
|
|
<dl class="row">
|
|
<dt class="col-sm-3">Name</dt>
|
|
<dd class="col-sm-9">@Model.Name</dd>
|
|
|
|
<dt class="col-sm-3">Description</dt>
|
|
<dd class="col-sm-9">@(string.IsNullOrEmpty(Model.Description) ? "N/A" : Model.Description)</dd>
|
|
|
|
<dt class="col-sm-3">Type</dt>
|
|
<dd class="col-sm-9"><span class="badge bg-info">@Model.Type</span></dd>
|
|
|
|
<dt class="col-sm-3">Platform Info</dt>
|
|
<dd class="col-sm-9">
|
|
@if (!string.IsNullOrEmpty(Model.PlatformUsername))
|
|
{
|
|
<div>
|
|
<strong>@@@Model.PlatformUsername</strong>
|
|
@if (!string.IsNullOrEmpty(Model.PlatformDisplayName))
|
|
{
|
|
<br />
|
|
<span class="text-muted">@Model.PlatformDisplayName</span>
|
|
}
|
|
@if (!string.IsNullOrEmpty(Model.PlatformId))
|
|
{
|
|
<br />
|
|
<small><code>ID: @Model.PlatformId</code></small>
|
|
}
|
|
</div>
|
|
}
|
|
else
|
|
{
|
|
<span class="text-muted">Not configured - platform info will be auto-detected on first connection</span>
|
|
}
|
|
</dd>
|
|
|
|
<dt class="col-sm-3">Status</dt>
|
|
<dd class="col-sm-9">
|
|
@switch (Model.Status)
|
|
{
|
|
case LittleShop.Enums.BotStatus.Active:
|
|
<span class="badge bg-success">Active</span>
|
|
break;
|
|
case LittleShop.Enums.BotStatus.Inactive:
|
|
<span class="badge bg-secondary">Inactive</span>
|
|
break;
|
|
case LittleShop.Enums.BotStatus.Suspended:
|
|
<span class="badge bg-warning">Suspended</span>
|
|
break;
|
|
default:
|
|
<span class="badge bg-dark">@Model.Status</span>
|
|
break;
|
|
}
|
|
</dd>
|
|
|
|
<dt class="col-sm-3">Bot ID</dt>
|
|
<dd class="col-sm-9"><code>@Model.Id</code></dd>
|
|
|
|
<dt class="col-sm-3">Version</dt>
|
|
<dd class="col-sm-9">@(string.IsNullOrEmpty(Model.Version) ? "N/A" : Model.Version)</dd>
|
|
|
|
<dt class="col-sm-3">IP Address</dt>
|
|
<dd class="col-sm-9">@(string.IsNullOrEmpty(Model.IpAddress) ? "N/A" : Model.IpAddress)</dd>
|
|
|
|
<dt class="col-sm-3">Created</dt>
|
|
<dd class="col-sm-9">@Model.CreatedAt.ToString("yyyy-MM-dd HH:mm:ss")</dd>
|
|
|
|
<dt class="col-sm-3">Last Seen</dt>
|
|
<dd class="col-sm-9">
|
|
@if (Model.LastSeenAt.HasValue)
|
|
{
|
|
@Model.LastSeenAt.Value.ToString("yyyy-MM-dd HH:mm:ss")
|
|
@if ((DateTime.UtcNow - Model.LastSeenAt.Value).TotalMinutes < 5)
|
|
{
|
|
<span class="badge bg-success ms-2">Online</span>
|
|
}
|
|
}
|
|
else
|
|
{
|
|
<span class="text-muted">Never</span>
|
|
}
|
|
</dd>
|
|
|
|
<dt class="col-sm-3">Config Synced</dt>
|
|
<dd class="col-sm-9">
|
|
@if (Model.LastConfigSyncAt.HasValue)
|
|
{
|
|
@Model.LastConfigSyncAt.Value.ToString("yyyy-MM-dd HH:mm:ss")
|
|
}
|
|
else
|
|
{
|
|
<span class="text-muted">Never</span>
|
|
}
|
|
</dd>
|
|
</dl>
|
|
</div>
|
|
</div>
|
|
|
|
@if (Model.IsRemote)
|
|
{
|
|
<div class="card mb-3 border-info">
|
|
<div class="card-header bg-info text-white">
|
|
<h5 class="mb-0"><i class="fas fa-satellite-dish"></i> Remote Connection</h5>
|
|
</div>
|
|
<div class="card-body">
|
|
<dl class="row mb-0">
|
|
<dt class="col-sm-4">Remote Address</dt>
|
|
<dd class="col-sm-8"><code>@Model.RemoteAddress:@Model.RemotePort</code></dd>
|
|
|
|
<dt class="col-sm-4">Instance ID</dt>
|
|
<dd class="col-sm-8"><code>@(Model.RemoteInstanceId ?? "N/A")</code></dd>
|
|
|
|
<dt class="col-sm-4">Discovery Status</dt>
|
|
<dd class="col-sm-8">
|
|
@switch (Model.DiscoveryStatus)
|
|
{
|
|
case "Configured":
|
|
<span class="badge bg-success">@Model.DiscoveryStatus</span>
|
|
break;
|
|
case "Initialized":
|
|
<span class="badge bg-info">@Model.DiscoveryStatus</span>
|
|
break;
|
|
case "Discovered":
|
|
<span class="badge bg-warning">@Model.DiscoveryStatus</span>
|
|
break;
|
|
case "Offline":
|
|
case "Error":
|
|
<span class="badge bg-danger">@Model.DiscoveryStatus</span>
|
|
break;
|
|
default:
|
|
<span class="badge bg-secondary">@Model.DiscoveryStatus</span>
|
|
break;
|
|
}
|
|
</dd>
|
|
|
|
<dt class="col-sm-4">Last Discovery</dt>
|
|
<dd class="col-sm-8">
|
|
@if (Model.LastDiscoveryAt.HasValue)
|
|
{
|
|
@Model.LastDiscoveryAt.Value.ToString("yyyy-MM-dd HH:mm:ss")
|
|
}
|
|
else
|
|
{
|
|
<span class="text-muted">Never</span>
|
|
}
|
|
</dd>
|
|
</dl>
|
|
|
|
<hr />
|
|
|
|
<div class="d-flex gap-2">
|
|
<form asp-area="Admin" asp-controller="Bots" asp-action="CheckRemoteStatus" asp-route-id="@Model.Id" method="post" class="d-inline">
|
|
@Html.AntiForgeryToken()
|
|
<button type="submit" class="btn btn-sm btn-outline-info">
|
|
<i class="fas fa-sync"></i> Check Status
|
|
</button>
|
|
</form>
|
|
|
|
@if (Model.DiscoveryStatus == "Initialized" || Model.DiscoveryStatus == "Configured")
|
|
{
|
|
<a href="/Admin/Bots/RepushConfig/@Model.Id" class="btn btn-sm btn-outline-warning">
|
|
<i class="fas fa-upload"></i> Re-push Config
|
|
</a>
|
|
}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
}
|
|
|
|
<div class="card mb-3">
|
|
<div class="card-header">
|
|
<h5 class="mb-0">30-Day Metrics Summary</h5>
|
|
</div>
|
|
<div class="card-body">
|
|
@if (metricsSummary != null)
|
|
{
|
|
<div class="row">
|
|
<div class="col-md-3">
|
|
<div class="text-center">
|
|
<h3>@metricsSummary.TotalSessions</h3>
|
|
<p class="text-muted">Total Sessions</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div class="text-center">
|
|
<h3>@metricsSummary.TotalOrders</h3>
|
|
<p class="text-muted">Total Orders</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div class="text-center">
|
|
<h3>$@metricsSummary.TotalRevenue.ToString("F2")</h3>
|
|
<p class="text-muted">Total Revenue</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div class="text-center">
|
|
<h3>@metricsSummary.TotalErrors</h3>
|
|
<p class="text-muted">Total Errors</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
@if (metricsSummary.UptimePercentage > 0)
|
|
{
|
|
<div class="progress mt-3">
|
|
<div class="progress-bar bg-success" role="progressbar" style="width: @metricsSummary.UptimePercentage%"
|
|
aria-valuenow="@metricsSummary.UptimePercentage" aria-valuemin="0" aria-valuemax="100">
|
|
Uptime: @metricsSummary.UptimePercentage.ToString("F1")%
|
|
</div>
|
|
</div>
|
|
}
|
|
}
|
|
else
|
|
{
|
|
<p class="text-muted">No metrics available</p>
|
|
}
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<h5 class="mb-0">Active Sessions</h5>
|
|
</div>
|
|
<div class="card-body">
|
|
@if (activeSessions != null && activeSessions.Any())
|
|
{
|
|
<div class="table-responsive">
|
|
<table class="table table-sm">
|
|
<thead>
|
|
<tr>
|
|
<th>Session ID</th>
|
|
<th>Platform</th>
|
|
<th>Started</th>
|
|
<th>Messages</th>
|
|
<th>Orders</th>
|
|
<th>Spent</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
@foreach (var session in activeSessions.Take(10))
|
|
{
|
|
<tr>
|
|
<td><small>@session.Id.ToString().Substring(0, 8)...</small></td>
|
|
<td>@session.Platform</td>
|
|
<td>@session.StartedAt.ToString("HH:mm:ss")</td>
|
|
<td>@session.MessageCount</td>
|
|
<td>@session.OrderCount</td>
|
|
<td>$@session.TotalSpent.ToString("F2")</td>
|
|
</tr>
|
|
}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
}
|
|
else
|
|
{
|
|
<p class="text-muted">No active sessions</p>
|
|
}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-4">
|
|
<div class="card mb-3">
|
|
<div class="card-header">
|
|
<h5 class="mb-0">Actions</h5>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="d-grid gap-2">
|
|
<a href="/Admin/Bots/Edit/@Model.Id" class="btn btn-primary">
|
|
<i class="bi bi-pencil"></i> Edit Settings
|
|
</a>
|
|
<a href="/Admin/Bots/Metrics/@Model.Id" class="btn btn-success">
|
|
<i class="bi bi-graph-up"></i> View Detailed Metrics
|
|
</a>
|
|
<a href="/Admin/Bots/ShareCard/@Model.Id" class="btn btn-info">
|
|
<i class="bi bi-share"></i> Share Bot
|
|
</a>
|
|
|
|
@if (Model.Status == LittleShop.Enums.BotStatus.Active)
|
|
{
|
|
<form action="/Admin/Bots/Suspend/@Model.Id" method="post">
|
|
<button type="submit" class="btn btn-warning w-100"
|
|
onclick="return confirm('Are you sure you want to suspend this bot?')">
|
|
<i class="bi bi-pause-circle"></i> Suspend Bot
|
|
</button>
|
|
</form>
|
|
}
|
|
else if (Model.Status == LittleShop.Enums.BotStatus.Suspended)
|
|
{
|
|
<form action="/Admin/Bots/Activate/@Model.Id" method="post">
|
|
<button type="submit" class="btn btn-success w-100">
|
|
<i class="bi bi-play-circle"></i> Activate Bot
|
|
</button>
|
|
</form>
|
|
}
|
|
|
|
<hr />
|
|
|
|
<form action="/Admin/Bots/Delete/@Model.Id" method="post">
|
|
<button type="submit" class="btn btn-danger w-100"
|
|
onclick="return confirm('Are you sure you want to delete this bot? This action cannot be undone.')">
|
|
<i class="bi bi-trash"></i> Delete Bot
|
|
</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<h5 class="mb-0">Quick Stats</h5>
|
|
</div>
|
|
<div class="card-body">
|
|
<ul class="list-unstyled mb-0">
|
|
<li>
|
|
<strong>Total Sessions:</strong> @Model.TotalSessions
|
|
</li>
|
|
<li>
|
|
<strong>Active Sessions:</strong> @Model.ActiveSessions
|
|
</li>
|
|
<li>
|
|
<strong>Total Orders:</strong> @Model.TotalOrders
|
|
</li>
|
|
<li>
|
|
<strong>Total Revenue:</strong> $@Model.TotalRevenue.ToString("F2")
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mt-3">
|
|
<a href="/Admin/Bots" class="btn btn-secondary">Back to List</a>
|
|
</div> |