strategy-singleitem.js
4.4 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
/*
*
* ADOBE CONFIDENTIAL
*
* Copyright 2016 Adobe Systems Incorporated
* All Rights Reserved.
*
* NOTICE: All information contained herein is, and remains
* the property of Adobe Systems Incorporated and its suppliers,
* if any. The intellectual and technical concepts contained
* herein are proprietary to Adobe Systems Incorporated and its
* suppliers and may be covered by U.S. and Foreign Patents,
* patents in process, and are protected by trade secret or copyright law.
* Dissemination of this information or reproduction of this material
* is strictly forbidden unless prior written permission is obtained
* from Adobe Systems Incorporated.
*
*
*/
(function($, player) {
'use strict';
/**
* A strategy which only shows a single item of a cycle.
* The strategy will store its position even when stopped
*
* Since this strategy only shows a single item,
* all transitions are ignored
*
* @class
*
* @param {HTMLElement|jQuery} el The sequence element
*/
var SingleItemStrategy = function(el) {
this.$el = $(el);
this.el = this.$el.get(0);
this.$el.data('screens-strategy', this);
this.items().hide();
this.startItem();
};
/**
* The sequence elements for this strategy.
*/
SingleItemStrategy.prototype.init = function() {};
SingleItemStrategy.prototype.items = function() {
return $(this.el.getElementsByClassName('cq-Sequence-item'));
};
/**
* Get the item which is shown when the sequence starts
*
* @return {jQuery} The starting item according to the strategy
*/
SingleItemStrategy.prototype.startItem = function() {
this.$currentItem = null;
return $();
};
/**
* Check if a cycle is complete
*
* @param {jQuery} [$item] The current sequence element
*
* @returns {boolean} `true` if the cycle of the sequence is completed, `false` otherwise
*/
SingleItemStrategy.prototype.isCycleComplete = function($item) {
return !this.items().length || !!$item;
};
SingleItemStrategy.prototype.getNext = function() {
var $items = this.items();
var index = this.$currentItem ? $items.index(this.$currentItem) : -1;
var $nextItem = $items.eq((index + 1) % $items.length);
return $nextItem;
};
/**
* Get the next sequence element for this strategy.
*
* @param {jQuery} [$item] The current sequence element
*
* @return {jQuery} The next item according to the strategy
*/
SingleItemStrategy.prototype.next = function($item) {
// if a previous item was already shown
// we do not provide another item
if ($item) {
return null;
}
this.$currentItem = this.getNext();
return this.$currentItem ? {
$item: this.$currentItem,
transitionType: 'normal'
} : null;
};
/**
* Get the duration for the specified sequence element.
*
* @param {jQuery} [$item] The sequence element to get the duration for
*
* @return {Number} The duration for the item in ms
*/
SingleItemStrategy.prototype.duration = function($item) {
var item = $item.get(0);
var duration = null;
if (item) {
duration = parseInt(item.dataset.duration, 10);
if (!duration) {
var el = item.querySelector('[data-duration]');
duration = el ? parseInt(el.dataset.duration, 10) : null;
}
}
if (!duration || duration === '0') {
// 0 or null case, use duration of the sequence
duration = parseInt(this.el.dataset.duration, 10) || 5000;
}
return parseInt(duration, 10);
};
/**
* Schedule the current item.
*
* @param {Function} callback Function to call when the next item should play
* @param {Number} duration The duration in ms
*/
SingleItemStrategy.prototype.scheduleCurrent = function(callback, duration) {
this.timeout = window.setTimeout(callback, duration);
};
/**
* Destroy the strategy.
*/
SingleItemStrategy.prototype.destroy = function() {
this.$el.removeData('screens-strategy');
this.$el = null;
this.el = null;
};
player.strategies.singleitem = SingleItemStrategy;
}(window.jQuery, window.ScreensPlayer));