{"id":19602231,"url":"https://github.com/awsmin/frontity-wp-job-openings","last_synced_at":"2025-04-27T17:32:10.105Z","repository":{"id":42761275,"uuid":"276349427","full_name":"awsmin/frontity-wp-job-openings","owner":"awsmin","description":"Frontity package for WP Job Openings Plugin","archived":false,"fork":false,"pushed_at":"2024-02-07T09:32:38.000Z","size":703,"stargazers_count":9,"open_issues_count":3,"forks_count":5,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-04-19T05:57:07.061Z","etag":null,"topics":["careers","frontity","frontity-package","jobs","reactjs","wordpress","wp-job-openings"],"latest_commit_sha":null,"homepage":"https://wpjobopenings.com/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/awsmin.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-07-01T10:36:44.000Z","updated_at":"2024-02-07T09:32:41.000Z","dependencies_parsed_at":"2024-11-11T09:26:16.557Z","dependency_job_id":"42e19ccf-2fa1-489e-92c8-6c23dc5058ee","html_url":"https://github.com/awsmin/frontity-wp-job-openings","commit_stats":{"total_commits":42,"total_committers":3,"mean_commits":14.0,"dds":0.0714285714285714,"last_synced_commit":"21db38b20361ee661adf2e4e0578c7cbc88ba131"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/awsmin%2Ffrontity-wp-job-openings","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/awsmin%2Ffrontity-wp-job-openings/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/awsmin%2Ffrontity-wp-job-openings/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/awsmin%2Ffrontity-wp-job-openings/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/awsmin","download_url":"https://codeload.github.com/awsmin/frontity-wp-job-openings/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":251177982,"owners_count":21548143,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["careers","frontity","frontity-package","jobs","reactjs","wordpress","wp-job-openings"],"created_at":"2024-11-11T09:23:13.830Z","updated_at":"2025-04-27T17:32:09.821Z","avatar_url":"https://github.com/awsmin.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# WP Job Openings - Frontity Package\n\nFrontity package for WP Job Openings plugin. This package enables the support for [WP Job Openings](https://wordpress.org/plugins/wp-job-openings/) plugin in the Frontity framework including the support for application form. All the default fields and the fields supported by [WP Job Openings Pro](https://awsm.in/get/wpjo-pro/) are supported in the job application form.\n\n## About WP Job Openings\n\n**WP Job Openings plugin is the most simple yet powerful plugin for setting up a job listing page for a website.**\n\nThe plugin is designed after carefully analysing hundreds of job listing layouts and methods. We just picked the best features out of the all and built a plugin that’s super simple to use and extensible to a high performing recruitment tool.\n\nThe plugin comes with two layouts - Grid and List which are designed carefully according to the modern design and User Experience principles. Highlight of the plugin is its totally flexible filter options.\n\n**[View Demo](https://demo.awsm.in/wp-job-openings/)**\n\n**[Visit website - wpjobopenings.com](https://wpjobopenings.com/)**\n\n**[Open in CodeSandbox](https://githubbox.com/awsmin/frontity-wp-job-openings)**\n\n## Installation Requirements\n\n- [Frontity installation requirements](https://docs.frontity.org/getting-started#installation-requirements)\n- [WP Job Openings Plugin](https://wordpress.org/plugins/wp-job-openings/)\n- An add-on(plugin) for WP Job Openings plugin or custom functions added in theme's fuctions.php file to expose application form and other fields to WP REST API. You can use [WP Job Openings REST API (Example) Plugin](https://github.com/awsmin/wp-job-openings-rest-api-example) for reference.\n\n## Setup Package\n\n1. Install the package\n\n   ```\n   npm i @awsmin/frontity-wp-job-openings\n   ```\n\n2. Add it to Frontity Settings\n\n   Add the package to `frontity.settings.js` inside the `packages` array.\n\n   ```\n   const settings = {\n       ...\n       \"packages\": [\n           ...\n           // If no settings need to be added.\n           \"@awsmin/frontity-wp-job-openings\",\n\n           // If you want to add settings.\n           {\n               \"name\": \"@awsmin/frontity-wp-job-openings\",\n               // Add your settings here.\n           },\n           ...\n       ]\n   };\n\n   export default settings;\n   ```\n\n3. Configure the slug (Optional)\n\n   When you access `/jobs` (after you run `npx frontity dev` command) you will get all the job listings. If you have used different slug for the archive page then you have to configure the `slug` setting in `frontity.settings.js`. For example, if you have used a slug `careers` instead of `jobs`:\n\n   ```\n   const settings = {\n       ...\n       \"packages\": [\n           ...\n           {\n               \"name\": \"@awsmin/frontity-wp-job-openings\",\n               \"state\": {\n                   \"awsmjobs\": {\n                       \"slug\": \"careers\"\n                   }\n               }\n           }\n           ...\n       ]\n   };\n\n   export default settings;\n   ```\n\nThat's it! Now, when you run the `npx frontity dev` command you can access the job listings from the jobs archive page(e.g. `/jobs`). You can use [WP Job Openings REST API (Example) Plugin](https://github.com/awsmin/wp-job-openings-rest-api-example) for retrieving job specifications and using it in your frontity theme package. You can find an [example](https://github.com/awsmin/frontity-wp-job-openings/blob/master/packages/mars-theme/src/components/list/job-list-item.js) for this from this Frontity project.\n\n## Screenshots\n\n### Job Detail Page (Mars Theme)\n\n![Job Detail Page](https://github.com/awsmin/frontity-wp-job-openings/raw/master/assets/job-page.png)\n\n### Application Submission\n\n#### Errors\n\n![Errors](https://github.com/awsmin/frontity-wp-job-openings/raw/master/assets/submission-errors.png)\n\n#### Success\n\n![Success](https://github.com/awsmin/frontity-wp-job-openings/raw/master/assets/submission-success.png)\n\n### Application View (WordPress)\n\n![Application](https://github.com/awsmin/frontity-wp-job-openings/raw/master/assets/job-application.png)\n\n## Limitations\n\nCurrently, the form submission doesn't use the WP REST API. It uses the `admin-ajax.php` URL.\n\n### CORS Issue\n\nSince, we use the `admin-ajax.php` URL, you may encounter the CORS Issue. An error: `TypeError: NetworkError when attempting to fetch resource.` will be thrown in the console and the Cross-Origin request will be blocked.\n\n**Solution:**\n\nYou can use the `allowed_http_origins` filter hook to add allowed HTTP origins. For example:\n\n```\nfunction awsm_allowed_http_origins( $origins ) {\n    $origins[] = 'https://example.com';\n    return $origins;\n}\nadd_filter( 'allowed_http_origins', 'awsm_allowed_http_origins' );\n```\n\n## Credits\n\n- Frontity Team [ [1](https://community.frontity.org/t/how-to-create-a-frontity-package-for-contact-form-7/623), [2](https://community.frontity.org/t/wp-job-openings-frontity-package/2299/3) ]\n- [frontity-contact-form-7](https://github.com/imranhsayed/frontity-contact-form-7) package by Imran Sayed\n\n## Resources\n\n- [Frontity Docs](https://docs.frontity.org/)\n- [Frontity Community](https://community.frontity.org/)\n- [WP Job Openings](https://wpjobopenings.com/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fawsmin%2Ffrontity-wp-job-openings","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fawsmin%2Ffrontity-wp-job-openings","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fawsmin%2Ffrontity-wp-job-openings/lists"}