git.roojs.org Git - roojs1/blob - docs/symbols/src/Roo_bootstrap_MasonryBrick.js.html

   1 <html><head><title>../roojs1/Roo/bootstrap/MasonryBrick.js</title><link rel="stylesheet" type="text/css" href="../../../css/highlight-js.css"/></head><body class="highlightpage"><code class="jsdoc-pretty"><span class="jsdoc-comment">/*
   2  * - LGPL
   3  *
   4  * element
   5  *
   6  */
   7
   8 /**
   9  * @class Roo.bootstrap.MasonryBrick
  10  * @extends Roo.bootstrap.Component
  11  * Bootstrap MasonryBrick class
  12  *
  13  * @constructor
  14  * Create a new MasonryBrick
  15  * @param {Object} config The config object
  16  */
  17
  18 </span><span class="jsdoc-var">Roo.bootstrap.MasonryBrick </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">config</span><span class="jsdoc-syntax">){
  19     </span><span class="jsdoc-var">Roo.bootstrap.MasonryBrick.superclass.constructor.call</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">config</span><span class="jsdoc-syntax">);
  20
  21     </span><span class="jsdoc-var">this.addEvents</span><span class="jsdoc-syntax">({
  22         </span><span class="jsdoc-comment">// raw events
  23         /**
  24          * @event click
  25          * When a MasonryBrick is clcik
  26          * @param {Roo.bootstrap.MasonryBrick} this
  27          * @param {Roo.EventObject} e
  28          */
  29         </span><span class="jsdoc-string">&quot;click&quot; </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">true
  30     </span><span class="jsdoc-syntax">});
  31 };
  32
  33 </span><span class="jsdoc-var">Roo.extend</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">Roo.bootstrap.MasonryBrick</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">Roo.bootstrap.Component</span><span class="jsdoc-syntax">,  {
  34
  35     </span><span class="jsdoc-comment">/**
  36      * @cfg {String} title
  37      */
  38     </span><span class="jsdoc-var">title </span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">''</span><span class="jsdoc-syntax">,
  39     </span><span class="jsdoc-comment">/**
  40      * @cfg {String} html
  41      */
  42     </span><span class="jsdoc-var">html </span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">''</span><span class="jsdoc-syntax">,
  43     </span><span class="jsdoc-comment">/**
  44      * @cfg {String} bgimage
  45      */
  46     </span><span class="jsdoc-var">bgimage </span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">''</span><span class="jsdoc-syntax">,
  47     </span><span class="jsdoc-comment">/**
  48      * @cfg {String} videourl
  49      */
  50     </span><span class="jsdoc-var">videourl </span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">''</span><span class="jsdoc-syntax">,
  51     </span><span class="jsdoc-comment">/**
  52      * @cfg {String} cls
  53      */
  54     </span><span class="jsdoc-var">cls </span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">''</span><span class="jsdoc-syntax">,
  55     </span><span class="jsdoc-comment">/**
  56      * @cfg {String} href
  57      */
  58     </span><span class="jsdoc-var">href </span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">''</span><span class="jsdoc-syntax">,
  59     </span><span class="jsdoc-comment">/**
  60      * @cfg {String} (xs|sm|md|md-left|md-right|tall|wide) size
  61      */
  62     </span><span class="jsdoc-var">size </span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">'xs'</span><span class="jsdoc-syntax">,
  63
  64     </span><span class="jsdoc-comment">/**
  65      * @cfg {String} (center|bottom) placetitle
  66      */
  67     </span><span class="jsdoc-var">placetitle </span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">''</span><span class="jsdoc-syntax">,
  68
  69     </span><span class="jsdoc-var">getAutoCreate </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">()
  70     {
  71         </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">cls </span><span class="jsdoc-syntax">= </span><span class="jsdoc-string">'masonry-brick'</span><span class="jsdoc-syntax">;
  72
  73         </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.href.length</span><span class="jsdoc-syntax">){
  74             </span><span class="jsdoc-var">cls </span><span class="jsdoc-syntax">+= </span><span class="jsdoc-string">' masonry-brick-link'</span><span class="jsdoc-syntax">;
  75         }
  76
  77         </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.bgimage.length</span><span class="jsdoc-syntax">){
  78             </span><span class="jsdoc-var">cls </span><span class="jsdoc-syntax">+= </span><span class="jsdoc-string">' masonry-brick-image'</span><span class="jsdoc-syntax">;
  79         }
  80
  81         </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.size</span><span class="jsdoc-syntax">){
  82             </span><span class="jsdoc-var">cls </span><span class="jsdoc-syntax">+= </span><span class="jsdoc-string">' masonry-' </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">this.size </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-string">'-brick'</span><span class="jsdoc-syntax">;
  83         }
  84
  85         </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.placetitle.length</span><span class="jsdoc-syntax">){
  86
  87             </span><span class="jsdoc-keyword">switch </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.placetitle</span><span class="jsdoc-syntax">) {
  88                 </span><span class="jsdoc-keyword">case </span><span class="jsdoc-string">'center' </span><span class="jsdoc-syntax">:
  89                     </span><span class="jsdoc-var">cls </span><span class="jsdoc-syntax">+= </span><span class="jsdoc-string">' masonry-center-title'</span><span class="jsdoc-syntax">;
  90                     </span><span class="jsdoc-keyword">break</span><span class="jsdoc-syntax">;
  91                 </span><span class="jsdoc-keyword">case </span><span class="jsdoc-string">'bottom' </span><span class="jsdoc-syntax">:
  92                     </span><span class="jsdoc-var">cls </span><span class="jsdoc-syntax">+= </span><span class="jsdoc-string">' masonry-bottom-title'</span><span class="jsdoc-syntax">;
  93                     </span><span class="jsdoc-keyword">break</span><span class="jsdoc-syntax">;
  94                 </span><span class="jsdoc-keyword">default</span><span class="jsdoc-syntax">:
  95                     </span><span class="jsdoc-keyword">break</span><span class="jsdoc-syntax">;
  96             }
  97
  98         } </span><span class="jsdoc-keyword">else </span><span class="jsdoc-syntax">{
  99             </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(!</span><span class="jsdoc-var">this.html.length </span><span class="jsdoc-syntax">&amp;&amp; !</span><span class="jsdoc-var">this.bgimage.length</span><span class="jsdoc-syntax">){
 100                 </span><span class="jsdoc-var">cls </span><span class="jsdoc-syntax">+= </span><span class="jsdoc-string">' masonry-center-title'</span><span class="jsdoc-syntax">;
 101             }
 102
 103             </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(!</span><span class="jsdoc-var">this.html.length </span><span class="jsdoc-syntax">&amp;&amp; </span><span class="jsdoc-var">this.bgimage.length</span><span class="jsdoc-syntax">){
 104                 </span><span class="jsdoc-var">cls </span><span class="jsdoc-syntax">+= </span><span class="jsdoc-string">' masonry-bottom-title'</span><span class="jsdoc-syntax">;
 105             }
 106         }
 107
 108         </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.cls</span><span class="jsdoc-syntax">){
 109             </span><span class="jsdoc-var">cls </span><span class="jsdoc-syntax">+= </span><span class="jsdoc-string">' ' </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">this.cls</span><span class="jsdoc-syntax">;
 110         }
 111
 112         </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">cfg </span><span class="jsdoc-syntax">= {
 113             </span><span class="jsdoc-var">tag</span><span class="jsdoc-syntax">: (</span><span class="jsdoc-var">this.href.length</span><span class="jsdoc-syntax">) ? </span><span class="jsdoc-string">'a' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">'div'</span><span class="jsdoc-syntax">,
 114             </span><span class="jsdoc-var">cls</span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">cls</span><span class="jsdoc-syntax">,
 115             </span><span class="jsdoc-var">cn</span><span class="jsdoc-syntax">: [
 116                 {
 117                     </span><span class="jsdoc-var">tag</span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">'div'</span><span class="jsdoc-syntax">,
 118                     </span><span class="jsdoc-var">cls</span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">'masonry-brick-paragraph'</span><span class="jsdoc-syntax">,
 119                     </span><span class="jsdoc-var">cn</span><span class="jsdoc-syntax">: []
 120                 }
 121             ]
 122         };
 123
 124         </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.href.length</span><span class="jsdoc-syntax">){
 125             </span><span class="jsdoc-var">cfg.href </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.href</span><span class="jsdoc-syntax">;
 126         }
 127
 128         </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">cn </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">cfg.cn</span><span class="jsdoc-syntax">[0]</span><span class="jsdoc-var">.cn</span><span class="jsdoc-syntax">;
 129
 130         </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.title.length</span><span class="jsdoc-syntax">){
 131             </span><span class="jsdoc-var">cn.push</span><span class="jsdoc-syntax">({
 132                 </span><span class="jsdoc-var">tag</span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">'h4'</span><span class="jsdoc-syntax">,
 133                 </span><span class="jsdoc-var">cls</span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">'masonry-brick-title'</span><span class="jsdoc-syntax">,
 134                 </span><span class="jsdoc-var">html</span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.title
 135             </span><span class="jsdoc-syntax">});
 136         }
 137
 138         </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.html.length</span><span class="jsdoc-syntax">){
 139             </span><span class="jsdoc-var">cn.push</span><span class="jsdoc-syntax">({
 140                 </span><span class="jsdoc-var">tag</span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">'p'</span><span class="jsdoc-syntax">,
 141                 </span><span class="jsdoc-var">cls</span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">'masonry-brick-text'</span><span class="jsdoc-syntax">,
 142                 </span><span class="jsdoc-var">html</span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.html
 143             </span><span class="jsdoc-syntax">});
 144         }
 145         </span><span class="jsdoc-keyword">if </span><span class="jsdoc-syntax">(!</span><span class="jsdoc-var">this.title.length </span><span class="jsdoc-syntax">&amp;&amp; !</span><span class="jsdoc-var">this.html.length</span><span class="jsdoc-syntax">) {
 146             </span><span class="jsdoc-var">cfg.cn</span><span class="jsdoc-syntax">[0]</span><span class="jsdoc-var">.cls </span><span class="jsdoc-syntax">+= </span><span class="jsdoc-string">' hide'</span><span class="jsdoc-syntax">;
 147         }
 148
 149         </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.bgimage.length</span><span class="jsdoc-syntax">){
 150             </span><span class="jsdoc-var">cfg.cn.push</span><span class="jsdoc-syntax">({
 151                 </span><span class="jsdoc-var">tag</span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">'img'</span><span class="jsdoc-syntax">,
 152                 </span><span class="jsdoc-var">cls</span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">'masonry-brick-image-view'</span><span class="jsdoc-syntax">,
 153                 </span><span class="jsdoc-var">src</span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.bgimage
 154             </span><span class="jsdoc-syntax">});
 155         }
 156         </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.videourl.length</span><span class="jsdoc-syntax">){
 157             </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">vurl </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.videourl.replace</span><span class="jsdoc-syntax">(/https:\/\/youtu\.be/, </span><span class="jsdoc-string">'https://www.youtube.com/embed/'</span><span class="jsdoc-syntax">);
 158             </span><span class="jsdoc-comment">// youtube support only?
 159             </span><span class="jsdoc-var">cfg.cn.push</span><span class="jsdoc-syntax">({
 160                 </span><span class="jsdoc-var">tag</span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">'iframe'</span><span class="jsdoc-syntax">,
 161                 </span><span class="jsdoc-var">cls</span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">'masonry-brick-image-view'</span><span class="jsdoc-syntax">,
 162                 </span><span class="jsdoc-var">src</span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">vurl</span><span class="jsdoc-syntax">,
 163                 </span><span class="jsdoc-var">frameborder </span><span class="jsdoc-syntax">: 0,
 164                 </span><span class="jsdoc-var">allowfullscreen </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">true
 165             </span><span class="jsdoc-syntax">});
 166
 167
 168         }
 169         </span><span class="jsdoc-keyword">return </span><span class="jsdoc-var">cfg</span><span class="jsdoc-syntax">;
 170
 171     },
 172
 173     </span><span class="jsdoc-var">initEvents</span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">()
 174     {
 175         </span><span class="jsdoc-keyword">switch </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.size</span><span class="jsdoc-syntax">) {
 176             </span><span class="jsdoc-keyword">case </span><span class="jsdoc-string">'xs' </span><span class="jsdoc-syntax">:
 177 </span><span class="jsdoc-comment">//                this.intSize = 1;
 178                 </span><span class="jsdoc-var">this.x </span><span class="jsdoc-syntax">= 1;
 179                 </span><span class="jsdoc-var">this.y </span><span class="jsdoc-syntax">= 1;
 180                 </span><span class="jsdoc-keyword">break</span><span class="jsdoc-syntax">;
 181             </span><span class="jsdoc-keyword">case </span><span class="jsdoc-string">'sm' </span><span class="jsdoc-syntax">:
 182 </span><span class="jsdoc-comment">//                this.intSize = 2;
 183                 </span><span class="jsdoc-var">this.x </span><span class="jsdoc-syntax">= 2;
 184                 </span><span class="jsdoc-var">this.y </span><span class="jsdoc-syntax">= 2;
 185                 </span><span class="jsdoc-keyword">break</span><span class="jsdoc-syntax">;
 186             </span><span class="jsdoc-keyword">case </span><span class="jsdoc-string">'md' </span><span class="jsdoc-syntax">:
 187             </span><span class="jsdoc-keyword">case </span><span class="jsdoc-string">'md-left' </span><span class="jsdoc-syntax">:
 188             </span><span class="jsdoc-keyword">case </span><span class="jsdoc-string">'md-right' </span><span class="jsdoc-syntax">:
 189 </span><span class="jsdoc-comment">//                this.intSize = 3;
 190                 </span><span class="jsdoc-var">this.x </span><span class="jsdoc-syntax">= 3;
 191                 </span><span class="jsdoc-var">this.y </span><span class="jsdoc-syntax">= 3;
 192                 </span><span class="jsdoc-keyword">break</span><span class="jsdoc-syntax">;
 193             </span><span class="jsdoc-keyword">case </span><span class="jsdoc-string">'tall' </span><span class="jsdoc-syntax">:
 194 </span><span class="jsdoc-comment">//                this.intSize = 3;
 195                 </span><span class="jsdoc-var">this.x </span><span class="jsdoc-syntax">= 2;
 196                 </span><span class="jsdoc-var">this.y </span><span class="jsdoc-syntax">= 3;
 197                 </span><span class="jsdoc-keyword">break</span><span class="jsdoc-syntax">;
 198             </span><span class="jsdoc-keyword">case </span><span class="jsdoc-string">'wide' </span><span class="jsdoc-syntax">:
 199 </span><span class="jsdoc-comment">//                this.intSize = 3;
 200                 </span><span class="jsdoc-var">this.x </span><span class="jsdoc-syntax">= 3;
 201                 </span><span class="jsdoc-var">this.y </span><span class="jsdoc-syntax">= 2;
 202                 </span><span class="jsdoc-keyword">break</span><span class="jsdoc-syntax">;
 203             </span><span class="jsdoc-keyword">case </span><span class="jsdoc-string">'wide-thin' </span><span class="jsdoc-syntax">:
 204 </span><span class="jsdoc-comment">//                this.intSize = 3;
 205                 </span><span class="jsdoc-var">this.x </span><span class="jsdoc-syntax">= 3;
 206                 </span><span class="jsdoc-var">this.y </span><span class="jsdoc-syntax">= 1;
 207                 </span><span class="jsdoc-keyword">break</span><span class="jsdoc-syntax">;
 208
 209             </span><span class="jsdoc-keyword">default </span><span class="jsdoc-syntax">:
 210                 </span><span class="jsdoc-keyword">break</span><span class="jsdoc-syntax">;
 211         }
 212
 213
 214
 215         </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">Roo.isTouch</span><span class="jsdoc-syntax">){
 216             </span><span class="jsdoc-var">this.el.on</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">'touchstart'</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this.onTouchStart</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">);
 217             </span><span class="jsdoc-var">this.el.on</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">'touchmove'</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this.onTouchMove</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">);
 218             </span><span class="jsdoc-var">this.el.on</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">'touchend'</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this.onTouchEnd</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">);
 219             </span><span class="jsdoc-var">this.el.on</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">'contextmenu'</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this.onContextMenu</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">);
 220         } </span><span class="jsdoc-keyword">else </span><span class="jsdoc-syntax">{
 221             </span><span class="jsdoc-var">this.el.on</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">'mouseenter'  </span><span class="jsdoc-syntax">,</span><span class="jsdoc-var">this.enter</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">);
 222             </span><span class="jsdoc-var">this.el.on</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">'mouseleave'</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this.leave</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">);
 223         }
 224
 225         </span><span class="jsdoc-keyword">if </span><span class="jsdoc-syntax">(</span><span class="jsdoc-keyword">typeof</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.parent</span><span class="jsdoc-syntax">()</span><span class="jsdoc-var">.bricks</span><span class="jsdoc-syntax">) == </span><span class="jsdoc-string">'object' </span><span class="jsdoc-syntax">&amp;&amp; </span><span class="jsdoc-var">this.parent</span><span class="jsdoc-syntax">()</span><span class="jsdoc-var">.bricks </span><span class="jsdoc-syntax">!= </span><span class="jsdoc-keyword">null</span><span class="jsdoc-syntax">) {
 226             </span><span class="jsdoc-var">this.parent</span><span class="jsdoc-syntax">()</span><span class="jsdoc-var">.bricks.push</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">);
 227         }
 228
 229     },
 230
 231     </span><span class="jsdoc-var">onClick</span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">e</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">el</span><span class="jsdoc-syntax">)
 232     {
 233         </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(!</span><span class="jsdoc-var">Roo.isTouch</span><span class="jsdoc-syntax">){
 234             </span><span class="jsdoc-keyword">return</span><span class="jsdoc-syntax">;
 235         }
 236
 237         </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">time </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.endTimer </span><span class="jsdoc-syntax">- </span><span class="jsdoc-var">this.startTimer</span><span class="jsdoc-syntax">;
 238
 239         </span><span class="jsdoc-comment">//alert(time);
 240
 241         </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">time </span><span class="jsdoc-syntax">&lt; 1000){
 242             </span><span class="jsdoc-keyword">return</span><span class="jsdoc-syntax">;
 243         }
 244
 245         </span><span class="jsdoc-var">e.preventDefault</span><span class="jsdoc-syntax">();
 246     },
 247
 248     </span><span class="jsdoc-var">enter</span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">e</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">el</span><span class="jsdoc-syntax">)
 249     {
 250         </span><span class="jsdoc-var">e.preventDefault</span><span class="jsdoc-syntax">();
 251
 252         </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.bgimage.length </span><span class="jsdoc-syntax">&amp;&amp; </span><span class="jsdoc-var">this.html.length</span><span class="jsdoc-syntax">){
 253             </span><span class="jsdoc-var">this.el.select</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">'.masonry-brick-paragraph'</span><span class="jsdoc-syntax">, </span><span class="jsdoc-keyword">true</span><span class="jsdoc-syntax">)</span><span class="jsdoc-var">.first</span><span class="jsdoc-syntax">()</span><span class="jsdoc-var">.setOpacity</span><span class="jsdoc-syntax">(0.9, </span><span class="jsdoc-keyword">true</span><span class="jsdoc-syntax">);
 254         }
 255     },
 256
 257     </span><span class="jsdoc-var">leave</span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">e</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">el</span><span class="jsdoc-syntax">)
 258     {
 259         </span><span class="jsdoc-var">e.preventDefault</span><span class="jsdoc-syntax">();
 260
 261         </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.bgimage.length </span><span class="jsdoc-syntax">&amp;&amp; </span><span class="jsdoc-var">this.html.length</span><span class="jsdoc-syntax">){
 262             </span><span class="jsdoc-var">this.el.select</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">'.masonry-brick-paragraph'</span><span class="jsdoc-syntax">, </span><span class="jsdoc-keyword">true</span><span class="jsdoc-syntax">)</span><span class="jsdoc-var">.first</span><span class="jsdoc-syntax">()</span><span class="jsdoc-var">.setOpacity</span><span class="jsdoc-syntax">(0, </span><span class="jsdoc-keyword">true</span><span class="jsdoc-syntax">);
 263         }
 264     },
 265
 266     </span><span class="jsdoc-var">onTouchStart</span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">e</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">el</span><span class="jsdoc-syntax">)
 267     {
 268 </span><span class="jsdoc-comment">//        e.preventDefault();
 269
 270         </span><span class="jsdoc-var">this.touchmoved </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">false</span><span class="jsdoc-syntax">;
 271
 272         </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(!</span><span class="jsdoc-var">this.bgimage.length </span><span class="jsdoc-syntax">|| !</span><span class="jsdoc-var">this.html.length</span><span class="jsdoc-syntax">){
 273             </span><span class="jsdoc-keyword">return</span><span class="jsdoc-syntax">;
 274         }
 275
 276         </span><span class="jsdoc-var">this.el.select</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">'.masonry-brick-paragraph'</span><span class="jsdoc-syntax">, </span><span class="jsdoc-keyword">true</span><span class="jsdoc-syntax">)</span><span class="jsdoc-var">.first</span><span class="jsdoc-syntax">()</span><span class="jsdoc-var">.setOpacity</span><span class="jsdoc-syntax">(0.9, </span><span class="jsdoc-keyword">true</span><span class="jsdoc-syntax">);
 277
 278         </span><span class="jsdoc-var">this.timer </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">new </span><span class="jsdoc-var">Date</span><span class="jsdoc-syntax">()</span><span class="jsdoc-var">.getTime</span><span class="jsdoc-syntax">();
 279
 280     },
 281
 282     </span><span class="jsdoc-var">onTouchMove</span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">e</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">el</span><span class="jsdoc-syntax">)
 283     {
 284         </span><span class="jsdoc-var">this.touchmoved </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">true</span><span class="jsdoc-syntax">;
 285     },
 286
 287     </span><span class="jsdoc-var">onContextMenu </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">e</span><span class="jsdoc-syntax">,</span><span class="jsdoc-var">el</span><span class="jsdoc-syntax">)
 288     {
 289         </span><span class="jsdoc-var">e.preventDefault</span><span class="jsdoc-syntax">();
 290         </span><span class="jsdoc-var">e.stopPropagation</span><span class="jsdoc-syntax">();
 291         </span><span class="jsdoc-keyword">return false</span><span class="jsdoc-syntax">;
 292     },
 293
 294     </span><span class="jsdoc-var">onTouchEnd</span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">e</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">el</span><span class="jsdoc-syntax">)
 295     {
 296 </span><span class="jsdoc-comment">//        e.preventDefault();
 297
 298         </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">((</span><span class="jsdoc-keyword">new </span><span class="jsdoc-var">Date</span><span class="jsdoc-syntax">()</span><span class="jsdoc-var">.getTime</span><span class="jsdoc-syntax">() - </span><span class="jsdoc-var">this.timer </span><span class="jsdoc-syntax">&gt; 1000) || !</span><span class="jsdoc-var">this.href.length </span><span class="jsdoc-syntax">|| </span><span class="jsdoc-var">this.touchmoved</span><span class="jsdoc-syntax">){
 299
 300             </span><span class="jsdoc-var">this.leave</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">e</span><span class="jsdoc-syntax">,</span><span class="jsdoc-var">el</span><span class="jsdoc-syntax">);
 301
 302             </span><span class="jsdoc-keyword">return</span><span class="jsdoc-syntax">;
 303         }
 304
 305         </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(!</span><span class="jsdoc-var">this.bgimage.length </span><span class="jsdoc-syntax">|| !</span><span class="jsdoc-var">this.html.length</span><span class="jsdoc-syntax">){
 306
 307             </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.href.length</span><span class="jsdoc-syntax">){
 308                 </span><span class="jsdoc-var">window.location.href </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.href</span><span class="jsdoc-syntax">;
 309             }
 310
 311             </span><span class="jsdoc-keyword">return</span><span class="jsdoc-syntax">;
 312         }
 313
 314         </span><span class="jsdoc-var">this.el.select</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">'.masonry-brick-paragraph'</span><span class="jsdoc-syntax">, </span><span class="jsdoc-keyword">true</span><span class="jsdoc-syntax">)</span><span class="jsdoc-var">.first</span><span class="jsdoc-syntax">()</span><span class="jsdoc-var">.setOpacity</span><span class="jsdoc-syntax">(0, </span><span class="jsdoc-keyword">true</span><span class="jsdoc-syntax">);
 315
 316         </span><span class="jsdoc-var">window.location.href </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.href</span><span class="jsdoc-syntax">;
 317     }
 318
 319 });
 320
 321
 322
 323  </span></code></body></html>