pushpop-rails 1.0.0

data/vendor/assets/Pushpop/pushpop-popover-view-stack/pushpop-popover-view-stack.css

@@ -0,0 +1,170 @@
+.pp-popover-view-stack-container {
+  background: rgb(12,25,52);
+  background: -moz-linear-gradient(top,  rgba(93,101,120,1) 0%, rgba(31,43,67,0.9) 22px, rgba(9,22,49,0.9) 23px, rgba(12,25,52,0.9) 100%);
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(93,101,120,1)), color-stop(23px,rgba(31,43,67,0.9)), color-stop(51%,rgba(9,22,49,0.9)), color-stop(100%,rgba(12,25,52,0.9)));
+  background: -webkit-linear-gradient(top,  rgba(93,101,120,1) 0%,rgba(31,43,67,0.9) 22px,rgba(9,22,49,0.9) 23px,rgba(12,25,52,0.9) 100%);
+  background: -o-linear-gradient(top,  rgba(93,101,120,1) 0%,rgba(31,43,67,0.9) 22px,rgba(9,22,49,0.9) 23px,rgba(12,25,52,0.9) 100%);
+  background: -ms-linear-gradient(top,  rgba(93,101,120,1) 0%,rgba(31,43,67,0.9) 22px,rgba(9,22,49,0.9) 23px,rgba(12,25,52,0.9) 100%);
+  background: linear-gradient(to bottom,  rgba(93,101,120,1) 0%,rgba(31,43,67,0.9) 22px,rgba(9,22,49,0.9) 23px,rgba(12,25,52,0.9) 100%);
+  border: 1px solid rgba(0, 0, 0, 0.5);
+  position: absolute;
+  margin: 20px 10px 10px;
+  padding: 0 6px 6px;
+  visibility: hidden;
+  opacity: 0;
+  pointer-events: none;
+  z-index: 99999;
+  -webkit-border-radius: 6px;
+     -moz-border-radius: 6px;
+          border-radius: 6px;
+  -webkit-box-shadow: 0 4px 20px 2px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(224, 224, 224, 0.1), inset 0 1px 0 0 rgba(255, 255, 255, 0.6);
+     -moz-box-shadow: 0 4px 20px 2px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(224, 224, 224, 0.1), inset 0 1px 0 0 rgba(255, 255, 255, 0.6);
+          box-shadow: 0 4px 20px 2px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(224, 224, 224, 0.1), inset 0 1px 0 0 rgba(255, 255, 255, 0.6);
+  -webkit-backface-visibility: hidden;
+     -moz-backface-visibility: hidden;
+      -ms-backface-visibility: hidden;
+       -o-backface-visibility: hidden;
+          backface-visibility: hidden;
+  -webkit-transform: translate3d(0, 0, 0);
+     -moz-transform:   translate(0, 0);
+      -ms-transform:   translate(0, 0);
+       -o-transform:   translate(0, 0);
+          transform:   translate(0, 0);
+  -webkit-transition: visibility 0s linear 0.4s, opacity 0.3s ease 0s;
+     -moz-transition: visibility 0s linear 0.4s, opacity 0.3s ease 0s;
+      -ms-transition: visibility 0s linear 0.4s, opacity 0.3s ease 0s;
+       -o-transition: visibility 0s linear 0.4s, opacity 0.3s ease 0s;
+          transition: visibility 0s linear 0.4s, opacity 0.3s ease 0s;
+}
+
+.pp-popover-view-stack-container.pp-popover-view-stack-container-style-black {
+  background: rgb(24,24,24);
+  background: -moz-linear-gradient(top,  rgba(101,101,101,1) 0%, rgba(42,42,42,0.9) 22px, rgba(21,21,21,0.9) 23px, rgba(24,24,24,0.9) 100%);
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(101,101,101,1)), color-stop(23px,rgba(42,42,42,0.9)), color-stop(51%,rgba(21,21,21,0.9)), color-stop(100%,rgba(24,24,24,0.9)));
+  background: -webkit-linear-gradient(top,  rgba(101,101,101,1) 0%,rgba(42,42,42,0.9) 22px,rgba(21,21,21,0.9) 23px,rgba(24,24,24,0.9) 100%);
+  background: -o-linear-gradient(top,  rgba(101,101,101,1) 0%,rgba(42,42,42,0.9) 22px,rgba(21,21,21,0.9) 23px,rgba(24,24,24,0.9) 100%);
+  background: -ms-linear-gradient(top,  rgba(101,101,101,1) 0%,rgba(42,42,42,0.9) 22px,rgba(21,21,21,0.9) 23px,rgba(24,24,24,0.9) 100%);
+  background: linear-gradient(to bottom,  rgba(101,101,101,1) 0%,rgba(42,42,42,0.9) 22px,rgba(21,21,21,0.9) 23px,rgba(24,24,24,0.9) 100%);
+}
+
+.pp-popover-view-stack-arrow {
+  background-repeat: none;
+  display: block;
+  position: absolute;
+  z-index: -1;
+}
+
+.pp-popover-view-stack-arrow-top {
+  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAATCAYAAAAao7T0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAr1JREFUeNrE1NtOE0EYwPGZ7fZASylGaSsg6oXxAYyGLkYUQ6GlLQ0iIiCixFfQ+BomJiZiUNMICSgppRUWS61S8ELjhV6ZGEIUak9b0cphe/icbVyNUQP0gP/LTebbX2YmgwEA5VNra+uUTCYz8jzPOp3OpnxmUfksttvt8/v3HzBevXYdampqjAQ2+18w5Mdz1dX7ai9e6odkCqC3rx+qqqrryPfnuc7EuRzTD4hBAKyvbUCGzKAoCsnlNB68cxsHg8vPxsfH64uOIZAA2QGmu7cPVld5yGQyv7ZZAMlofP/uAA6HQz4CaigaxmazZSGdXb2QWF3/DSImkVBIIaWxwzGII+HwjMvlOl1wjNVqDVRWVjFnO3sgkViD9F8gYrREghQKGg857uFoNMJOTEw0FQxDIHN6/V5De0c3rHz9Bul0ZtM1NE1A5A6NDDtwLBZ97Ha7zXljLBZLFtLWfh64zwkCSW/5WKVSGikJaHT0AeZiMbfH47HkjBEgOp3eYLOfgyj3ZVsQMZlUipQlNHaODeN4PO4kIPu2MS0tLQGtTs+YLW0Qia1AKpXO+TGTy2VIRUBu10Mc57hHk5OTZ7aMMZvNAbIjTKPJDqFwPC+ImEIhRyoljVnPGOY4boRl2Y5NMQJEq9Uxpxqt8CnMQTKZQoVKWaJAapUUP5lyEVBsaHp6uuufGJPJlIWcaDDDUjBaUIiYSlmSBT31egSQw+v1XvgD09zcTCB6pq6+CT4sRQgkiYpVaakSlRHQrJ8V3qFBn893+SdGgFRUaJna40ZY/BgCni8eRKxMrUIaFY3nAzM4EgkP+P3+K9hoNBKIjjlqaICFxSBs7ABETKNRo3I1Tb184UehUOgm7urugSPHTsL7hWUC4dFOt6u8DGlKaer1qwDCN245Mm/evoP1jZ2HiO3ZXY4OHzqIvwswAE7BY9veYNe4AAAAAElFTkSuQmCC);
+  margin: 0 6px;
+  top: -18px;
+  left: 0;
+  width: 35px;
+  height: 19px;
+}
+
+.pp-popover-view-stack-container.pp-popover-view-stack-container-style-black .pp-popover-view-stack-arrow-top {
+  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAATCAYAAAAao7T0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAmZJREFUeNrE1klrWlEUB/CjcdZXS4xD1WrponTTlSAIEUEwOMYIIkEQ9FP4aQIuFAIuJA7BRCQIWWTjqm5KCaWitc5JDMYp2nsvfYFOJHHqf/NW974f55x732PMZjNYJG63u8XhcCSj0ah9dHS0tchezEUW7+3t9bRarSQcDoNGo5Eg2PV/waAX36jValEoFILJZALBYBBUKtWLRUCMedr0E0JhwGAwgOl0CkwmE7hcLhwcHECtVrtOJpMvV47BEFQBKhAIwN3dHYE8lBmB0PxAJBKBRqPRRaDNlWF2d3cJxO/3Q7/f/wXyOygajRJQKpXaXDrG5XLdKJVKan9/H25vb/8KobOxsUFaFovFoNVqtdPp9NbSMBiiUCgon88HvV4P7u/vH13DYrEI6PDwENrtdjOTycgWxjidTgLxer1wdXX1JAgdNpsNPB4P4vE4BjWOj4/lc2MwRC6XUx6PB2/2LAgdPD8YlEgkoNvtfkegV8/GOBwOAkEgAsF3ybzB7eLz+YCGGTqdzrdsNqt6MsZutxOIzWbDJ2IhCB1cHYFAAKgyGFQ5PT19/SgGQ2QyGWWxWAhkPB7DsoKrIxQK4eTkBIO+5nK5N//EoEoQiNlsxrfoUiF0cHUwKJ/PY9AX9Hz7B8ZqtRKIyWSCarW6EggdkUhEQIVCAd9Dn8/Ozt49YDBEKpVS29vbUKlUAP0OwKpDURRBnZ+fQ7PZ/IRg7xk7OzsEYjAYoFwuw3A4hHVFLBYT1MXFBdTr9Y8sDNHr9XB5eblWCA5qETmpOp0OisXiB5bRaIRSqbR2CB3UIvKdQ6cYfggwABzaSUlhnklfAAAAAElFTkSuQmCC);
+}
+
+.pp-popover-view-stack-container.pp-active {
+  visibility: visible;
+  opacity: 1;
+  pointer-events: auto;
+  -webkit-transition-delay: 0s;
+     -moz-transition-delay: 0s;
+      -ms-transition-delay: 0s;
+       -o-transition-delay: 0s;
+          transition-delay: 0s;
+}
+
+.pp-popover-view-stack {
+  background: none;
+  position: relative;
+  overflow: hidden;
+  margin: 0;
+  padding: 0;
+  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  font-size: 13px;
+  line-height: 1.25em;
+  width: 320px;
+  min-height: 440px;
+  -webkit-text-size-adjust: 100%;
+     -moz-text-size-adjust: 100%;
+      -ms-text-size-adjust: 100%;
+       -o-text-size-adjust: 100%;
+          text-size-adjust: 100%;
+}
+
+.pp-popover-view-stack::before {
+  background: #333 url('../background.png');
+  background-size: 320px 460px;
+  content: '';
+  display: block;
+  position: absolute;
+  top: 44px;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  width: auto;
+  height: auto;
+}
+
+@media only screen and (-webkit-min-device-pixel-ratio: 2) {
+  .pp-popover-view-stack::before {
+    background: #333 url('../background@2x.png');
+  }
+}
+
+.pp-popover-view-stack::after {
+  content: '';
+  display: block;
+  position: absolute;
+  top: 44px;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  width: auto;
+  height: auto;
+  pointer-events: none;
+  -webkit-box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.8);
+     -moz-box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.8);
+          box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.8);
+  -webkit-backface-visibility: hidden;
+     -moz-backface-visibility: hidden;
+      -ms-backface-visibility: hidden;
+       -o-backface-visibility: hidden;
+          backface-visibility: hidden;
+  -webkit-transform: translate3d(0, 0, 0);
+     -moz-transform:   translate(0, 0);
+      -ms-transform:   translate(0, 0);
+       -o-transform:   translate(0, 0);
+          transform:   translate(0, 0);
+}
+
+.pp-popover-view-stack > .pp-navigation-bar {
+  background: none;
+  border-top: none;
+  margin-top: 1px;
+  left: -6px;
+  right: -6px;
+}
+
+.pp-popover-view-stack-backdrop {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  margin: 0;
+  width: auto;
+  height: auto;
+  z-index: 99998;
+  visibility: hidden;
+  pointer-events: none;
+}
+
+.pp-popover-view-stack-container.pp-active + .pp-popover-view-stack-backdrop {
+  visibility: visible;
+  pointer-events: auto;
+}

