page_stack 1.0.4

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: b2563b563a818502061ad05de81ad4f3fe661636
+  data.tar.gz: 7b595a56316e36a0c32fb4b389822c62be297071
+SHA512:
+  metadata.gz: 21b1b480cad5263826d019b4a49977b26d26275f2d4140ad14b1ff80a9127d6f9f91d51611c8711e251696a191fe400499b35c95f65919046eafac467e11bded
+  data.tar.gz: d33683a00e04b16e5ce83fc258941ef8f88590c04f9121e21ccd53e46f1e8245667c4904e832583f339082be349272b72aa1b42586f5c35f433e9d2bb49b1d28

data/MIT-LICENSE

@@ -0,0 +1,20 @@
+Copyright 2016 Bruno Porto
+
+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,123 @@
+PageStack
+=======
+
+[![Code Climate](https://codeclimate.com/github/brunoporto/page_stack/badges/gpa.svg)](https://codeclimate.com/github/brunoporto/page_stack)
+
+Essa GEM fornece a possibilidade de navegação de paǵinas sobrepostas, facilitando assim a abertura de novas páginas em perder o conteúdo anterior.
+
+# Requisitos
+
+- Rails 4.2+
+- jQuery 2+
+- Remotipart (Envio de formulário por Ajax)
+
+# Instalação
+
+Adicione essa linha no Gemfile do projeto:
+```ruby
+gem 'page_stack'
+```
+
+Instale a gem utilizando o comando abaixo no diretório raiz da aplicação:
+```sh
+$ bundle install
+```
+
+Adicione no seu arquivo `application_controller.rb` a seguinte configuração:
+```ruby
+class ApplicationController < ActionController::Base
+  include PageStack
+  layout :pagestack_layout 
+end
+```
+
+Adicione a seguinte linha no seu arquivo `application.css`:
+```css
+*= require pagestack
+```
+
+Adicione a seguinte linha no seu arquivo `application.js`:
+```js
+//= require pagestack
+//= require jquery.remotipart
+```
+
+Para inicializar o plugin você utilizará o código abaixo:
+```js
+var pagestack = new PageStack().init();
+```
+
+Seus eventos são baseados em [delegator](https://learn.jquery.com/events/event-delegation/) do jQuery e estão vinculados ao **document**.
+
+# Configuração
+
+Você possui três parâmetros de configuração para o pagestack:
+- form : (padrão: 'form') Informe o elemento form que ele deverá o recurso "submit" via AJAX.
+- loading : (padrão: true) Informa se o ícone de *carregando* será exibido para informar ao usuário o progresso de ações AJAX.
+- closeOnEsc : (padrão: false) Permite fechar o pagestack ativo com a tecla ESC
+- debug : (padrão: false) Exibe as mensagens de testes no console.log
+
+```js
+var pagestack = new PageStack({
+    form: 'form',
+    loading: true,
+    closeOnEsc: false,
+    debug: false
+}).init();
+```
+
+# Utilização
+
+Você pode abrir multiplas páginas sobrepostas apenas configurando os links em cada página.
+
+Para indicar que um link abrirá uma pagestack adicione a classe `pagestack` ao seu elemento:
+```haml
+    = link_to "Abrir Página", root_path, class: 'pagestack'
+```
+
+Para indicar o título da nova página utilize o atributo data `pagestack-title`:
+```haml
+    = link_to "Abrir Página", root_path, class: 'pagestack', data: {'pagestack-title' => 'Título da minha página sobreposta'}
+```
+
+Caso você abra uma sub-página sobreposta e precise que ao fechar essa página você recarregue o conteúdo da página origem você precisa indicar o atributo data `pagestack-refresh-parent-onclose`:
+```haml
+    = link_to "Abrir Página", root_path, class: 'pagestack', data: {'pagestack-refresh-parent-onclose' => true}
+```
+
+Caso você precise alterar o conteúdo da própria pagestack (self) ao invés de abrir uma nova você pode informar o atributo `data-pagestack-replace-content`:
+```haml
+    = link_to "Abrir Página", root_path, class: 'pagestack', data: {'pagestack-refresh-replace-content' => true}
+```
+
+Para ativar/desativar o fechamento do pagestack ativo através da tecla ESC utilize o atributo `data-pagestack-close-esc`. O padrão é **false**:
+```haml
+    = link_to "Abrir Página", root_path, class: 'pagestack', data: {'pagestack-esc-close' => 'true'}
+    = link_to "Abrir Página", root_path, class: 'pagestack', data: {'pagestack-esc-close' => 'false'}
+```
+
+## Eventos Javascript
+
+Ao iniciar o plugin você recebe o retorno e pode atribuir a uma variável (Ex: `var pagestack` no código  de instalação):
+```js
+var pagestack = PageStack().init();
+var current_page = pagestack.getItem(elemento_dentro_do_pagestack);
+pagestack.close(elemento_dentro_do_pagestack);
+```
+
+- **init**: Método que inicia o pagestack e atriu os eventos 
+- **close(elemento)**: Fecha o pagestack de um elemento indicado (pode ser qualquer elemento dentro daquele pagestack, inclusive o próprio elemento pagestack).
+- **getItem(elemento)**: Retorna o elemento "container" do pagestack a partir de um elemento  interno indicado. 
+
+## Comportamento 
+
+**Formulário**
+- Receberá por padrão o atributo *data-pagestack-replace-content* para carregar o conteúdo de retorno na própria página do formulário.
+- Receberá por padrão o atributo rails *data-remote* para processamento o "submit" por AJAX através do plugin *jquery.remotipart*.
+
+**Links**
+- Os links com method=delete *(Links de exclusão)* receberão por padrão o atributo rails *data-remote* para processamento via AJAX.
+
+# Referências
+
+- [Remotipart: Rails jQuery File Uploads](https://github.com/JangoSteve/remotipart)

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    = 'PageStack'
+  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/pagestack.js

@@ -0,0 +1,299 @@
+(function(window, $){
+
+    var PageStack = function(options){
+        this.options = options;
+        this.config = null;
+    };
+
+    var _this;
+
+    PageStack.prototype = {
+        defaults: {
+            form: 'form',
+            debug: false,
+            loading: true,
+            closeOnEsc: false
+        },
+        init: function() {
+            this.config = $.extend({}, this.defaults, this.options);
+            _this = this;
+
+            $(document).on('click','.pagestack_close',function(e){
+                e.preventDefault();
+                _this.close($(this));
+            });
+
+            $(document).on('click','.pagestack',function(ev) {
+                ev.preventDefault();
+
+                var $elem = $(this);
+                var quadroTotal = count();
+
+                if (quadroTotal==0) {
+                    var stack = $('<ul id="pagestack_container" class="pagestack_container"></ul>');
+                    var wWidth = $(window).width();
+                    var wHeight = $(window).height();
+                    stack.css({'width': wWidth+'px', 'height': wHeight+'px'});
+                    $('body').prepend(stack);
+                }
+
+                var index = quadroTotal + 1;
+                var item = $('<li id="pagestack-item-'+index+'" class="pagestack_item" data-pagestack-load-url="'+encodeURIComponent($elem.attr('href'))+'" data-pagestack-nivel="'+index+'" style="display: none;"></li>');
+                //COPY ALL DATA pagestack attributes
+                $.each($elem.prop("attributes"),function() {
+                    if (this.name.match(/^data\-pagestack/)) {
+                        item.attr(this.name, this.value);
+                    }
+                });
+
+                //~~ CONTENT BLOCK
+                item.append('<div id="pagestack-content-'+index+'" class="pagestack_content"></div>');
+
+                //~~ TITLE
+                var title = $('<div id="pagestack-title-'+index+'" class="pagestack_title">'+item.attr('data-pagestack-title')+'</div>');
+                var btFechar = $('<a href="javascript:void(0);" class="pagestack_close"></a>');
+                var header = $('<div id="pagestack-header-'+index+'" class="pagestack_header"></div>').append(btFechar).append(title);
+                if (item.attr('data-pagestack-esc-close')==undefined && _this.config.closeOnEsc==true) {
+                    item.attr('data-pagestack-esc-close','true');
+                }
+                item.prepend(header);
+
+                //~~ STYLE
+                item.css({
+                    'transform-origin': 'top center',
+                    "-webkit-transform": "translateY(30px)",
+                    "-ms-transform": "translateY(30px)",
+                    "transform": "translateY(30px)"
+                });
+
+                //~~ RESIZE
+                resize(item);
+
+                //~~ REFRESH EVENT
+                item.on('refresh',function(ev) {
+                    if (_this.config.debug) console.log('*** REFRESH EVENT CONTENT - ITEM '+item.attr('id'));
+                    loadContent(item).done(function(container) {
+                        if (_this.config.debug) console.log('=== LOADED CONTENT - ITEM '+container.attr('id'));
+                    });
+                });
+
+                //~~ APPEND TO CONTAINER
+                item.appendTo('#pagestack_container').show("scale",{}, 500);
+
+                //~~ LOAD CONTENT
+                loadContent(item).done(function(pagestack_item) {
+                    //SUCCESS
+                }).fail(function(response) {
+                    if (_this.config.debug) console.log(response);
+                });
+
+                //~~ REORDER (ANIMATE) CONTAINER ITEMS
+                reorder();
+            });
+
+            $(document).on('click','[data-dismiss="pagestack"]',function(ev){
+                ev.preventDefault();
+                _this.close(this);
+            });
+
+            $(document).keyup(function(e) {
+                if (e.which === 27) { //escape key maps to keycode `27`
+                    var $item = $('.pagestack_item[data-pagestack-nivel='+count()+']');
+                    if ($item.attr('data-pagestack-esc-close')==='true') {
+                        _this.close($item);
+                    }
+                }
+            });
+
+            $( window ).resize(function() {
+                //RESIZE CONTAINER
+                var wWidth = $(window).width();
+                var wHeight = $(window).height();
+                $('#pagestack_container').css({'width': wWidth+'px', 'height': wHeight+'px'});
+                //RESIZE PAGESTACK
+                resize($('#pagestack_container .pagestack_item'));
+            });
+
+            return this;
+        },
+        close: function(elem) {
+            var $item = _this.getItem(elem);
+            var nivel = $item.attr('data-pagestack-nivel');
+            var onclose = $item.attr('data-pagestack-refresh-parent-onclose');
+            $item.hide("scale",{percent: 0},300,function() {
+                $item.remove();
+                if (_this.config.loading) {loading($item, false);}
+                reorder();
+                if (count()==0) {
+                    $('#pagestack_container').remove();
+                }
+                //VERIFICA SE PRECISA RECARREGAR A PÁGINA
+                if (onclose == 'true') {
+                    if (nivel==1) {
+                        if (_this.config.loading) {loading('body', true, true);}
+                        window.location.reload(true);
+                    } else {
+                        $('.pagestack_item[data-pagestack-nivel="'+(nivel-1)+'"]').trigger('refresh');
+                    }
+                }
+            });
+        },
+        getItem: function(elemento) {
+            return $(elemento).hasClass('pagestack_item') ? $(elemento) : $(elemento).parents('.pagestack_item:first');
+        }
+    };
+
+    //PRIVATE
+    function resize(elements){
+        var wWidth = $(window).width()-40;
+        var wHeight = $(window).height()-40;
+        $.each(elements, function(i, element){
+            $(element).css({
+                'margin-left': '20px',
+                'width': wWidth+'px',
+                'height': wHeight+'px'
+            });
+        });
+    }
+
+    function reorder() {
+        var totalItens = count();
+        for(var i=1; i <= totalItens; i++) {
+            var item = $('#pagestack-item-'+i);
+            var itemIndex = totalItens-i;
+            var newY = 30-(itemIndex*10);
+            var newScale = 1-(itemIndex*10/100);
+            var newOpacity = 1-(itemIndex*20/100);
+            item.css({
+                'transform-origin': 'top center',
+                "-webkit-transform": "translateY("+newY+"px) scale("+newScale+")",
+                "-ms-transform": "translateY("+newY+"px) scale("+newScale+")",
+                "transform": "translateY("+newY+"px) scale("+newScale+")",
+                "opacity": newOpacity
+            });
+        }
+    }
+
+    function count() {
+        return $('ul.pagestack_container li.pagestack_item').length;
+    }
+
+    function loadContent(item, _html) {
+        var dfd = jQuery.Deferred();
+
+        var content = item.find('.pagestack_content:first');
+        if (_this.config.loading) {loading(item);}
+        if (_html!==undefined) {
+            content.html(_html);
+            htmlCallbacks(content);
+            if (_this.config.loading){loading(item, false);}
+            dfd.resolve(item);
+        } else {
+            var loadLink = updateQueryStringParameter(decodeURIComponent(item.attr('data-pagestack-load-url')), 'pagestack', true);
+            content.load(loadLink, function(response, status, xhr){
+                if (status == "error") {
+                    content.html(response);
+                    dfd.reject(response);
+                }
+                htmlCallbacks(content);
+                if (_this.config.loading){loading(item, false);}
+                dfd.resolve(item);
+            });
+        }
+        return dfd.promise();
+    }
+    //
+    function htmlCallbacks(content) {
+        //FORMS
+        content.find(_this.config.form).each(function(i,form) {
+            var $form = $(form);
+            var container = _this.getItem(form);
+            if ($form.find('.pagestack_container_id').length==0) {
+                $form.attr('data-remote', true);
+                $form.attr('data-pagestack-replace-content', true);
+                $form.append('<input type="hidden" name="pagestack_container_id" value="'+container.attr('id')+'" />');
+                $form.attr('action', updateQueryStringParameter($form.attr('action'),'pagestack',true));
+                ajaxCallbacks($form);
+            }
+        });
+        //LINKS DELETE
+        content.find('[data-method="delete"]').each(function(i,element){
+            var $element = $(element);
+            if ($element.attr('href').indexOf('pagestack') < 0) {
+                $element.attr('data-remote', true);
+                $element.attr('href', updateQueryStringParameter($element.attr('href'),'pagestack',true));
+                ajaxCallbacks($element);
+            }
+        });
+    }
+    //
+    function ajaxCallbacks(element) {
+        element.bind("ajax:beforeSend", function(xhr, settings){
+            if (_this.config.loading) {loading(element)}
+            if (_this.config.debug) console.log('ajax:beforeSend', xhr, settings);
+        });
+        element.bind("ajax:error", function(xhr, status, error) {
+            if (_this.config.loading) {loading(element, false);}
+            // console.log('ajax:error', xhr, status, error);
+        });
+        element.bind("ajax:success", function(e, data, status, xhr) {
+            if (_this.config.debug) console.log('ajax:success', e, data, status, xhr);
+            var item = _this.getItem(element);
+            if (_this.config.loading) {loading(item, false);}
+            if (data !=='' && element.attr('data-pagestack-replace-content') == 'true') {
+                loadContent(item, data);
+            } else {
+                item.trigger('refresh');
+            }
+        });
+        element.bind("ajax:remotipartComplete", function(e, data){
+            if (_this.config.debug) {
+                console.log('carregando...');
+                console.log(e, data);
+            }
+            if (_this.config.loading) {loading(element, false);}
+        });
+        element.bind("ajax:complete", function(data, status, xhr) {
+            if (_this.config.debug) console.log('ajax:complete',xhr, status);
+            if ( !element.data('remotipartSubmitted') ) {
+                if (_this.config.loading) {loading(element, false)}
+            }
+        });
+    }
+    //
+    function updateQueryStringParameter(uri, key, value) {
+        var re = new RegExp("([?&])" + key + "=.*?(&|$)", "i");
+        var separator = uri.indexOf('?') !== -1 ? "&" : "?";
+        if (uri.match(re)) {
+            return uri.replace(re, '$1' + key + "=" + value + '$2');
+        }
+        else {
+            return uri + separator + key + "=" + value;
+        }
+    }
+    //
+    function loading(container, start_stop, fullscreen) {
+        var $container = $(container);
+        if (start_stop==undefined) start_stop=true;
+        if (fullscreen==undefined) fullscreen=false;
+        var $loading_icon = $container.find('.pagestack_loading_icon');
+        if ($loading_icon.length > 0) {
+            if (start_stop!==true) {
+                $loading_icon.remove();
+                $container.find('.pagestack_loading_overlay').remove();
+            }
+        } else {
+            $container.prepend('<div class="pagestack_loading_icon">Aguarde Carregando...&#8230;</div>');
+            if (fullscreen===true) {
+                $container.prepend('<div class="pagestack_loading_overlay"></div>');
+                $container.find('.pagestack_loading_icon').css({
+                    top: ($container.height()/2)+'px'
+                });
+            }
+        }
+    }
+
+    PageStack.defaults = PageStack.prototype.defaults;
+
+    window.PageStack = PageStack;
+})(window, jQuery);

data/app/assets/stylesheets/pagestack.css

@@ -0,0 +1,193 @@
+/* COMPONENT */
+#pagestack_container {
+    z-index: 99999;
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    padding: 0;
+    background-color: rgba(0,0,0,0.2);
+}
+
+#pagestack_container .pagestack_item {
+    background: #fff;
+    height: 100%;
+    width: 100%;
+    border-radius: 4px;
+    overflow: hidden;
+    position: absolute;
+    /*opacity: 0;*/
+    display: -webkit-flex;
+    display: flex;
+    -webkit-flex-direction: column;
+    flex-direction: column;
+    /*-webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;*/
+    pointer-events: auto;
+
+    transition: transform 0.5s ease-in-out;
+    -webkit-transition: -webkit-transform 0.5s ease-in-out;
+}
+
+.pagestack_item .pagestack_header {
+    padding: 10px 15px;
+    border-bottom: 1px solid transparent;
+    border-top-right-radius: 3px;
+    border-top-left-radius: 3px;
+    color: #333333;
+    background-color: #f5f5f5;
+    border-color: #ddd;
+}
+.pagestack_item .pagestack_header .pagestack_close:before {
+    content: "\00d7";
+    color: #333;
+    font-weight: 300;
+    font-family: Arial, sans-serif;
+}
+
+.pagestack_item .pagestack_header .pagestack_close {
+    text-align: center;
+    width: 28px;
+    height: 28px;
+    border-radius: 4px;
+    text-decoration: none;
+    font-size: 20px;
+    float: right !important;
+    background-color: #ddd;
+}
+.pagestack_item .pagestack_header .pagestack_close:hover {
+    background-color: #bbb;
+}
+
+.pagestack_item .pagestack_header .pagestack_title {
+    margin-top: 0;
+    margin-bottom: 0;
+    font-size: 16px;
+    color: inherit;
+    float: left !important;
+}
+
+.pagestack_item .pagestack_content {
+    margin: 10px;
+    overflow: auto;
+}
+
+/* LOADING */
+
+/* Overlay */
+.pagestack_loading_overlay {
+    z-index: 99999;
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    padding: 0;
+    background-color: rgba(0,0,0,0.2);
+}
+
+/* spinner */
+.pagestack_loading_icon {
+    z-index: 10;
+    position: relative;
+    margin-left: 50%;
+    top: 50%;
+}
+
+/* :not(:required) fix para não carregar em IE9 e anteriores */
+.pagestack_loading_icon:not(:required) {
+    /* ocultando texto */
+    font: 0/0 a;
+    color: transparent;
+    text-shadow: none;
+    background-color: transparent;
+    border: 0;
+}
+
+.pagestack_loading_icon:not(:required):after {
+    content: '';
+    display: block;
+    font-size: 10px;
+    width: 1em;
+    height: 1em;
+    margin-top: -0.5em;
+    -webkit-animation: pagestack_loading_spinner 1500ms infinite linear;
+    -moz-animation: pagestack_loading_spinner 1500ms infinite linear;
+    -ms-animation: pagestack_loading_spinner 1500ms infinite linear;
+    -o-animation: pagestack_loading_spinner 1500ms infinite linear;
+    animation: pagestack_loading_spinner 1500ms infinite linear;
+    border-radius: 0.5em;
+    -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
+    box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
+}
+
+/* Loading Animation */
+@-webkit-keyframes pagestack_loading_spinner {
+    0% {
+        -webkit-transform: rotate(0deg);
+        -moz-transform: rotate(0deg);
+        -ms-transform: rotate(0deg);
+        -o-transform: rotate(0deg);
+        transform: rotate(0deg);
+    }
+    100% {
+        -webkit-transform: rotate(360deg);
+        -moz-transform: rotate(360deg);
+        -ms-transform: rotate(360deg);
+        -o-transform: rotate(360deg);
+        transform: rotate(360deg);
+    }
+}
+@-moz-keyframes pagestack_loading_spinner {
+    0% {
+        -webkit-transform: rotate(0deg);
+        -moz-transform: rotate(0deg);
+        -ms-transform: rotate(0deg);
+        -o-transform: rotate(0deg);
+        transform: rotate(0deg);
+    }
+    100% {
+        -webkit-transform: rotate(360deg);
+        -moz-transform: rotate(360deg);
+        -ms-transform: rotate(360deg);
+        -o-transform: rotate(360deg);
+        transform: rotate(360deg);
+    }
+}
+@-o-keyframes pagestack_loading_spinner {
+    0% {
+        -webkit-transform: rotate(0deg);
+        -moz-transform: rotate(0deg);
+        -ms-transform: rotate(0deg);
+        -o-transform: rotate(0deg);
+        transform: rotate(0deg);
+    }
+    100% {
+        -webkit-transform: rotate(360deg);
+        -moz-transform: rotate(360deg);
+        -ms-transform: rotate(360deg);
+        -o-transform: rotate(360deg);
+        transform: rotate(360deg);
+    }
+}
+@keyframes pagestack_loading_spinner {
+    0% {
+        -webkit-transform: rotate(0deg);
+        -moz-transform: rotate(0deg);
+        -ms-transform: rotate(0deg);
+        -o-transform: rotate(0deg);
+        transform: rotate(0deg);
+    }
+    100% {
+        -webkit-transform: rotate(360deg);
+        -moz-transform: rotate(360deg);
+        -ms-transform: rotate(360deg);
+        -o-transform: rotate(360deg);
+        transform: rotate(360deg);
+    }
+}

data/lib/page_stack/engine.rb

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

data/lib/page_stack/version.rb

@@ -0,0 +1,3 @@
+module PageStack
+  VERSION = "1.0.4"
+end