Free Hat / Subdivisions / Hum Ripple / Thrashcan

Saturday March 30, 2024 08:00 PM EDT 03/30/2024 8:00 PM

Cost: $12.00

From the venue:

Event Organizer

body.scroll-disabled {
overflow: hidden;
}

message-overlay {

position: fixed;
display: none;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.8);
z-index: 999;
overflow: auto;
}

message-modal {

position: relative;
top: 7%;
width: 80%;
max-width: 400px;
margin: auto;
background-color: white;
margin-bottom: 50px;
}

message-modal .panel-heading {

text-align: left;
}

message-modal .contact-field {

text-align: left;
}

message-modal label {

margin: 1em 0 0 0;
padding: 0;
}

message-modal textarea {

resize: vertical;
min-height: 5.5em;
}

message-modal .ft-form-error {

border: 1px solid #cd252f;
}

message-modal .close-contact {

cursor: pointer;
}

message-overlay .panel-footer {

overflow: hidden;
}

message-modal #cancel-message {

float: left;
background: none;
border: none;
color: darkgrey;
}

message-modal #cancel-message:hover, #message-modal #cancel-message:active {

color: black;
}

message-modal #submit-message {

float: right;
transition: all 0.25s;
width: 144px !important;
}

message-modal #submit-message.btn-success {

opacity: 1;
}

.error-message {
display: none;
color: #b94a48;
font-size: 1em;
}

message-form > .error-message {

text-align: center;
}

.contact-field .error-message {
text-align: right;
}

Send a message to Smith’s Olde Bar
Close

Your Email Address

Message

CANCEL
SEND MESSAGE

$(document).ready(function() {
pageBody = $(‘body’);
modal = $(‘#message-overlay’);
email = $(‘#message-email’);
body = $(‘#message-body’);
submit = $(‘#submit-message’);
cancel = $(‘#cancel-message’);
formErrorField = $(‘#message-form > .error-message’);
contactToken = ‘’;

// open modal functionality
function showModal() {
pageBody.addClass(‘scroll-disabled’);
modal.slideDown();
}

$(‘#message-button’).click(function(e) {
e.preventDefault();
showModal();
});

// close modal functionality
function hideModal(callback = function() {}) {
pageBody.removeClass(‘scroll-disabled’);
modal.slideUp(function() {
callback();
});
}

$(window).keydown(function(e) {
if (e.keyCode == 27) {
hideModal();
}
});

$(‘.close-contact’).click(function() {
hideModal();
});

pageBody.click(function(e) {
if (modal.is(‘:visible’)) {
if ($(e.target).attr(‘id’) == ‘message-overlay’) {
hideModal();
}
}
});

// field validation
fieldTouched = {
‘message-email’: false,
‘message-body’: false
};

regex = {

‘message-email’: /

^@\s+@^@\s+.^@\s+$/, ‘message-body’: /

((?!https?:\/\/).)*$/

}

errors = {
‘message-email’: {
‘blank’: ‘Please provide a valid contact email address.’,
‘format’: ‘Please provide a valid contact email address.’
},
‘message-body’: {
‘blank’: ‘Please enter a message.’,
‘format’: ‘Please remove “http://” or “https://” from any links.’
}
};

function validate(field, value) {
if (inputIsBlank(value)) {
return errorsfield ‘blank’;
} else if (inputIsInvalid(field, value)) {
return errorsfield ‘format’;
}
}

function inputIsBlank(value) {
return value.replace(/\s/g, ‘’).length == 0
}

function inputIsInvalid(field, value) {
return value.split(/\s/).join(‘’).match(regexfield) == null;
}

function markAsInvalid(element, message) {
$(element).addClass(‘ft-form-error’);
$(element).next().text(message);
$(element).next().slideDown();

submit.addClass(‘disabled’);
}

function successfulValidation(element) {
markAsValid(element);

if (email.val().length > 0 && body.val().length > 0) {
if ($(‘#message-email.ft-form-error, #message-body.ft-form-error’).length == 0) {
submit.removeClass(‘disabled’);
}
}
}

function markAsValid(element) {
$(element).removeClass(‘ft-form-error’);
$(element).next().slideUp();
}

$(‘#message-email, #message-body’).keyup(function() {
var field = $(this).attr(‘id’);
var value = $(this).val();

fieldTouchedfield = fieldTouchedfield

value.length > 0;
if (fieldTouchedfield) {
var error = validate(field, value);
if (error != null) {
markAsInvalid(this, error);
} else {
successfulValidation(this);
}
}
});
// form submission
function disableForm() {
$(‘#submit-message, #cancel-message’).addClass(‘disabled’);
modal.find(‘input, textarea’).attr(‘disabled’, true);
}
function enableFields() {
modal.find(‘input, textarea’).removeAttr(‘disabled’);
submit.html(‘SEND MESSAGE’);
cancel.removeClass(‘disabled’);
}
function enableForm() {
submit.removeClass(‘disabled’);
enableFields();
}
function scheduleFormReset() {
setTimeout(function() { resetForm() }, 1250);
}
function resetForm() {
hideModal(function() {
email.val();
body.val();
submit.removeClass(‘btn-success’);
enableForm();
});
}
submit.click(function() {
submit.html(‘<i class=”fa fa-cog fa-spin”></i>’);
formErrorField.slideUp();
disableForm();
var emailVal = $(‘#message-email’).val();
var bodyVal = $(‘#message-body’).val();
var yourNameVal = $(‘#your_name’).val();
$.ajax({
url: ‘/organizations/7359e059-a585-421e-9e40-baf4956ba800’,
type: ‘POST’,
dataType: ‘json’,
data: {
‘email’: emailVal,
‘body’: bodyVal,
‘your_name’: yourNameVal,
‘contact_token’: contactToken,
‘authenticity_token’: ‘EN2d2PSYljMVGM3aMdYav0twUaADZRj6bym8joOf2v73ozEovQ4BxAvAlys3eQWIejDg9Hf4hYYU+RJxpoayow==’
},
success: function(data) {
if (data‘contact_token’ != null) {
contactToken = data‘contact_token’;
}
if (data.success) {
submit.html(‘<i class=”fa fa-check-circle”></i>’);
submit.addClass(‘btn-success’);
scheduleFormReset();
} else {
var errors = data‘errors’;
var emailError = errors‘email’;
var bodyError = errors‘body’;
var formError = errors‘form’;
if (emailError != null) {
markAsInvalid(email, emailError);
}
if (bodyError != null) {
markAsInvalid(body, bodyError);
}
if (emailError null && bodyError null) {
formError = formError

‘There was a problem sending your message. Please try again.’;

formErrorField.text(formError);
formErrorField.slideDown();

enableForm();
} else {
enableFields();
}
}
},
error: function() {
formErrorField.text(‘There was a problem sending your message. Please try again.’);
formErrorField.slideDown();

enableForm();
}
});
});
});

Contact Organizer

Smith’s Olde Bar

Deer Fellow / Cody Marlowe / Aaron Rizzo

Wed, March 6, 2024 08:00 PM