para 0.11.4 → 0.12.0

data/app/assets/stylesheets/para/admin/src/_sorting.scss

@@ -0,0 +1,43 @@
+//
+// Sorting
+// --------------------------------------------------
+
+//== Main style
+//
+//##
+
+.sort_link,
+.sort_link_asc,
+.sort_link_desc {
+  position: relative;
+  cursor: pointer;
+  &:hover {
+    text-decoration: none;
+  }
+}
+.sort_link:before,
+.sort_link.asc:before,
+.sort_link.desc:before {
+  position: absolute;
+  bottom: 7px;
+  right: -15px;
+  font-family: "Font Awesome 6 Free";
+  opacity: .9;
+  width: 10px;
+  height: 10px;
+  display: block;
+}
+.sort_link:before {
+  content: "\f0dc";
+  opacity: .3;
+}
+.sort_link.asc:before {
+  content: "\f0d7";
+}
+.sort_link.desc:before {
+  content: "\f0d8";
+}
+.sort_link.asc.disabled:before,
+.sort_link.desc.disabled:before {
+  opacity: .1;
+}

data/app/assets/stylesheets/para/admin/src/_statcard.scss

@@ -0,0 +1,46 @@
+//
+// Statcard
+// --------------------------------------------------
+
+//== Main style
+//
+//##
+
+.statcard {
+  position: relative;
+  display: block;
+  padding: 15px;
+  background-color: #fff;
+  border-radius: $border-radius-small;
+  @include clearfix;
+  @include default-transition;
+  @include material-box-shadow-soft;
+  &:hover,
+  &:focus {
+    @include material-box-shadow-soft(2);
+    text-decoration: none;
+  }
+  &.statcard-icon {
+    .icon-rounded {
+      float: left;
+    }
+    .startcard-body {
+      padding-left: 15px;
+      float: left;
+      /** truncat title if is to long **/
+      width: calc(100% - 60px);
+      .statcard-title {
+        width: 100%;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+      }
+    }
+  }
+}
+.statcard-title {
+  color: $text-color;
+  font-size: $font-size-base;
+  font-weight: 500;
+  margin: 0;
+}

data/app/assets/stylesheets/para/admin/src/_table.scss

@@ -0,0 +1,36 @@
+//
+// Table
+// --------------------------------------------------
+
+// Main style
+//
+//##
+
+.table {
+  margin-bottom: 0;
+}
+.table > thead > tr > th {
+  font-weight: 300;
+}
+.table > tbody > tr > td {
+  vertical-align: middle;
+  .label {
+    display: inline-block;
+    margin-bottom: 4px;
+  }
+}
+.table > thead > tr > th {
+  border-bottom: 1px solid #A6AFBB;
+}
+//** Actions with 3 btn at least
+.table-row-actions {
+  min-width: 180px;
+  text-align: right;
+  .btn {
+    margin: 0 3px;
+  }
+//** img dont destroy the table and don't create horizontal scroll
+}
+.table > tbody > tr > td > img.max-width {
+  max-width: 250px;
+}

data/app/assets/stylesheets/para/admin/src/_tree.scss

@@ -0,0 +1,60 @@
+//
+// Tree
+// --------------------------------------------------
+
+//== Main style
+//
+//##
+
+.root-tree {
+  padding-left: 0;
+  .tree {
+    padding-left: 40px;
+
+    .sortable-dragging {
+      .placeholder,
+      .btn-group {
+        display: none;
+      }
+    }
+  }
+  .sortable-placeholder {
+    height: 30px;
+    margin: 10px 0px 20px 0;
+  }
+}
+.node {
+  border-left: 4px solid $gray-light;
+  padding-bottom: 5px;
+  margin-top: 15px;
+  .node-row {
+    @include default-transition;
+    border-bottom: 1px dashed $gray-light;
+    padding: 5px;
+    &:first-child {
+      border-top: 1px dashed $gray-light;
+    }
+    &:hover {
+      background-color: $gray-lighter;
+    }
+    .btn {
+      margin: 0 3px;
+    }
+  }
+  .handle {
+    font-size: 14px;
+    margin: 4px 14px 0 5px;
+  }
+  .node-name {
+    margin-top: 4px;
+    display: inline-block;
+  }
+  .placeholder {
+    border: dashed 1px $gray;
+    height: 30px;
+    margin-top: 5px;
+  }
+}
+.tree {
+  list-style: none;
+}

data/app/assets/stylesheets/para/admin/src/{_variables.sass → _variables.scss}

@@ -6,7 +6,7 @@
 //
 //##
 
