playground
/
isotope
mirror of https://github.com/metafizzy/isotope
1
0
Fork 0
Code Issues Releases Activity
Browse Source

⬆️ upgrade dependencies to remove IE8 versions

pull/1127/head
David DeSandro 9 years ago
parent
5afba1d097
commit
adf436b09e
26 changed files with 316 additions and 460 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      Gruntfile.js
  2. 21
      bower.json
  3. 6
      js/isotope.js
  4. 2
      package.json
  5. 10
      sandbox/basic.html
  6. 12
      sandbox/bottom-up.html
  7. 9
      sandbox/cells-by-row.html
  8. 9
      sandbox/combination-filters-inclusive.html
  9. 14
      sandbox/combination-filters.html
  10. 20
      sandbox/filter-sort.html
  11. 11
      sandbox/fitrows.html
  12. 12
      sandbox/fluid.html
  13. 9
      sandbox/horizontal-layout-modes.html
  14. 30
      sandbox/insert.html
  15. 11
      sandbox/jquery.html
  16. 4
      sandbox/js/require-js.js
  17. 9
      sandbox/masonry-horizontal.html
  18. 23
      sandbox/masonry.html
  19. 12
      sandbox/right-to-left.html
  20. 27
      sandbox/sorting.html
  21. 22
      sandbox/stamps.html
  22. 19
      sandbox/transition-bug.html
  23. 2
      test/filtering.js
  24. 11
      test/helpers.js
  25. 9
      test/index.html
  26. 8
      test/sorting.js

2
Gruntfile.js
Unescape View File

@ -29,7 +29,7 @@ module.exports = function( grunt ) {
options: {
baseUrl: 'bower_components',
include: [
'jquery-bridget/jquery.bridget',
'jquery-bridget/jquery-bridget',
'isotope/js/isotope'
],
out: 'dist/isotope.pkgd.js',

21
bower.json
Unescape View File

@ -1,24 +1,17 @@
{
"name": "isotope",
"version": "2.2.2",
"description": "Filter and sort magical layouts",
"main": "js/isotope.js",
"dependencies": {
"get-size": "~1.2.2",
"matches-selector": "~1.0.2",
"outlayer": "~1.4.1",
"masonry": "~3.3.0",
"fizzy-ui-utils": "~1.0.1"
"get-size": "~2.0.0",
"desandro-matches-selector": "~2.0.0",
"outlayer": "~2.0.0",
"masonry": "~4.0.0",
"fizzy-ui-utils": "~2.0.0"
},
"devDependencies": {
"doc-ready": "1.x",
"isotope-cells-by-column": "1.x",
"isotope-cells-by-row": "1.x",
"isotope-fit-columns": "1.x",
"isotope-horizontal": "1.x",
"isotope-masonry-horizontal": "1.x",
"jquery": ">=1.4.3 <2",
"jquery-bridget": "1.1.x",
"jquery": "2 < 4",
"jquery-bridget": "^2",
"qunit": "^1.15"
},
"ignore": [

6
js/isotope.js
Unescape View File

@ -1,11 +1,11 @@
/*!
* Isotope v2.2.2
* Isotope v3.0.0-beta1
*
* Licensed GPLv3 for open source use
* or Isotope Commercial License for commercial use
*
* http://isotope.metafizzy.co
* Copyright 2015 Metafizzy
* Copyright 2016 Metafizzy
*/
( function( window, factory ) {
@ -17,7 +17,7 @@
define( [
'outlayer/outlayer',
'get-size/get-size',
'matches-selector/matches-selector',
'desandro-matches-selector/matches-selector',
'fizzy-ui-utils/utils',
'./item',
'./layout-mode',

2
package.json
Unescape View File

@ -1,6 +1,6 @@
{
"name": "isotope-layout",
"version": "2.2.2",
"version": "3.0.0-beta1",
"description": "Filter and sort magical layouts",
"main": "js/isotope.js",
"dependencies": {

10
sandbox/basic.html
Unescape View File

@ -36,13 +36,9 @@
<div class="item"></div>
</div>
<script src="../bower_components/eventEmitter/EventEmitter.js"></script>
<script src="../bower_components/eventie/eventie.js"></script>
<script src="../bower_components/doc-ready/doc-ready.js"></script>
<script src="../bower_components/get-style-property/get-style-property.js"></script>
<script src="../bower_components/ev-emitter/ev-emitter.js"></script>
<script src="../bower_components/get-size/get-size.js"></script>
<script src="../bower_components/jquery-bridget/jquery.bridget.js"></script>
<script src="../bower_components/matches-selector/matches-selector.js"></script>
<script src="../bower_components/desandro-matches-selector/matches-selector.js"></script>
<script src="../bower_components/fizzy-ui-utils/utils.js"></script>
<script src="../bower_components/outlayer/item.js"></script>
<script src="../bower_components/outlayer/outlayer.js"></script>
@ -53,12 +49,10 @@
<script src="../js/layout-modes/fit-rows.js"></script>
<script>
docReady( function() {
var container = document.querySelector('#basic');
var iso = window.iso = new Isotope( container, {
layoutMode: 'fitRows'
});
});
</script>
</body>

12
sandbox/bottom-up.html
Unescape View File

@ -78,14 +78,9 @@
<div class="item"></div>
</div>
<script src="../bower_components/eventEmitter/EventEmitter.js"></script>
<script src="../bower_components/eventEmitter/EventEmitter.min.js"></script>
<script src="../bower_components/eventie/eventie.js"></script>
<script src="../bower_components/doc-ready/doc-ready.js"></script>
<script src="../bower_components/get-style-property/get-style-property.js"></script>
<script src="../bower_components/ev-emitter/ev-emitter.js"></script>
<script src="../bower_components/get-size/get-size.js"></script>
<script src="../bower_components/jquery-bridget/jquery.bridget.js"></script>
<script src="../bower_components/matches-selector/matches-selector.js"></script>
<script src="../bower_components/desandro-matches-selector/matches-selector.js"></script>
<script src="../bower_components/fizzy-ui-utils/utils.js"></script>
<script src="../bower_components/outlayer/item.js"></script>
<script src="../bower_components/outlayer/outlayer.js"></script>
@ -98,7 +93,6 @@
<script src="../js/layout-modes/fit-rows.js"></script>
<script>
docReady( function() {
( function() {
var container = document.querySelector('#basic');
var iso = new Isotope( container, {
@ -121,8 +115,6 @@ docReady( function() {
stamp: '.stamp'
});
})();
});
</script>
</body>

9
sandbox/cells-by-row.html
Unescape View File

@ -144,13 +144,10 @@
</div>
</div>
<script src="../bower_components/eventEmitter/EventEmitter.js"></script>
<script src="../bower_components/eventie/eventie.js"></script>
<script src="../bower_components/doc-ready/doc-ready.js"></script>
<script src="../bower_components/get-style-property/get-style-property.js"></script>
<script src="../bower_components/ev-emitter/ev-emitter.js"></script>
<script src="../bower_components/get-size/get-size.js"></script>
<script src="../bower_components/jquery-bridget/jquery.bridget.js"></script>
<script src="../bower_components/matches-selector/matches-selector.js"></script>
<script src="../bower_components/jquery-bridget/jquery-bridget.js"></script>
<script src="../bower_components/desandro-matches-selector/matches-selector.js"></script>
<script src="../bower_components/fizzy-ui-utils/utils.js"></script>
<script src="../bower_components/outlayer/item.js"></script>
<script src="../bower_components/outlayer/outlayer.js"></script>

9
sandbox/combination-filters-inclusive.html
Unescape View File

@ -198,13 +198,10 @@
<script src="../bower_components/jquery/dist/jquery.js"></script>
<script src="../bower_components/eventEmitter/EventEmitter.js"></script>
<script src="../bower_components/eventie/eventie.js"></script>
<script src="../bower_components/doc-ready/doc-ready.js"></script>
<script src="../bower_components/get-style-property/get-style-property.js"></script>
<script src="../bower_components/ev-emitter/ev-emitter.js"></script>
<script src="../bower_components/get-size/get-size.js"></script>
<script src="../bower_components/jquery-bridget/jquery.bridget.js"></script>
<script src="../bower_components/matches-selector/matches-selector.js"></script>
<script src="../bower_components/jquery-bridget/jquery-bridget.js"></script>
<script src="../bower_components/desandro-matches-selector/matches-selector.js"></script>
<script src="../bower_components/fizzy-ui-utils/utils.js"></script>
<script src="../bower_components/outlayer/item.js"></script>
<script src="../bower_components/outlayer/outlayer.js"></script>

14
sandbox/combination-filters.html
Unescape View File

@ -198,13 +198,10 @@
<script src="../bower_components/jquery/dist/jquery.js"></script>
<script src="../bower_components/eventEmitter/EventEmitter.js"></script>
<script src="../bower_components/eventie/eventie.js"></script>
<script src="../bower_components/doc-ready/doc-ready.js"></script>
<script src="../bower_components/get-style-property/get-style-property.js"></script>
<script src="../bower_components/ev-emitter/ev-emitter.js"></script>
<script src="../bower_components/get-size/get-size.js"></script>
<script src="../bower_components/jquery-bridget/jquery.bridget.js"></script>
<script src="../bower_components/matches-selector/matches-selector.js"></script>
<script src="../bower_components/jquery-bridget/jquery-bridget.js"></script>
<script src="../bower_components/desandro-matches-selector/matches-selector.js"></script>
<script src="../bower_components/fizzy-ui-utils/utils.js"></script>
<script src="../bower_components/outlayer/item.js"></script>
<script src="../bower_components/outlayer/outlayer.js"></script>
@ -233,6 +230,7 @@ $( function() {
var filterGroup = $buttonGroup.attr('data-filter-group');
// set filter for group
filters[ filterGroup ] = $this.attr('data-filter');
// combine filters
var filterValue = '';
for ( var prop in filters ) {
@ -245,9 +243,9 @@ $( function() {
// change is-checked class on buttons
$('.button-group').each( function( i, buttonGroup ) {
var $buttonGroup = $( buttonGroup );
$buttonGroup.on( 'click', 'button', function() {
$buttonGroup.on( 'click', 'button', function( event ) {
$buttonGroup.find('.is-checked').removeClass('is-checked');
$( this ).addClass('is-checked');
$( event.currentTarget ).addClass('is-checked');
});
});

20
sandbox/filter-sort.html
Unescape View File

@ -141,13 +141,9 @@
</div>
</div>
<script src="../bower_components/eventEmitter/EventEmitter.js"></script>
<script src="../bower_components/eventie/eventie.js"></script>
<script src="../bower_components/doc-ready/doc-ready.js"></script>
<script src="../bower_components/get-style-property/get-style-property.js"></script>
<script src="../bower_components/ev-emitter/ev-emitter.js"></script>
<script src="../bower_components/get-size/get-size.js"></script>
<script src="../bower_components/jquery-bridget/jquery.bridget.js"></script>
<script src="../bower_components/matches-selector/matches-selector.js"></script>
<script src="../bower_components/desandro-matches-selector/matches-selector.js"></script>
<script src="../bower_components/fizzy-ui-utils/utils.js"></script>
<script src="../bower_components/outlayer/item.js"></script>
<script src="../bower_components/outlayer/outlayer.js"></script>
@ -161,7 +157,7 @@
<script src="../bower_components/isotope-cells-by-row/cells-by-row.js"></script>
<script>
docReady( function() {
var container = document.querySelector('#container');
var iso = window.iso = new Isotope( container, {
layoutMode: 'fitRows',
@ -184,7 +180,7 @@ docReady( function() {
var options = document.querySelector('#options');
eventie.bind( options, 'click', function( event ) {
options.addEventListener( 'click', function( event ) {
if ( !matchesSelector( event.target, 'button' ) ) {
return;
}
@ -195,7 +191,7 @@ docReady( function() {
if ( key === 'filter' && value === 'number-greater-than-50' ) {
value = function( elem ) {
var numberText = getText( elem.querySelector('.number') );
var numberText = elem.querySelector('.number').textContent;
return parseInt( numberText, 10 ) > 40;
};
}
@ -216,12 +212,6 @@ docReady( function() {
// console.log( 'arrangeComplete', items.length );
// });
});
function getText( elem ) {
return elem.textContent || elem.innerText;
}
</script>
</body>

11
sandbox/fitrows.html
Unescape View File

@ -89,13 +89,9 @@
<div class="item"></div>
</div>
<script src="../bower_components/eventEmitter/EventEmitter.js"></script>
<script src="../bower_components/eventie/eventie.js"></script>
<script src="../bower_components/doc-ready/doc-ready.js"></script>
<script src="../bower_components/get-style-property/get-style-property.js"></script>
<script src="../bower_components/ev-emitter/ev-emitter.js"></script>
<script src="../bower_components/get-size/get-size.js"></script>
<script src="../bower_components/jquery-bridget/jquery.bridget.js"></script>
<script src="../bower_components/matches-selector/matches-selector.js"></script>
<script src="../bower_components/desandro-matches-selector/matches-selector.js"></script>
<script src="../bower_components/fizzy-ui-utils/utils.js"></script>
<script src="../bower_components/outlayer/item.js"></script>
<script src="../bower_components/outlayer/outlayer.js"></script>
@ -106,7 +102,7 @@
<script src="../js/layout-modes/fit-rows.js"></script>
<script>
docReady( function() {
var container = document.querySelector('#basic');
var iso = window.iso = new Isotope( container, {
layoutMode: 'fitRows'
@ -129,7 +125,6 @@ docReady( function() {
}
});
});
</script>
</body>

12
sandbox/fluid.html
Unescape View File

@ -54,13 +54,9 @@
<div class="item"></div>
</div>
<script src="../bower_components/eventEmitter/EventEmitter.js"></script>
<script src="../bower_components/eventie/eventie.js"></script>
<script src="../bower_components/doc-ready/doc-ready.js"></script>
<script src="../bower_components/get-style-property/get-style-property.js"></script>
<script src="../bower_components/ev-emitter/ev-emitter.js"></script>
<script src="../bower_components/get-size/get-size.js"></script>
<script src="../bower_components/jquery-bridget/jquery.bridget.js"></script>
<script src="../bower_components/matches-selector/matches-selector.js"></script>
<script src="../bower_components/desandro-matches-selector/matches-selector.js"></script>
<script src="../bower_components/fizzy-ui-utils/utils.js"></script>
<script src="../bower_components/outlayer/item.js"></script>
<script src="../bower_components/outlayer/outlayer.js"></script>
@ -73,15 +69,13 @@
<script src="../js/layout-modes/masonry.js"></script>
<script>
docReady( function() {
var iso = window.iso = new Isotope( '.container', {
var iso = new Isotope( '.container', {
itemSelector: '.item',
percentPosition: true,
masonry: {
columnWidth: '.grid-sizer'
}
});
});
</script>
</body>

9
sandbox/horizontal-layout-modes.html
Unescape View File

@ -147,13 +147,10 @@
</div>
</div>
<script src="../bower_components/eventEmitter/EventEmitter.js"></script>
<script src="../bower_components/eventie/eventie.js"></script>
<script src="../bower_components/doc-ready/doc-ready.js"></script>
<script src="../bower_components/get-style-property/get-style-property.js"></script>
<script src="../bower_components/ev-emitter/ev-emitter.js"></script>
<script src="../bower_components/get-size/get-size.js"></script>
<script src="../bower_components/jquery-bridget/jquery.bridget.js"></script>
<script src="../bower_components/matches-selector/matches-selector.js"></script>
<script src="../bower_components/jquery-bridget/jquery-bridget.js"></script>
<script src="../bower_components/desandro-matches-selector/matches-selector.js"></script>
<script src="../bower_components/fizzy-ui-utils/utils.js"></script>
<script src="../bower_components/outlayer/item.js"></script>
<script src="../bower_components/outlayer/outlayer.js"></script>

30
sandbox/insert.html
Unescape View File

@ -30,13 +30,9 @@
<div class="item"><b>55</b></div>
</div>
<script src="../bower_components/eventEmitter/EventEmitter.js"></script>
<script src="../bower_components/eventie/eventie.js"></script>
<script src="../bower_components/doc-ready/doc-ready.js"></script>
<script src="../bower_components/get-style-property/get-style-property.js"></script>
<script src="../bower_components/ev-emitter/ev-emitter.js"></script>
<script src="../bower_components/get-size/get-size.js"></script>
<script src="../bower_components/jquery-bridget/jquery.bridget.js"></script>
<script src="../bower_components/matches-selector/matches-selector.js"></script>
<script src="../bower_components/desandro-matches-selector/matches-selector.js"></script>
<script src="../bower_components/fizzy-ui-utils/utils.js"></script>
<script src="../bower_components/outlayer/item.js"></script>
<script src="../bower_components/outlayer/outlayer.js"></script>
@ -50,8 +46,6 @@
<script>
docReady( function() {
var container = document.querySelector('#container');
var iso = new Isotope( container, {
layoutMode: 'masonry',
@ -62,21 +56,21 @@ docReady( function() {
sortBy: 'b',
// filter b greater than 40
filter: function( elem ) {
return parseInt( getText( elem.querySelector('b') ), 10 ) > 40
return parseInt( elem.querySelector('b').textContent, 10 ) > 40
}
});
eventie.bind( document.querySelector('#prepend'), 'click', function() {
document.querySelector('#prepend').addEventListener( 'click', function() {
// prepend 3 new items
iso.prepended( [ prependItem(), prependItem(), prependItem() ] );
});
eventie.bind( document.querySelector('#insert'), 'click', function() {
document.querySelector('#insert').addEventListener( 'click', function() {
// insert 3 new items
iso.insert( [ getItem(), getItem(), getItem() ] );
});
eventie.bind( document.querySelector('#append'), 'click', function() {
document.querySelector('#append').addEventListener( 'click', function() {
// append 3 new items
iso.appended( [ appendItem(), appendItem(), appendItem() ] );
});
@ -101,18 +95,6 @@ docReady( function() {
return item;
}
});
var docElem = document.documentElement;
var getText = docElem.textContent ?
function( elem ) {
return elem.textContent;
} :
function( elem ) {
return elem.innerText;
};
</script>
</body>

11
sandbox/jquery.html
Unescape View File

@ -143,15 +143,12 @@
</div>
<script src="../bower_components/jquery/dist/jquery.js"></script>
<script src="../bower_components/jquery-bridget/jquery.bridget.js"></script>
<script src="../bower_components/jquery-bridget/jquery-bridget.js"></script>
<script src="../bower_components/eventEmitter/EventEmitter.js"></script>
<script src="../bower_components/eventie/eventie.js"></script>
<script src="../bower_components/doc-ready/doc-ready.js"></script>
<script src="../bower_components/get-style-property/get-style-property.js"></script>
<script src="../bower_components/ev-emitter/ev-emitter.js"></script>
<script src="../bower_components/get-size/get-size.js"></script>
<script src="../bower_components/jquery-bridget/jquery.bridget.js"></script>
<script src="../bower_components/matches-selector/matches-selector.js"></script>
<script src="../bower_components/jquery-bridget/jquery-bridget.js"></script>
<script src="../bower_components/desandro-matches-selector/matches-selector.js"></script>
<script src="../bower_components/fizzy-ui-utils/utils.js"></script>
<script src="../bower_components/outlayer/item.js"></script>
<script src="../bower_components/outlayer/outlayer.js"></script>

4
sandbox/js/require-js.js
Unescape View File

@ -43,7 +43,7 @@ requirejs.config({
requirejs( [
'jquery',
'isotope/js/isotope',
'jquery-bridget/jquery.bridget'
'jquery-bridget/jquery-bridget'
],
function( $, Isotope ) {
$.bridget( 'isotope', Isotope );
@ -68,7 +68,7 @@ requirejs.config({
requirejs( [ 'require', 'jquery', '../dist/isotope.pkgd.js' ],
function( require, $, Isotope ) {
require( [
'jquery-bridget/jquery.bridget'
'jquery-bridget/jquery-bridget'
],
function() {
$.bridget( 'isotope', Isotope );

9
sandbox/masonry-horizontal.html
Unescape View File

@ -176,13 +176,10 @@
</div>
</div>
<script src="../bower_components/eventEmitter/EventEmitter.js"></script>
<script src="../bower_components/eventie/eventie.js"></script>
<script src="../bower_components/doc-ready/doc-ready.js"></script>
<script src="../bower_components/get-style-property/get-style-property.js"></script>
<script src="../bower_components/ev-emitter/ev-emitter.js"></script>
<script src="../bower_components/get-size/get-size.js"></script>
<script src="../bower_components/jquery-bridget/jquery.bridget.js"></script>
<script src="../bower_components/matches-selector/matches-selector.js"></script>
<script src="../bower_components/jquery-bridget/jquery-bridget.js"></script>
<script src="../bower_components/desandro-matches-selector/matches-selector.js"></script>
<script src="../bower_components/fizzy-ui-utils/utils.js"></script>
<script src="../bower_components/outlayer/item.js"></script>
<script src="../bower_components/outlayer/outlayer.js"></script>

23
sandbox/masonry.html
Unescape View File

@ -145,13 +145,9 @@
</div>
</div>
<script src="../bower_components/eventEmitter/EventEmitter.js"></script>
<script src="../bower_components/eventie/eventie.js"></script>
<script src="../bower_components/doc-ready/doc-ready.js"></script>
<script src="../bower_components/get-style-property/get-style-property.js"></script>
<script src="../bower_components/ev-emitter/ev-emitter.js"></script>
<script src="../bower_components/get-size/get-size.js"></script>
<script src="../bower_components/jquery-bridget/jquery.bridget.js"></script>
<script src="../bower_components/matches-selector/matches-selector.js"></script>
<script src="../bower_components/desandro-matches-selector/matches-selector.js"></script>
<script src="../bower_components/fizzy-ui-utils/utils.js"></script>
<script src="../bower_components/outlayer/item.js"></script>
<script src="../bower_components/outlayer/outlayer.js"></script>
@ -164,7 +160,7 @@
<script src="../js/layout-modes/fit-rows.js"></script>
<script>
docReady( function() {
var container = document.querySelector('#container');
var iso = window.iso = new Isotope( container, {
// sortBy: 'symbol',
@ -184,15 +180,14 @@ docReady( function() {
weight: function( itemElem ) {
// remove parenthesis
return parseFloat( getText( itemElem.querySelector('.weight') ).replace( /[\(\)]/g, '') );
var weight = itemElem.querySelector('.weight').textContent;
return parseFloat( weight.replace( /[\(\)]/g, '') );
}
}
});
var options = document.querySelector('#options');
eventie.bind( options, 'click', function( event ) {
options.addEventListener( 'click', function( event ) {
if ( !matchesSelector( event.target, 'button' ) ) {
return;
}
@ -200,12 +195,6 @@ docReady( function() {
iso.arrange({ sortBy: sortBy });
});
});
function getText( elem ) {
return elem.textContent || elem.innerText;
}
</script>
</body>

12
sandbox/right-to-left.html
Unescape View File

@ -79,13 +79,9 @@
<div class="item"></div>
</div>
<script src="../bower_components/eventEmitter/EventEmitter.js"></script>
<script src="../bower_components/eventie/eventie.js"></script>
<script src="../bower_components/doc-ready/doc-ready.js"></script>
<script src="../bower_components/get-style-property/get-style-property.js"></script>
<script src="../bower_components/ev-emitter/ev-emitter.js"></script>
<script src="../bower_components/get-size/get-size.js"></script>
<script src="../bower_components/jquery-bridget/jquery.bridget.js"></script>
<script src="../bower_components/matches-selector/matches-selector.js"></script>
<script src="../bower_components/desandro-matches-selector/matches-selector.js"></script>
<script src="../bower_components/fizzy-ui-utils/utils.js"></script>
<script src="../bower_components/outlayer/item.js"></script>
<script src="../bower_components/outlayer/outlayer.js"></script>
@ -97,7 +93,7 @@
<script src="../js/layout-modes/masonry.js"></script>
<script>
docReady( function() {
( function() {
var container = document.querySelector('#basic');
var iso = new Isotope( container, {
@ -120,8 +116,6 @@ docReady( function() {
}
});
})();
});
</script>
</body>

27
sandbox/sorting.html
Unescape View File

@ -132,13 +132,10 @@
</div>
</div>
<script src="../bower_components/eventEmitter/EventEmitter.js"></script>
<script src="../bower_components/eventie/eventie.js"></script>
<script src="../bower_components/doc-ready/doc-ready.js"></script>
<script src="../bower_components/get-style-property/get-style-property.js"></script>
<script src="../bower_components/ev-emitter/ev-emitter.js"></script>
<script src="../bower_components/get-size/get-size.js"></script>
<script src="../bower_components/jquery-bridget/jquery.bridget.js"></script>
<script src="../bower_components/matches-selector/matches-selector.js"></script>
<script src="../bower_components/jquery-bridget/jquery-bridget.js"></script>
<script src="../bower_components/desandro-matches-selector/matches-selector.js"></script>
<script src="../bower_components/fizzy-ui-utils/utils.js"></script>
<script src="../bower_components/outlayer/item.js"></script>
<script src="../bower_components/outlayer/outlayer.js"></script>
@ -149,7 +146,7 @@
<script src="../js/layout-modes/fit-rows.js"></script>
<script>
docReady( function() {
var container = document.querySelector('#container');
var iso = window.iso = new Isotope( container, {
layoutMode: 'fitRows',
@ -174,16 +171,15 @@ docReady( function() {
weight: function( itemElem ) {
// remove parenthesis
return parseFloat( getText( itemElem.querySelector('.weight') ).replace( /[\(\)]/g, '') );
var weight = itemElem.querySelector('.weight').textContent;
return parseFloat( weight.replace( /[\(\)]/g, '') );
}
}
});
var options = document.querySelector('#options');
eventie.bind( options, 'click', function( event ) {
options.addEventListener( 'click', function( event ) {
if ( !matchesSelector( event.target, 'a' ) ) {
return;
}
@ -196,16 +192,7 @@ docReady( function() {
event.preventDefault();
});
});
function getText( elem ) {
return elem.textContent || elem.innerText;
}
</script>
</body>
</html>

22
sandbox/stamps.html
Unescape View File

@ -83,12 +83,9 @@
<div class="item"></div>
</div>
<script src="../bower_components/eventEmitter/EventEmitter.js"></script>
<script src="../bower_components/eventie/eventie.js"></script>
<script src="../bower_components/doc-ready/doc-ready.js"></script>
<script src="../bower_components/get-style-property/get-style-property.js"></script>
<script src="../bower_components/ev-emitter/ev-emitter.js"></script>
<script src="../bower_components/get-size/get-size.js"></script>
<script src="../bower_components/matches-selector/matches-selector.js"></script>
<script src="../bower_components/desandro-matches-selector/matches-selector.js"></script>
<script src="../bower_components/fizzy-ui-utils/utils.js"></script>
<script src="../bower_components/outlayer/item.js"></script>
<script src="../bower_components/outlayer/outlayer.js"></script>
@ -100,10 +97,8 @@
<script src="../js/layout-modes/masonry.js"></script>
<script>
docReady( function() {
( function() {
var container = document.querySelector('#alpha');
var iso = new Isotope( container, {
var alphaIso = new Isotope( '#alpha', {
itemSelector: '.item',
stamp: '.stamp',
masonry: {
@ -112,11 +107,7 @@ docReady( function() {
}
});
})();
( function() {
var container = document.querySelector('#beta');
var iso = new Isotope( container, {
var betaIso = new Isotope( '#beta', {
stamp: '.stamp',
masonry: {
columnWidth: 60,
@ -124,9 +115,6 @@ docReady( function() {
}
});
})();
});
</script>
</body>

19
sandbox/transition-bug.html
Unescape View File

@ -35,13 +35,10 @@
</div>
</div>
<script src="../bower_components/eventEmitter/EventEmitter.js"></script>
<script src="../bower_components/eventie/eventie.js"></script>
<script src="../bower_components/doc-ready/doc-ready.js"></script>
<script src="../bower_components/get-style-property/get-style-property.js"></script>
<script src="../bower_components/ev-emitter/ev-emitter.js"></script>
<script src="../bower_components/get-size/get-size.js"></script>
<script src="../bower_components/jquery-bridget/jquery.bridget.js"></script>
<script src="../bower_components/matches-selector/matches-selector.js"></script>
<script src="../bower_components/jquery-bridget/jquery-bridget.js"></script>
<script src="../bower_components/desandro-matches-selector/matches-selector.js"></script>
<script src="../bower_components/fizzy-ui-utils/utils.js"></script>
<script src="../bower_components/outlayer/item.js"></script>
<script src="../bower_components/outlayer/outlayer.js"></script>
@ -53,7 +50,7 @@
<script src="../js/layout-modes/vertical.js"></script>
<script>
docReady( function() {
var container = document.querySelector('#container');
var iso = window.iso = new Isotope( container, {
layoutMode: 'fitRows',
@ -63,7 +60,7 @@ docReady( function() {
var item = iso.items[0];
var bugButton = document.querySelector('#bug-me');
eventie.bind( bugButton, 'click', function() {
bugButton.addEventListener( 'click', function() {
item.reveal();
item.moveTo( 200, 100 );
setTimeout( function() {
@ -71,12 +68,6 @@ docReady( function() {
}, 1500 );
});
});
function getText( elem ) {
return elem.textContent || elem.innerText;
}
</script>
</body>

2
test/filtering.js
Unescape View File

@ -47,7 +47,7 @@ test( 'filtering', function() {
iso.arrange({
filter: function( elem ) {
var num = parseInt( getText( elem ), 10 );
var num = parseInt( elem.textContent, 10 );
return num > 5;
}
});

11
test/helpers.js
Unescape View File

@ -5,15 +5,4 @@
// ----- default layout mode ----- //
Isotope.defaults.layoutMode = 'fitRows';
// ----- getText ----- //
var docElem = document.documentElement;
window.getText = docElem.textContent ?
function( elem ) {
return elem.textContent;
} :
function( elem ) {
return elem.innerText;
};
})();

9
test/index.html
Unescape View File

@ -12,13 +12,10 @@
<script src="../bower_components/jquery/dist/jquery.js"></script>
<script src="../bower_components/eventEmitter/EventEmitter.js"></script>
<script src="../bower_components/eventie/eventie.js"></script>
<script src="../bower_components/doc-ready/doc-ready.js"></script>
<script src="../bower_components/get-style-property/get-style-property.js"></script>
<script src="../bower_components/ev-emitter/ev-emitter.js"></script>
<script src="../bower_components/get-size/get-size.js"></script>
<script src="../bower_components/jquery-bridget/jquery.bridget.js"></script>
<script src="../bower_components/matches-selector/matches-selector.js"></script>
<script src="../bower_components/jquery-bridget/jquery-bridget.js"></script>
<script src="../bower_components/desandro-matches-selector/matches-selector.js"></script>
<script src="../bower_components/fizzy-ui-utils/utils.js"></script>
<script src="../bower_components/outlayer/item.js"></script>
<script src="../bower_components/outlayer/outlayer.js"></script>

8
test/sorting.js
Unescape View File

@ -3,11 +3,9 @@
'use strict';
function getItemsText( iso ) {
var texts = [];
for ( var i=0, len = iso.filteredItems.length; i < len; i++ ) {
var item = iso.filteredItems[i];
texts.push( getText( item.element ) );
}
var texts = iso.filteredItems.map( function( item ) {
return item.element.textContent;
})
return texts.join(',');
}

Write Preview
Loading…
Cancel
Save