gabehf/ecp.org
1
0
Fork 0
mirror of https://github.com/edcommonwealth/ecp.org.git synced 2026-03-14 17:55:55 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

Swap out contact form to one that uses mailgun

Browse source
This commit is contained in:
rebuilt 2022-11-01 15:51:16 -07:00
parent 6df92d6f88
commit 7f433cf223
17 changed files with 130 additions and 70 deletions
Download patch file Download diff file Expand all files Collapse all files

26
app/views/contacts/_new.html.erb Normal file
View file

@ -0,0 +1,26 @@
<div class="container pb-5">
<h1>Contact Form</h1>
<%= form_for @contact do |f| %>
<div class="col-md-6">
<%= f.label :name %></br>
<%= f.text_field :name, required: true, class: "contact-form-text-area" %></br>
<%= f.label :email %></br>
<%= f.text_field :email, required: true, class: "contact-form-text-area" %></br>
<%= f.label :organization %></br>
<%= f.text_field :organization, required: true, class: "contact-form-text-area" %></br>
<%= f.label :message %></br>
<%= f.text_area :message, rows: 8, cols: 40, required: true, class: "contact-form-text-area",
placeholder: "Send me a message"%></br>
<div class= "d-none">
<%= f.label :nickname %>
<%= f.text_field :nickname, :hint => 'Leave this field blank!' %>
</div>
<%= f.submit 'Send Message', class: 'btn btn-primary' %>
</div>
<% end %>
</div>

5
app/views/contacts/create.html.erb Normal file
View file

@ -0,0 +1,5 @@
<div class="container">
<h1>Contact Form</h1>
<h3>Thank you for your message!</h3>
</div>

1
app/views/contacts/new.html.erb Normal file
View file

@ -0,0 +1 @@
<%= render(partial: "new") %>

74
app/views/home/index.html.erb
View file

@ -13,6 +13,8 @@
</div>
</header>
<!-- Features section-->
<section class="py-5 border-bottom" id="features">
<div class="container px-5 my-5">
@ -33,71 +35,9 @@
</div>
</section>
<!-- Contact section-->
<section class="bg-light py-5">
<div class="container px-5 my-5 px-5">
<div class="text-center mb-5">
<div class="feature bg-primary bg-gradient text-white rounded-3 mb-3"><i class="bi bi-envelope"></i></div>
<h2 class="fw-bolder">Get in touch</h2>
<p class="lead mb-0">We'd love to hear from you</p>
</div>
<div class="row gx-5 justify-content-center">
<div class="col-lg-6">
<!-- * * * * * * * * * * * * * * *-->
<!-- * * SB Forms Contact Form * *-->
<!-- * * * * * * * * * * * * * * *-->
<!-- This form is pre-integrated with SB Forms.-->
<!-- To make this form functional, sign up at-->
<!-- https://startbootstrap.com/solution/contact-forms-->
<!-- to get an API token!-->
<form id="contactForm" data-sb-form-api-token="8495ab6d-c9ab-43f4-9e22-4203c4481357">
<!-- Name input-->
<div class="form-floating mb-3">
<input class="form-control" id="name" type="text" placeholder="Enter your name..." data-sb-validations="required" />
<label for="name">Full name</label>
<div class="invalid-feedback" data-sb-feedback="name:required">A name is required.</div>
</div>
<!-- Email address input-->
<div class="form-floating mb-3">
<input class="form-control" id="email" type="email" placeholder="name@example.com" data-sb-validations="required,email" />
<label for="email">Email address</label>
<div class="invalid-feedback" data-sb-feedback="email:required">An email is required.</div>
<div class="invalid-feedback" data-sb-feedback="email:email">Email is not valid.</div>
</div>
<!-- Phone number input-->
<div class="form-floating mb-3">
<input class="form-control" id="phone" type="tel" placeholder="(123) 456-7890" data-sb-validations="required" />
<label for="phone">Phone number</label>
<div class="invalid-feedback" data-sb-feedback="phone:required">A phone number is required.</div>
</div>
<!-- Message input-->
<div class="form-floating mb-3">
<textarea class="form-control" id="message" type="text" placeholder="Enter your message here..." style="height: 10rem" data-sb-validations="required"></textarea>
<label for="message">Message</label>
<div class="invalid-feedback" data-sb-feedback="message:required">A message is required.</div>
</div>
<!-- Submit success message-->
<!---->
<!-- This is what your users will see when the form-->
<!-- has successfully submitted-->
<div class="d-none" id="submitSuccessMessage">
<div class="text-center mb-3">
<div class="fw-bolder">Form submission successful!</div>
To activate this form, sign up at
<br />
<a href="https://startbootstrap.com/solution/contact-forms">https://startbootstrap.com/solution/contact-forms</a>
</div>
</div>
<!-- Submit error message-->
<!---->
<!-- This is what your users will see when there is-->
<!-- an error submitting the form-->
<div class="d-none" id="submitErrorMessage"><div class="text-center text-danger mb-3">Error sending message!</div></div>
<!-- Submit Button-->
<div class="d-grid"><button class="btn btn-primary btn-lg disabled" id="submitButton" type="submit">Submit</button></div>
</form>
</div>
</div>
</div>
</section>
<!-- Message confirmation-->
<%= render partial: 'layouts/message_confirmation' %>
<!-- Contact section-->
<%# <%= link_to "Contact Form", new_contact_path %1> %>
<%= render partial: "contacts/new" %>

6
app/views/layouts/_message_confirmation.html.erb Normal file
View file

@ -0,0 +1,6 @@
<div class="container">
<br>
<% flash.each do |key, message| %>
<p class="alert alert-<%= key %>"><%= message %></p>
<% end %>
</div>

1
app/views/layouts/application.html.erb
View file

@ -13,6 +13,7 @@
<body>
<%= render partial: 'layouts/nav' %>
<%= yield %>
<!-- Footer-->