Initial commit

app/templates/tickets/kb_article.html

@@ -0,0 +1,55 @@
+{% 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 %}