fleet/website/assets/js/components/open-positions.component.js

83 lines
2.8 KiB
JavaScript
Vendored

/**
* <rituals>
* -----------------------------------------------------------------------------
*
*
* @type {Component}
*
*
* -----------------------------------------------------------------------------
*/
parasails.registerComponent('open-positions', {
// ╔═╗╦═╗╔═╗╔═╗╔═╗
// ╠═╝╠╦╝║ ║╠═╝╚═╗
// ╩ ╩╚═╚═╝╩ ╚═╝
props: [
'openPositions',
],
// ╦╔╗╔╦╔╦╗╦╔═╗╦ ╔═╗╔╦╗╔═╗╔╦╗╔═╗
// ║║║║║ ║ ║╠═╣║ ╚═╗ ║ ╠═╣ ║ ║╣
// ╩╝╚╝╩ ╩ ╩╩ ╩╩═╝ ╚═╝ ╩ ╩ ╩ ╩ ╚═╝
data: function (){
return {
//…
};
},
// ╦ ╦╔╦╗╔╦╗╦
// ╠═╣ ║ ║║║║
// ╩ ╩ ╩ ╩ ╩╩═╝
template: `
<div>
<div v-if="openPositions.length > 0">
<p>Fleet is currently hiring for the following positions:</p>
<ul >
<li v-for="position in openPositions">
<a :href="position.url">{{position.jobTitle}}</a>
</li>
</ul>
<blockquote purpose="tip">
<img src="/images/[email protected]" alt="An icon indicating that this section has important information">
<div class="d-block">
<p>
<strong>🛸 Join us!</strong> &nbsp;Interested in joining the team at Fleet, or know someone who might be? Click one of the positions to read the job description and apply. Or <a href="/handbook/company#open-positions">copy a direct link to this page</a> to share a short summary about the company, including our vision, values, history, and all currently open positions. Thank you for the help!
</p>
</div>
</blockquote>
</div>
<div v-else>
<blockquote purpose="tip">
<img src="/images/[email protected]" alt="An icon indicating that this section has important information">
<div class="d-block">
<p>
Fleet currently has no open positions. Interested in changing our mind? <a href="/contact#message">Message us your Linkedin profile</a>.
</p>
</div>
</blockquote>
</div>
</div>
`,
// ╦ ╦╔═╗╔═╗╔═╗╦ ╦╔═╗╦ ╔═╗
// ║ ║╠╣ ║╣ ║ ╚╦╝║ ║ ║╣
// ╩═╝╩╚ ╚═╝╚═╝ ╩ ╚═╝╩═╝╚═╝
beforeMount: function() {
//…
},
mounted: async function(){
//…
},
beforeDestroy: function() {
//…
},
// ╦╔╗╔╔╦╗╔═╗╦═╗╔═╗╔═╗╔╦╗╦╔═╗╔╗╔╔═╗
// ║║║║ ║ ║╣ ╠╦╝╠═╣║ ║ ║║ ║║║║╚═╗
// ╩╝╚╝ ╩ ╚═╝╩╚═╩ ╩╚═╝ ╩ ╩╚═╝╝╚╝╚═╝
methods: {
}
});