lcms-engine 0.3.1 → 0.4.0

data/app/assets/stylesheets/lcms/engine/print/lesson/_section.scss

@@ -1,6 +1,6 @@
 .o-ld-section {
   @include e(quote) {
-    @include txt-pdf-element(pullquote);
     @extend %u-pdf-nobreak;
+    @include txt-pdf-element(pullquote);
   }
 }

data/app/assets/stylesheets/lcms/engine/print/material/_header.scss

@@ -1,6 +1,5 @@
 .o-m-header {
   border-bottom: 1px solid $ub-pdf-black;
-  td { padding: 0 0 5px; }
 
   @include e(title) {
     width: 10%;
@@ -11,4 +10,8 @@
   @include e(name-date) {
     width: 30%;
   }
+
+  td {
+    padding: 0 0 5px;
+  }
 }

data/app/assets/stylesheets/lcms/engine/themes/_material.scss

@@ -11,7 +11,7 @@ $ub-material-card-margin: 2px;
   @if $depth < 1 {
     box-shadow: none;
   } @else if $depth > 5 {
-    @warn "Invalid $depth `#{$depth}` for mixin `card`.";
+    @warn 'Invalid $depth `#{$depth}` for mixin `card`.';
   } @else {
     box-shadow: bottom-shadow($depth), top-shadow($depth);
   }
@@ -22,7 +22,7 @@ $ub-material-card-margin: 2px;
 @function top-shadow($depth) {
   $primary-offset: nth(1.5 3 10 14 19, $depth) * 1px;
   $blur: nth(1.5 3 10 14 19, $depth) * 4px;
-  $color: rgba(#000, nth(.12 .16 .19 .25 3, $depth));
+  $color: rgba(#000, nth(0.12 0.16 0.19 0.25 3, $depth));
 
   @return 0 $primary-offset $blur $color;
 }
@@ -33,7 +33,7 @@ $ub-material-card-margin: 2px;
 @function bottom-shadow($depth) {
   $primary-offset: nth(1.5 3 6 10 15, $depth) * 1px;
   $blur: nth(1 3 3 5 6, $depth) * 4px;
-  $color: rgba(#000, nth(.24 .23 .23 .22 .22, $depth));
+  $color: rgba(#000, nth(0.24 0.23 0.23 0.22 0.22, $depth));
 
   @return 0 $primary-offset $blur $color;
 }
@@ -41,37 +41,37 @@ $ub-material-card-margin: 2px;
 %material-card {
   //box-shadow: 0 $ub-material-card-margin $ub-material-card-margin rgba(0, 0, 0, .12);
   border-radius: $ub-material-radius;
-  box-shadow: 1px 2px 8px rgba(0, 0, 0, .08);
+  box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.08);
   margin-bottom: $ub-material-card-margin;
 }
 
 %map-transition {
-  transition-duration: .4s;
+  transition-duration: 0.4s;
   transition-property: width, height, min-height, padding;
   transition-timing-function: ease;
 }
 
 %btn-transition {
-  transition-duration: .4s;
+  transition-duration: 0.4s;
   transition-property: min-width;
   transition-timing-function: ease-out;
 }
 
 %btn-shadow {
   //@include card(1);
-  box-shadow: 0 1px 1px rgba(0, 0, 0, .08);
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
 }
 
 %tooltip-shadow {
-  box-shadow: 0 1px 1px rgba(0, 0, 0, .08);
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
 }
 
 @mixin base-shadow {
-  box-shadow: 1px 2px 8px rgba(0, 0, 0, .08);
+  box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.08);
 }
 
 %popup-shadow {
-  box-shadow: 1px 2px 8px rgba(0, 0, 0, .35);
+  box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.35);
 }
 
 %base-shadow {
@@ -80,7 +80,7 @@ $ub-material-card-margin: 2px;
 
 // fadeIn transition
 .m-fadeIn-enter {
-  opacity: .01;
+  opacity: 0.01;
 }
 
 .m-fadeIn-enter.m-fadeIn-enter-active {

data/app/assets/stylesheets/lcms/engine/utils/_colorcodes.scss

@@ -15,7 +15,7 @@
 .cs-rgba-bg {
   @each $code, $color in $ub-colorcodes {
     @include m(#{$code}) {
-      background-color: rgba($color, .8);
+      background-color: rgba($color, 0.8);
     }
   }
 }
@@ -25,7 +25,10 @@
     @include m(#{$code}) {
       $tint-color: scale-color($color, $lightness: 90%);
       background-color: $tint-color;
-      &:before { border-bottom-color: $tint-color; }
+
+      &::before {
+        border-bottom-color: $tint-color;
+      }
     }
   }
 }
@@ -41,7 +44,9 @@
 .cs-txt-link {
   @each $code, $color in $ub-colorcodes {
     @include m(#{$code}) {
-      &, &:hover, &:focus {
+      &,
+      &:hover,
+      &:focus {
         color: $color;
       }
     }
@@ -51,10 +56,15 @@
 .cs-link-bg {
   @each $code, $color in $ub-colorcodes {
     @include m(#{$code}) {
-      &, &:hover, &:focus {
+      &,
+      &:hover,
+      &:focus {
         background: none;
         color: $ub-white;
-        > div { background-color: $color; }
+
+        > div {
+          background-color: $color;
+        }
       }
     }
   }

data/app/assets/stylesheets/lcms/engine/utils/_functions.scss

@@ -1,5 +1,5 @@
 @function computed-height($typo, $lines) {
   $font-size: map-get($typo, font-size);
   $line-height: map-get($typo, line-height);
-  @return $font-size * ( $line-height / $font-size ) * $lines;
+  @return $font-size * ($line-height / $font-size) * $lines;
 }

data/app/assets/stylesheets/lcms/engine/utils/_helpers.scss

@@ -1,7 +1,8 @@
+// stylelint-disable declaration-no-important
 $text-sizes: (
   'base': $global-font-size,
   'large': $lead-font-size,
-  'small': $small-font-size
+  'small': $small-font-size,
 );
 
 .u-text {
@@ -12,7 +13,9 @@ $text-sizes: (
   }
 }
 
-.u-color--base { color: $ub-txt !important; }
+.u-color--base {
+  color: $ub-txt !important;
+}
 
 .u-text--capitalized {
   text-transform: capitalize;
@@ -42,13 +45,21 @@ $text-sizes: (
   font-weight: bold !important;
 }
 
-.u-flex { display: flex; }
+.u-flex {
+  display: flex;
+}
 
-.u-show { display: block !important; }
+.u-show {
+  display: block !important;
+}
 
-.u-hidden { display: none !important; }
+.u-hidden {
+  display: none !important;
+}
 
-.u-float-none { float: none !important;}
+.u-float-none {
+  float: none !important;
+}
 
 $border-radius-aligns: (top-left, bottom-left, top-right, bottom-right);
 @each $border-radius-align in $border-radius-aligns {
@@ -70,7 +81,7 @@ $border-radius-sides: (top, bottom);
 
 $margins: (
   'zero': 0,
-  'xs': $ub-small-margin * .7,
+  'xs': $ub-small-margin * 0.7,
   'small': $ub-small-margin,
   'base': $ub-base-margin,
   'large': $ub-large-margin,
@@ -100,7 +111,7 @@ $margins-align: (top, bottom, right, left);
 $paddings: (
   'zero': 0,
   'tiny': 5px,
-  'xs': $ub-small-margin * .7,
+  'xs': $ub-small-margin * 0.7,
   'small': $ub-small-margin,
   'base': $ub-base-margin,
   'large': $ub-large-margin,
@@ -127,7 +138,7 @@ $align-types: (padding, margin);
 @each $align-dir in $align-directions {
   @each $align-type in $align-types {
     .u-#{$align-type}-#{$align-dir}--gutter-half {
-      @include add-gutter($type: #{$align-type}, $subtype: #{$align-dir}, $x: .5);
+      @include add-gutter($type: #{$align-type}, $subtype: #{$align-dir}, $x: 0.5);
     }
 
     .u-#{$align-type}-#{$align-dir}--gutter {
@@ -162,7 +173,7 @@ $bg: (
 .u-wrap {
   @each $bg-type, $bg-color in $bg {
     @include m($bg-type) {
-      @extend .u-bg--#{$bg-type};
+      @extend .u-bg--#{$bg-type}; // stylelint-disable-line scss/at-extend-no-missing-placeholder
       padding: $ub-base-padding;
     }
   }
@@ -177,7 +188,8 @@ $bg: (
 }
 
 .u-link--disabled {
-  &, a {
+  &,
+  a {
     color: $medium-gray;
     cursor: not-allowed;
   }

data/app/assets/stylesheets/lcms/engine/utils/_placeholders.scss

@@ -1,4 +1,4 @@
-%u-ph-img--light{
+%u-ph-img--light {
   background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIxNDBweCIgaGVpZ2h0PSIxNDBweCIgdmlld0JveD0iMCAwIDE0MCAxNDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8Zz4KCTxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2Y1ZjVmNSIgc3Ryb2tlLXdpZHRoPSIuNSIgeDE9IjAiIHkxPSIxNDAiIHgyPSIxNDAiIHkyPSIwIi8+CiAgPGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZjVmNWY1IiBzdHJva2Utd2lkdGg9Ii41IiB4MT0iMCIgeTE9IjAiIHgyPSIxNDAiIHkyPSIxNDAiLz4KPC9nPgo8L3N2Zz4K');
   background-repeat: no-repeat;
   background-size: 100% 100%;

data/app/assets/stylesheets/lcms/engine/utils/_variables.scss

@@ -15,18 +15,18 @@ $ub-base-padding: 1rem;
 $ub-large-margin: $ub-base-margin * 1.5;
 $ub-xlarge-margin: $ub-base-margin * 2;
 $ub-xxlarge-margin: $ub-base-margin * 3;
-$ub-small-margin: $ub-base-margin * .75;
-$ub-tiny-margin: 1rem * .06;
+$ub-small-margin: $ub-base-margin * 0.75;
+$ub-tiny-margin: 1rem * 0.06;
 $ub-large-padding: $ub-base-padding * 1.5;
 $ub-xlarge-padding: $ub-base-padding * 2;
-$ub-small-padding: $ub-base-padding * .75;
-$ub-xs-padding: $ub-small-padding * .7;
-$ub-tiny-padding: $ub-base-padding * .06;
+$ub-small-padding: $ub-base-padding * 0.75;
+$ub-xs-padding: $ub-small-padding * 0.7;
+$ub-tiny-padding: $ub-base-padding * 0.06;
 
 // Base element sizes
 $curriculum-map-width: (
   base: 230px,
-  medium: 180px
+  medium: 180px,
 );
 $curriculum-card-short-top: -6px;
 
@@ -37,24 +37,24 @@ $filterbar-xs-3: (($filterbar-square + 1) * 5 - 1) / 3;
 $filterbar-rectangle-2: (
   small: $filterbar-xs,
   ipad: 218px,
-  large: 115px
+  large: 115px,
 );
 $filterbar-rectangle-3: (
   small: $filterbar-xs-3 - 1px,
   ipad: 108px,
-  large: 75px
+  large: 75px,
 );
 $filterbar-rectangle-big: (
   small: $filterbar-xs - 1px,
-  ipad: 157px
+  ipad: 157px,
 );
 $ld-sticky-header-height: (
   small: 75px,
-  large: $ub-nav-height
+  large: $ub-nav-height,
 );
 $ld-sticky-header-padding: (
   small: 1rem,
-  large: .5rem
+  large: 0.5rem,
 );
 $ld-tooltip-offset: 1.5rem;
 

data/app/assets/stylesheets/lcms/engine/vendors/react-tagsinput.css

@@ -0,0 +1,48 @@
+.react-tagsinput {
+  background-color: #fff;
+  border: 1px solid #ccc;
+  overflow: hidden;
+  padding-left: 5px;
+  padding-top: 5px;
+}
+
+.react-tagsinput--focused {
+  border-color: #a5d24a;
+}
+
+.react-tagsinput-tag {
+  background-color: #cde69c;
+  border-radius: 2px;
+  border: 1px solid #a5d24a;
+  color: #638421;
+  display: inline-block;
+  font-family: sans-serif;
+  font-size: 13px;
+  font-weight: 400;
+  margin-bottom: 5px;
+  margin-right: 5px;
+  padding: 5px;
+}
+
+.react-tagsinput-remove {
+  cursor: pointer;
+  font-weight: bold;
+}
+
+.react-tagsinput-tag a::before {
+  content: " ×";
+}
+
+.react-tagsinput-input {
+  background: transparent;
+  border: 0;
+  color: #777;
+  font-family: sans-serif;
+  font-size: 13px;
+  font-weight: 400;
+  margin-bottom: 6px;
+  margin-top: 1px;
+  outline: none;
+  padding: 5px;
+  width: 80px;
+}

data/app/controllers/concerns/lcms/engine/reimportable.rb

@@ -5,7 +5,7 @@ module Lcms
     module Reimportable
       private
 
-      def create_from_folder
+      def create_multiple
         # Import all from a folder
         file_ids = gdoc_files_from form_params[:link]
         return bulk_import(file_ids) && render(:import) if file_ids.any?

data/app/controllers/lcms/engine/admin/access_codes_controller.rb

@@ -9,7 +9,7 @@ module Lcms
         def create
           @access_code = AccessCode.new(permitted_params)
           if @access_code.save
-            redirect_to({ action: :index }, notice: t('.success'))
+            redirect_to lcms_engine.admin_access_codes_path, notice: t('.success')
           else
             render :new
           end
@@ -17,7 +17,11 @@ module Lcms
 
         def destroy
           @access_code.destroy
-          redirect_to({ action: :index }, notice: t('.success'))
+          redirect_to lcms_engine.admin_access_codes_path, notice: t('.success')
+        end
+
+        def edit
+          @url = lcms_engine.admin_access_code_path(@access_code)
         end
 
         def index
@@ -30,8 +34,9 @@ module Lcms
 
         def update
           if @access_code.update(permitted_params)
-            redirect_to({ action: :index }, notice: t('.success'))
+            redirect_to lcms_engine.admin_access_codes_path, notice: t('.success')
           else
+            @url = lcms_engine.admin_access_code_path(@access_code)
             render :edit
           end
         end

data/app/controllers/lcms/engine/admin/admin_controller.rb

@@ -4,6 +4,8 @@ module Lcms
   module Engine
     module Admin
       class AdminController < Lcms::Engine::ApplicationController
+        include Lcms::Engine::PathHelper
+
         CONFIG_PATH ||= Rails.root.join('config', 'lcms-admin.yml')
 
         DEFAULTS ||= {
@@ -17,50 +19,14 @@ module Lcms
 
         before_action :authenticate_admin!
 
-        class << self
-          def settings
-            @settings ||= DEFAULTS.merge((YAML.load_file(CONFIG_PATH) || {}).deep_symbolize_keys)
-          end
-
-          def engine_klass
-            @engine_klass ||= settings[:engine]&.constantize || ::Lcms::Engine::Engine
-          end
-
-          def document_path(*args)
-            host_engine_path(:document_path, *args).presence || url_helpers.document_path(*args)
-          end
-
-          def material_path(*args)
-            host_engine_path(:material_path, *args).presence || url_helpers.material_path(*args)
-          end
-
-          def root_path
-            host_engine_path(:root_path).presence || url_helpers.root_path
-          end
-
-          def host_engine_path(key, *args)
-            if (host_route = settings.dig(:redirect, :host, key)).present?
-              Rails.application.routes.url_helpers.send(host_route, *args)
-            elsif (engine_route = settings.dig(:redirect, :engine, key)).present?
-              engine_klass.routes.url_helpers.send(engine_route, *args)
-            end
-          end
-
-          private
-
-          def url_helpers
-            Rails.application.routes.url_helpers
-          end
-        end
-
-        def whoami
-          render text: "stack=#{ENV['CLOUD66_STACK_NAME']}<br/>env=#{ENV['CLOUD66_STACK_ENVIRONMENT']}"
+        def self.settings
+          @settings ||= DEFAULTS.merge((YAML.load_file(CONFIG_PATH) || {}).deep_symbolize_keys)
         end
 
         private
 
         def authenticate_admin!
-          redirect_to self.class.root_path, alert: 'Access denied' unless current_user&.admin?
+          redirect_to dynamic_path(:root_path), alert: 'Access denied' unless current_user&.admin?
         end
 
         def customized_layout

data/app/controllers/lcms/engine/admin/association_picker_controller.rb

@@ -29,7 +29,10 @@ module Lcms
         def index_params
           @index_params ||=
             begin
-              expected_params = params.permit(:association, :q).to_h.symbolize_keys
+              expected_params = params
+                                  .permit(:association, :page, :pagination, :allowCreate, :allowMultiple,
+                                          :onClickDone, :onSelectItem, :q)
+                                  .to_h.symbolize_keys
               index_p = { q: nil }.merge(expected_params)
 
               raise StandardError unless VALID_ASSOCIATIONS.include?(index_p[:association])

data/app/controllers/lcms/engine/admin/batch_reimports_controller.rb

@@ -5,11 +5,11 @@ module Lcms
     module Admin
       class BatchReimportsController < AdminController
         def new
-          @query = OpenStruct.new(params[:query])
+          @query = OpenStruct.new(params[:query]) # rubocop:disable Style/OpenStructUse
         end
 
         def create
-          @query = OpenStruct.new params[:query].except(:type)
+          @query = OpenStruct.new params[:query].except(:type) # rubocop:disable Style/OpenStructUse
           entries = if materials?
                       DocTemplate.config['queries']['material'].constantize.call(@query)
                     else

data/app/controllers/lcms/engine/admin/curriculums_controller.rb

@@ -8,15 +8,34 @@ module Lcms
           @curriculum = CurriculumPresenter.new
         end
 
+        def children
+          id = params[:id]
+          resources =
+            if id == '#'
+              Lcms::Engine::Resource.tree.ordered.roots
+            else
+              Array.wrap(Lcms::Engine::Resource.tree.find(id)&.children)
+            end
+
+          render json: resources.map { |res| CurriculumPresenter.new.parse_jstree_node(res) }
+        end
+
         def update
-          @form = CurriculumForm.new(params[:curriculum])
+          @form = CurriculumForm.new(curriculum_update_params)
           if @form.save
-            redirect_to admin_path, notice: t('.success')
+            redirect_to lcms_engine.edit_admin_curriculum_path,
+                        notice: t('.success')
           else
             @curriculum = CurriculumPresenter.new
             render :edit, alert: t('.error')
           end
         end
+
+        private
+
+        def curriculum_update_params
+          params.require(:curriculum).permit(:change_log)
+        end
       end
     end
   end

data/app/controllers/lcms/engine/admin/documents_controller.rb

@@ -1,44 +1,39 @@
 # frozen_string_literal: true
 
-require 'lt/lcms/lesson/downloader/gdoc'
-
 module Lcms
   module Engine
     module Admin
       class DocumentsController < AdminController
         include Lcms::Engine::GoogleCredentials
+        include Lcms::Engine::PathHelper
         include Reimportable
 
         before_action :find_selected, only: %i(destroy_selected reimport_selected)
         before_action :set_query_params
 
         def index
-          @query = OpenStruct.new @query_params
+          @query = OpenStruct.new @query_params # rubocop:disable Style/OpenStructUse
           @documents = DocTemplate.config['queries']['document'].constantize.call(@query, page: params[:page])
           render_customized_view
         end
 
         def create
-          return create_from_folder if form_params[:link].match?(RE_GOOGLE_FOLDER)
+          @document = DocumentForm.new(form_params.except(:async, :with_materials))
 
-          @document = reimport_lesson
-          if @document.save
-            redirect_to AdminController.document_path(@document.document),
-                        notice: t('.success', name: @document.document.name, errors: collect_errors)
-          else
-            render :new
-          end
+          return create_multiple if form_params[:link].match?(RE_GOOGLE_FOLDER)
+
+          form_params[:async].to_i.zero? ? create_sync : create_async
         end
 
         def destroy
           @document = Document.find(params[:id])
           @document.destroy
-          redirect_to admin_documents_path(query: @query_params), notice: t('.success')
+          redirect_to lcms_engine.admin_documents_path(query: @query_params), notice: t('.success')
         end
 
         def destroy_selected
           count = @documents.destroy_all.count
-          redirect_to admin_documents_path(query: @query_params), notice: t('.success', count: count)
+          redirect_to lcms_engine.admin_documents_path(query: @query_params), notice: t('.success', count: count)
         end
 
         def import_status
@@ -57,6 +52,23 @@ module Lcms
 
         private
 
+        def create_async
+          bulk_import(Array.wrap(form_params[:link]))
+          render :import
+        end
+
+        def create_sync
+          reimport_lesson_materials if form_params[:with_materials].present?
+          if @document.save
+            notice = t('lcms.engine.admin.documents.create.success',
+                       name: @document.document.name,
+                       errors: collect_errors)
+            redirect_to dynamic_document_path(@document.document), notice: notice
+          else
+            render :new
+          end
+        end
+
         def bulk_import(docs)
           reimport_materials = params[:with_materials].to_i.nonzero?
           jobs = docs.each_with_object({}) do |doc, jobs_|
@@ -91,7 +103,7 @@ module Lcms
         def form_params
           @form_params ||=
             begin
-              data = params.require(:document_form).permit(:link, :link_fs, :reimport, :with_materials).to_h
+              data = params.require(:document_form).permit(:async, :link, :link_fs, :reimport, :with_materials).to_h
               data.delete(:with_materials) if data[:with_materials].to_i.zero?
               data
             end