biola_wcms_components 0.0.1

data/app/assets/stylesheets/_settings.scss

@@ -0,0 +1 @@
+$color-biola-red: #CC1122;

data/app/assets/stylesheets/biola-wcms-components.scss

@@ -0,0 +1,11 @@
+// External files
+@import "../../../vendor/assets/stylesheets/redactor";
+
+// Mixins and settings
+@import "./settings";
+@import "./mixins";
+
+// Components
+@import "./components/alerts/*";
+@import "./components/forms/*";
+@import "./components/navigation/*";

data/app/assets/stylesheets/components/alerts/_message_list.scss

@@ -0,0 +1,3 @@
+#message_list {
+  .alert { margin: 10px 0; }
+}

data/app/assets/stylesheets/components/forms/_person_lookup.scss

@@ -0,0 +1,72 @@
+.person-lookup {
+  .typeahead, .tt-query, .tt-hint {
+    width: 396px;
+    height: 34px;
+    padding: 8px 12px;
+    font-size: 15px;
+    line-height: 15px;
+    border: 1px solid #ccc;
+    -webkit-border-radius: 4px;
+    -moz-border-radius: 4px;
+    border-radius: 4px;
+    outline: none;
+  }
+
+  .tt-query {
+    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+  }
+
+  .tt-hint {
+    color: #999
+  }
+
+  .tt-dropdown-menu {
+    text-align: left;
+    width: 422px;
+    margin-top: 12px;
+    padding: 8px 0;
+    background-color: #fff;
+    border: 1px solid #ccc;
+    border: 1px solid rgba(0, 0, 0, 0.2);
+    -webkit-border-radius: 4px;
+    -moz-border-radius: 4px;
+    border-radius: 4px;
+    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
+    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
+    box-shadow: 0 5px 10px rgba(0,0,0,.2);
+  }
+
+  .tt-suggestion, .tt-empty-message {
+    padding: 3px 20px;
+    font-size: 16px;
+    line-height: 24px;
+
+    .affiliations {
+      color: #999;
+      font-size: 12px;
+    }
+    .image {
+      height: 30px;
+      width: 26px;
+      margin-right: 10px;
+      margin-left: -5px;
+      display: inline-block;
+      vertical-align: middle;
+      background-size: cover;
+      background-position: center center;
+      background-color: #ddd;
+    }
+  }
+
+  .tt-suggestion.tt-cursor {
+    cursor: pointer;
+    color: #fff;
+    background-color: #0097cf;
+
+    .affiliations {
+      color: #fff;
+    }
+  }
+}

data/app/assets/stylesheets/components/forms/_presentation_data_editor.scss

@@ -0,0 +1,38 @@
+#presentation_data_editor {
+  margin-bottom: 20px;
+
+  > .nest .nest {
+    border-top: 1px solid #ddd;
+    border-left: 1px solid #ddd;
+    padding: 20px 0 0 20px;
+
+    h4 {
+      margin: 30px 0 5px 0;
+    }
+  }
+
+  // Wraps Array name and items
+  .array_wrapper {
+    margin-bottom: 20px;
+  }
+
+  .array_item {
+    border-bottom: 1px solid #ddd;
+    padding-bottom: 20px;
+    margin-bottom: 20px;
+
+    // Make the border touch the nested border
+    margin-left: -20px;
+    padding-left: 20px;
+
+    // Framework item doesn't get saved
+    //   it is just there for building out new items
+    &.framework {
+      display: none;
+    }
+  }
+
+  .drop-image-uploader {
+    &.dragging { background-color: #deedff; }
+  }
+}

data/app/assets/stylesheets/components/navigation/_site_nav.scss

