It is now possible to edit your own activity reports on the Actifit website.
If you log in to the website via SteemConnect you can access your activity reports via the menu in the top right corner.
The post cards now have an edit link in the bottom right corner.
This link will open a new modal where you can edit your post.
I started with just the basic functionality, which is populating some text fields with the post's data and then updating it via SteemConnect.
The save method then triggers a loading animation and updates the post via SteemConnect. (See https://github.com/mktcode/vue-steemconnect for a very easy way to integrate SteemConnect in your Vue.js project!)
To have a more convenient editor I used a Vue.js implementation of Simplemde. To avoid some issues with Nuxt's server side rendering, I implemented this as a plugin and configured it to not be rendered on the server.
This makes this component globally available and you can use the editor by simply using the
In the editor's configuration I used a custom callback for the preview, so that usernames (starting with @) get converted to links.
For the tag input I used matiastucci/vue-input-tag, a very easy to use Vue.js component.
With this component you just need to import it and then you can use this
<tag-input> tag and bind it to an array of tags in your data.
With some additional styling you then have a nice and convenient tag input.
There was some unintended behavior that removed the first post of a user.
When you fetch posts via steem-js and you use the start_author and start_permlink parameters, the first post that is returned is actually that start post. But since this is also the last post of the result set that you already fetched before, you don't want that to be included in those new posts. But actually I forgot to disable this behavior on the first fetch, because then of course you want all the posts.
Currently the editor does not support image uploads. I don't know if and when I will find the time to do that.