RubyGems - headmin - Versions diffs - 0.3.2 → 0.4.0 - Mend

headmin 0.3.2 → 0.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (186) hide show

checksums.yaml +4 -4
data/.github/workflows/ci.yml +27 -0
data/.gitignore +14 -0
data/.nvmrc +1 -0
data/.ruby-version +1 -1
data/CHANGELOG.md +24 -0
data/Gemfile +8 -5
data/Gemfile.lock +197 -25
data/README.md +9 -1
data/Rakefile +1 -7
data/app/assets/images/document.docx +0 -0
data/app/assets/images/document.pdf +0 -0
data/app/assets/images/image.jpg +0 -0
data/app/assets/images/spreadsheet.xls +0 -0
data/app/assets/images/video.mp4 +0 -0
data/app/assets/javascripts/headmin/config/i18n.js +9 -9
data/app/assets/javascripts/headmin/controllers/autocomplete_controller.js +255 -0
data/app/assets/javascripts/headmin/controllers/blocks_controller.js +74 -79
data/app/assets/javascripts/headmin/controllers/date_range_controller.js +24 -24
data/app/assets/javascripts/headmin/controllers/dropzone_controller.js +23 -25
data/app/assets/javascripts/headmin/controllers/file_preview_controller.js +237 -237
data/app/assets/javascripts/headmin/controllers/filter_controller.js +44 -44
data/app/assets/javascripts/headmin/controllers/filters_controller.js +57 -61
data/app/assets/javascripts/headmin/controllers/flatpickr_controller.js +29 -29
data/app/assets/javascripts/headmin/controllers/hello_controller.js +3 -3
data/app/assets/javascripts/headmin/controllers/notification_controller.js +7 -6
data/app/assets/javascripts/headmin/controllers/popup_controller.js +51 -52
data/app/assets/javascripts/headmin/controllers/redactorx_controller.js +36 -9
data/app/assets/javascripts/headmin/controllers/repeater_controller.js +122 -125
data/app/assets/javascripts/headmin/controllers/select_controller.js +40 -39
data/app/assets/javascripts/headmin/controllers/table_actions_controller.js +88 -77
data/app/assets/javascripts/headmin/controllers/table_controller.js +103 -89
data/app/assets/javascripts/headmin/index.js +38 -39
data/app/assets/javascripts/headmin.js +287 -732
data/app/assets/stylesheets/headmin/forms/autocomplete.scss +21 -0
data/app/assets/stylesheets/headmin/forms/file.scss +46 -0
data/app/assets/stylesheets/headmin/forms/repeater.scss +62 -0
data/app/assets/stylesheets/headmin/forms/search.scss +12 -0
data/app/assets/stylesheets/headmin/forms.scss +11 -0
data/app/assets/stylesheets/headmin/general.scss +5 -0
data/app/assets/stylesheets/headmin/overrides/bootstrap.scss +5 -3
data/app/assets/stylesheets/headmin/overrides/redactorx.scss +74 -0
data/app/assets/stylesheets/headmin/popup.scss +1 -0
data/app/assets/stylesheets/headmin/syntax.scss +36 -349
data/app/assets/stylesheets/headmin/table.scss +1 -1
data/app/assets/stylesheets/headmin/utilities/buttons.scss +19 -0
data/app/assets/stylesheets/headmin/utilities/dropzone.scss +72 -0
data/app/assets/stylesheets/headmin/utilities.scss +2 -68
data/app/assets/stylesheets/headmin/vendor/tom-select-bootstrap.css +1 -2
data/app/assets/stylesheets/headmin.css +206 -206
data/app/assets/stylesheets/headmin.scss +1 -1
data/app/controllers/concerns/headmin/authentication.rb +1 -1
data/app/controllers/concerns/headmin/searchable.rb +1 -1
data/app/controllers/concerns/headmin/sortable.rb +7 -7
data/app/helpers/headmin/admin_helper.rb +1 -2
data/app/helpers/headmin/bootstrap_helper.rb +2 -24
data/app/helpers/headmin/filter_helper.rb +1 -1
data/app/helpers/headmin/form_helper.rb +5 -11
data/app/helpers/headmin/notification_helper.rb +21 -21
data/app/helpers/headmin/request_helper.rb +3 -3
data/app/models/concerns/headmin/block.rb +1 -2
data/app/models/concerns/headmin/blockable.rb +2 -2
data/app/models/concerns/headmin/field.rb +2 -1
data/app/models/concerns/headmin/fieldable.rb +8 -8
data/app/models/concerns/headmin/form/autocompletable.rb +38 -0
data/app/models/concerns/headmin/form/hintable.rb +19 -0
data/app/models/concerns/headmin/form/input_groupable.rb +23 -0
data/app/models/concerns/headmin/form/labelable.rb +33 -0
data/app/models/concerns/headmin/form/listable.rb +28 -0
data/app/models/concerns/headmin/form/placeholderable.rb +13 -0
data/app/models/concerns/headmin/form/validatable.rb +40 -0
data/app/models/concerns/headmin/form/wrappable.rb +21 -0
data/app/models/headmin/.DS_Store +0 -0
data/app/models/headmin/blocks_view.rb +15 -0
data/app/models/headmin/form/blocks_view.rb +29 -0
data/app/models/headmin/form/checkbox_view.rb +52 -0
data/app/models/headmin/form/date_range_view.rb +25 -0
data/app/models/headmin/form/date_view.rb +45 -0
data/app/models/headmin/form/email_view.rb +48 -0
data/app/models/headmin/form/file_view.rb +116 -0
data/app/models/headmin/form/flatpickr_range_view.rb +102 -0
data/app/models/headmin/form/flatpickr_view.rb +37 -0
data/app/models/headmin/form/hidden_view.rb +10 -0
data/app/models/headmin/form/hint_view.rb +6 -0
data/app/models/headmin/form/input_group_view.rb +19 -0
data/app/models/headmin/form/label_view.rb +24 -0
data/app/models/headmin/form/number_view.rb +49 -0
data/app/models/headmin/form/password_view.rb +44 -0
data/app/models/headmin/form/redactorx_view.rb +59 -0
data/app/models/headmin/form/search_view.rb +48 -0
data/app/models/headmin/form/select_view.rb +62 -0
data/app/models/headmin/form/switch_view.rb +23 -0
data/app/models/headmin/form/text_view.rb +48 -0
data/app/models/headmin/form/textarea_view.rb +44 -0
data/app/models/headmin/form/url_view.rb +48 -0
data/app/models/headmin/form/wrapper_view.rb +19 -0
data/app/models/headmin/form/wysiwyg_view.rb +17 -0
data/app/models/headmin/thumbnail_view.rb +66 -0
data/app/models/view_model.rb +58 -0
data/app/views/headmin/_blocks.html.erb +13 -9
data/app/views/headmin/_heading.html.erb +7 -1
data/app/views/headmin/_thumbnail.html.erb +5 -39
data/app/views/headmin/dropdown/_item.html.erb +1 -1
data/app/views/headmin/forms/_autocomplete.html.erb +11 -0
data/app/views/headmin/forms/_blocks.html.erb +16 -17
data/app/views/headmin/forms/_checkbox.html.erb +24 -29
data/app/views/headmin/forms/_datalist.html.erb +3 -0
data/app/views/headmin/forms/_date.html.erb +24 -24
data/app/views/headmin/forms/_date_range.html.erb +19 -21
data/app/views/headmin/forms/_email.html.erb +27 -32
data/app/views/headmin/forms/_errors.html.erb +2 -3
data/app/views/headmin/forms/_file.html.erb +84 -181
data/app/views/headmin/forms/_flatpickr.html.erb +19 -20
data/app/views/headmin/forms/_flatpickr_range.html.erb +28 -37
data/app/views/headmin/forms/_hidden.html.erb +9 -10
data/app/views/headmin/forms/_hint.html.erb +16 -0
data/app/views/headmin/forms/_input_group.html.erb +21 -0
data/app/views/headmin/forms/_label.html.erb +5 -13
data/app/views/headmin/forms/_number.html.erb +23 -35
data/app/views/headmin/forms/_password.html.erb +21 -30
data/app/views/headmin/forms/_redactorx.html.erb +21 -40
data/app/views/headmin/forms/_repeater.html.erb +55 -60
data/app/views/headmin/forms/_search.html.erb +43 -0
data/app/views/headmin/forms/_select.html.erb +24 -49
data/app/views/headmin/forms/_switch.html.erb +29 -0
data/app/views/headmin/forms/_text.html.erb +42 -96
data/app/views/headmin/forms/_textarea.html.erb +21 -32
data/app/views/headmin/forms/_url.html.erb +26 -31
data/app/views/headmin/forms/_validation.html.erb +10 -13
data/app/views/headmin/forms/_wrapper.html.erb +9 -0
data/app/views/headmin/forms/_wysiwyg.html.erb +28 -0
data/app/views/headmin/forms/autocomplete/_item.html.erb +3 -0
data/app/views/headmin/forms/autocomplete/_list.html.erb +3 -0
data/app/views/headmin/forms/fields/_group.html.erb +6 -4
data/app/views/headmin/forms/repeater/_row.html.erb +4 -4
data/app/views/headmin/nav/item/_devise.html.erb +1 -1
data/app/views/headmin/table/_actions.html.erb +1 -1
data/app/views/headmin/table/actions/_action.html.erb +2 -1
data/app/views/headmin/table/actions/_delete.html.erb +1 -1
data/app/views/headmin/views/devise/registrations/_edit.html.erb +2 -2
data/bin/console +0 -1
data/config/initializers/customize_input_error.rb +4 -4
data/config/locales/headmin/forms/en.yml +0 -11
data/config/locales/headmin/forms/nl.yml +0 -11
data/esbuild-css.js +18 -18
data/esbuild-js.js +8 -8
data/headmin.gemspec +1 -3
data/lib/generators/headmin/blocks_generator.rb +8 -8
data/lib/generators/headmin/devise_generator.rb +4 -4
data/lib/generators/headmin/fields_generator.rb +9 -9
data/lib/generators/templates/controllers/auth/confirmations_controller.rb +1 -3
data/lib/generators/templates/controllers/auth/omniauth_callbacks_controller.rb +1 -3
data/lib/generators/templates/controllers/auth/passwords_controller.rb +1 -3
data/lib/generators/templates/controllers/auth/registrations_controller.rb +1 -3
data/lib/generators/templates/controllers/auth/sessions_controller.rb +1 -3
data/lib/generators/templates/controllers/auth/unlocks_controller.rb +1 -3
data/lib/generators/templates/models/block.rb +1 -1
data/lib/headmin/engine.rb +6 -6
data/lib/headmin/version.rb +1 -3
data/lib/headmin.rb +0 -2
data/package-lock.json +5359 -0
data/package.json +13 -7
data/view_model_benchmark.rb +74 -0
data/yarn-error.log +367 -0
data/yarn.lock +1448 -161
metadata +69 -25
data/.rubocop.yml +0 -13
data/app/assets/stylesheets/headmin/form.scss +0 -132
data/app/assets/stylesheets/headmin/overrides/redactorx.css +0 -3
data/app/helpers/headmin/documentation_helper.rb +0 -35
data/app/models/headmin/documentation_renderer.rb +0 -32
data/app/models/headmin/form/base.rb +0 -79
data/app/models/headmin/form/text.rb +0 -53
data/app/services/block_service.rb +0 -72
data/app/views/headmin/_card.html.erb +0 -52
data/app/views/headmin/forms/_actions.html.erb +0 -28
data/app/views/headmin/forms/_base.html.erb +0 -114
data/app/views/headmin/forms/_image.html.erb +0 -21
data/app/views/headmin/forms/_video.html.erb +0 -21
data/app/views/headmin/forms/actions/_destroy.html.erb +0 -13
data/app/views/headmin/forms/actions/_save.html.erb +0 -12
data/app/views/headmin/forms/actions/_view.html.erb +0 -15
data/docs/blocks-and-fields.md +0 -54
data/docs/blocks.md +0 -48
data/docs/devise.md +0 -41
data/docs/fields.md +0 -79

data/app/assets/stylesheets/headmin/utilities/dropzone.scss ADDED Viewed

@@ -0,0 +1,72 @@
+.h-dropzone {
+  position: relative;
+  border: 2px dashed $input-border-color;
+  border-radius: $border-radius;
+  // Direct children
+  & > *:not(.form-control) {
+    margin: 0.5rem;
+    pointer-events: none;
+    z-index: 2;
+  }
+  &.dragover, &:hover {
+    border-color: $gray-400;
+  }
+  &.dragover {
+    input[type="file"] {
+      z-index: 3
+    }
+  }
+  &.focus, &.dragover {
+    border-color: $input-focus-border-color;
+    outline: 0;
+    @if $enable-shadows {
+      @include box-shadow($input-box-shadow, $input-focus-box-shadow);
+    } @else {
+      box-shadow: $input-focus-box-shadow;
+    }
+    &.is-valid {
+      border-color: $success;
+      box-shadow: 0 0 $input-btn-focus-blur $input-focus-width rgba($success, $input-btn-focus-color-opacity);
+    }
+    &.is-invalid {
+      border-color: $danger;
+      box-shadow: 0 0 $input-btn-focus-blur $input-focus-width rgba($danger, $input-btn-focus-color-opacity);
+    }
+  }
+  .form-control {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 1;
+    border: none;
+    box-shadow: none;
+    text-indent: -100vw;
+    color: transparent;
+    background: none
+  }
+  &.is-invalid {
+    border-color: $form-feedback-invalid-color;
+  }
+  &.is-valid {
+    border-color: $form-feedback-valid-color;
+  }
+}
+.h-dropzone-placeholder {
+  color: $input-placeholder-color;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+}

