feat: dashboard updates

dashboard/src/main/resources/css/dashboard.css

@@ -8,11 +8,15 @@ body {
 #libraryVersions {
     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
     border-collapse: collapse;
+    margin-left: 12.5%;
+    margin-right: 12.5%;
+    width: 75%;
 }
 
 #libraryVersions td, #libraryVersions th {
     border: 1px solid #ddd;
     padding: 8px;
+    text-align: center;
 }
 
 #libraryVersions th {
@@ -156,10 +160,12 @@ ul.jar-linkage-report-cause > li {
 }
 
 #filterBar {
-    width: 25%;
+    width: 50%;
     font-size: 16px;
-    padding: 12px 20px 12px 40px;
+    padding: 12px 40px 12px 40px;
     border: 1px solid #ddd;
+    margin-left: 25%;
+    margin-right: 25%;
     margin-bottom: 12px;
     background: #f1f1f1;
     height: 30px;
@@ -198,7 +204,7 @@ ul.jar-linkage-report-cause > li {
 }
 
 .dropdown-content a:hover {
-    background-color: white;
+    background-color: #ddd;
     cursor: pointer;
 }
 
@@ -208,6 +214,5 @@ ul.jar-linkage-report-cause > li {
 }
 
 .dropdown:hover .dropdown-button {
-    background-color: #00b26f;
     cursor: pointer;
 }

dashboard/src/main/resources/templates/index.ftl

@@ -44,13 +44,12 @@
   </section>
 </#if>
 
-<#if coordinates != "all-versions">
-  <h2>Library Versions</h2>
-</#if>
-
 <p>Search for artifacts and the versions of associated google-cloud-shared-dependencies each uses,
   within its correspondence of Google-Cloud-BOM.</p>
-<p>Search by column using column1:value1 (Example: Search for google-cloud-accesssapproval with version 1.4.0
+<p>Search by specifying "columnName:data". <br/> 
+       Multi-column search is supported. For example, column1:value1,  column2:value2, column3:value3... <br/>
+       Column name shorthand is supported. For example, gcb:0.132.0, gcsd:0.8.3 <br/>
+       Search for google-cloud-accesssapproval with version 1.4.0 
   by using either 'artifact:approval artifact-version:1.4.0' or 'approval 1.4.0' or 'approval, 1.4.0') </p>
 <input type="text" id="filterBar" onkeyup="filterFunction()" placeholder="Search...">
 <table id="libraryVersions">
@@ -135,10 +134,10 @@
                 var name;
                 if (col.indexOf("google-cloud-bom") > -1 || col.indexOf("gcb") > -1) {
                     name = cols[0].textContent || cols[0].innerText;
-                } else if (col.indexOf("artifact") > -1) {
+                } else if (col.indexOf("artifact") > -1 || col === "a") {
                     name = cols[1].textContent || cols[1].innerText;
-                } else if (col.indexOf("artifact-version") > -1) {
-                    name = cols[2].textContent || cols[2].innerText;
+                } else if (col.indexOf("artifact-version") > -1 || col.indexOf("av") > -1) {
+                  name = cols[2].textContent || cols[2].innerText;
                 } else if (col.indexOf("google-cloud-shared-dependencies") > -1 || col.indexOf("gcsd") > -1) {
                     name = cols[cols.length - 1].textContent || cols[cols.length - 1].innerText;
                 }
@@ -180,4 +179,4 @@
     }
 </script>
 </body>
-</html>
+</html>