Website: personalize contact form (#18026)

Co-authored-by: Eric <eashaw@sailsjs.com>
This commit is contained in:
Mike McNeil 2024-04-03 19:40:15 -05:00 committed by GitHub
parent 746309ca47
commit f8157ce679
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 9 additions and 9 deletions

View file

@ -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() {

View file

@ -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 youre just part of the family, I guess. Fleets 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.