Skip to main content

Boolean Elements

Remote Work​

Will return true of false is the current job allows for remote work.

data-sf="job-remote"
Example!
<div>
  Remote Work:
  <span data-sf="job-remote"></span>
</div>
http://localhost:3000
Remote Work:
 true

Further Options​

In case you want to use a different values than just (true or false) for remote work, you can use the following code:

const onReady = () => {
    // Client Code inside "onReady" event
    const checkmarkSvg = "<svg xmlns="http://www.w3.org/2000/svg" fill="#0f0" width="32px" height="32px" viewBox="0 0 512 512"><title>ionicons-v5-e</title><path d="M256,48C141.31,48,48,141.31,48,256s93.31,208,208,208,208-93.31,208-208S370.69,48,256,48ZM364.25,186.29l-134.4,160a16,16,0,0,1-12,5.71h-.27a16,16,0,0,1-11.89-5.3l-57.6-64a16,16,0,1,1,23.78-21.4l45.29,50.32L339.75,165.71a16,16,0,0,1,24.5,20.58Z"/></svg>";
    const crossSvg = "<svg xmlns="http://www.w3.org/2000/svg" fill="#f00" width="32px" height="32px" viewBox="0 0 24 24"><path d="m16.192 6.344-4.243 4.242-4.242-4.242-1.414 1.414L10.535 12l-4.242 4.242 1.414 1.414 4.242-4.242 4.243 4.242 1.414-1.414L13.364 12l4.242-4.242z"/></svg>";
    
    // jQuery
    const jobRemoteElement = $('*[data-sf="job-remote"]');
    
    jobRemoteElement[0].hasAttribute("data-sf-remote")
        ? jobRemoteElement.html(checkmarkSvg)
        : jobRemoteElement.html(crossSvg);
        
    // Vanilla Javascript (ES6)
    const jobRemoteElement = document.querySelectorAll('[data-sf="job-remote"]');
    jobRemoteElement.forEach((ele) =>
        ele.hasAttribute("data-sf-remote")
        ? (ele.innerHTML = checkmarkSvg)
        : (ele.innerHTML = crossSvg)
    );
};
// ------------------------------------------------------------
<!DOCTYPE html>
<html>
  <head>
    <title>Your Webiste</title>
    <meta name="description" content="Vacancies Jobs Listing Page" />
    <meta name="keywords" content="vacancies Jobs etc" />
    <script
      data-api-key="YOUR_API_KEY"
      src="https://smartfeed.vacancy-filler.co.uk/editor/main.js"
    ></script>
  </head>
  <body>
    <p data-sf="job-remote" data-sf-remote> Remote </p>
  </body>
</html>
http://localhost:3000

Remote: ionicons-v5-e

Requires CV​

Will return true of false is the current job requires a CV.

data-sf="job-requires-cv"
Example!
<div>
  CV Required:
  <span data-sf="job-requires-cv"></span>
</div>
http://localhost:3000
CV Required:
 false

Further Options​

In case you want to use a different values than just (true or false) for remote work, you can use the following code:

const onReady = () => {
    // Client Code inside "onReady" event
    const checkmarkSvg = "<svg xmlns="http://www.w3.org/2000/svg" fill="#0f0" width="32px" height="32px" viewBox="0 0 512 512"><title>ionicons-v5-e</title><path d="M256,48C141.31,48,48,141.31,48,256s93.31,208,208,208,208-93.31,208-208S370.69,48,256,48ZM364.25,186.29l-134.4,160a16,16,0,0,1-12,5.71h-.27a16,16,0,0,1-11.89-5.3l-57.6-64a16,16,0,1,1,23.78-21.4l45.29,50.32L339.75,165.71a16,16,0,0,1,24.5,20.58Z"/></svg>";
    const crossSvg = "<svg xmlns="http://www.w3.org/2000/svg" fill="#f00" width="32px" height="32px" viewBox="0 0 24 24"><path d="m16.192 6.344-4.243 4.242-4.242-4.242-1.414 1.414L10.535 12l-4.242 4.242 1.414 1.414 4.242-4.242 4.243 4.242 1.414-1.414L13.364 12l4.242-4.242z"/></svg>";
    
    // jQuery
    const jobRequiresCVElement = $('*[data-sf="job-requires-cv"]');
    
    jobRequiresCVElement[0].hasAttribute("data-sf-requires-cv")
        ? jobRequiresCVElement.html(checkmarkSvg)
        : jobRequiresCVElement.html(crossSvg);
        
    // Vanilla Javascript (ES6)
    const jobRequiresCVElement = document.querySelectorAll('[data-sf="job-requires-cv"]');
    jobRequiresCVElement.forEach((ele) =>
        ele.hasAttribute("data-sf-requires-cv")
        ? (ele.innerHTML = checkmarkSvg)
        : (ele.innerHTML = crossSvg)
    );
};
// ------------------------------------------------------------
<!DOCTYPE html>
<html>
  <head>
    <title>Your Webiste</title>
    <meta name="description" content="Vacancies Jobs Listing Page" />
    <meta name="keywords" content="vacancies Jobs etc" />
    <script
      data-api-key="YOUR_API_KEY"
      src="https://smartfeed.vacancy-filler.co.uk/editor/main.js"
    ></script>
  </head>
  <body>
    <p data-sf="job-requires-cv" data-sf-requires-cv> CV Required: </p>
  </body>
</html>
http://localhost:3000

CV Required: