Control the order of navigation links (#282)

- adds ability to select and sort order of static and dynamic pages to
  appear in the navigation using selectize
- removes Page#hide_navigation for controlling page nav visibility
- simplifies Website#footer_categories by using selectize with select to
  create an array instead of string
- adds published boolean view to pages#index view
- fixes hover color for header nav links

[Control the order of navigation links](https://miro.com/app/board/uXjVO6C1LxA=/?moveToWidget=3458764523892494933&cot=14)

Author: jonsgreen

app/assets/javascripts/base.js

@@ -6,8 +6,12 @@ $(document).ready(function() {
     $(".alert").not('.alert-confirm, .scheduling-error').alert('close');
   }, 5000);
 
-  $(".selectize-tags").selectize({
-    delimiter: ",",
+  $(".selectize-sortable").selectize({
+    plugins: ["drag_drop"],
+  });
+
+  $(".selectize-create").selectize({
+    plugins: ["drag_drop"],
     persist: false,
     create: function (input) {
       return {

app/assets/stylesheets/modules/_code-mirror.scss

@@ -1,5 +1,6 @@
 .CodeMirror {
   /* Bootstrap Settings */
+  min-height: 60vh;
   box-sizing: border-box;
   margin: 0;
   font: inherit;

app/assets/stylesheets/themes/default/application.scss

@@ -10,7 +10,7 @@
   --body_background_color: white;
   --nav_background_color: black;
   --nav_text_color: white;
-  --nav_link_hover: black;
+  --nav_link_hover: white;
   --main_content_background: white;
   --sans-serif-font: 'Rubik';
 }

app/assets/stylesheets/themes/default/footer.scss

@@ -1,8 +1,8 @@
 footer {
   color: white;
   .overlay {
-    background-color: black !important;
-    opacity: 0.9 !important;
+    background-color: black;
+    opacity: 0.9;
     padding: 20px 30px 35px;
   }
   .footer-header {

app/controllers/staff/pages_controller.rb

@@ -91,7 +91,6 @@ def page_params
         :template,
         :name,
         :slug,
-        :hide_navigation,
         :hide_page,
         :hide_header,
         :hide_footer,

app/controllers/staff/websites_controller.rb

@@ -24,7 +24,7 @@ def update
   private
 
   def set_website
-    @website = current_event.website || current_event.build_website
+    @website = (current_event.website || current_event.build_website).decorate
   end
 
   def authorize_website
@@ -47,7 +47,8 @@ def website_params
         :twitter_handle,
         :facebook_url,
         :instagram_url,
-        :footer_categories,
+        footer_categories: [],
+        navigation_links: [],
       )
   end
 end

app/decorators/website_decorator.rb

@@ -1,6 +1,12 @@
 class WebsiteDecorator < ApplicationDecorator
   delegate_all
 
+  DEFAULT_LINKS = {
+    'Schedule' => 'schedule',
+    'Program' => 'program',
+    'Sponsors' => 'sponsors',
+  }.freeze
+
   def name
     event.name
   end
@@ -13,7 +19,7 @@ def event
     @event ||= object.event.decorate
   end
 
-  def location
+  def formatted_location
     h.simple_format(object.location)
   end
 
@@ -33,15 +39,11 @@ def sponsors_in_footer
     event.sponsors.published.with_footer_image.order_by_tier
   end
 
-  def navigation_page_names_and_slugs
-    pages.navigatable.pluck(:name, :slug)
-  end
-
   def categorized_footer_pages
     pages.in_footer
       .select(:footer_category, :name, :slug)
       .group_by(&:footer_category)
-      .sort_by { |category, _| footer_categories.index(category) }
+      .sort_by { |category, _| footer_categories.index(category) || 1_000 }
   end
 
   def twitter_url
@@ -57,4 +59,11 @@ def background_style
 
     { style: "background-image: url('#{h.url_for(background)}');" }
   end
+
+  def link_options
+    @link_options ||= pages.published.pluck(:name, :slug)
+      .each_with_object(DEFAULT_LINKS.dup) do |(name, slug), memo|
+      memo[name] = slug
+    end
+  end
 end

app/models/page.rb

@@ -7,7 +7,6 @@ class Page < ApplicationRecord
   belongs_to :website
 
   scope :published, -> { where.not(published_body: nil).where(hide_page: false) }
-  scope :navigatable, -> { published.where(hide_navigation: false) }
   scope :in_footer, -> { published.where.not(footer_category: [nil, ""]) }
 
   validates :name, :slug, presence: true
@@ -16,6 +15,10 @@ class Page < ApplicationRecord
 
   BLANK_SLUG = "0"
 
+  def published?
+    published_body.present? && !hide_page
+  end
+
   def to_param
     persisted? ? slug : BLANK_SLUG
   end
@@ -48,7 +51,7 @@ def self.from_template(key, attrs)
 #  hide_header      :boolean          default(FALSE), not null
 #  hide_footer      :boolean          default(FALSE), not null
 #  hide_page        :boolean          default(FALSE), not null
-#  hide_navigation  :boolean          default(FALSE), not null
+#  footer_category  :string
 #
 # Indexes
 #

app/models/website.rb

@@ -7,11 +7,6 @@ class Website < ApplicationRecord
 
   DEFAULT = 'default'.freeze
 
-  def footer_categories=(values)
-    categories = values.is_a?(String) ? values.split(',') : values
-    self[:footer_categories] = categories
-  end
-
   def self.domain_match(domain)
     where(arel_table[:domains].matches("%#{(domain)}"))
   end
@@ -21,18 +16,23 @@ def self.domain_match(domain)
 #
 # Table name: websites
 #
-#  id                :bigint(8)        not null, primary key
-#  event_id          :bigint(8)
-#  created_at        :datetime         not null
-#  updated_at        :datetime         not null
-#  theme             :string           default("default")
-#  domains           :string
-#  city              :string
-#  location          :text
-#  prospectus_link   :string
-#  twitter_handle    :string
-#  directions        :string
-#  footer_categories :string           is an Array
+#  id                   :bigint(8)        not null, primary key
+#  event_id             :bigint(8)
+#  created_at           :datetime         not null
+#  updated_at           :datetime         not null
+#  theme                :string           default("default")
+#  domains              :string
+#  city                 :string
+#  location             :text
+#  prospectus_link      :string
+#  twitter_handle       :string
+#  directions           :string
+#  footer_categories    :string           default([]), is an Array
+#  footer_about_content :text
+#  footer_copyright     :string
+#  facebook_url         :string
+#  instagram_url        :string
+#  navigation_links     :string           default([]), is an Array
 #
 # Indexes
 #

app/views/layouts/themes/default/_footer.html.haml

@@ -12,7 +12,7 @@
         .location-section
           .location-details
             .date #{current_website.date_range}
-            .location #{simple_format(current_website.location)}
+            .location #{current_website.formatted_location}
           .register
             - if current_website.register_page
               = link_to 'Register',