RubyGems - gf-ralbum - Versions diffs - 0.0.2 - Mend

gf-ralbum 0.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (187) hide show

data/lib/ralbum/skins/gfold/template/tree_page.html ADDED Viewed

@@ -0,0 +1,79 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+   <head>
+      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+      <title>Album Tree</title>
+      <link rel="stylesheet" type="text/css" href="rubyphoto.css">
+   </head>
+   <body/>
+      <table align="center" border="0" cellspacing="0" cellpadding="3" width="650">
+         <!-- title -->
+         <tr>
+            <td class="shade">
+               <span class="title">Album Tree</span>
+            </td>
+         </tr>
+         <tr>
+            <td>
+               <span id="mark:albumstree">
+                  <li id="mark:treenode"><a href="@{album.pageurl}@">@{album.title}@</a></li>
+                  <ul id="mark:tree"></ul>
+               </span>
+            </td>
+         </tr>
+         <tr>
+            <td>
+               <br>
+               <ul>
+                  <li><a href="/index.html">foto</a>
+                  <ul>
+                     <li><a href="10_Roma/index.html">Roma</a>
+                     <ul>
+                        <li><a href="10_Roma/Campidoglio/index.html">Campidoglio</a>
+                        <li><a href="10_Roma/Celio/index.html">Celio</a>
+                        <li><a href="10_Roma/CircoMassimo/index.html">Circo Massimo</a>
+                        <li><a href="10_Roma/Colosseo/index.html">Colosseo</a>
+                        <li><a href="10_Roma/Farnese/index.html">Piazza Farnese e Dintorni</a>
+                        <li><a href="10_Roma/FontanaTrevi/index.html">Fontana di Trevi</a>
+                        <li><a href="10_Roma/ForiRomani/index.html">Fori Romani</a>
+                        <li><a href="10_Roma/Ghetto/index.html">Ghetto</a>
+                        <li><a href="10_Roma/Gianicolo/index.html">Gianicolo</a>
+                        <li><a href="10_Roma/GianicoloAlba/index.html">Il gianicolo all'alba</a>
+                        <li><a href="10_Roma/MonteMario/index.html">Monte Mario</a>
+                     </ul>
+                     <li><a href="20_BreveViaggioInToscana/index.html">Breve viaggio in Toscana</a>
+                     <ul>
+                        <li><a href="20_BreveViaggioInToscana/VersoPisa/index.html">Verso Pisa</a>
+                        <li><a href="20_BreveViaggioInToscana/Pisa/index.html">Pisa</a>
+                        <li><a href="20_BreveViaggioInToscana/Firenze/index.html">Un giorno a Firenze</a>
+                        <li><a href="20_BreveViaggioInToscana/Livorno/index.html">Un giorno a Livorno</a>
+                        <li><a href="20_BreveViaggioInToscana/Meo/index.html">Meo: il gatto!</a>
+                     </ul>
+                     <li><a href="30_GitaInToscana/index.html">Gita In Toscana</a>
+                     <ul>
+                        <li><a href="30_GitaInToscana/00_VersoPisa/index.html">Verso Pisa</a>
+                        <li><a href="30_GitaInToscana/01_Viareggio/index.html">Viareggio</a>
+                        <li><a href="30_GitaInToscana/02_Luminara/index.html">Luminara San Ranieri</a>
+                     </ul>
+                     <li><a href="40_Montepulciano/index.html">Montepulciano</a>
+                     <li><a href="45_Calabria/index.html">Calabria</a>
+                     <ul>
+                        <li><a href="45_Calabria/00_Vibo/index.html">Vibo Valentia</a>
+                        <li><a href="45_Calabria/05_Pizzo/index.html">Pizzo</a>
+                     </ul>
+                     <li><a href="50_Oggetti/index.html">Oggetti</a>
+                     <li><a href="60_Flora/index.html">Fiori e Piante</a>
+                  </ul>
+               </ul>
+               <br>
+            </td>
+         </tr>
+      </table>
+   </body>
+</html>

data/lib/ralbum/skins/gfold/template/tree_page.plogic ADDED Viewed

@@ -0,0 +1,45 @@
+#albumstree {
+  logic: {
+    stack = array.new
+    album = rootalbum
+    // @elem_tree
+  }
+}
+/**
+// :elem(albumstree)
+//   :set( stack = array.new )
+//   :set( album = rootalbum )
+//   #@elem_tree
+// :end
+**/
+#tree {
+  logic: {
+    _stag
+    // @stag(treenode);
+    // @cont(treenode);
+    album = album.childs;
+    while album
+      // @elem_tree
+    end
+    // @etag(treenode);
+    _etag;
+  }
+}
+/**
+//:elem( tree )
+//  @stag
+//  @stag_treenode
+//  @cont_treenode
+//  :set( album = album.subalbums )
+//  :while( album )
+//  #   @elem_tree
+//  :end
+//  @etag_treenode
+//  @etag
+//:end
+**/

