slash_admin 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: 1f1eb8776c07ec77415ce20ceea1075b36554d5ddd7e3b8591206c0b562dbf2a
+  data.tar.gz: fd7d4b221829064885b86a0c2e96588faa006648b41855386da5d3efd706a988
+SHA512:
+  metadata.gz: 55167cf3a304061acb8b693ea52717d7dda264ee09bc4f90dc8438bed7decc3a0abf75a1881340069539a58736d504b0c684afade373d9ecf3aaf8398bb659e7
+  data.tar.gz: 4db31680e5d862e6810eb46c0172e1e7d3b4b64f25c33911907524d71d44be751765fc82450e4a9551352d21da5f920e35117481c965a95e0bc35a0e03c2dda8

data/README.md

@@ -0,0 +1,95 @@
+[![Code Climate](https://codeclimate.com/github/nicovak/slash_admin/badges/gpa.svg)](https://codeclimate.com/github/nicovak/slash_admin)
+[![CircleCI](https://circleci.com/gh/nicovak/slash_admin/tree/master.svg?style=svg&circle-token=6e9ebd7fef3ebc881c75a769b0970808024a2ae9)](https://circleci.com/gh/nicovak/slash_admin/tree/master)
+
+# [W.I.P] SlashAdmin
+
+A modern and overridable admin, just the rails way.
+Embeded admin user and authentication system, devise is not needed.
+
+#### Motivation:
+- Provide to rails the admin it deserves without DSL or obscure logic.
+- Provide an easy to use and modern experience to final users.
+
+I tried to take the best from two greats existing gem:
+- [rails_admin](https://github.com/sferik/rails_admin)
+- [administrate](https://github.com/thoughtbot/administrate)
+
+Design inspired from the awesome metronic admin theme:
+- [keenthemes](http://keenthemes.com/preview/metronic/)
+
+#### Screenshots
+
+![Image of Login screen](http://i.imgur.com/HFQ9hfw.jpg)
+![Image of List](http://i.imgur.com/p34HUU5.png)
+![Image of Create / Edit](http://i.imgur.com/TzOx3i8.png)
+
+### Installation
+Add this line to your application's Gemfile:
+
+```ruby
+gem 'slash_admin'
+```
+
+And then execute:
+```bash
+$ bundle
+```
+
+Or install it yourself as:
+```bash
+$ gem install slash_admin
+```
+
+Gemfile
+```
+gem 'carrierwave'
+```
+
+Then:
+```bash
+rails g slash_admin:install
+rails slash_admin:install:migrations
+rails db:migrate
+```
+
+`config/initializers/mime_types.rb`
+```ruby
+Mime::Type.register "application/xls", :xls
+```
+
+```ruby
+Rails.application.routes.draw do
+  mount SlashAdmin::Engine => "/"
+end
+```
+
+Mounted as '/' but prefixed in the gem and in routes definition of models admin. See above.
+
+### Important
+
+If you are using [friendly_id](https://github.com/norman/friendly_id) gem, you have to add `routes: :default` like so:
+
+```ruby
+friendly_id :title, use: :history, routes: :default
+```
+
+Example of create admin in `seed.rb` in your app:
+
+```ruby
+SlashAdmin::Admin.create!(
+  username:               'admin',
+  email:                  'contact@mysite.com',
+  password:               'admin@admin',
+  password_confirmation:  'admin@admin'
+)
+```
+
+### Documentation
+
+[Read the docs](https://github.com/nicovak/slash_admin/tree/master/docs/index.md)
+
+## Contributing
+Coming soon.
+
+## License
+The gem is available as open source under the terms of the [MIT License](http://opensource.org/licenses/MIT).

data/app/assets/config/relax_admin_manifest.js

@@ -0,0 +1,2 @@
+//= link_directory ../javascripts/slash_admin .js
+//= link_directory ../stylesheets/slash_admin .css

data/app/assets/javascripts/slash_admin/application.js

@@ -0,0 +1,344 @@
+//= require js-routes
+//= require i18n
+//= require i18n/translations
+//= require jquery3
+//= require jquery_ujs
+//= require popper
+//= require bootstrap
+//= require selectize
+//= require moment
+//= require moment/fr
+//= require bootstrap-material-datetimepicker
+//= require jquery.tagsinput-revisited.min
+//= require Chart.min
+//= require highcharts
+//= require chartkick
+//= require bootstrap-datepicker
+//= require sweetalert
+//= require cocoon
+//= require toastr
+//= require codemirror/codemirror
+//= require codemirror/lint/lint
+//= require codemirror/lint/jsonlint
+//= require codemirror/lint/json-lint
+//= require codemirror/mode/javascript
+//= require jquery.nestable
+//= require jquery.minicolors
+//= require turbolinks
+//= require slash_admin/custom
+//= require_tree .
+
+$(document).on("turbolinks:load", init);
+
+function init() {
+  Turbolinks.clearCache();
+
+  $('.page-sidebar a[href$="#"]').on('click', function(e) {
+    e.preventDefault()
+  });
+
+  $(".tags").tagsInput({
+    placeholder: I18n.t('slash_admin.view.add_tag'),
+    delimiter: [",", ";", " "]
+  });
+
+  // Scroll to top
+  var offset = 250;
+  $(window).scroll(function() {
+    if ($(this).scrollTop() > offset) {
+      $(".scroll-to-top").fadeIn("slow");
+    } else {
+      $(".scroll-to-top").fadeOut("slow");
+    }
+  });
+
+  $(".scroll-to-top").click(function(event) {
+    $("html, body").animate({ scrollTop: 0 }, 300);
+  });
+
+  // Automatic hide alert
+  window.setTimeout(function() {
+    $(".alert").fadeTo(500, 0).slideUp(500, function() {
+      $(this).remove();
+    });
+  }, 1500);
+
+  // clearForm
+  $.fn.clearForm = function() {
+    return this.each(function() {
+      var type = this.type,
+        tag = this.tagName.toLowerCase();
+      if (tag === "form") return $(":input", this).clearForm();
+      if (type === "text" || type === "password" || tag === "textarea")
+        this.value = "";
+      else if (type === "checkbox" || type === "radio") this.checked = false;
+      else if (tag === "select") this.selectedIndex = -1;
+    });
+  };
+
+  // CounterUp plugin
+  $("[data-counter='counterup']").each(function() {
+    var $this = $(this),
+      countTo = $this.attr("data-value");
+    $({ countNum: $this.text() }).animate(
+      {
+        countNum: countTo
+      },
+      {
+        duration: 1500,
+        easing: "linear",
+        step: function() {
+          $this.text(Math.floor(this.countNum));
+        },
+        complete: function() {
+          $this.text(this.countNum);
+        }
+      }
+    );
+  });
+
+  // MENU
+  $(".sub-menu").has(".active").parent().addClass("active");
+
+  // BULK ACTIONS
+  $(".toggle-all").on("change", function() {
+    var checked = this.checked;
+    $('.table-data-list tbody input[type="checkbox"]').each(function(
+      index,
+      item
+    ) {
+      $(item).prop("checked", checked);
+    });
+  });
+
+  $('.table-data-list input[type="checkbox"]').on("change", function() {
+    var length = $('.table-data-list tbody input[type="checkbox"]:checked')
+      .length;
+    $(".batch-current-selected").html(length);
+  });
+
+  // Delete button protection sweetalert
+  $(".single-delete").on("click", function(e) {
+    e.preventDefault();
+    var target = $(this).attr("href");
+    var current = window.location.href;
+
+    swal(
+      {
+        title: I18n.t('slash_admin.view.confirm'),
+        text: I18n.t('slash_admin.view.no_back'),
+        type: "warning",
+        showCancelButton: true,
+        confirmButtonClass: "btn-danger",
+        cancelButtonClass: "btn-primary",
+        confirmButtonText: I18n.t('slash_admin.view.yes_delete'),
+        cancelButtonText: I18n.t('slash_admin.view.cancel'),
+        closeOnConfirm: false
+      },
+      function() {
+        $.ajax({
+          url: target,
+          method: "DELETE"
+        }).done(function() {
+          window.location.href = current;
+        });
+      }
+    );
+  });
+
+  // Batch action
+  $(".batch-action").on("click", function(e) {
+    e.preventDefault();
+    var target = $(this).data("action");
+    var message = $(this).data("message");
+    var current = window.location.href;
+    var ids = [];
+
+    $('.table-data-list tbody input[type="checkbox"]:checked').each(function(
+      index,
+      checkbox
+    ) {
+      ids.push($(this).val());
+    });
+
+    if (ids.length > 0) {
+      swal(
+        {
+          title: I18n.t('slash_admin.view.confirm'),
+          text: message,
+          type: "warning",
+          showCancelButton: true,
+          confirmButtonClass: "btn-danger",
+          cancelButtonClass: "btn-primary",
+          confirmButtonText: I18n.t('slash_admin.view.yes_delete'),
+          cancelButtonText: I18n.t('slash_admin.view.cancel'),
+          closeOnConfirm: false
+        },
+        function() {
+          $.ajax({
+            url: target,
+            method: "post",
+            data: {
+              ids: ids
+            }
+          }).done(function() {
+            window.location.href = current;
+          });
+        }
+      );
+    }
+  });
+
+  $(".selectize-single").selectize({
+    allowEmptyOption: true
+  });
+
+  $(".selectize-multiple").selectize({
+    allowEmptyOption: true,
+    persist: false,
+    plugins: {
+      remove_button: {}
+    }
+  });
+
+  $(".selectize-model-single").selectize({
+    allowEmptyOption: true,
+    valueField: "id",
+    labelField: "name",
+    searchField: "name",
+    create: false,
+    load: function(query, callback) {
+      if (!query.length) return callback();
+      var model = $(this)[0].$input[0].getAttribute("data-model");
+      var fields = $(this)[0].$input[0].getAttribute("data-fields");
+      $.ajax({
+        url: Routes.slash_admin_remote_selectize_path({
+          format: "json"
+        }),
+        dataType: "json",
+        data: {
+          model_class: model,
+          q: query,
+          fields: fields.split(" ")
+        },
+        error: function() {
+          callback();
+        },
+        success: function(res) {
+          callback(res);
+        }
+      });
+    },
+    render: {
+      option: function(item, escape) {
+        return "<div>" + escape(item.name) + "</div>";
+      }
+    }
+  });
+
+  $(".selectize-model-multiple").selectize({
+    allowEmptyOption: true,
+    persist: false,
+    plugins: {
+      remove_button: {}
+    },
+    valueField: "id",
+    labelField: "name",
+    searchField: "name",
+    create: false,
+    load: function(query, callback) {
+      if (!query.length) return callback();
+      var model = $(this)[0].$input[0].getAttribute("data-model");
+      var fields = $(this)[0].$input[0].getAttribute("data-fields");
+      $.ajax({
+        url: Routes.slash_admin_remote_selectize_path({
+          format: "json"
+        }),
+        dataType: "json",
+        data: {
+          model_class: model,
+          q: query,
+          fields: fields.split(" ")
+        },
+        error: function() {
+          callback();
+        },
+        success: function(res) {
+          callback(res);
+        }
+      });
+    },
+    render: {
+      option: function(item, escape) {
+        return "<div>" + escape(item.name) + "</div>";
+      }
+    }
+  });
+
+  $(".bootstrap-datepicker").datepicker({
+    language: I18n.currentLocale(),
+    format: "YYYY-MM-DD"
+  });
+
+  $(".bootstrap-material-date").bootstrapMaterialDatePicker({
+    lang: I18n.currentLocale(),
+    weekStart: 1,
+    cancelText: I18n.t("slash_admin.view.cancel"),
+    time: false,
+    clearButton: true,
+    clearText: I18n.t("slash_admin.view.erase"),
+    format: "YYYY-MM-DD"
+  });
+
+  $(".bootstrap-material-datetime").bootstrapMaterialDatePicker({
+    lang: I18n.currentLocale(),
+    weekStart: 1,
+    cancelText: I18n.t("slash_admin.view.cancel"),
+    clearButton: true,
+    clearText: I18n.t("slash_admin.view.erase"),
+    format: "YYYY-MM-DD HH:mm:ss"
+  });
+
+  $(".colorpicker").minicolors();
+
+  $("#reset-filters").on("click", function(e) {
+    e.preventDefault();
+
+    $("input[name*='filters']").val("");
+    $("select[name*='filters'] option:first").prop("selected", true);
+
+    $("#filters").trigger("submit");
+  });
+
+  // Handle Both form
+  function handleFiltersAndLocation() {
+    var url = window.location.href.split("?")[0];
+
+    var filtersParams = $("#filters").serialize();
+    var paginationParams = $(".admin-pagination").first().serialize();
+    var orderParams = $("#order").serialize();
+
+    parameters = "";
+    $.each([filtersParams, paginationParams, orderParams], function(
+      index,
+      params
+    ) {
+      if (index !== 0) {
+        parameters += "&" + params;
+      } else {
+        parameters += params;
+      }
+    });
+
+    window.location.href = url + "?" + parameters;
+  }
+
+  // Handle create belongs to
+  $("#create-belongs-to-form")
+    .on("ajax:success", function(e, data, status, xhr) {
+      $("#create-belongs-to-form").text("Done.");
+    })
+    .on("ajax:error", function(e, xhr, status, error) {
+      $("#create-belongs-to-form").text("Failed.");
+    });
+}