git.zarb.org Git - booh/blob - lib/booh/html-merges.rb

   1 #
   2 #                         *  BOOH  *
   3 #
   4 # A.k.a `Best web-album Of the world, Or your money back, Humerus'.
   5 #
   6 # The acronyn sucks, however this is a tribute to Dragon Ball by
   7 # Akira Toriyama, where the last enemy beaten by heroes of Dragon
   8 # Ball is named "Boo". But there was already a free software project
   9 # called Boo, so this one will be it "Booh". Or whatever.
  10 #
  11 #
  12 # Copyright (c) 2004 Guillaume Cottenceau <gc3 at bluewin.ch>
  13 #
  14 # This software may be freely redistributed under the terms of the GNU
  15 # public license version 2.
  16 #
  17 # You should have received a copy of the GNU General Public License
  18 # along with this program; if not, write to the Free Software
  19 # Foundation, Inc., 675 Mass Ave, Cambridge, MA 02139, USA.
  20
  21 # holds static data to merge in the html "themes"
  22
  23 require 'gettext'
  24 bindtextdomain("booh")
  25
  26 require 'booh/booh-lib'
  27 include Booh
  28
  29 $image_head_code = <<'EOF'
  30 <meta name="generator" content="Generated by Booh! http://zarb.org/~gc/html/booh.html">
  31
  32 <script language="JavaScript1.1" type="text/JavaScript">
  33 var images = new Array(~~images~~);
  34 ~~other_images~~
  35 var other_sizes = new Array(~~other_sizes~~);
  36 var captions = new Array(~~captions~~);
  37
  38 var images_ary = new Array();
  39 var images_loaded = new Array();
  40 var current = 0;
  41 var slideshow = 0;
  42 var slideshow_pause = null;
  43 var slideshow_timer = null;
  44
  45 for (i = 0; i < images.length; i++) {
  46     /* this array will contain 0 if image not yet loaded, 1 when loading,
  47      * 2 when complete */
  48     images_loaded[i] = 0;
  49 }
  50
  51 function dbg(t) {
  52     document.getElementById('dbg_text').innerHTML += t + "\n";
  53 }
  54
  55 /* load image, return 1 if image is finished loading */
  56 function load(i) {
  57     if (images_loaded[i] == 0) {
  58         images_ary[i] = new Image();
  59         images_ary[i].src = images[i];
  60         images_loaded[i] = 1;
  61     }
  62     if (images_loaded[i] == 1) {
  63         if (images_ary[i].complete) {
  64             images_loaded[i] = 2;
  65         } else {
  66             return 0;
  67         }
  68     }
  69     return 1;
  70 }
  71
  72 function getparam(key) {
  73     all_params = location.href.split("#")
  74     if (all_params.length > 1) {
  75         params = all_params[1].split("&");
  76         for (i = 0; i < params.length; i++) {
  77             keyvalue = params[i].split("=");
  78             if (keyvalue[0] == key) {
  79                 return keyvalue[1];
  80             }
  81         }
  82     }
  83     return null;
  84 }
  85
  86 function loadcurrent(img) {
  87     for (i = 0; i < images.length; i++) {
  88         if (images[i] == img) {
  89             current = i;
  90             display_current();
  91             return;
  92         }
  93     }
  94     current = 0;
  95     display_current();
  96 }
  97
  98 function browser_href() {
  99     all = location.href.split("/");
 100     return all[all.length - 1];
 101 }
 102
 103 /* check URL for changes; allows the URL to reflect currently showed image */
 104 var currentURL = '';
 105 function checkURL() {
 106     if (currentURL == 'ignore1') {
 107         // do nothing
 108     } else if (currentURL == 'ignore2') {
 109         currentURL = browser_href();
 110     } else {
 111         href = browser_href();
 112         if (href != currentURL) {
 113             currentURL = href;
 114             img = getparam('current');
 115             loadcurrent(img);
 116         }
 117     }
 118     setTimeout("checkURL()", 100);
 119 }
 120
 121 function preload() {
 122
 123     /* favor current image, if user clicked on `last' or something */
 124     load(current);
 125
 126     /* don't blindly preload all images at the beginning,
 127      * but rather load them one by one, in order to get
 128      * next ones faster, beginning with next to current
 129      */
 130     if (current + 1 < images.length && load(current + 1) == 0) {
 131         setTimeout("preload()", 500);
 132         return;
 133     }
 134     if (current - 1 >= 0 && load(current - 1) == 0) {
 135         setTimeout("preload()", 500);
 136         return;
 137     }
 138
 139     for (i = current + 2; i < images.length && i <= current + 5; i++) {
 140         if (load(i) == 0) {
 141             setTimeout("preload()", 500);
 142             return;
 143         }
 144     }
 145     for (i = current - 2; i >= current - 3; i--) {
 146         if (i >= 0) {
 147             if (load(i) == 0) {
 148                 setTimeout("preload()", 500);
 149                 return;
 150             }
 151         }
 152     }
 153
 154     setTimeout("preload()", 500);
 155 }
 156
 157 function add_cookie(val) {
 158     var expires = new Date(new Date().getTime() + (30 * 86400000));  // 30 days
 159     document.cookie = val
 160                       + '; expires=' + expires.toGMTString()
 161                       + '; path=/';
 162 }
 163
 164 function get_cookie(key) {
 165     if (document.cookie) {
 166         var index = document.cookie.indexOf(key);
 167         if (index != -1) {
 168             var oleft = (document.cookie.indexOf('=', index) + 1);
 169             var oright = document.cookie.indexOf(';', index);
 170             if (oright == -1) {
 171                 oright = document.cookie.length;
 172             }
 173             return document.cookie.substring(oleft, oright);
 174         }
 175     }
 176     return null;
 177 }
 178
 179 function init() {
 180
 181     add_cookie('booh-preferred-size-~~theme~~=~~current_size~~')
 182
 183     if (getparam('run_slideshow')) {
 184         toggle_slideshow();
 185     }
 186
 187     checkURL();
 188
 189     preload();
 190     if (images.length == 1) {
 191         document.getElementById("b_slideshow").disabled = true;
 192     }
 193
 194     preferred_pause = get_cookie('booh-slideshow-pause-~~theme~~');
 195     if (preferred_pause != null) {
 196         document.getElementById('secs').value = preferred_pause;
 197     }
 198
 199     if (navigator.userAgent.indexOf('Opera') == -1) {
 200         document.onkeydown = keyDownEvent;
 201     }
 202 }
 203
 204 function update_sensibilities() {
 205     if (current == 0) {
 206         document.getElementById("b_first").disabled = true;
 207         document.getElementById("b_previous").disabled = true;
 208     } else {
 209         document.getElementById("b_first").disabled = false;
 210         document.getElementById("b_previous").disabled = false;
 211     }
 212
 213     if (current == images.length - 1) {
 214         document.getElementById("b_next").disabled = true;
 215         document.getElementById("b_last").disabled = true;
 216     } else {
 217         document.getElementById("b_next").disabled = false;
 218         document.getElementById("b_last").disabled = false;
 219     }
 220 }
 221
 222 function set_cursor_(value, element) {
 223
 224     if (!element || !element.style) {
 225         return;
 226     }
 227
 228     element.style.cursor = value;
 229
 230     children = element.childNodes;
 231     for (i = 0; i < children.length; i++) {
 232         set_cursor_(value, children.item[i]);
 233     }
 234 }
 235
 236 function set_cursor(value) {
 237     set_cursor_(value, document.getElementById('body'));
 238     set_cursor_(value, document.getElementById('b_first'));
 239     set_cursor_(value, document.getElementById('b_previous'));
 240     set_cursor_(value, document.getElementById('b_next'));
 241     set_cursor_(value, document.getElementById('b_last'));
 242 }
 243
 244 function show_current_text() {
 245     /* don't show text if image not yet loaded because navigator
 246      * won't refresh it during load */
 247     if (images_loaded[current] == 2) {
 248         document.getElementById('image_counter').innerHTML = ( current + 1 ) + "/" + images.length;
 249         document.getElementById('main_text').innerHTML = captions[current];
 250         for (i = 0; i < other_sizes.length; i++) {
 251             if (other_sizes[i] == "original") {
 252                 document.getElementById('link' + other_sizes[i]).href = eval("images_" + other_sizes[i] + "[current]");
 253             } else {
 254                 document.getElementById('link' + other_sizes[i]).href = 'image-' + other_sizes[i] + '.html#current=' + eval("images_" + other_sizes[i] + "[current]");
 255             }
 256         }
 257         document.getElementById('thumbnails').href = 'thumbnails-~~current_size~~.html#' + images[current];
 258         set_cursor("default");
 259     } else {
 260         setTimeout("show_current_text()", 100);
 261         set_cursor("wait");
 262     }
 263 }
 264
 265 function display_current() {
 266     document.main_img.src = images[current];
 267     oldhref = browser_href();
 268     newhref = 'image-~~current_size~~.html#current=' + images[current];
 269     if (oldhref != newhref) {
 270         currentURL = 'ignore1';
 271         location.href = newhref;
 272         currentURL = 'ignore2';
 273     }
 274     show_current_text();
 275     update_sensibilities();
 276 }
 277
 278 function first() {
 279     if (slideshow == 1) {
 280         toggle_slideshow(true);
 281     }
 282
 283     current = 0;
 284     display_current();
 285 }
 286
 287 function next() {
 288     if (slideshow == 1) {
 289         toggle_slideshow(true);
 290     }
 291
 292     if (current < images.length - 1) {
 293         current++;
 294         display_current();
 295     }
 296 }
 297
 298 function next10() {
 299     if (slideshow == 1) {
 300         toggle_slideshow(true);
 301     }
 302
 303     if (current < images.length - 11) {
 304         current += 10;
 305     } else {
 306         current = images.length - 1;
 307     }
 308     display_current();
 309 }
 310
 311 function previous() {
 312     if (slideshow == 1) {
 313         toggle_slideshow(true);
 314     }
 315
 316     if (current > 0) {
 317         current--;
 318         display_current();
 319     }
 320 }
 321
 322 function previous10() {
 323     if (slideshow == 1) {
 324         toggle_slideshow(true);
 325     }
 326
 327     if (current > 10) {
 328         current -= 10;
 329     } else {
 330         current = 0;
 331     }
 332     display_current();
 333 }
 334
 335 function last() {
 336     if (slideshow == 1) {
 337         toggle_slideshow(true);
 338     }
 339
 340     current = images.length - 1;
 341     display_current();
 342 }
 343
 344 function keyDownEvent(key) {
 345     if (!key) {
 346         key = event;
 347         key.which = key.keyCode;
 348     }
 349     switch (key.which) {
 350       case 36: // home
 351         first();
 352         break;
 353       case 35: // end
 354         last();
 355         break;
 356       case 37: // left
 357         previous();
 358         break;
 359       case 39: // right
 360         next();
 361         break;
 362       case 38: // up
 363         previous10();
 364         break;
 365       case 40: // down
 366         next10();
 367         break;
 368     }
 369 }
 370
 371 function toggle_slideshow(now) {
 372     if (slideshow == 0) {
 373         slideshow_pause = document.getElementById('secs').value;
 374         add_cookie('booh-slideshow-pause-~~theme~~=' + slideshow_pause)
 375         document.getElementById("b_slideshow").value = "~~stop_slideshow~~";
 376         slideshow = 1;
 377         if (current == images.length - 1) {
 378             current = -1;
 379         }
 380         if (now) {
 381             run_slideshow();
 382         } else {
 383             setTimeout("run_slideshow()", slideshow_pause * 1000);
 384         }
 385     } else {
 386         clearTimeout(slideshow_timer);
 387         document.getElementById("b_slideshow").value = "~~run_slideshow~~";
 388         slideshow = 0;
 389     }
 390 }
 391
 392 function run_slideshow() {
 393     if (slideshow == 0) {
 394         return;
 395     }
 396
 397     if (images_loaded[current + 1] == 2) {
 398         current++;
 399         display_current();
 400         slideshow_timer = setTimeout("run_slideshow()", slideshow_pause * 1000);
 401     } else {
 402         slideshow_timer = setTimeout("run_slideshow()", 500);
 403     }
 404
 405     if (current == images.length - 1) {
 406         toggle_slideshow(true);
 407     }
 408 }
 409 </script>
 410 EOF
 411
 412 $image_head_code.sub!('~~run_slideshow~~', utf8(_('Run slideshow!')))
 413 $image_head_code.sub!('~~stop_slideshow~~', utf8(_('Stop slideshow')))
 414
 415 $body_additions = <<'EOF'
 416 onload="init()" id="body"
 417 EOF
 418
 419 $button_first = '
 420     <form><input type="button"
 421                  onclick="first()"
 422                  value="' + utf8(_('<<- First')) + '"
 423                  id="b_first"/></form>'
 424
 425 $button_previous = '
 426     <form><input type="button"
 427                  onclick="previous()"
 428                  value="' + utf8(_('<- Previous')) + '"
 429                  id="b_previous"/></form>'
 430
 431 $button_next = '
 432     <form><input type="button"
 433                  onclick="next()"
 434                  value="' + utf8(_('Next ->')) + '"
 435                  id="b_next"/></form>'
 436
 437 $button_last = '
 438     <form><input type="button"
 439                  onclick="last()"
 440                  value="' + utf8(_('Last ->>')) + '"
 441                  id="b_last"/></form>'
 442
 443 $button_slideshow = '
 444     <input type="button"
 445            onclick="toggle_slideshow(true)"
 446            value="' + utf8(_('Run slideshow!')) + '"
 447            id="b_slideshow"/>'
 448
 449 $pause_slideshow = '
 450     <font size="-2">' + utf8(_('pause:')) + '<input type="text" id="secs" size="1" value="3"/>' + utf8(_('secs')) + '</font>'
 451
 452
 453 $image = <<'EOF'
 454   <img name="main_img" class="image">
 455 EOF
 456
 457 $image_counter_additions = <<'EOF'
 458   id="image_counter"
 459 EOF
 460
 461 $caption_additions = <<'EOF'
 462   id="main_text"
 463 EOF
 464
 465 $body_code = <<'EOF'
 466 EOF
 467
 468
 469 $thumbnails_head_code = <<'EOF'
 470 <meta name="generator" content="Generated by Booh! http://zarb.org/~gc/html/booh.html">
 471
 472 <script language="JavaScript1.1" type="text/JavaScript">
 473     var expires = new Date(new Date().getTime() + (30 * 86400000));  // 30 days
 474     document.cookie = 'booh-preferred-size-~~theme~~=~~current_size~~'
 475                       + '; expires=' + expires.toGMTString()
 476                       + '; path=/';
 477 </script>
 478 EOF
 479
 480
 481 $preferred_size_reloader = <<'EOF'
 482 <html>
 483     <head>
 484         <script language="JavaScript1.1" type="text/JavaScript">
 485
 486 var sizes = new Array(~~all_sizes~~);
 487
 488 function getPreferredSize() {
 489     if (document.cookie) {
 490         var index = document.cookie.indexOf('booh-preferred-size-~~theme~~');
 491         if (index != -1) {
 492             var oleft = (document.cookie.indexOf('=', index) + 1);
 493             var oright = document.cookie.indexOf(';', index);
 494             if (oright == -1) {
 495                 oright = document.cookie.length;
 496             }
 497             size = document.cookie.substring(oleft, oright);
 498             for (i = 0; i < sizes.length; i++) {
 499                 if (sizes[i] == size) {
 500                     return 'thumbnails-' + size + '.html';
 501                 }
 502             }
 503         }
 504     }
 505     return 'thumbnails-~~default_size~~.html';
 506 }
 507
 508 window.location.href = getPreferredSize();
 509
 510         </script>
 511     </head>
 512 </html>
 513 EOF