-
Notifications
You must be signed in to change notification settings - Fork 0
/
boogy01.js
970 lines (835 loc) · 29.3 KB
/
boogy01.js
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
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
/* BoogyWoogy browser
v.2 Sept. 30, 2014
This is an early, prototype demo of some of the basic services of Harvard LibraryCloud, and open metadata server being developed under an Arcardia Foundation grant provided by the Harvard Library Lab.
BoogyWoogy lets a user search the records of almost all of the 13M items in the Harvard Library collection. Clicking on one of the results fetches other items "like" it in that collection, where what "like" means is chosen by the user by a slider. The results are displayed in a colorful grid.
This demo was written by a hobbyist, so the code should not be taken seriously. In fact, it should be forgiven. And it is using a very early alpha version of the LibraryCloud API. It currently uses a jQuery plugin that I developed to get data out of the complex JSON that the API returns. (The API uses a schema based on standard MODS). The plugin is lousy. At some point, perhaps soon, it will be obviated as the LibraryCloud API, and the platform's enhancement processes, are improved.
The laughable source code is here: https://github.com/dweinberger/boogywoogy.
There's a version of it live at http://hyperorg.com/programs/boogywoogybrowser/boogywoogy01.html
David Weinberger
Sept. 25, 2014
self@evident.com
Dual licensed under the MIT license (below) and GPL license.
MIT License
Copyright (c) 2014 David Weinberger
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
// Globals. Yes, globals, dammit. I said I'm a hobbyist!
function Book(img,title,author,subject,year,hollisid,abs,toc){
this.img = img;
this.title = title;
this.author = author;
this.subject=subject;
this.year = year;
this.hollisid=hollisid;
this.abstract = abs;
this.toc = toc;
}
function Square(x,y,bookid,direction,searchnumber){
this.x = x;
this.y = y;
this.direction = direction;
this.searchnumber = searchnumber;
}
var numbOfRows = 13;
var numbOfCols = 13;
var gClickedBox = [-1, -1];
var gHoverbox = [-1, -1];
var gsearchnumber = -1;
var gslidervalue = -1;
var books = new Array();
var gbookline = new Array();
var gbookgrid = [];
var grid = [];
var searchArray = [];
var gcolorctr = 0;
// background and foreground pairs:
var colors = [["#FFCC66","#800000"],["#66FFCC","#000080"],["#CC66FF","#004080"],
["#66CCFF","#000080"],["#FF6FCF","#800000"],["#000000","#FFFFFF"],
["#FF6666","#520101"],["#FFFF66","#158409"],["#66FF66","#008080"],
["#66FFFF","#000080"],["#6666FF","#000000"],["#800000","#FFFF66"],
["#FF0000","#FFFFFF"],["#008000","#CCFF66"],["#000080","#FFFF66"],
["#800080","#FFCC66"],["#008040","#FFFF00"],["#FF88D2","#4E147D"],
["#00FFFF","#000080"],["#4C4C4C","#FFFFFF"],["#9E9E9E","#370101"]];
function init(){
// -- Lay out the grid
var gridtop = outerdiv.style.top;
var gridleft = outerdiv.style.left;
var x,y,i, j, div,id;
var spacer = 10; // spacer between inner boxes
// set starting point
var ptop = spacer;
var pleft = gridleft + spacer;
var ctr = -1;
for (i=0; i < 13 ; i++){
for (j=0;j < 13; j ++) {
ctr++;
// create new div
div = document.createElement('div');
div.setAttribute("class","b tooltip");
var id = i + ":" + j;
//div.setAttribute("onhover","hoverPopUp('" + id + "')");
div.setAttribute("onclick","fetchARow('" + i + "','" + j + "')");
div.setAttribute("searchnumber", "-1");
div.setAttribute("id",id);
div.setAttribute("x",i);
div.setAttribute("y",j);
//div.innerHTML = ctr;
// create inner frame?
outerdiv.appendChild(div);
// add info to grid array
var box = {};
box.x = i;
box.y = j;
box.bookid = "";
box.direction="";
grid.push(box);
// initialize the bookgrid
gbookgrid.push(box);
}
// create a clear float to wrap the line
div = document.createElement("div");
$(div).css("clear","both");
outerdiv.appendChild(div);
}
// randomize backgrounds (with associated font colors)
colors = randomizeArray(colors);
$('.b').hover(function(e){
gHoverbox = [$(this).attr("x"), $(this).attr("y")];
});
// tipster for hovering
$('.b').tooltipster({
// position: "bottom-right",
theme: "tipster-theme-dw",
autoClose: "false"
});
$("[searchnumb!='-1'] .b").tooltipster('content', function(){
if ($("#catcarddiv").is(":visible") == false){
var x = gHoverbox[0];
var y = gHoverbox[1];
var boxnumb = getBoxNumber(x,y);
var title = gbookgrid[boxnumb].title.join(": ");
var subj = gbookgrid[boxnumb].subject.join("; ");
var auth = gbookgrid[boxnumb].author.join("; ");
var ddate = gbookgrid[boxnumb].year;
var tipcontent = "<div class='tiptitle'>" + title + " (" + ddate + ")</div>" + "<div class='tipauth'><em>by</em> " + auth + "</div>";
var tipcontent = tipcontent + "<div class='tipsubj'><em>Subjects</em>: " + subj + "</div>";
var i = gbookgrid[boxnumb].searchnumber;
var searchtxt = "<div class='tipsearch'>Search #" + (i + 1) + " " + searchArray[i]["degree"];
searchtxt = searchtxt + " Subject: \"" + searchArray[i]["subjterm"] +
"\" Keyword: \"" + searchArray[i]["keyterm"] + "\"";
tipcontent = tipcontent + searchtxt + "</div>";
return tipcontent;
}
});
//--- set slider values
// STRICTEST subject search for word - Monica Geller
// STRICT take second subject for subj search - Kevin Bacon
// SORTOF take first subject for keyword search - Bill Murray
// WEAK: take last subject for keyword search - Phoebe Buffay
// KEVIN BACON: Take first non-stop word of title and do keyword - Nic Cage
$("#slider").bind("slider:changed", function (event, data) {
// The currently selected value of the slider
// alert(data.value);
// set to global
var slideval = data.value;
if (slideval < 0.2){
$("#slidertext").html("STRICTEST");
// $("#slidertext").css({"color":"black","font-weight":"300","font-size":"12px"});
}
if ((slideval >= 0.2) && (slideval < 0.4)) {
$("#slidertext").html("STRICT");
//$("#slidertext").css({"color":"#404040","font-weight":"400","font-size":"14px"});
}
if ((slideval >= 0.4) && (slideval < 0.6)){
$("#slidertext").html("SORTOF");
//$("#slidertext").css({"color":"#782C37","font-weight":"600","font-size":"16px"});
}
if ((slideval >= 0.6) && (slideval < 0.8)){
$("#slidertext").html("WEAK");
//$("#slidertext").css({"color":"#9A5C34","font-weight":"700","font-size":"20px"});
}
if (slideval >= 0.8){
$("#slidertext").html("KEVIN BACON");
// $("#slidertext").css({"color":"red","fontWeight":"800","font-size":"24px"});
}
});
// set the slider to default
$("#slider").simpleSlider("setValue", 0.0);
// Go to stacklife (context button)
$('.b').bind("contextmenu",function(e){
launchCatCard(this);
return false
// -- DEBUG
//alert('Context Menu event has fired!');
if ($(this).attr("searchnumb") != "-1"){
var r = confirm("Explore this item in StackLife?");
// get stacklife ID and open the window to it
if (r){
// get hollis ID
var hollisid = $(this).attr("hollis");
$.ajax({
type: "POST",
data: {hollisid : hollisid },
url: './php/getStacklife.php',
success: function(r,mode){
var surl = "http://stacklife.harvard.edu/item/n/" + r;
window.open(surl,'StackLife from Boogy');
},
error: function(r,mode){
alert("Unable to launch StackLife.");
}
});
}
}
return false;
});
// pressing enter submits the search
$("#searchbox").keypress(function(e){
if (e.which === 13){
startSearch();
$("#searchbox").blur(); // remove focus
event.preventDefault();
}
});
// arrow keys control the detail box (carcard)
$(document).keydown(function(e){
//
// return false;
// }
// only do this if the new square is filled
var r = gClickedBox[0];
var c = gClickedBox[1];
var box = document.getElementById(r + ":" + c);
switch (e.which){
case 37: // left
c = c -1;
if (c < 0) { return}
box = document.getElementById(r + ":" + c);
if ($(box).attr("searchnumber") != "-1"){
launchCatCard(box);
}
break;
case 38: // up
r = r -1;
if (r < 0) { return}
box = document.getElementById(r + ":" + c);
if ($(box).attr("searchnumber") != "-1"){
launchCatCard(box);
}
break;
case 39: // right
c = c + 1;
if (c > 12) { return}
box = document.getElementById(r + ":" + c);
if ($(box).attr("searchnumber") != "-1"){
launchCatCard(box);
}
break;
case 40: // down
r = r + 1;
if (c > 12) { return}
box = document.getElementById(r + ":" + c);
if ($(box).attr("searchnumber") != "-1"){
launchCatCard(box);
}
break;
case 27: // Escape key
$("#catcarddiv").hide(200);
break;
}
});
// for debugging:
//startSearch();
}
function startSearch(){
// pressed the keyword search button
// get the search term
var searchterm = $("#searchbox").val();
if (searchterm == ""){ // error check
alert("Enter a subject to search for");
return
}
var r = false;
// Do any squares have a horizontal or vertical class? If so, there are books on the grid
// so we need to do an entire reset
var horiz = $(".horizontal");
var vert = $(".vertical");
if ((horiz.length > 0) || (vert.length > 0)){
r = confirm("Doing this search will clear the entire grid. Continue? \n[Feature under development. If it doesn't work, reload this page.] ");
if (r){
resetGrid();
}
else{
return;
}
}
// track the searches themselves
searchArray.push({searchnumber : 0, subjterm : "", keyterm: searchterm, degree : "Initial keyword search"});
// get some books, noting that this is the first search
fetchBooks("-1");
}
function fetchBooks(clickedBox_xy){
// clickedBox_xy: grid coords of the box the user clicked that got us here
// if first search, then bookid = -1 and subject = value of searchbox
// get slider value
var slidervalue = $("#slidertext").text();
var term;
// first time search?
if (clickedBox_xy == "-1"){
term = $("#searchbox").val();
var typeofsearch = "KEYWORD";
// get random starting points.
var aa = Math.floor(Math.random() * 13);
var bb = Math.floor(Math.random() * 13);
clickedBox_xy = [aa,bb];
}
// click on a filled-in box
else {
var r = clickedBox_xy[0];
var c = clickedBox_xy[1]
var booknumb = getBoxNumber(r,c);
// what type of search?
switch (slidervalue){
case "STRICTEST":
if ( ($.isArray(gbookgrid[booknumb]["subject"])) && (gbookgrid[booknumb]["subject"][0] !== undefined ) ){
term = gbookgrid[booknumb]["subject"][0];
}
else { // Sleazy: If LibCloud returns no subject,
// just use the search term
term = $("#searchbox").val();
}
typeofsearch = "SUBJECT";
searchArray.push({searchnumber : gsearchnumber, subjterm : term, keyterm: "", degree : "Strictest"});
break;
case "STRICT":
// get last subject and do subject search
if ( ($.isArray(gbookgrid[booknumb]["subject"])) && (gbookgrid[booknumb]["subject"][0] !== undefined ) ){
var z = gbookgrid[booknumb]["subject"].length;
z = z - 1;
term = gbookgrid[booknumb]["subject"][z];
}
else { // if LibCloud returned no subject
term = $("#searchbox").val();
}
typeofsearch = "SUBJECT";
searchArray.push({searchnumber : gsearchnumber, subjterm : term, keyterm: "", degree : "Strict"});
break;
case "SORTOF":
// get the first subject's first word, do keyword search
if ( ($.isArray(gbookgrid[booknumb]["subject"])) && (gbookgrid[booknumb]["subject"] !== undefined ) ){
term = gbookgrid[booknumb]["subject"][0];
}
else { // if LibCloud returned no subject
term = $("#searchbox").val();
}
var p = term.indexOf(" ");
if (p > -1){
term = term.substr(0,p);
}
typeofsearch = "KEYWORD";
searchArray.push({searchnumber : gsearchnumber, subjterm : "", keyterm: term, degree : "SortOf"});
break;
case "WEAK":
// subject search and keyword search
var title = gbookgrid[booknumb]["title"][0];
var titleterm = firstNonStopword(title);
if ( ($.isArray(gbookgrid[booknumb]["subject"])) && (gbookgrid[booknumb]["subject"] !== undefined ) ){
var z = gbookgrid[booknumb]["subject"].length;
z = z - 1;
subjterm = gbookgrid[booknumb]["subject"][z];
}
else { // if LibCloud returned no subject
subjterm = "";
}
// combine both terms, to be pulled apart in php
term = subjterm + "|||" + titleterm;
typeofsearch = "WEAK";
searchArray.push({searchnumber : gsearchnumber, subjterm : subjterm, keyterm: titleterm, degree : "Weak"});
break;
case "KEVIN BACON":
// get first nonstopword from title
var title = gbookgrid[booknumb]["title"][0];
term = firstNonStopword(title);
// it's all stop words
if (term == ""){
term = gbookgrid[booknumb]["subject"][0];
}
typeofsearch = "KEYWORD";
searchArray.push({searchnumber : gsearchnumber, subjterm : "", keyterm: term, degree : "Kevin Bacon"});
break;
}
}
// do the search, get some books, parse the json, get an array of books for this line, display the line
$.ajax({
type: "POST",
data: {searchterm : term, searchtype : typeofsearch, degree : slidervalue },
url: './php/boogy.php',
success: function(r,mode){
gsearchnumber++;
parseAndLoadBookLine(r);
layOutLine(clickedBox_xy);
},
error: function(r,mode){
alert("Oops. Query failed. Click somewhere else.");
}
});
}
function parseAndLoadBookLine(resp){
jbooks = JSON.parse(resp); // turn the response into json
jsonIntoRecord(jbooks); // turn it into an array of books; creates global gbookline
}
function jsonIntoRecord(jsn){
// converts json into an array that will be a line of books (gbookline)
;
gbookline= []; // init the bookline
var items = jsn.items;
for (var i=0; i < items.length; i++){
var tempbook = new Book(); // to hold each book as created from json
// use jquery library to get arrays of items we care about
var subjarray = $(items[i]).parseItemJSON("subject");
tempbook["subject"] = subjarray;
var autharray = $(items[i]).parseItemJSON("author");
tempbook["author"] = autharray;
var titlearray = $(items[i]).parseItemJSON("title")
tempbook["title"] = titlearray;
var hollisid = $(items[i]).parseItemJSON("hollisID");
tempbook["hollisid"] = hollisid;
var ddate = $(items[i]).parseItemJSON("date");
tempbook["year"] = ddate;
var aabstract = $(items[i]).parseItemJSON("abstract");
tempbook["abstract"] = aabstract;
var toc = $(items[i]).parseItemJSON("tableOfContents");
tempbook["toc"] = toc;
// add this to gbookline
gbookline.push(tempbook);
}
// randomize the length of the line, just for visual appeal
if (gbookline.length > 4){
var randlen = (Math.floor(Math.random() * 5) + 1) + 4; // i know this isn't optimal
gbookline = gbookline.slice(0,randlen);
}
}
function getBoxNumber(r,c){
// convert row and column into index
var res = (parseInt(r) * 13) + parseInt(c);
return parseInt(res)
}
function layOutLine(clickedBox){
// Display the contents of bookline, i.e., the items returned by the query
// clickedbox = x and y of the box that was clicked
var r = clickedBox[0];
var c = clickedBox[1];
// what direction is the box currently going in?
var boxnumber = getBoxNumber(r,c);
var gridbox = gbookgrid[boxnumber];
var direction = gridbox["direction"];
switch (direction){
case "":
direction = "HORIZONTAL";
break;
case "HORIZONTAL":
direction = "VERTICAL";
break;
case "VERTICAL":
direction = "HORIZONTAL"
break;
}
// remove catcard
$("#catcarddiv").hide(200);
// ----- do the layout
// get array of which squares to fill
// for each of the items in gbookline
// to fit the line of books onto the grid, we alternate the sides of the startbox
// we're building on. If there's no room on one side, then we switch to the other.
var turnA = true; // which side are we building on?
var newr,newc;
var edges = []; // the two squares -- on on either side -- we might fill with an item
var colorPair = colors[gcolorctr]; // get the color for this box
gcolorctr++; // increase the counter into the color array
if (gcolorctr > colors.length){gcolorctr=0;} // start again in the color array if necessary
// go down the gbookline array of fetched items
for (var i=0; i< gbookline.length; i++){
// get title and author
var strtitle = gbookline[i]["title"][0];
// truncate the displayed title if necessary
if (strtitle.length > 35){strtitle = strtitle.substr(0,35) + "...";}
// create a single string out of the title array. It will be shown in the hover box
var hiddentitle = gbookline[i]["title"].join(" : ");
var strauthor = gbookline[i]["author"].join("; ");
// create a single string out of the title array. It will be shown in the hover box
var displayText = "<span class='title' title='" + hiddentitle + "\n" + strauthor + "'>" + strtitle + "</span>";
// try going either way alternately until we hit an obstacle
if (direction == "HORIZONTAL"){
// get left and right free spaces
edges = getNextOpenSquare(r,c,"HORIZONTAL");
// if it's the first search, forcefeed it. Otherwise it leaves a hole
if ( (i==0) && (gsearchnumber == 0) ){
edges = [c,c];
}
if (turnA){
if (edges[0] == -1){ // if can't go left, then go right
newc = edges[1];
}
else{
newc = edges[0];
}
}
else {
if (edges[1] == -1) { // if can't go right, then go left
newc = edges[0];
}
else {
newc = edges[1];
}
}
turnA = !turnA; // flip the direction for next move
// if there's a legit move, do it
if (newc != -1){
// get the div box
var divbox = document.getElementById(r + ":" + newc);
// put content into the box
$(divbox).removeClass("vertical");
$(divbox).addClass("horizontal");
divbox.setAttribute("searchnumber",gsearchnumber);
divbox.setAttribute("hollis",gbookline[i]["hollisid"]);
divbox.style.backgroundColor = colorPair[0];
divbox.style.color = colorPair[1];
// get random duration for fade
var fadetime = Math.floor(Math.random() * ((1100-100)+1) + 100);
$(divbox).hide().html(displayText).slideToggle(fadetime);
var booknumber = getBoxNumber(r,newc);
gbookgrid[booknumber]["direction"] = "HORIZONTAL";
gbookgrid[booknumber]["subject"] = gbookline[i]["subject"];
gbookgrid[booknumber]["title"] = gbookline[i]["title"];
gbookgrid[booknumber]["author"] = gbookline[i]["author"];
gbookgrid[booknumber]["searchnumber"] = gsearchnumber;
gbookgrid[booknumber]["hollis"] = gbookline[i]["hollisid"];
gbookgrid[booknumber]["year"] = gbookline[i]["year"];
gbookgrid[booknumber]["abstract"] = gbookline[i]["abstract"];
gbookgrid[booknumber]["toc"] = gbookline[i]["toc"];
}
}
if (direction == "VERTICAL"){
// get next up and down free spaces
edges = getNextOpenSquare(r,c,"VERTICAL");
if (turnA){
if (edges[0] == -1){ // if can't go down, then go up
newr = edges[1];
}
else{
newr = edges[0];
}
}
else {
if (edges[1] == -1) { // if can't go up, then go down
newr = edges[0];
}
else {
newr = edges[1];
}
}
turnA = !turnA; // flip the direction for next move
// if there's a legit move, do it
if (newr != -1){
// get the div box
var divbox = document.getElementById(newr + ":" + c);
// put content into the box
$(divbox).removeClass("horizontal");
$(divbox).addClass("vertical");
divbox.setAttribute("searchnumber",gsearchnumber);
divbox.setAttribute("hollis",gbookline[i]["hollisid"]);
divbox.style.backgroundColor = colorPair[0];
divbox.style.color = colorPair[1];
var fadetime = Math.floor(Math.random() * ((1000-200)+1) + 200);
$(divbox).hide().html(displayText).fadeIn(fadetime);
var booknumber = getBoxNumber(newr,c);
gbookgrid[booknumber]["direction"] = "VERTICAL";
gbookgrid[booknumber]["subject"] = gbookline[i]["subject"];
gbookgrid[booknumber]["title"] = gbookline[i]["title"];
gbookgrid[booknumber]["author"] = gbookline[i]["author"];
gbookgrid[booknumber]["searchnumber"] = gsearchnumber;
gbookgrid[booknumber]["hollis"] = gbookline[i]["hollisid"];
gbookgrid[booknumber]["year"] = gbookline[i]["year"];
gbookgrid[booknumber]["abstract"] = gbookline[i]["abstract"];
gbookgrid[booknumber]["toc"] = gbookline[i]["toc"];
}
}
}
// Visibly mark the clicked-on box so the user can see it
divbox = document.getElementById(r + ":" + c);
// if it's the first one, scroll to it
if (gsearchnumber == 0){
//$(divbox).scrollintoview();
}
}
function getNextOpenSquare(r,c,direction){
// when laying out a line, find the next two boxes (up and down or left and right) that can
// be filled in. If a box can't be filled in, return -1
var leftc = -1, rightc = -1, upc = -1, downc = -1
// get search number of starting square so we can skip it
var startsq = getBoxNumber(r,c);
var startbox = document.getElementById(r + ":" + c);
var startsearchnumber = startbox.getAttribute("searchnumber");
//-------- HORIZONTAL
var i, thisSearchNumber, thisbox;
if (direction == "HORIZONTAL"){
// get left by walking up to starting col from the left edge (c = 0)
for (i=0; i < c; i++){
thisbox = document.getElementById(r + ":" + i);
thisSearchNumber = thisbox.getAttribute("searchnumber");
// is this box already taken by this search?
if (thisSearchNumber != gsearchnumber){
leftc = i;
}
}
// get rightc by walking from right edge to clicked box
for (i=12; i > c; i--){
thisbox = document.getElementById(r + ":" + i);
thisSearchNumber = thisbox.getAttribute("searchnumber");
// is this box already taken by this search?
if (thisSearchNumber != gsearchnumber){
rightc = i;
}
}
return [leftc,rightc];
}
//--------- VERTICAL
if (direction == "VERTICAL"){
// get upc by walking down from top edge to starting row
for (i=0; i < r; i++){
thisbox = document.getElementById(i + ":" + c);
thisSearchNumber = thisbox.getAttribute("searchnumber");
// is this box already taken by this search?
if (thisSearchNumber != gsearchnumber){
upc = i;
}
}
// get downc by walking up from bottom to starting row
for (i=12; i > r; i--){
thisbox = document.getElementById(i + ":" + c);
thisSearchNumber = thisbox.getAttribute("searchnumber");
// is this box already taken by this search?
if (thisSearchNumber != gsearchnumber){
downc = i;
}
}
}
return [upc,downc];
}
function fetchARow(x,y){
// get new books, unless we got here through an arrow key while
// the catalog card is open
clickedABox(x,y); // mark the box as clicked
//if ($("#catcarddiv").is(':visible') !== true) {
fetchBooks([x,y]);
//}
}
function clickedABox(x,y){
// clicked on an element so mark it
// get the div
var div = document.getElementById(x + ":" + y);
// turn off border on all non-clicked
$("div").removeClass("clicked");
// turn on border
$(div).addClass("clicked");
gClickedBox = [x,y];
}
function firstNonStopword(s){
// get first nonstopword from a string, or ""
// turn it into an Array
var words = s.split(" ");
var done = false;
var i = 0;
while (done==false){
word = words[i];
if (checkStopWord(word) == false){
term = word;
done = true;
}
else {
i++;
if (i >= words.length){
done = true;
term = "";
}
}
}
return term
}
function randomizeArray(o){
// thanks http://css-tricks.com/snippets/javascript/shuffle-array/
for(var j, x, i = o.length; i; j = Math.floor(Math.random() * i), x = o[--i], o[i] = o[j], o[j] = x);
return o;
}
function resetQuestion(){
var r = confirm("Clear the entire grid?");
if (r){
$("#searchbox").val("");
resetGrid();
}
}
function resetGrid(){
$("#outerdiv").html("");
gsearchnumber = -1;
gslidervalue = 0;
books = new Array();
gbookline = new Array();
gbookgrid = [];
grid = [];
searchArray = [];
gcolorctr = 0;
$("#cardcatdiv").hide();
init();
}
function toggleButtons(which){
// manage the buttons that show instructions and about info.
if (which == "explanation"){ // explan is visible, so turn it off
if ($("#explanation").is(':visible')){
$('#explanation').slideUp(300);
//$('#about').slideDown(300);
$("#instructionsbutton").removeClass("on");
$("#instructionsbutton").addClass("off");
}
else {
$('#explanation').slideDown(300);
$('#about').slideUp(300);
$("#instructionsbutton").addClass("on");
$("#instructionsbutton").removeClass("off");
$("#aboutbutton").removeClass("on");
}
}
if (which == "about"){
if ($("#about").is(':visible')){
$('#about').slideUp(300);
//$('#explanation').slideDown(300);
$("#aboutbutton").removeClass("on").addClass("off");
//$("#explanationbutton").addClass("on");
}
else {
$('#about').slideDown(300);
$('#explanation').slideUp(300);
$("#aboutbutton").removeClass("off").addClass("on");
$("#instructionsbutton").addClass("off");
}
}
}
function launchCatCard(box){
// displays the inplace card with more info.
// turn off qtips
//$(".qtip").hide();
// -- get the boxnumber
var pos = $(box).offset();
var boxtop = pos["top"];
var boxleft = pos["left"];
var r = parseInt(box.getAttribute("x"));
var c = parseInt(box.getAttribute("y"));
var boxnumb = getBoxNumber(r,c);
// set this as the clicked box
clickedABox(r,c);
// -- create the content
var contdiv = document.getElementById("cardcont");
// title
var title="";
if (gbookgrid[boxnumb]["title"] !== undefined){
$("#cardtitle").html(gbookgrid[boxnumb]["title"].join(": "));
}
// year
if (gbookgrid[boxnumb]["year"] !== undefined){
$("#cardyear").html(" [" + gbookgrid[boxnumb]["year"] + "]");
}
// author
var author="";
if (gbookgrid[boxnumb]["author"] !== undefined){
$("#cardauthor").html(gbookgrid[boxnumb]["author"].join(": "));
}
// abstract
if ( (gbookgrid[boxnumb]["abstract"] !== undefined) && (gbookgrid[boxnumb]["abstract"] !=="")){
if ($.isArray(gbookgrid[boxnumb]["abstract"])){
var abs = gbookgrid[boxnumb]["abstract"].join("<P>");
}
else{
var abs = gbookgrid[boxnumb]["abstract"];
}
}
else{
abs = "No abstract.";
}
$("#cardabstract").html(abs);
if (abs !== "No abstract."){
$("#cardabstract").slideDown(abs);
}
else{
$("#cardabstract").slideUp(abs);
}
// table of contents
if ( (gbookgrid[boxnumb]["toc"] !== undefined) && (gbookgrid[boxnumb]["toc"] !=="")){
if ($.isArray(gbookgrid[boxnumb]["toc"])){
var toc = gbookgrid[boxnumb]["toc"].join("<P>");
}
else{
var toc = gbookgrid[boxnumb]["toc"];
}
}
else{
toc = "No table of contents.";
}
$("#cardtoc").html(toc);
if (toc !== "No table of contents.") {
$("#cardtoc").slideDown(300);
}
else {
$("#cardtoc").slideUp(300);
}
// -- position it
// get the position of the outerdiv so we can add it to the offset
// position left and top based on the position of the clicked on box
var cardleft,cardtop, cardheight;
var catcard = document.getElementById("catcarddiv");
cardheight = $(catcard).height();
var extraoffset = $("#outerdiv").offset(); // we're positioning absolutely so need offset
// set left
// if (c < 7) {
// cardleft = boxleft + (60 - extraoffset["left"]);
// }
// else {
// cardleft = boxleft - (300 + extraoffset["left"]);
// }
// // anchor it al the way on the right
cardleft = "830px";
// set top
if (r > 7) {
cardtop = boxtop - ((cardheight - 60) + extraoffset["top"]);
}
else {
cardtop = boxtop - extraoffset["top"];
}
// get color of the clicked cardheight
var clickedbox = document.getElementById(r + ":" + c);
var targetbgcolor = $(clickedbox).css("background-color");
var targetcolor = $(clickedbox).css("color");
// show it
$("#cardtitle").css({ backgroundColor : targetbgcolor, color : targetcolor});
$(catcard).css({left : cardleft});
$(catcard).animate({top : cardtop + "px"});
$(catcard).show(300);
}
function gotoStacklife(el){
// el = stacklife button in catcard
// get clicked element
var clickedbox = document.getElementById(gClickedBox[0] + ":" + gClickedBox[1]);
var hollisid = $(clickedbox).attr("hollis");
$.ajax({
type: "POST",
data: {hollisid : hollisid },
url: './php/getStacklife.php',
success: function(r,mode){
var surl = "http://stacklife.harvard.edu/item/n/" + r;
window.open(surl,'StackLife from Boogy');
},
error: function(r,mode){
alert("Unable to launch StackLife.");
}
});
}