BCards/src/BCards.Web/Views/Moderation/Review.cshtml
2025-07-12 02:32:22 -03:00

267 lines
12 KiB
Plaintext

@using BCards.Web.ViewModels
@model ModerationReviewViewModel
@{
ViewData["Title"] = "Revisar Página";
Layout = "_Layout";
}
<div class="container-fluid">
<div class="row">
<div class="col-12">
<div class="d-flex justify-content-between align-items-center mb-4">
<h1>Moderar Página</h1>
<a href="/moderation/dashboard" class="btn btn-outline-secondary">
<i class="fas fa-arrow-left"></i> Voltar
</a>
</div>
</div>
</div>
<div class="row">
<!-- Informações da Página -->
<div class="col-md-4">
<div class="card mb-4">
<div class="card-header">
<h5 class="card-title mb-0">Informações da Página</h5>
</div>
<div class="card-body">
<div class="mb-3">
<strong>Nome:</strong> @Model.Page.DisplayName
</div>
<div class="mb-3">
<strong>Categoria:</strong>
<span class="badge bg-light text-dark">@Model.Page.Category</span>
</div>
<div class="mb-3">
<strong>Slug:</strong> @Model.Page.Slug
</div>
<div class="mb-3">
<strong>Tipo:</strong> @Model.Page.BusinessType
</div>
<div class="mb-3">
<strong>Plano:</strong>
<span class="badge bg-info">@Model.Page.PlanLimitations.PlanType</span>
</div>
<div class="mb-3">
<strong>Criado em:</strong> @Model.Page.CreatedAt.ToString("dd/MM/yyyy HH:mm")
</div>
<div class="mb-3">
<strong>Tentativas:</strong> @Model.Page.ModerationAttempts
</div>
<div class="mb-3">
<strong>Total de Links:</strong> @Model.Page.Links.Count
</div>
</div>
</div>
<!-- Informações do Usuário -->
<div class="card mb-4">
<div class="card-header">
<h5 class="card-title mb-0">Informações do Usuário</h5>
</div>
<div class="card-body">
<div class="mb-3">
<strong>Nome:</strong> @Model.User.Name
</div>
<div class="mb-3">
<strong>Email:</strong> @Model.User.Email
</div>
<div class="mb-3">
<strong>Score:</strong> @Model.Page.UserScore
</div>
<div class="mb-3">
<strong>Membro desde:</strong> @Model.User.CreatedAt.ToString("dd/MM/yyyy")
</div>
</div>
</div>
<!-- Preview da Página -->
@if (!string.IsNullOrEmpty(Model.PreviewUrl))
{
<div class="card mb-4">
<div class="card-header">
<h5 class="card-title mb-0">Preview da Página</h5>
</div>
<div class="card-body">
<a href="@Model.PreviewUrl" target="_blank" class="btn btn-info btn-block">
<i class="fas fa-external-link-alt"></i> Abrir Preview
</a>
<small class="text-muted mt-2 d-block">
Visualizações: @Model.Page.PreviewViewCount/50
</small>
</div>
</div>
}
</div>
<!-- Conteúdo da Página -->
<div class="col-md-8">
<div class="card mb-4">
<div class="card-header">
<h5 class="card-title mb-0">Conteúdo da Página</h5>
</div>
<div class="card-body">
@if (!string.IsNullOrEmpty(Model.Page.Bio))
{
<div class="mb-3">
<strong>Biografia:</strong>
<p>@Model.Page.Bio</p>
</div>
}
<div class="mb-3">
<strong>Links (@Model.Page.Links.Count):</strong>
<div class="mt-2">
@foreach (var link in Model.Page.Links.OrderBy(l => l.Order))
{
<div class="card mb-2">
<div class="card-body py-2">
<div class="d-flex justify-content-between">
<div>
<strong>@link.Title</strong>
@if (link.Type == LinkType.Product)
{
<span class="badge bg-success ms-2">Produto</span>
}
<br>
<small class="text-muted">@link.Url</small>
@if (!string.IsNullOrEmpty(link.Description))
{
<br>
<small>@link.Description</small>
}
</div>
<div>
<a href="@link.Url" target="_blank" class="btn btn-sm btn-outline-primary">
<i class="fas fa-external-link-alt"></i>
</a>
</div>
</div>
</div>
</div>
}
</div>
</div>
</div>
</div>
<!-- Critérios de Moderação -->
<div class="card mb-4">
<div class="card-header">
<h5 class="card-title mb-0">Critérios de Moderação</h5>
</div>
<div class="card-body">
<form id="moderationForm">
@foreach (var criterion in Model.ModerationCriteria)
{
<div class="mb-4">
<h6 class="text-danger">🚫 @criterion.Category</h6>
@foreach (var item in criterion.Items)
{
<div class="form-check">
<input class="form-check-input" type="checkbox" name="issues" value="@item" id="issue_@(item.GetHashCode())">
<label class="form-check-label" for="issue_@(item.GetHashCode())">
@item
</label>
</div>
}
</div>
}
</form>
</div>
</div>
<!-- Histórico de Moderação -->
@if (Model.Page.ModerationHistory.Any())
{
<div class="card mb-4">
<div class="card-header">
<h5 class="card-title mb-0">Histórico de Moderação</h5>
</div>
<div class="card-body">
@foreach (var history in Model.Page.ModerationHistory.OrderByDescending(h => h.Date))
{
<div class="mb-3 pb-3 border-bottom">
<div class="d-flex justify-content-between">
<strong>Tentativa @history.Attempt</strong>
<small class="text-muted">@history.Date.ToString("dd/MM/yyyy HH:mm")</small>
</div>
<div>
<span class="badge bg-@(history.Status == "approved" ? "success" : "danger")">
@(history.Status == "approved" ? "Aprovada" : "Rejeitada")
</span>
</div>
@if (!string.IsNullOrEmpty(history.Reason))
{
<div class="mt-2">
<strong>Motivo:</strong> @history.Reason
</div>
}
@if (history.Issues.Any())
{
<div class="mt-2">
<strong>Problemas:</strong>
<ul class="mb-0">
@foreach (var issue in history.Issues)
{
<li>@issue</li>
}
</ul>
</div>
}
</div>
}
</div>
</div>
}
<!-- Ações de Moderação -->
<div class="card">
<div class="card-header">
<h5 class="card-title mb-0">Ações de Moderação</h5>
</div>
<div class="card-body">
<div class="row">
<div class="col-md-6">
<form asp-action="Approve" asp-route-id="@Model.Page.Id" method="post">
@Html.AntiForgeryToken()
<div class="mb-3">
<label for="notes" class="form-label">Notas (opcional)</label>
<textarea class="form-control" id="notes" name="notes" rows="3"
placeholder="Observações sobre a aprovação..."></textarea>
</div>
<button type="submit" class="btn btn-success btn-block">
<i class="fas fa-check"></i> Aprovar Página
</button>
</form>
</div>
<div class="col-md-6">
<form asp-action="Reject" asp-route-id="@Model.Page.Id" method="post">
@Html.AntiForgeryToken()
<div class="mb-3">
<label for="reason" class="form-label">Motivo da Rejeição *</label>
<textarea class="form-control" id="reason" name="reason" rows="3"
placeholder="Explique o motivo da rejeição..." required></textarea>
</div>
<input type="hidden" id="selectedIssues" name="issues" value="">
<button type="submit" class="btn btn-danger btn-block">
<i class="fas fa-times"></i> Rejeitar Página
</button>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
@section Scripts {
<script>
document.querySelector('form[asp-action="Reject"]').addEventListener('submit', function(e) {
const checkedIssues = Array.from(document.querySelectorAll('input[name="issues"]:checked'))
.map(cb => cb.value);
document.getElementById('selectedIssues').value = JSON.stringify(checkedIssues);
});
</script>
}