You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Move embedded forms over from mautic/acquia to hubspot (#10747)
* Added logging for calls to mautic_proxy
In the process of moving from Mautic/Acquia to Hubspot.
Starting by adding a log to develop a deeper understanding of requests, in order to prepare for writing the Hubspot part,
which would see requests temporarily be sent to both Acquia and Hubspot before turning the Acquia requests off.
* Added MauticLog table
* Added entry for every call to mautic_proxy
* Wrapped DB call in try-except
* func(Hubspot): Replace homepage form from Acquia / Mautic to Hubspot. Add CSS to style Hubspot forms in a similar way to bootstrap.
* fix(Hubspot): Homepage newsletter signup form styling.
* func(Newsletters): Come up with more generaic class
* func(Newsletters): Change Bounty funder & Hunter newsletters over to use Hubspot instead of Acquia.
* func(Newsletter): Change Acquia forms to Hubspot for about & mission.
* chore(Hubspot): Small comment change
* fix(Hubspot): SASS extend was throwing an error in the linter. @extend is valid SASS -> https://sass-lang.com/documentation/at-rules/extend
Co-authored-by: Roan Song <[email protected]>
/** Forms embedded by hubspot do not have classes that match up with the bootstrap classes, so let's cater for the Hubspot classes and extend them to be the same as the bootstrap classes */
2
+
3
+
.hs-form-iframe {
4
+
width: 100%!important;
5
+
}
6
+
.hs-input {
7
+
@extend.form-control;
8
+
}
9
+
.hs-form-field {
10
+
@extend.form-group;
11
+
@extend.mb-3;
12
+
}
13
+
.hs-button {
14
+
@extend.btn;
15
+
}
16
+
.hs-button.primary {
17
+
@extend.btn-primary;
18
+
}
19
+
.hs-form-fieldlabel {
20
+
margin-bottom: 0.5rem;
21
+
}
22
+
.hs-error-msgs {
23
+
@extend.list-unstyled;
24
+
}
25
+
.hs-error-msgsli {
26
+
@extend.invalid-feedback;
27
+
display: block!important;
28
+
}
29
+
.hs-input.invalid.error {
30
+
@extend.is-invalid;
31
+
}
32
+
.hs-error-msgsli.hs-error-msg {
33
+
@extend.invalid-feedback;
34
+
display: block!important;
35
+
}
36
+
.hs_error_rollup.hs-error-msgsli {
37
+
font-size: inherit!important;
38
+
}
39
+
40
+
// Some styling to get the email and submit button to sit side by side
<labelid="mauticform_label_fundernewsletter_email" for="mauticform_input_fundernewsletter_email" class="mauticform-label">({% trans "Emails once a week max, & we never sell your data" %})</label>
46
-
{% endif %}
47
-
<inputid="mauticform_input_fundernewsletter_email" name="mauticform[email]" value="" placeholder="Enter your email" class="mauticform-input form-control" type="email">
48
-
<spanclass="mauticform-errormsg mt-5 position-absolute" style="display: none;">Please fill the email input.</span>
<labelid="mauticform_label_hunternewsletter_email" for="mauticform_input_hunternewsletter_email" class="mauticform-label">({% trans "Emails once a week max, & we never sell your data" %})</label>
76
-
{% endif %}
77
-
<inputid="mauticform_input_hunternewsletter_email" name="mauticform[email]" value="" placeholder="Enter your email" class="mauticform-input form-control" type="email">
78
-
<spanclass="mauticform-errormsg mt-5 position-absolute" style="display: none;">Please fill the email input.</span>
0 commit comments