mirror of
https://github.com/fleetdm/fleet
synced 2026-05-23 08:58:41 +00:00
Website: personalize contact form (#18026)
Co-authored-by: Eric <eashaw@sailsjs.com>
This commit is contained in:
parent
746309ca47
commit
f8157ce679
2 changed files with 9 additions and 9 deletions
4
website/assets/js/pages/contact.page.js
vendored
4
website/assets/js/pages/contact.page.js
vendored
|
|
@ -4,7 +4,7 @@ parasails.registerPage('contact', {
|
|||
// ╩╝╚╝╩ ╩ ╩╩ ╩╩═╝ ╚═╝ ╩ ╩ ╩ ╩ ╚═╝
|
||||
data: {
|
||||
formToDisplay: 'talk-to-us',
|
||||
audience: undefined,
|
||||
primaryBuyingSituation: undefined,
|
||||
// Main syncing/loading state for this page.
|
||||
syncing: false,
|
||||
|
||||
|
|
@ -50,7 +50,7 @@ parasails.registerPage('contact', {
|
|||
window.history.replaceState({}, document.title, '/contact' );
|
||||
}
|
||||
if(this.primaryBuyingSituation){
|
||||
this.audience = this.primaryBuyingSituation;
|
||||
this.formData.primaryBuyingSituation = this.primaryBuyingSituation;// prefill form
|
||||
}
|
||||
},
|
||||
mounted: async function() {
|
||||
|
|
|
|||
14
website/views/pages/contact.ejs
vendored
14
website/views/pages/contact.ejs
vendored
|
|
@ -88,10 +88,10 @@
|
|||
<div class="d-block invalid-feedback" v-if="formErrors.topic">Please select an option.</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="number-of-hosts">How many devices do you have? *</label>
|
||||
<label for="number-of-hosts">How many <%= primaryBuyingSituation === 'mdm' ? 'devices' : 'hosts' %> do you have? *</label>
|
||||
<input class="form-control" id="number-of-hosts" name="number-of-hosts" type="number" :class="[formErrors.numberOfHosts ? 'is-invalid' : '']" min="1" v-model.trim="formData.numberOfHosts">
|
||||
<p purpose="devices-note" class="mt-3 mb-0">Includes computers, servers, containers, and other hosts.</p>
|
||||
<div class="invalid-feedback" v-if="formErrors.numberOfHosts">Please enter a number of devices</div>
|
||||
<div class="invalid-feedback" v-if="formErrors.numberOfHosts">Please enter a number of <%= primaryBuyingSituation === 'mdm' ? 'devices' : 'hosts' %></div>
|
||||
</div>
|
||||
<cloud-error v-if="cloudError && cloudError === 'invalidEmailDomain'">
|
||||
<p>Please enter a valid work email address</p>
|
||||
|
|
@ -108,7 +108,7 @@
|
|||
<p class="mt-3">A member of our team will get back to you soon.<br>Usually within one business day (or less!)</p>
|
||||
</div>
|
||||
<div purpose="quote-and-logos">
|
||||
<div purpose="quote" v-if="!audience">
|
||||
<div purpose="quote" v-if="!primaryBuyingSituation">
|
||||
<div purpose="logo" class="mb-4"><img height="32" alt="Deloitte logo" src="/images/social-proof-logo-deloitte-130x32@2x.png"></div>
|
||||
<p purpose="quote-text">
|
||||
Something I really appreciate about working with you guys is that it doesn't feel like I'm talking to a vendor. It actually feels like I'm talking to my team, and I really appreciate it.
|
||||
|
|
@ -123,7 +123,7 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div purpose="quote" v-else-if="audience === 'mdm'">
|
||||
<div purpose="quote" v-else-if="primaryBuyingSituation === 'mdm'">
|
||||
<div purpose="logo" class="mb-4"><img height="32" alt="Uber logo" src="/images/social-proof-logo-uber-71x32@2x.png"></div>
|
||||
<p purpose="quote-text">
|
||||
Exciting. This is a team that listens to feedback.
|
||||
|
|
@ -138,7 +138,7 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div purpose="quote" v-else-if="audience === 'vm'">
|
||||
<div purpose="quote" v-else-if="primaryBuyingSituation === 'vm'">
|
||||
<p purpose="quote-text">
|
||||
The visibility down into the assets covered by the agent is phenomenal. Fleet has become the central source for a lot of things.
|
||||
</p>
|
||||
|
|
@ -152,7 +152,7 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div purpose="quote" v-else-if="audience === 'eo-it'">
|
||||
<div purpose="quote" v-else-if="primaryBuyingSituation === 'eo-it'">
|
||||
<div purpose="logo" class="mb-4"><img height="32" alt="Deputy logo" src="/images/logo-deputy-118x28@2x.png"></div>
|
||||
<p purpose="quote-text">
|
||||
When we look at vendors, we look for ones that are very receptive to feedback, where you’re just part of the family, I guess. Fleet’s really good at that.
|
||||
|
|
@ -167,7 +167,7 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div purpose="quote" v-else-if="audience === 'eo-security'">
|
||||
<div purpose="quote" v-else-if="primaryBuyingSituation === 'eo-security'">
|
||||
<div purpose="logo" class="mb-4"><img height="32" alt="Atlassian logo" src="/images/social-proof-logo-atlassian-192x32@2x.png"></div>
|
||||
<p purpose="quote-text">
|
||||
I love the steady and consistent delivery of features that help teams work how they want to work, not how your product dictates they work.
|
||||
|
|
|
|||
Loading…
Reference in a new issue