active_admin_pro 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: a954ba08649abd802e872ac998d9a43f1a14397c
+  data.tar.gz: a4e8beb920bea0af3a3c66cb68ada4c6ccb1d6fd
+SHA512:
+  metadata.gz: 9f474423139c52329705a2fe72c12ff84744e390904e9f2f85e8551938a3fb8f7df74b21c878f5a1e1091bc20b84cef02f56e5674399c1aebb40cb46330130e9
+  data.tar.gz: 586b7090ca79cd73c7c2b23fcf40d0777d8bfdfa442dca8102ff00e4175267721a0719d7642b77459abe740401dd6cd0c233dff7ac19c72cf1195a71bc679819

data/LICENSE

@@ -0,0 +1,20 @@
+Copyright 2015 Brian Pattison
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,5 @@
+# Active Admin Pro
+
+A collection of styles and scripts that make Active Admin better.
+
+**NOT PRODUCTION READY... YET**

data/Rakefile

@@ -0,0 +1,34 @@
+begin
+  require "bundler/setup"
+rescue LoadError
+  puts "You must `gem install bundler` and `bundle install` to run rake tasks"
+end
+
+require "rdoc/task"
+
+RDoc::Task.new(:rdoc) do |rdoc|
+  rdoc.rdoc_dir = "rdoc"
+  rdoc.title    = "ActiveAdminPro"
+  rdoc.options << "--line-numbers"
+  rdoc.rdoc_files.include("README.rdoc")
+  rdoc.rdoc_files.include("lib/**/*.rb")
+end
+
+
+
+
+
+
+Bundler::GemHelper.install_tasks
+
+require "rake/testtask"
+
+Rake::TestTask.new(:test) do |t|
+  t.libs << "lib"
+  t.libs << "test"
+  t.pattern = "test/**/*_test.rb"
+  t.verbose = false
+end
+
+
+task default: :test

data/app/assets/javascripts/active_admin_pro.js

@@ -0,0 +1,41 @@
+/* globals Turbolinks */
+//= require active_admin/base
+//= require activeadmin-sortable
+//= require turbolinks
+//= require_self
+//= require_tree ./active_admin_pro
+
+// The app is fully ready for enabling transition cache,
+// but I can't quite prevent all elements from flashing on load.
+// Turbolinks.enableTransitionCache();
+Turbolinks.enableProgressBar();
+
+// I was struggling to get everything to fire off every page load,
+// but only once per page load, so I came up with crap.
+//
+// Usage:
+//
+//   App.ready(function() {
+//     console.log('This will be called once after every page load.');
+//   });
+if (window.App === undefined) {
+  window.App = {
+    initialized:  false,
+    initializers: []
+  };
+}
+
+App.ready = function(readyFunction) {
+  if (!App.initialized) {
+    App.initializers.push(readyFunction);
+  }
+};
+
+if (!App.initialized) {
+  $(document).on('ready page:load', function() {
+    $.each(App.initializers, function(index, initializer) {
+      initializer();
+    });
+    App.initialized = true;
+  });
+}

data/app/assets/javascripts/active_admin_pro/actions/new.js

@@ -0,0 +1,8 @@
+// Enable dropdown for multiple actions on show pages.
+App.ready(function() {
+  "use strict";
+
+  setTimeout(function() {
+    $('body.new #main_content form input:not([type="hidden"]):first').focus();
+  }, 10);
+});

data/app/assets/javascripts/active_admin_pro/actions/show.js

@@ -0,0 +1,12 @@
+// Enable dropdown for multiple actions on show pages.
+App.ready(function() {
+  "use strict";
+
+  $('body.show #titlebar_right').click(function() {
+    $(this).toggleClass('active');
+  });
+
+  $('body.show #active_admin_content').click(function() {
+    $('body.show #titlebar_right').removeClass('active');
+  });
+});

data/app/assets/javascripts/active_admin_pro/components/codemirror_input.js

