houdini/app/views/events/show.html.erb

140 lines
4.9 KiB
Text

<%- # License: AGPL-3.0-or-later WITH Web-Template-Output-Additional-Permission-3.0-or-later -%>
<%= 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 %>
<%= javascript_pack_tag 'i18n', 'page__events__show' %>
<script>
appl.def('event_id', <%= @event.id %>)
appl.def('event_is_deleted', <%= @event.deleted || false %>)
</script>
<% 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,
header_content_partial: 'header_content',
banner_image_url: nil %>
<%= 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 %>