437 lines
24 KiB
HTML
437 lines
24 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Help Center - DocuPulse</title>
|
|
<meta name="description" content="Get help with DocuPulse. Find answers to common questions, tutorials, and support resources.">
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='css/colors.css') }}?v={{ 'css/colors.css'|asset_version }}">
|
|
<style>
|
|
.help-section {
|
|
padding: 80px 0;
|
|
}
|
|
|
|
.search-section {
|
|
background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
|
|
color: white;
|
|
padding: 80px 0;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.search-section::before {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');
|
|
opacity: 0.3;
|
|
}
|
|
|
|
.search-box {
|
|
background: rgba(255, 255, 255, 0.1);
|
|
border: 2px solid rgba(255, 255, 255, 0.3);
|
|
border-radius: 50px;
|
|
padding: 15px 25px;
|
|
color: white;
|
|
font-size: 1.1rem;
|
|
width: 100%;
|
|
max-width: 600px;
|
|
margin: 0 auto;
|
|
backdrop-filter: blur(10px);
|
|
}
|
|
|
|
.search-box::placeholder {
|
|
color: rgba(255, 255, 255, 0.8);
|
|
}
|
|
|
|
.search-box:focus {
|
|
outline: none;
|
|
border-color: rgba(255, 255, 255, 0.8);
|
|
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.25);
|
|
}
|
|
|
|
.category-card {
|
|
background: var(--white);
|
|
border-radius: 20px;
|
|
padding: 40px 30px;
|
|
box-shadow: 0 10px 25px var(--shadow-color);
|
|
height: 100%;
|
|
border: none;
|
|
transition: transform 0.3s ease;
|
|
text-align: center;
|
|
}
|
|
|
|
.category-card:hover {
|
|
transform: translateY(-5px);
|
|
}
|
|
|
|
.category-icon {
|
|
width: 80px;
|
|
height: 80px;
|
|
background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
|
|
border-radius: 20px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
margin: 0 auto 25px;
|
|
color: white;
|
|
font-size: 2rem;
|
|
}
|
|
|
|
.faq-item {
|
|
background: var(--white);
|
|
border-radius: 15px;
|
|
margin-bottom: 15px;
|
|
box-shadow: 0 5px 15px var(--shadow-color);
|
|
overflow: hidden;
|
|
}
|
|
|
|
.faq-question {
|
|
background: var(--white);
|
|
border: none;
|
|
padding: 20px 25px;
|
|
width: 100%;
|
|
text-align: left;
|
|
font-weight: 600;
|
|
color: var(--text-dark);
|
|
transition: all 0.3s ease;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.faq-question:hover {
|
|
background: var(--bg-color);
|
|
}
|
|
|
|
.faq-question[aria-expanded="true"] {
|
|
background: var(--primary-bg-light);
|
|
color: var(--primary-color);
|
|
}
|
|
|
|
.faq-answer {
|
|
padding: 0 25px 20px;
|
|
color: var(--text-muted);
|
|
line-height: 1.6;
|
|
}
|
|
|
|
.contact-card {
|
|
background: var(--white);
|
|
border-radius: 20px;
|
|
padding: 40px;
|
|
box-shadow: 0 15px 35px var(--shadow-color);
|
|
text-align: center;
|
|
}
|
|
|
|
.contact-icon {
|
|
width: 60px;
|
|
height: 60px;
|
|
background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
|
|
border-radius: 50%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
margin: 0 auto 20px;
|
|
color: white;
|
|
font-size: 1.5rem;
|
|
}
|
|
|
|
/* Button styles to match other pages */
|
|
.btn-primary {
|
|
background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
|
|
border: none;
|
|
border-radius: 25px;
|
|
padding: 12px 30px;
|
|
font-weight: 600;
|
|
transition: all 0.3s ease;
|
|
}
|
|
.btn-primary:hover {
|
|
background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
|
|
transform: translateY(-2px);
|
|
box-shadow: 0 5px 15px var(--primary-opacity-15);
|
|
filter: brightness(1.1);
|
|
}
|
|
.btn-outline-primary {
|
|
border: 2px solid var(--primary-color);
|
|
color: var(--primary-color);
|
|
border-radius: 25px;
|
|
padding: 12px 30px;
|
|
font-weight: 600;
|
|
transition: all 0.3s ease;
|
|
}
|
|
.btn-outline-primary:hover {
|
|
background: rgba(var(--primary-color-rgb), 0.05);
|
|
border-color: var(--primary-color);
|
|
color: var(--primary-color);
|
|
transform: translateY(-2px);
|
|
box-shadow: 0 5px 15px rgba(var(--primary-color-rgb), 0.1);
|
|
}
|
|
.btn-lg {
|
|
padding: 15px 40px;
|
|
font-size: 1.1rem;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
{% include 'components/header_nav.html' %}
|
|
|
|
<!-- Hero Section -->
|
|
{% with
|
|
title="Help Center",
|
|
description="Find answers to your questions and get the support you need",
|
|
title_size="4",
|
|
description_size="5"
|
|
%}
|
|
{% include 'components/hero_section.html' %}
|
|
{% endwith %}
|
|
|
|
<!-- Help Categories -->
|
|
<section class="help-section">
|
|
<div class="container">
|
|
<div class="text-center mb-5">
|
|
<h2 class="display-5 fw-bold mb-3">Browse by Category</h2>
|
|
<p class="lead text-muted">Find help organized by topic</p>
|
|
</div>
|
|
<div class="row g-4">
|
|
<div class="col-lg-4 col-md-6">
|
|
<div class="category-card">
|
|
<div class="category-icon">
|
|
<i class="fas fa-rocket"></i>
|
|
</div>
|
|
<h4 class="fw-bold mb-3">Getting Started</h4>
|
|
<p class="text-muted mb-4">Learn the basics of DocuPulse and set up your workspace</p>
|
|
<a href="{{ url_for('public.help_articles', category='getting-started') }}" class="btn btn-outline-primary">View Articles</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-6">
|
|
<div class="category-card">
|
|
<div class="category-icon">
|
|
<i class="fas fa-users"></i>
|
|
</div>
|
|
<h4 class="fw-bold mb-3">User Management</h4>
|
|
<p class="text-muted mb-4">Manage users, permissions, and team collaboration</p>
|
|
<a href="{{ url_for('public.help_articles', category='user-management') }}" class="btn btn-outline-primary">View Articles</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-6">
|
|
<div class="category-card">
|
|
<div class="category-icon">
|
|
<i class="fas fa-folder"></i>
|
|
</div>
|
|
<h4 class="fw-bold mb-3">File Management</h4>
|
|
<p class="text-muted mb-4">Upload, organize, and manage your documents</p>
|
|
<a href="{{ url_for('public.help_articles', category='file-management') }}" class="btn btn-outline-primary">View Articles</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-6">
|
|
<div class="category-card">
|
|
<div class="category-icon">
|
|
<i class="fas fa-comments"></i>
|
|
</div>
|
|
<h4 class="fw-bold mb-3">Communication</h4>
|
|
<p class="text-muted mb-4">Use messaging and collaboration features</p>
|
|
<a href="{{ url_for('public.help_articles', category='communication') }}" class="btn btn-outline-primary">View Articles</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-6">
|
|
<div class="category-card">
|
|
<div class="category-icon">
|
|
<i class="fas fa-shield-alt"></i>
|
|
</div>
|
|
<h4 class="fw-bold mb-3">Security & Privacy</h4>
|
|
<p class="text-muted mb-4">Learn about security features and data protection</p>
|
|
<a href="{{ url_for('public.help_articles', category='security') }}" class="btn btn-outline-primary">View Articles</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-6">
|
|
<div class="category-card">
|
|
<div class="category-icon">
|
|
<i class="fas fa-cog"></i>
|
|
</div>
|
|
<h4 class="fw-bold mb-3">Administration</h4>
|
|
<p class="text-muted mb-4">Configure settings and manage your organization</p>
|
|
<a href="{{ url_for('public.help_articles', category='administration') }}" class="btn btn-outline-primary">View Articles</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- FAQ Section -->
|
|
<section class="help-section" style="background-color: var(--bg-color);">
|
|
<div class="container">
|
|
<div class="text-center mb-5">
|
|
<h2 class="display-5 fw-bold mb-3">Frequently Asked Questions</h2>
|
|
<p class="lead text-muted">Quick answers to common questions</p>
|
|
</div>
|
|
<div class="row justify-content-center">
|
|
<div class="col-lg-8">
|
|
<div class="accordion" id="faqAccordion">
|
|
<div class="faq-item">
|
|
<button class="faq-question" type="button" data-bs-toggle="collapse" data-bs-target="#faq1" aria-expanded="true" aria-controls="faq1">
|
|
What is DocuPulse and what does it do?
|
|
</button>
|
|
<div id="faq1" class="collapse show" data-bs-parent="#faqAccordion">
|
|
<div class="faq-answer">
|
|
DocuPulse is an enterprise document management platform that helps organizations securely store, organize, and collaborate on documents. It features room-based file organization, real-time messaging, user permissions, and comprehensive audit trails. The platform supports multi-tenant instances and provides both document management and team communication capabilities in one integrated solution.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="faq-item">
|
|
<button class="faq-question collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq2" aria-expanded="false" aria-controls="faq2">
|
|
How do rooms work in DocuPulse?
|
|
</button>
|
|
<div id="faq2" class="collapse" data-bs-parent="#faqAccordion">
|
|
<div class="faq-answer">
|
|
Rooms are the primary organizational units in DocuPulse. Each room can contain files, folders, and have specific members with granular permissions. You can create rooms for different projects, departments, or teams. Room members can have different permission levels including view, download, upload, delete, rename, move, and share capabilities. Rooms provide a secure, organized way to manage documents and control access.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="faq-item">
|
|
<button class="faq-question collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq3" aria-expanded="false" aria-controls="faq3">
|
|
What file types and sizes are supported?
|
|
</button>
|
|
<div id="faq3" class="collapse" data-bs-parent="#faqAccordion">
|
|
<div class="faq-answer">
|
|
DocuPulse supports a wide range of file types including documents (PDF, DOCX, DOC, TXT, RTF), spreadsheets (XLSX, XLS, ODS), presentations (PPTX, PPT), images (JPG, PNG, GIF, SVG), archives (ZIP, RAR, 7Z), code files (PY, JS, HTML, CSS), audio/video files, and CAD/design files.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="faq-item">
|
|
<button class="faq-question collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq4" aria-expanded="false" aria-controls="faq4">
|
|
How does the conversation and messaging system work?
|
|
</button>
|
|
<div id="faq4" class="collapse" data-bs-parent="#faqAccordion">
|
|
<div class="faq-answer">
|
|
DocuPulse includes a built-in messaging system where you can create conversations with team members. Conversations support text messages and file attachments, allowing you to discuss documents and share files directly within the platform. Only administrators and managers can create conversations, and members receive notifications when added to conversations or when new messages are sent.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="faq-item">
|
|
<button class="faq-question collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq5" aria-expanded="false" aria-controls="faq5">
|
|
What are the different user roles and permissions?
|
|
</button>
|
|
<div id="faq5" class="collapse" data-bs-parent="#faqAccordion">
|
|
<div class="faq-answer">
|
|
DocuPulse has three main user roles: Administrators (full system access), Managers (can create conversations and manage room members), and Regular Users. Within rooms, users can have granular permissions: view, download, upload, delete, rename, move, and share. These permissions are managed per room, allowing flexible access control based on project needs and user responsibilities.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="faq-item">
|
|
<button class="faq-question collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq6" aria-expanded="false" aria-controls="faq6">
|
|
How does file organization and the trash system work?
|
|
</button>
|
|
<div id="faq6" class="collapse" data-bs-parent="#faqAccordion">
|
|
<div class="faq-answer">
|
|
Files in DocuPulse are organized in a hierarchical folder structure within rooms. You can create folders, move files between locations, and use the search function to find documents quickly. When files are deleted, they go to the trash where they remain for 30 days before permanent deletion. You can restore files from trash or permanently delete them. The platform also includes a starring system to mark important files for quick access.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="faq-item">
|
|
<button class="faq-question collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq7" aria-expanded="false" aria-controls="faq7">
|
|
What security and audit features are available?
|
|
</button>
|
|
<div id="faq7" class="collapse" data-bs-parent="#faqAccordion">
|
|
<div class="faq-answer">
|
|
DocuPulse provides comprehensive security and audit capabilities. All user actions are logged as events, including file operations, user management, and system changes. The platform supports password policies, secure file storage, and detailed activity tracking. Administrators can view audit logs, monitor system usage, and export event data for compliance purposes. The system also includes notification features to keep users informed of important activities.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="faq-item">
|
|
<button class="faq-question collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq8" aria-expanded="false" aria-controls="faq8">
|
|
Can I customize the platform appearance and settings?
|
|
</button>
|
|
<div id="faq8" class="collapse" data-bs-parent="#faqAccordion">
|
|
<div class="faq-answer">
|
|
Yes, DocuPulse offers extensive customization options. Administrators can customize the platform's color scheme, company branding, and logo. The system includes configurable SMTP settings for email notifications, customizable email templates, and various system settings. You can also configure storage limits, room limits, and other platform parameters to match your organization's needs.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="faq-item">
|
|
<button class="faq-question collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq9" aria-expanded="false" aria-controls="faq9">
|
|
How does the notification system work?
|
|
</button>
|
|
<div id="faq9" class="collapse" data-bs-parent="#faqAccordion">
|
|
<div class="faq-answer">
|
|
DocuPulse includes a comprehensive notification system that alerts users to various events. You'll receive notifications for room invitations, conversation messages, file activities, and system events. Notifications can be marked as read/unread, filtered by type, and managed through the notifications panel. The system also supports email notifications for important events, which can be configured by administrators.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="faq-item">
|
|
<button class="faq-question collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq10" aria-expanded="false" aria-controls="faq10">
|
|
What administrative tools and monitoring features are available?
|
|
</button>
|
|
<div id="faq10" class="collapse" data-bs-parent="#faqAccordion">
|
|
<div class="faq-answer">
|
|
Administrators have access to comprehensive management tools including user management, system monitoring, usage statistics, and audit logs. The platform provides dashboard views showing file counts, storage usage, user activity, and system health. Administrators can also manage email templates, configure SMTP settings, monitor events, and export data for reporting. The system includes tools for database verification and file system synchronization.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Contact Support -->
|
|
<section class="help-section">
|
|
<div class="container">
|
|
<div class="row justify-content-center">
|
|
<div class="col-lg-8">
|
|
<div class="contact-card">
|
|
<h2 class="text-center mb-4">Still Need Help?</h2>
|
|
<p class="text-muted text-center mb-5">Our support team is here to help you get the most out of DocuPulse</p>
|
|
<div class="row g-4">
|
|
<div class="col-md-6">
|
|
<div class="text-center">
|
|
<div class="contact-icon">
|
|
<i class="fas fa-envelope"></i>
|
|
</div>
|
|
<h5 class="fw-bold">Email Support</h5>
|
|
<p class="text-muted">Get help via email</p>
|
|
<a href="mailto:support@docupulse.com" class="btn btn-outline-primary btn-sm">Contact Us</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="text-center">
|
|
<div class="contact-icon">
|
|
<i class="fas fa-phone"></i>
|
|
</div>
|
|
<h5 class="fw-bold">Phone Support</h5>
|
|
<p class="text-muted">Call us directly</p>
|
|
<a href="tel:+15551234567" class="btn btn-outline-primary btn-sm">Call Now</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
{% include 'components/footer_nav.html' %}
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
|
<script>
|
|
// Search functionality
|
|
document.querySelector('.search-box').addEventListener('input', function(e) {
|
|
const searchTerm = e.target.value.toLowerCase();
|
|
const faqItems = document.querySelectorAll('.faq-item');
|
|
|
|
faqItems.forEach(item => {
|
|
const question = item.querySelector('.faq-question').textContent.toLowerCase();
|
|
const answer = item.querySelector('.faq-answer').textContent.toLowerCase();
|
|
|
|
if (question.includes(searchTerm) || answer.includes(searchTerm)) {
|
|
item.style.display = 'block';
|
|
} else {
|
|
item.style.display = 'none';
|
|
}
|
|
});
|
|
});
|
|
</script>
|
|
</body>
|
|
</html> |