data/lib/ralbum/skins/js/info.yml ADDED Viewed

@@ -0,0 +1,3 @@
+author: gf
+description: js skin description
+engine: kwartz

data/lib/ralbum/skins/js/js_skin.rb ADDED Viewed

@@ -0,0 +1,50 @@
+#require "inc/utility"
+module Generator
+  class JSSkin < HTMLSkin
+    def initialize
+      super( "js" )
+    end
+    def create( albums_dir, album )
+      @albums_dir = albums_dir
+      copy_skin_res( albums_dir )
+      rec_albums( album )
+    end
+    def rec_albums( album )
+      # outdir: where to write html files
+      outdir = @albums_dir + File::Separator + "js"
+      if album.reldir != "."
+        outdir += File::Separator + album.reldir
+      end
+      File.mkpath( outdir ) unless File.exist?( outdir )
+      create_album_page( album, outdir )
+      create_slideshow( album, outdir )
+      # recurse on each subnode
+      album.subalbums.each{ |subalbum|
+        rec_albums( subalbum )
+      }
+    end
+    def create_slideshow( album, outdir )
+      require "inc/generator/resource"
+      require "inc/skins/#{skin_name}/slideshow_page"
+      args = {
+        :relroot => "../" * ( album.depth + 1 ),
+        :resource => Resource.new,
+        :album => album,
+      }
+      page = view_slideshow_page args
+      outpath =  outdir + File::Separator + "slideshow.html"
+      File.open( outpath , "w" ) { |f|
+        f.puts page
+      }
+    end
+  end # JSTheme
+end

data/lib/ralbum/skins/js/out/album_page.rb ADDED Viewed

