@madgex/fert 7.2.1 → 7.3.0

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

@@ -1,18 +1,19 @@
-{%- from templatePath + 'translations/en.njk' import translations -%}
-{%- from templatePath + 'includes/footer/footer-nav.njk' import footerNav with context -%}
-
-{%- from templatePath + 'context/links.njk' import footerNavigationColumns as footerNavigation -%}
-{# {%- from templatePath + 'context/links.njk' import footerNavigationHorizontal as footerNavigation -%} #}
-
-<footer data-block="footer-main" scoped-v6="">
-  <div class="site-width-wrapper">
-    {{ footerNav(footerNavigation) }}
-
-    {% include templatePath + 'includes/footer/social-links.njk' %}
-
-    <p class="copyright">
-      © 2011 - {{ dayjs().format('YYYY') }} {{ translations["site-name"] }}. All rights reserved.
-      Powered by <a href="https://www.wiley.com/en-gb/business/workforce/madgex/solutions">Madgex Job Board Software</a>
-    </p>
-  </div>
-</footer>
+{# Populate this entry file with a Theme generated from https://header-footer-podlet.job.madgexhosting.net/storybook/
+{{ FooterThemeColumns( <-- macro name which is globally accessible without doing an import, see Storybook for Theme's macro name
+  {
+    "macroName": "FooterThemeColumns",
+    "serviceName": "recruiterservices-frontend", <-- ensure serviceName is correct for this service
+    "locale": "en",
+    "cssVarColorText": "#000",
+    ...more args generated from Header Footer Podlet's Storybook
+  }
+)}}
+ #}
+
+{# 
+Alternatively, if this client has pushed for a Custom non-Theme design, you can run `npx @madgex/fert init-template` from the root of this branding repo and follow the prompts.
+This will clone a custom version of one of the Themes from header-footer-podlet which you can modify completely.
+
+🚨🚨🚨 Remember Custom non-Theme designs are discourage and should only happen if the client really pushed for it.
+If there are only minor differences from a Theme and the design, then pushed back and get back into a standard Theme 🚨🚨🚨
+ #}

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

@@ -1,82 +1,19 @@
-{%- from templatePath + 'translations/en.njk' import translations -%}
-{%- from templatePath + 'includes/user-nav/user-nav.njk' import UserNavigation with context -%}
-
-{%- ifAsync auth.isAuthenticated -%}
-  {% set primaryRecruiter = auth.artifacts.recruiters | selectattr("isPrimary") | first %}
-  {% set isAuthenticated = true %}
-{%- endif -%}
-
-<!-- HEADER-FOOTER-PODLET VERSION: {{ version }} -->
-<div data-block="header-main" scoped-v6="">
-  <header role="banner" id="top-bar">
-
-    {# Mobile Navigation #}
-    <div class="mobile-navbar">
-
-      {# Main Navigation #}
-      <mds-dropdown-nav target="primary-nav_mobile" aria-label="{{ translations["primary-nav-button"] }}" class="toggle-nav_button toggle-nav--primary-nav">
-        <svg aria-hidden="true" focusable="false" class="icon" alt="">
-          <use href="/public/icons/icons.svg#icon-menu"></use>
-        </svg>
-      </mds-dropdown-nav>
-      <div id="primary-nav_mobile" class="toggle-nav_content">
-        {% include templatePath + 'includes/primary-nav.njk' %}
-      </div>
-
-      {# Basket Navigation #}
-      {%- if isAuthenticated -%}
-        <mds-dropdown-nav target="basket-nav_mobile" aria-label="{{ translations["basket-nav-button"] }}" class="toggle-nav_button toggle-nav--basket-nav">
-          <svg aria-hidden="true" focusable="false" class="icon" alt="">
-            <use href="/public/icons/icons.svg#icon-cart"></use>
-          </svg>
-        </mds-dropdown-nav>
-        <div id="basket-nav_mobile" class="toggle-nav_content">
-          {% include templatePath + 'includes/basket-nav.njk' %}
-        </div>
-      {%- endif -%}
-
-      {# User Navigation #}
-      <mds-dropdown-nav target="user-nav_mobile" aria-label="{{ translations["user-nav-button"] }}" class="toggle-nav_button toggle-nav--user-nav">
-        <svg aria-hidden="true" focusable="false" class="icon" alt="">
-          <use href="/public/icons/icons.svg#icon-user"></use>
-        </svg>
-      </mds-dropdown-nav>
-      <div id="user-nav_mobile" class="toggle-nav_content">
-        {{ UserNavigation({ switchCompanyForm: false, isAuthenticated: isAuthenticated, primaryRecruiter: primaryRecruiter }) }}
-      </div>
-    </div>
-
-    {# Main Banner #}
-    <div>
-      <div class="site-width-wrapper main-banner">
-
-        {# Primary Logo #}
-        <div class="primary-logo">
-          <a href="/">
-            <img src="/public/images/logo.png" alt="{{ translations["logo-alt"] }}"/>
-          </a>
-        </div>
-
-        <div class="secondary-navs">
-
-          {# User Navigation #}
-          {{ UserNavigation({ switchCompanyForm: true, isAuthenticated: isAuthenticated, primaryRecruiter: primaryRecruiter }) }}
-
-          {# Basket #}
-          {%- if isAuthenticated -%}
-            {% include templatePath + 'includes/basket-nav.njk' %}
-          {%- endif -%}
-        </div>
-      </div>
-
-      {# Primary Navigation #}
-      <div>
-        <div class="site-width-wrapper main-nav">
-          {% include templatePath + 'includes/primary-nav.njk' %}
-        </div>
-      </div>
-    </div>
-  </header>
-</div>
-
-<!-- END HEADER FRAGMENT -->
+{# Populate this entry file with a Theme generated from https://header-footer-podlet.job.madgexhosting.net/storybook/
+{{ HeaderThemeInlineUserNav( <-- macro name which is globally accessible without doing an import, see Storybook for Theme's macro name
+  {
+    "macroName": "HeaderThemeInlineUserNav",
+    "serviceName": "recruiterservices-frontend", <-- ensure serviceName is correct for this service
+    "locale": "en",
+    "cssVarColorText": "#000",
+    ...more args generated from Header Footer Podlet's Storybook
+  }
+)}}
+ #}
+
+{# 
+Alternatively, if this client has pushed for a Custom non-Theme design, you can run `npx @madgex/fert init-template` from the root of this branding repo and follow the prompts.
+This will clone a custom version of one of the Themes from header-footer-podlet which you can modify completely.
+
+🚨🚨🚨 Remember Custom non-Theme designs are discourage and should only happen if the client really pushed for it.
+If there are only minor differences from a Theme and the design, then pushed back and get back into a standard Theme 🚨🚨🚨
+ #}

package/types.d.ts

@@ -38,6 +38,7 @@ interface FertServiceConfigFile {
   };
 }
 type Client = {
+  name: string;
   brandName: string;
   parentCpid: string;
   rootClientPropertyId: string;

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

@@ -1,27 +0,0 @@
-{% 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-template/services/jobseekers-frontend/templates/context/main-nav.njk

@@ -1,41 +0,0 @@
-{% 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-template/services/jobseekers-frontend/templates/context/user-nav.njk

@@ -1,17 +0,0 @@
-{% 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/includes/footer-nav.njk

@@ -1,15 +0,0 @@
-{%- 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

@@ -1,19 +0,0 @@
-{%- 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

@@ -1,34 +0,0 @@
-{%- 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

@@ -1,9 +0,0 @@
-<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-template/services/jobseekers-frontend/templates/translations/da.njk

@@ -1,26 +0,0 @@
-{% set translations = {
-  header: {
-    "sign-in": "Log ind",
-    "sign-out": "Log ud",
-    "or": "eller",
-    "create-account": "Opret konto",
-    "link-new-window": "(Dette vil åbne i et nyt vindue)",
-    "your-shortlist": "Din jobliste",
-    "user-menu": "Brugermenu",
-
-    "skip-to-main-menu": "Gå direkte til hovedmenu",
-    "skip-to-user-menu": "Skip to user menu",
-
-    "recruiters": "Hververe",
-    "jobseekers": "Jobsøgende",
-
-    "user": "Bruger",
-    "homepage": "Forsiden",
-    "main": "Hovedmenu"
-  },
-
-    footer: {
-    "back-to-top": "Tilbage til toppen",
-    "footer": "Sidefod"
-  }
-} %}

package/repo-template/services/jobseekers-frontend/templates/translations/de.njk

@@ -1,26 +0,0 @@
-{% set translations = {
-  header: {
-    "sign-in": "Log ind",
-    "sign-out": "Log ud",
-    "or": "eller",
-    "create-account": "Opret konto",
-    "link-new-window": "(Dette vil åbne i et nyt vindue)",
-    "your-shortlist": "Din jobliste",
-    "user-menu": "Brugermenu",
-
-    "skip-to-main-menu": "Überspringen und zur Hauptseite zurückkehren",
-    "skip-to-user-menu": "Skip to user menu",
-
-    "recruiters": "Stellenanbieter",
-    "jobseekers": "Bewerber",
-
-    "user": "Benutzer",
-    "homepage": "Startseite",
-    "main": "Hauptmenü"
-  },
-
-  footer: {
-    "back-to-top": "Nach oben",
-    "footer": "Fusszeile"
-  }
-} %}

package/repo-template/services/jobseekers-frontend/templates/translations/en.njk

@@ -1,27 +0,0 @@
-{% set translations = {
-
-  header: {
-    "sign-in": "Sign in",
-    "sign-out": "Sign out",
-    "or": "or",
-    "create-account": "Create account",
-    "link-new-window": "(This link will open in a new window)",
-    "your-shortlist": "Your shortlist",
-    "user-menu": "User menu",
-
-    "skip-to-main-menu": "Skip to main menu",
-    "skip-to-user-menu": "Skip to user menu",
-
-    "recruiters": "Recruiters",
-    "jobseekers": "Jobseekers",
-
-    "user": "User",
-    "homepage": "Homepage",
-    "main": "Main menu"
-  },
-
-  footer: {
-    "back-to-top": "Back to top",
-    "footer": "Footer"
-  }
-} %}

package/repo-template/services/jobseekers-frontend/templates/translations/es.njk

@@ -1,26 +0,0 @@
-{% set translations = {
-  header: {
-    "sign-in": "Iniciar sesión",
-    "sign-out": "Cerrar sesión",
-    "or": "o",
-    "create-account": "Crear cuenta",
-    "link-new-window": "(Este enlace se abrirá en una nueva ventana.)",
-    "your-shortlist": "Su preselección",
-    "user-menu": "Menú de usuario",
-
-    "skip-to-main-menu": "Ir al menú principal",
-    "skip-to-user-menu": "Skip to user menu",
-
-    "recruiters": "Empresas",
-    "jobseekers": "Candidatos",
-
-    "user": "Usuario",
-    "homepage": "Página principal",
-    "main": "Menú principal"
-  },
-
-  footer: {
-    "back-to-top": "Volver arriba",
-    "footer": "Pie de página"
-  }
-} %}

package/repo-template/services/jobseekers-frontend/templates/translations/fr.njk

@@ -1,26 +0,0 @@
-{% set translations = {
-  header: {
-    "sign-in": "Connexion",
-    "sign-out": "Déconnexion",
-    "or": "ou",
-    "create-account": "Créez un compte",
-    "link-new-window": "(Une nouvelle fenêtre s'ouvrira)",
-    "your-shortlist": "Favoris",
-    "user-menu": "Menu de l'utilisateur",
-
-    "skip-to-main-menu": "Passer au menu principal",
-    "skip-to-user-menu": "Skip to user menu",
-
-    "recruiters": "Recruteurs",
-    "jobseekers": "Chercheurs d'emploi",
-
-    "user": "Utilisateur",
-    "homepage": "Page d'accueil",
-    "main": "Menu principal"
-  },
-
-  footer: {
-    "back-to-top": "Haut de page",
-    "footer": "Bas de page"
-  }
-} %}

package/repo-template/services/jobseekers-frontend/templates/translations/nb.njk

@@ -1,26 +0,0 @@
-{% set translations = {
-  header: {
-    "sign-in": "Logg inn",
-    "sign-out": "Logg ut",
-    "or": "eller",
-    "create-account": "Opprett konto",
-    "link-new-window": "(Dette åpnes i et nytt vindu)",
-    "your-shortlist": "Lagrede annonser",
-    "user-menu": "Brukermeny",
-
-    "skip-to-main-menu": "Hoppe til hovedmenyen",
-    "skip-to-user-menu": "Hopp til brukermeny",
-
-    "recruiters": "Rekrutterere",
-    "jobseekers": "Arbeidssøkere",
-
-    "user": "Bruker",
-    "homepage": "Forsiden",
-    "main": "Hovedmeny"
-  },
-
-  footer: {
-    "back-to-top": "Tilbake til toppen",
-    "footer": "Sidefot"
-  }
-} %}

package/repo-template/services/jobseekers-frontend/templates/translations/nl.njk

@@ -1,26 +0,0 @@
-{% set translations = {
-  header: {
-    "sign-in": "Aanmelden",
-    "sign-out": "Afmelden",
-    "or": "of",
-    "create-account": "Account aanmaken",
-    "link-new-window": "(Dit opent in een nieuw venster)",
-    "your-shortlist": "Jouw selectie",
-    "user-menu": "Gebruikersmenu",
-
-    "skip-to-main-menu": "Verdergaan naar hoofdmenu",
-    "skip-to-user-menu": "Verdergaan naar gebruikersmenu",
-
-    "recruiters": "Wervers",
-    "jobseekers": "Werkzoekenden",
-
-    "user": "Gebruiker",
-    "homepage": "Startpagina",
-    "main": "Hoofdmenu"
-  },
-  
-  footer: {
-    "back-to-top": "Terug naar boven",
-    "footer": "Voettekst"
-  }
-} %}

package/repo-template/services/jobseekers-frontend/templates/translations/sv.njk

@@ -1,26 +0,0 @@
-{% set translations = {
-  header: {
-    "sign-in": "Logga in",
-    "sign-out": "Logga ut",
-    "or": "eller",
-    "create-account": "Skapa ett konto",
-    "link-new-window": "(Detta öppnas i ett nytt fönster)",
-    "your-shortlist": "Din jobblista",
-    "user-menu": "Användarmeny",
-
-    "skip-to-main-menu": "Hoppa till huvudmeny",
-    "skip-to-user-menu": "Gå till användarmeny",
-
-    "recruiters": "Rekryterare",
-    "jobseekers": "Jobbsökare",
-
-    "user": "Användare",
-    "homepage": "Hemsida",
-    "main": "Huvudmeny"
-  },
-
-  footer: {
-    "back-to-top": "Tillbaka till toppen av sidan",
-    "footer": "Sidfot"
-  }
-} %}

package/repo-template/services/jobseekers-frontend/templates/translations/zh-cn.njk

@@ -1,26 +0,0 @@
-{% set translations = {
-  header: {
-    "sign-in": "登录",
-    "sign-out": "注销",
-    "or": "或",
-    "create-account": "创建帐户",
-    "link-new-window": "(这会在新窗口中打开)",
-    "your-shortlist": "您的候选清单",
-    "user-menu": "用户菜单",
-
-    "skip-to-main-menu": "跳至主菜单",
-    "skip-to-user-menu": "跳至用户菜单",
-
-    "recruiters": "招聘企业",
-    "jobseekers": "求职者",
-
-    "user": "用户",
-    "homepage": "主页",
-    "main": "主菜单"
-  },
-
-  footer: {
-    "back-to-top": "返回顶部",
-    "footer": "页脚"
-  }
-} %}