@@ -0,0 +1,92 @@
+//= require codemirror
+//= require codemirror/addons/edit/closebrackets
+//= require codemirror/addons/edit/closetag
+//= require codemirror/addons/edit/continuelist
+//= require codemirror/addons/edit/matchbrackets
+//= require codemirror/addons/edit/matchtags
+//= require codemirror/addons/fold/xml-fold
+//= require codemirror/addons/mode/loadmode
+//= require codemirror/addons/mode/multiplex
+//= require codemirror/addons/mode/overlay
+//= require codemirror/addons/mode/simple
+//= require codemirror/addons/search/search
+//= require codemirror/modes/coffeescript
+//= require codemirror/modes/css
+//= require codemirror/modes/diff
+//= require codemirror/modes/dockerfile
+//= require codemirror/modes/gfm
+//= require codemirror/modes/go
+//= require codemirror/modes/haml
+//= require codemirror/modes/handlebars
+//= require codemirror/modes/htmlembedded
+//= require codemirror/modes/htmlmixed
+//= require codemirror/modes/javascript
+//= require codemirror/modes/markdown
+//= require codemirror/modes/nginx
+//= require codemirror/modes/php
+//= require codemirror/modes/python
+//= require codemirror/modes/ruby
+//= require codemirror/modes/rust
+//= require codemirror/modes/sass
+//= require codemirror/modes/shell
+//= require codemirror/modes/xml
+//= require codemirror/modes/yaml
+/* globals CodeMirror */
+
+// CodeMirror editor field.
+// @see https://codemirror.net
+App.ready(function() {
+  "use strict";
+
+  var codemirrorInputs, windowElement;
+
+  function activateBehavior() {
+    codemirrorInputs = $('.input.codemirror');
+    windowElement = $(window);
+
+    codemirrorInputs.each(function() {
+      var wrapper = $(this);
+      var textarea = wrapper.find('textarea');
+      var codemirrorOptions = textarea.data('codemirror');
+
+      // By default, use spaces instead of tabs
+      if (typeof(codemirrorOptions.extraKeys.Tab) !== 'function') {
+        codemirrorOptions.extraKeys.Tab = function(cm) {
+          var spaces = new Array(cm.getOption('indentUnit') + 1).join(' ');
+          cm.replaceSelection(spaces);
+        };
+      }
+
+      // Initialize the Code Mirror editor with the given options
+      var codemirrorInput = CodeMirror.fromTextArea(textarea[0], codemirrorOptions);
+
+      wrapper.find('label').click(function() {
+        codemirrorInput.focus();
+      });
+
+      codemirrorInput.on('focus', function() {
+        wrapper.addClass('focused');
+      });
+
+      codemirrorInput.on('blur', function() {
+        wrapper.removeClass('focused');
+      });
+    });
+
+    resizeCodemirrorInputs();
+    windowElement.resize(resizeCodemirrorInputs);
+  }
+
+  // Code Mirror works best when there is a fixed width on its container, so
+  // let's detect the size the container is without the input and set the width.
+  function resizeCodemirrorInputs() {
+    codemirrorInputs.each(function() {
+      var wrapper = $(this);
+      wrapper.hide();
+      wrapper.css('width', wrapper.parent().innerWidth() + 'px');
+      wrapper.show();
+    });
+  }
+
+  activateBehavior();
+});

data/app/assets/javascripts/active_admin_pro/components/flashes.js

@@ -0,0 +1,9 @@
+// Add active class on click to style while loading via turbolinks.
+App.ready(function() {
+  "use strict";
+
+  $('.flashes').addClass('animate');
+  $(document).on('page:before-change', function() {
+    $('.flashes').removeClass('animate');
+  });
+});

data/app/assets/javascripts/active_admin_pro/components/link.js