data/vendor/assets/Pushpop/pushpop-popover-view-stack/pushpop-popover-view-stack.js

@@ -0,0 +1,278 @@
+;'use strict';
+
+// The base Pushpop object.
+var Pushpop = window.Pushpop || {};
+
+/**
+  Creates a new PopoverViewStack.
+  @param {HTMLDivElement} element The DIV element to initialize as a new PopoverViewStack.
+  @constructor
+  @extends Pushpop.ViewStack
+*/
+Pushpop.PopoverViewStack = function PopoverViewStack(element) {
+  
+  // Call the "super" constructor.
+  Pushpop.ViewStack.prototype.constructor.apply(this, arguments);
+  
+  var self = this;
+  
+  var $element = this.$element;
+  
+  // Insert the backdrop element after the popover view stack element.
+  var $backdrop = $('<div class="pp-popover-view-stack-backdrop"/>').insertAfter($element);
+  
+  // Wrap the popover view stack element in a container.
+  var popoverStyle = $element.data('popoverStyle');
+  var $container = this.$container = $('<div class="pp-popover-view-stack-container' + (popoverStyle ? ' pp-popover-view-stack-container-style-' + popoverStyle : '') + '"/>').insertAfter($element).append($element);
+  
+  // Insert an arrow element in the container.
+  var $arrow = this.$arrow = $('<div class="pp-popover-view-stack-arrow pp-popover-view-stack-arrow-top"/>').appendTo($container);
+  
+  // Make the popover view stack visible if it is initialized with the .pp-active CSS class.
+  this.setHidden(!$element.hasClass('pp-active'));
+  $element.removeClass('pp-active');
+  
+  // Dismiss the popover view stack if the backdrop element is tapped/clicked.
+  $backdrop.bind(!!('ontouchstart' in window) ? 'touchstart' : 'mousedown', function(evt) {
+    self.dismiss();
+  });
+};
+
+Pushpop.PopoverViewStack.POPOVER_CONTAINER_MARGIN = 10;
+
+// Create the prototype for the Pushpop.PopoverViewStack as a "sub-class" of Pushpop.ViewStack.
+Pushpop.PopoverViewStack.prototype = new Pushpop.ViewStack();
+Pushpop.PopoverViewStack.prototype.constructor = Pushpop.PopoverViewStack;
+
+Pushpop.PopoverViewStack.prototype.$container = null;
+Pushpop.PopoverViewStack.prototype.$arrow = null;
+
+Pushpop.PopoverViewStack.prototype._hidden = true;
+
+/**
+  Returns a flag indicating if this popover view stack is hidden.
+  @type Boolean
+*/
+Pushpop.PopoverViewStack.prototype.getHidden = function() { return this._hidden; };
+
+/**
+  Sets a flag indicating if this popover view stack should be hidden.
+  @param {Boolean} hidden A flag indicating if this popover view stack should be hidden.
+*/
+Pushpop.PopoverViewStack.prototype.setHidden = function(hidden) { if (hidden) this.dismiss(); else this.present(); };
+
+Pushpop.PopoverViewStack.prototype._targetElement = null;
+
+/**
+  Returns the current target element for this popover view stack.
+  @type HTMLElement
+*/
+Pushpop.PopoverViewStack.prototype.getTargetElement = function() { return this._targetElement; };
+
+/**
+  Sets the current target element for this popover view stack.
+  @param {HTMLElement} targetElement The target element this popover view stack should point to.
+*/
+Pushpop.PopoverViewStack.prototype.setTargetElement = function(targetElement) {
+  this._targetElement = targetElement;
+  
+  var $targetElement = $(targetElement);
+  var $window = $(window);
+  var $container = this.$container;
+  var $arrow = this.$arrow;
+  
+  var targetSize = {
+    width:  $targetElement.outerWidth(),
+    height: $targetElement.outerHeight()
+  };
+  var windowSize = {
+    width:  $window.width(),
+    height: $window.height()
+  };
+  var containerOuterSize = {
+    width:  $container.outerWidth(),
+    height: $container.outerHeight()
+  };
+  var containerInnerSize = {
+    width:  $container.width(),
+    height: $container.height()
+  };
+  var arrowSize = {
+    width:  $arrow.width(),
+    height: $arrow.height()
+  };
+  
+  var targetPosition = $targetElement.offset();
+  targetPosition = {
+    x: targetPosition.left + (targetSize.width / 2),
+    y: targetPosition.top + targetSize.height
+  };
+  
+  var containerPosition = {
+    x: targetPosition.x - (containerOuterSize.width / 2) - Pushpop.PopoverViewStack.POPOVER_CONTAINER_MARGIN,
+    y: targetPosition.y
+  };
+  
+  var minimumContainerPosition = {
+    x: -Pushpop.PopoverViewStack.POPOVER_CONTAINER_MARGIN,
+    y: -Pushpop.PopoverViewStack.POPOVER_CONTAINER_MARGIN
+  };
+  
+  var maximumContainerPosition = {
+    x: windowSize.width  - containerOuterSize.width  - Pushpop.PopoverViewStack.POPOVER_CONTAINER_MARGIN,
+    y: windowSize.height - containerOuterSize.height - Pushpop.PopoverViewStack.POPOVER_CONTAINER_MARGIN
+  };
+  
+  var adjustedContainerPosition = {
+    x: Math.min(Math.max(containerPosition.x, minimumContainerPosition.x), maximumContainerPosition.x),
+    y: containerPosition.y
+  };
+  
+  var adjustmentOffset = {
+    x: containerPosition.x - adjustedContainerPosition.x,
+    y: containerPosition.y - adjustedContainerPosition.y
+  };
+  
+  var arrowPosition = {
+    x: (containerInnerSize.width / 2) - (arrowSize.width / 2) + adjustmentOffset.x,
+    y: 1 - arrowSize.height
+  };
+  
+  this.$container.css({ left: adjustedContainerPosition.x + 'px', top: adjustedContainerPosition.y + 'px' });
+  this.$arrow.css({ left: arrowPosition.x + 'px', top: arrowPosition.y + 'px' });
+};
+
+/**
+  Presents this popover view stack and transitions it to a visible state.
+  @param {Pushpop.View} [view] Optional view to set as the active view before presenting.
+*/
+Pushpop.PopoverViewStack.prototype.present = function(view, targetElement) {
+  if (!this.getHidden()) return;
+  
+  this._hidden = false;
+
+  var oldActiveView = this.getActiveView();
+  if (view && oldActiveView !== view) {
+    oldActiveView.$element.removeClass('pp-active');
+    view.$element.addClass('pp-active');
+    
+    this.views.length = 0;
+    this.views.push(view);
+  } else {
+    this.views.length = 0;
+    this.views.push(oldActiveView);
+  }
+  
+  var activeView = this.getActiveView();
+  activeView.$trigger($.Event(Pushpop.EventType.WillPresentView, {
+    view: activeView,
+    action: 'popover-present'
+  }));
+  
+  if (targetElement) this.setTargetElement(targetElement);
+  
+  this.$container.addClass('pp-active');
+  
+  activeView.$trigger($.Event(Pushpop.EventType.DidPresentView, {
+    view: activeView,
+    action: 'popover-present'
+  }));
+};
+
+/**
+  Dismisses this popover view stack and transitions it to a hidden state.
+*/
+Pushpop.PopoverViewStack.prototype.dismiss = function() {
+  if (this.getHidden()) return;
+  
+  this._hidden = true;
+  
+  var activeView = this.getActiveView();
+  activeView.$trigger($.Event(Pushpop.EventType.WillDismissView, {
+    view: activeView,
+    action: 'popover-dismiss'
+  }));
+  
+  var self = this;
+  window.setTimeout(function() {
+    self.$container.removeClass('pp-active');
+
+    activeView.$trigger($.Event(Pushpop.EventType.DidDismissView, {
+      view: activeView,
+      action: 'popover-dismiss'
+    }));
+  }, 50);
+};
+
+$(function() {
+  var $window = $(window['addEventListener'] ? window : document.body);
+  
+  // Handle actions for buttons set up to automatically present/dismiss popovers.
+  $window.delegate('.pp-button.pp-present-popover, .pp-button.pp-dismiss-popover', Pushpop.Button.EventType.DidTriggerAction, function(evt) {
+    var button = evt.button;
+    var $element = button.$element;
+    var href = $element.attr('href');
+    var $viewElement, view, viewStack;
+    
+    if ($element.hasClass('pp-present-popover')) {
+      $viewElement = $(href);
+      if ($viewElement.length === 0) return;
+      
+      view = $viewElement[0].view || new Pushpop.View($viewElement);
+      
+      viewStack = view.getViewStack();
+      if (viewStack) viewStack.present(view, button.element);
+    }
+    
+    else if ($element.hasClass('pp-dismiss-popover')) {
+      if (href === '#') {
+        viewStack = button.getViewStack();
+        if (viewStack) viewStack.dismiss();
+      } else {
+        $viewElement = $(href);
+        if ($viewElement.length === 0) return;
+
+        view = $viewElement[0].view || new Pushpop.View($viewElement);
+
+        viewStack = view.getViewStack();
+        if (viewStack) viewStack.dismiss();
+      }
+    }
+  });
+  
+  // Handle clicks for anchor links set up to automatically present/dismiss popovers.
+  $window.delegate('a.pp-present-popover, a.pp-dismiss-popover', 'click', function(evt) {
+    var $element = $(this);
+    if ($element.hasClass('pp-button')) return;
+    
+    evt.preventDefault();
+    
+    var href = $element.attr('href');
+    var $viewElement, view, viewStack;
+    
+    if ($element.hasClass('pp-present-popover')) {
+      $viewElement = $(href);
+      if ($viewElement.length === 0) return;
+
+      view = $viewElement[0].view || new Pushpop.View($viewElement);
+
+      viewStack = view.getViewStack();
+      if (viewStack) viewStack.present(view, this);
+    }
+    
+    else if ($element.hasClass('pp-dismiss-popover')) {
+      if (href === '#') {
+        viewStack = Pushpop.getViewStackForElement($element);
+        if (viewStack) viewStack.dismiss();
+      } else {
+        $viewElement = $(href);
+        if ($viewElement.length === 0) return;
+
+        view = $viewElement[0].view || new Pushpop.View($viewElement);
+
+        viewStack = view.getViewStack();
+        if (viewStack) viewStack.dismiss();
+      }
+    }
+  });
+});

data/vendor/assets/Pushpop/pushpop-split-view/pushpop-split-view.css

@@ -0,0 +1,38 @@
+.pp-split-view {
+  display: none;
+  position: absolute;
+  width: auto;
+  height: auto;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+}
+
+.pp-split-view > .pp-split-view-stack-master {
+  border-right: 1px solid #000;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 320px;
+  height: 100%;
+  -webkit-perspective: none;
+     -moz-perspective: none;
+      -ms-perspective: none;
+       -o-perspective: none;
+          perspective: none;
+}
+
+.pp-split-view > .pp-split-view-stack-detail {
+  position: absolute;
+  top: 0;
+  right: 0;
+  left: 321px;
+  width: auto;
+  height: 100%;
+  -webkit-perspective: none;
+     -moz-perspective: none;
+      -ms-perspective: none;
+       -o-perspective: none;
+          perspective: none;
+}