2018-03-25 17:20:54 +00:00
|
|
|
<%- # License: AGPL-3.0-or-later WITH Web-Template-Output-Additional-Permission-3.0-or-later -%>
|
2018-03-25 17:30:42 +00:00
|
|
|
<%= content_for(:title_prefix) {"#{@event.name} - #{@event.nonprofit.name}".html_safe} %>
|
|
|
|
<%= content_for(:meta_description) {raw @event.summary} %>
|
|
|
|
<%= content_for(:stylesheets) {stylesheet_link_tag 'events/show/page'} %>
|
|
|
|
<% content_for(:fixed_position_cta_hidden) {'hidden'} %>
|
|
|
|
|
|
|
|
<% @brand_color = @nonprofit.brand_color ? @nonprofit.brand_color : nil %>
|
|
|
|
|
|
|
|
<%= content_for :facebook_tags do %>
|
|
|
|
<meta property="og:title" content="<%= raw @event.name %>" />
|
|
|
|
<meta property="og:description" content="<%= @event.summary.present? ? raw(@event.summary) : raw(@event.name) %>" />
|
|
|
|
<meta property="og:image" content="<%= @event.main_image_url(:normal) %>" />
|
|
|
|
<% end %>
|
|
|
|
|
|
|
|
<%= content_for :twitter_tags do %>
|
|
|
|
<meta property="twitter:title" content="<%= raw @event.name %>" />
|
|
|
|
<meta property="twitter:description" content="<%= raw @event.summary %>" />
|
|
|
|
<meta property="twitter:image" content="<%= @event.main_image_url(:normal) %>" />
|
|
|
|
<% end %>
|
|
|
|
|
|
|
|
<%= content_for :javascripts do %>
|
|
|
|
<script>
|
|
|
|
app.event_id = <%= @event.id %>
|
|
|
|
app.hide_activities = <%= @event.hide_activity_feed %>
|
|
|
|
app.header_image_url = '<%= @event_background_image %>'
|
|
|
|
app.current_event_editor = <%= current_event_editor? %>
|
|
|
|
app.event_url = '<%= nonprofit_event_path(@nonprofit, @event) %>'
|
|
|
|
</script>
|
|
|
|
|
|
|
|
<%= render 'common/froala' if current_event_editor? %>
|
|
|
|
<%= render 'schema', event: @event, url: @url %>
|
2019-12-04 22:22:48 +00:00
|
|
|
<%= javascript_pack_tag 'i18n', 'page__events__show' %>
|
2020-05-15 22:00:47 +00:00
|
|
|
<script>
|
|
|
|
appl.def('event_id', <%= @event.id %>)
|
|
|
|
appl.def('event_is_deleted', <%= @event.deleted || false %>)
|
|
|
|
</script>
|
2018-03-25 17:30:42 +00:00
|
|
|
<% end %>
|
|
|
|
|
|
|
|
<%= content_for :head do %>
|
|
|
|
<meta name="viewport" content="width=device-width, user-scalable=no">
|
|
|
|
<link rel="canonical" href='<%= @url %>' />
|
|
|
|
<% end %>
|
|
|
|
|
|
|
|
<% if current_event_editor? %>
|
|
|
|
<%= render 'admin_top_nav' %>
|
|
|
|
<% end %>
|
|
|
|
|
|
|
|
<%= render 'components/fundraising_pages/header',
|
|
|
|
image_url: @event_background_image,
|
|
|
|
is_editor: current_event_editor?,
|
|
|
|
hide_title: @event.hide_title,
|
2018-11-26 17:55:31 +00:00
|
|
|
header_content_partial: 'header_content',
|
|
|
|
banner_image_url: nil %>
|
2018-03-25 17:30:42 +00:00
|
|
|
|
|
|
|
<%= render 'components/preview_mode_notification' %>
|
|
|
|
|
|
|
|
<div class="container <%= @brand_color ? 'is-branded' : 'not-branded' %>">
|
|
|
|
|
|
|
|
<section class='rightSide'>
|
|
|
|
|
|
|
|
<% if Time.now < @event.end_datetime %>
|
|
|
|
<aside class='u-paddingBottom--15'>
|
|
|
|
<a class='getTickets' if-branded='background-color, dark'>
|
|
|
|
<!--= on 'click' show_new_tickets -->
|
|
|
|
<span class='cornerHoles--top'></span>
|
|
|
|
<hr class='doubleLines'></hr>
|
|
|
|
<span class='getTickets-text'>Get Tickets</span>
|
|
|
|
<hr class='doubleLines'></hr>
|
|
|
|
<span class='cornerHoles--bottom'></span>
|
|
|
|
</a>
|
|
|
|
</aside>
|
|
|
|
<% end %>
|
|
|
|
|
|
|
|
<%= render 'date_time' %>
|
|
|
|
<%= render 'location' %>
|
|
|
|
<%= render 'event_metrics' if (@event.show_total_raised || @event.show_total_count) %>
|
|
|
|
|
|
|
|
<div class='u-marginBottom--15'>
|
|
|
|
<button class='js-openDonationModal button--jumbo u-width--full' if-branded='background-color, dark' href='#donate'> <i class="fa fa-heart"></i> Donate </button>
|
|
|
|
</div>
|
|
|
|
<%= render 'organizer' %>
|
|
|
|
|
|
|
|
<aside class='pastelBox--grey u-marginBottom--15'>
|
|
|
|
<header>Promote this event</header>
|
|
|
|
<div class='pastelBox-body'>
|
|
|
|
<%= render 'common/social_buttons' %>
|
|
|
|
</div>
|
|
|
|
</aside>
|
|
|
|
|
|
|
|
<% unless @event.hide_activity_feed %>
|
|
|
|
<div class='hideWhenMobile'>
|
|
|
|
<%= render 'components/activity_feed' %>
|
|
|
|
</div>
|
|
|
|
<% end %>
|
|
|
|
</section>
|
|
|
|
|
|
|
|
|
|
|
|
<section class='leftSide'>
|
|
|
|
<div class='u-marginBottom--15 editable' id='js-eventDescription' data-path='<%= nonprofit_event_path(@nonprofit, @event) %>' data-key='event[body]'>
|
|
|
|
<%= raw(@event.body) %>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<% unless @event.hide_activity_feed %>
|
|
|
|
<div class='showWhenMobile'>
|
|
|
|
<%= render 'components/activity_feed' %>
|
|
|
|
</div>
|
|
|
|
<% end %>
|
|
|
|
</section>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div id='js-main'></div>
|
|
|
|
|
|
|
|
<!-- modals -->
|
|
|
|
|
|
|
|
<% if current_event_editor? %>
|
|
|
|
<%= render 'settings_modal' %>
|
|
|
|
<%= render 'events/discounts/manage_modal' %>
|
|
|
|
<%= render 'events/discounts/create_or_edit_modal' %>
|
|
|
|
<%= render 'ticket_levels/manage_modal' %>
|
|
|
|
<%= render 'ticket_levels/create_or_edit_modal' %>
|
|
|
|
<%= render 'components/upload_background_image',
|
|
|
|
end_point: nonprofit_event_path(@nonprofit, @event),
|
|
|
|
image_url: @event_background_image,
|
|
|
|
input_name: 'event[background_image]' %>
|
|
|
|
<%= render 'components/custom_receipt_modal',
|
|
|
|
title: 'Ticket Email Message',
|
|
|
|
type: 'event',
|
|
|
|
path: nonprofit_event_path(@nonprofit, @event),
|
|
|
|
key: 'event[receipt_message]',
|
|
|
|
text: @event.receipt_message %>
|
|
|
|
<%= render 'components/duplicate_fundraiser_modal', type: 'event' %>
|
|
|
|
<% end %>
|
|
|
|
|
|
|
|
<%= render 'components/share_modal', name: @event.name, type: 'event' %>
|
|
|
|
|
|
|
|
|
|
|
|
<%= render 'nonprofits/donate/modal' %>
|
|
|
|
<%= render 'tickets/new_modal', profile: current_user ? current_user.profile : nil %>
|
|
|
|
<%= render 'contact_organizer_modal' %>
|
|
|
|
<%= render 'common/email_share_modal', fundraiser: @event.name, fundraiser_url: @url %>
|