adminterface 0.0.0 → 0.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: e501bf0265f24c9421d83bce7febbc2dd03dc34ab27ceb9354d4404e2ead14c1
-  data.tar.gz: e75d5819a64d83bb394a84bab10f6c6bac19e164c54336f04a7e6b74f5fa5b60
+  metadata.gz: 4069cfffd19de3ada098678538e0e7ca4f9a840c8477de55fe3612cd6f541572
+  data.tar.gz: 7454d611f8fd759b502577cd30f1a00ee7f7c6587b2361155998ef1c2e29aff7
 SHA512:
-  metadata.gz: 6e9d94c6e06702402e4fcc3221e4aa1b6aff300db2d398d3216721487fedbd225eabfc392b8a68d3cd7bbe0f9333c7c67d225edb428c17a3c445c3d21f3d8386
-  data.tar.gz: 9635c06df87220679047d1db438044f30688b3270052bfca5d22c56504ae912ee05d75ae93e767e156baac597c07bc2504a677a5ff7c889d1114994aca0d4598
+  metadata.gz: d04bd12439c118daedfb64958cdcf0a3a24a077331147bc98376ed0a8df5de9eada6dadb7de0eb066690a2d979c0277a357b42cead3ccf2b4a7e9a4c81bb5972
+  data.tar.gz: dc004f3881b891829f647c813ec8025459a76be580276b9bcb54ff5eafcd91a35324169b099b0ffb1eb588ea4f34820d41621027bcdff5f3e7509696c81d02f1

data/LICENSE.md

@@ -87,7 +87,7 @@ CMDBrew Studio Inc. is the sole and exclusive owner of all right, title, and int
 If you make a Contribution to the Software, you hereby automatically, immediately, unconditionally, and irrevocably assign the entirety of such Contribution to CMDBrew Studio Inc. for no additional consideration beyond the License granted hereunder. Similarly, in the event that you acquire (by any means) or have (at any time) any right, title, or interest (including any Intellectual Property Right) in or to the Software beyond the License granted hereunder, you hereby automatically, immediately, unconditionally, and irrevocably assign the entirety of such right, title, and interest to CMDBrew Studio Inc. for no additional consideration beyond the License granted hereunder. In the event of any assignment by you to us under this Section "Contributions", you hereby irrevocably waive, to the extent permitted by applicable law, any and all claims you may now or hereafter have in any jurisdiction to all rights of paternity, integrity, disclosure, and withdrawal and any other rights (which may be known as "moral rights") with respect to the subject matter of such assignment. For further information regarding how to contribute, please visit the the Software Repository.
 
 ## Refunds
-CMDBrew Studio Inc. offers limited refunds on software within 15 days of purchase. Contact contact@cmdbrew.com for assistance.
+CMDBrew Studio Inc. offers limited refunds on software within 14 days of purchase. Contact contact@cmdbrew.com for assistance.
 
 ## Indemnity
 You agree to indemnify and hold harmless CMDBrew Studio Inc. for any third-party claims, actions or suits, as well as any related expenses, liabilities, damages, settlements or fees arising from your use or misuse of the Software, or a violation of any terms of this license.

data/README.md

