esqueleto basico

bower_components/jbox/Source/plugins/Notice/jBox.Notice.css

@@ -0,0 +1,80 @@
+
+.jBox-Notice {
+  transition: margin .2s;
+}
+
+.jBox-Notice .jBox-container {
+  border-radius: 3px;
+  box-shadow: inset 1px 1px 0 0 rgba(255, 255, 255, .25), inset -1px -1px 0 0 rgba(0, 0, 0, .1);
+}
+
+.jBox-Notice .jBox-content {
+  border-radius: 3px;
+  padding: 12px 20px;
+}
+
+.jBox-Notice .jBox-title {
+  padding: 12px 20px 0;
+  font-weight: bold;
+}
+
+.jBox-hasTitle.jBox-Notice .jBox-content {
+  padding-top: 5px;
+}
+
+.jBox-Notice-black .jBox-container {
+  color: #fff;
+  background: #000;
+}
+
+.jBox-Notice-gray .jBox-container {
+  color: #333;
+  background: #f6f6f6;
+}
+
+.jBox-Notice-red .jBox-container {
+  color: #fff;
+  background: #d00;
+}
+
+.jBox-Notice-green .jBox-container {
+  color: #fff;
+  background: #5d0;
+}
+
+.jBox-Notice-blue .jBox-container {
+  color: #fff;
+  background: #07d;
+}
+
+.jBox-Notice-yellow .jBox-container {
+  color: #000;
+  background: #fd0;
+}
+
+@media (max-width: 768px) {
+  
+  .jBox-Notice .jBox-content {
+    padding: 10px 15px;
+  }
+  
+  .jBox-Notice .jBox-title {
+    padding: 10px 15px 0;
+  }
+  
+}
+
+@media (max-width: 500px) {
+  
+  .jBox-Notice .jBox-content {
+    padding: 8px 10px;
+  }
+  
+  .jBox-Notice .jBox-title {
+    padding: 8px 10px 0;
+  }
+  
+  .jBox-hasTitle.jBox-Notice .jBox-content {
+    padding-top: 0;
+  }
+}

bower_components/jbox/Source/plugins/Notice/jBox.Notice.js

@@ -0,0 +1,143 @@
+/**
+ * jBox Notice plugin: Opens a popup notice
+ *
+ * Author: Stephan Wagner (https://stephanwagner.me)
+ *
+ * License: MIT (https://opensource.org/licenses/MIT)
+ *
+ * Requires: jBox (https://code.jboxcdn.com/jBox.min.js)
+ */
+
+jQuery(document).ready(function () {
+  
+  new jBox.plugin('Notice', {
+    
+    
+    // Options (https://stephanwagner.me/jBox/options#options-notice)
+    
+    color: null,      // Add a color to your notices, use 'gray' (default), 'black', 'red', 'green', 'blue' or 'yellow'
+    stack: true,      // Set to false to disable notice-stacking
+    stackSpacing: 10, // Spacing between notices when they stack
+    autoClose: 6000,  // Time in ms after which the notice will disappear
+    attributes: {     // Defines where the notice will pop up
+      x: 'right',     // 'left' or 'right'
+      y: 'top'        // 'top' or 'bottom'
+    },
+    position: {       // Defines the distance to the viewport boundary
+      x: 15,
+      y: 15
+    },
+    responsivePositions: {  // Responsive positions
+      500: {                // The key defines the maximum width of the viewport, the values will replace the default position options
+        x: 5,               // Start with the lowest viewport
+        y: 5
+      },
+      768: {
+        x: 10,
+        y: 10
+      }
+    },
+    target: window,
+    fixed: true,
+    animation: 'zoomIn',
+    closeOnClick: 'box',
+    zIndex: 12000,
+    
+    
+    // Triggered when notice is initialized
+    
+    _onInit: function ()
+    {
+      // Cache position values
+      this.defaultNoticePosition = jQuery.extend({}, this.options.position);
+      
+      // Type Notice has its own adjust position function
+      this._adjustNoticePositon = function () {
+        var win = jQuery(window);
+        var windowDimensions = {
+          x: win.width(),
+          y: win.height()
+        };
+        
+        // Reset default position
+        this.options.position = jQuery.extend({}, this.defaultNoticePosition);
+        
+        // Adjust depending on viewport
+        jQuery.each(this.options.responsivePositions, function (viewport, position) {
+          if (windowDimensions.x <= viewport) {
+            this.options.position = position;
+            return false;
+          }
+        }.bind(this));
+        
+        // Set new padding options
+        this.options.adjustDistance = {
+          top: this.options.position.y,
+          right: this.options.position.x,
+          bottom: this.options.position.y,
+          left: this.options.position.x
+        };
+      };
+      
+      // If jBox grabs an element as content, crab a clone instead
+      this.options.content instanceof jQuery && (this.options.content = this.options.content.clone().attr('id', ''));
+      
+      // Adjust paddings when window resizes
+      jQuery(window).on('resize.responsivejBoxNotice-' + this.id, function (ev) { if (this.isOpen) { this._adjustNoticePositon(); } }.bind(this));
+      
+      this.open();
+    },
+    
+    
+    // Triggered when notice was created
+    
+    _onCreated: function ()
+    {
+      // Add color class
+      this.wrapper.addClass('jBox-Notice-color jBox-Notice-' + (this.options.color || 'gray'));
+      
+      // Store position in jBox wrapper
+      this.wrapper.data('jBox-Notice-position', this.options.attributes.x + '-' + this.options.attributes.y);
+    },
+    
+    
+    // Triggered when notice opens
+    
+    _onOpen: function ()
+    {
+      // Adjust position when opening
+      this._adjustNoticePositon();
+      
+      // Loop through notices at same window corner and either move or destroy them
+      jQuery.each(jQuery('.jBox-Notice'), function (index, el)
+      {
+        el = jQuery(el);
+        
+        // Abort if the element is this notice or when it's not at the same position
+        if (el.attr('id') == this.id || el.data('jBox-Notice-position') != this.options.attributes.x + '-' + this.options.attributes.y) return;
+        
+        // Remove notice when we don't wont to stack them
+        if (!this.options.stack) {
+          el.data('jBox').close({ignoreDelay: true});
+          return;
+        }
+        
+        // Get the new margin and add to notices
+        var margin = (el.data('jBoxNoticeMargin') ? parseInt(el.data('jBoxNoticeMargin')) : parseInt(el.css('margin-' + this.options.attributes.y))) + this.wrapper.outerHeight() + this.options.stackSpacing;
+        el.data('jBoxNoticeMargin', margin);
+        el.css('margin-' + this.options.attributes.y, margin);
+        
+      }.bind(this));
+    },
+    
+    
+    // Remove notice from DOM when closing finishes
+    
+    _onCloseComplete: function ()
+    {
+      this.destroy();
+    }
+    
+  });
+  
+});

