rails_admin_live_edit 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 2339a07dddfcdd5690c3a14fcfdfac0f2c15762a
+  data.tar.gz: 2b1fa5756f528501112543fdccb3fdc8b3c22c6a
+SHA512:
+  metadata.gz: 5a36675771287fe3ee9b334f8cccfbe6e6173453d3ed12221473d2cc1e9fc8498ab001100e1136bace1c49af827fa0de008444dc5889631c838645585f2ff786
+  data.tar.gz: 44947a9be01ce4ea66ce32f85457db65553ea87cb89e8d72cf1ab854c8b8fe7b8533976660835d8bfe937bbf83bbf7430dc4fddf6935c3d854b7f045ab96064b

data/MIT-LICENSE

@@ -0,0 +1,20 @@
+Copyright 2017 
+
+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,19 @@
+# RailsAdminLiveEdit
+
+A [rails_admin](https://github.com/sferik/rails_admin) plugin to edit site contents from the frontend.
+
+If the user is logged in in rails_admin and is viewing an editable page an edit button is shown on the top right which allow to open a modal window to edit the page content.
+
+## Installation
+
+- Add to Gemfile: `gem 'rails_admin_live_edit'`
+
+- Add to application layout (in body) (erb example): `<%= render 'live_edit/ra_live_editor' %>`
+
+- Add to *app/assets/javascripts/application.js*: `//= require rmodal.js/dist/rmodal`
+
+- Edit or create *app/assets/javascripts/rails_admin/custom/ui.js* and add: `//= require rails_admin/plugins/live_edit/ui.js`
+
+## Contributors
+
+- [Mattia Roccoberton](http://blocknot.es) - creator, maintainer

data/Rakefile

@@ -0,0 +1,24 @@
+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    = 'RailsAdminLiveEdit'
+  rdoc.options << '--line-numbers'
+  rdoc.rdoc_files.include('README.md')
+  rdoc.rdoc_files.include('lib/**/*.rb')
+end
+
+
+
+load 'rails/tasks/statistics.rake'
+
+
+
+require 'bundler/gem_tasks'
+

data/app/views/live_edit/_ra_live_editor.html.haml

@@ -0,0 +1,136 @@
+:ruby
+  ra_le_model = false
+  if defined?( current_user ) && current_user && action_name == 'show' && params[:id]
+    ra_le_model = controller_name.singularize
+    ra_le_id = params[:id]
+  end
+
+- if ra_le_model && ra_le_id
+  :css
+    .ra-le-button {
+      background: #ddd;
+      color: #004;
+      display: inline-block;
+      padding: 5px 10px;
+      text-decoration: none;
+    }
+    .ra-le-button.btn1 {
+      border-left: 1px solid #aaa;
+      border-bottom: 1px solid #aaa;
+      border-radius: 0 0 0 5px;
+    }
+    .ra-le-button.btn2 {
+      border-left: 1px solid #aaa;
+      border-right: 1px solid #aaa;
+      border-bottom: 1px solid #aaa;
+      border-radius: 0 0 5px 0;
+    }
+    .ra-le-controls {
+      position: fixed;
+      top: 0;
+      right: 10px;
+    }
+    .ra-le-controls > a:hover {
+      background: #eee;
+      color: #000;
+    }
+    #ra-le-modal {
+      display: none;
+      background: rgba(0, 0, 0, .30);
+      z-index: 999;
+      padding: 30px 0;
+      position: fixed;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      overflow-x: hidden;
+      overflow-y: auto;
+    }
+    #ra-le-modal > .modal-dialog {
+      position: relative;
+      margin: 30px auto;
+      width: 940px;
+      -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
+      box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
+      background: #fff;
+      margin: 0 auto;
+    }
+    #ra-le-modal .dlg-buttons {
+      background: #ccc;
+      text-align: right;
+      padding: 0 4px;
+    }
+    #ra-le-modal .dlg-buttons > a {
+      border: 1px solid #888;
+      color: #888;
+      text-decoration: none;
+    }
+    #ra-le-modal .dlg-buttons > a:hover {
+      background: #eee;
+      color: #004;
+    }
+    #ra-le-modal .modal-footer > .dlg-buttons {
+      text-align: center;
+    }
+    #ra-le-content {
+      background: #ccc;
+      color: #222;
+      font-style: italic;
+      padding-top: 4px;
+      text-align: center;
+    }
+    #ra-le-content > iframe {
+      border: 1px solid #888;
+    }
+
+  #ra-le-modal
+    .modal-dialog
+      .dlg-buttons
+        %a.btn-close.ra-le-button{ href: '#', onclick: 'event.preventDefault();modal.close();' }== ×
+      #ra-le-content = t 'live_edit.loading'
+      .modal-footer
+        .dlg-buttons
+          %a.btn-close.ra-le-button{ href: '#', onclick: 'event.preventDefault();modal.close();' }= t 'live_edit.button.close'
+  .ra-le-controls
+    %a.btn1.ra-le-button#ra-le-open-modal{ href: '#' }>= t 'live_edit.button.edit_page'
+    = link_to t('live_edit.button.admin'), rails_admin_path, class: 'btn2 ra-le-button'
+
+  :javascript
+    window.onload = function() {
+      var modal = new RModal(document.getElementById('ra-le-modal'), {
+        beforeOpen: function(next) {
+          console.log('beforeOpen');
+          document.getElementById('ra-le-content').innerHTML = '<iframe src="#{rails_admin.edit_path( ra_le_model, ra_le_id )}" width="930px" height="470px"></iframe>';
+          next();
+        },
+        afterOpen: function() {
+          console.log('opened');
+        },
+        beforeClose: function(next) {
+          console.log('beforeClose');
+          next();
+        },
+        afterClose: function() {
+          console.log('closed');
+          window.location.reload( true );
+        }
+        // , bodyClass: 'modal-open'
+        // , dialogClass: 'modal-dialog modal-dialog-lg'
+        // , dialogOpenClass: 'animated fadeIn'
+        // , dialogCloseClass: 'animated fadeOut'
+
+        // , focus: true
+        // , focusElements: ['input.form-control', 'textarea', 'button.btn-primary']
+
+        // , escapeClose: true
+      });
+      document.addEventListener('keydown', function(ev) {
+        modal.keydown(ev);
+      }, false);
+      document.getElementById('ra-le-open-modal').addEventListener("click", function(ev) {
+        ev.preventDefault();
+        modal.open();
+      }, false);
+      window.modal = modal;
+    }