@@ -0,0 +1,61 @@
+# Adminterface <!-- omit in toc -->
+[![CI](https://github.com/CMDBrew/adminterface/actions/workflows/ci.yml/badge.svg?branch=main)](https://github.com/CMDBrew/adminterface/actions/workflows/ci.yml)
+
+An add-on that brings Bootstrap 5 and other goodies into ActiveAdmin.
+
+[![](preview.jpg)](https://adminterface.io)
+
+## Dependencies
+- Rails >= 6.0
+- Ruby >= 2.7
+- ActiveAdmin ~> 2.9
+- Bootstrap ~> 5
+- Webpacker >= 5.0
+
+## Quick Start
+1. Add the following to your application's Gemfile:
+   ```ruby
+   gem "adminterface"
+   ```
+2. Then execute:
+   ```bash
+   $ bundle install
+   ```
+3. Install ActiveAdmin (If you haven't)
+   ```bash
+   $ rails g active_admin:install --use_webpacker
+   ```
+4. Install Adminterface
+   ```bash
+   $ rails g adminterface:install
+   ```
+5. Migrate your database and start the server
+   ```bash
+   $ rails db:migrate
+   $ rails server
+   ```
+
+## Documentation
+Check our [website](https://adminterface.io) to find in-depth documentation for everything that Adminterface offers.
+
+## Contributing
+See [CONTRIBUTING.md](CONTRIBUTING.md).
+
+## License
+Adminterface is free for personal and non-commercial use and with a yearly subscription for commercial purposes. See [our Terms of Service in full text](LICENSE.md) for more information.
+
+### For Commerical License
+Get a license at https://adminterface.io/pricing, then create and add the `license_key` into the following file in your project:
+```ruby
+# config/initializers/adminterface.rb
+Adminterface.setup do |config|
+  config.license_key = "**********************"
+
+  ## Use Rails credentials:
+  ## doc: https://edgeguides.rubyonrails.org/security.html#custom-credentials
+  # config.license_key = Rails.application.credentials.adminterface[:license_key]
+
+  ## Or, use environment variables:
+  # config.license_key = ENV["ADMINTERFACE_LICENSE_KEY"]
+end
+```

data/Rakefile

@@ -0,0 +1,43 @@
+require "bundler/setup"
+
+APP_RAKEFILE = File.expand_path("test/dummy/Rakefile", __dir__)
+load "rails/tasks/engine.rake"
+load "rails/tasks/statistics.rake"
+
+require "bundler/gem_tasks"
+require "rake/testtask"
+
+Rake::TestTask.new(:test) do |t|
+  t.libs << "test"
+  t.pattern = "test/**/*_test.rb"
+  t.verbose = false
+end
+
+# Prepare webpack for dummy
+task :prepare_assets do
+  system "rm -rf test/dummy/public/packs"
+  system "rm -rf test/dummy/public/packs-test"
+  system "yarn install --frozen-lockfile"
+  system "(cd test/dummy && yarn install --frozen-lockfile)"
+end
+
+# Generate dependency licenses
+task :licenses do
+  system "bundle exec license_finder report --decisions_file reports/dependency_decisions.yml --format json --save reports/licenses.json"
+end
+
+# Custom Rails stats command
+task stats: :statsetup
+task :statsetup do
+  require "rails/code_statistics"
+
+  custom_directories = [
+    %w[Libraries\ tests test/lib]
+  ]
+  STATS_DIRECTORIES.concat(custom_directories)
+
+  custom_test_types = %w[Libraries\ tests]
+  CodeStatistics::TEST_TYPES.concat(custom_test_types)
+end
+
+task default: :test

data/app/assets/config/adminterface_manifest.js

@@ -0,0 +1 @@
+//= link_directory ../stylesheets/adminterface .css

data/app/assets/stylesheets/adminterface/_base.scss

@@ -0,0 +1,20 @@
+@import "./vendors/bootstrap/variables";
+@import "bootstrap/scss/bootstrap";
+@import "bootstrap-icons/font/bootstrap-icons";
+@import "flatpickr/dist/flatpickr";
+@import "tom-select/dist/css/tom-select.bootstrap5";
+@import "./mixins/all";
+@import "./placeholders/all";
+@import "./helpers/all";
+@import "./vendors/all";
+@import "./components/all";
+
+// stylelint-disable no-invalid-position-at-import-rule
+@media screen {
+  @import "./layouts/all";
+}
+
+@media print {
+  @import "./print";
+}
+// stylelint-enable no-invalid-position-at-import-rule

data/app/assets/stylesheets/adminterface/_print.scss

@@ -0,0 +1,56 @@
+// Header
+.navbar-toggler {
+  display: none;
+}
+
+// TitleBar
+#title_bar {
+  #titlebar_right {
+    display: none;
+  }
+}
+
+// Main
+#wrapper {
+  padding: 1rem 0;
+}
+
+// Table
+.col-actions,
+.table_tools {
+  display: none;
+}
+
+// Sidebars
+#filters_sidebar_section {
+  display: none;
+}
+
+// Index
+#index_footer {
+  .download_links,
+  .pagination_per_page,
+  .paginator {
+    display: none;
+  }
+}
+
+// Show
+#new_active_admin_comment {
+  display: none;
+}
+
+// Form
+.formtastic {
+  fieldset {
+    &.has_many_fields {
+      ol li.handle,
+      .has-many-actions {
+        display: none;
+      }
+    }
+    &.actions { display: none; }
+
+    .has_many_add { display: none; }
+  }
+}