data/app/assets/stylesheets/headmin/utilities.scss CHANGED Viewed

@@ -1,68 +1,2 @@
-.btn-link {
-  text-decoration: none;
-}
-.h-btn-light {
-  color: $form-text-color;
-  background-color: $gray-200;
-}
-.h-btn-outline-light {
-  background-color: $white;
-  color: $form-text-color;
-  border-color: $input-border-color;
-}
-.h-btn-outline-transparent {
-  color: $form-text-color;
-  border: 1px solid $input-border-color;
-}
-.h-dropzone {
-  border: 2px dashed $input-border-color;
-  border-radius: $border-radius;
-  // Direct children
-  & > *:not(input[type="file"]) {
-    pointer-events: none;
-    z-index: 2;
-  }
-  &.dragover, &:hover {
-    border-color: $gray-400;
-  }
-  &.dragover {
-    input[type="file"] {
-      z-index: 3
-    }
-  }
-  &.active {
-    border-color: $input-focus-border-color;
-    outline: 0;
-    @if $enable-shadows {
-      @include box-shadow($input-box-shadow, $input-focus-box-shadow);
-    } @else {
-      box-shadow: $input-focus-box-shadow;
-    }
-  }
-  input[type="file"] {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    opacity: 0;
-    z-index: 1;
-  }
-}
-.h-dropzone-placeholder {
-  color: $input-placeholder-color;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-}
+@import "utilities/buttons";
+@import "utilities/dropzone";

