81 lines
4 KiB
Text
81 lines
4 KiB
Text
<% if billboard.template == "plain" %>
|
|
<div
|
|
data-display-unit data-id="<%= billboard.id %>"
|
|
data-category-click="<%= BillboardEvent::CATEGORY_CLICK %>"
|
|
data-category-impression="<%= BillboardEvent::CATEGORY_IMPRESSION %>"
|
|
data-context-type="<%= data_context_type %>"
|
|
data-special="<%= billboard.special_behavior %>"
|
|
data-article-id="<%= @article&.id %>"
|
|
data-type-of="<%= billboard.type_of %>">
|
|
<%= billboard.processed_html.html_safe %>
|
|
</div>
|
|
<% elsif billboard.placement_area.start_with?("feed_") %>
|
|
<div class="crayons-story crayons-story__billboard billboard js-billboard"
|
|
data-display-unit data-id="<%= billboard.id %>"
|
|
data-category-click="<%= BillboardEvent::CATEGORY_CLICK %>"
|
|
data-category-impression="<%= BillboardEvent::CATEGORY_IMPRESSION %>"
|
|
data-context-type="<%= data_context_type %>"
|
|
data-special="<%= billboard.special_behavior %>"
|
|
data-article-id="<%= @article&.id %>"
|
|
data-type-of="<%= billboard.type_of %>">
|
|
<div class="crayons-story__body">
|
|
<div class="crayons-story__top">
|
|
<%= render partial: "shared/billboard_header", locals: { billboard: billboard } %>
|
|
</div>
|
|
<div class="crayons-story__indention-billboard">
|
|
<div class="text-styles text-styles--billboard">
|
|
<%= billboard.processed_html.html_safe %>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<% elsif billboard.placement_area == "home_hero" %>
|
|
<div class="crayons-card crayons-card--secondary crayons-sponsorship crayons-story__billboard hero-billboard js-billboard"
|
|
data-display-unit data-id="<%= billboard.id %>"
|
|
data-category-click="<%= BillboardEvent::CATEGORY_CLICK %>"
|
|
data-category-impression="<%= BillboardEvent::CATEGORY_IMPRESSION %>"
|
|
data-context-type="<%= data_context_type %>"
|
|
data-special="<%= billboard.special_behavior %>"
|
|
data-article-id="<%= @article&.id %>"
|
|
data-type-of="<%= billboard.type_of %>">
|
|
<%= render partial: "shared/billboard_header", locals: { billboard: billboard } %>
|
|
<div class="p-1 text-styles text-styles--billboard">
|
|
<%= billboard.processed_html.html_safe %>
|
|
</div>
|
|
</div>
|
|
<% elsif billboard.placement_area == "post_fixed_bottom" %>
|
|
<div class="crayons-card crayons-card--secondary crayons-sponsorship popover-billboard crayons-story__billboard js-billboard fixed bottom-0 left-0 right-0"
|
|
data-display-unit data-id="<%= billboard.id %>"
|
|
data-category-click="<%= BillboardEvent::CATEGORY_CLICK %>"
|
|
data-category-impression="<%= BillboardEvent::CATEGORY_IMPRESSION %>"
|
|
data-context-type="<%= data_context_type %>"
|
|
data-dismissal-sku="<%= billboard.dismissal_sku %>"
|
|
data-special="<%= billboard.special_behavior %>"
|
|
data-article-id="<%= @article&.id %>"
|
|
data-type-of="<%= billboard.type_of %>">
|
|
<div class="flex">
|
|
<%= render partial: "shared/billboard_header", locals: { billboard: billboard } %>
|
|
<button id="sponsorship-close-trigger-<%= billboard.id %>" aria-controls="sponsorship-close-<%= billboard.id %>"
|
|
class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon">
|
|
<%= crayons_icon_tag("x", class: "pointer-events-none", title: t("billboard.menu.close")) %>
|
|
</button>
|
|
</div>
|
|
<div class="p-1 text-styles text-styles--billboard">
|
|
<%= billboard.processed_html.html_safe %>
|
|
</div>
|
|
</div>
|
|
<% else %>
|
|
<div class="crayons-card crayons-card--secondary crayons-sponsorship billboard js-billboard"
|
|
data-display-unit data-id="<%= billboard.id %>"
|
|
data-category-click="<%= BillboardEvent::CATEGORY_CLICK %>"
|
|
data-category-impression="<%= BillboardEvent::CATEGORY_IMPRESSION %>"
|
|
data-context-type="<%= data_context_type %>"
|
|
data-special="<%= billboard.special_behavior %>"
|
|
data-article-id="<%= @article&.id %>"
|
|
data-type-of="<%= billboard.type_of %>">
|
|
<%= render partial: "shared/billboard_header", locals: { billboard: billboard } %>
|
|
<div class="p-1 pt-3 text-styles text-styles--billboard">
|
|
<%= billboard.processed_html.html_safe %>
|
|
</div>
|
|
</div>
|
|
<% end %>
|