61 lines
2.5 KiB
HTML
61 lines
2.5 KiB
HTML
{% extends "base.html" %}
|
|
{% block title %}Knowledge Base{% endblock %}
|
|
{% block page_title %}Knowledge Base{% endblock %}
|
|
|
|
{% block content %}
|
|
<div class="row g-4">
|
|
<div class="col-lg-8">
|
|
<div class="card">
|
|
<div class="card-header d-flex align-items-center justify-content-between">
|
|
<span><i class="bi bi-book me-2"></i>Self-Service Articles</span>
|
|
{% if current_user.is_it_staff %}
|
|
<a href="{{ url_for('admin.kb_new') }}" class="btn btn-primary btn-sm">
|
|
<i class="bi bi-plus-lg me-1"></i>New Article
|
|
</a>
|
|
{% endif %}
|
|
</div>
|
|
<div class="card-body p-0">
|
|
{% if articles %}
|
|
{% for art in articles %}
|
|
<a href="{{ url_for('tickets.kb_article', article_id=art.id) }}"
|
|
style="display:flex;align-items:center;gap:14px;padding:14px 20px;border-bottom:1px solid var(--border);color:var(--text);">
|
|
<div style="width:40px;height:40px;background:rgba(0,180,216,.1);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;">
|
|
<i class="bi bi-file-earmark-text" style="color:var(--accent3);font-size:18px;"></i>
|
|
</div>
|
|
<div style="flex:1;">
|
|
<div style="font-size:14px;font-weight:600;">{{ art.title }}</div>
|
|
<div style="font-size:12px;color:var(--muted);margin-top:2px;">
|
|
{% if art.category %}{{ art.category.replace('_',' ').title() }} · {% endif %}
|
|
{{ art.updated_at.strftime('%b %d, %Y') }}
|
|
</div>
|
|
</div>
|
|
<div style="font-size:12px;color:var(--muted);flex-shrink:0;">
|
|
<i class="bi bi-eye me-1"></i>{{ art.view_count }}
|
|
</div>
|
|
</a>
|
|
{% endfor %}
|
|
{% else %}
|
|
<div class="p-5 text-center" style="color:var(--muted);">
|
|
<i class="bi bi-journal-x" style="font-size:40px;display:block;margin-bottom:12px;"></i>
|
|
No articles published yet.
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4">
|
|
<div class="card">
|
|
<div class="card-header"><i class="bi bi-lightbulb me-2"></i>Can't find an answer?</div>
|
|
<div class="card-body d-grid gap-2">
|
|
<a href="{{ url_for('tickets.create_ticket') }}" class="btn btn-primary">
|
|
<i class="bi bi-ticket me-2"></i>Submit a Ticket
|
|
</a>
|
|
<button class="btn btn-secondary" onclick="toggleChat()">
|
|
<i class="bi bi-robot me-2"></i>Ask IT Assistant
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|