static/js/behaviour.js

  1. /**
  2.  * @file Eunomia's client-side logic
  3.  * @author Antonio Olmo Titos <a@olmo-titos.info>
  4.  * @exports static/js/behaviour
  5.  */
  7. /* jshint node: true */
  8. /* globals requirejs: false, document: false, window: false, EUNOMIA_DEBUG: false */
  10. 'use strict';
  12. /**
  13.  * Tweak the behaviour of the login page
  14.  * @param {Object} $ - the <a href="https://jquery.com/">jQuery</a> object
  15.  */
  17. const processLoginPage = function($) {
  18.     $('[data-id]').click(function() {
  19.         const gate = $.post('#', {name: $(this).data('id')}, function(data) {
  20.             window.location.href = data;
  21.         });
  22.         gate.fail(function(err) {
  23.             console.dir(err); // eslint-disable-line no-console
  24.         });
  25.     });
  26. };
  28. /**
  29.  * Find invisible elements containing Markdown, render it, and show the element
  30.  * @param {Object} $ - the <a href="https://jquery.com/">jQuery</a> object
  31.  * @param {Object} md - the <a href="https://github.com/markdown-it/markdown-it">markdown-it</a> object
  32.  */
  34. const processMD = function($, md) {
  35.     $('.md').each(function() {
  36.         const content = this.textContent;
  37.         console.log(content); // eslint-disable-line no-console
  38.         $(this).html(md.render(content));
  39.         $(this).removeClass('missing');
  40.     });
  41. };
  43. /**
  44.  * Set up the page
  45.  * @param {Object} $ - the <a href="https://jquery.com/">jQuery</a> object
  46.  * @param {Object} markdownit - the <a href="https://github.com/markdown-it/markdown-it">markdown-it</a> object
  47.  */
  49. const init = function($, foo, markdownit) {
  50.     $(document).ready(function() {
  51.         const md = markdownit(),
  52.             html = $('html');
  53.         html.removeClass('no-js').addClass('js');
  54.         processLoginPage($);
  55.         processMD($, md);
  56.         $('table.tablesorter').tablesorter();
  57.     });
  58. };
  60. // Set up RequireJS:
  61. requirejs.config({
  62.     paths: {
  63.         // "Bootstrap's JavaScript requires jQuery version 1.9.1 or higher, but lower than version 3".
  64.         jquery: 'https://code.jquery.com/jquery-2.2.4' + (EUNOMIA_DEBUG ? '' : '.min'),
  65.         bootstrap: 'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap' + (EUNOMIA_DEBUG ? '' : '.min'),
  66.         'markdown-it': 'https://cdnjs.cloudflare.com/ajax/libs/markdown-it/8.3.1/markdown-it' + (EUNOMIA_DEBUG ? '' : '.min'),
  67.         'tablesorter': 'https://cdnjs.cloudflare.com/ajax/libs/jquery.tablesorter/2.28.14/js/jquery.tablesorter' + (EUNOMIA_DEBUG ? '' : '.min')
  68.     },
  69.     shim: {
  70.         'bootstrap': ['jquery'],
  71.         'tablesorter': ['jquery']
  72.     }
  73. });
  75. // Load dependencies asynchronously via RequireJS:
  76. requirejs(['jquery', 'bootstrap', 'markdown-it', 'tablesorter'], init);