created landing page
This commit is contained in:
parent
164692a728
commit
430cada25d
@ -3,13 +3,10 @@
|
|||||||
class HomeController {
|
class HomeController {
|
||||||
|
|
||||||
public function display($f3){
|
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');
|
echo \Template::instance()->render('../ui/templates/layout.html');
|
||||||
|
|
||||||
// Query
|
|
||||||
// View
|
|
||||||
}
|
}
|
||||||
// ...
|
// ...
|
||||||
}
|
}
|
||||||
@ -4,7 +4,7 @@
|
|||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>Desk - Work Streams</title>
|
<title>TP ServiceDesk</title>
|
||||||
<!-- bulma.io-->
|
<!-- bulma.io-->
|
||||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@1.0.2/css/bulma.min.css">
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@1.0.2/css/bulma.min.css">
|
||||||
<!-- bulma helpers -->
|
<!-- bulma helpers -->
|
||||||
|
|||||||
@ -1,77 +1,115 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
|
|
||||||
<head>
|
<!-- hero -->
|
||||||
<meta charset="UTF-8">
|
<section class="hero is-info is-medium">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<div class="hero-body">
|
||||||
<title>Bulma Dashboard</title>
|
<div class="container">
|
||||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@1.0.2/css/bulma.min.css">
|
<h1 class="title">TP ServiceDesk</h1>
|
||||||
<link rel="stylesheet" href="style.css">
|
<h2 class="subtitle">One place to manage requests, store knowledge, and collaborate on projects</h2>
|
||||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma-checkradio@2.1/dist/css/bulma-checkradio.min.css">
|
<p class="buttons">
|
||||||
</head>
|
<a href="/login" class="button is-primary">
|
||||||
|
<span class="icon"><i class="fas fa-sign fa-sign-in-alt"></i></span>
|
||||||
<body>
|
<span>Get Started</span>
|
||||||
<!-- Navigation Bar -->
|
</a>
|
||||||
<nav class="navbar" role="navigation" aria-label="main navigation">
|
<a href="/kb" class="button is-light">
|
||||||
<div class="navbar-brand">
|
<span class="icon"><i class="fas fa-book"></i></span>
|
||||||
<a class="navbar-item" href="/">
|
<span>Browse Knowledge Base</span>
|
||||||
<!-- Your logo or app name -->
|
</a>
|
||||||
<img src="logo.svg" alt="App Logo">
|
</p>
|
||||||
</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>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
<div id="mainNavbar" class="navbar-menu">
|
<!-- features -->
|
||||||
<div class="navbar-start">
|
<section class="section">
|
||||||
<a class="navbar-item" href="/dashboard">Dashboard</a>
|
<div class="container">
|
||||||
<a class="navbar-item" href="/tickets">Tickets</a>
|
<div class="columns is-multiline">
|
||||||
<a class="navbar-item" href="/projects">Projects</a>
|
|
||||||
<a class="navbar-item" href="/knowledge">Knowledge Base</a>
|
<!-- card-->
|
||||||
</div>
|
<div class="column is-4">
|
||||||
<div class="navbar-end">
|
<div class="card">
|
||||||
<div class="navbar-item">
|
<div class="card-content">
|
||||||
<div class="buttons">
|
<p class="title is-5">Ticketing System</p>
|
||||||
<a class="button is-primary" href="/login">Log in</a>
|
<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>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</nav>
|
|
||||||
|
|
||||||
<!-- Main Content Area -->
|
<!-- card-->
|
||||||
<main class="section" id="page">
|
<div class="column is-4">
|
||||||
<div class="container">
|
<div class="card">
|
||||||
<!-- Fat-Free Framework content injection -->
|
<div class="card-content">
|
||||||
{{@content}}
|
<p class="title is-5">Knowledge Base</p>
|
||||||
</div>
|
<ul>
|
||||||
</main>
|
<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>
|
||||||
|
|
||||||
<!-- Footer -->
|
<!-- card-->
|
||||||
<footer class="footer">
|
<div class="column is-4">
|
||||||
<div class="content has-text-centered">
|
<div class="card">
|
||||||
<p>© <?php echo date('Y'); ?> Terry Probert</p>
|
<div class="card-content">
|
||||||
</div>
|
<p class="title is-5">Projects</p>
|
||||||
</footer>
|
<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>
|
||||||
|
|
||||||
<!-- JavaScript for Bulma navbar burger (mobile) -->
|
<!-- card-->
|
||||||
<script>
|
<div class="column is-4">
|
||||||
document.addEventListener('DOMContentLoaded', () => {
|
<div class="card">
|
||||||
const burgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);
|
<div class="card-content">
|
||||||
if (burgers.length > 0) {
|
<p class="title is-5">Collaboration</p>
|
||||||
burgers.forEach(el => {
|
<ul>
|
||||||
el.addEventListener('click', () => {
|
<li><i class="fas fa-comments"></i> Comment threads</li>
|
||||||
const target = document.getElementById(el.dataset.target);
|
<li><i class="fas fa-paperclip"></i> File attachments</li>
|
||||||
el.classList.toggle('is-active');
|
<li><i class="fas fa-user-friends"></i> Role-based user access</li>
|
||||||
target.classList.toggle('is-active');
|
</ul>
|
||||||
});
|
</div>
|
||||||
});
|
</div>
|
||||||
}
|
</div>
|
||||||
});
|
|
||||||
</script>
|
<!-- card-->
|
||||||
</body>
|
<div class="column is-4">
|
||||||
</html>
|
<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>
|
||||||
Loading…
x
Reference in New Issue
Block a user