@madgex/fert 5.0.3 → 5.0.5

package/repo-template/services/jobseekers-frontend/src/index.js

@@ -0,0 +1,9 @@
+import '@madgex/branding-shared/components/autoregister.js';
+import recruiterLink from './js/recruiter-link';
+import './css/styles.scss';
+
+if (document.readyState === 'loading') {
+  document.addEventListener('DOMContentLoaded', recruiterLink.init);
+} else {
+  recruiterLink.init();
+}

package/repo-template/services/jobseekers-frontend/src/js/recruiter-link.js

@@ -0,0 +1,25 @@
+// this functionality only applies to JBE
+// breakpoint was hardcoded to 750 in the original function
+const recruiterLink = {
+  init: () => {
+    const breakpoint = 750;
+    const link = document.querySelector('.js-recruiter-link');
+    const primaryNav = document.querySelector('.primary-nav');
+
+    // checking that the elements are there before performing the expensive document.body.clientWidth
+    if (link && primaryNav) {
+      const screenWidth = document.body.clientWidth;
+
+      if (screenWidth <= breakpoint) {
+        recruiterLink.moveLink(link, primaryNav);
+      }
+    }
+  },
+  moveLink: (item, destination) => {
+    const itemClone = item.cloneNode(true);
+
+    destination.append(itemClone);
+  },
+};
+
+export default recruiterLink;

package/{repo-templates/template-bigworkbag → repo-template/services/jobseekers-frontend}/templates/context/footer-nav.njk

