lcms-engine 0.2.0 → 0.3.0

data/README.md

@@ -89,19 +89,13 @@ the same files, overwriting the ones provided by the engine.
 ## Installation
 Add this to the Gemfile:
 ```ruby
-source 'https://rails-assets.org' do
-  gem 'rails-assets-classnames', '~> 2.2.5'
-  gem 'rails-assets-es6-promise', '~> 4.2.4'
-  gem 'rails-assets-eventemitter3', '~> 3.1.2'
-  gem 'rails-assets-fetch', '~> 3.0.0'
-  gem 'rails-assets-jstree', '~> 3.3.8'
-  gem 'rails-assets-knockout', '~> 3.5.0'
-  gem 'rails-assets-lodash', '~> 4.17.15'
-  gem 'rails-assets-selectize', '~> 0.12.6'
-end
-gem 'lcms-engine', git: 'https://github.com/learningtapestry/lcms-engine.git', branch: 'master'
+gem 'lcms-engine','~> 0.1' # Rails 4.2
+```
+```ruby
+gem 'lcms-engine','~> 0.2' # Rails 5.2
 ```
 
+
 And then execute:
 ```bash
 $ bundle

data/app/assets/javascripts/lcms/engine/admin/application.js

@@ -2,26 +2,17 @@
 //= require jquery2
 //= require jquery_ujs
 //= require jquery_nested_form
-//= require lodash
-//= require foundation.initialize
 //= require ckeditor/init
 //= require foundation
-//= require microplugin
-//= require sifter
-//= require selectize
 //= require html.sortable.min
 //= require jquery.tagsinput
-//= require jstree
 //= require js-routes
-//= require ../initializers/analytics.js
+//= require 'selectize.min'
+//= require '../initializers/foundation'
 
 document.addEventListener('turbolinks:load', function () {
-  $(document).initFoundation();
-
   $('.selectize').selectize({
     allowEmptyOption: true,
     plugins: ['remove_button']
   });
-
-  window.initializeGoogleAnalytics();
 });

data/app/assets/javascripts/lcms/engine/application.js

@@ -1,49 +1,6 @@
 //= require turbolinks
 //= require jquery2
 //= require jquery_ujs
-//= require modernizr-custom
-//= require swiper.jquery
-//= require smoothscrolling
-//= require lodash
 //= require foundation
-//= require foundation.initialize
-//= require foundation.magellanex
-//= require foundation.initialize
-//= require tabs
 //= require js-routes
-//= require ./initializers/analytics.js
-//= require ./initializers/heap_analytics
-//= require ./initializers/about_people
-//= require ./initializers/bundles
-//= require ./initializers/header_dropdown
-//= require ./initializers/leadership
-//= require ./initializers/lessons
-//= require ./initializers/loadasync
-//= require ./initializers/pdf_preview
-//= require ./initializers/resource_details
-//= require ./initializers/social_sharing
-//= require ./initializers/soundcloud
-//= require ./initializers/subscribe_placeholder
-//= require ./initializers/survey
-//= require_tree ./initializers/sidebar
-
-document.addEventListener('turbolinks:load', function () {
-  $(document).initFoundation();
-  $('.o-page--resource').smoothscrolling();
-  window.initializeHeaderDropdown();
-  window.initializeAboutPeople();
-  window.initializeSocialSharing();
-  window.initializeLeadership();
-  // window.initializeFreshdesk();
-  window.initializeGoogleAnalytics();
-  window.initializeSoundCloud();
-  window.initializeSubscribePlaceholder();
-  window.initializeSurvey();
-  window.initializePDFPreview();
-  window.initializeResourceDetails();
-  window.initializeTabs();
-  window.initializeLessons();
-  window.initializeBundles();
-});
-
-//= require ./initializers/events
+//= require './initializers/foundation'

data/app/assets/javascripts/lcms/engine/application_lti.js

@@ -1,29 +1 @@
-//= require turbolinks
-//= require jquery2
-//= require jquery_ujs
-//= require modernizr-custom
-//= require swiper.jquery
-//= require smoothscrolling
-//= require lodash
-//= require foundation.initialize
-//= require foundation.magellanex
-//= require foundation.initialize
-//= require tabs
-//= require js-routes
-//= require ./initializers/heap_analytics
-//= require ./initializers/lessons
-//= require ./initializers/loadasync
-//= require ./initializers/pdf_preview
-//= require ./initializers/soundcloud
-//= require_tree ./initializers/sidebar
-
-document.addEventListener('turbolinks:load', function () {
-  $(document).initFoundation();
-  $('.o-page--resource').smoothscrolling();
-  window.initializeSoundCloud();
-  window.initializePDFPreview();
-  window.initializeTabs();
-  window.initializeLessons();
-});
-
-//= require ./initializers/events
+// Should require JS needed by LTI rendering

data/app/assets/javascripts/lcms/engine/initializers/foundation.js

@@ -0,0 +1,5 @@
+document.addEventListener('turbolinks:load', function () {
+  $(function () {
+    $(document).foundation();
+  });
+})

data/app/assets/stylesheets/lcms/engine/admin.scss

@@ -1,6 +1,5 @@
 @import 'application';
 @import 'selectize';
-@import 'jstree';
 @import 'vendors/jquery.tagsinput.css';
 @import 'admin/resources';
 @import 'admin/curriculums';

data/app/assets/stylesheets/lcms/engine/application.scss

@@ -5,7 +5,6 @@
   'utils/mixins',
   'utils/placeholders',
   'base/colors',
-  'base/cg-colors',
   'base/ld-colors';
 
 @import
@@ -16,8 +15,7 @@
   'font-awesome-sprockets',
   'font-awesome',
   'vendors/foundation_and_overrides',
-  'vendors/mathjax.css',
-  'vendors/swiper.css';
+  'vendors/mathjax.css';
 
 @import
   'utils/styles_override',
@@ -26,66 +24,13 @@
   'utils/functions';
 
 @import
-  'base/fonts',
-  'base/icons',
-  'base/typography',
-  'print/print';
+    'base/typography',
+    'print/print';
 
-@import
-  'components/assoc-picker',
-  'components/buttons',
-  'components/cards',
-  'components/cg-base',
-  'components/curriculum-cards',
-  'components/curriculum-map',
-  'components/download-modal',
-  'components/instruction-cards',
-  'components/filterbar',
-  'components/filterbar-modal',
-  'components/generic-resource',
-  'components/inputs',
-  'components/lesson-base',
-  'components/lesson-cards',
-  'components/ls-post',
-  'components/material-base',
-  'components/media',
-  'components/media-resources',
-  'components/pagination',
-  'components/panel',
-  'components/panel-dsc',
-  'components/related-instruction',
-  'components/resource',
-  'components/search',
-  'components/search-dropdown',
-  'components/search-header',
-  'components/sidebar',
-  'components/simple-tab',
-  'components/social-sharing',
-  'components/support/helpdesk',
-  'components/support/survey',
-  'components/titles',
-  'components/top-scroll-button',
-  'components/unit-bundles';
+@import 'components/assoc-picker';
 
 @import
-  'layout/header',
-  'layout/header-search-form',
   'layout/footer',
+  'layout/header',
   'layout/navigation',
-  'layout/sticky-header',
-  'layout/sticky-navigation',
-  'layout/page',
-  'layout/subscribe',
-  'layout/connect';
-
-@import
-  'pages/home',
-  'pages/about',
-  'pages/about-people',
-  'pages/explore-curriculum',
-  'pages/enhance-instruction',
-  'pages/content-guide',
-  'pages/find-lessons',
-  'pages/leadership',
-  'pages/lesson-document',
-  'pages/unsupported';
+  'layout/page';

data/app/assets/stylesheets/lcms/engine/base/_colors.scss

@@ -8,9 +8,9 @@ $ub-btn-base: #ffbf00;
 $ub-btn-dark: #7b7b81;
 $ub-panel-bg: #dbdbdb;
 $ub-hero-bg: #9e9e9e;
-$ub-nav-bg: #272242;
+$ub-nav-bg: #cec8ea;
 $ub-nav-secondary: #423872;
-$ub-footer-bg: #282133;
+$ub-footer-bg: #cec8ea;
 $ub-nav-link: lighten($ub-primary1, 40%);
 $ub-light-bg: #dbdbdb;
 $ub-dark-bg: #9e9e9e;

data/app/assets/stylesheets/lcms/engine/components/lesson/_icons.scss

@@ -27,36 +27,11 @@
       margin-left: $w-offset;
     }
   }
-
-  @for $i from 1 through 3 {
-    @include m('priority#{$i}') {
-      background-image: asset-url('ld_p#{$i}.svg');
-    }
-  }
 }
 
-$icons-png: (tens);
-$icons-svg: (wp);
-
 .o-m-icon {
   background-size: contain;
   display: inline-block;
   height: 20px;
   width: 20px;
 }
-
-@each $icon in $icons-png {
-  .o-m-icon {
-    @include m($icon) {
-      background-image: asset-data-url("lcms/engine/lessons/#{$icon}.png");
-    }
-  }
-}
-
-@each $icon in $icons-svg {
-  .o-m-icon {
-    @include m($icon) {
-      background-image: asset-url("lcms/engine/lessons/#{$icon}.svg");
-    }
-  }
-}

data/app/assets/stylesheets/lcms/engine/layout/_footer.scss

@@ -10,6 +10,8 @@ $footer-breakpoint-down: ipad;
   background-color: $ub-footer-bg;
   color: $ub-nav-link;
   display: table-row;
+  padding: $footer-padding;
+  width: 100%;
 
   @include e(dropdown) {
     @include txt-element-strict(ld-tooltip);

data/app/assets/stylesheets/lcms/engine/layout/_header.scss

@@ -20,188 +20,6 @@
 .c-header {
   background-color: rgba($ub-primary, .9);
 
-  @include breakpoint(medium down) {
-    > .o-page {
-      padding-left: 0;
-      padding-right: 0;
-    }
-  }
-
-  @include e(menu) {
-    @include menu-direction(vertical);
-    > li > a { @include header-link-padding; }
-
-    @include breakpoint($topbar-unstack-breakpoint) {
-      @include menu-direction(horizontal);
-    }
-  }
-
-  @include e(left-menu) {
-    @include menu-direction(vertical);
-    position: relative;
-    > li > a { @include header-link-padding; }
-
-    @include breakpoint($topbar-unstack-breakpoint) {
-      @include menu-direction(horizontal);
-    }
-  }
-
-  @include e(submenu) {
-    @include menu-direction(horizontal);
-    @include add-column-padding;
-    background-color: rgba($ub-primary, .8) !important;
-    @include breakpoint($topbar-unstack-breakpoint) {
-      @include menu-direction(vertical);
-      @include add-column-padding(0);
-      background-color: $ub-white !important;
-      left: 0;
-      margin-top: 1px;
-      min-width: 1px;
-      top: auto;
-      &::before {
-        @include css-triangle($tooltip-pip-width, $ub-white, up);
-        bottom: 100%;
-        left: 50%;
-        position: absolute;
-        transform: translateX(-50%);
-      }
-    }
-  }
-
-  @include e(left-submenu) {
-    @include breakpoint($topbar-unstack-breakpoint) {
-      left: initial !important;
-      min-width: 250px;
-      right: 0 !important;
-      top: auto;
-
-      &::before {
-        bottom: 100%;
-        position: absolute;
-        right: 5px;
-        transform: translateX(-50%);
-      }
-    }
-  }
-
-  @include e(auth-submenu) {
-    @include breakpoint($topbar-unstack-breakpoint) {
-      @include menu-direction(vertical);
-      @include add-column-padding(0);
-      background-color: $ub-white !important;
-
-      &::before {
-        @include css-triangle($tooltip-pip-width, $ub-white, up);
-      }
-    }
-
-    > li > a {
-      padding-left: $ub-base-margin !important;
-      padding-right: $ub-base-margin !important;
-    }
-  }
-
-  @include e(helpdesk-hover) {
-    @include breakpoint($topbar-unstack-breakpoint) {
-      $tooltip-color: map-get($ub-ld-colorcodes, tooltip-bg);
-      background-color: $tooltip-color !important;
-      border-radius: 3px;
-      box-shadow: 0 0 8px 0 rgba(0, 0, 0, .25);
-      margin-top: 1rem;
-      padding: 1rem;
-
-      &::before {
-        @include css-triangle($tooltip-pip-width, $tooltip-color, up);
-      }
-    }
-  }
-
-  @include e(submenu-link) {
-    a i { margin-right: 0 !important; }
-    a, &.active a, a:hover, a:focus {
-      color: darken($ub-nav-bg, 5%) !important;
-    }
-
-    a { padding: 0.7rem 1rem .7rem 0 !important; }
-
-    .fa-header-bg { color: $ub-white; }
-    @include breakpoint($topbar-unstack-breakpoint) {
-      a {
-        height: auto !important;
-        justify-content: center !important;
-        margin: 0;
-        padding: .7rem 0 !important;
-      }
-      a, &.active a { color: $ub-primary !important; }
-      &.active a {
-        background-color: $ub-white;
-        font-weight: bold;
-      }
-      a:hover, a:focus {
-        background-color: $ub-panel-bg;
-        color: $ub-primary !important;
-      }
-    }
-  }
-
-  @include e(link) {
-    &, a { color: $ub-nav-link; }
-    &:hover, &:focus, a:hover, a:focus, &.active a { color: $ub-white; text-decoration: none; }
-
-    &.active {
-      a { background: none; }
-      @include breakpoint($topbar-unstack-breakpoint) {
-        background-color: darken($ub-nav-bg, 5%);
-      }
-    }
-    > a {
-      @include txt-element(nav-span);
-      font-size: 20px;
-      span:last-child:before { content: '\00a0'; }
-      @include breakpoint($topbar-unstack-breakpoint) {
-        @include txt-element(nav-span);
-        display: block;
-        padding-bottom: 1.5rem !important;
-        padding-top: 1.5rem !important;
-        span:first-child {
-          @include txt-element(nav-base);
-        }
-
-        span:last-child {
-          &:before { content: '\A'; white-space: pre; }
-        }
-      }
-    }
-
-    @include m(full) {
-      @include breakpoint($topbar-unstack-breakpoint) {
-        a {
-          align-items: center !important;
-          display: flex;
-          height: $ub-nav-height;
-        }
-      }
-    }
-
-    @include m(light) {
-      @include breakpoint($topbar-unstack-breakpoint) {
-        background-color: rgba($ub-primary, .8);
-      }
-    }
-
-    @include m(semi-dark) {
-      @include breakpoint($topbar-unstack-breakpoint) {
-        background-color: rgba($ub-nav-secondary, .3);
-      }
-    }
-
-    @include m(semi-light) {
-      @include breakpoint($topbar-unstack-breakpoint) {
-        background-color: rgba($ub-nav-secondary, .75);
-      }
-    }
-  }
-
   @include m(documents) {
     background-color: rgba($ub-primary, .9);
     min-height: $ub-nav-height;
@@ -213,32 +31,5 @@
 }
 
 .c-header-title {
-  @include breakpoint($topbar-unstack-breakpoint down) {
-    //@include top-bar-container;
-    @include flex;
-    @include flex-align($x: justify, $y: middle);
-    min-height: $ub-nav-height;
-  }
-
-  @include e(logo) {
-    @include add-column-padding;
-    @include breakpoint($topbar-unstack-breakpoint) {
-      img { margin-top: .4rem; }
-    }
-  }
-
-  @include e(h-menu) {
-    @include add-column-padding;
-    align-items: center;
-    display: flex;
-    min-height: $ub-nav-height;
-
-    @include breakpoint($topbar-unstack-breakpoint) {
-      //display: none;
-    }
-
-    @include m(expanded) {
-      background-color: darken($ub-nav-bg, 5%);
-    }
-  }
+  padding: 10px;
 }