Added Twig templating engine for handling views; Removed some unneeded CoffeeScript files

.gitignore

@@ -1,8 +1,6 @@
-# ---> Composer
-composer.phar
-/vendor/
-
-# Commit your application's lock file https://getcomposer.org/doc/01-basic-usage.md#commit-your-composer-lock-file-to-version-control
-# You may choose to ignore a library lock file http://getcomposer.org/doc/02-libraries.md#lock-file
-# composer.lock
+# Modules installed via NPM
+node_modules/
 
+# Stylesheets and Javascript files generated through Grunt.js
+public/styles/
+public/js/

Gruntfile.js

@@ -0,0 +1,65 @@
+module.exports = function(grunt) {
+
+  var pkg = grunt.file.readJSON('package.json')
+
+  // Project configuration.
+  grunt.initConfig({
+    'dart-sass': {
+      dist: {
+        options: {
+          style: 'compressed'
+        },
+        files: [{
+          expand: true,
+          cwd: 'assets/sass',
+          src: ['*.sass'],
+          dest: 'public/styles',
+          ext: '.css'
+        }]
+      }
+    },
+
+    coffee: {
+      options: {
+        sourceMap: true,
+        style: 'compressed'
+      },
+      files: {
+        expand: true,
+        flatten: true,
+        cwd: 'assets/coffee',
+        src: ['*.coffee'],
+        dest: 'public/js',
+        ext: '.js'
+      }
+    },
+
+    watch: {
+      css: {
+        files: ['assets/sass/*.sass'],
+        tasks: ['dart-sass'],
+        options: {
+          atBegin: true,
+          spawn: false
+        }
+      },
+      js: {
+        files: ['assets/coffee/*.coffee'],
+        tasks: ['coffee'],
+        options: {
+          atBegin: true,
+          spawn: false
+        }
+      }
+    }
+  });
+
+  // Load task plugins
+  grunt.loadNpmTasks('grunt-dart-sass');
+  grunt.loadNpmTasks('grunt-contrib-coffee');
+  grunt.loadNpmTasks('grunt-contrib-watch');
+
+  // Default task(s).
+  grunt.registerTask('default', ['dart-sass', 'coffee']);
+
+};

LICENSE

@@ -1,4 +1,4 @@
-Copyright (c) <year> <owner> 
+Copyright (c) 2022 Metaunix
 
 Redistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met:
 

archon.js

@@ -0,0 +1,19 @@
+const express = require('express');
+const app = express();
+const port = 3000;
+
+// Initialize the Twig template engine - this might get swapped for Twing later.
+app.set('view engine', 'twig');
+
+// Service static files from public/
+app.use(express.static('public'));
+
+// Load in route handlers
+indexRoutes = require('./routes/index');
+
+// Assign routes to handlers
+app.get('/', indexRoutes.home);
+
+app.listen(port, () => {
+  console.log(`Example app listening on port ${port}`)
+});

assets/coffee/archon.coffee

@@ -0,0 +1,2 @@
+window.onload = () ->
+  console.log('Test.')

assets/sass/archon.sass

@@ -0,0 +1,53 @@
+body
+  padding-bottom: 115px
+  background: white
+
+a
+  color: cornflowerblue
+  transition: all 200ms ease-in-out
+
+  &:hover
+    color: darken(cornflowerblue, 10%)
+
+input
+  transition: all 200ms ease-in-out
+
+input[type=submit],
+button
+  background-color: cornflowerblue
+  color: #f0f0f0
+  transition: all 200ms ease-in-out
+
+  &:hover
+    background-color: darken(cornflowerblue, 10%)
+    color: white
+
+.u-text-center
+  text-align: center
+
+.container
+  max-width: 1024px
+
+.container.fluid
+  max-width: 100%
+
+#header h1
+  text-align: center
+
+#footer
+  position: fixed
+  left: 0
+  right: 0
+  bottom: 0
+  padding-top: 25px
+  padding-bottom: 25px
+  border-top: 1px solid #999
+
+  .row
+    position: relative
+
+  p.no-margin
+    margin-bottom: 0
+
+#ldapObjectTable table
+  width: 100%

package.json

@@ -0,0 +1,27 @@
+{
+  "name": "archon",
+  "version": "0.1.0",
+  "description": "A web-based LDAP user and group manager",
+  "main": "archon.js",
+  "scripts": {
+    "start": "node archon.js",
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "grunt": "grunt"
+  },
+  "repository": {
+    "type": "git",
+    "url": "gitea@git.metaunix.net:metaunix/archon.git"
+  },
+  "author": "Gregory Ballantine <gballantine@metaunix.net>",
+  "license": "BSD-2-Clause",
+  "dependencies": {
+    "express": "^4.18.1",
+    "grunt-dart-sass": "^2.0.1",
+    "twig": "^1.15.4"
+  },
+  "devDependencies": {
+    "grunt": "^1.5.3",
+    "grunt-contrib-coffee": "^2.1.0",
+    "grunt-contrib-watch": "^1.1.0"
+  }
+}

routes/index.js

@@ -0,0 +1,3 @@
+exports.home = function(req, res, next) {
+  res.render('index');
+};

views/index.twig

@@ -0,0 +1,34 @@
+{% extends 'layout.twig' %}
+
+{% block content %}
+<header class="row">
+  <div class="columns twelve u-text-center">
+    <h1>Archon LDAP Manager</h1>
+  </div>
+</header>
+
+<section id="connectionInfo" class="row">
+  <div class="columns twelve u-text-center">
+    <p>Connected to: <span id="ldapHost"></span></p>
+  </div>
+</section>
+
+<section id="userActions" class="row">
+  <div class="columns twelve">
+    <p><a href="user/create.html">Create new user</a></p>
+  </div>
+</section>
+
+<section id="ldapObjectTable" class="row">
+  <table>
+    <thead>
+      <tr>
+        <th>User ID</th>
+        <th>Display Name</th>
+        <th>Email Address</th>
+      </tr>
+    </thead>
+    <tbody id="ldapUserList"></tbody>
+  </table>
+</section>
+{% endblock %}

views/layout.twig

@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/skeleton/2.0.4/skeleton.min.css">
+    <link rel="stylesheet" href="/styles/archon.css">
+    <title>Archon LDAP Manager</title>
+    <script src="/js/archon.js" charset="utf-8"></script>
+    {% block scripts %}{% endblock %}
+  </head>
+  <body>
+    <div class="container">
+      {% block content %}{% endblock %}
+    </div>
+
+    <footer id="footer">
+      <div class="container fluid">
+        <div class="row">
+          <div class="columns three"><p></p></div>
+          <div class="columns six">
+            <p class="no-margin">This app was built using:</p>
+            <p class="no-margin">
+              Node.js <span id="node-version"></span>,
+              Chromium <span id="chrome-version"></span>,
+              and Electron <span id="electron-version"></span>.
+            </p>
+          </div>
+        </div>
+      </div>
+    </footer>
+  </body>
+</html>