sideshow 0.4.1 → 0.4.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/.gitignore +0 -2
- data/CHANGELOG.md +13 -6
- data/Gulpfile.js +24 -9
- data/README.md +3 -0
- data/VERSION +1 -1
- data/bower.json +1 -1
- data/distr/dependencies/jquery.min.js +4 -4
- data/distr/sideshow.js +35 -4
- data/distr/sideshow.min.js +3 -3
- data/docs/classes/Arrow.html +6 -6
- data/docs/classes/Arrows.html +10 -10
- data/docs/classes/ControlVariables.html +8 -8
- data/docs/classes/DetailsPanel.html +8 -8
- data/docs/classes/FadableItem.html +7 -7
- data/docs/classes/HidableItem.html +5 -5
- data/docs/classes/Mask.CloseButton.html +8 -8
- data/docs/classes/Mask.CompositeMask.html +7 -7
- data/docs/classes/Mask.CornerPart.html +5 -5
- data/docs/classes/Mask.Part.html +3 -3
- data/docs/classes/Mask.Polling.html +10 -10
- data/docs/classes/Mask.Subject.html +1 -1
- data/docs/classes/Mask.SubjectMask.html +3 -3
- data/docs/classes/Mask.WizardMenu.html +82 -13
- data/docs/classes/SS.html +2 -2
- data/docs/classes/SSException.html +1 -1
- data/docs/classes/Screen.html +3 -3
- data/docs/classes/StepDescription.html +12 -12
- data/docs/classes/StepDescriptionNextButton.html +8 -8
- data/docs/classes/VisualItem.html +3 -3
- data/docs/classes/Wizard.html +10 -10
- data/example.html +61 -61
- data/examples/scripts/sideshow.config.js +1 -1
- data/package.json +3 -1
- data/sideshow.gemspec +3 -3
- data/sideshow.nuspec +1 -1
- data/sideshow.sublime-project +11 -11
- data/sideshow.tar.gz +0 -0
- data/sideshow.zip +0 -0
- data/src/copyright_info.js +2 -2
- data/src/general/global_object.js +30 -13
- data/src/general/utility_functions.js +12 -0
- data/src/general/variables.js +1 -1
- data/yuidoc.json +1 -1
- metadata +19 -18
@@ -130,7 +130,7 @@
|
|
130
130
|
|
131
131
|
|
132
132
|
<div class="foundat">
|
133
|
-
Defined in: <a href="../files/c:
|
133
|
+
Defined in: <a href="../files/c:_alcides_fortes_projetos_Sideshow_distr_sideshow.js.html#l424"><code>c:\alcides\fortes\projetos\Sideshow\distr\sideshow.js:424</code></a>
|
134
134
|
</div>
|
135
135
|
|
136
136
|
|
@@ -232,7 +232,7 @@
|
|
232
232
|
|
233
233
|
|
234
234
|
|
235
|
-
<a href="../files/c:
|
235
|
+
<a href="../files/c:_alcides_fortes_projetos_Sideshow_distr_sideshow.js.html#l458"><code>c:\alcides\fortes\projetos\Sideshow\distr\sideshow.js:458</code></a>
|
236
236
|
|
237
237
|
</p>
|
238
238
|
|
@@ -287,7 +287,7 @@
|
|
287
287
|
|
288
288
|
|
289
289
|
|
290
|
-
<a href="../files/c:
|
290
|
+
<a href="../files/c:_alcides_fortes_projetos_Sideshow_distr_sideshow.js.html#l448"><code>c:\alcides\fortes\projetos\Sideshow\distr\sideshow.js:448</code></a>
|
291
291
|
|
292
292
|
</p>
|
293
293
|
|
data/docs/classes/Wizard.html
CHANGED
@@ -130,7 +130,7 @@
|
|
130
130
|
|
131
131
|
|
132
132
|
<div class="foundat">
|
133
|
-
Defined in: <a href="../files/c:
|
133
|
+
Defined in: <a href="../files/c:_alcides_fortes_projetos_Sideshow_distr_sideshow.js.html#l554"><code>c:\alcides\fortes\projetos\Sideshow\distr\sideshow.js:554</code></a>
|
134
134
|
</div>
|
135
135
|
|
136
136
|
|
@@ -291,7 +291,7 @@
|
|
291
291
|
|
292
292
|
|
293
293
|
|
294
|
-
<a href="../files/c:
|
294
|
+
<a href="../files/c:_alcides_fortes_projetos_Sideshow_distr_sideshow.js.html#l851"><code>c:\alcides\fortes\projetos\Sideshow\distr\sideshow.js:851</code></a>
|
295
295
|
|
296
296
|
</p>
|
297
297
|
|
@@ -380,7 +380,7 @@
|
|
380
380
|
|
381
381
|
|
382
382
|
|
383
|
-
<a href="../files/c:
|
383
|
+
<a href="../files/c:_alcides_fortes_projetos_Sideshow_distr_sideshow.js.html#l836"><code>c:\alcides\fortes\projetos\Sideshow\distr\sideshow.js:836</code></a>
|
384
384
|
|
385
385
|
</p>
|
386
386
|
|
@@ -463,7 +463,7 @@
|
|
463
463
|
|
464
464
|
|
465
465
|
|
466
|
-
<a href="../files/c:
|
466
|
+
<a href="../files/c:_alcides_fortes_projetos_Sideshow_distr_sideshow.js.html#l896"><code>c:\alcides\fortes\projetos\Sideshow\distr\sideshow.js:896</code></a>
|
467
467
|
|
468
468
|
</p>
|
469
469
|
|
@@ -536,7 +536,7 @@
|
|
536
536
|
|
537
537
|
|
538
538
|
|
539
|
-
<a href="../files/c:
|
539
|
+
<a href="../files/c:_alcides_fortes_projetos_Sideshow_distr_sideshow.js.html#l861"><code>c:\alcides\fortes\projetos\Sideshow\distr\sideshow.js:861</code></a>
|
540
540
|
|
541
541
|
</p>
|
542
542
|
|
@@ -615,7 +615,7 @@
|
|
615
615
|
|
616
616
|
|
617
617
|
|
618
|
-
<a href="../files/c:
|
618
|
+
<a href="../files/c:_alcides_fortes_projetos_Sideshow_distr_sideshow.js.html#l805"><code>c:\alcides\fortes\projetos\Sideshow\distr\sideshow.js:805</code></a>
|
619
619
|
|
620
620
|
</p>
|
621
621
|
|
@@ -694,7 +694,7 @@
|
|
694
694
|
|
695
695
|
|
696
696
|
|
697
|
-
<a href="../files/c:
|
697
|
+
<a href="../files/c:_alcides_fortes_projetos_Sideshow_distr_sideshow.js.html#l671"><code>c:\alcides\fortes\projetos\Sideshow\distr\sideshow.js:671</code></a>
|
698
698
|
|
699
699
|
</p>
|
700
700
|
|
@@ -749,7 +749,7 @@
|
|
749
749
|
|
750
750
|
|
751
751
|
|
752
|
-
<a href="../files/c:
|
752
|
+
<a href="../files/c:_alcides_fortes_projetos_Sideshow_distr_sideshow.js.html#l908"><code>c:\alcides\fortes\projetos\Sideshow\distr\sideshow.js:908</code></a>
|
753
753
|
|
754
754
|
</p>
|
755
755
|
|
@@ -820,7 +820,7 @@
|
|
820
820
|
|
821
821
|
|
822
822
|
|
823
|
-
<a href="../files/c:
|
823
|
+
<a href="../files/c:_alcides_fortes_projetos_Sideshow_distr_sideshow.js.html#l715"><code>c:\alcides\fortes\projetos\Sideshow\distr\sideshow.js:715</code></a>
|
824
824
|
|
825
825
|
</p>
|
826
826
|
|
@@ -915,7 +915,7 @@
|
|
915
915
|
|
916
916
|
|
917
917
|
|
918
|
-
<a href="../files/c:
|
918
|
+
<a href="../files/c:_alcides_fortes_projetos_Sideshow_distr_sideshow.js.html#l662"><code>c:\alcides\fortes\projetos\Sideshow\distr\sideshow.js:662</code></a>
|
919
919
|
|
920
920
|
</p>
|
921
921
|
|
data/example.html
CHANGED
@@ -1,81 +1,81 @@
|
|
1
1
|
<!DOCTYPE html>
|
2
2
|
<html>
|
3
3
|
<head>
|
4
|
-
|
5
|
-
|
4
|
+
<meta charset="utf-8">
|
5
|
+
<title>Sideshow Interactive Help Example</title>
|
6
6
|
<link rel="stylesheet" href="distr/fonts/sideshow-fontface.min.css">
|
7
|
-
|
8
|
-
|
7
|
+
<link rel="stylesheet" href="distr/stylesheets/sideshow.min.css">
|
8
|
+
<link rel="stylesheet" href="examples/stylesheets/example.min.css">
|
9
9
|
</head>
|
10
10
|
<body>
|
11
11
|
<!--[if lt IE 10]>
|
12
12
|
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
|
13
13
|
<![endif]-->
|
14
14
|
<header>
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
15
|
+
<div id="header_content" class="main-content">
|
16
|
+
<img src="examples/images/sideshow-logo.png">
|
17
|
+
<button id="run_example">Run Example</button>
|
18
|
+
<div id="introducing_sideshow">
|
19
|
+
Sideshow is a powerful javascript library which aims to <em>reduce your user's learning curve</em> by providing a way to create <em>step-by-step interactive helps</em>. Explain the features of your application, control your end-user's interaction with your UI, emphasize what you're explaining in each step by masking it.
|
20
|
+
<br><!-- <<< Here, you can see a well applied br!! \o/ -->
|
21
|
+
<em>Just think! The sky is the limit!</em>
|
22
|
+
</div>
|
23
|
+
</div>
|
24
|
+
</header>
|
25
|
+
<div id="wrapper" class="main-content">
|
26
|
+
<div id="bttf">
|
27
|
+
<h1>Keep Calm and Generate 1.21 Gigawatts</h1>
|
28
28
|
<figure>
|
29
29
|
<img src="examples/images/doc_brown.png" id="dr_brown" draggable="true">
|
30
30
|
</figure>
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
31
|
+
Bacon ipsum dolor sit amet biltong shankle flank ball tip drumstick jerky beef ribs tri-tip chicken boudin sausage. Turducken biltong meatball, doner pork beef tongue ground round drumstick kevin pork loin landjaeger pork belly andouille turkey. Jowl ground round ribeye capicola kielbasa, shoulder leberkas. Pork belly leberkas meatball, ribeye ball tip rump ham pig spare ribs ground round biltong capicola pork chop bresaola strip steak. Doner biltong tongue rump prosciutto venison sirloin ground round flank meatloaf pork loin shankle.
|
32
|
+
</div>
|
33
|
+
<div id="survey">
|
34
|
+
<h1>A Form Example</h1>
|
35
|
+
<fieldset>
|
36
|
+
<ul>
|
37
|
+
<li><label for="first_name">First Name</label><input type="text" id="first_name">
|
38
|
+
<li><label for="last_name">Last Name</label><input type="text" id="last_name">
|
39
|
+
<li><label for="email">E-mail</label><input type="text" id="email">
|
40
|
+
<li><button>Do Nothing! =)</button>
|
41
|
+
</ul>
|
42
|
+
</fieldset>
|
43
|
+
</div>
|
44
44
|
<div id="red_square"></div>
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
|
63
|
-
|
64
|
-
|
45
|
+
<hr>
|
46
|
+
<div id="godfather1">
|
47
|
+
<h1>Leave the Gun. Take the Cannoli.</h1>
|
48
|
+
<img src="examples/images/clemenza.jpg">
|
49
|
+
<div class="columns-text">
|
50
|
+
<p>
|
51
|
+
Swine hamburger flank drumstick, beef capicola tongue landjaeger. Andouille shankle turkey corned beef, ribeye meatball tri-tip t-bone pancetta. Pork tenderloin t-bone turducken tongue biltong shoulder corned beef. Pork loin bacon fatback kielbasa, tail venison tongue flank swine pancetta beef ribs pork chop boudin ground round doner.
|
52
|
+
</p>
|
53
|
+
<p>
|
54
|
+
Rump shankle short loin corned beef t-bone ham hock. Kevin ground round swine chuck jowl salami ham shankle fatback landjaeger beef shank. Sirloin prosciutto beef sausage flank. Shankle spare ribs tail pork loin shoulder hamburger bresaola filet mignon biltong.
|
55
|
+
</p>
|
56
|
+
</div>
|
57
|
+
</div>
|
58
|
+
</div>
|
59
|
+
<a href="https://github.com/fortesinformatica/sideshow">
|
60
|
+
<img class="forkme" src="examples/images/forkme.png" alt="Fork me on GitHub">
|
61
|
+
</a>
|
62
|
+
<footer>
|
63
|
+
Sideshow is available under <a href="https://raw2.github.com/fortesinformatica/sideshow/master/LICENSE">Apache License 2.0</a>. Copyright 2013-2014 <a href="http://www.twitter.com/alcidesqueiroz" target="_blank"> Alcides Queiroz</a>.
|
64
|
+
</footer>
|
65
65
|
<!--Scripts required for Sideshow to work properly-->
|
66
|
-
|
67
|
-
|
68
|
-
|
69
|
-
|
66
|
+
<script src="distr/dependencies/jquery.min.js"></script>
|
67
|
+
<script src="distr/dependencies/jazz.min.js"></script>
|
68
|
+
<script src="distr/dependencies/pagedown.min.js"></script>
|
69
|
+
<script src="distr/sideshow.js"></script>
|
70
70
|
|
71
71
|
<!--Scripts for this page-->
|
72
|
-
|
72
|
+
<script src="examples/scripts/sideshow.config.js"></script>
|
73
73
|
<script src="examples/scripts/tutorials/introducing_sideshow.js"></script>
|
74
|
-
|
75
|
-
|
76
|
-
|
77
|
-
|
78
|
-
|
79
|
-
|
74
|
+
<script src="http://localhost:35729/livereload.js?snipver=1"></script>
|
75
|
+
<script>
|
76
|
+
$("#run_example").click(function(){
|
77
|
+
Sideshow.start({ listAll: true });
|
78
|
+
});
|
79
|
+
</script>
|
80
80
|
</body>
|
81
81
|
</html>
|
@@ -1,2 +1,2 @@
|
|
1
1
|
Sideshow.config.language = "en";
|
2
|
-
Sideshow.init();
|
2
|
+
Sideshow.init();
|
data/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "sideshow",
|
3
|
-
"version": "0.4.
|
3
|
+
"version": "0.4.2",
|
4
4
|
"description": "Sideshow is a powerful javascript library which aims to reduce your user's learning curve by providing a way to create step-by-step interactive helps.",
|
5
5
|
"main": " ",
|
6
6
|
"scripts": {
|
@@ -45,7 +45,9 @@
|
|
45
45
|
"gulp-stylus": "^1.3.4",
|
46
46
|
"gulp-tar": "^1.3.1",
|
47
47
|
"gulp-uglify": "^1.0.1",
|
48
|
+
"gulp-unzip": "^0.1.2",
|
48
49
|
"gulp-util": "^3.0.1",
|
50
|
+
"gulp-wait": "0.0.2",
|
49
51
|
"gulp-yuidoc": "^0.1.2",
|
50
52
|
"gulp-zip": "^2.0.2",
|
51
53
|
"ini": "^1.2.1",
|
data/sideshow.gemspec
CHANGED
@@ -3,14 +3,14 @@ $:.push File.expand_path('distr', __FILE__)
|
|
3
3
|
|
4
4
|
Gem::Specification.new do |s|
|
5
5
|
s.name = 'sideshow'
|
6
|
-
s.version = '0.4.
|
6
|
+
s.version = '0.4.2'
|
7
7
|
s.platform = Gem::Platform::RUBY
|
8
8
|
s.authors = ['Alcides Queiroz']
|
9
9
|
s.email = ['alcidesqueiroz@gmail.com']
|
10
10
|
s.homepage = 'http://fortesinformatica.github.io/Sideshow'
|
11
|
-
s.summary = '
|
11
|
+
s.summary = 'An incredible Javascript interactive help Library'
|
12
12
|
s.license = 'Apache 2.0'
|
13
|
-
s.description = s.
|
13
|
+
s.description = 'Sideshow is a powerful javascript library which aims to reduce your user''s learning curve by providing a way to create step-by-step interactive helps.'
|
14
14
|
s.files = `git ls-files`.split("\n")
|
15
15
|
s.require_paths = ['distr']
|
16
16
|
|
data/sideshow.nuspec
CHANGED
data/sideshow.sublime-project
CHANGED
@@ -1,16 +1,16 @@
|
|
1
1
|
{
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
2
|
+
"folders":
|
3
|
+
[
|
4
|
+
{
|
5
|
+
"folder_exclude_patterns":
|
6
|
+
[
|
7
7
|
"node_modules",
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
8
|
+
"bower_components"
|
9
|
+
],
|
10
|
+
"follow_symlinks": true,
|
11
|
+
"path": "."
|
12
|
+
}
|
13
|
+
],
|
14
14
|
"build_systems":
|
15
15
|
[
|
16
16
|
{
|
data/sideshow.tar.gz
ADDED
Binary file
|
data/sideshow.zip
ADDED
Binary file
|
data/src/copyright_info.js
CHANGED
@@ -1,8 +1,8 @@
|
|
1
1
|
/**
|
2
2
|
@license
|
3
3
|
Sideshow - An incredible Javascript interactive help Library
|
4
|
-
Version: 0.4.
|
5
|
-
Date:
|
4
|
+
Version: 0.4.2
|
5
|
+
Date: 2015-03-10
|
6
6
|
Author: Alcides Queiroz [alcidesqueiroz(at)gmail(dot)com]
|
7
7
|
Available under Apache License 2.0 (https://raw2.github.com/fortesinformatica/sideshow/master/LICENSE)
|
8
8
|
**/
|
@@ -58,20 +58,27 @@
|
|
58
58
|
flags.running = false;
|
59
59
|
};
|
60
60
|
|
61
|
-
|
62
|
-
|
61
|
+
/**
|
62
|
+
@deprecated
|
63
|
+
@method runWizard
|
64
|
+
@static
|
65
|
+
**/
|
66
|
+
SS.runWizard = function (name) {
|
67
|
+
showDeprecationWarning("This method is deprecated and will be removed until the next major version of Sideshow.");
|
68
|
+
|
69
|
+
var wiz = wizards.filter(function (w) {
|
63
70
|
return w.name === name
|
64
71
|
})[0];
|
65
72
|
currentWizard = wiz;
|
66
73
|
if (wiz) {
|
67
74
|
if (wiz.isEligible()) wiz.play();
|
68
|
-
else if (wiz.preparation) wiz.preparation(function() {
|
69
|
-
setTimeout(function() {
|
75
|
+
else if (wiz.preparation) wiz.preparation(function () {
|
76
|
+
setTimeout(function () {
|
70
77
|
wiz.play();
|
71
78
|
}, 1000);
|
72
79
|
});
|
73
80
|
else throw new SSException("204", "This wizard hasn't preparation.");
|
74
|
-
} else throw new SSException("
|
81
|
+
} else throw new SSException("205", "There's no wizard with name " + name + ".");
|
75
82
|
};
|
76
83
|
|
77
84
|
SS.gotoStep = function() {
|
@@ -261,18 +268,27 @@
|
|
261
268
|
@method start
|
262
269
|
@param {Object} config The config object for Sideshow
|
263
270
|
**/
|
264
|
-
SS.start = function(config) {
|
271
|
+
SS.start = function (config) {
|
265
272
|
config = config || {};
|
273
|
+
|
266
274
|
if (!flags.running) {
|
267
275
|
var onlyNew = "onlyNew" in config && !! config.onlyNew;
|
268
276
|
var listAll = "listAll" in config && !! config.listAll;
|
277
|
+
var wizardName = config.wizardName;
|
269
278
|
|
270
|
-
if (listAll)
|
271
|
-
|
272
|
-
|
273
|
-
|
274
|
-
|
275
|
-
|
279
|
+
if (listAll) SS.showWizardsList(wizards.filter(function (w) {
|
280
|
+
return w.isEligible() || w.preparation;
|
281
|
+
}));
|
282
|
+
else if(wizardName){
|
283
|
+
var wizard = wizards.filter(function (w) {
|
284
|
+
return w.name === wizardName;
|
285
|
+
})[0];
|
286
|
+
|
287
|
+
if(!wizard) throw new SSException("205", "There's no wizard with name '" + wizardName + "'.");
|
288
|
+
|
289
|
+
wizard.prepareAndPlay();
|
290
|
+
}
|
291
|
+
else SS.showWizardsList(onlyNew);
|
276
292
|
|
277
293
|
this.CloseButton.singleInstance.render();
|
278
294
|
this.CloseButton.singleInstance.fadeIn();
|
@@ -280,8 +296,9 @@
|
|
280
296
|
registerInnerHotkeys();
|
281
297
|
flags.running = true;
|
282
298
|
|
283
|
-
Polling.enqueue("check_composite_mask_screen_changes", function() {
|
299
|
+
Polling.enqueue("check_composite_mask_screen_changes", function () {
|
284
300
|
Mask.CompositeMask.singleInstance.pollForScreenChanges();
|
285
301
|
});
|
286
302
|
}
|
287
303
|
};
|
304
|
+
|
@@ -9,6 +9,18 @@
|
|
9
9
|
console.warn("[SIDESHOW_W#" + ("00000000" + code).substr(-8) + "] " + message);
|
10
10
|
}
|
11
11
|
|
12
|
+
/**
|
13
|
+
Shows a deprecation warning in a pre-defined format
|
14
|
+
|
15
|
+
@@function showDeprecationWarning
|
16
|
+
@param {String} message The warning message
|
17
|
+
**/
|
18
|
+
|
19
|
+
function showDeprecationWarning(message) {
|
20
|
+
console.warn("[DEPRECATION_WARNING] " + message);
|
21
|
+
}
|
22
|
+
|
23
|
+
|
12
24
|
/**
|
13
25
|
Parses a string in the format "#px" in a number
|
14
26
|
|