bower_components/jbox/Source/plugins/Notice/jBox.Notice.min.js

@@ -0,0 +1 @@
+jQuery(document).ready(function(){new jBox.plugin("Notice",{color:null,stack:!0,stackSpacing:10,autoClose:6e3,attributes:{x:"right",y:"top"},position:{x:15,y:15},responsivePositions:{500:{x:5,y:5},768:{x:10,y:10}},target:window,fixed:!0,animation:"zoomIn",closeOnClick:"box",zIndex:12e3,_onInit:function(){this.defaultNoticePosition=jQuery.extend({},this.options.position),this._adjustNoticePositon=function(){var t=jQuery(window),i={x:t.width(),y:t.height()};this.options.position=jQuery.extend({},this.defaultNoticePosition),jQuery.each(this.options.responsivePositions,function(t,o){if(i.x<=t)return this.options.position=o,!1}.bind(this)),this.options.adjustDistance={top:this.options.position.y,right:this.options.position.x,bottom:this.options.position.y,left:this.options.position.x}},this.options.content instanceof jQuery&&(this.options.content=this.options.content.clone().attr("id","")),jQuery(window).on("resize.responsivejBoxNotice-"+this.id,function(t){this.isOpen&&this._adjustNoticePositon()}.bind(this)),this.open()},_onCreated:function(){this.wrapper.addClass("jBox-Notice-color jBox-Notice-"+(this.options.color||"gray")),this.wrapper.data("jBox-Notice-position",this.options.attributes.x+"-"+this.options.attributes.y)},_onOpen:function(){this._adjustNoticePositon(),jQuery.each(jQuery(".jBox-Notice"),function(t,i){if(i=jQuery(i),i.attr("id")!=this.id&&i.data("jBox-Notice-position")==this.options.attributes.x+"-"+this.options.attributes.y){if(!this.options.stack)return void i.data("jBox").close({ignoreDelay:!0});var o=(i.data("jBoxNoticeMargin")?parseInt(i.data("jBoxNoticeMargin")):parseInt(i.css("margin-"+this.options.attributes.y)))+this.wrapper.outerHeight()+this.options.stackSpacing;i.data("jBoxNoticeMargin",o),i.css("margin-"+this.options.attributes.y,o)}}.bind(this))},_onCloseComplete:function(){this.destroy()}})});