1 | //used to stored the current items in berrybasket, including collection name, document id and dodument title
|
---|
2 | //in the format of collection:id:[title], it is updated when the page is loaded (reloaded) or the user adds
|
---|
3 | // new items in the berry basket (see ygDDplayer.js). It is used to show the contents of the berry basket.
|
---|
4 |
|
---|
5 | var berryList = new Array();
|
---|
6 | var show = false;
|
---|
7 |
|
---|
8 | // the default width and height of the berry basket
|
---|
9 | var oldHeight=90;
|
---|
10 | var oldWidth=140;
|
---|
11 | var oldBg;
|
---|
12 |
|
---|
13 | var dd = new ygDDOnTop('berrybasket');
|
---|
14 | dd.setHandleElId('baskethandle');
|
---|
15 |
|
---|
16 |
|
---|
17 | var checkout = function(){
|
---|
18 |
|
---|
19 | if ( document.getElementById('berrybasket') == null ) return;
|
---|
20 |
|
---|
21 | var request_type = "GET";
|
---|
22 | var url = gs.xsltParams.library_name + "?a=pr&rt=r&ro=1&s=ItemNum&o=XML&hhf=[{\"name\":\"Cache-Control\", \"value\":\"no-cache\"}]&c=";
|
---|
23 |
|
---|
24 | var responseSuccess = function(o){
|
---|
25 |
|
---|
26 | var response = o.responseXML;
|
---|
27 | var size = response.getElementsByTagName('size').item(0).getAttribute('value');
|
---|
28 |
|
---|
29 | var items = response.getElementsByTagName('item');
|
---|
30 |
|
---|
31 | berryList = new Array();
|
---|
32 | for (var i=0;i < items.length ; i++ ){
|
---|
33 |
|
---|
34 | // remove berries images from if the berry basket has already contains this item
|
---|
35 | var itemID = items[i].getAttribute('collection')+":"+items[i].getAttribute('name');
|
---|
36 | var item = YAHOO.util.Dom.get(itemID);
|
---|
37 | if (item != null){
|
---|
38 | var parent = item.parentNode;
|
---|
39 | parent.removeChild(item);
|
---|
40 | if (parent !=null && parent.id == "documentberries"){
|
---|
41 | var root = YAHOO.util.Dom.get(itemID+":root");
|
---|
42 | var section = YAHOO.util.Dom.get(itemID+":section");
|
---|
43 |
|
---|
44 | if(root!=null && root.id.indexOf(itemID) !=-1){
|
---|
45 | parent.removeChild(root);
|
---|
46 | }
|
---|
47 |
|
---|
48 | if(section!=null && section.id.indexOf(itemID) !=-1){
|
---|
49 | parent.removeChild(section);
|
---|
50 | }
|
---|
51 | }
|
---|
52 | }
|
---|
53 | berryList[berryList.length] = items[i];
|
---|
54 | }
|
---|
55 |
|
---|
56 | //add berryimage into the berry basket
|
---|
57 | updateBerryImages();
|
---|
58 |
|
---|
59 | // set berries images visible
|
---|
60 | // they are set to be invisible to prevent flickering when first loaded (see berry.css)
|
---|
61 |
|
---|
62 | var berries = document.getElementsByTagName('img');
|
---|
63 | var berrybasket = new YAHOO.util.DDTarget('berrybasket','basket');
|
---|
64 |
|
---|
65 | for (var j=0; j < berries.length; j++){
|
---|
66 | var berry = berries[j];
|
---|
67 | var parent = berry.parentNode;
|
---|
68 | if (parent !=null && parent.id == "documentberries"){
|
---|
69 | var root = YAHOO.util.Dom.get(berry.id+":root");
|
---|
70 | var section = YAHOO.util.Dom.get(berry.id+":section");
|
---|
71 | if(root!=null && root.id.indexOf(berry.id) !=-1){
|
---|
72 | root.style.visibility ="visible" ;
|
---|
73 | }
|
---|
74 |
|
---|
75 | if(section!=null && section.id.indexOf(berry.id) !=-1){
|
---|
76 | section.style.visibility ="visible" ;
|
---|
77 | }
|
---|
78 | }
|
---|
79 |
|
---|
80 | if (berry.className && berry.className == 'pick'){
|
---|
81 | berry.style.visibility = "visible";
|
---|
82 | new ygDDPlayer(berry.id,'basket',berryList);
|
---|
83 | }
|
---|
84 | }
|
---|
85 | //updateBerryCount();
|
---|
86 | correctBerryExpandCollapseButtons();
|
---|
87 | }
|
---|
88 |
|
---|
89 | var responseFailure = function(o){
|
---|
90 | alert("CHECKOUT FAILED");
|
---|
91 | }
|
---|
92 |
|
---|
93 | var callback = {
|
---|
94 | success: responseSuccess,
|
---|
95 | failure: responseFailure
|
---|
96 | }
|
---|
97 |
|
---|
98 | //var date = new Date();
|
---|
99 | //url += "&rand=" + date.getTime();
|
---|
100 | YAHOO.util.Connect.asyncRequest(request_type , url , callback);
|
---|
101 | }
|
---|
102 |
|
---|
103 | function updateBerryImages(){
|
---|
104 |
|
---|
105 | var berries = YAHOO.util.Dom.get('berries');
|
---|
106 | if ( berries == null ) return;
|
---|
107 |
|
---|
108 | while(berries.hasChildNodes())
|
---|
109 | {
|
---|
110 | berries.removeChild(berries.firstChild);
|
---|
111 | }
|
---|
112 |
|
---|
113 | for (var i =0;i < berryList.length && i<12 ; i++ ){
|
---|
114 | var img = document.createElement('img');
|
---|
115 | img.src = 'interfaces/default/images/berry.png';
|
---|
116 | berries.appendChild(img);
|
---|
117 | }
|
---|
118 |
|
---|
119 | //show the help message if there are no berries
|
---|
120 | if ( berryList.length == 0 ) {
|
---|
121 | var berryHelpMsg = document.createElement('span');
|
---|
122 | berries.appendChild(berryHelpMsg);
|
---|
123 | berryHelpMsg.appendChild(document.createTextNode('Drag & drop berries here to add documents to your Berry Basket'));
|
---|
124 | berryHelpMsg.setAttribute('id','berryHelpMsg');
|
---|
125 | }
|
---|
126 |
|
---|
127 | //show the expand buttons
|
---|
128 | correctBerryExpandCollapseButtons();
|
---|
129 |
|
---|
130 | }
|
---|
131 |
|
---|
132 | function correctBerryExpandCollapseButtons() {
|
---|
133 | var bbecl = YAHOO.util.Dom.get('berryBasketExpandCollapseLinks');
|
---|
134 | if ( bbecl == null ) return;
|
---|
135 | if ( berryList.length > 0 ) {
|
---|
136 | YAHOO.util.Dom.get('berryBasketExpandCollapseLinks').style.display='';
|
---|
137 | } else {
|
---|
138 | YAHOO.util.Dom.get('berryBasketExpandCollapseLinks').style.display='none';
|
---|
139 | }
|
---|
140 | }
|
---|
141 |
|
---|
142 | function updateBerryCount() {
|
---|
143 | var berries = YAHOO.util.Dom.get('berries');
|
---|
144 | var berryCountElement = YAHOO.util.Dom.get('berryBasketCount');
|
---|
145 | if ( berries == null || berryCountElement == null ) return;
|
---|
146 | if ( berryList.length == 0 ) {
|
---|
147 | berryCountElement.innerHTML = "empty";
|
---|
148 | } else {
|
---|
149 | berryCountElement.innerHTML = berryList.length;
|
---|
150 | }
|
---|
151 | }
|
---|
152 |
|
---|
153 | function basketUpdate(e) {
|
---|
154 | //alert( arguments.callee );
|
---|
155 | var target = e.target;
|
---|
156 | if ((target.id.toLowerCase() == 'berrybasket' || target.id.toLowerCase() == 'berries') && !show){
|
---|
157 | showBasket();
|
---|
158 | show = true;
|
---|
159 | }else{
|
---|
160 | if (target.id.toLowerCase() == 'hideview' && show){
|
---|
161 | hideBasket();
|
---|
162 | show = false;
|
---|
163 | }
|
---|
164 | }
|
---|
165 |
|
---|
166 | if (target.className == 'pick'){
|
---|
167 | addBerry(target);
|
---|
168 | }
|
---|
169 | }
|
---|
170 |
|
---|
171 | function showBasket() {
|
---|
172 | //alert( arguments.callee );
|
---|
173 | var berryBasket = YAHOO.util.Dom.get('berrybasket');
|
---|
174 | var basketHandle = YAHOO.util.Dom.get('baskethandle');
|
---|
175 | var berries = YAHOO.util.Dom.get('berries');
|
---|
176 | var width = 500;
|
---|
177 | var height = 40;
|
---|
178 | var i=0;
|
---|
179 |
|
---|
180 | //remove berryImages in the berry basket
|
---|
181 | while (berries.hasChildNodes()) {
|
---|
182 | berries.removeChild(berries.firstChild);
|
---|
183 | }
|
---|
184 | while (basketHandle.hasChildNodes()) {
|
---|
185 | basketHandle.removeChild(basketHandle.firstChild);
|
---|
186 | }
|
---|
187 |
|
---|
188 | var div = document.createElement('div');
|
---|
189 | berries.appendChild(div);
|
---|
190 | var list = document.createElement('ol');
|
---|
191 | div.appendChild(list);
|
---|
192 |
|
---|
193 | list.id = 'doclist';
|
---|
194 |
|
---|
195 | //put the berries in
|
---|
196 | for (i; i < berryList.length; i++){
|
---|
197 | var berryItem = berryList[i];
|
---|
198 | var berryElement = document.createElement('li');
|
---|
199 | list.appendChild(berryElement);
|
---|
200 | var title = berryItem.getAttribute('title');
|
---|
201 | var root_title = berryItem.getAttribute('root_title');
|
---|
202 | //var id = berryItem.getAttribute('collection')+":"+berryItem.getAttribute('name');
|
---|
203 |
|
---|
204 | if (root_title != ""){
|
---|
205 | root_title +=":";
|
---|
206 | }
|
---|
207 |
|
---|
208 | title = root_title+title;
|
---|
209 | if (title.length > 50){
|
---|
210 | title = title.substring(0,20)+" ... "+title.substr(title.length-35,35);
|
---|
211 | }
|
---|
212 |
|
---|
213 | berryElement.setAttribute("class","berryitem");
|
---|
214 | berryElement.setAttribute("title",title);
|
---|
215 | berryElement.innerHTML = title;
|
---|
216 | height +=40;
|
---|
217 | }
|
---|
218 |
|
---|
219 | oldHeight = berryBasket.style.height;
|
---|
220 | oldWidth = berryBasket.style.width;
|
---|
221 | oldBg = berryBasket.style.background;
|
---|
222 |
|
---|
223 | berryBasket.style.background ='url("interfaces/default/images/kete2.png") 0 0 repeat';
|
---|
224 | berryBasket.style.cursor = "default";
|
---|
225 | berryBasket.className = "show";
|
---|
226 |
|
---|
227 | //put the full view link in
|
---|
228 | var fullView = document.createElement('a');
|
---|
229 | berries.appendChild(fullView);
|
---|
230 |
|
---|
231 | //Find the collection in the cgi parameters
|
---|
232 | var url = window.location.href;
|
---|
233 | var colstart = url.indexOf("&c=");
|
---|
234 | var collectionName = "";
|
---|
235 | if (colstart != -1)
|
---|
236 | {
|
---|
237 | var colend = url.indexOf("&", (colstart + 1));
|
---|
238 | if (colend == -1)
|
---|
239 | {
|
---|
240 | colend = url.length - 1;
|
---|
241 | }
|
---|
242 | collectionName = url.substring(colstart + 3, colend);
|
---|
243 | }
|
---|
244 |
|
---|
245 | fullView.appendChild(document.createTextNode('Full View »'));
|
---|
246 | fullView.setAttribute("href",gs.xsltParams.library_name + "?a=g&sa=berry&c=&s=DisplayList&rt=r&p.c=" + collectionName);
|
---|
247 | fullView.setAttribute("id","berryFullViewLink");
|
---|
248 |
|
---|
249 | //toggle expand/collapse links
|
---|
250 | var expandLink = YAHOO.util.Dom.get('berryBasketExpandLink');
|
---|
251 | var collapseLink = YAHOO.util.Dom.get('berryBasketCollapseLink');
|
---|
252 | if ( expandLink != null && collapseLink != null ) {
|
---|
253 | expandLink.style.display = 'none';
|
---|
254 | collapseLink.style.display = '';
|
---|
255 | }
|
---|
256 |
|
---|
257 | }
|
---|
258 |
|
---|
259 | function hideBasket() {
|
---|
260 | //alert( arguments.callee );
|
---|
261 | var i = 0;
|
---|
262 | var berryBasket = YAHOO.util.Dom.get('berrybasket');
|
---|
263 | var basketHandle = YAHOO.util.Dom.get('baskethandle');
|
---|
264 | var berries = YAHOO.util.Dom.get('berries');
|
---|
265 | berryBasket.style.height = oldHeight;
|
---|
266 | berryBasket.style.width = oldWidth;
|
---|
267 | berryBasket.style.background = oldBg;
|
---|
268 | berryBasket.style.cursor = "pointer";
|
---|
269 | berryBasket.className = "hide";
|
---|
270 |
|
---|
271 | while (berries.hasChildNodes()) {
|
---|
272 | berries.removeChild(berries.firstChild);
|
---|
273 | }
|
---|
274 |
|
---|
275 | while (basketHandle.hasChildNodes()) {
|
---|
276 | basketHandle.removeChild(basketHandle.firstChild);
|
---|
277 | }
|
---|
278 |
|
---|
279 | updateBerryImages();
|
---|
280 | //updateBerryCount();
|
---|
281 |
|
---|
282 | //toggle expand/collapse links
|
---|
283 | var expandLink = YAHOO.util.Dom.get('berryBasketExpandLink');
|
---|
284 | var collapseLink = YAHOO.util.Dom.get('berryBasketCollapseLink');
|
---|
285 | if ( expandLink != null && collapseLink != null ) {
|
---|
286 | expandLink.style.display = '';
|
---|
287 | collapseLink.style.display = 'none';
|
---|
288 | }
|
---|
289 |
|
---|
290 | }
|
---|
291 |
|
---|
292 |
|
---|
293 | function addBerry(el){
|
---|
294 | var addurl = gs.xsltParams.library_name + "?a=pr&rt=r&ro=1&s=AddItem&c=&s1.id=2&o=XML&hhf=[{\"name\":\"Cache-Control\", \"value\":\"no-cache\"}]&s1.item=" + el.id;
|
---|
295 |
|
---|
296 | var addSuccess = function(o){
|
---|
297 | var result = o.responseXML;
|
---|
298 | var items = result.getElementsByTagName('item');
|
---|
299 |
|
---|
300 | if (items.length < 0){
|
---|
301 |
|
---|
302 | var item = items[0];
|
---|
303 | var berrybasket = YAHOO.util.Dom.get('berrybasket');
|
---|
304 | var berries = YAHOO.util.Dom.get('berries');
|
---|
305 | berryList[berryList.length]= item;
|
---|
306 | var parent =el.parentNode;
|
---|
307 | if (parent == null) return;
|
---|
308 | parent.removeChild(el);
|
---|
309 | var itemID = item.getAttribute('collection')+":"+item.getAttribute('name');
|
---|
310 | if (parent !=null && parent.id == "documentberries"){
|
---|
311 |
|
---|
312 | var root = YAHOO.util.Dom.get(itemID+":root");
|
---|
313 | var section = YAHOO.util.Dom.get(itemID+":section");
|
---|
314 |
|
---|
315 | if(root!=null && root.id.indexOf(itemID) !=-1){
|
---|
316 | parent.removeChild(root);
|
---|
317 | }
|
---|
318 |
|
---|
319 | if(section!=null && section.id.indexOf(itemID) !=-1){
|
---|
320 | parent.removeChild(section);
|
---|
321 | }
|
---|
322 |
|
---|
323 | }
|
---|
324 |
|
---|
325 | if (!YAHOO.util.Dom.get('hideview') && berryList.length < 13){
|
---|
326 |
|
---|
327 | while (berries.hasChildNodes()) {
|
---|
328 | berries.removeChild(berries.firstChild);
|
---|
329 | }
|
---|
330 |
|
---|
331 | for (var i =0; i < berryList.length; i++ ){
|
---|
332 | var img = document.createElement('img');
|
---|
333 | img.src = 'interfaces/default/images/berry.png';
|
---|
334 | berries.appendChild(img);
|
---|
335 | }
|
---|
336 |
|
---|
337 | } else {
|
---|
338 |
|
---|
339 | if (YAHOO.util.Dom.get('hideview')){
|
---|
340 | var berryBasket = YAHOO.util.Dom.get('berrybasket');
|
---|
341 | var berries = YAHOO.util.Dom.get('berries');
|
---|
342 | var doclist = YAHOO.util.Dom.get('doclist');
|
---|
343 | var tid = el.id;
|
---|
344 | var berryItem;
|
---|
345 | var berryElement = document.createElement('li');
|
---|
346 |
|
---|
347 | for (var i in berryList){
|
---|
348 | berryItem = berryList[i];
|
---|
349 | var id = berryItem.getAttribute('collection')+":"+berryItem.getAttribute('name');
|
---|
350 |
|
---|
351 | if (id == tid){
|
---|
352 | var title = berryItem.getAttribute('title');
|
---|
353 | var root_title = berryItem.getAttribute('root_title');
|
---|
354 | if (root_title != ""){
|
---|
355 | root_title +=":";
|
---|
356 | }
|
---|
357 |
|
---|
358 | title = root_title+title;
|
---|
359 | if (title.length > 50){
|
---|
360 | title = title.substring(0,20)+" ... "+title.substr(title.length-35,35);
|
---|
361 | }
|
---|
362 |
|
---|
363 | berryElement.appendChild(document.createTextNode(title));
|
---|
364 | berryElement.setAttribute("class","berryitem");
|
---|
365 | doclist.appendChild(berryElement);
|
---|
366 | var heightStr = berryBasket.style.height+"";
|
---|
367 | var height =parseInt(heightStr.substring(0,heightStr.length-2)) +18;
|
---|
368 | berryBasket.style.height = height;
|
---|
369 | berries.style.height = height;
|
---|
370 | break;
|
---|
371 | }
|
---|
372 |
|
---|
373 | }
|
---|
374 |
|
---|
375 | }
|
---|
376 |
|
---|
377 | }
|
---|
378 | }
|
---|
379 | }
|
---|
380 |
|
---|
381 | var addFailure = function(o){
|
---|
382 | }
|
---|
383 |
|
---|
384 | var addcallback = {
|
---|
385 | success:addSuccess,
|
---|
386 | failure:addFailure
|
---|
387 | }
|
---|
388 |
|
---|
389 | YAHOO.util.Connect.asyncRequest(request_type , addurl , addcallback);
|
---|
390 | }
|
---|
391 |
|
---|
392 | YAHOO.util.Event.addListener(window, 'load', checkout);
|
---|
393 | //YAHOO.util.Event.addListener(window, 'click', basketUpdate);
|
---|
394 |
|
---|
395 |
|
---|
396 |
|
---|