README

The BW Jobs extension allows you to manage and present open job positions on your TYPO3 website.

Features

• Filterable list view with pagination
• Separate plugins for list and detail view
• Customizable, pre styled templates
• Application form with upload for documents
• Structured JSON-LD data
• Ships with multiple languages (English and German)

Installation

1. Install the extension with composer:

  composer require browserwerk/bw_jobs

1. Include the TypoScript template in the template module
2. Add the two plugins, Detail View and List View, to two separate pages
3. Configure the extension to your liking (see below for available constants)
4. Add these route enhancers to your site configuration:

routeEnhancers:
  JobsDetail:
    type: Extbase
    limitToPages: [000] # Change this to the pid containing the detail view plugin
    extension: BwJobs
    plugin: Detail
    routes:
      - routePath: '/'
        _controller: 'Frontend::show'
      - routePath: '/{job_position_title}'
        _controller: 'Frontend::show'
        _arguments:
          job_position_title: jobPosition
      - routePath: '/{job_position_title}/apply'
        _controller: 'Frontend::apply'
        _arguments:
          job_position_title: jobPosition
    aspects:
      job_position_title:
        type: PersistedAliasMapper
        tableName: tx_bwjobs_domain_model_jobposition
        routeFieldName: slug
  JobsApi:
    type: Extbase
    extension: BwJobs
    plugin: Api
    routes:
      - routePath: '/api/jobPositions'
        _controller: 'Api::listJobPositions'

Available TypoScript constants

plugin.tx_bwjobs_detail.settings

plugin.tx_bwjobs_list.settings

module.tx_bwjobs.settings

Introduction for editors

This extension ships with five different record types:

• Job Positions
• Employment Types
• Contact Persons
• Locations
• Categories

To create a Job Position, first create a Location and assign one or more Contact Persons to it. Then, create an Employment Type. Lastly, create a Job Position and assign the created Location as well as the Employment Type to it. You can optionally create a Category and assign it to the Job Position as well.

Translations

The following translations are available by default:

• English
• German

Contributions for adding additional languages are always welcome.

Sitemap

Add the following TypoScript to output job positions in the TYPO3 sitemap:

plugin.tx_seo {
    config {
        xmlSitemap {
            sitemaps {
                jobs {
                    provider = TYPO3\CMS\Seo\XmlSitemap\RecordsXmlSitemapDataProvider
                    config {
                        table = tx_bwjobs_domain_model_jobposition
                        sortField = date_posted
                        lastModifiedField = tstamp
                        pid = 000 # Change this to the pid storing the job positions (same as storagePid)
                        url {
                            pageId = 000 # Change this to the pid containing the detail view plugin
                            fieldToParameterMap {
                                uid = tx_bwjobs_detail[jobPosition]
                            }
                            additionalGetParameters {
                                tx_bwjobs_detail.controller = Frontend
                                tx_bwjobs_detail.action = show
                            }
                            useCacheHash = 1
                        }
                    }
                }
            }
        }
    }
}

Structured data

This extension outputs structured JSON-LD data for job positions. If you wish to disable it, override the Show template and remove the bw:structuredData ViewHelper at the very bottom of this template.

Overriding Fluid templates

To override the default Fluid templates used by the extension, simply set the following TypoScript constants to the desired paths:

# Detail view
plugin.tx_bwjobs_detail.view.templateRootPath = EXT:my_extension/Resources/Private/Templates/
plugin.tx_bwjobs_detail.view.partialRootPath = EXT:my_extension/Resources/Private/Partials/
plugin.tx_bwjobs_detail.view.layoutRootPath = EXT:my_extension/Resources/Private/Layouts/

# List view
plugin.tx_bwjobs_list.view.templateRootPath = EXT:my_extension/Resources/Private/Templates/
plugin.tx_bwjobs_list.view.partialRootPath = EXT:my_extension/Resources/Private/Partials/
plugin.tx_bwjobs_list.view.layoutRootPath = EXT:my_extension/Resources/Private/Layouts/

This will not completely disable the default templates, it just allows you to override them from your own extension. If you wish to add more than just one additional path, use the TypoScript setup for plugin.tx_bwjobs_detail.view and plugin.tx_bwjobs_list.view instead.

Customizing the default styles

The following CSS Custom Properties are available for you to override from your own stylesheet:

:root {
    /* This is the font size used as base by the custom styling from this extension */
    --bw-jobs-font-size--base: 16px;

    /* You can override these custom properties to change the colors */
    --bw-jobs-color--primary: var(--bs-primary);
    --bw-jobs-color--light: var(--bs-light);
}

Please note: Because of the usage of modern CSS features, the default styling is not compatible with Internet Explorer 11.

Disabling the default styles

This extension ships with Bootstrap 5 and some additional custom styling. To disable these styles, unset the includes via TypoScript:

page.includeCSSLibs.bwJobsBootstrap >
page.includeCSS.bwJobs >

Customizing the emails

To customize the emails sent by this extension, set the following TypoScript constants to the desired paths in your own extension:

Make sure these files exist in the new template path:

• EmailToApplicant.html
• EmailToApplicant.txt
• EmailToContactPerson.html
• EmailToContactPerson.txt

You can copy theses files from Resources/Private/Templates/Email.

The new layout path can be kept empty, but you are free to add custom layouts there as well.

The default application form is configured to use FluidEmail by default. If you want to change this, see below for instructions on how to customize the application form.

Customizing the application form

You can override the default YAML used for rendering the application form by setting the following TypoScript constant to point to your own form definition YAML:

Make sure to take a look inside the default template in Resources/Private/Templates/Frontend/Apply.html to see which values are set dynamically from inside Fluid.

Found a bug?

If you found a bug, create an issue with detailed steps for reproduction.

About us

Browserwerk develops individual corporate websites and enterprise open source projects. Conception, consultation and implementation of tailor-made online and intranet solutions are part of the agency's core business. Short project times and fast release cycles play a decisive role here. The agency supports medium-sized and globally operating companies throughout Europe in the digitization of business processes. Agile working methods and best practices are used in the projects. By sharing issues from different angles, customers become long-term partners.

More about us on our website.

Icons by Heroicons.