Files
IT_Ticket_System/app/templates/tickets/kb_article.html
T
2026-03-25 11:37:46 -04:00

56 lines
2.6 KiB
HTML

{% extends "base.html" %}
{% block title %}{{ article.title }}{% endblock %}
{% block page_title %}Knowledge Base{% endblock %}
{% block content %}
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="mb-3">
<a href="{{ url_for('tickets.knowledge_base') }}" style="font-size:13px;color:var(--accent3);">
← Back to Knowledge Base
</a>
</div>
<div class="card">
<div class="card-header d-flex align-items-center justify-content-between">
<span><i class="bi bi-file-earmark-text me-2"></i>Article</span>
{% if current_user.is_it_staff %}
<a href="{{ url_for('admin.kb_edit', article_id=article.id) }}" class="btn btn-secondary btn-sm">
<i class="bi bi-pencil me-1"></i>Edit
</a>
{% endif %}
</div>
<div class="card-body">
<h1 style="font-size:22px;font-weight:700;margin-bottom:12px;">{{ article.title }}</h1>
<div style="font-size:12px;color:var(--muted);margin-bottom:24px;display:flex;gap:16px;">
{% if article.category %}<span><i class="bi bi-tag me-1"></i>{{ article.category.replace('_',' ').title() }}</span>{% endif %}
<span><i class="bi bi-person me-1"></i>{{ article.author.full_name if article.author else 'IT Team' }}</span>
<span><i class="bi bi-calendar3 me-1"></i>{{ article.updated_at.strftime('%B %d, %Y') }}</span>
<span><i class="bi bi-eye me-1"></i>{{ article.view_count }} views</span>
</div>
{% if article.tags %}
<div class="mb-3">
{% for tag in article.tags.split(',') %}
<span style="background:var(--surface2);border:1px solid var(--border);border-radius:5px;padding:2px 10px;font-size:11px;color:var(--muted);margin-right:4px;">{{ tag.strip() }}</span>
{% endfor %}
</div>
{% endif %}
<div style="white-space:pre-wrap;font-size:14px;line-height:1.8;color:var(--text);">{{ article.body }}</div>
</div>
</div>
<div class="card mt-3">
<div class="card-body d-flex align-items-center justify-content-between">
<span style="font-size:13px;color:var(--muted);">Did this article solve your issue?</span>
<div class="d-flex gap-2">
<a href="{{ url_for('tickets.knowledge_base') }}" class="btn btn-secondary btn-sm">
<i class="bi bi-arrow-left me-1"></i>Back
</a>
<a href="{{ url_for('tickets.create_ticket') }}" class="btn btn-primary btn-sm">
<i class="bi bi-ticket me-1"></i>Still need help
</a>
</div>
</div>
</div>
</div>
</div>
{% endblock %}