@@ -0,0 +1,23 @@
+App.ready(function() {
+  "use strict";
+  var body = $('body');
+  var links = $('a:not([data-method="delete"]):not([data-action="destroy"]):not(.has_many_add):not(.dropdown_menu_button):not([target="_blank"])');
+
+  // Add active class on click to style while loading via turbolinks
+  // and add loading class to the body element.
+  links.click(function() {
+    body.addClass('loading');
+    $(this).addClass('active');
+  });
+
+  // Remove loading and active classes on page load
+  body.removeClass('loading');
+  links.removeClass('active');
+
+  // We also need to make sure to remove the loading classes when the
+  // page is restored by Turbolinks when using the back button
+  document.addEventListener('page:restore', function() {
+    body.removeClass('loading');
+    links.removeClass('active');
+  });
+});

data/app/assets/javascripts/active_admin_pro/components/phone_input.js

@@ -0,0 +1,52 @@
+//= require intl-tel-input
+//= require intl-tel-utils
+
+App.ready(function() {
+  "use strict";
+
+  function activateBehavior() {
+    $('.input.phone').each(function() {
+      var container = $(this);
+      var input = container.find('input');
+      var label = container.find('label');
+
+      // Set the container's class when the input field receives focus.
+      input.focus(function() {
+        container.addClass('focused');
+      });
+
+      // Set the container class based on whether or not the
+      // input field has a value and remove the focused class.
+      function setContainerCssClass() {
+        if (input.val().replace('+', '').trim() === '' ) {
+          container.removeClass('has-value');
+          container.addClass('blank');
+        } else {
+          container.removeClass('blank');
+          container.addClass('has-value');
+        }
+      }
+
+      input.blur(function() {
+        setContainerCssClass();
+        container.removeClass('focused');
+      });
+
+      setContainerCssClass();
+      container.addClass('animate');
+    });
+
+    $('.input.phone input[type="text"]').intlTelInput({
+      preferredCountries: ['us'],
+      responsiveDropdown: true
+    });
+  }
+
+  $('.has_many_add').click(function() {
+    setTimeout(function() {
+      activateBehavior();
+    }, 0);
+  });
+
+  activateBehavior();
+});

data/app/assets/javascripts/active_admin_pro/components/select_input.js

@@ -0,0 +1,31 @@
+// Highlight the label for a select field on focus.
+App.ready(function() {
+  "use strict";
+
+  function activateBehavior(selector) {
+    $(selector).each(function() {
+      var container = $(this);
+      var input = container.find('select');
+      var label = container.find('label');
+
+      // Set the container's class when the input field receives focus.
+      input.focus(function() {
+        container.addClass('focused');
+      });
+
+      input.blur(function() {
+        container.removeClass('focused');
+      });
+    });
+  }
+
+  $('.has_many_add').click(function() {
+    setTimeout(function() {
+      activateBehavior('.has_many_fields:last .input.country');
+      activateBehavior('.has_many_fields:last .input.select');
+    }, 0);
+  });
+
+  activateBehavior('.input.country');
+  activateBehavior('.input.select');
+});

data/app/assets/javascripts/active_admin_pro/components/sortable_handle.js

@@ -0,0 +1,8 @@
+// Activate any sortable columns. The gem on its own doesn't handle using Turbolinks.
+// @see https://github.com/neo/activeadmin-sortable
+App.ready(function() {
+  "use strict";
+
+  // Normally fired by $(document).ready
+  $('.handle').closest('tbody').activeAdminSortable();
+});

data/app/assets/javascripts/active_admin_pro/components/summernote_input.js

