Fixes #247 number of photos in breadcrumb

* Fixes #247 (Adding a span and a class to modify the picture number in the breadcrumb with css)
* same for menubar categories

index.php

@@ -110,11 +110,9 @@ $template->assign('U_CANONICAL', $canonical_url);
 //-------------------------------------------------------------- page title
 $title = $page['title'];
 $template_title = $page['section_title'];
-if (count($page['items']) > 0)
-{
-  $template_title.= ' ['.count($page['items']).']';
-}
+$nb_items = count($page['items']);
 $template->assign('TITLE', $template_title);
+$template->assign('NB_ITEMS', $nb_items);
 
 //-------------------------------------------------------------- menubar
 include( PHPWG_ROOT_PATH.'include/menubar.inc.php');

themes/default/template/index.tpl

@@ -97,7 +97,7 @@
 {if !empty($PLUGIN_INDEX_ACTIONS)}{$PLUGIN_INDEX_ACTIONS}{/if}
 	</ul>
 
-<h2>{$TITLE}</h2>
+<h2>{$TITLE} {if $NB_ITEMS > 0}<span class="badge nb_items">{$NB_ITEMS}</span>{/if}</h2>
 
 {if isset($chronology_views)}
 <div class="calendarViews">{'View'|@translate}:

themes/default/template/menubar_categories.tpl

@@ -19,7 +19,7 @@
     <li {if $cat.SELECTED}class="selected"{/if}>
       <a href="{$cat.URL}" {if $cat.IS_UPPERCAT}rel="up"{/if} title="{$cat.TITLE}">{$cat.NAME}</a>
       {if $cat.count_images > 0}
-      <span class="{if $cat.nb_images > 0}menuInfoCat{else}menuInfoCatByChild{/if}" title="{$cat.TITLE}">[{$cat.count_images}]</span>
+      <span class="{if $cat.nb_images > 0}menuInfoCat{else}menuInfoCatByChild{/if} badge" title="{$cat.TITLE}">{$cat.count_images}</span>
       {/if}
       {if !empty($cat.icon_ts)}
       <img title="{$cat.icon_ts.TITLE}" src="{$ROOT_URL}{$themeconf.icon_dir}/recent{if $cat.icon_ts.IS_CHILD_DATE}_by_child{/if}.png" class="icon" alt="(!)">

themes/default/theme.css

@@ -113,6 +113,14 @@
   padding:0 25px;
 }
 
+.badge::before {
+  content: '[';
+}
+
+.badge::after {
+  content: ']';
+}
+
 /* category and tag results paragraphs on a quick search */
 .search_results {
   font-size: 16px;