@@ -0,0 +1,181 @@
+module View
+  (@@proc_table ||= {})['album_page'] = proc do
+_buf = ""; _buf << "<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01//EN\" \"http://www.w3.org/TR/html4/strict.dtd\">
+<html id=\"set:pagename='albums'\">
+<head id=\"set:language=null\">
+  <title>#{album.title}#</title>
+  <link rel=\"stylesheet\" type=\"text/css\" href=\"#{relroot}#data/style.css\">
+</head>
+<body>
+<table class=\"maintable\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\" align=\"center\">
+  <tr>
+    <td>
+      <!-- begin header table -->
+      <table border=\"0\" cellspacing=\"0\" cellpadding=\"3\" width=\"100%\">
+        <tr>
+          <td class=\"shade\" align=\"left\">
+            <span class=\"title\">#{album.title}#</span>
+          </td>
+          <td class=\"shade\" align=\"right\">&nbsp;</td>
+        </tr>
+        <!-- breadcrumbs or Trail -->
+        <tr>
+          <td class=\"lightshade\">
+\n";
+    item_ctr = 0
+    for item in breadcrumbs
+      item_ctr += 1
+      if(item_ctr > 1)
+        _element("arrow")  // expand element marked with arrow
+      end
+      _element("item")     // expand element marked with item
+    end
+_buf << "
+          </td>
+          <td class=\"lightshade\" align=\"right\" nowrap=\"true\">
+            #{album.num_photos}#&nbsp;#{resource.photos}#
+            <span id=\"if:album.num_subalbums>0\">
+              #{album.num_subalbums}#&nbsp;sub-albums
+            </span>
+          </td>
+        </tr>
+        <tr>
+          <td width=\"80%\">
+            #{album.description}#
+          </td>
+          <td width=\"20%\" align=\"right\">
+            <a href=\"../../index.html\" title=\"Up to top\"><img
+	             src=\"../top.gif\" border=\"0\" width=\"15\" height=\"15\"
+	             alt=\"Top\"></a>
+            &nbsp;
+            <a href=\"../index.html\" title=\"Up to parent\"><img
+	             src=\"../up.gif\" border=\"0\" width=\"15\" height=\"15\"
+	             alt=\"Up\"></a>
+            &nbsp;&nbsp;&nbsp;&nbsp;
+          </td>
+        </tr>
+      </table>
+      <!-- End header table -->
+    </td>
+  </tr>
+  <!-- thumbnails header table -->\n";
+if album.leaves.length>0 then
+_buf << "  <tr>
+    <td>
+      <!-- begin thumbnails header table -->
+      <table border=\"0\" cellspacing=\"0\" cellpadding=\"3\" width=\"100%\">
+        <tr>
+          <td class=\"shade\" align=\"left\"><b>#{resource.thumbnails}#</b></td>
+          <td class=\"shade\" align=\"right\">&nbsp;</td>
+        </tr>
+      </table>
+      <!-- end thumbnails header table -->
+    </td>
+  </tr>\n";
+end
+_buf << "
+  <!-- thumbnails body -->\n";
+if album.leaves.length>0 then
+_buf << "  <tr>
+    <td align=\"center\">
+      <!-- begin thumbnail table -->
+      <table border=\"0\" cellspacing=\"5\" cellpadding=\"2\">
+\n";
+    col = 1
+    for photo in album.leaves
+      if col == 1
+_buf << "        <tr align=\"left\" valign=\"bottom\">\n";
+      end
+      @cont
+      col += 1;
+      if col == 7
+        col = 1
+_buf << "        </tr>\n";
+      end
+    end
+_buf << "
+      </table>
+      <!-- end thumbnail table -->
+    </td>
+  </tr>\n";
+end
+_buf << "
+  <!-- subalbums header -->
+  <tr id=\"if:album.subalbums.length>0\">
+    <td>
+      <!-- begin subalbums header table -->
+      <table border=\"0\" cellspacing=\"0\" cellpadding=\"3\" width=\"100%\">
+        <tr>
+          <td class=\"shade\"><b>#{resource.subalbums}#</b></td>
+        </tr>
+      </table>
+      <!-- end header table -->
+    </td>
+  </tr>
+  <!-- sub-albums body -->
+  <tr id=\"if:album.subalbums.length>0\">
+    <td>
+      <!-- begin sub-album table -->
+      <table border=\"0\" cellspacing=\"5\" cellpadding=\"2\" width=\"650\">
+        <tr id=\"Foreach:subalbum=album.subalbums\">
+          <td class=\"indexthumb\">
+            <a href=\"#{relroot + subalbum.pageurl}#\"
+               title=\"#{subalbum.title}#\"><img
+               src=\"#{relroot + subalbum.defaultphoto.thumb.url}#\"
+               alt=\"#{subalbum.defaultphoto.title}#\"
+               border=\"1\"></a>
+          </td>
+          <td>
+            <table width=\"100%\">
+              <tr>
+                <td>
+                  <a href=\"#{relroot + subalbum.pageurl}#\">#{subalbum.title}#</a>
+                </td>
+                <td align=\"right\" width=\"40%\">
+                  #{subalbum.num_photos}#&nbsp;photos
+                  <span id=\"if:subalbum.num_subalbums>0\">
+                  ,&nbsp;#{subalbum.num_subalbums}#&nbsp;sub-albums
+                  </span>
+                </td>
+              </tr>
+              <tr>
+                <td>#{subalbum.description}#</td>
+                <td>&nbsp;</td>
+              </tr>
+            </table>
+          </td>
+        </tr>
+      </table>
+      <!-- end sub-album table -->
+    </td>
+  </tr>
+  <!-- filler -->
+</table>
+</body>
+</html>
+    \n";
+; _buf
+  end#proc
+  module_function
+  def expand_album_page(context={})
+    if context.is_a?(Hash)
+      hash = context
+      context = Object.new
+      hash.each { |key, val| context.instance_variable_set("@#{key}", val) }
+    end
+    proc_obj = @@proc_table['album_page']
+    context.instance_eval(&proc_obj)
+  end
+end

data/lib/ralbum/skins/js/out/slideshow_page.rb ADDED Viewed

