wcc-contentful-app 0.4.0.pre.alpha → 1.0.0

data/app/helpers/wcc/contentful/app/section_helper.rb

@@ -0,0 +1,135 @@
+# frozen_string_literal: true
+
+require 'redcarpet'
+
+module WCC::Contentful::App::SectionHelper
+  extend self
+
+  def render_section(section, index)
+    render('components/section', section: section, index: index)
+  end
+
+  def section_template_name(section)
+    section.class.name.demodulize.underscore.sub('section_', '')
+  end
+
+  def section_css_name(section)
+    section_template_name(section).dasherize
+  end
+
+  def section_styles(section)
+    section_styles = ['section-' + section_css_name(section)]
+    if styles = section.try(:styles)
+      section_styles.push(styles.map { |style| style.downcase.gsub(/[^\w]/, '-') })
+    elsif style = section.try(:style)
+      section_styles.push(style.downcase.gsub(/[^\w]/, '-'))
+    else
+      section_styles.push('default')
+    end
+    section_styles
+  end
+
+  def section_id(section)
+    title = section.try(:bookmark_title) || section.try(:title)
+    CGI.escape(title.gsub(/\W+/, '-')) if title.present?
+  end
+
+  def markdown(text)
+    raise ArgumentError, 'markdown method requires text' unless text
+
+    markdown_links = links_within_markdown(text)
+    links_with_classes, raw_classes = gather_links_with_classes_data(markdown_links)
+
+    options = {
+      filter_html: true,
+      hard_wrap: true,
+      link_attributes: { target: '_blank' },
+      space_after_headers: true,
+      fenced_code_blocks: true,
+      links_with_classes: links_with_classes
+    }
+
+    extensions = {
+      autolink: true,
+      superscript: true,
+      disable_indented_code_blocks: true,
+      tables: true
+    }
+
+    renderer = ::WCC::Contentful::App::CustomMarkdownRender.new(options)
+    markdown = ::Redcarpet::Markdown.new(renderer, extensions)
+    html_to_render = markdown.render(remove_markdown_href_class_syntax(raw_classes, text))
+
+    content_tag(:div,
+      CGI.unescapeHTML(html_to_render).html_safe,
+      class: 'formatted-content')
+  end
+
+  def links_within_markdown(text)
+    text.scan(/(\[(.*?)\]\((.*?)\)(\{\:.*?\})?)/)
+  end
+
+  def gather_links_with_classes_data(markdown_links)
+    links_with_classes_arr = []
+    raw_classes_arr = []
+    markdown_links.each do |markdown_link_arr|
+      next unless markdown_link_arr.last.present?
+
+      raw_class = markdown_link_arr[3]
+      url, title = url_and_title(markdown_link_arr[2])
+      content = markdown_link_arr[1]
+      classes = capture_individual_classes(raw_class)
+      link_class = combine_individual_classes_to_one_string(classes)
+
+      raw_classes_arr << raw_class
+      links_with_classes_arr << [url, title, content, link_class]
+    end
+
+    [links_with_classes_arr, raw_classes_arr]
+  end
+
+  def remove_markdown_href_class_syntax(raw_classes, text)
+    text_without_markdown_class_syntax = text.dup
+    raw_classes.each { |klass| text_without_markdown_class_syntax.slice!(klass) }
+    text_without_markdown_class_syntax
+  end
+
+  def url_and_title(markdown_link_and_title)
+    match =
+      markdown_link_and_title.scan(
+        /(\s|^)(https?:\/\/\S*|^\/\S*\/*\S*|^#\S*|mailto:\S*)(?=\s|$)|(\".*?\")/
+      )
+    url = match[0][1]
+    title = match[1] ? match[1][2] : nil
+    [url, title]
+  end
+
+  def capture_individual_classes(classes)
+    classes.scan(/\.[^\.\}\s]*/)
+  end
+
+  def combine_individual_classes_to_one_string(classes)
+    class_string = ''
+    classes.each do |klass|
+      class_string += klass.tr('.', '') + ' '
+    end
+    class_string
+  end
+
+  def safe_line_break(text, options = {})
+    return unless text.present?
+
+    text = CGI.escapeHTML(text)
+    text = text.gsub(/\&amp;(nbsp|vert|\#\d+);/, '&\1;')
+      .gsub(/\&lt;br\/?\&gt;/, '<br/>')
+    content_tag(:span, text.html_safe, {
+      class: 'safe-line-break'
+    }.merge(options))
+  end
+
+  def split_content_for_mobile_view(visible_count, speakers)
+    visible_count = visible_count.to_i
+    speakers = [*speakers].compact
+    [speakers.shift(visible_count), speakers]
+  end
+end

data/app/mailers/wcc/contentful/app/contact_mailer.rb

@@ -0,0 +1,11 @@
+# frozen_string_literal: true
+
+module WCC::Contentful::App
+  class ContactMailer < ::ApplicationMailer
+    def contact_form_email(to_email, data)
+      @form_data = data
+
+      mail(from: @form_data[:Email], to: to_email, subject: "#{@form_data[:internal_title]} Submission")
+    end
+  end
+end

data/app/models/concerns/wcc/contentful/app/preview_password.rb

@@ -0,0 +1,19 @@
+# frozen_string_literal: true
+
+module WCC::Contentful::App::PreviewPassword
+  def preview?
+    # check ApplicationController for a :preview? method
+    return super if defined?(super)
+
+    @preview ||=
+      if preview_password.present?
+        params[:preview]&.chomp == preview_password.chomp
+      else
+        false
+      end
+  end
+
+  def preview_password
+    WCC::Contentful::App.configuration.preview_password
+  end
+end

data/app/models/wcc/contentful/app/contact_form_submission.rb

@@ -0,0 +1,9 @@
+# frozen_string_literal: true
+
+module WCC::Contentful::App
+  if defined?(::ActiveRecord)
+    class ContactFormSubmission < ::ActiveRecord::Base
+      self.table_name = 'wcc_contentful_app_contact_form_submissions'
+    end
+  end
+end

data/app/models/wcc/contentful/app/custom_markdown_render.rb

@@ -0,0 +1,43 @@
+# frozen_string_literal: true
+
+module WCC::Contentful::App
+  class CustomMarkdownRender < Redcarpet::Render::HTML
+    def initialize(options)
+      super
+      @options = options
+    end
+
+    def link(link, title, content)
+      link_with_class_data =
+        @options[:links_with_classes]&.find do |link_with_class|
+          link_with_class[0] == link &&
+            link_with_class[2] == CGI.unescape_html(content)
+        end
+
+      link_class = link_with_class_data ? link_with_class_data[3] : nil
+      ActionController::Base.helpers.link_to(
+        content,
+        link,
+        hyperlink_attributes(title, link, link_class)
+      )
+    end
+
+    def hyperlink_attributes(title, url, link_class = nil)
+      link_attrs = { title: title, class: link_class }
+
+      link_attrs[:target] = use_target_blank?(url) ? '_blank' : nil
+
+      return link_attrs unless @options[:link_attributes]
+
+      @options[:link_attributes].merge(link_attrs)
+    end
+
+    def use_target_blank?(url)
+      url.scan(/(\s|^)(https?:\/\/\S*)/).present?
+    end
+
+    def table(header, body)
+      "<table class=\"table\">#{header}#{body}</table>"
+    end
+  end
+end

data/app/views/components/_faq_row.html.erb

@@ -0,0 +1,21 @@
+<div class="row justify-content-center section-faq__row">
+  <div class="col-md-6 col-xs-8 section-faq__faq"
+    data-toggle="collapse" data-target="#faq-section-<%= faq.id %>">
+    <div class="section-faq__faq-question safe-line-break"><%= safe_line_break(faq.questions) %></div>
+
+    <div class="section-faq__faq-answer collapse" id="faq-section-<%= faq.id %>">
+      <%= markdown(faq.answers) if faq.answers.present? %>
+    </div>
+  </div>
+  <div class="col-md-1 col-xs-1 section-faq__expander">
+    <a href="#faq-section-<%= faq.id %>" id="faq-section-<%= faq.id %>-expander"
+        role="button"
+        data-toggle="collapse"
+        aria-expanded="false"></a>
+  </div>
+</div>
+<div class="row justify-content-center">
+  <div class="col-md-8 col-xs-10">
+    <div class="horizontal-line"></div>
+  </div>
+</div>

data/app/views/components/_menu-item.html.erb

@@ -0,0 +1,41 @@
+<% return '' unless item
+
+   classes ||= ['nav-item']
+   classes.push('active') if item_active?(item)
+   classes.push('dropdown') if dropdown?(item)
+
+   tabindex ||= 0 %>
+<%= content_tag(:li, class: classes) do %>
+  <% if dropdown?(item) %>
+    <% if item.label %>
+      <%= render_button(item.label,
+            class: 'nav-link dropdown-toggle',
+            data: { toggle: 'dropdown' },
+            role: 'button',
+            tabindex: tabindex) %>
+    <% else %>
+      <%= content_tag(:a, item.name,
+            class: 'nav-link dropdown-toggle',
+            data: { toggle: 'dropdown' },
+            role: 'button',
+            tabindex: tabindex) %>
+    <% end %>
+
+    <div class='dropdown-menu'>
+      <% item.items.each do |dropdown_item|
+        next unless dropdown_item %>
+        <% if menu_button?(dropdown_item) %>
+          <%= render_button(dropdown_item,
+                class: 'dropdown-item',
+                tabindex: tabindex) %>
+        <% else %>
+          <%= render 'components/other-menu-item', item: dropdown_item, tabindex: tabindex %>
+        <% end %>
+      <% end %>
+    </div>
+  <% elsif menu_button?(item) %>
+    <%= render_button(item, class: 'nav-link', tabindex: tabindex) %>
+  <% else %>
+    <%= render 'components/other-menu-item', item: item, tabindex: tabindex %>
+  <% end %>
+<% end %>

data/app/views/components/_other-menu-item.html.erb

@@ -0,0 +1,4 @@
+<span>
+  Unknown menu item: <%= item.class.name %>,
+  Please implement <code>components/_other-menu-item.html.erb</code>
+</span>

data/app/views/components/_section.html.erb

@@ -0,0 +1,11 @@
+<% styles ||= []
+   styles.push(*section_styles(section))
+   section_prefixes ||= nil
+   section_name = section_template_name(section) %>
+<%= content_tag(:section, class: styles, id: section_id(section)) do %>
+  <% if section_prefixes && lookup_context.exists?(section_name, [*section_prefixes], true) %>
+    <%= render([*section_prefixes, section_name].join('/'), section: section) %>
+  <% else %>
+    <%= render("sections/#{section_name}", section: section) %>
+  <% end %>
+<% end %>

data/app/views/layouts/mailer.html.erb

@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+  </head>
+  <body>
+    <%= yield %>
+  </body>
+</html>

data/app/views/layouts/mailer.text.erb

@@ -0,0 +1 @@
+<%= content_for?(:content) ? yield(:content) : yield %>

data/app/views/pages/show.html.erb

@@ -0,0 +1,4 @@
+<% @page.sections&.each_with_index do |section, index|
+  next if section.nil? %>
+  <%= render_section(section, index) %>
+<% end %>

data/app/views/sections/_block_text.html.erb

@@ -0,0 +1,5 @@
+<div class="row justify-content-center">
+  <div class="col col-md-10 col-lg-8">
+    <%= markdown(section.body) if section.body.present? %>
+  </div>
+</div>

data/app/views/sections/_code_widget.html.erb

@@ -0,0 +1,3 @@
+<div class="widget-<%= section.view %>">
+  <%= render "sections/code_widget/#{section.view}", section: section %>
+</div>

data/app/views/sections/_contact_form.html.erb

@@ -0,0 +1,53 @@
+<div class="row justify-content-center">
+  <div class="col-xs-12 col-md-10">
+    <div class="contact-panel__header">
+      <%= markdown(section.text) %>
+    </div><!--contact-panel__header-->
+
+    <div class="contact-panel__form">
+      <%= form_tag wcc_contentful_app_engine.contact_form_path,
+            remote: true,
+            data: { contact_form: true },
+            method: 'post' do %>
+        <input type="hidden" name="id" value="<%= section.id %>">
+        <%= hidden_field_tag :internal_title, section.internal_title %>
+        <% if defined?(email_object_id) %>
+          <input
+            id="email-object-id"
+            type="hidden"
+            name="email_object_id"
+            value="<%= email_object_id %>">
+        <% end %>
+
+        <% section.fields&.each do |field| %>
+          <div class="form-group contact-panel__form-field">
+            <label for="" class="contact-panel__form-field-label"><%= field.title %></label>
+            <%= case field.input_type
+                when 'email'
+                  content_tag(:input,
+                    nil,
+                    type: 'email',
+                    name: field.title,
+                    class: 'form-control',
+                    required: true)
+                when 'textarea'
+                  content_tag(:textarea,
+                    nil,
+                    rows: 8,
+                    columnns: 80,
+                    name: field.title,
+                    class: 'form-control',
+                    minlength: 5,
+                    required: true)
+                else
+                  content_tag(:input, nil, type: 'text', name: field.title, class: 'form-control')
+                end %>
+          </div>
+        <% end %>
+        <%= submit_tag section.submit_button_text || 'Submit',
+              class: 'btn btn-primary', data: { disable_with: 'Submitting...' } %>
+      <% end %>
+
+    </div><!--contact-panel__content-->
+  </div><!--column-->
+</div><!--row-->

data/app/views/sections/_faq.html.erb

@@ -0,0 +1,36 @@
+<div class="row justify-content-center">
+  <div class="col-md-6 col-xs-8">
+    <h2 class="section-faq__header float-right safe-line-break"><%= safe_line_break(section.title) %></h2>
+  </div>
+</div>
+
+<% visible, hidden =
+     split_content_for_mobile_view(section.number_of_faqs_before_fold || 3, section.faqs) %>
+<% visible.each_with_index do |faq, index| %>
+  <%= render partial: 'components/faq_row', locals: { faq: faq } %>
+<% end %>
+<div class="collapse" id="faq-hidden-collapse">
+  <% hidden.each_with_index do |faq, index| %>
+    <%= render partial: 'components/faq_row', locals: { faq: faq } %>
+  <% end %>
+</div>
+
+<% unless section.number_of_faqs_before_fold.nil? %>
+  <% if section.faqs && section.faqs.count > section.number_of_faqs_before_fold %>
+    <div class="row justify-content-md-end section-faq__show-more">
+      <div class="col-md-3 col-xs-12">
+        <a class="section-faq__show-more-button"
+          data-toggle="collapse" href="#faq-hidden-collapse"
+          role="button"
+          aria-expanded="false">
+          <span class="section-faq__show-more-button__expanded">
+            <%= section.fold_button_hide_text || 'SEE LESS' %> <%= image_tag('up-arrow-primary.svg') %>
+          </span>
+          <span class="section-faq__show-more-button__collapsed">
+            <%= section.fold_button_show_text || 'SEE MORE' %> <%= image_tag('down-arrow-primary.svg') %>
+          </span>
+        </a>
+      </div>
+    </div>
+  <% end %>
+<% end %>

data/app/views/sections/_http_error.html.erb

@@ -0,0 +1,13 @@
+<div class="section-error-page" style="background-image: url(<%= section.background_image&.file&.url %>);">
+  <div class="row">
+    <div class="col">
+      <div class="error-page__content">
+        <h2 class="error-page__content__title"><%= section.errorCode %></h2>
+        <p class="error-page__content__text"><%= markdown(section.text) if section.text.present? %></p>
+        <% section.actionButton&.each do |button| %>
+          <%= render_button(button, class: 'btn btn-outline-light') if button %>
+        <% end %>
+      </div><!--error-page__content-->
+    </div><!--column-->
+  </div><!--row-->
+</div>