Add set as space img/md action

packages/web-app-files/src/components/FilesList/ContextActions.vue

@@ -39,6 +39,8 @@ import Restore from '../../mixins/actions/restore'
 import ShowActions from '../../mixins/actions/showActions'
 import ShowDetails from '../../mixins/actions/showDetails'
 import ShowShares from '../../mixins/actions/showShares'
+import SetSpaceImage from '../../mixins/spaces/actions/setSpaceImage'
+import SetSpaceMarkdown from '../../mixins/spaces/actions/setSpaceMarkdown'
 
 export default {
   name: 'ContextActions',
@@ -60,7 +62,9 @@ export default {
     Restore,
     ShowActions,
     ShowDetails,
-    ShowShares
+    ShowShares,
+    SetSpaceImage,
+    SetSpaceMarkdown
   ],
 
   props: {
@@ -159,7 +163,9 @@ export default {
         ...this.$_rename_items,
         ...this.$_restore_items,
         ...this.$_acceptShare_items,
-        ...this.$_declineShare_items
+        ...this.$_declineShare_items,
+        ...this.$_setSpaceImage_items,
+        ...this.$_setSpaceMarkdown_items
       ].filter((item) => item.isEnabled(this.filterParams))
     },
 

packages/web-app-files/src/mixins/spaces/actions/setSpaceImage.js

@@ -0,0 +1,37 @@
+import { isLocationSpacesActive } from '../../../router'
+
+export default {
+  computed: {
+    $_setSpaceImage_items() {
+      return [
+        {
+          name: 'set-space-image',
+          icon: 'image-edit',
+          handler: this.$_setSpaceImage_trigger,
+          label: () => {
+            return this.$gettext('Set as space image')
+          },
+          isEnabled: ({ resources }) => {
+            if (resources.length !== 1) {
+              return false
+            }
+            if (
+              resources[0].extension !== 'jpeg' &&
+              resources[0].extension !== 'jpg' &&
+              resources[0].extension !== 'png'
+            ) {
+              return false
+            }
+            return isLocationSpacesActive(this.$router, 'files-spaces-project')
+          },
+          canBeDefault: false,
+          componentType: 'oc-button',
+          class: 'oc-files-actions-set-space-image-trigger'
+        }
+      ]
+    }
+  },
+  methods: {
+    async $_setSpaceImage_trigger({ resources }) {}
+  }
+}

packages/web-app-files/src/mixins/spaces/actions/setSpaceMarkdown.js

@@ -0,0 +1,33 @@
+import { isLocationSpacesActive } from '../../../router'
+
+export default {
+  computed: {
+    $_setSpaceMarkdown_items() {
+      return [
+        {
+          name: 'set-space-markdown',
+          icon: 'markdown',
+          handler: this.$_setSpaceMarkdown_trigger,
+          label: () => {
+            return this.$gettext('Set as space description')
+          },
+          isEnabled: ({ resources }) => {
+            if (resources.length !== 1) {
+              return false
+            }
+            if (resources[0].extension !== 'md') {
+              return false
+            }
+            return isLocationSpacesActive(this.$router, 'files-spaces-project')
+          },
+          canBeDefault: false,
+          componentType: 'oc-button',
+          class: 'oc-files-actions-set-space-markdown-trigger'
+        }
+      ]
+    }
+  },
+  methods: {
+    async $_setSpaceMarkdown_trigger({ resources }) {}
+  }
+}

packages/web-app-files/src/views/spaces/Projects.vue

@@ -274,8 +274,12 @@ export default {
 
       return this.graph.drives
         .createDrive({ name }, {})
-        .then(() => {
+        .then(({ data: space }) => {
           this.hideModal()
+          this.$client.files.putFileContents(`spaces/${space.id}/readme.md`, '').then((file) => {
+            // TODO: tell space api to use this file as readme
+            console.log(file)
+          })
           this.loadSpacesTask.perform(this)
         })
         .catch((error) => {