mirror of
https://github.com/fleetdm/fleet
synced 2026-04-21 21:47:20 +00:00
f76a9976d8
Changes: - Updated the "Try it now" button on the website's header navigation, it will now open a signup/login modal on every page (excluding the dedicated /register and /login pages) - Updated the website to assign Fleet Premium instances hosted on Render to eligible users. All other users will be given a 30-day Fleet Premium trial license key to use with their deployment method of choice. - Added a script that creates and manages a pool of Render instances. - Added a new database model: `RenderProofOfValue` - Added four new email templates - Updated primary button colors to match the core product. - Removed the organization requirement for new users signing up. - Added a new component: `<signup-modal>` - Added a new attribute to the User model: `fleetPremiumTrialType`
66 lines
2.6 KiB
JavaScript
Vendored
66 lines
2.6 KiB
JavaScript
Vendored
/**
|
|
* <animated-arrow-button>
|
|
* -----------------------------------------------------------------------------
|
|
* A button with a built-in animated arrow
|
|
*
|
|
* @type {Component}
|
|
*
|
|
* -----------------------------------------------------------------------------
|
|
*/
|
|
|
|
parasails.registerComponent('animatedArrowButton', {
|
|
// ╔═╗╦═╗╔═╗╔═╗╔═╗
|
|
// ╠═╝╠╦╝║ ║╠═╝╚═╗
|
|
// ╩ ╩╚═╚═╝╩ ╚═╝
|
|
props: [
|
|
'buttonType',
|
|
'arrowColor',// For customizing the color of the animated arrow. e.g., arrow-color="#FFF"
|
|
'textColor',// For customizing the color of the button text. e.g., text-color="#FFF"
|
|
],
|
|
|
|
// ╦╔╗╔╦╔╦╗╦╔═╗╦ ╔═╗╔╦╗╔═╗╔╦╗╔═╗
|
|
// ║║║║║ ║ ║╠═╣║ ╚═╗ ║ ╠═╣ ║ ║╣
|
|
// ╩╝╚╝╩ ╩ ╩╩ ╩╩═╝ ╚═╝ ╩ ╩ ╩ ╩ ╚═╝
|
|
data: function (){
|
|
return {
|
|
type: 'secondary',
|
|
strokeColor: this.arrowColor ? this.arrowColor : '#009A7D',
|
|
// strokeColor: this.arrowColor ? this.arrowColor : '#FF5C83',
|
|
fontColor: this.textColor ? this.textColor : '#192147'
|
|
// FUTURE: support more button types (primary and secondary)
|
|
// type: this.buttonType && this.buttonType === 'primary' ? 'primary' : 'secondary',
|
|
};
|
|
},
|
|
|
|
// ╦ ╦╔╦╗╔╦╗╦
|
|
// ╠═╣ ║ ║║║║
|
|
// ╩ ╩ ╩ ╩ ╩╩═╝
|
|
template: `
|
|
<a :class="type" style="text-decoration: none;" no-icon>
|
|
<span purpose="button-text" :style="'color: '+fontColor+';'"><slot name="default"></slot></span>
|
|
<svg purpose="animated-arrow" :style="'stroke: '+strokeColor+';'" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12">
|
|
<path purpose="arrow-line" d="M1 6H9" stroke-width="2" stroke-linecap="round"/>
|
|
<path purpose="chevron" d="M1.35712 1L5.64283 6L1.35712 11" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
|
</svg>
|
|
</a>
|
|
`,
|
|
|
|
// ╦ ╦╔═╗╔═╗╔═╗╦ ╦╔═╗╦ ╔═╗
|
|
// ║ ║╠╣ ║╣ ║ ╚╦╝║ ║ ║╣
|
|
// ╩═╝╩╚ ╚═╝╚═╝ ╩ ╚═╝╩═╝╚═╝
|
|
beforeMount: function() {
|
|
//…
|
|
},
|
|
mounted: async function(){
|
|
//…
|
|
},
|
|
beforeDestroy: function() {
|
|
//…
|
|
},
|
|
// ╦╔╗╔╔╦╗╔═╗╦═╗╔═╗╔═╗╔╦╗╦╔═╗╔╗╔╔═╗
|
|
// ║║║║ ║ ║╣ ╠╦╝╠═╣║ ║ ║║ ║║║║╚═╗
|
|
// ╩╝╚╝ ╩ ╚═╝╩╚═╩ ╩╚═╝ ╩ ╩╚═╝╝╚╝╚═╝
|
|
methods: {
|
|
|
|
}
|
|
});
|