|
10 | 10 |
|
11 | 11 | <!-- initialize --> |
12 | 12 | <div class="tiler-viewport" id="initialize"> |
13 | | - <div class="tiler-tile"> |
| 13 | + <div class="tiler-tile" id="tile-initialize-1" data-tiler-animation="tile-initialize-1-animation" data-tiler-title="Tile Initialize 1 Title"> |
| 14 | + |
| 15 | + <!-- nested tiler instance --> |
14 | 16 | <div class="tiler-viewport" id="initialize-nested"> |
15 | | - <div class="tiler-tile"></div> |
| 17 | + <div class="tiler-tile" id="tile-initialize-nested-1"></div> |
16 | 18 | </div> |
17 | 19 | </div> |
18 | | - </div> |
19 | | - <div class="tiler-viewport" id="viewport-height"> |
20 | | - <div class="tiler-tile"></div> |
21 | | - </div> |
22 | 20 |
|
23 | | - <!-- initialize : buildLinks--> |
24 | | - <button data-tiler-link="build-links:tile-1"></button> |
25 | | - <div class="tiler-viewport" id="build-links"> |
26 | | - <div class="tiler-tile" id="tile-1" data-tiler-title="Tile 1" data-tiler-foo="Foo 1"></div> |
| 21 | + <!-- link tile --> |
| 22 | + <div class="tiler-tile" id="tile-initialize-2" data-tiler-animation="tile-initialize-2-animation" data-tiler-title="Tile Initialize 2 Title"></div> |
27 | 23 | </div> |
28 | 24 |
|
29 | | - <!-- initialize : options : isReversible --> |
30 | | - <div class="tiler-viewport" id="reverse-support"> |
31 | | - <div class="tiler-tile" id="tile-1"></div> |
32 | | - <div class="tiler-tile" id="tile-2"></div> |
| 25 | + <!-- link element --> |
| 26 | + <button data-tiler-link="initialize:tile-initialize-2"></button> |
| 27 | + |
| 28 | + <!-- option: activeTile --> |
| 29 | + <div class="tiler-viewport" id="active-tile"> |
| 30 | + <div class="tiler-tile" id="tile-active-tile-1"></div> |
| 31 | + <div class="tiler-tile" id="tile-active-tile-2"></div> |
33 | 32 | </div> |
34 | 33 |
|
35 | 34 | <!-- goTo --> |
36 | 35 | <div class="tiler-viewport" id="go-to"> |
37 | | - <div class="tiler-tile" id="tile-1"></div> |
38 | | - <div class="tiler-tile" id="tile-2"></div> |
| 36 | + <div class="tiler-tile" id="tile-go-to-1" data-tiler-animation="tile-go-to-animation-1"></div> |
| 37 | + <div class="tiler-tile" id="tile-go-to-2" data-tiler-animation="tile-go-to-animation-2"></div> |
| 38 | + </div> |
| 39 | + |
| 40 | + <!-- goTo: current tile --> |
| 41 | + <div class="tiler-viewport" id="current-tile"> |
| 42 | + <div class="tiler-tile" id="tile-current-tile-1"></div> |
| 43 | + <div class="tiler-tile" id="tile-current-tile-2"></div> |
| 44 | + </div> |
| 45 | + |
| 46 | + <!-- goTo: events --> |
| 47 | + <div class="tiler-viewport" id="events"> |
| 48 | + <div class="tiler-tile" id="tile-events-1"></div> |
| 49 | + <div class="tiler-tile" id="tile-events-2"></div> |
| 50 | + </div> |
| 51 | + |
| 52 | + <!-- goTo: option: isReversible --> |
| 53 | + <div class="tiler-viewport" id="is-reversible"> |
| 54 | + <div class="tiler-tile" id="tile-is-reversible-1"></div> |
| 55 | + <div class="tiler-tile" id="tile-is-reversible-2"></div> |
| 56 | + </div> |
| 57 | + |
| 58 | + <!-- goTo: custom animation --> |
| 59 | + <div class="tiler-viewport" id="custom-animation"> |
| 60 | + <div class="tiler-tile" id="tile-custom-animation-1"></div> |
| 61 | + <div class="tiler-tile" id="tile-custom-animation-2"></div> |
| 62 | + </div> |
| 63 | + |
| 64 | + <!-- goTo: animation true or undefined --> |
| 65 | + <div class="tiler-viewport" id="animation-true-or-undefined"> |
| 66 | + <div class="tiler-tile" id="tile-animation-true-or-undefined-1" data-tiler-animation="tile-animation-true-or-undefined-animation-1"></div> |
| 67 | + <div class="tiler-tile" id="tile-animation-true-or-undefined-2" data-tiler-animation="tile-animation-true-or-undefined-animation-2"></div> |
| 68 | + </div> |
| 69 | + |
| 70 | + <!-- goTo: animation false --> |
| 71 | + <div class="tiler-viewport" id="animation-false"> |
| 72 | + <div class="tiler-tile" id="tile-animation-false-1"></div> |
| 73 | + <div class="tiler-tile" id="tile-animation-false-2"></div> |
39 | 74 | </div> |
40 | 75 |
|
41 | 76 | <!-- refresh --> |
42 | 77 | <div class="tiler-viewport" id="refresh"> |
43 | | - <div class="tiler-tile" id="tile-1"></div> |
44 | | - <div class="tiler-tile" id="tile-2"></div> |
| 78 | + <div class="tiler-tile" id="tile-refresh-1"></div> |
| 79 | + <div class="tiler-tile" id="tile-refresh-2"></div> |
45 | 80 | </div> |
46 | 81 |
|
47 | 82 | </body> |
|
52 | 87 | <script type="text/javascript" src="/vendor/jquery-ui/ui/widget.js"></script> |
53 | 88 | <script type="text/javascript" src="/vendor/mocha/mocha.js"></script> |
54 | 89 | <script type="text/javascript" src="/vendor/chai/chai.js"></script> |
| 90 | + <script type="text/javascript" src="/vendor/chai-jquery/chai-jquery.js"></script> |
55 | 91 |
|
56 | 92 | <!-- Sinon --> |
| 93 | + <script type="text/javascript" src="/vendor/lolex/lolex.js"></script> |
57 | 94 | <script type="text/javascript" src="/vendor/sinon/lib/sinon.js"></script> |
58 | | - <script type="text/javascript" src="/vendor/sinon/lib/sinon/util/core.js"></script> |
| 95 | + <script type="text/javascript" src="/vendor/sinon/lib/sinon/call.js"></script> |
59 | 96 | <script type="text/javascript" src="/vendor/sinon/lib/sinon/extend.js"></script> |
60 | | - <script type="text/javascript" src="/vendor/sinon/lib/sinon/typeOf.js"></script> |
61 | | - <script type="text/javascript" src="/vendor/sinon/lib/sinon/times_in_words.js"></script> |
62 | 97 | <script type="text/javascript" src="/vendor/sinon/lib/sinon/spy.js"></script> |
63 | | - <script type="text/javascript" src="/vendor/sinon/lib/sinon/call.js"></script> |
64 | | - <script type="text/javascript" src="/vendor/sinon/lib/sinon/behavior.js"></script> |
65 | | - <script type="text/javascript" src="/vendor/sinon/lib/sinon/stub.js"></script> |
66 | | - <script type="text/javascript" src="/vendor/sinon/lib/sinon/mock.js"></script> |
67 | | - <script type="text/javascript" src="/vendor/sinon/lib/sinon/collection.js"></script> |
68 | | - <script type="text/javascript" src="/vendor/sinon/lib/sinon/assert.js"></script> |
69 | | - <script type="text/javascript" src="/vendor/sinon/lib/sinon/sandbox.js"></script> |
70 | | - <script type="text/javascript" src="/vendor/sinon/lib/sinon/test.js"></script> |
71 | | - <script type="text/javascript" src="/vendor/sinon/lib/sinon/test_case.js"></script> |
72 | | - <script type="text/javascript" src="/vendor/sinon/lib/sinon/match.js"></script> |
73 | | - <script type="text/javascript" src="/vendor/sinon/lib/sinon/format.js"></script> |
74 | | - <script type="text/javascript" src="/vendor/sinon/lib/sinon/log_error.js"></script> |
| 98 | + <script type="text/javascript" src="/vendor/sinon/lib/sinon/util/core.js"></script> |
| 99 | + <script type="text/javascript" src="/vendor/sinon/lib/sinon/util/fake_timers.js"></script> |
75 | 100 |
|
76 | 101 | <script type="text/javascript" src="/vendor/sinon-chai/lib/sinon-chai.js"></script> |
77 | 102 | <script type="text/javascript" src="/testem.js"></script> |
|
0 commit comments