HTML: only render dataset fields that exist.

PiperOrigin-RevId: 394280103

Author: shuklak13

model_card_toolkit/template/html/default_template.html.jinja

@@ -28,9 +28,9 @@
     {% for dataset in datasets %}
       <div class="row">
         <div class="col card">
-          <h3>{{ dataset.name }}</h3>
-            <p>{{ dataset.description }}</p>
-            <a href="{{ dataset.link }}">{{ dataset.link }}</a>
+          {% if dataset.name %}<h3>{{ dataset.name }}</h3>{% endif %}
+            {% if dataset.description %}<p>{{ dataset.description }}</p>{% endif %}
+            {% if dataset.link %}<a href="{{ dataset.link }}">{{ dataset.link }}</a>{% endif %}
             {% if dataset.graphics and dataset.graphics.collection %}
               {{ render_graphics(dataset.graphics.collection) }}
             {% endif %}

model_card_toolkit/template/html/test/cats_vs_dogs.html

@@ -163,17 +163,17 @@ <h2>Datasets</h2>
       <div class="row">
         <div class="col card">
           <h3>Training Set</h3>
-            <p></p>
-            <a href=""></a>
+            
+            
 
         </div>
       </div>
 
       <div class="row">
         <div class="col card">
           <h3>Validation Set</h3>
-            <p></p>
-            <a href=""></a>
+            
+            
 
 
   <div class="img-container">

model_card_toolkit/template/html/test/considerations.html

@@ -174,7 +174,7 @@ <h2>Datasets</h2>
       <div class="row">
         <div class="col card">
           <h3>train_split</h3>
-            <p></p>
+            
             <a href="path/to/train">path/to/train</a>
 
 
@@ -193,7 +193,7 @@ <h3>train_split</h3>
       <div class="row">
         <div class="col card">
           <h3>eval_split</h3>
-            <p></p>
+            
             <a href="path/to/eval">path/to/eval</a>
 
 

model_card_toolkit/template/html/test/train_data.html

@@ -115,7 +115,7 @@ <h2>Datasets</h2>
       <div class="row">
         <div class="col card">
           <h3>train_split</h3>
-            <p></p>
+            
             <a href="path/to/train">path/to/train</a>
 
         </div>