Add 'Package info' group button #91

  * Also added CSS in main.css to slightly reduce buttons' left/right
    padding.

Signed-off-by: John M. Horan <[email protected]>

Author: John M. Horan

assets/css/main.css

@@ -366,4 +366,15 @@ div.dataTables_scrollHead th:first-child {
   padding: 14px;
   text-align: center;
   color: #ffffff;
+}
+
+/* Modify the colvis column-visibility and -grouping buttons */
+.buttons-colvis {
+  padding-right: 10px;
+  padding-left: 10px;
+}
+
+.buttons-colvisGroup {
+  padding-right: 10px;
+  padding-left: 10px;
 }

assets/js/aboutCodeDataTables.js

@@ -245,14 +245,24 @@ class AboutCodeDataTable {
                         .map((column) => `${column.name}:name`)
                 },
                 {
+                    // Show only package columns
                     extend: "colvisGroup",
-                    text: "Show all columns",
+                    text: "Package info",
+                    show: AboutCodeDataTable.PACKAGE_GROUP
+                        .map((column) => `${column.name}:name`),
+                    hide: AboutCodeDataTable.TABLE_COLUMNS
+                        .filter((column) => AboutCodeDataTable.PACKAGE_GROUP.indexOf(column) < 0)
+                        .map((column) => `${column.name}:name`)
+                },
+                {
+                    extend: "colvisGroup",
+                    text: "Show all",
                     show: ":hidden"
                 },
                 {
                     // Hide all columns except Path
                     extend: "colvisGroup",
-                    text: "Hide all columns",
+                    text: "Hide all",
                     show: AboutCodeDataTable.LOCATION_COLUMN
                         .map((column) => `${column.name}:name`),
                     hide: AboutCodeDataTable.TABLE_COLUMNS
@@ -298,6 +308,11 @@ class AboutCodeDataTable {
         return AboutCodeDataTable.LOCATION_COLUMN
             .concat(AboutCodeDataTable.ORIGIN_COLUMNS);
     }
+
+    static get PACKAGE_GROUP() {
+        return AboutCodeDataTable.LOCATION_COLUMN
+            .concat(AboutCodeDataTable.PACKAGE_COLUMNS);
+    }
 }
 
 AboutCodeDataTable.LOCATION_COLUMN =