Added Grunt to support asset pipelines and pre-processors; added SASS, Twig, and CoffeeScript to create the app

This commit is contained in:
2022-05-21 20:44:38 -04:00
parent 88c00043b7
commit 866754cf3f
15 changed files with 3056 additions and 103 deletions

11
assets/twig/index.twig Normal file
View File

@ -0,0 +1,11 @@
{% extends 'layout.twig' %}
{% block scripts %}
<script src="./js/index.js" charset="utf-8"></script>
{% endblock %}
{% block content %}
<h1>Users Page</h1>
<p id="ldapHost"></p>
{% endblock %}

21
assets/twig/layout.twig Normal file
View File

@ -0,0 +1,21 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
<meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self'; style-src 'self' 'unsafe-inline'">
<link rel="stylesheet" href="./styles/skeleton-2.0.4.min.css">
<link rel="stylesheet" href="./styles/archon.css">
<title>Hello World!</title>
{% block scripts %}{% endblock %}
</head>
<body>
<div class="container">
{% block content %}{% endblock %}
</div>
We are using Node.js <span id="node-version"></span>,
Chromium <span id="chrome-version"></span>,
and Electron <span id="electron-version"></span>.
</body>
</html>

28
assets/twig/login.twig Normal file
View File

@ -0,0 +1,28 @@
{% extends 'layout.twig' %}
{% block scripts %}
<script src="./js/login.js" charset="utf-8"></script>
{% endblock %}
{% block content %}
<h1>Login</h1>
<form id="loginForm">
<label>
LDAP Host:
<input type="text" name="ldap_host" placeholder="Enter LDAP host...">
</label>
<label>
Bind DN:
<input type="text" name="bind_dn" placeholder="Enter bind DN...">
</label>
<label>
Bind Password:
<input type="text" name="bind_pw" placeholder="Enter bind DN...">
</label>
<input type="submit" name="bind_submit" value="Login">
</form>
{% endblock %}