tp_dhu/tp_servicedesk
1
0
Fork 0
Code Issues 12 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

created landing page

Browse Source
This commit is contained in:
tp_dhu 2025-03-24 19:41:30 +00:00
parent 164692a728
commit 430cada25d
3 changed files with 110 additions and 75 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
app/controllers/HomeController.php
View File

@ -3,13 +3,10 @@
class HomeController {
public function display($f3){
// $db = $f3->get('DB');
// echo \Template::instance()->render('../ui/views/home.html');
$f3->set('content', '/ui/views/home.html');
echo \Template::instance()->render('../ui/templates/layout.html');
// Query
// View
}
// ...
}

2
ui/templates/layout.html
View File

@ -4,7 +4,7 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Desk - Work Streams</title>
<title>TP ServiceDesk</title>
<!-- bulma.io-->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@1.0.2/css/bulma.min.css">
<!-- bulma helpers -->

182
ui/views/home.html
View File

@ -1,77 +1,115 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bulma Dashboard</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@1.0.2/css/bulma.min.css">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma-checkradio@2.1/dist/css/bulma-checkradio.min.css">
</head>
<body>
<!-- Navigation Bar -->
<nav class="navbar" role="navigation" aria-label="main navigation">
<div class="navbar-brand">
<a class="navbar-item" href="/">
<!-- Your logo or app name -->
<img src="logo.svg" alt="App Logo">
</a>
<!-- Burger menu for mobile -->
<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="mainNavbar">
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
</a>
</div>
<div id="mainNavbar" class="navbar-menu">
<div class="navbar-start">
<a class="navbar-item" href="/dashboard">Dashboard</a>
<a class="navbar-item" href="/tickets">Tickets</a>
<a class="navbar-item" href="/projects">Projects</a>
<a class="navbar-item" href="/knowledge">Knowledge Base</a>
</div>
<div class="navbar-end">
<div class="navbar-item">
<div class="buttons">
<a class="button is-primary" href="/login">Log in</a>
</div>
</div>
</div>
</div>
</nav>
<!-- Main Content Area -->
<main class="section" id="page">
<!-- hero -->
<section class="hero is-info is-medium">
<div class="hero-body">
<div class="container">
<!-- Fat-Free Framework content injection -->
{{@content}}
<h1 class="title">TP ServiceDesk</h1>
<h2 class="subtitle">One place to manage requests, store knowledge, and collaborate on projects</h2>
<p class="buttons">
<a href="/login" class="button is-primary">
<span class="icon"><i class="fas fa-sign fa-sign-in-alt"></i></span>
<span>Get Started</span>
</a>
<a href="/kb" class="button is-light">
<span class="icon"><i class="fas fa-book"></i></span>
<span>Browse Knowledge Base</span>
</a>
</p>
</div>
</main>
<!-- Footer -->
<footer class="footer">
<div class="content has-text-centered">
<p>&copy; <?php echo date('Y'); ?> Terry Probert</p>
</div>
</footer>
</section>
<!-- JavaScript for Bulma navbar burger (mobile) -->
<script>
document.addEventListener('DOMContentLoaded', () => {
const burgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);
if (burgers.length > 0) {
burgers.forEach(el => {
el.addEventListener('click', () => {
const target = document.getElementById(el.dataset.target);
el.classList.toggle('is-active');
target.classList.toggle('is-active');
});
});
}
});
</script>
</body>
</html>
<!-- features -->
<section class="section">
<div class="container">
<div class="columns is-multiline">
<!-- card-->
<div class="column is-4">
<div class="card">
<div class="card-content">
<p class="title is-5">Ticketing System</p>
<ul>
<li><i class="fas fa-check-circle"></i> Create & Track tickets</li>
<li><i class="fas fa-check-circle"></i> Assign priorities & statuses</li>
<li><i class="fas fa-check-circle"></i> Link child/parent tickets</li>
</ul>
</div>
</div>
</div>
<!-- card-->
<div class="column is-4">
<div class="card">
<div class="card-content">
<p class="title is-5">Knowledge Base</p>
<ul>
<li><i class="fas fa-book"></i> Markdown-powered articles</li>
<li><i class="fas fa-tags"></i> Tagging and filtering</li>
<li><i class="fas fa-search"></i> Fast searching</li>
</ul>
</div>
</div>
</div>
<!-- card-->
<div class="column is-4">
<div class="card">
<div class="card-content">
<p class="title is-5">Projects</p>
<ul>
<li><i class="fas fa-stream"></i> Track ongoing projects</li>
<li><i class="fas fa-tasks"></i> Integreate tasks and tickets</li>
<li><i class="fas fa-chart-line"></i> Monitor progress</li>
</ul>
</div>
</div>
</div>
<!-- card-->
<div class="column is-4">
<div class="card">
<div class="card-content">
<p class="title is-5">Collaboration</p>
<ul>
<li><i class="fas fa-comments"></i> Comment threads</li>
<li><i class="fas fa-paperclip"></i> File attachments</li>
<li><i class="fas fa-user-friends"></i> Role-based user access</li>
</ul>
</div>
</div>
</div>
<!-- card-->
<div class="column is-4">
<div class="card">
<div class="card-content">
<p class="title is-5">Custom fields</p>
<ul>
<li><i class="fas fa-database"></i> Define ticket meta data</li>
<li><i class="fas fa-sitemap"></i> Configure and store extra info</li>
<li><i class="fas fa-pencil-alt"></i> Easily editable in forms</li>
</ul>
</div>
</div>
</div>
<!-- card-->
<div class="column is-4">
<div class="card">
<div class="card-content">
<p class="title is-5">Administration</p>
<ul>
<li><i class="fas fa-book"></i> Manage user roles</li>
<li><i class="fas fa-tags"></i> Create new account</li>
<li><i class="fas fa-search"></i> Edit existing users</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>