Feature Specific Notes

This document was created to call out technical details around individual features that may be of note.

CV Styler - https://rw.mustard.app/cv-styler/upload

A “drag and drop” feature allowing parsing of candidate CV’s in multiple formats using Daxtra. Users can create a branded CV, edit & add information, allowing the creation of an “Agreement”. One profile can have many agreements, but not all agreements have a profile related to them.

After parsing the CV through Daxtra the data is cleaned by the API and the agreement is created. The user is redirected to the agreement page where the user can edit, add and delete all the information related to the candidate. After saving, the data is synced to Algolia and the user is redirected to the CV Styler page.

The CV Styler page is rendered on the fly based on the default order of sections and content available. The order and content can be changed on the settings modal, but is not saved anywhere.

On this page the user can also download the CV to a PDF format or create a link for the candidate to review the CV.

Custom Fields: aside from the standard Mustard fields, it is also possible to add custom fields in multiple formats. Details on how to achieve this can be found in the FrontEnd Specific Documentation.

Marketplace - https://rw.mustard.app/account/candidates

Candidates who have been added by recruiters can be found here, users can open and edit profiles, produce new branded CV’s and add candidates to “Jobs”. This feature has powerful search capabilities both with free text search (Algolia) and applying filters such as Salary, Skills, Company, Tenure, Experience, and Location.

Client Marketplace - Anon Candidates - https://rw.mustard.app/marketplace/candidates

A feature which provides a place for external clients who have been invited to the Mustard platform to “shop” for candidates who have had identifying details removed. This feature has powerful search capabilities both with free text search and applying filters such as Salary, Skills, Company, Tenure, Experience, and Location.

Client Marketplace - Jobs - https://rw.mustard.app/account/jobs

The Jobs feature allows users to add a job opening with an external client. Selected candidates can be added to the job, presented to the client, and tracked through the process within the tool.

My Company - https://rw.mustard.app/account/my-company

A place where users can access Groups, manage Team permissions and Invites, and view candidates that have been Requested by clients. This page also shows relevant statistics related to the company such as; Top Search terms by users, Candidates profiles added, Candidates Live on platform and a count of Requests that have been made.

Panel - https://mustard.app/panel

The Panel allows for the management of features, users, themes, custom fields, and access to libraries of skills, companies, and synonyms.

Libraries: Skills/Dictionaries

On the panel we have a separate index on Algolia for skills which is used for the skills filter for candidates and autocomplete for the profiles. This index can be managed on the panel and the ability to add nested, related and synonyms of certain skills that are used to improve the search on Algolia. Is also possible to extract the skills of all candidates on the platform and then synchronized to the skills index, is a highly demanding task, only accessible via the rails console.

The dictionary is used to clean the skills, used whenever we parse a new CV. New rules can be added and then reviewed to be applied to all the candidates

Candidate Sign Up

Candidates can sign up to a users marketplace through the use of an iFrame, most regularly placed on a public facing web page. Candidates can use an existing CV (drag & drop) or start without a CV and enter all relevant information through the existing form to create an agreement.

iFrames

Can be placed on a publicly facing web page to allow organic candidate sign ups with or without a CV.

Can also sit within Applicant Tracking Systems providing access to candidate profiles with the ability to send information back and forward to update candidate details within Mustard.app and the ATS concurrently.

Candidate Cards

In the Marketplace, candidates are viewed in a list format. Profiles are condensed into cards, providing a snapshot of the most relevant details over 4 tabs: Overview, Skills, Experience, and Info.

Q&A

How do I add custom fields to the CV Styler edit page?

Custom fields can be added on Panel (Organisations > Select desired org > Custom fields). The code editor field expects a Json file with the config following the model: { "key": { "type": string; "title": string; "control_type": string; "display_cv_styler": boolean; } }

Key - That is the key used inside the custom_fields object to save the information given by the user.

Types - There are seven different types of fields supported by the custom fields section of the Agreement form: Multi-Level, HTML, Dropdown, Date, Group, Textarea and Text.

Titles - displayed above the field description on the form and is used as a section title on the CV Styler.

Control Type - This is used by the CV Styler to inform which component should be used to display the section. The current options are list and textarea.

Display CV Styler - If the field should be displayed on the CV Styler or not.

* Other options available: { "section": string; "hide_for_candidate": boolean; }

Section - If set to "sidebar" the custom field will be displayed on the sidebar of the first page above Recruiter details on the CV Styler.

Hide for Candidate - If it is set to true this custom field will not be displayed to the candidates on the candidate iframe.

The type of fields supported include:

1. multi-level

Current being used for Languages, it supports sub-fields of the type text and dropdown "languages": { "type": "multi-level", "title": "Languages", "controls": [ { "key": "name", "type": "text", "title": "" }, { "key": "level", "type": "dropdown", "title": "Level", "options": [ "Business Level", "Fluent", "Native" ] } ], "control_type": "list", "display_cv_styler": true }

2. HTML

Adds a Quill HTML Editor field "sparkhire": { "text": "Please add below the URL to Sparkhire Video and password", "type": "html", "title": "Sparkhire", "control_type": "textarea", "display_cv_styler": true, "hide_for_candidate": true }

3. Dropdown

Dropdown field using ng-select to provide, search, add items and multiple functionalities. For nationalities, it uses a provided service to load the list into the field. "nationality": { "type": "dropdown", "title": "Nationality", "multiple": true, "control_type": "textarea", "display_cv_styler": true }

4. Date

Date picker using ng-bootstrap, it supports date format config "date_of_birth": { "type": "date", "title": "Date of Birth", "section": "sidebar", "display_cv_styler": false }

5. Group

Adds a group of text fields that are saved inside an object

"recruiter_details": { "type": "group", "title": "Recruiter Details", "section": "sidebar", "controls": [ { "key": "name", "type": "text", "title": "Name" }, { "key": "phone", "type": "text", "title": "Phone Number" }, { "key": "email", "type": "text", "title": "E-mail" } ], "display_cv_styler": true, "hide_for_candidate": true }

6. Textarea

Add a textarea field to the form "awards_certifications": { "type": "textarea", "title": "Awards / Certifications", "control_type": "textarea", "display_cv_styler": true }

7.Text

Add a text field to the form "email": { "type": "text", "title": "E-mail", "control_type": "textarea", "display_cv_styler": false }

How to do I add a candidate iFrame

On the panel in the Algolia Keys page inside an organisation, you can create a new algolia key that will allow you to insert the iframe into any website.

After creating a new key, you can copy the code snippet and paste it into any HTML page. This code will display the anonymous version of the candidate marketplace.

For the iframe we also have a chrome extension that makes it easier to add the candidate marketplace or add a search bar into any website. After creating the key, you need to click on Widgets list and create a new one. On code snippet link copy that code inside the HEAD HTML tag into the website you want to add the iframe.

The next step is to add the chrome extension to your browser. Clone the repository available here to your local machine. You will need to install and deploy the extension, there is a list of commands available on the package.json file. Is also possible to deploy the production, staging and offline versions.

After deployment activate the developer mode on Google Chrome extensions and drag and drop the zip file. On the extension use the same contact details for Mustard in production and the widget token to load the config page. Once the page is loaded you will be able to create and set up as many search bars and iframes you want, setting the xpath to place them and using css to style them to fit the website.

After setting up the iframe, press the button to save. The configuration is then uploaded to AWS and loaded by the script added to the website. Each token creates a different file on AWS.