@@ -1,27 +1,27 @@
-{% set footerNavigation = [
-    {
-        "href": "/about-us",
-        "label": "About us",
-        "openInNewWindow": false
-    },
-    {
-        "href": "/contact-us",
-        "label": "Contact us",
-        "openInNewWindow": false
-    },
-    {
-        "href": "/terms-and-conditions/",
-        "label": "Terms & conditions",
-        "openInNewWindow": false
-    },
-    {
-        "href": "/privacy-policy",
-        "label": "Privacy Policy",
-        "openInNewWindow": false
-    },
-    {
-        "href": "https://bigworkbag-rs.madgexjb.com/",
-        "label": "Advertise with us",
-        "openInNewWindow": false
-    }
+{% set footerNavigation = [
+    {
+        "href": "/about-us",
+        "label": "About us",
+        "openInNewWindow": false
+    },
+    {
+        "href": "/contact-us",
+        "label": "Contact us",
+        "openInNewWindow": false
+    },
+    {
+        "href": "/terms-and-conditions/",
+        "label": "Terms & conditions",
+        "openInNewWindow": false
+    },
+    {
+        "href": "/privacy-policy",
+        "label": "Privacy Policy",
+        "openInNewWindow": false
+    },
+    {
+        "href": "https://bigworkbag-rs.madgexjb.com/",
+        "label": "Advertise with us",
+        "openInNewWindow": false
+    }
 ] %}

package/{repo-templates/template-bigworkbag → repo-template/services/jobseekers-frontend}/templates/context/main-nav.njk

@@ -1,32 +1,41 @@
-{% set mainNavigation = [
-    {
-        "href": "/",
-        "label": "Home",
-        "openInNewWindow": false
-    },
-    {
-        "href": "/jobs",
-        "label": "Find a job",
-        "openInNewWindow": false
-    },
-    {
-        "href": "/newalert",
-        "label": "Job alerts",
-        "openInNewWindow": false
-    },
-    {
-        "href": "/employers",
-        "label": "Search recruiters",
-        "openInNewWindow": false
-    },
-    {
-        "href": "/careers",
-        "label": "Career advice",
-        "openInNewWindow": false
-    },
-    {
-        "href": "/careerfairs",
-        "label": "Career fairs",
-        "openInNewWindow": false
-    }
+{% set mainNavigation = [
+    {
+        "href": "/",
+        "label": "Home",
+        "openInNewWindow": false
+    },
+    {
+        "href": "/jobs",
+        "label": "Find a job",
+        "openInNewWindow": false
+    },
+    {
+        "href": "/newalert",
+        "label": "Job alerts",
+        "openInNewWindow": false
+    },
+    {
+        "href": "/employers",
+        "label": "Search recruiters",
+        "openInNewWindow": false
+    },
+    {
+        "href": "/careers",
+        "label": "Career advice",
+        "openInNewWindow": false
+    },
+    {
+        "href": "/careerfairs",
+        "label": "Career fairs",
+        "openInNewWindow": false
+    },    {
+        "href": "/cp/role-explorer",
+        "label": "Role Insights",
+        "openInNewWindow": false
+    },
+    {
+        "href": "/forum",
+        "label": "Forum",
+        "openInNewWindow": false
+    }
 ] %}

package/{repo-templates/template-bigworkbag → repo-template/services/jobseekers-frontend}/templates/context/user-nav.njk

@@ -1,17 +1,17 @@
-{% set userNavigation = [
-    {
-        "href": "/your-jobs",
-        "label": "Your jobs",
-        "openInNewWindow": false
-    },
-    {
-        "href": "/profile",
-        "label": "Your profile",
-        "openInNewWindow": false
-    },
-    {
-        "href": "/account",
-        "label": "Your account",
-        "openInNewWindow": false
-    }
+{% set userNavigation = [
+    {
+        "href": "/your-jobs",
+        "label": "Your jobs",
+        "openInNewWindow": false
+    },
+    {
+        "href": "/profile",
+        "label": "Your profile",
+        "openInNewWindow": false
+    },
+    {
+        "href": "/account",
+        "label": "Your account",
+        "openInNewWindow": false
+    }
 ] %}

package/repo-template/services/jobseekers-frontend/templates/footer.njk

@@ -0,0 +1,20 @@
+{%- from templatePath + 'translations/en.njk' import translations -%}
+
+<div  data-block="footer-main" class="position-static" scoped-v6="">
+  <footer role="contentinfo" class="contentinfo">
+    <div class="back-to-top">
+      <div class="wrapper cf">
+        <p class="right-text no-margin">
+          <a href="#top-bar" class="js-smooth-scrollto block-level">{{ translations.footer["back-to-top"] }}</a>
+        </p>
+      </div>
+    </div>
+    <div class="wrapper content">
+      {% include templatePath + './includes/footer-nav.njk' %}
+      
+      <p class="copyright no-margin">
+        © 2008 - 2021 bigworkbag.com, all rights reserved. Powered by Madgex Job Board Software
+      </p>
+    </div>
+  </footer>
+</div>

package/repo-template/services/jobseekers-frontend/templates/header.njk

@@ -0,0 +1,74 @@
+<!-- HEADER-FOOTER-PODLET VERSION: {{ version }} -->
+
+{%- from templatePath + './translations/en.njk' import translations -%}
+
+<div data-block="header-main" class="position-static" scoped-v6="">
+
+  <div id="ad-leaderboard" class="ad ad--leaderboard ad--leaderboard--empty"></div>
+
+  <header role="banner" class="banner">
+    <div id="top-bar" class="top-bar">
+      <div class="wrapper cf">
+
+        <ul class="nav-toggles cf js-togglable-nav-triggers">
+          <li class="nav-toggles__item nav-toggles__item--primary">
+            <mdgx-togglable-nav aria-controls="primary-nav">
+              <a href="#primary-nav" title="Main menu" class="js-togglable-nav-trigger">
+                <i class="burger" aria-hidden="true"></i>
+                <span class="hidden">{{ translations.header["skip-to-main-menu"] }}</span>
+              </a>
+            </mdgx-togglable-nav>
+          </li>
+
+          <li class="nav-toggles__item nav-toggles__item--secondary">
+            <mdgx-togglable-nav aria-controls="secondary-nav">
+              <a href="#secondary-nav" title="User menu" class="js-togglable-nav-trigger">
+                <i class="icon-after" data-icon="☺" aria-hidden="true"></i>
+                <span class="hidden">{{ translations.header["skip-to-user-menu"] }}</span>
+              </a>
+            </mdgx-togglable-nav>
+          </li>
+        </ul>
+
+        <nav aria-label="{{ translations.header["user"] }}" id="secondary-nav" class="secondary-nav togglable-nav cf js-togglable-nav">
+          <ul class="secondary-nav__items togglable-nav__items cf">
+            <li class="togglable-nav__item secondary-nav__item secondary-nav--jobseekers jobseekers jobseekers-nav">
+              {# User Nav #}
+              {%- ifAsync auth.isAuthenticated %}
+                {% include templatePath + './includes/user-nav/authenticated.njk' %}
+              {%- else %}
+                {% include templatePath + './includes/user-nav/unauthenticated.njk' %}
+              {% endif -%}
+            </li>
+            <li class="togglable-nav__item secondary-nav__item secondary-nav--recruiters recruiters recruiters-nav">
+              <ul class="recruiters__items cf">
+                <li class="togglable-nav__item recruiters__item recruiters__item--button">
+                  <a
+                    href="https://bigworkbag-rs.madgexjb.com/" {# Add recruiter site link var #}
+                    data-icon="▶"
+                    class="button button--brand icon-after icon-white js-recruiter-link recruiters__item--link">{{ translations.header["recruiters"] }}
+                  </a>
+                </li>
+              </ul>
+            </li>
+          </ul>
+        </nav>
+
+      </div>
+    </div>
+    <div id="ad-mobileleaderboard" class="ad--mobileleaderboard ad--mobileleaderboard--empty"></div>
+
+    <div class="wrapper cf">
+      <div class="primary-logo">
+        <a href="/" aria-label="{{ translations.header["homepage"] }}">
+          <img src="/_/jobseekers-frontend/assets/images/logo.png" title="bigworkbag.com" alt="bigworkbag.com logo"/>
+        </a>
+      </div>
+    </div>
+
+    {% include templatePath + './includes/main-nav.njk' %}
+
+  </header>
+</div>
+
+<!-- END HEADER FRAGMENT -->

package/repo-template/services/jobseekers-frontend/templates/includes/footer-nav.njk

@@ -0,0 +1,15 @@
+{%- from templatePath + 'context/footer-nav.njk' import footerNavigation -%}
+
+{%- if footerNavigation.length -%}
+  <nav aria-label="{{ translations.footer["footer"] }}" class="tertiary-nav block">
+    <ul class="tertiary-nav__items cf">
+    {%- for item in footerNavigation -%}
+      <li class="tertiary-nav__item tertiary-nav__item--index-{{loop.index0}}">
+        <a class="tertiary-nav__link" href="{{ item.href }}" {%- if item.openInNewWindow -%} target="_blank" rel="noopener" {% endif %}>
+          {{ item.label | safe }}{%- if item.openInNewWindow %} <span class="mds-visually-hidden">{{ translations.header["link-new-window"] }}</span>{%- endif -%}
+        </a>
+      </li>
+    {%- endfor -%}
+    </ul>
+  </nav>
+{%- endif -%}

package/repo-template/services/jobseekers-frontend/templates/includes/main-nav.njk

@@ -0,0 +1,19 @@
+{%- from templatePath + 'context/main-nav.njk' import mainNavigation -%}
+
+<nav aria-label="{{ translations.header["main"] }}" id="primary-nav" class="primary-nav togglable-nav js-togglable-nav">
+  <div class="wrapper">
+    {% if mainNavigation.length %}
+      <ul class="primary-nav__items togglable-nav__items cf">
+        {% for item in mainNavigation %}
+          <li class="togglable-nav__item primary-nav__item  primary-nav__item--index-{{loop.index0}}
+          {%- if item.href | normaliseUrl === path %} primary-nav__item--active{% endif -%}
+          {%- if loop.last %} primary-nav__item--last{% endif -%}">
+            <a class="primary-nav__link" href="{{ item.href }}" {%- if item.openInNewWindow -%} target="_blank" rel="noopener" {% endif %}><span class="primary-nav__label">{{- item.label | safe -}}</span>{%- if item.openInNewWindow %}<span class="hidden">{{ translations.header["link-new-window"] }}</span>{% endif %}
+            </a>
+          </li>
+        {% endfor %}
+      </ul>
+    {% endif %}
+    <div class="sector-nav--smallscreen" data-set="sector-nav"></div>
+  </div>
+</nav>

package/repo-template/services/jobseekers-frontend/templates/includes/user-nav/authenticated.njk

@@ -0,0 +1,34 @@
+{%- from templatePath + 'context/user-nav.njk' import userNavigation -%}
+<ul class="jobseekers__items cf">
+  <li class="user-nav togglable-nav__item jobseekers__item jobseekers__item--username">
+    <a
+      href="#user-nav-items"
+      title="User menu"
+      data-icon="☺"
+      class="user-nav__toggle icon-before js-togglable-nav-trigger"
+      data-hj-suppress>
+      <span data-icon="▼" class="user-nav__triangle icon-after" data-hj-suppress>{{ auth.credentials.username | safe }}</span>
+    </a>
+    <ul id="user-nav-items" class="user-nav__items togglable-nav togglable-nav--secondary z-index-bump js-togglable-nav">
+      <li
+        class="user-nav__item user-nav__item--first user-nav__item--label togglable-nav__item togglable-nav__item--first"
+        data-hj-suppress>
+        {{ auth.credentials.username | safe }}
+      </li>
+      {% for item in userNavigation %}
+        <li class="user-nav__item togglable-nav__item">
+          <a class="user-nav__link" href="{{ item.href }}">{{ item.label }}</a>
+        </li>
+      {% endfor %}
+    </ul>
+  </li>
+  <li class="togglable-nav__item jobseekers__item jobseekers__item--shortlist">
+    <a href="/your-jobs?ActiveSection=ShortList">
+      <span aria-hidden="true" class="icon-after js-shortlist-counter" data-icon="★" title="Your shortlist">{{ auth.artifacts.shortlistedJobs | length | default(0) }}</span>
+      <span class="hidden">{{ translations.header["your-shortlist"] }} (<span class="js-shortlist-counter">{{ auth.artifacts.shortlistedJobs | length | default(0) }}</span>)</span>
+    </a>
+  </li>
+  <li class="togglable-nav__item togglable-nav__item--last jobseekers__item jobseekers__item--sign-out">
+    <a href="{{ getServiceRoute('jobseekersite', 'account.logoff') }}">{{ translations.header["sign-out"] }}</a>
+  </li>
+</ul>

package/repo-template/services/jobseekers-frontend/templates/includes/user-nav/unauthenticated.njk

@@ -0,0 +1,9 @@
+<ul class="jobseekers__items cf">
+  <li class="togglable-nav__item jobseekers__item jobseekers__item--sign-in">
+    <a href="{{ getServiceRoute('jobseekersite', 'account.login') }}">{{ translations.header["sign-in"] }}</a>
+    <span class="text or">{{ translations.header["or"] }}</span>
+  </li>
+  <li class="togglable-nav__item togglable-nav__item--last jobseekers__item jobseekers__item--create-account">
+    <a href="{{ getServiceRoute('jobseekersite', 'account.signup') }}">{{ translations.header["create-account"] }}</a>
+  </li>
+</ul>

package/{repo-templates/template-bigworkbag → repo-template/services/jobseekers-frontend}/templates/translations/en.njk

@@ -1,4 +1,5 @@
 {% set translations = {
+
   header: {
     "sign-in": "Sign in",
     "sign-out": "Sign out",

package/server/index.js

@@ -18,6 +18,7 @@ exports.devServer = async ({ start, fertConfig = {} } = {}) => {
   // make incoming fertConfig available server-wide
   server.decorate('server', 'fertConfig', ({ update } = {}) => {
     if (update) {
+      // eslint-disable-next-line no-param-reassign
       fertConfig = update;
     }
 
@@ -48,9 +49,7 @@ exports.devServer = async ({ start, fertConfig = {} } = {}) => {
     {
       plugin: require('./plugins/hapi-vite'),
       options: {
-        watch: ['/templates/**/*', '/public/tokens/**/*'].map((p) =>
-          path.join(fertConfig.workingDir, p)
-        ),
+        watch: ['/templates/**/*', '/public/tokens/**/*'].map((p) => path.join(fertConfig.workingDir, p)),
         root: path.resolve(fertConfig.workingDir),
         entry: path.join(fertConfig.workingDir, fertConfig.entry),
         log: log.debug,

package/server/plugins/hapi-vite.js

@@ -13,14 +13,16 @@ internals.defaults = {
 module.exports = {
   name: 'hapi-vite',
   register: async (server, options = {}) => {
+    // eslint-disable-next-line no-param-reassign
     options = Hoek.applyToDefaults(internals.defaults, options);
     const log = options.log;
 
     // once hapi server is ready, start up the Vite server
     server.ext({
       type: 'onPostStart',
-      method: async (server) => {
-        server.app.viteServer = await createServer({
+      method: async (_server) => {
+        // eslint-disable-next-line no-param-reassign
+        _server.app.viteServer = await createServer({
           root: options.root,
           server: {
             origin: server.info.uri,

package/server/routes/views.js

@@ -1,3 +1,4 @@
+// eslint-disable-next-line n/no-unpublished-require
 const Joi = require('joi');
 
 module.exports = {

package/server/view-manager.js

@@ -8,11 +8,7 @@ module.exports = (server) => {
     engines: {
       njk: {
         compile: (src, options) => {
-          const template = Nunjucks.compile(
-            src,
-            options.environment,
-            options.filename
-          );
+          const template = Nunjucks.compile(src, options.environment, options.filename);
 
           return (context) => {
             return template.render(context);
@@ -25,6 +21,7 @@ module.exports = (server) => {
           });
 
           // pass nunjucks env for use in Vision
+          // eslint-disable-next-line no-param-reassign
           options.compileOptions.environment = env;
 
           return next();

package/.prettierrc.js

@@ -1,8 +0,0 @@
-module.exports = {
-  semi: true,
-  tabWidth: 2,
-  singleQuote: true,
-  printWidth: 80,
-  trailingComma: 'es5',
-  endOfLine: 'auto',
-};

package/bin/commands/configs.test.js

@@ -1,182 +0,0 @@
-const assert = require('node:assert');
-const { describe, it, beforeEach } = require('node:test');
-const fs = require('node:fs/promises');
-const Path = require('node:path');
-const Joi = require('joi');
-
-describe('configs', () => {
-  let fertConfig;
-  let api;
-  let mkdirMock;
-  let writeFileMock;
-  let handleDownload;
-  let handleQuery;
-  let collateConfigs;
-
-  beforeEach(async (t) => {
-    fertConfig = {
-      workingDir: 'working-dir',
-      clientPropertyId: 'ff6102ff-0f4b-43d1-a2c7-83b835b8dee5',
-    };
-
-    const { ConfigAPI } = await import('@madgex/config-api-sdk');
-
-    api = new ConfigAPI({
-      clientPropertyId: fertConfig.clientPropertyId,
-      environment: 'dev',
-      schemas: {
-        'jsfe-config': Joi.object({
-          StrConfig: Joi.string().default('My new JSFE config'),
-          NumConfig: Joi.number().default(0),
-          StrConfigReadOnly: Joi.string()
-            .default('I am read-only')
-            .meta({ readOnly: true }),
-        }),
-      },
-      fetch: async () => ({
-        ok: true,
-        json: async () => ({
-          status: 'success',
-          data: [
-            {
-              configName: 'jsfe-config',
-              key: 'StrConfig',
-              value: '"hello"',
-            },
-          ],
-        }),
-      }),
-    });
-
-    // Set up mocks before requiring the module that uses them
-    mkdirMock = t.mock.method(fs, 'mkdir', async () => {});
-    writeFileMock = t.mock.method(fs, 'writeFile', async () => {});
-
-    // Clear require cache to ensure we get a fresh copy with our mocks
-    delete require.cache[require.resolve('./configs')];
-    ({ handleDownload, handleQuery } = require('./configs'));
-
-    delete require.cache[require.resolve('../utils/configs')];
-    ({ collateConfigs } = require('../utils/configs'));
-  });
-
-  describe('handleDownload', () => {
-    let options;
-
-    beforeEach(async () => {
-      options = { download: 'dev' };
-    });
-
-    it('iterates over known schemas', async () => {
-      await handleDownload(fertConfig, api, options);
-
-      assert.strictEqual(Object.keys(api.schemas).length, 1);
-      assert.strictEqual(mkdirMock.mock.calls.length, 1);
-      assert.strictEqual(mkdirMock.mock.calls[0].arguments[0], 'config');
-      assert.strictEqual(writeFileMock.mock.calls.length, 1); // Only one schema
-    });
-
-    it('saves to the expected place', async () => {
-      await handleDownload(fertConfig, api, options);
-
-      assert.strictEqual(writeFileMock.mock.calls.length, 1);
-
-      assert.strictEqual(
-        writeFileMock.mock.calls[0].arguments[0],
-        Path.join('working-dir', 'config', 'jsfe-config.json')
-      );
-    });
-
-    it('writes the expected data', async () => {
-      await handleDownload(fertConfig, api, options);
-
-      assert.strictEqual(writeFileMock.mock.calls.length, 1);
-
-      const jsfeConfig = JSON.parse(writeFileMock.mock.calls[0].arguments[1]);
-      assert.strictEqual(Object.keys(jsfeConfig).length, 1);
-      assert.strictEqual(jsfeConfig.StrConfig, 'hello');
-    });
-
-    it('skips read-only keys', async () => {
-      // clone api object including prototype
-      const tweakedApi = Object.assign(
-        Object.create(Object.getPrototypeOf(api)),
-        api
-      );
-
-      tweakedApi.schemas = {
-        'jsfe-config': Joi.object({
-          StrConfig: Joi.string().default('My new JSFE config'),
-          ReadOnlyConfig: Joi.string()
-            .default('I am read-only')
-            .meta({ readOnly: true }),
-        }),
-      };
-
-      await handleDownload(fertConfig, tweakedApi, options);
-
-      assert.strictEqual(writeFileMock.mock.calls.length, 1);
-
-      const jsfeConfig = JSON.parse(writeFileMock.mock.calls[0].arguments[1]);
-      assert.strictEqual(Object.keys(jsfeConfig).length, 1);
-      assert.strictEqual(jsfeConfig.ReadOnlyConfig, undefined);
-    });
-  });
-
-  describe('handlePublish', () => {
-    it('sets and deletes correct configs', async () => {
-      const localConfigs = {
-        'jsfe-config': {
-          path: '',
-          data: {
-            StrConfig: 'default value',
-            // NumConfig is purposefully omitted & should be deleted from the api
-          },
-        },
-      };
-
-      const { toSet, toRemove } = await collateConfigs(api, localConfigs);
-
-      assert.deepStrictEqual(toSet, {
-        'jsfe-config': {
-          StrConfig: 'default value',
-        },
-      });
-
-      assert.deepStrictEqual(toRemove, { 'jsfe-config': ['NumConfig'] });
-    });
-  });
-  describe('handleQuery', () => {
-    let options;
-
-    beforeEach(async () => {
-      options = { query: true };
-    });
-
-    it('logs available schemas if query option is true', async () => {
-      await handleQuery(fertConfig, api, options);
-    });
-
-    it.skip('logs schema description if query option is valid', async (t) => {
-      const api = {
-        schemas: {
-          testSchema: {
-            describe: () => ({ keys: {} }),
-            validate: () => ({}),
-          },
-        },
-      };
-      const options = { query: 'testSchema' };
-      let logMessage = '';
-
-      t.mock.method(console, 'log', (message) => {
-        logMessage += message;
-      });
-
-      await handleQuery(api, options);
-
-      assert(logMessage.includes('Getting testSchema schema description...'));
-      assert(logMessage.includes('Defaults'));
-    });
-  });
-});