keith/Playwright-A11y-Dashboard
1
0
Fork 0
Code Issues 7 Pull Requests Actions Packages Projects Releases Wiki Activity

✨feature: Dashboard mockup

Browse Source
This commit is contained in:
Keith Solomon
2025-05-24 17:04:00 -05:00
parent fc6793df06
commit 4fce9ab108
4 changed files with 2332 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2303
public/stylesheets/style.css
View File

File diff suppressed because it is too large Load Diff

2
routes/index.js
View File

@@ -3,7 +3,7 @@ var router = express.Router();
/* GET home page. */
router.get('/', function(req, res, next) {
res.render('index', { title: 'Express' });
res.render('index', { title: 'Playwright Dashboard' });
});
module.exports = router;

4
styles/base.css
View File

@@ -1,5 +1,5 @@
@import 'tailwindcss' source(none);
@source "./views/*.{html,js,ejs}";
@import 'tailwindcss';
@source "./views/*.ejs";
@source "./styles/*.css";
@import './colors.css';

29
views/index.ejs
View File

@@ -1,8 +1,33 @@
<%- include('header'); -%>
<article class="container mx-auto py-4 min-h-[70dvh]">
<h2>Welcome to the <%= title %> EJS Template</h2>
<p>This is a simple example of using EJS for templating.</p>
<h2>Welcome to <%= title %></h2>
<fieldset class="fieldset bg-base-100 rounded-box px-8 py-4 shadow-md">
<legend class="fieldset-legend h3">Start a new test</legend>
<input type="text" class="input" placeholder="Type here" />
<p class="label">Add either single URL or link to sitemap</p>
</fieldset>
<button type="submit" class="btn btn-info">Test</button>
<ul class="list bg-base-100 rounded-box shadow-md mt-8">
<li class="list-row list-item text-slate-200 list-none">
<a href="/test/1" class="text-slate-300 link"><h3 class="inline-block mr-4">Test 1</h3></a>
<span class="badge badge-info">In Progress</span>
</li>
<li class="list-row list-item text-slate-200 list-none">
<a href="/test/2" class="text-slate-300 link"><h3 class="inline-block mr-4">Test 2</h3></a>
<span class="badge badge-success">Completed</span>
</li>
<li class="list-row list-item text-slate-200 list-none">
<a href="/test/3" class="text-slate-300 link"><h3 class="inline-block mr-4">Test 3</h3></a>
<span class="badge badge-error">Failed</span>
</li>
<li class="list-row list-item text-slate-200 list-none">
<a href="/test/4" class="text-slate-300 link"><h3 class="inline-block mr-4">Test 4</h3></a>
<span class="badge badge-warning">Pending</span>
</li>
</ul>
</article>
<%- include('footer'); -%>