Mercurial > hg > digilib-old

annotate webapp/src/main/webapp/jquery/jquery.digilib.sliders.js @ 1057:d139f59a5f80

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
rgb slider functional, get/set values not yet
author hertzhaft
date Sat, 31 Mar 2012 00:41:28 +0200
parents 4f17420392a9
children 95d28c6ad018
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
1022
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
1 /**
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
2 digilib sliders plugin
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
3 */
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
4 // TODO:
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
5 // - steps
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
6 // - additional input element for numeric value
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
7
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
8 (function($) {
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
9 // plugin object with digilib data
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
10 var digilib = null;
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
11 // the functions made available by digilib
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
12 var fn = null;
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
13 // affine geometry plugin
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
14 var geom = null;
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
15
1057
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
16 var defaults = {};
1022
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
17
1042
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
18 var sliderOptions = {
1022
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
19 rot : {
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
20 label : "Rotation angle",
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
21 tooltip : "rotate image",
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
22 icon : "rotate.png",
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
23 'min' : 0,
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
24 'max' : 360,
1043
e7733df2e2c4 fix buggy behaviour with step
hertzhaft
parents: 1042
diff changeset
25 'step' : 0.1,
1022
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
26 'start' : 90
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
27 },
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
28 brgt : {
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
29 label : "Brightness",
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
30 tooltip : "set numeric value to be added",
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
31 icon : "brightness.png",
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
32 'min' : -255,
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
33 'max' : 255,
1043
e7733df2e2c4 fix buggy behaviour with step
hertzhaft
parents: 1042
diff changeset
34 'step' : 10,
1022
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
35 'start' : 0
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
36 },
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
37 cont : {
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
38 label : "Contrast",
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
39 tooltip : "set numeric value to be multiplied",
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
40 icon : "contrast.png",
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
41 'min' : -4,
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
42 'max' : 4,
1043
e7733df2e2c4 fix buggy behaviour with step
hertzhaft
parents: 1042
diff changeset
43 'step' : 0.01,
1022
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
44 'start' : 0
1057
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
45 }
1022
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
46 };
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
47
1057
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
48 var rgb = {
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
49 r : {
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
50 label : "red",
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
51 color : "#800000"
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
52 },
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
53 g : {
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
54 label : "green",
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
55 color : "#008000"
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
56 },
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
57 b : {
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
58 label : "blue",
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
59 color : "#000080"
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
60 }
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
61 }
1022
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
62 var actions = {
1038
a79be2432eb4 put new slider code back into sliders plugin
hertzhaft
parents: 1029
diff changeset
63 // shows brightness slider
1042
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
64 tinySliderBrgt : function (data) {
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
65 var callback = function(val) {
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
66 digilib.actions.brightness(data, val);
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
67 };
1057
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
68 singleSlider(data, 'brgt', callback);
1042
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
69 },
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
70
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
71 // shows contrast slider
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
72 tinySliderCont : function (data) {
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
73 var callback = function(val) {
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
74 digilib.actions.contrast(data, val, true);
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
75 };
1057
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
76 singleSlider(data, 'cont', callback);
1042
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
77 },
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
78
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
79 // shows rotate slider
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
80 tinySliderRot : function (data) {
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
81 var callback = function(val) {
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
82 digilib.actions.rotate(data, val);
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
83 };
1057
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
84 singleSlider(data, 'rot', callback);
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
85 },
1022
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
86
1057
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
87 // shows RGB sliders
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
88 tinySliderRGB : function (data) {
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
89 var callback = function(m, a) {
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
90 digilib.actions.setRGB(data, m, a);
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
91 };
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
92 rgbSlider(data, callback);
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
93 }
1022
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
94 };
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
95
1045
6329b7f8d7f8 method for reassigning a button
hertzhaft
parents: 1044
diff changeset
96 // assign button actions to sliders (rotate, brightness, contrast)
6329b7f8d7f8 method for reassigning a button
hertzhaft
parents: 1044
diff changeset
97 var setButtonActions = function () {
6329b7f8d7f8 method for reassigning a button
hertzhaft
parents: 1044
diff changeset
98 if (fn.setButtonAction == null) {
6329b7f8d7f8 method for reassigning a button
hertzhaft
parents: 1044
diff changeset
99 console.debug('sliders: could not assign button actions. Maybe jquery.digilib.buttons.js was not loaded?');
1022
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
100 return;
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
101 }
1045
6329b7f8d7f8 method for reassigning a button
hertzhaft
parents: 1044
diff changeset
102 console.debug('sliders: assign new button actions. digilib:', digilib);
6329b7f8d7f8 method for reassigning a button
hertzhaft
parents: 1044
diff changeset
103 fn.setButtonAction('brgt', 'tinySliderBrgt');
6329b7f8d7f8 method for reassigning a button
hertzhaft
parents: 1044
diff changeset
104 fn.setButtonAction('cont', 'tinySliderCont');
6329b7f8d7f8 method for reassigning a button
hertzhaft
parents: 1044
diff changeset
105 fn.setButtonAction('rot', 'tinySliderRot');
1057
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
106 // fn.setButtonAction('rgb', 'tinySliderRGB');
1022
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
107 };
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
108
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
109 // plugin installation called by digilib on plugin object.
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
110 var install = function (plugin) {
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
111 digilib = plugin;
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
112 console.debug('installing sliders plugin. digilib:', digilib);
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
113 fn = digilib.fn;
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
114 // import geometry classes
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
115 geom = fn.geometry;
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
116 // add defaults, actions, buttons
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
117 $.extend(true, digilib.defaults, defaults); // make deep copy
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
118 $.extend(digilib.actions, actions);
1038
a79be2432eb4 put new slider code back into sliders plugin
hertzhaft
parents: 1029
diff changeset
119 setButtonActions(digilib.buttons);
1022
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
120 // export functions
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
121 };
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
122
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
123 // plugin initialization
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
124 var init = function (data) {
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
125 console.debug('initialising sliders plugin. data:', data);
1057
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
126 // var settings = data.settings;
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
127 // var $data = $(data);
1026
01ea28b6fe11 commit sliders, not yet functional
hertzhaft
parents: 1022
diff changeset
128 // we do setup at runtime
01ea28b6fe11 commit sliders, not yet functional
hertzhaft
parents: 1022
diff changeset
129 // $data.bind('setup', handleSetup);
1022
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
130 };
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
131
1057
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
132 /** creates a div with a form, setup events and callback
1022
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
133 */
1057
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
134 var setupFormDiv = function (data, $content, cssSuffix, callback) {
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
135 var cssPrefix = data.settings.cssPrefix;
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
136 var cls = cssPrefix + cssSuffix;
1026
01ea28b6fe11 commit sliders, not yet functional
hertzhaft
parents: 1022
diff changeset
137 var html = '\
1057
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
138 <div class="'+cls+'">\
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
139 <form class="'+cls+'">\
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
140 <input class="'+cls+'cancel" type="button" value="Cancel"/>\
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
141 <input type="submit" name="sub" value="Ok"/>\
1042
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
142 </form>\
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
143 </div>';
1057
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
144 var $elem = data.$elem;
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
145 var $div = $(html).appendTo($elem);
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
146 var $form = $div.find('form');
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
147 $form.prepend($content);
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
148 // handle submit
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
149 $form.on('submit', function () {
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
150 callback();
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
151 fn.withdraw($div);
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
152 return false;
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
153 });
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
154 // handle cancel
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
155 $form.find('.'+cls+'cancel').on('click', function () {
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
156 fn.withdraw($div);
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
157 });
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
158 // show div
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
159 $div.fadeIn();
1042
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
160 // fix non-HTML5 slider
1057
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
161 var tiny = cssPrefix + 'tinyslider';
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
162 var $range = $form.find('input.'+tiny+'range');
1042
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
163 var HTML5 = $range.prop('type') === 'range';
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
164 if (!HTML5) {
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
165 console.debug('fix input type=range');
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
166 $range.range({change: function (val) {
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
167 $range.trigger('change');
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
168 }});
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
169 }
1057
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
170 fn.centerOnScreen(data, $div);
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
171 return $div;
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
172 };
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
173
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
174 /** creates a TinyRangeSlider
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
175 */
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
176 var tinySlider = function (data, paramname, startval) {
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
177 var $elem = data.$elem;
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
178 var opts = sliderOptions[paramname];
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
179 var param = startval || data.settings[paramname] || opts.start;
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
180 var cssPrefix = data.settings.cssPrefix;
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
181 var cls = cssPrefix + 'tinyslider';
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
182 var html = '\
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
183 <div class="'+cls+'frame">\
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
184 <span>'+opts.label+'</span>\
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
185 <input type="range" class="'+cls+'range" name="'+paramname+'" step="'+opts.step+'" min="'+opts.min+'" max="'+opts.max+'" value="'+param+'"/>\
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
186 <input type="text" class="'+cls+'text" name="'+paramname+'" size="4" value="'+param+'"/>\
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
187 </div>';
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
188 var $slider = $(html);
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
189 var $range = $slider.find('input.'+cls+'range');
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
190 var $text = $slider.find('input.'+cls+'text');
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
191 $slider.data({'$text' : $text, '$range' : $range});
1042
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
192 // connect slider and input
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
193 $range.on('change', function () {
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
194 var val = $range.val();
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
195 $text.val(val);
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
196 });
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
197 $text.on('change', function () {
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
198 var val = $text.val();
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
199 $range.val(val);
1057
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
200 // val doesn't change the slider handle position in Tinyrange
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
201 // can't use a jQuery "valHook" here because input type is reported as "text" (???)
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
202 var HTML5 = $range.prop('type') === 'range';
1044
2d04f160ce09 move slider handle when a new value is entered
hertzhaft
parents: 1043
diff changeset
203 if (!HTML5) {
2d04f160ce09 move slider handle when a new value is entered
hertzhaft
parents: 1043
diff changeset
204 $range.range('set', val);
2d04f160ce09 move slider handle when a new value is entered
hertzhaft
parents: 1043
diff changeset
205 }
1042
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
206 });
1057
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
207 return $slider;
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
208 };
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
209
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
210 /** creates a single TinyRangeSlider for param "paramname",
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
211 the new value is passed to the "callback" function.
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
212 */
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
213 var singleSlider = function (data, paramname, callback) {
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
214 var $slider = tinySlider(data, paramname);
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
215 var getValue = function () {
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
216 var val = $slider.data('$text').val();
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
217 callback(val);
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
218 };
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
219 setupFormDiv(data, $slider, 'singleslider', getValue);
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
220 };
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
221
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
222 /** creates a compound RGB slider
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
223 the new values are passed to the "callback" function.
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
224 */
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
225 var rgbSlider = function (data, callback) {
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
226 var cls = data.settings.cssPrefix + 'rgbslider';
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
227 var $table = $('<table class="'+cls+'" />');
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
228 var makeSliders = function(index, value) {
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
229 // TODO: set start values
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
230 var $tr = $('<tr/>').appendTo($table);
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
231 var $td = $('<td class="color">'+rgb[value].label+'</td>').appendTo($tr);
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
232 var $td = $('<td class="rgb"/>').append(tinySlider(data, 'brgt')).appendTo($tr);
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
233 var $td = $('<td class="rgb"/>').append(tinySlider(data, 'cont')).appendTo($tr);
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
234 }
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
235 $.each(['r','g','b'], makeSliders);
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
236 var getValue = function () {
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
237 // TODO: get values from sliders
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
238 callback(null, null);
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
239 };
d139f59a5f80 rgb slider functional, get/set values not yet
hertzhaft
parents: 1047
diff changeset
240 setupFormDiv(data, $table, 'rgbslider', getValue);
1042
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
241 };
2c5a48a624c5 TinyRange sliders now work for brgt,cont,rot (not perfect)
hertzhaft
parents: 1039
diff changeset
242
1022
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
243 // plugin object with name and init
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
244 // shared objects filled by digilib on registration
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
245 var plugin = {
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
246 name : 'sliders',
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
247 install : install,
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
248 init : init,
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
249 buttons : {},
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
250 actions : {},
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
251 fn : {},
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
252 plugins : {}
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
253 };
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
254
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
255 if ($.fn.digilib == null) {
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
256 $.error("jquery.digilib.sliders must be loaded after jquery.digilib!");
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
257 } else {
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
258 $.fn.digilib('plugin', plugin);
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
259 }
a1bb909dfd38 adding sliders plugin, not yet functional again
hertzhaft
parents:
diff changeset
260 })(jQuery);