[feat #56] Add image and tags count

src/style.css

@@ -88,6 +88,11 @@ h2 {
   overflow: hidden;
 }
 
+.material-card-title-action h2 .item-count {
+  font-size: 0.7em;
+  margin-left: 1em;
+}
+
 .list {
   display: block;
   padding: 8px 0;

src/tags/catalog.tag

@@ -18,7 +18,10 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
   <!-- Begin of tag -->
   <material-card ref="catalog-tag" class="catalog">
     <div class="material-card-title-action">
-      <h2>Repositories of { registryUI.name() }</h2>
+      <h2>
+        Repositories of { registryUI.name() }
+        <div class="item-count">{ registryUI.catalog.repositories.length } images</div>
+      </h2>
     </div>
     <div hide="{ registryUI.catalog.loadend }" class="spinner-wrapper">
       <material-spinner></material-spinner>

src/tags/taglist.tag

@@ -21,7 +21,10 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
       <a href="#!" onclick="registryUI.home();">
         <i class="material-icons">arrow_back</i>
       </a>
-      <h2>Tags of { registryUI.name() + '/' + registryUI.taglist.name }</h2>
+      <h2>
+        Tags of { registryUI.name() + '/' + registryUI.taglist.name }
+        <div class="item-count">{ registryUI.taglist.tags.length } tags</div>
+      </h2>
     </div>
     <div hide="{ registryUI.taglist.loadend }" class="spinner-wrapper">
       <material-spinner></material-spinner>