-@import "para/admin/src/bootstrap-variables"
+@import "./bootstrap-variables";
 
 //== Specific variables
 //
@@ -14,15 +14,15 @@
 
 //** Colors
 
-$blue-darker: #3F4352
-$purple: #AB8CE4
+$blue-darker: #3F4352;
+$purple: #AB8CE4;
 
 //** padding & margin spacer
 
-$spacer: 10px
-$spacer-y: $spacer
-$spacer-x: $spacer
+$spacer: 10px;
+$spacer-y: $spacer;
+$spacer-x: $spacer;
 
 //** Left menu
 
-$left-menu-width-open: 260px
+$left-menu-width-open: 220px;

data/app/assets/stylesheets/para/admin/src/{_well.sass → _well.scss}

@@ -6,7 +6,8 @@
 //
 //##
 
-.well
-  margin-bottom: 25px
-  box-shadow: none
-  border-radius: 2px
+.well {
+  margin-bottom: 25px;
+  box-shadow: none;
+  border-radius: 2px;
+}

data/app/assets/stylesheets/para/admin.scss

@@ -0,0 +1,15 @@
+@import "../../../../vendor/assets/stylesheets/animate";
+@import "../../../../vendor/assets/stylesheets/hint";
+@import "../../../../vendor/assets/stylesheets/jasny-bootstrap";
+@import "../../../../vendor/assets/stylesheets/bootstrap-slider";
+@import "../../../../vendor/assets/stylesheets/bootstrap-colorpicker";
+@import "../../../../vendor/assets/stylesheets/jquery.datetimepicker";
+@import "../../../../vendor/assets/stylesheets/bootstrap";
+@import "./admin/src/variables";
+@import "./admin/src/mixins";
+@import "./lib/datetimepicker";
+@import "./lib/fuelux";
+@import "./lib/jasny-bootstrap";
+@import "./lib/selectize";
+@import "./lib/slider";
+@import "./admin/main";

data/app/assets/stylesheets/para/index.scss

@@ -0,0 +1 @@
+@import "./admin";

data/app/assets/stylesheets/para/lib/datetimepicker.scss

@@ -0,0 +1,15 @@
+/* Bootstrap Datetimepiker */
+.xdsoft_datetimepicker {
+  .xdsoft_calendar td.xdsoft_default,
+  .xdsoft_calendar td.xdsoft_current,
+  .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current,
+  .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
+    background: $brand-primary;
+    box-shadow: darken($brand-primary, 10%) 0px 1px 3px 0px inset;
+  }
+  .xdsoft_calendar td:hover,
+  .xdsoft_timepicker .xdsoft_time_box > div > div:hover,
+  .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
+    background: $brand-success !important;
+  }
+}

data/app/assets/stylesheets/para/lib/fuelux.scss

@@ -0,0 +1,46 @@
+input[type=number]::-webkit-inner-spin-button,
+input[type=number]::-webkit-outer-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+.spinner,
+.spinbox {
+  .spinbox-buttons,
+  .spinner-buttons {
+    height: 100%;
+  }
+  .btn {
+    position: relative;
+    height: 50%;
+    padding: 3px 9px 4px 9px;
+    line-height: 0px;
+    font-size: 10px;
+    top: 0px;
+    margin-left: -1px !important;
+    border-color: $input-border;
+    box-shadow: none;
+    z-index: 2;
+    .fa {
+      font-size: 1em;
+      margin-right: 0;
+      line-height: 9px;
+    }
+    &.disabled {
+      cursor: not-allowed;
+    }
+    &:hover,
+    &:focus {
+      box-shadow: none;
+    }
+  }
+  .spinner-up,
+  .spinbox-up {
+    border-top-left-radius: 0 !important;
+    border-top-right-radius: $input-border-radius !important;
+  }
+  .spinner-down,
+  .spinbox-down {
+    border-bottom-left-radius: 0 !important;
+    padding: 3px 9px 3px 9px;
+  }
+}

data/app/assets/stylesheets/para/lib/jasny-bootstrap.scss