data/app/assets/stylesheets/headmin/vendor/tom-select-bootstrap.css CHANGED Viewed

@@ -533,5 +533,4 @@
 .input-group > .ts-wrapper:not(:last-child) > .ts-control {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
-}
-/*# sourceMappingURL=tom-select.bootstrap5.css.map */
+}

data/app/assets/stylesheets/headmin.css CHANGED Viewed

@@ -1,7 +1,7 @@
 @charset "UTF-8";
 @import "https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css";
-/* sass-plugin-0:/usr/local/var/www/headmin/src/scss/headmin.scss */
+/* sass-plugin-0:/opt/homebrew/var/www/headmin/src/scss/headmin.scss */
 :root {
   --bs-blue: #0d6efd;
   --bs-indigo: #6610f2;
@@ -260,7 +260,7 @@ small,
 mark,
 .mark {
   padding: 0.2em;
-  background-color: #fcf8e3;
+  background-color: #ffec89;
 }
 sub,
 sup {
@@ -12913,76 +12913,96 @@ span.flatpickr-weekday {
   top: 3px;
 }
 .rx-container {
-  width: 100%;
+  padding: 0 !important;
+  border: 1px solid #ced4da;
+  border-radius: 0.25rem;
 }
-input[type=search] {
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='%236c757d' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'/%3E%3C/svg%3E%0A");
-  background-repeat: no-repeat;
-  background-position: 10px center;
-  padding-left: 35px;
+.rx-container.rx-in-focus {
+  color: #212529;
+  background-color: #fff;
+  border-color: #86b7fe;
+  outline: 0;
+  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
 }
-.form-control[readonly] {
-  background-color: transparent;
+.rx-container.rx-in-focus.is-valid {
+  border-color: #198754;
+  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
 }
-.form-label[required=required]:after {
-  content: "*";
-  margin-left: 1px;
+.rx-container.rx-in-focus.is-invalid {
+  border-color: #dc3545;
+  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
 }
-.forms-group .card-footer {
-  border-top: none;
+.rx-container.is-valid,
+.rx-container.is-invalid {
+  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
 }
-.repeater {
-  position: relative;
+.rx-toolbar-container.is-rx-toolbar {
+  background: transparent;
+  border-bottom: 1px solid #ced4da;
 }
-.repeater-row {
+.rx-content {
+  padding: 0.375rem 0.75rem !important;
   position: relative;
 }
-.repeater-row :hover > .repeater-row-remove {
-  visibility: visible;
+.rx-content p {
+  font-size: 0.9rem;
+  line-height: 1.5;
+  color: #212529;
 }
-.repeater-row :hover > .repeater-row-add {
-  visibility: visible;
+.rx-placeholder:before {
+  font-size: 0.9rem;
+  color: #6c757d;
+  opacity: 1;
 }
-.repeater-row :hover > .repeater-row-handle {
-  visibility: visible;
+.rx-control {
+  margin-left: -0.75rem;
 }
-.repeater-row-remove {
-  position: absolute;
-  top: calc(50% - 17px);
-  right: -22px;
-  z-index: 2;
-  visibility: hidden;
+.rx-toolbar .rx-button-icon {
+  background: #fff;
 }
-.repeater-row-remove i.bi {
-  background: white;
-  border-radius: 50%;
+.rx-toolbar .rx-button-icon span {
+  color: #6c757d;
 }
-.repeater-row-add {
-  position: absolute;
-  top: calc(100% - 18px);
-  right: calc(50% - 17px);
-  z-index: 2;
-  visibility: hidden;
+.rx-toolbar .rx-button-icon:hover span {
+  color: #212529;
 }
-.repeater-row-add i.bi {
-  background: white;
-  border-radius: 50%;
+.form-label[required=required]:after,
+.form-check-label[required=required]:after {
+  content: " *";
+  color: #dc3545;
 }
-.repeater-row-handle {
+.h-autocomplete {
   position: absolute;
-  top: 0;
+  top: calc(100% + 2px);
   left: 0;
-  height: 100%;
-  width: 18px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  z-index: 2;
-  visibility: hidden;
-  cursor: move;
+  z-index: 1000;
+  width: 100%;
+  font-family: var(--bs-font-sans-serif);
+  font-style: normal;
+  font-weight: 400;
+  line-height: 1.5;
+  text-align: left;
+  text-align: start;
+  text-decoration: none;
+  text-shadow: none;
+  text-transform: none;
+  letter-spacing: normal;
+  word-break: normal;
+  word-spacing: normal;
+  white-space: normal;
+  line-break: auto;
+  font-size: 1rem;
+  word-wrap: break-word;
+  background-color: #fff;
+  background-clip: padding-box;
+  border-radius: 0.25rem !important;
+  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
+  border: 1px solid rgba(0, 0, 0, 0.15);
+  overflow: hidden;
 }
-.h-form-file {
-  position: relative;
+.h-autocomplete .list-group-flush {
+  margin: 0;
+  padding: 0;
 }
 .h-form-file .h-form-file-thumbnails {
   margin-bottom: 0.5rem;
@@ -13022,9 +13042,73 @@ input[type=search] {
 .h-form-file-thumbnail-remove:hover {
   background: #e15361;
 }
+.repeater {
+  position: relative;
+}
+.repeater-row {
+  position: relative;
+}
+.repeater-row:hover .repeater-row-remove {
+  visibility: visible;
+}
+.repeater-row:hover .repeater-row-add {
+  visibility: visible;
+}
+.repeater-row:hover .repeater-row-handle {
+  visibility: visible;
+}
+.repeater-row-remove {
+  position: absolute;
+  top: calc(50% - 17px);
+  right: -22px;
+  z-index: 2;
+  visibility: hidden;
+}
+.repeater-row-remove i.bi {
+  background: white;
+  border-radius: 50%;
+}
+.repeater-row-add {
+  position: absolute;
+  top: calc(100% - 18px);
+  right: calc(50% - 17px);
+  z-index: 2;
+  visibility: hidden;
+}
+.repeater-row-add i.bi {
+  background: white;
+  border-radius: 50%;
+}
+.repeater-row-handle {
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 100%;
+  width: 18px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 2;
+  visibility: hidden;
+  cursor: move;
+}
+input[type=search] {
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='%236c757d' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'/%3E%3C/svg%3E%0A");
+  background-repeat: no-repeat;
+  background-position: 10px center;
+  padding-left: 35px !important;
+}
+.form-floating input[type=search] ~ label {
+  padding-left: 35px;
+}
 html {
   height: 100%;
 }
+mark,
+.mark {
+  padding: 0;
+  box-shadow: 0 0.2em 0 #ffec89, 0 -0.2em 0 #ffec89;
+}
 .body {
   background: rgba(0, 0, 0, 0.03);
   height: 100vh;
@@ -13129,10 +13213,12 @@ body.empty {
   border: 1px solid #ced4da;
 }
 .h-dropzone {
+  position: relative;
   border: 2px dashed #ced4da;
   border-radius: 0.25rem;
 }
-.h-dropzone > *:not(input[type=file]) {
+.h-dropzone > *:not(.form-control) {
+  margin: 0.5rem;
   pointer-events: none;
   z-index: 2;
 }
@@ -13143,19 +13229,40 @@ body.empty {
 .h-dropzone.dragover input[type=file] {
   z-index: 3;
 }
-.h-dropzone.active {
+.h-dropzone.focus,
+.h-dropzone.dragover {
   border-color: #86b7fe;
   outline: 0;
   box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
 }
-.h-dropzone input[type=file] {
+.h-dropzone.focus.is-valid,
+.h-dropzone.dragover.is-valid {
+  border-color: #198754;
+  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
+}
+.h-dropzone.focus.is-invalid,
+.h-dropzone.dragover.is-invalid {
+  border-color: #dc3545;
+  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
+}
+.h-dropzone .form-control {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
-  opacity: 0;
   z-index: 1;
+  border: none;
+  box-shadow: none;
+  text-indent: -100vw;
+  color: transparent;
+  background: none;
+}
+.h-dropzone.is-invalid {
+  border-color: #dc3545;
+}
+.h-dropzone.is-valid {
+  border-color: #198754;
 }
 .h-dropzone-placeholder {
   color: #6c757d;
@@ -13232,6 +13339,7 @@ body.empty {
   background-clip: padding-box;
   border-radius: 0.3rem;
   box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
+  border: 1px solid rgba(0, 0, 0, 0.2);
 }
 .h-popup.closed {
   display: none;
@@ -13254,201 +13362,93 @@ body.empty {
   left: calc(50% - 14px);
   font-size: 28px;
 }
+.h-syntax {
+  background-color: #ffffcc;
+}
+.h-syntax .hll {
+  background-color: #ffffcc;
+}
+.h-syntax {
+  background: #f8f8f8;
+}
 .h-syntax .c {
-  color: #727272;
+  color: #6a737d;
+}
+.h-syntax .k {
+  color: #d73a49;
 }
 .h-syntax .ch {
-  font-style: italic;
-  color: #60a0b0;
+  color: #6a737d;
 }
 .h-syntax .cm {
-  color: #727272;
+  color: #6a737d;
 }
 .h-syntax .cp {
-  color: #008085;
+  color: #d73a49;
 }
 .h-syntax .cpf {
-  color: #007020;
+  color: #032f62;
 }
 .h-syntax .c1 {
-  color: #727272;
+  color: #6a737d;
 }
 .h-syntax .cs {
-  color: #727272;
+  color: #6a737d;
 }
 .h-syntax .gd {
-  background-color: #fcc;
-  border: 1px solid #c00;
-}
-.h-syntax .ge {
-  font-style: italic;
-}
-.h-syntax .gr {
-  color: #f00;
+  color: #b31d28;
+  background-color: #ffeef0;
 }
 .h-syntax .gh {
-  color: #030;
+  color: #005cc5;
 }
 .h-syntax .gi {
-  background-color: #cfc;
-  border: 1px solid #0c0;
-}
-.h-syntax .go {
-  color: #aaa;
-}
-.h-syntax .gp {
-  color: #009;
+  color: #22863a;
+  background-color: #f0fff4;
 }
 .h-syntax .gs {
-  font-weight: 700;
+  font-weight: bold;
 }
 .h-syntax .gu {
-  color: #030;
+  color: #6f42c1;
+  font-weight: bold;
 }
 .h-syntax .gt {
-  color: #9c6;
-}
-.h-syntax .gl {
-  text-decoration: underline;
-}
-.h-syntax .k {
-  color: #069;
+  color: #0044DD;
 }
 .h-syntax .kc {
-  color: #069;
+  color: #005cc5;
 }
 .h-syntax .kd {
-  color: #069;
+  color: #d73a49;
 }
 .h-syntax .kn {
-  color: #069;
+  color: #d73a49;
 }
 .h-syntax .kp {
-  color: #069;
+  color: #d73a49;
 }
 .h-syntax .kr {
-  color: #069;
+  color: #d73a49;
 }
 .h-syntax .kt {
-  color: #078;
+  color: #d73a49;
 }
 .h-syntax .m {
-  color: #c24f19;
-}
-.h-syntax .mb {
-  color: #40a070;
-}
-.h-syntax .mf {
-  color: #c24f19;
-}
-.h-syntax .mh {
-  color: #c24f19;
-}
-.h-syntax .mi {
-  color: #c24f19;
-}
-.h-syntax .il {
-  color: #c24f19;
-}
-.h-syntax .mo {
-  color: #c24f19;
+  color: #666666;
 }
 .h-syntax .s {
-  color: #d73038;
-}
-.h-syntax .sa {
-  color: #4070a0;
-}
-.h-syntax .sb {
-  color: #c30;
-}
-.h-syntax .sc {
-  color: #c30;
-}
-.h-syntax .dl {
-  color: #4070a0;
-}
-.h-syntax .sd {
-  font-style: italic;
-  color: #c30;
-}
-.h-syntax .s2 {
-  color: #c30;
-}
-.h-syntax .se {
-  color: #c30;
-}
-.h-syntax .sh {
-  color: #c30;
-}
-.h-syntax .si {
-  color: #a00;
-}
-.h-syntax .sx {
-  color: #c30;
-}
-.h-syntax .sr {
-  color: #337e7e;
-}
-.h-syntax .s1 {
-  color: #c30;
-}
-.h-syntax .ss {
-  color: #fc3;
-}
-.h-syntax .na {
-  color: #006ee0;
+  color: #032f62;
 }
 .h-syntax .nb {
-  color: #366;
+  color: #005cc5;
 }
 .h-syntax .nc {
-  color: #168174;
+  color: #6f42c1;
 }
 .h-syntax .no {
-  color: #360;
+  color: #005cc5;
 }
 .h-syntax .nd {
-  color: #6b62de;
-}
-.h-syntax .ni {
-  color: #727272;
-}
-.h-syntax .ne {
-  color: #c00;
-}
-.h-syntax .nf {
-  color: #b715f4;
-}
-.h-syntax .nl {
-  color: #6b62de;
-}
-.h-syntax .nn {
-  color: #007ca5;
-}
-.h-syntax .nt {
-  color: #2f6f9f;
-}
-.h-syntax .nv {
-  color: #033;
-}
-.h-syntax .o {
-  color: #555;
-}
-.h-syntax .ow {
-  color: #000;
-}
-.h-syntax .w {
-  color: #bbb;
-}
-.h-syntax .language-bash::before,
-.h-syntax .language-sh::before {
-  color: #009;
-  content: "$ ";
-  user-select: none;
-}
-.h-syntax .language-powershell::before {
-  color: #009;
-  content: "PM> ";
-  user-select: none;
+  color: #6f42c1;
 }

data/app/assets/stylesheets/headmin.scss CHANGED Viewed

@@ -53,7 +53,7 @@
 // Headmin
 @import "headmin/filters";
-@import "headmin/form";
+@import "headmin/forms";
 @import "headmin/general";
 @import "headmin/layout";
 @import "headmin/login";

data/app/controllers/concerns/headmin/authentication.rb CHANGED Viewed

@@ -6,4 +6,4 @@ module Headmin
       before_action :authenticate_admin!
     end
   end
-end
+end