@@ -0,0 +1,24 @@
+#wcms_site_navigation {
+  background-color: #f3f3f3;
+  border-bottom: 1px solid #ddd;
+
+  a.top-nav-link {
+    display: inline-block;
+    padding: 10px 0 10px;
+    color: inherit;
+  }
+  .fa-angle-right {
+    padding: 0 10px;
+  }
+
+  .custom-dropdown {
+    .dropdown-toggle {
+      color: inherit;
+    }
+    .dropdown-menu > .active > a {
+      background: none;
+      color: black;
+      font-weight: bold;
+    }
+  }
+}

data/app/helpers/wcms_components/alerts_helper.rb

@@ -0,0 +1,41 @@
+module WcmsComponents
+  module AlertsHelper
+    def all_alerts
+      flash_alerts + model_alerts
+    end
+
+    def flash_alerts
+      flash.map { |key,val| {type: key, message: val} }
+    end
+
+    def model_alerts(model = nil)
+      model ||= instance_variable_get("@#{controller_name.singularize}")
+
+      return [] if model.nil?
+
+      model.errors.full_messages.map { |msg| {type: :error, message: msg} }
+    end
+
+    def alert_icon(type)
+      case type.to_s.to_sym
+      when :error, :alert
+        'fa fa-exclamation-circle'
+      when :warn, :warning
+        'fa fa-warning'
+      else
+        'fa fa-info-circle'
+      end
+    end
+
+    def alert_class(type)
+      case type.to_s.to_sym
+      when :error, :alert
+        'alert-danger'
+      when :warn, :warning
+        'alert-warning' # default yellow
+      else
+        'alert-info'
+      end
+    end
+  end
+end

data/app/helpers/wcms_components/component_helper.rb

@@ -0,0 +1,9 @@
+module WcmsComponents
+  module ComponentHelper
+
+    def wcms_component(slug, properties={})
+      render "wcms_components/#{slug}", properties
+    end
+
+  end
+end

data/app/helpers/wcms_components/navigation_helper.rb

@@ -0,0 +1,32 @@
+module WcmsComponents
+  module NavigationHelper
+
+    # Set class on active navigation items
+    def nav_link(text, path_helper)
+      # The router can't match against a relative root in the path
+      # so we need to strip it out with script_name: nil.
+      router_path = send(path_helper, script_name: nil)
+      real_path = send(path_helper)
+
+      recognized = ::Rails.application.routes.recognize_path(router_path)
+
+      if policy(recognized[:controller].classify.constantize).index?  # make sure user has permission to index this controller
+        if recognized[:controller] == params[:controller] # && recognized[:action] == params[:action]
+          content_tag(:li, :class => "descendant active") do
+            link_to( text, real_path)
+          end
+        else
+          content_tag(:li, :class => "descendant") do
+            link_to( text, real_path)
+          end
+        end
+      end
+    end
+
+    # Gets used by the side menu / page navigation
+    def menu_block(html_options = {}, &block)
+      MenuBlock.new(self, html_options).render(&block)
+    end
+
+  end
+end

data/app/views/wcms_components/alerts/_message_list.html.slim

@@ -0,0 +1,8 @@
+.container
+  - unless (alerts = all_alerts).empty?
+    #message_list
+      - alerts.each do |msg|
+        .alert class=alert_class(msg[:type]) data-type=msg[:type]
+          a.close data-dismiss="alert" href="#" ×
+          i> class=alert_icon(msg[:type])
+          = msg[:message]

data/app/views/wcms_components/forms/_json_editor.html.slim

@@ -0,0 +1,13 @@
+ruby:
+  form ||= nil
+  attribute ||= nil
+  html_class ||= 'form-control json_editor'
+  value ||= nil
+  embedded_image_url ||= nil  # should be the post url for creating new embedded images
+
+
+= wcms_component("shared/embedded_image_uploader", embedded_image_url: embedded_image_url)
+
+.ace_json_editor
+  = wcms_component("forms/text_area", {form: form, attribute: attribute, html_class: html_class, value: value})
+

data/app/views/wcms_components/forms/_person_lookup.html.slim