@@ -0,0 +1,100 @@
+//== Jasny Bootstrap
+//
+//## Fileupload overrides
+
+.fileinput {
+  margin-bottom: 0;
+  display: block;
+  &.fileinput-new {
+    .fileinput-placeholder {
+      display: block;
+    }
+  }
+  &.fileinput-exists {
+    .fileinput-placeholder {
+      display: none;
+    }
+  }
+  .uneditable-input {
+    background-color: $input-bg-disabled;
+  }
+  //** Override btn color for feeting to the design
+  .btn-file {
+    color: #fff;
+    background-color: $btn-primary-bg;
+    border-color: $btn-primary-border;
+    @include material-box-shadow-soft(1);
+    @include default-transition;
+    &:hover,
+    &:focus,
+    &:active,
+    &:active:hover,
+    &:active:focus,
+    &.active {
+      background-color: $btn-primary-bg !important;
+      border-color: $btn-primary-border !important;
+      color: #fff;
+    }
+    &:active,
+    &.active {
+      @include material-box-shadow-soft(2);
+    }
+  }
+  .btn-danger {
+    @include material-box-shadow-soft(1);
+    @include default-transition;
+    &:hover,
+    &:focus,
+    &:active,
+    &:active:hover,
+    &:active:focus,
+    &.active {
+      background-color: $btn-danger-bg !important;
+      border-color: $btn-danger-border !important;
+      color: #fff;
+    }
+    &:active,
+    &.active {
+      @include material-box-shadow-soft(2);
+    }
+    &.fileinput-exists {
+      margin-left: 10px;
+    }
+  }
+}
+.fileinput-new.input-group .btn-file,
+.fileinput.input-group .btn-file {
+  border-top-right-radius: $border-radius-base;
+  border-bottom-right-radius: $border-radius-base;
+  border-color: $input-border;
+}
+.fileinput.input-group .input-group-btn {
+  .form-control.file {
+    padding: 0 !important;
+    position: absolute;
+  }
+}
+.fileinput {
+  .input-group-btn > .btn:hover,
+  .input-group-btn > .btn:focus,
+  .input-group-btn > .btn:active {
+    z-index: 0;
+  }
+}
+.fileinput-preview.thumbnail {
+  width: auto;
+  height: auto;
+  min-width: 80px;
+  min-height: 80px;
+  max-height: 500px;
+  margin-bottom: 0;
+  margin-top: 10px;
+  background-color: $gray-light;
+  border: none;
+
+  .empty-thumbnail {
+    width: 72px;
+    height: 72px;
+    background-color: $gray-light;
+  }
+}

data/app/assets/stylesheets/para/lib/selectize.scss

@@ -0,0 +1,129 @@
+//
+// Selectize
+// --------------------------------------------------
+@import "@selectize/selectize/dist/css/selectize";
+@import "@selectize/selectize/dist/css/selectize.bootstrap3";
+
+//== Selectize
+//
+//## Override default style
+
+//** Debug ghost margin bottom
+.selectize-control,
+.selectize-control.form-control {
+  line-height: 0;
+}
+//** Single
+.selectize-control {
+  &.single {
+    .selectize-input {
+      padding-right: 30px;
+      //** Caret by para
+      &:after {
+        @extend .fa;
+        @extend .fa-angle-down;
+
+        right: 12px;
+        border: none;
+        margin-top: -6px;
+        color: $gray;
+      }
+    }
+  }
+}
+.selectize-input,
+.selectize-input.full {
+  border-color: $input-border;
+  border-radius: $input-border-radius;
+
+  &.focus {
+    border-color: $input-border-focus;
+  }
+
+  &.dropdown-active {
+    border-radius: $input-border-radius;
+    &:after {
+      border: none;
+      transform: rotate(180deg);
+      margin-top: -6px;
+    }
+  }
+
+  input {
+    text-overflow: ellipsis;
+    width: 100% !important;
+  }
+}
+.selectize-control.single .selectize-input {
+  &.dropdown-active {
+    &:after {
+      margin-top: -6px;
+    }
+  }
+}
+.selectize-dropdown,
+.selectize-input,
+.selectize-input input {
+  color: $input-color;
+}
+.selectize-input,
+.selectize-control.single .selectize-input.input-active {
+  background: $input-bg;
+}
+.selectize-input,
+.selectize-input.full,
+.selectize-input.not-full {
+  background: $input-bg;
+}
+.selectize-input.not-full input {
+  ::placeholder {
+    color: $input-color-placeholder;
+    font-size: 0.9em;
+  }
+}
+.selectize-dropdown {
+  [data-selectable] {
+    background-color: $dropdown-bg;
+    color: $dropdown-link-color;
+  }
+  .active {
+    background-color: $gray-lighter;
+    color: $dropdown-link-hover-color;
+  }
+  .selected {
+    background-color: $dropdown-link-active-bg;
+    color: $dropdown-link-active-color;
+  }
+}
+.selectize-control.multi .selectize-input > div {
+  background-color: $gray-light;
+  border-radius: 2px;
+  color: $text-color;
+  &:hover,
+  &:focus,
+  &.active {
+    background-color: $navbar-default-bg;
+    color: $gray-lighter;
+  }
+  .remove {
+    &:hover {
+      background-color: $blue-darker;
+    }
+//== Selectize Dropdown
+//
+//## Override z-index because of Fixed actions container
+  }
+}
+.selectize-dropdown,
+.selectize-dropdown.form-control {
+  @include material-box-shadow-soft(2);
+  border: none;
+  margin: 8px 0 0 0;
+  z-index: $zindex-navbar-fixed + 20;
+}
+.selectize-dropdown {
+  [data-selectable] {
+    font-weight: 300;
+    padding: 8px 12px;
+  }
+}