@@ -0,0 +1,132 @@
+//= require bootstrap
+//= require codemirror
+//= require codemirror/modes/css
+//= require codemirror/modes/javascript
+//= require codemirror/modes/xml
+//= require codemirror/modes/htmlmixed
+//= require summernote
+
+// Summernote editor field.
+// @see http://summernote.org
+App.ready(function() {
+  "use strict";
+
+  var toolbar = [
+    ['style', ['bold', 'italic', 'underline', 'clear']],
+    ['fontsize', ['fontsize']],
+    ['color', ['color']],
+    ['para', ['ul', 'ol', 'paragraph']],
+    ['table', ['table']],
+    ['insert', ['link', 'picture', 'video']],
+    ['code', ['codeview', 'fullscreen']]
+  ];
+
+  function activateBehavior() {
+    $('.input.summernote').each(function() {
+      var wrapper = $(this);
+      var summernoteInput = wrapper.find('textarea').summernote({
+        codemirror: {
+          lineNumbers: true,
+          mode:        'htmlmixed',
+          theme:       'activeadmin_pro'
+        },
+        height:    200,
+        minHeight: 180,
+        tabsize:   2,
+        toolbar:   toolbar,
+
+        onBlur: function(e) {
+          wrapper.removeClass('focused');
+        },
+
+        onFocus: function(e) {
+          wrapper.addClass('focused');
+        }
+      });
+
+      wrapper.find('label').click(function() {
+        summernoteInput.summernote('focus');
+      });
+
+      // Remove the default image upload form to avoid unpermitted params
+      $('.note-image-dialog').remove();
+
+      // Override the default image dialog with an Active Admin (jQuery UI) dialog
+      var pictureButton = wrapper.find('button[data-original-title="Picture"]');
+      pictureButton.unbind('click');
+      pictureButton.click(function(event) {
+        var dialogHtml = '<div id="summernote_image_dialog">';
+        dialogHtml += '<div class="input file">';
+        dialogHtml += '<label for="summernote_image_file">Upload Image</label>';
+        dialogHtml += '<input id="summernote_image_file" type="file">';
+        dialogHtml += '</div>';
+        dialogHtml += '<div class="input text">';
+        dialogHtml += '<label for="summernote_image_url">Image URL</label>';
+        dialogHtml += '<input id="summernote_image_url" type="text">';
+        dialogHtml += '</div>';
+        dialogHtml += '</div>';
+        $('#wrapper').prepend(dialogHtml);
+        $('#summernote_image_dialog').dialog({
+          autoOpen:    true,
+          dialogClass: 'active_admin_dialog',
+          modal:       true,
+          title:       'Insert Image',
+
+          buttons:  [{
+            text: 'Insert Image',
+            click: function() {
+              var imageFile = $('#summernote_image_file')[0].files[0];
+              var imageUrl = $('#summernote_image_url').val();
+              var dialog = $(this);
+
+              if (imageFile !== undefined) {
+                var uploadButton = $('.ui-dialog-buttonpane button:first-of-type');
+                uploadButton.text('Uploading...');
+                uploadButton.prop('disabled', true);
+
+                var data = new FormData();
+                data.append('file', imageFile);
+
+                $.ajax({
+                  data:        data,
+                  type:        "POST",
+                  url:         "/admin/activeadmin_pro_summernote_images",
+                  cache:       false,
+                  contentType: false,
+                  processData: false,
+
+                  success: function(url) {
+                    dialog.dialog('close').remove();
+                    summernoteInput.summernote('insertImage', url, url.substring(url.lastIndexOf('/') + 1));
+                  },
+
+                  error: function(err) {
+                    var json_err = jQuery.parseJSON(err.responseText)
+                    $('#wrapper').prepend('<div class="flashes animate"><div class="flash flash_notice">' + json_err.error + '</div></div>');
+                    $('.note-editor .modal-dialog .note-image-input').val('');
+                  }
+                });
+                return;
+              } else if (imageUrl.trim() !== '') {
+                dialog.dialog('close').remove();
+                summernoteInput.summernote('insertImage', imageUrl, imageUrl.substring(imageUrl.lastIndexOf('/') + 1));
+                return;
+              }
+
+              dialog.dialog('close').remove();
+            }
+          }, {
+            text: 'Cancel',
+            click: function() {
+              $(this).dialog('close').remove();
+            }
+          }]
+        });
+
+        return false;
+      });
+    });
+  }
+
+  activateBehavior();
+});