Customizing sub-albums

We decided that were going to do sub-albums for our gallery and separate albums into categories. I have one problem though.

I want the sub-albums layout to look like the gallery home page.
For example. I want this sub-album http://sac-life.com/gallery/Club-Life to look the same way the main-albums are displayed like this http://www.sac-life.com/gallery/ (horizontally). How can I accomplish such thing? Thanks a lot.

- Menace

Too many users confuse the "sub-albums" as single images.

See my gallery page at:

http://cheema.com/gallery/

and then sample album with sub-albums:

http://cheema.com/gallery/baby/

I would like to visually indicate to the users that these pictures for sub-albums have more to them then just one picture. Sorta like what I can do for the albums on the main page.

The thread I linked to above talked about using a 2 column mod. Is that really necessary for this kind of application (hence the new thread)? The HTML already exists to create the front page of Gallery in the two column table format, so couldn't that be applied to a list of sub-albums just the same?

I'm new at this, so could someone please tell me where this code for the main Gallery album is at? I'm guessing it would need to be modified slightly to accommodate sub-albums, and I think (correct me if I'm wrong) it could be implemented in this way:

Delete the code after <!-- image grid table --> in view_album.php.  Replace it with

if (there are sub-albums in an album)
    then use the same layout as the main Gallery page
else
    use the normal layout for images

This should be easy to decide since Gallery already knows how many sub-albums and images an album has. Within this If/Else statement the code would call one of two files. One file would be subalbum_table.php which would be the modified main Gallery page code, and the other would be image_table.php which would display photos.

Any suggestions or hints in the right direction would be greatly appreciated. Thanks!

I tried it, and it is almost perfect.
One thing that I don't like is, that sub-albums are shown next to each other:
http://www.nosbibulis.com/gallery/view_album.php?set_albumName=Travelbum

and not above each other.....

greets

What exactly is wrong with using one of the image backgrounds for sub-albums?

For pictures, I have the single pixel frame around them. For sub-albums, I use the "shadow" thing. You could also use the "poleroid" and "poleroids" or one of the other ones that looks like a book... or even make your own.

To see what I meant:

http://www.alpengallery.at.tf/view_album.php?set_albumName=Norditalien

If anyone is interested in this frame or the watermark-image, let me know. (For an unknown reason yet the border is displayed wrong on my IE, but without problems on my Mozilla...)

you have to change existing sub-albums for the frame you wish: FAQ Gallery:c.34 Note the word default. config.php changes will work for future (new) albums.

Do you have a url that I can check the 2 column mod? Did you have only subalbums and no images in the sub-album to get the 2 column effect?

Dave

mystavash,
I am no *nuke expert so I asked one JadeDragon
and she suggested to use the full url for the include or the root path.
so try

<?php 
// check to see if subalbum only has albums then display a side by side 
$myAlbum = new Album(); 
$myAlbum->load($albumName); 
$numPhotos = $myAlbum->numPhotos(1); 
if ($numPhotos == $numAlbums) { 
   include('http://YOURWEBSITE.COM/gallery/album_2column_table.inc'); } 
else { 
// else include the regular table and the close is below the table 
?>

or:
include(/home/YOURSITE/public_html/gallery/album_2column_table.inc'); }

Nuke adds some extra stuff that I have yet to learn.
Nice to see some of my customizations if practice.

Dave

Dave,
I implemented your sub-album mod to look like the main gallery page and it worked great. One hitch I found is if I am hiding a sub-album it defaults back to the orginal setting with description below the thumbnail. Thoughts?

Quick question, I now have my sub-albums looking like the gallery page, but I want to change the maximum displayable sub-albums to more then the 10 given. Is there anyway I can change this for the sub-albums page?

Also, like the gallery page, I would like the language selection to be available at the top?

Any ideas? It would be very much appreciated.

sj

Got it! Works perfectly (probably shouldn't be BUT) i had just figured it out when I saw your post (about the language bar.) The rows work super.

Thanks!
sj

Dave,

Great mod. I was actually working on rel'ing up the old 2col mod up to the newest release when I found your mod.

I actually worked on combining my mod with yours with great success.

I've allowed for the nested subalbum view on the right hand side, and made the text/admin portion of the albums look like how they look at the top most gallery. I also allowed the mod to be turned on and off from the configuration wizard (probably not really necessary since if the mod is installed, it would probably be used anyway), but I just do that as a standard for all my mods.

You can see it in action here. http://www.instrumentofchoice.net/gallerydev/

You can view the subalbum listing working within a subalbum by viewing the Travel album.

You can view screenshots of the admin screen and config wizard in the Gallery Mods > 2 Column Mod album.

Included below are the code changes I made. I've excluded the config wizard changes for now.

Anyone, please test and feedback (bugs, comments, etc.) would be greatly appreciated. In the mean time, I'm working on rel'ing up my other older mods seen at http://www.instrumentofchoice.net/gallery including a "VIEW ALL" link, a cleaner text based navigation (removing the images from the breadcrums and page 1, 2, 3 etc..), and applying a pbase-based CSS.

New version of album_2column_table.inc

<!-- start of 2 column mod of the original table -->
<table width="<?php echo $fullWidth ?>" border="0" cellspacing="0" cellpadding="3">
<?php
$numPhotos = $gallery->album->numPhotos(1);
$displayCommentLegend = 0;  // this determines if we display "* Item contains a comment" at end of page
if ($numPhotos) {
   $rowCount = 0;

   // Find the correct starting point, accounting for hidden photos
   $rowStart = 0;
   $cnt = 0;
   $form_pos=0; // counts number of images that have votes below, ie withou albums;
   $rowStart = $start;

   while ($rowCount < $rows) {
      /* Do the inline_albumthumb header row */
      $visibleItemIndex = $rowStart;
      $i = $visibleItemIndex<=$numVisibleItems ? $visibleItems[$visibleItemIndex] : $numPhotos+1;
      $j = 1;
      $printTableRow = false;
      if ($j <= $cols && $i <= $numPhotos) {
         $printTableRow = true;
         echo('<tr>');
      }
      while ($j <= $cols && $i <= $numPhotos) {
         $colspan = $cols+1;
         echo("<td colspan=\"$colspan\">");
         includeHtmlWrap("inline_albumthumb.header");
         echo("</td>");
         $j++;
         $visibleItemIndex++;
         $i = $visibleItemIndex <= $numVisibleItems ? $visibleItems[$visibleItemIndex] : $numPhotos+1;
      }
      if ($printTableRow) {
         echo('</tr>');
      }

      /* Do the picture row */
      $visibleItemIndex = $rowStart;
      $i = $visibleItemIndex <= $numVisibleItems ? $visibleItems[$visibleItemIndex] : $numPhotos+1;
      $j = 1;
      if ($printTableRow) {
         echo('<tr>');
      }
      while ($j <= $cols && $i <= $numPhotos) {
         echo("<td align=\"center\" valign=\"middle\">");

         //-- put some parameters for the wrap files in the global object ---
         $gallery->html_wrap['borderColor'] = $bordercolor;
         $gallery->html_wrap['borderWidth'] = $borderwidth;
         $gallery->html_wrap['pixelImage'] = getImagePath('pixel_trans.gif');
         if ($gallery->album->isAlbum($i)) {
            $scaleTo = 0; //$gallery->album->fields["thumb_size"];
            $myAlbum = $gallery->album->getNestedAlbum($i);
            list($iWidth, $iHeight) = $myAlbum->getHighlightDimensions($scaleTo);
         } else {
            unset($myAlbum);
            $scaleTo=0;  // thumbs already the right
                   //   size for this album
            list($iWidth, $iHeight) = $gallery->album->getThumbDimensions($i, $scaleTo);
         }
         if ($iWidth == 0) {
             $iWidth = $gallery->album->fields["thumb_size"];
         }
         if ($iHeight == 0) {
             $iHeight = 100;
         }
         $gallery->html_wrap['imageWidth'] = $iWidth;
         $gallery->html_wrap['imageHeight'] = $iHeight;

         $id = $gallery->album->getPhotoId($i);
         if (isset($myAlbum)) {
            // We already loaded this album - don't do it again, for performance reasons.

            $gallery->html_wrap['imageTag'] = $myAlbum->getHighlightTag($scaleTo,'',_("Highlight for Album:"). " ". gallery_htmlentities(removeTags($myAlbum->fields['title'])));
            $gallery->html_wrap['imageHref'] = makeAlbumUrl($gallery->album->getAlbumName($i));
            $gallery->html_wrap['frame'] = $gallery->album->fields['album_frame'];
                   /*begin backwards compatibility */
                   $gallery->html_wrap['thumbWidth'] =
               $gallery->html_wrap['imageWidth'];
                   $gallery->html_wrap['thumbHeight'] =

               $gallery->html_wrap['imageHeight'];
                   $gallery->html_wrap['thumbTag'] =
               $gallery->html_wrap['imageTag'];
                   $gallery->html_wrap['thumbHref'] =
               $gallery->html_wrap['imageHref'];
                   /*end backwards compatibility*/
     
            includeHtmlWrap('inline_albumthumb.frame');

         }
         echo("</td>");
         echo("<td valign=\"top\">");
         ?>
<table cellpadding="0" cellspacing="0" width="100%" border="0" align="center" class="mod_title">
      <tr valign="middle">
        <td class="leftspacer"></td>
        <td>
          <table cellspacing="0" cellpadding="0" border="0" class="mod_title_bg">
            <tr>
              <td class="mod_title_left"></td>
              <td nowrap class="title">
                <?php
            $tmpAlbumName = $gallery->album->getAlbumName($i);
            $buf = "";
            $buf = editField($myAlbum , "title", makeAlbumUrl($tmpAlbumName));
            echo $buf;
            ?>
           </td>
              <td class="mod_title_right"></td>
            </tr>
          </table>
        </td>
      </tr>
    </table>
    <table width="100%" cellpadding="0" cellspacing="0" border="0">
      <tr>
        <td class="mod_titleunder_hl">
      <?php
      
      echo ("");
      echo makeFormIntro("view_album.php",
             array("name" => "vote_form", "method" => "POST"));
      if (!$gallery->session->offline &&
            (($gallery->user->canDeleteFromAlbum($gallery->album)) || 
            ($gallery->user->canWriteToAlbum($gallery->album)) ||
            ($gallery->user->canChangeTextOfAlbum($gallery->album)) ||
            (($gallery->album->getItemOwnerModify() || $gallery->album->getItemOwnerDelete()) &&
            ($gallery->album->isItemOwner($gallery->user->getUid(), $i) ||
            (isset($myAlbum) && $gallery->user->isOwnerOfAlbum($myAlbum))))))
         {
            $showAdminForm = 1;
         } else {
            $showAdminForm = 0;
         }
         if ($showAdminForm) {
            if ($gallery->album->isMovieByIndex($i)) {
               $label = _("Movie");
            } elseif ($gallery->album->isAlbum($i)) {
               $label = _("Album");
            } else {
               $label = _("Photo");
            }

                   if (canVote()) {
                      echo '</td></tr>';
               echo "\n" . '<tr><td align="center">';
            }
	    include(dirname(__FILE__) . '/layout/adminAlbumCommands_2col.inc');
         }

      echo ("");
      ?>
      </td>
      </tr>
    </table>
   <?php
         // Caption itself
         echo "\n". '<div class="mod2caption" style="width:90%">';
         $id = $gallery->album->getPhotoId($i);
         if ($gallery->album->isHidden($i) && !$gallery->session->offline) {
            echo "(" . _("hidden") .")<br>";
         }
         if (isset($myAlbum)) {
	 	$description=editField($myAlbum, "description") ;
	 	if ($description != "") {
			$buf = "";
			$buf = $buf."\n<div class=\"desc\">";
			$buf = $buf."\n\t$description";
			$buf = $buf."\n</div>";
			echo $buf;
  	 	}



            if (strcmp($gallery->app->showOwners, "no")) {
               $owner = $myAlbum->getOwner();
               echo "\n<div class=\"desc\">";
               echo _("Owner:") . ' '. showOwner($owner);
               echo '</div>';
               }
               
               
	if ($gallery->user->isAdmin() || $gallery->user->isOwnerOfAlbum($myAlbum)) {
		echo _("url:") . '<a href="'. makeAlbumUrl($gallery->album->getAlbumName($i)) . '">';
		if (!$gallery->session->offline) {
			echo breakString(urldecode(makeAlbumUrl($gallery->album->getAlbumName($i))), 60, '&', 5);
		} else {
			echo $gallery->album->getAlbumName($i);
		}
		echo '</a>';

		if (ereg("album[[:digit:]]+$", makeAlbumUrl($gallery->album->getAlbumName($i)))) {
			if (!$gallery->session->offline) {
				echo '<br><span class="error">' .
				_("Hey!") .
				sprintf(_("%s so that the URL is not so generic!"),
					popup_link(_("Rename this album"), "rename_album.php?set_albumName={$tmpAlbumName}&index=$i"));
				echo '</span>';
			}
		}

	}               
               
    ?>           
  <br>
  <span class="fineprint">
   <?php
	echo sprintf(_("Last changed on %s."), $myAlbum->getLastModificationDate() );
	$visItems=array_sum($myAlbum->numVisibleItems($gallery->user));
	echo " "; // Need a space between these two text blocks
	echo pluralize_n2(ngettext("This album contains 1 item", "This album contains %d items", $visItems), $visItems);
	if (!($myAlbum->fields["display_clicks"] == "no") && !$gallery->session->offline) {
?>
   <br><br><?php
	$clickCount=$myAlbum->getClicks();
	echo sprintf(_("This album has been viewed %s since %s."),
		pluralize_n2(ngettext("1 time", "%d times", $clickCount), $clickCount, _("0 times")),
		$myAlbum->getClicksDate());
}
$tmpAlbumName=$myAlbum->fields["name"];
if ($gallery->user->canWriteToAlbum($myAlbum) &&
   (!($myAlbum->fields["display_clicks"] == "no"))) {
	echo " ".popup_link("[" . _("reset counter") ."]", doCommand("reset-album-clicks", array("set_albumName" => $tmpAlbumName), "albums.php"), 1);
}
if($gallery->app->comments_enabled == 'yes') {
	// if comments_indication are "albums" or "both"
	switch ($gallery->app->comments_indication) {
	case "albums":
        case "both":
		$lastCommentDate = $myAlbum->lastCommentDate($gallery->app->comments_indication_verbose);
		print lastCommentString($lastCommentDate, $displayCommentLegend);
	} // end switch
}
?>

  </span><?php		               
               
              


         }

         echo('</td>');
         
         
         if (!strcmp($gallery->app->showAlbumTree, "yes")) { ?>
	   <td align=left valign=top class="albumdesc">
	    <?php echo printChildren($tmpAlbumName); ?>
	   </td>
<?php } 
         
         
         $j++;
         $visibleItemIndex++;
         $i = $visibleItemIndex<=$numVisibleItems ? $visibleItems[$visibleItemIndex] : $numPhotos+1;
      }
      if ($printTableRow) {
         echo('</tr>');
      }

      /* Now do the inline_albumthumb footer row */
      $visibleItemIndex = $rowStart;
      $i = $visibleItemIndex <= $numVisibleItems ? $visibleItems[$visibleItemIndex] : $numPhotos+1;
      $j = 1;
      if ($printTableRow) {
         echo('<tr>');
      }
      while ($j <= $cols && $i <= $numPhotos) {
         echo("<td>");
         includeHtmlWrap("inline_albumthumb.footer");
         echo("</td>");
         $j++;
         $visibleItemIndex++;
         $i = $visibleItemIndex<=$numVisibleItems ? $visibleItems[$visibleItemIndex] : $numPhotos+1;
      }
      if ($printTableRow) {
         echo('</tr>');
      }
      $rowCount++;
      $rowStart = $visibleItemIndex;
   }
} else {
?>

   <td colspan="<?php echo $rows ?>" align="center" class="headbox">
<?php if ($gallery->user->canAddToAlbum($gallery->album) && !$gallery->session->offline) { ?>
   <span class="head"><?php echo _("Hey! Add some photos.") ?></span>
<?php } else { ?>
   <span class="head"><?php echo _("This album is empty.") ?></span>
<?php } ?>
   </td>
   </tr>
<?php
}
?>

</table>
<!-- END of 2 column mod of the original table -->

New file adminAlbumCommands_2col.inc placed in the layout folder

<!-- Begin adminAlbumCommands_2col -->
<div class="admin"><?php

/* User is allowed to delete the album */
if ($gallery->user->canDeleteAlbum($gallery->album)) {
	echo "\n\t". popup_link("[". _("delete album") ."]", "delete_photo.php?id={$tmpAlbumName}&albumDelete=1");
}

/* User is allowed to change the album */
if ($gallery->user->canWriteToAlbum($gallery->album)) {
	echo "\n\t". popup_link("[". _("move album") ."]", "move_photo.php?set_albumName={$parentAlbumName}&index=$i&reorder=0");
	echo "\n\t". popup_link("[". _("reorder album") ."]", "move_photo.php?set_albumName={$parentAlbumName}&index=$i&reorder=1");
	echo "\n\t". popup_link("[". _("rename album") ."]", "rename_album.php?set_albumName={$tmpAlbumName}&index=$i");
}

/* User ist allowed to change album captions */
/* Should this be into the above group ? */
if ($gallery->user->canChangeTextOfAlbum($gallery->album) && !$gallery->session->offline) {
	echo "\n\t". '<a href="'. makeGalleryUrl("captionator.php", array("set_albumName" => $tmpAlbumName)) . '">' . 
		'['. _("edit captions") . ']</a>';
}

/* User is Admin or Owner */
if ($gallery->user->isAdmin() || $gallery->user->isOwnerOfAlbum($gallery->album)) {

	/* User is allowed to change Album Permissions */
	echo "\n\t". popup_link("[" . _("permissions") ."]", "album_permissions.php?set_albumName={$tmpAlbumName}");
	echo "\n\t". popup_link("[" . _("properties") ."]", "edit_appearance.php?set_albumName={$tmpAlbumName}", 0, true, 500, 600);

	/* User is allowed to view ALL comments */
	if ($gallery->user->canViewComments($gallery->album)
		&& ($gallery->app->comments_enabled == 'yes')
		&& ($gallery->album->lastCommentDate("no") != -1)) {
	    	echo "\n\t". '<a href="'. makeGalleryUrl("view_comments.php", array("set_albumName" => $tmpAlbumName)) . '">' .
			'[' . _("view&amp;comments") . ']</a>';
	}

	/* Watermarking support is enabled and user is allowed to watermark images/albums */
	if (!empty($gallery->app->watermarkDir) && $gallery->album->numPhotos(1)) {
		echo "\n\t". popup_link("[" . _("watermark&amp;album") . "]", "watermark_album.php?set_albumName={$tmpAlbumName}");
	}
}

/* User is allowed to change the album */

if ($gallery->user->canWriteToAlbum($gallery->album)) {
	echo "\n\t". popup_link("[". _("highlight album") ."]", "do_command.php?cmd=highlight&set_albumName={$parentAlbumName}&index=$i");
	echo "\n\t". popup_link("[". _("reset counter") ."]", "do_command.php?cmd=reset-album-clicks&set_albumName={$tmpAlbumName}&return=".urlencode(makeGalleryUrl("view_album.php")));
}
if ($gallery->user->isAdmin() || $gallery->user->isOwnerOfAlbum($gallery->album)) {
	if ($gallery->album->isHidden($i)) {
		echo "\n\t". popup_link("[". _("show album") ."]", "do_command.php?cmd=show&set_albumName={$parentAlbumName}&index=$i");
	} else {
		echo "\n\t". popup_link("[". _("hide album") ."]", "do_command.php?cmd=hide&set_albumName={$parentAlbumName}&index=$i");
	}
}
?>

</div>
<!-- End adminAlbumCommands_2col -->

Hi there,

Well I tried the mod and it seemd to work great... however when I made some mistakes in my gallery and I had to reorder some albums, that didn't work anymore, nor could I set a highlight album for the main page anymore, it would by default now choose the top album for that.

I changed back to my old files and now it all works great again... but I would still like to use this feature here but only if I can get it to be able to both set the highlight album for the main page AND be able to reorder albums. This is because I want to set the highlighted album to be the most recent pictures per catagory (letter in this case) and on the other hand I do need to be able to keep all albums in alphabetical order or date order (depending on the level).

Anybody with great knowledge who can help me out on this one? Otherwise it wors fine as far as I have found out...

Your help is much appreciated!

If you want to see the work in progress... www.concertvisions.com/index.php

Greetz,
Ed

Dave, I would like to change the "<!-- start of table check -->" to check for albums to decide whether to use 2-col or regular, but do not know what to substitute for "if (!$numPhotos"....or if this is possible.

(1 hour or so later....What I would like to do is test for albums, if no albums do the regular...if albums present, even if phots are also, do the 2-col)

I want to do this as I want to have images for the main albums which will not be contained in any of the subalbums. I would create a hidden image in the first level down to use for the main album.

If I do this as currently set up, the subalbums will not use 2-col (actually the 'rsramirez' is 1 to x columns). To do what I want, I would have to create a hidden subalbum and a hidden photo..not a big deal, just an add'l step....either way I will need to ensure that I don't mix "apples & oranges".

Thanks

Thanks so much for this, it's exactly what I was looking for. It works great.

great code!

Thanks you very much.

This code sould also be placed in the documentation.

Christopher

I'm just now moving my gallery from v1.4.4 to v1.5.1 and was looking for an updated 2 column mod such as this. I finally got it working and wanted to note here for everyone else who's looking to do this on v1.5.x.

For starters, I used rsramirez's code from this thread. I tried to use floridave's but the Admin Album Commands integrated into the code made it more difficult to modify. I did however add in the changes to rsramirez's code that floridave recommended further down.

In addition, for v1.5.x, do NOT use the separate adminAlbumCommands_2col.inc include file given in this thread; instead use adminAlbumCommands.inc that is already included with gallery (and called from gallery.php). This include file is not specific to the number of columns in use so it'll work no matter how many columns you have. In the rsramirez code simply search for the line include(dirname(__FILE__) . '/layout/adminAlbumCommands_2col.inc');
and replace it with
include(dirname(__FILE__) . '/layout/adminAlbumCommands.inc');

Any other changes I made were simply cosmetic and didn't impact the working code in any way.

Hope this helps save y'all some time...
~Cherie

If any needs it - I have got it to work with Gallery 1.5.6. I followed the above and made some additional changes to get it to work. The attached zip file contains the original view_album.php (view_album_org.php) and a version with the modification I did (view_album.php). Furthermore it contains the album_2column_table.inc with my modifications, which includes an additional modification that allows re-setting the highlight image without having to temporarily put a picture in the album.

This is my 2007 Christmas/Season's Greetings Gift to you all.

BR,
Karsten

ok 2) i could solve by set 1 album as highlight and later hide it.