data/lib/rails_admin_live_edit.rb

@@ -0,0 +1 @@
+require "rails_admin_live_edit/engine"

data/lib/rails_admin_live_edit/engine.rb

@@ -0,0 +1,4 @@
+module RailsAdminLiveEdit
+  class Engine < ::Rails::Engine
+  end
+end

data/lib/rails_admin_live_edit/version.rb

@@ -0,0 +1,3 @@
+module RailsAdminLiveEdit
+  VERSION = '0.1.0'
+end

data/vendor/assets/javascripts/rails_admin/plugins/live_edit/ui.js

@@ -0,0 +1,23 @@
+function inIframe() {
+  try {
+    return window.self !== window.top;
+  } catch (e) {
+    return true;
+  }
+}
+
+if( inIframe() ) {
+  $(document).ready( function() {
+    $('body').css('padding-top', '0');
+    $('nav.navbar').hide();
+    $('.breadcrumb').hide();
+    $('.content > .nav.nav-tabs').hide();
+    $('.sidebar-nav').hide();
+    $('.sidebar-nav ~ div').attr( 'class', 'col-md-12' );
+    $('button[name="_save"]').hide();
+    $('button[name="_add_another"]').hide();
+    $('button[name="_continue"]').hide();
+    $('.content > .page-header > h1').css( 'text-align', 'center' );
+    $('.content > .page-header > h1').css( 'font-size', '125%' );
+  });
+}

data/vendor/assets/javascripts/rmodal.js/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2015 Iskren Slavov
+
+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/vendor/assets/javascripts/rmodal.js/README.md

