Merge branch 'develop' of https://github.com/nexB/aboutcode-manager into develop

Author: jdaguil

assets/css/main.css

@@ -242,6 +242,17 @@ div.dataTables_scrollHead th:first-child {
   border-top-left-radius: 4px;
 }
 
+/* Modify the colvis column-visibility and -grouping buttons */
+.buttons-colvis {
+  padding-right: 10px;
+  padding-left: 10px;
+}
+
+.buttons-colvisGroup {
+  padding-right: 10px;
+  padding-left: 10px;
+}
+
 /*---------------------------------------
   Help page
 -----------------------------------------*/

assets/js/aboutCodeDataTables.js

@@ -237,23 +237,18 @@ class AboutCodeDataTable {
                     collectionLayout: "fixed two-column"
                 },
                 {
-                    // Show only copyright columns
                     extend: "colvisGroup",
-                    text: "Copyright info",
-                    show: AboutCodeDataTable.COPYRIGHT_GROUP
-                        .map((column) => `${column.name}:name`),
-                    hide: AboutCodeDataTable.TABLE_COLUMNS
-                        .filter((column) => AboutCodeDataTable.COPYRIGHT_GROUP.indexOf(column) < 0)
-                        .map((column) => `${column.name}:name`)
+                    text: "Show all",
+                    show: ":hidden"
                 },
                 {
-                    // Show only license columns
+                    // Hide all columns except Path
                     extend: "colvisGroup",
-                    text: "License info",
-                    show: AboutCodeDataTable.LICENSE_GROUP
+                    text: "Hide all",
+                    show: AboutCodeDataTable.LOCATION_COLUMN
                         .map((column) => `${column.name}:name`),
                     hide: AboutCodeDataTable.TABLE_COLUMNS
-                        .filter((column) => AboutCodeDataTable.LICENSE_GROUP.indexOf(column) < 0)
+                        .filter((column) => AboutCodeDataTable.LOCATION_COLUMN.indexOf(column) < 0)
                         .map((column) => `${column.name}:name`)
                 },
                 {
@@ -267,18 +262,33 @@ class AboutCodeDataTable {
                         .map((column) => `${column.name}:name`)
                 },
                 {
+                    // Show only copyright columns
                     extend: "colvisGroup",
-                    text: "Show all columns",
-                    show: ":hidden"
+                    text: "Copyright info",
+                    show: AboutCodeDataTable.COPYRIGHT_GROUP
+                        .map((column) => `${column.name}:name`),
+                    hide: AboutCodeDataTable.TABLE_COLUMNS
+                        .filter((column) => AboutCodeDataTable.COPYRIGHT_GROUP.indexOf(column) < 0)
+                        .map((column) => `${column.name}:name`)
                 },
                 {
-                    // Hide all columns except Path
+                    // Show only license columns
                     extend: "colvisGroup",
-                    text: "Hide all columns",
-                    show: AboutCodeDataTable.LOCATION_COLUMN
+                    text: "License info",
+                    show: AboutCodeDataTable.LICENSE_GROUP
                         .map((column) => `${column.name}:name`),
                     hide: AboutCodeDataTable.TABLE_COLUMNS
-                        .filter((column) => AboutCodeDataTable.LOCATION_COLUMN.indexOf(column) < 0)
+                        .filter((column) => AboutCodeDataTable.LICENSE_GROUP.indexOf(column) < 0)
+                        .map((column) => `${column.name}:name`)
+                },
+                {
+                    // Show only package columns
+                    extend: "colvisGroup",
+                    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`)
                 }
             ],
@@ -320,6 +330,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 =