143 lines
5.2 KiB
Text
143 lines
5.2 KiB
Text
<%= content_for(:title_prefix) { "#{@campaign.name} - #{@campaign.nonprofit.name} | ".html_safe } %>
|
|
<% content_for(:fixed_position_cta_hidden) {'hidden'} %>
|
|
<%= content_for(:meta_description) {raw @campaign.summary} %>
|
|
<% @brand_color = @nonprofit.brand_color ? @nonprofit.brand_color : nil %>
|
|
|
|
<%= content_for :javascripts do %>
|
|
<script>
|
|
app.campaign_id = <%= @campaign.id %>
|
|
app.campaign = <%= raw(@campaign.to_json) %>
|
|
app.header_image_url = '<%= @campaign_background_image %>'
|
|
app.campaign_end_datetime = '<%= @campaign.end_datetime %>'
|
|
app.timezone = '<%= @timezone %>'
|
|
app.end_date_time = app.campaign_end_datetime
|
|
app.hide_activities = <%= @campaign.hide_activity_feed %>
|
|
app.days_remaining = '<%= @campaign.days_left %>'
|
|
app.recurring_fund = <%= @campaign.recurring_fund? %>
|
|
app.vimeo_id = "<%= @campaign.vimeo_video_id ? @campaign.vimeo_video_id : '' %>"
|
|
app.current_campaign_editor = <%= current_campaign_editor? %>
|
|
appl.def('has_video', <%= @campaign.video_url.present? %>)
|
|
appl.def('campaign_is_deleted', <%= @campaign.deleted || false %>)
|
|
appl.def('has_main_image', <%= @campaign.main_image.file.present? %>)
|
|
</script>
|
|
<%= render 'schema', campaign: @campaign, url: @url %>
|
|
<%= render 'common/froala' if current_campaign_editor? %>
|
|
|
|
<%= IncludeAsset.js '/client/js/campaigns/show/page.js' %>
|
|
<% end %>
|
|
|
|
<%= content_for :stylesheets do %>
|
|
<%= stylesheet_link_tag 'campaigns/show/page' %>
|
|
<%= stylesheet_link_tag 'campaigns/edit/page' %>
|
|
<style>
|
|
.force-
|
|
.ios-force-absolute-positioning {
|
|
position: absolute !important;
|
|
}
|
|
</style>
|
|
<% end %>
|
|
|
|
<% content_for :head do %>
|
|
<link rel="canonical" href='<%= @url %>' />
|
|
<% end %>
|
|
|
|
<%= content_for :facebook_tags do %>
|
|
<meta property="og:title" content="<%= raw @campaign.name %>">
|
|
<meta property="og:description" content="<%= @campaign.summary.present? ? raw(@campaign.summary) : raw(@campaign.name) %>">
|
|
<meta property="og:image" content="<%= @campaign.main_image_url(:normal) %>">
|
|
<% end %>
|
|
|
|
<%= content_for :twitter_tags do %>
|
|
<meta property="twitter:title" content="<%= raw @campaign.name %>">
|
|
<meta property="twitter:description" content="<%= raw @campaign.summary %>">
|
|
<meta property="twitter:image" content="<%= @campaign.main_image_url(:normal) %>">
|
|
<% end %>
|
|
|
|
<% if current_campaign_editor? %>
|
|
<%= render 'admin_top_nav' %>
|
|
<% end %>
|
|
|
|
<%= render '/components/trial_bar' if QueryBillingSubscriptions.currently_in_trial?(@nonprofit.id) %>
|
|
|
|
<%= render 'components/fundraising_pages/header',
|
|
image_url: @campaign_background_image,
|
|
is_editor: current_campaign_editor?,
|
|
hide_title: @campaign.hide_title && @campaign_background_image,
|
|
header_content_partial: 'header_content' %>
|
|
|
|
<%= render 'components/preview_mode_notification' %>
|
|
|
|
<div class="container u-marginTop--15 <%= @brand_color ? 'is-branded' : '' %>" data-id='<%= @campaign.id %>'>
|
|
|
|
|
|
<section class='box'>
|
|
<%= render 'campaign_media' %>
|
|
</section>
|
|
|
|
<section class='box-r'>
|
|
|
|
<% if current_campaign_editor? %>
|
|
<!-- Campaign editor gift option management modal -->
|
|
<button class='button edit u-width--full u-marginBottom--15'>
|
|
<!--= on 'click' (open_modal 'manageGiftOptionsModal') -->
|
|
<i class='fa fa-gift'></i> Manage Gift Options
|
|
</button>
|
|
<% end %>
|
|
|
|
<!-- flimflam gift options javascript gets rendered into this div: -->
|
|
<div class='ff-sidebar'></div>
|
|
|
|
<aside class='u-marginTop--15 pastelBox--grey'>
|
|
<header>Promote This Campaign</header>
|
|
<div class='pastelBox-body'>
|
|
<%= render 'common/social_buttons' %>
|
|
</div>
|
|
</aside>
|
|
|
|
<% unless current_campaign_editor? %>
|
|
<aside class='u-marginTop--15'>
|
|
<a class='button u-width--full' target='_blank' if-branded='background-color, dark' href='/peer-to-peer?npo_id=<%=@nonprofit.id %>'>
|
|
Start Your Own Campaign for <%= @nonprofit.name %>
|
|
</a>
|
|
</aside>
|
|
<% end %>
|
|
|
|
</section>
|
|
|
|
<section class='box'>
|
|
|
|
<div id='js-campaignBody' class='editable' data-path='/nonprofits/<%= @nonprofit.id %>/campaigns/<%= @campaign.id %>.json' data-key='campaign[body]'>
|
|
<%= raw @campaign.body %>
|
|
</div>
|
|
|
|
<% unless @campaign.hide_activity_feed %>
|
|
<div class='u-marginTop--15 showWhenMobile'>
|
|
<%= render 'components/activity_feed' %>
|
|
</div>
|
|
<% end %>
|
|
</section>
|
|
</div>
|
|
|
|
|
|
<% if current_campaign_editor? %>
|
|
<%= render 'settings_modal' %>
|
|
<%= render 'video_modal' %>
|
|
<%= render 'donations/campaign_new_offline_modal' %>
|
|
<%= render 'campaign_gift_options/manage_modal'%>
|
|
<%= render 'campaign_gift_options/form_modal'%>
|
|
<%= render 'components/upload_background_image',
|
|
end_point: "/nonprofits/#{@nonprofit.id}/campaigns/#{@campaign.id}",
|
|
image_url: @campaign_background_image,
|
|
input_name: 'campaign[background_image]' %>
|
|
<%= render 'components/custom_receipt_modal',
|
|
title: 'Campaign Receipt Message',
|
|
type: 'campaign',
|
|
path: nonprofit_campaign_path(@nonprofit, @campaign),
|
|
key: 'campaign[receipt_message]',
|
|
text: @campaign.receipt_message %>
|
|
<%= render 'components/duplicate_fundraiser_modal', type: 'campaign' %>
|
|
<% end %>
|
|
|
|
<%= render 'components/share_modal', name: @campaign.name, type: 'campaign' %>
|
|
<%= render 'common/email_share_modal', fundraiser: @campaign.name, fundraiser_url: @url %>
|
|
|