Added Grunt to support asset pipelines and pre-processors; added SASS, Twig, and CoffeeScript to create the app
This commit is contained in:
11
assets/twig/index.twig
Normal file
11
assets/twig/index.twig
Normal 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
21
assets/twig/layout.twig
Normal 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
28
assets/twig/login.twig
Normal 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 %}
|
Reference in New Issue
Block a user