@@ -0,0 +1,57 @@
+[![NPM version](https://img.shields.io/npm/v/rmodal.svg?style=flat-square)](https://www.npmjs.com/package/rmodal)
+[![Build Status](https://travis-ci.org/zewish/rmodal.js.svg?branch=master)](https://travis-ci.org/zewish/rmodal.js)
+[![Coverage Status](https://coveralls.io/repos/github/zewish/rmodal.js/badge.svg?branch=master)](https://coveralls.io/github/zewish/rmodal.js?branch=master)
+[![Dependencies](https://david-dm.org/zewish/rmodal.js.svg)](https://david-dm.org/zewish/rmodal.js)
+[![Downloads](https://img.shields.io/npm/dm/rmodal.svg?style=flat-square)](https://www.npmjs.com/package/rmodal)
+
+1.2 KB modal dialog box, with no dependencies
+
+<br />
+[![logo](https://raw.githubusercontent.com/zewish/rmodal.js/master/logo.png)](https://github.com/zewish/rmodal.js)
+
+- A simple and fast modal dialog
+- Plain JavaScript only - no dependencies
+- All browsers supported (IE9+)
+- Less than 1.2 KB when gzipped and minified
+- Bootstrap and Animate.css friendly
+- Supports CommonJS, AMD or globals
+
+
+Demo
+----
+http://plnkr.co/edit/XXFKwHHcZD4Ecjh8twaW?p=preview
+
+
+Documentation
+-------------
+http://rmodal.js.org/
+
+
+Installation
+------------
+```
+$ npm install rmodal --save
+# or
+$ bower install rmodal --save
+```
+
+
+Development
+-----------
+```
+$ npm install
+$ npm install -g gulp
+```
+
+Development: build
+------------------
+```
+$ gulp build
+```
+
+
+Development: test
+-----------------
+```
+$ gulp lint test
+```

data/vendor/assets/javascripts/rmodal.js/bower.json

@@ -0,0 +1,28 @@
+{
+  "name": "rmodal",
+  "main": "rmodal.js",
+  "version": "1.0.24",
+  "authors": [
+    "Iskren Slavov <iskren.s@gmail.com>"
+  ],
+  "description": "A simple modal dialog with no external dependencies. IE9+ supported.",
+  "keywords": [
+    "modal",
+    "dialog",
+    "javascript",
+    "simple",
+    "plain",
+    "browser",
+    "browserify"
+  ],
+  "dependencies": {},
+  "license": "MIT",
+  "homepage": "http://rmodal.js.org/",
+  "ignore": [
+    "**/.*",
+    "node_modules",
+    "bower_components",
+    "test",
+    "tests"
+  ]
+}

data/vendor/assets/javascripts/rmodal.js/dist/rmodal-no-bootstrap.css

@@ -0,0 +1,37 @@
+body {
+    padding: 0;
+    margin: 0;
+}
+
+body.modal-open {
+    overflow-x: hidden;
+    overflow-y: auto;
+}
+
+.modal {
+    display: none;
+    background: rgba(0, 0, 0, .30);
+    z-index: 999;
+    padding: 30px 0;
+
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+
+    overflow-x: hidden;
+    overflow-y: auto;
+}
+
+.modal .modal-dialog {
+    position: relative;
+    margin: 30px auto;
+    width: 1100px;
+    border-radius: 6px;
+    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
+            box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
+
+    background: #fff;
+    margin: 0 auto;
+}

data/vendor/assets/javascripts/rmodal.js/dist/rmodal.css

@@ -0,0 +1,14 @@
+.modal {
+    display: none;
+    background: rgba(0, 0, 0, .30);
+    z-index: 999;
+}
+
+.modal .modal-dialog {
+    position: relative;
+    margin: 30px auto;
+    width: 1100px;
+    border-radius: 6px;
+    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
+            box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
+}

data/vendor/assets/javascripts/rmodal.js/dist/rmodal.js

@@ -0,0 +1,201 @@
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
+    typeof define === 'function' && define.amd ? define(factory) :
+    (global.RModal = factory());
+}(this, (function () {
+
+var is = function (obj, type) { return Object.prototype.toString.call(obj).toLowerCase() === ("[object " + type + "]"); };
+
+var addClass = function (el, cls) {
+    var arr = el.className
+    .split(/\s+/)
+    .filter(function (c) { return !!c && c == cls; });
+
+    if (!arr.length) {
+        el.className += " " + cls;
+    }
+};
+
+var removeClass = function (el, cls) {
+    el.className = el.className
+    .split(/\s+/)
+    .filter(function (c) { return !!c && c != cls; })
+    .join(' ');
+};
+
+var RModal = function RModal(el, opts) {
+    var this$1 = this;
+
+    this.opened = false;
+
+    this.opts = {
+        bodyClass: 'modal-open'
+        , dialogClass: 'modal-dialog'
+        , dialogOpenClass: 'bounceInDown'
+        , dialogCloseClass: 'bounceOutUp'
+
+        , focus: true
+        , focusElements: [
+            'a[href]', 'area[href]', 'input:not([disabled]):not([type=hidden])'
+            , 'button:not([disabled])', 'select:not([disabled])'
+            , 'textarea:not([disabled])', 'iframe', 'object', 'embed'
+            , '*[tabindex]', '*[contenteditable]'
+        ]
+
+        , escapeClose: true
+        , content: null
+        , closeTimeout: 500
+    };
+
+    Object.keys(opts || {})
+    .forEach(function (key) {
+        /* istanbul ignore else */
+        if (opts[key] !== undefined) {
+            this$1.opts[key] = opts[key];
+        }
+    });
+
+    this.overlay = el;
+    this.dialog = el.querySelector(("." + (this.opts.dialogClass)));
+
+    if (this.opts.content) {
+        this.content(this.opts.content);
+    }
+};
+
+RModal.prototype.open = function open (content) {
+        var this$1 = this;
+
+    this.content(content);
+
+    if (!is(this.opts.beforeOpen, 'function')) {
+        return this._doOpen();
+    }
+
+    this.opts.beforeOpen(function () {
+        this$1._doOpen();
+    });
+};
+
+RModal.prototype._doOpen = function _doOpen () {
+    addClass(document.body, this.opts.bodyClass);
+
+    removeClass(this.dialog, this.opts.dialogCloseClass);
+    addClass(this.dialog, this.opts.dialogOpenClass);
+
+    this.overlay.style.display = 'block';
+
+    if (this.opts.focus) {
+        this.focusOutElement = document.activeElement;
+        this.focus();
+    }
+
+    if (is(this.opts.afterOpen, 'function')) {
+        this.opts.afterOpen();
+    }
+    this.opened = true;
+};
+
+RModal.prototype.close = function close () {
+        var this$1 = this;
+
+    if (!is(this.opts.beforeClose, 'function')) {
+        return this._doClose();
+    }
+
+    this.opts.beforeClose(function () {
+        this$1._doClose();
+    });
+};
+
+RModal.prototype._doClose = function _doClose () {
+        var this$1 = this;
+
+    removeClass(this.dialog, this.opts.dialogOpenClass);
+    addClass(this.dialog, this.opts.dialogCloseClass);
+
+    removeClass(document.body, this.opts.bodyClass);
+
+    if (this.opts.focus) {
+        this.focus(this.focusOutElement);
+    }
+
+    if (is(this.opts.afterClose, 'function')) {
+        this.opts.afterClose();
+    }
+
+    this.opened = false;
+    setTimeout(function () {
+        this$1.overlay.style.display = 'none';
+    }, this.opts.closeTimeout);
+};
+
+RModal.prototype.content = function content (html) {
+    if (html === undefined) {
+        return this.dialog.innerHTML;
+    }
+
+    this.dialog.innerHTML = html;
+};
+
+RModal.prototype.elements = function elements (selector, fallback) {
+    fallback = fallback || window.navigator.appVersion.indexOf('MSIE 9.0') > -1;
+    selector = is(selector, 'array') ? selector.join(',') : selector;
+
+    return [].filter.call(
+        this.dialog.querySelectorAll(selector)
+        , function (element) {
+            if (fallback) {
+                var style = window.getComputedStyle(element);
+                return style.display !== 'none' && style.visibility !== 'hidden';
+            }
+
+            return element.offsetParent !== null;
+        }
+    );
+};
+
+RModal.prototype.focus = function focus (el) {
+    el = el || this.elements(this.opts.focusElements)[0] || this.dialog.firstChild;
+
+    if (el && is(el.focus, 'function')) {
+        el.focus();
+    }
+};
+
+RModal.prototype.keydown = function keydown (ev) {
+    if (this.opts.escapeClose && ev.which == 27) {
+        this.close();
+    }
+
+    function stopEvent() {
+        ev.preventDefault();
+        ev.stopPropagation();
+    }
+
+    if (this.opened && ev.which == 9 && this.dialog.contains(ev.target)) {
+        var elements = this.elements(this.opts.focusElements)
+            , first = elements[0]
+            , last = elements[elements.length - 1];
+
+        if (first == last) {
+            stopEvent();
+        }
+        else if (ev.target == first && ev.shiftKey) {
+            stopEvent();
+            last.focus();
+        }
+        else if (ev.target == last && !ev.shiftKey) {
+            stopEvent();
+            first.focus();
+        }
+    }
+};
+
+RModal.prototype.version = '1.0.24';
+RModal.version = '1.0.24';
+
+return RModal;
+
+})));
+//# sourceMappingURL=rmodal.js.map