data/app/assets/stylesheets/para/lib/slider.scss

@@ -0,0 +1,14 @@
+.form-group {
+  &.slider {
+    display: block;
+  }
+  .slider {
+    .slider-horizontal {
+      width: 100%;
+    }
+    .slider-handle {
+      background-image: none;
+      background-color: $brand-primary;
+    }
+  }
+}

data/app/controllers/para/admin/crud_resources_controller.rb

@@ -1,12 +1,13 @@
-require_dependency "para/application_controller"
+require_dependency 'para/application_controller'
 
 module Para
   module Admin
     class CrudResourcesController < Para::Admin::ResourcesController
       include Para::SearchHelper
+      include Para::TagHelper
 
       before_action :load_and_authorize_crud_resource
-      before_action :add_breadcrumbs, only: [:show, :index, :edit, :new]
+      before_action :add_breadcrumbs, only: %i[show index edit new]
 
       # Include after resource loading to allow the concern to use the resource
       # in before_action hooks
@@ -21,10 +22,14 @@ module Para
 
         # Sort collection for orderable and trees
         @resources = if @resources.respond_to?(:ordered)
-          @resources.ordered
-        else
-          @resources.order(created_at: :desc)
-        end
+                       @resources.ordered
+                     else
+                       @resources.order(created_at: :desc)
+                     end
+
+        return unless turbo_frame_request?
+
+        listing_for(@resources)
       end
 
       def clone
@@ -44,10 +49,10 @@ module Para
           end
 
           flash_message(:success, new_resource)
-          redirect_to @component.relation_path(new_resource, action: :edit)
+          redirect_to @component.relation_path(new_resource, action: :edit), status: 303
         else
           flash_message(:error, new_resource)
-          render after_form_submit_path
+          render after_form_submit_path, status: 422
         end
       end
 
@@ -68,7 +73,7 @@ module Para
       def load_and_authorize_crud_resource
         loader = self.class.cancan_resource_class.new(
           self, resource_name, parent: false, class: resource_model.name,
-          find_by: :id, bypass_params_assignation: true
+                               find_by: :id, bypass_params_assignation: true
         )
 
         loader.load_and_authorize_resource
@@ -80,11 +85,13 @@ module Para
 
       def attach_resource_to_component
         return unless resource.persisted? && @component.namespaced?
+
         @component.add_resource(resource)
       end
 
       def remove_resource_from_component
         return unless @component.namespaced?
+
         @component.remove_resource(resource)
       end
 

data/app/controllers/para/admin/imports_controller.rb

@@ -18,7 +18,7 @@ module Para
 
           track_job(job)
         else
-          render 'new'
+          render 'new', status: 422
         end
       end
 
@@ -31,18 +31,18 @@ module Para
           importer.name == importer_name
         end
 
-        unless @importer
-          raise "Requested importer (#{ importer_name }) not found for " +
-                ":#{ @component.identifier } component."
-        end
+        return if @importer
+
+        raise "Requested importer (#{importer_name}) not found for " +
+              ":#{@component.identifier} component."
       end
 
       def file_params
         @file_params ||= if params[:file]
-          params.require(:file).permit(:attachment)
-        else
-          {}
-        end
+                           params.require(:file).permit(:attachment)
+                         else
+                           {}
+                         end
       end
     end
   end

data/app/controllers/para/admin/jobs_controller.rb

@@ -30,6 +30,8 @@ module Para
     class JobsController < Para::Admin::ComponentController
       include Para::Admin::ResourceControllerConcerns
 
+      helper_method :job_additional_attributes
+
       def show
         @status = ActiveJob::Status.get(params[:id])
 
@@ -59,7 +61,11 @@ module Para
         @job = job
         @status = ActiveJob::Status.get(@job)
 
-        render 'show', layout: false
+        redirect_to action: :show, id: @job.job_id, status: 303
+      end
+
+      def job_additional_attributes
+        {}
       end
     end
   end