1 files changed, 24 insertions, 4 deletions

diff --git a/src/features/workspaces/components/EditWorkspaceForm.js b/src/features/workspaces/components/EditWorkspaceForm.js
index e602ebd5a..b3551a7b9 100644
--- a/src/features/workspaces/components/EditWorkspaceForm.js
+++ b/src/features/workspaces/components/EditWorkspaceForm.js
@@ -12,8 +12,10 @@ import Form from '../../../lib/Form';
 import { required } from '../../../helpers/validation-helpers';
 import WorkspaceServiceListItem from './WorkspaceServiceListItem';
 import Request from '../../../stores/lib/Request';
-import { gaEvent } from '../../../lib/analytics';
-import { GA_CATEGORY_WORKSPACES } from '../index';
+
+import { KEEP_WS_LOADED_USID } from '../../../config';
+
+import Toggle from '../../../components/ui/Toggle';
 
 const messages = defineMessages({
   buttonDelete: {
@@ -32,6 +34,14 @@ const messages = defineMessages({
     id: 'settings.workspace.form.yourWorkspaces',
     defaultMessage: '!!!Your workspaces',
   },
+  keepLoaded: {
+    id: 'settings.workspace.form.keepLoaded',
+    defaultMessage: '!!!Keep this workspace loaded*',
+  },
+  keepLoadedInfo: {
+    id: 'settings.workspace.form.keepLoadedInfo',
+    defaultMessage: '!!!*This option will be overwritten by the global "Keep all workspaces loaded" option.',
+  },
   servicesInWorkspaceHeadline: {
     id: 'settings.workspace.form.servicesInWorkspaceHeadline',
     defaultMessage: '!!!Services in this Workspace',
@@ -53,6 +63,9 @@ const styles = () => ({
   serviceList: {
     height: 'auto',
   },
+  keepLoadedInfo: {
+    marginBottom: '2rem !important',
+  },
 });
 
 @injectSheet(styles) @observer
@@ -90,6 +103,11 @@ class EditWorkspaceForm extends Component {
           value: workspace.name,
           validators: [required],
         },
+        keepLoaded: {
+          label: intl.formatMessage(messages.keepLoaded),
+          value: workspace.services.includes(KEEP_WS_LOADED_USID),
+          default: false,
+        },
         services: {
           value: workspace.services.slice(),
         },
@@ -103,7 +121,6 @@ class EditWorkspaceForm extends Component {
         const { onSave } = this.props;
         const values = f.values();
         onSave(values);
-        gaEvent(GA_CATEGORY_WORKSPACES, 'save');
       },
       onError: async () => {},
     });
@@ -112,7 +129,6 @@ class EditWorkspaceForm extends Component {
   delete() {
     const { onDelete } = this.props;
     onDelete();
-    gaEvent(GA_CATEGORY_WORKSPACES, 'delete');
   }
 
   toggleService(service) {
@@ -155,6 +171,10 @@ class EditWorkspaceForm extends Component {
         <div className="settings__body">
           <div className={classes.nameInput}>
             <Input {...form.$('name').bind()} />
+            <Toggle field={form.$('keepLoaded')} />
+            <p className={classes.keepLoadedInfo}>
+              { intl.formatMessage(messages.keepLoadedInfo) }
+            </p>
           </div>
           <h2>{intl.formatMessage(messages.servicesInWorkspaceHeadline)}</h2>
           <div className={classes.serviceList}>