data/app/assets/stylesheets/adminterface/components/_active_admin_comment.scss

@@ -0,0 +1,19 @@
+.active_admin_comment {
+  &.formtastic { margin-bottom: map-get($spacers, 4); }
+
+  &:not(.formtastic) {
+    fieldset.actions ol { flex-direction: row; }
+  }
+}
+
+.comments {
+  .paginating-footer {
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+
+    .pagination_information { margin-bottom: $spacer; }
+  }
+
+  .empty { display: none; }
+}

data/app/assets/stylesheets/adminterface/components/_all.scss

@@ -0,0 +1,24 @@
+@import './active_admin_comment';
+@import './aside';
+@import './attributes_table';
+@import './comments';
+@import './divider';
+@import './filters';
+@import './flash';
+@import './footer';
+@import './form';
+@import './header';
+@import './index_as_grid';
+@import './index_as_table';
+@import './index_footer';
+@import './index';
+@import './inputs/all';
+@import './modal_dialog';
+@import './pagination';
+@import './panel';
+@import './sidebar';
+@import './site_title';
+@import './table_for';
+@import './table_tools';
+@import './thumbnail';
+@import './title_bar';

data/app/assets/stylesheets/adminterface/components/_aside.scss

@@ -0,0 +1,28 @@
+.aside {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  z-index: $zindex-fixed + 1;
+  display: block !important;
+  width: 100%;
+  height: auto !important;
+  padding: 0;
+
+  @include shadow($aside-box-shadow);
+  @include transition(transform 0.2s linear);
+
+  &:not(.show) {
+    @include transform(translateX(100%));
+  }
+
+  @include media-breakpoint-up($aside-breakpoint) {
+    position: absolute;
+    z-index: 11;
+    width: $aside-width;
+  }
+}
+
+body.aside-active {
+  overflow: hidden !important;
+}

data/app/assets/stylesheets/adminterface/components/_attributes_table.scss

@@ -0,0 +1,19 @@
+.attributes_table {
+  .empty { color: $text-muted; }
+
+  .table {
+    background: transparent;
+    & > tbody > tr > th { padding-left: 0; }
+    & > tbody > tr > td { padding-right: 0; }
+
+    & > tbody > tr:first-child {
+      td,
+      th {
+        border-top: 0;
+      }
+    }
+
+    th { width: $attribute-table-key-width; }
+    td { text-align: left; }
+  }
+}

data/app/assets/stylesheets/adminterface/components/_comments.scss

@@ -0,0 +1,7 @@
+.active_admin_comment_header {
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+
+  .active_admin_comment_meta { flex: 1; }
+}

data/app/assets/stylesheets/adminterface/components/_divider.scss

@@ -0,0 +1,28 @@
+%divider {
+  flex: 1;
+  height: 1px;
+  background-color: currentColor;
+  color: $hr-color;
+  opacity: $hr-opacity;
+  content: "";
+
+  @include transform(translateY(-50%));
+}
+
+.divider {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+
+  &::before {
+    @extend %divider;
+
+    margin-right: $spacer;
+  }
+
+  &::after {
+    @extend %divider;
+
+    margin-left: $spacer;
+  }
+}

data/app/assets/stylesheets/adminterface/components/_filters.scss

@@ -0,0 +1,27 @@
+#filters {
+  &.aside {
+    .sidebar_section {
+      display: flex;
+      flex-direction: column;
+      height: 100%;
+    }
+
+    .panel {
+      border-radius: 0;
+      border: 0;
+    }
+
+    .panel-body {
+      flex: 1;
+      overflow-y: auto;
+    }
+
+    .btn-close {
+      position: absolute;
+      top: 0.5rem;
+      right: $card-spacer-x;
+      z-index: 11;
+      color: $text-muted;
+    }
+  }
+}

data/app/assets/stylesheets/adminterface/components/_flash.scss

