task/DES-2562: Add Scratch (Frontera) to listings

designsafe/static/scripts/data-depot/components/data-depot-nav/data-depot-nav.component.js

@@ -45,6 +45,12 @@ class DataDepotNavCtrl {
           state: 'myData',
           description: 'Private directory for your data'
         },
+        {
+          name: 'My Working Files',
+          collapsible: false,
+          state: 'myDataWork',
+          description: 'Working directory for use with JupyterHub'
+        },
         {
           name: 'My Projects',
           collapsible: false,

designsafe/static/scripts/data-depot/components/data-depot-toolbar/data-depot-toolbar.component.js

@@ -16,6 +16,7 @@ class DataDepotToolbarCtrl {
     placeholder() {
         var stateNames = {
             'myData': 'My Data',
+            'myDataWork': 'My Working Files',
             'projects.list': 'My Projects',
             'sharedData': 'Shared Data',
             'boxData': 'Box',

designsafe/static/scripts/data-depot/index.js

@@ -83,6 +83,39 @@ function config(
                 },
             },
         })
+        .state('myDataWork', {
+            url: '/agave/{systemId}/{filePath:any}/?query_string&offset&limit',
+            component: 'dataDepotBrowser',
+            params: {
+                systemId: 'designsafe.storage.working',
+                filePath: Django.user,
+            },
+            resolve: {
+                apiParams: ()=> {
+                    return {
+                        fileMgr: 'agave',
+                    };
+                },
+                path: ($stateParams, Django) => {
+                    'ngInject';
+                    if ($stateParams.filePath.replace(/^\/+/, '') === '') {
+                        return Django.user;
+                    }
+                    return $stateParams.filePath;
+                },
+                auth: ($q, Django) => {
+                    'ngInject';
+                    if (Django.context.authenticated) {
+                        return true;
+                    }
+
+                    return $q.reject({
+                        type: 'authn',
+                        context: Django.context,
+                    });
+                },
+            },
+        })
         .state('sharedData', {
             url: '/shared/{systemId}/{filePath:any}?query_string',
             component: 'dataDepotBrowser',

designsafe/static/scripts/ng-designsafe/services/file-operation-service.js

@@ -49,7 +49,7 @@ export class FileOperationService {
 
     getTests(files) {
         const externalDataStates = ['boxData', 'dropboxData', 'googledriveData'];
-        const agaveDataStates = ['myData', 'projects.view', 'projects.curation'];
+        const agaveDataStates = ['myData', 'myDataWork', 'projects.view', 'projects.curation'];
         let isHazmapper = files.length > 0 ? files.some((e) => e.name.endsWith('hazmapper')) : false;
         const tests = {
             copy: this.Django.context.authenticated && !isHazmapper && files.length > 0,

designsafe/static/scripts/workspace/components/workspace-data-browser/workspace-data-browser.component.js

@@ -17,6 +17,7 @@ class WorkspaceDataBrowserCtrl {
 
         this.options = [
             { name: 'myData', label: 'My Data' },
+            { name: 'myDataWork', label: 'My Working Files' },
             { name: 'myProjects', label: 'My Projects' },
             { name: 'publications', label: 'Published' },
             { name: 'nees', label: 'Published (NEES)' },
@@ -58,6 +59,17 @@ class WorkspaceDataBrowserCtrl {
                 });
                 this.breadcrumbParams = this.FileListingService.fileMgrMappings.agave.breadcrumbParams;
                 break;
+            case 'myDataWork':
+                this.listingType = 'files';
+                this.FileListingService.browse({
+                    section: 'main',
+                    api: 'agave',
+                    scheme: 'private',
+                    system: 'designsafe.storage.working',
+                    path: this.Django.user,
+                });
+                this.breadcrumbParams = this.FileListingService.fileMgrMappings.agave.breadcrumbParams;
+                break;
             case 'myProjects':
                 this.listingType = 'projects';
                 this.ProjectService.listProjects({ section: 'main' });