@@ -0,0 +1,12 @@
+ruby:
+  lookup_url ||= nil
+
+- if lookup_url
+  .person-lookup data-lookup-url=lookup_url
+    = hidden_field_tag :person_id, '', class: 'hidden-person-id'
+    = text_field_tag :person_name, '', placeholder: 'First or last name', required: true, class: 'form-control typeahead'
+
+- else
+  p
+    ' Please specify
+    code = ":lookup_url"

data/app/views/wcms_components/forms/_presentation_data_editor.html.slim

@@ -0,0 +1,36 @@
+/ Example:
+/ = wcms_component "forms/presentation_data_editor",
+/   schema: @generic_object.presentation_data_template.schema,
+/   data: @generic_object.presentation_data,
+/   form: f,
+/   embedded_image_url: create_embedded_images_url
+/
+
+ruby:
+  schema ||= []
+  presentation_data ||= {}
+  form ||= nil
+  embedded_image_url ||= nil  # should be the post url for creating new embedded images
+
+= wcms_component "shared/embedded_image_uploader",
+  embedded_image_url: embedded_image_url
+
+
+/ Link to toggle between simple and advanced editors
+- if current_user.try(:admin?)
+  - if params[:edit_raw_data] == 'true'
+      = link_to('Simple Editor', params.merge(edit_raw_data: nil), class: 'pull-right')
+  - else
+      = link_to('Edit Raw Data', params.merge(edit_raw_data: true), class: 'pull-right')
+  .clearfix
+
+
+- if params[:edit_raw_data] == 'true' && current_user.try(:admin?)
+  / Render JSON editor
+  = wcms_component 'forms/json_editor',
+    form: form,
+    attribute: :presentation_data_json
+
+- else
+  / Render HTML for presentation data editor
+  = PresentationDataEditor.new(self, presentation_data, schema, form).render

data/app/views/wcms_components/forms/_redactor_editor.html.slim

@@ -0,0 +1,32 @@
+/ Example:
+/   = wcms_component("forms/redactor_editor", {form: f,
+/     attribute: :body,
+/     add_buttons: ['link'],
+/   })
+
+
+ruby:
+  # Default Parameters
+  form ||= nil
+  attribute ||= nil  # attribute name that the editor should be attached to
+  add_class ||= ""   # string of additional classes that get appended to class
+  input_class ||= "form-control redactor #{add_class}"
+  value ||= nil     # only used if form is nil
+
+  # Configure buttons
+  buttons ||= BiolaWcmsComponents.config.default_redactor_buttons
+  add_buttons ||= []      # adds to defaults
+  remove_buttons ||= []   # removes from default
+  buttons = Array(buttons) + Array(add_buttons) - Array(remove_buttons)
+  buttons << 'html_options' if current_user.try(:admin?)
+  buttons << 'fullscreen'
+
+  # Turn buttons into a string and make sure there are no duplicates
+  buttons = buttons.uniq.join(' ')
+
+
+
+- if form
+  = form.text_area attribute, class: input_class, 'data-buttons' => buttons
+- else
+  = text_area_tag attribute, value, class: input_class, 'data-buttons' => buttons

data/app/views/wcms_components/forms/_text_area.html.slim

@@ -0,0 +1,13 @@
+ruby:
+  form ||= nil
+  attribute ||= nil
+  html_class ||= 'form-control'
+  value ||= nil
+
+  html_options = {class: html_class}
+  html_options[:value] = value if value.present?  # you don't want to pass value as an option if it is nil
+
+- if form
+  = form.text_area attribute, html_options
+- else
+  = text_area_tag attribute, value, html_options

data/app/views/wcms_components/forms/_yaml_editor.html.slim

