list by default

Author: odeimaiz

services/static-webserver/client/source/class/osparc/file/FolderContent.js

@@ -36,7 +36,7 @@ qx.Class.define("osparc.file.FolderContent", {
 
     mode: {
       check: ["list", "icons"],
-      init: "icons",
+      init: "list",
       nullable: false,
       event: "changeMode",
       apply: "__reloadFolderContent"
@@ -80,7 +80,7 @@ qx.Class.define("osparc.file.FolderContent", {
     T_POS: {
       TYPE: 0,
       NAME: 1,
-      DATE: 2,
+      MODIFIED_DATE: 2,
       SIZE: 3,
       ID: 4
     }
@@ -105,9 +105,9 @@ qx.Class.define("osparc.file.FolderContent", {
           });
           control.getTableColumnModel().setDataCellRenderer(this.self().T_POS.TYPE, new qx.ui.table.cellrenderer.Image());
           control.setColumnWidth(this.self().T_POS.TYPE, 30);
-          control.setColumnWidth(this.self().T_POS.NAME, 360);
-          control.setColumnWidth(this.self().T_POS.DATE, 170);
-          control.setColumnWidth(this.self().T_POS.SIZE, 70);
+          control.setColumnWidth(this.self().T_POS.NAME, 250);
+          control.setColumnWidth(this.self().T_POS.MODIFIED_DATE, 125);
+          control.setColumnWidth(this.self().T_POS.SIZE, 80);
           this.bind("mode", control, "visibility", {
             converter: mode => mode === "list" ? "visible" : "excluded"
           });

services/static-webserver/client/source/class/osparc/file/FolderViewer.js

@@ -22,7 +22,7 @@
 qx.Class.define("osparc.file.FolderViewer", {
   extend: qx.ui.core.Widget,
 
-  construct: function(allowMultiselection = true) {
+  construct: function(allowMultiSelection = true) {
     this.base(arguments);
 
     this._setLayout(new qx.ui.layout.VBox(10));
@@ -33,11 +33,11 @@ qx.Class.define("osparc.file.FolderViewer", {
     folderUpBtn.addListener("execute", () => this.fireDataEvent("folderUp", this.getFolder()), this);
     this.getChildControl("folder-path");
     let multiSelectButton = null;
-    if (allowMultiselection) {
+    if (allowMultiSelection) {
       multiSelectButton = this.getChildControl("multi-select-button");
     }
-    const gridViewButton = this.getChildControl("view-options-icons");
     const listViewButton = this.getChildControl("view-options-list");
+    const gridViewButton = this.getChildControl("view-options-icons");
     const folderContent = this.getChildControl("folder-content");
     const selectedFileLayout = this.getChildControl("selected-file-layout");
 
@@ -51,7 +51,7 @@ qx.Class.define("osparc.file.FolderViewer", {
 
     this.bind("folder", folderContent, "folder");
 
-    if (allowMultiselection) {
+    if (allowMultiSelection) {
       multiSelectButton.bind("value", folderContent, "multiSelect");
       folderContent.bind("multiSelect", multiSelectButton, "value");
       multiSelectButton.addListener("changeValue", e => {
@@ -142,20 +142,20 @@ qx.Class.define("osparc.file.FolderViewer", {
           header.addAt(control, 2);
           break;
         }
-        case "view-options-rgroup":
+        case "view-options-radio-group":
           control = new qx.ui.form.RadioGroup();
           break;
         case "view-options-icons": {
           control = new qx.ui.form.ToggleButton(null, "@MaterialIcons/apps/18");
-          const group = this.getChildControl("view-options-rgroup");
+          const group = this.getChildControl("view-options-radio-group");
           group.add(control);
           const header = this.getChildControl("header");
           header.addAt(control, 3);
           break;
         }
         case "view-options-list": {
           control = new qx.ui.form.ToggleButton(null, "@MaterialIcons/reorder/18");
-          const group = this.getChildControl("view-options-rgroup");
+          const group = this.getChildControl("view-options-radio-group");
           group.add(control);
           const header = this.getChildControl("header");
           header.addAt(control, 4);