See #606

Views/API/Index.cshtml

@@ -20,7 +20,7 @@
         <h6>Endpoint</h6>
     </div>
     <div class="col-3">
-        <h6>Description</h6>
+        <h6>Description</h6> 
     </div>
     <div class="col-3">
         <h6>Parameters</h6>
@@ -86,6 +86,7 @@
         initialOdometer - Initial Odometer reading(optional)<br />
         odometer - Odometer reading<br />
         notes - notes(optional)<br />
+        extrafields - <a class="link-body-emphasis link-offset-2 link-underline-opacity-25 link-underline-opacity-100-hover reminder-calendar-item" onclick="showExtraFieldsInfo()">extrafields(optional)</a><br />
         }
     </div>
 </div>
@@ -122,6 +123,7 @@
         description - Description<br/>
         cost - Cost<br />
         notes - notes(optional)<br />
+        extrafields - <a class="link-body-emphasis link-offset-2 link-underline-opacity-25 link-underline-opacity-100-hover reminder-calendar-item" onclick="showExtraFieldsInfo()">extrafields(optional)</a><br />
         }
     </div>
 </div>
@@ -158,6 +160,7 @@
         description - Description<br />
         cost - Cost<br />
         notes - notes(optional)<br />
+        extrafields - <a class="link-body-emphasis link-offset-2 link-underline-opacity-25 link-underline-opacity-100-hover reminder-calendar-item" onclick="showExtraFieldsInfo()">extrafields(optional)</a><br />
         }
     </div>
 </div>
@@ -194,6 +197,7 @@
         description - Description<br />
         cost - Cost<br />
         notes - notes(optional)<br />
+        extrafields - <a class="link-body-emphasis link-offset-2 link-underline-opacity-25 link-underline-opacity-100-hover reminder-calendar-item" onclick="showExtraFieldsInfo()">extrafields(optional)</a><br />
         }
     </div>
 </div>
@@ -229,6 +233,7 @@
         description - Description<br />
         cost - Cost<br />
         notes - notes(optional)<br />
+        extrafields - <a class="link-body-emphasis link-offset-2 link-underline-opacity-25 link-underline-opacity-100-hover reminder-calendar-item" onclick="showExtraFieldsInfo()">extrafields(optional)</a><br />
         }
     </div>
 </div>
@@ -271,6 +276,7 @@
         isFillToFull(bool) - Filled To Full<br />
         missedFuelUp(bool) - Missed Fuel Up<br />
         notes - notes(optional)<br />
+        extrafields - <a class="link-body-emphasis link-offset-2 link-underline-opacity-25 link-underline-opacity-100-hover reminder-calendar-item" onclick="showExtraFieldsInfo()">extrafields(optional)</a><br />
         }
     </div>
 </div>
@@ -339,4 +345,11 @@
     $('.copyable').on('click', function (e) {
         copyToClipboard(e.currentTarget);
     })
+    function showExtraFieldsInfo(){
+        Swal.fire({
+            title: "Format for Extra Fields",
+            html: "extrafields[i][name] - Name of Extra Field<br/>extrafields[i][value] - Value of Extra Field<br/>i is an integer that starts at 0 and increments with each extrafield",
+            icon: "info"
+        });
+    }
 </script>