@@ -0,0 +1,16 @@
+ruby:
+  form ||= nil
+  attribute ||= nil
+  html_class ||= 'form-control'
+  value ||= nil
+  embedded_image_url ||= nil  # should be the post url for creating new embedded images
+
+  # Set default value
+  # We have to do it this way in case value is an empty string (as opposed to nil).
+  value = value.presence || "---\n# YAML data goes here...\n"
+
+
+= wcms_component("shared/embedded_image_uploader", embedded_image_url: embedded_image_url)
+
+.ace_yaml_editor
+  = wcms_component("forms/text_area", {form: form, attribute: attribute, html_class: html_class, value: value})

data/app/views/wcms_components/navigation/_page_nav.html.slim

@@ -0,0 +1,33 @@
+/ I'm going to wait to implement this one fully...
+/ The problem is going to be supporting submenus like on profile publisher
+/
+/ Example:
+/ = wcms_component('navigation/page_menu', { menu_items: [ \
+/   {body: 'Profile', url: edit_academic_program_path(@academic_program, page: 'profile'), default: true },
+/   {body: 'Relationships', url: edit_academic_program_path(@academic_program, page: 'relationships') },
+/   {body: 'Concentrations', url: edit_academic_program_path(@academic_program, page: 'concentrations') },
+/   {body: 'Degree Requirements', url: edit_academic_program_path(@academic_program, page: 'degree_requirements') },
+/   {body: 'Requirement Sections', url: edit_academic_program_path(@academic_program, page: 'requirement_sections') },
+/   {body: 'Outcomes', url: edit_academic_program_path(@academic_program, page: 'outcomes') },
+/   {body: 'Attachments', url: edit_academic_program_path(@academic_program, page: 'attachments') },
+/   {body: 'Banner', url: edit_academic_program_path(@academic_program, page: 'banner') },
+/   {body: 'Presentation Data', url: edit_academic_program_path(@academic_program, page: 'presentation_data') },
+/   {body: 'History', url: edit_academic_program_path(@academic_program, page: 'activity_logs'), visible: policy(@academic_program).can_manage?(:activity_logs) },
+/ ]})
+/
+
+
+
+/---------------
+/ ON HOLD...
+/---------------
+/ ruby:
+/   menu_items ||= []
+
+/ = menu_block(class: 'list-group-item') do |menu|
+/   - menu_items.each do |item|
+/     / It needs to be explicitly set to false to be hidden
+/     - unless item.visible == false
+/       = menu.add_item(item[:body], default: item[:default]) { item[:url] }
+
+

data/app/views/wcms_components/navigation/_site_nav.html.slim

@@ -0,0 +1,38 @@
+/ Parameters
+/   menu: Array of hashes. This is what goes in the dropdown menu
+/     body: This is the link text
+/     url: This is where the link will go. Gets processed by url_for()
+/   crumbs: (optional) Array of hashes. These are the crumbs after the main menu
+/   add_crumbs: (optional) Array of hashes. These get pushed onto the default crumbs
+/
+/ Example:
+/ = wcms_component('navigation/site_nav', { menu: [ \
+/   {body: 'Academic Programs', url: :academic_programs_path},
+/   {body: 'Schools', url: :schools_path},
+/   {body: 'ULOs', url: :university_learning_outcomes_path},
+/ ]})
+/
+
+ruby:
+  menu ||= []
+  crumbs ||= [{
+    body: controller_name.titleize,
+    url: {controller: controller_name, action: :index}
+  }]
+  crumbs += Array(add_crumbs) if defined?(add_crumbs)
+
+
+#wcms_site_navigation
+  .container
+    - if menu.present?
+      .dropdown.custom-dropdown
+        a.dropdown-toggle href='#' data-toggle='dropdown' role='button' Menu
+        ul.dropdown-menu
+          - menu.each do |link|
+            = nav_link(link[:body], link[:url])
+    - else
+      = link_to 'Home', root_url, class: 'top-nav-link'
+
+    - crumbs.each do |crumb|
+      i class='fa fa-angle-right'
+      = link_to crumb[:body], crumb[:url], class: 'top-nav-link'