@@ -0,0 +1,187 @@
+module View
+  (@@proc_table ||= {})['slideshow_page'] = proc do
+_buf = ""; _buf << "<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01//EN\" \"http://www.w3.org/TR/html4/strict.dtd\">
+<html>
+<head>
+  <title>#{album.title}#</title>
+  <link rel=\"stylesheet\" type=\"text/css\" href=\"#{relroot}#data/style.css\">
+<script LANGUAGE=\"JavaScript\">
+<!--
+// ----- getParams
+function getParams()
+{
+  var idx = document.URL.indexOf(\"?\");
+  var params = new Array();
+  if (idx != -1) {
+    var pairs =
+      document.URL.substring( idx + 1, document.URL.lenght ).split(\"&\");
+    for( var i = 0; i < pairs.length; i++ ) {
+      nomeVal = pairs[ i ].split(\"=\");
+      params[ nomeVal[0] ] = nomeVal[1];
+    }
+  }
+  return params;
+}
+// ----- slide show
+var rotate_delay = 5000; // delay in milliseconds (5000 = 5 secs)
+current = 0;
+// change displayed image
+function change()
+{
+  current = document.slideform.slide.selectedIndex;
+  document.images.show.src =
+    \"#{relroot}#images_640x480/img_\" +
+    document.slideform.slide[ current ].value
+    + \".jpg\";
+}
+function next()
+{
+  if ( document.slideform.slide[ current+1 ] ) {
+    document.slideform.slide.selectedIndex = ++current;
+    change();
+  } else {
+    first();
+  }
+}
+function previous()
+{
+  if ( current-1 >= 0 ) {
+    document.slideform.slide.selectedIndex = --current;
+    change();
+  } else {
+    last();
+  }
+}
+function first()
+{
+  current = 0;
+  document.slideform.slide.selectedIndex = 0;
+  change();
+}
+function last()
+{
+  current = document.slideform.slide.length-1;
+  document.slideform.slide.selectedIndex = current;
+  change();
+}
+function ap(text)
+{
+  document.slideform.slidebutton.value = (text == \"Stop\") ? \"Start\" : \"Stop\";
+  rotate();
+}
+function rotate()
+{
+  if (document.slideform.slidebutton.value == \"Stop\") {
+    current = (current == document.slideform.slide.length-1) ? 0 : current+1;
+    document.slideform.slide.selectedIndex = current;
+    change();
+    window.setTimeout(\"rotate()\", rotate_delay);
+  }
+}
+function select( photokey )
+{
+  var i = 0;
+  while( i < document.slideform.slide.length &&
+         photokey != document.slideform.slide[ i ].value ) {
+    i++;
+  }
+  if( i < document.slideform.slide.length ) {
+    document.slideform.slide.selectedIndex = i;
+    change();
+  }
+}
+// -->
+</script>
+</head>
+<body>
+<table border=\"0\" cellspacing=\"0\" cellpadding=\"0\" width=\"650\" align=\"center\">
+  <!-- album title -->
+  <tr>
+    <td class=\"shade\" align=\"center\" colspan=\"2\">
+      <span class=\"title\">#{album.title}#</span>
+    </td>
+  </tr>
+  <!-- description + navigation buttons -->
+  <tr>
+    <td align=\"left\">
+      <form name=\"slideform\">
+        <select name=\"slide\" onChange=\"change();\">
+          <option id=\"Foreach:photo=album.leaves\" value=\"#{photo.key}#\">#{photo.title}#</option>
+        </select>
+        <input type=button onClick=\"first();\" value=\"|<<\" title=\"Beginning\">
+        <a title=\"Prev photo\" href=\"javascript:previous()\"><img
+           src=\"#{relroot}#data/left.gif\" border=\"0\" width=\"15\" height=\"15\"
+           alt=\"Prev\"></a>
+        <input type=button name=\"slidebutton\" onClick=\"ap(this.value);\" value=\"Start\" title=\"AutoPlay\">
+        <a title=\"Next photo\" href=\"javascript:next();\"><img
+          src=\"#{relroot }#data/right.gif\" border=\"0\" width=\"15\" height=\"15\" alt=\"Next\"></a>
+        <input type=button onClick=\"last();\" value=\">>|\" title=\"End\">
+      </form>
+    </td>
+    <td align=\"right\">
+      <a href=\"#{relroot}#/html/index.html\" title=\"Up to top\"><img src=\"#{relroot}#data/top.gif\"
+      border=\"0\" width=\"15\" height=\"15\" alt=\"Top\"></a>
+      <a title=\"Up to album\" href=\"index.html\"><img
+      src=\"#{relroot}#data/up.gif\" border=\"0\" width=\"15\" height=\"15\" alt=\"Up\"></a>
+    </td>
+  </tr>
+  <!-- image -->
+  <tr>
+    <td colspan=\"2\" align=\"center\">
+      <img name=\"show\" border=\"0\">
+    </td>
+  </tr>
+</table>
+<script language=\"javascript\">
+params = getParams();
+photokey = unescape(params[\"photokey\"]);
+// document.write(\"photokey = \" + photokey + \"<br>\");
+select( photokey );
+</script>
+</body>
+</html>\n";
+; _buf
+  end#proc
+  module_function
+  def expand_slideshow_page(context={})
+    if context.is_a?(Hash)
+      hash = context
+      context = Object.new
+      hash.each { |key, val| context.instance_variable_set("@#{key}", val) }
+    end
+    proc_obj = @@proc_table['slideshow_page']
+    context.instance_eval(&proc_obj)
+  end
+end