@@ -0,0 +1,4 @@
+.flashes .flash {
+  margin-bottom: 0;
+  border-radius: 0;
+}

data/app/assets/stylesheets/adminterface/components/_footer.scss

@@ -0,0 +1,4 @@
+#footer p {
+  display: inline-block;
+  margin: 0;
+}

data/app/assets/stylesheets/adminterface/components/_form.scss

@@ -0,0 +1,219 @@
+%fields-with-errors {
+  $_color: $form-feedback-invalid-color;
+  $_icon: $form-feedback-icon-invalid;
+  $_focus-box-shadow: 0 0 $input-btn-focus-blur $input-focus-width rgba($_color, $input-btn-focus-color-opacity);
+
+  .invalid-feedback,
+  .invalid-tooltip {
+    display: block;
+  }
+
+  .form-control {
+    border-color: $_color;
+
+    @if $enable-validation-icons {
+      padding-right: $input-height-inner;
+      background-image: escape-svg($_icon);
+      background-repeat: no-repeat;
+      background-position: right $input-height-inner-quarter center;
+      background-size: $input-height-inner-half $input-height-inner-half;
+    }
+
+    &:focus {
+      border-color: $_color;
+      box-shadow: $_focus-box-shadow;
+    }
+  }
+
+  .form-control-color { max-width: 4.5rem; }
+
+  trix-editor.form-control,
+  textarea.form-control {
+    @if $enable-validation-icons {
+      padding-right: $input-height-inner;
+      background-position: top $input-height-inner-quarter right $input-height-inner-quarter;
+    }
+  }
+
+  .form-select:not(.ts-dropdown) {
+    border-color: $_color;
+
+    @if $enable-validation-icons {
+      &:not([multiple]):not([size]),
+      &:not([multiple])[size="1"] {
+        padding-right: $form-select-feedback-icon-padding-end;
+        background-image: escape-svg($form-select-indicator), escape-svg($_icon);
+        background-position: $form-select-bg-position, $form-select-feedback-icon-position;
+        background-size: $form-select-bg-size, $form-select-feedback-icon-size;
+      }
+    }
+
+    &:focus {
+      border-color: $_color;
+      box-shadow: $_focus-box-shadow;
+    }
+  }
+
+  .form-check {
+    .form-check-input {
+      border-color: $_color;
+
+      &:checked { background-color: $_color; }
+      &:focus { box-shadow: $_focus-box-shadow; }
+    }
+
+    .form-check-label { color: $_color; }
+  }
+}
+
+%feedback-hint {
+  width: 100%;
+  margin-top: $form-feedback-margin-top;
+  font-style: $form-feedback-font-style;
+  color: $secondary;
+
+  @include font-size($form-feedback-font-size);
+}
+
+%fragements {
+  legend { margin-bottom: 0; }
+  legend.label { font-size: $font-size-base; }
+
+  .fragments-group {
+    display: flex;
+    flex-direction: row;
+    padding: 0;
+    margin: 0 calc(-#{$spacer} / 4) !important;
+    list-style: none;
+
+    .fragment {
+      flex: 1;
+      padding: 0 calc(#{$spacer} / 4);
+      margin-bottom: $spacer;
+    }
+  }
+}
+
+.formtastic {
+  .errors { margin-bottom: 0; }
+  .hidden { display: none; }
+  .input.error { @extend %fields-with-errors; }
+  .fragments { @extend %fragements; }
+  .inline-hints { @extend %feedback-hint; }
+
+  li.has-many-inputs,
+  fieldset.inputs,
+  fieldset.actions {
+    & > ol {
+      padding: 0;
+      margin: 0;
+      list-style: none;
+    }
+  }
+
+  fieldset.actions {
+    ol {
+      display: flex;
+      align-items: flex-end;
+      -webkit-box-orient: horizontal;
+      -webkit-box-align: end;
+      -webkit-box-direction: reverse;
+      flex-direction: row-reverse;
+    }
+
+    li {
+      display: inline-block;
+      margin-right: map-get($spacers, 2);
+      &:first-child { margin: 0; }
+    }
+  }
+
+  fieldset.columns > ol {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    padding: 0;
+  }
+
+  fieldset.has_many_fields {
+    &.sortable-placeholder {
+      z-index: 11;
+      background: $form-sortable-placeholder-bg;
+      visibility: visible;
+      box-sizing: border-box;
+
+      &[draggable="true"] {
+        max-height: $form-sortable-placeholder-max-height;
+        overflow: hidden;
+      }
+    }
+
+    &.sortable-drag {
+      background: $form-sortable-drag-bg;
+      box-sizing: border-box;
+
+      &[draggable="true"] {
+        max-height: $form-sortable-drag-max-height;
+        overflow: hidden;
+      }
+    }
+
+    & > ol {
+      display: flex;
+      flex-direction: row;
+
+      li {
+        &.handle {
+          display: flex;
+          color: $text-muted;
+          cursor: move;
+          align-items: flex-start;
+          padding: 0;
+          padding-right: $spacer;
+
+          &::before {
+            @extend %aa-icon;
+
+            content: map-get($aa-icons, 'form-has-many-sortable-handle');
+          }
+        }
+
+        &.has-many-inputs {
+          display: flex;
+          flex: 1;
+          flex-direction: row;
+          padding: 0;
+          > ol:first-child { flex: 1; }
+        }
+      }
+
+      .has_many_delete {
+        input[type='checkbox']:checked + label { color: $danger; }
+
+        label.form-check-label {
+          span,
+          i {
+            display: none;
+          }
+        }
+      }
+
+      .has_many_remove {
+        padding-left: $spacer;
+        font-size: 0;
+        text-decoration: none;
+
+        &::before {
+          @extend %aa-icon;
+
+          content: map-get($aa-icons, 'form-has-many-destroy');
+        }
+      }
+    }
+
+    .columns { margin: 0 calc(-#{$grid-gutter-width} / 2); }
+    .has_many_delete { margin-bottom: 0; }
+  }
+
+  .choices-group { @extend %list-unstyled; }
+}

data/app/assets/stylesheets/adminterface/components/_header.scss

@@ -0,0 +1,30 @@
+#header {
+  #main-nav { margin-right: auto; }
+  .dropdown-item a { color: inherit; }
+
+  .navbar-nav {
+    @include media-breakpoint-up($sidebar-breakpoint) {
+      align-items: center;
+    }
+  }
+
+  .nav-item {
+    .nav-link {
+      @extend %text-truncate;
+
+      width: 100%;
+
+      & > * {
+        display: inline-block;
+        vertical-align: middle;
+      }
+
+      i.aa-icon {
+        margin-right: map-get($spacers, 1);
+        font-size: $header-icon-size;
+        width: $header-icon-size;
+        height: $header-icon-size;
+      }
+    }
+  }
+}

data/app/assets/stylesheets/adminterface/components/_index.scss

@@ -0,0 +1 @@
+.index_content .index > * { width: 100%; }

data/app/assets/stylesheets/adminterface/components/_index_as_grid.scss

@@ -0,0 +1,5 @@
+.index_as_grid {
+  .resource_selection_toggle_panel {
+    margin-bottom: $spacer;
+  }
+}

data/app/assets/stylesheets/adminterface/components/_index_as_table.scss

@@ -0,0 +1 @@
+.index_as_table table.index_table { margin-bottom: 0; }

data/app/assets/stylesheets/adminterface/components/_index_footer.scss

@@ -0,0 +1,19 @@
+#index_footer {
+  margin-top: $spacer;
+  text-align: center;
+
+  .pagination_per_page {
+    display: inline-block;
+    & + .paginator { margin-top: $spacer; }
+  }
+
+  .paginator {
+    & + .pagination_information { margin-top: $spacer; }
+
+    ul {
+      display: flex;
+      justify-content: center;
+      margin: 0 auto;
+    }
+  }
+}

data/app/assets/stylesheets/adminterface/components/_modal_dialog.scss

@@ -0,0 +1,4 @@
+#modal-dialog-confirm {
+  #dialog-message { margin-bottom: 0; }
+  #dialog-message + #modal-dialog-confirm-form:not(:empty) { margin-top: $spacer; }
+}

data/app/assets/stylesheets/adminterface/components/_pagination.scss

@@ -0,0 +1,3 @@
+.pagination {
+  flex-wrap: wrap;
+}