diff options
| author | William Pitcock <nenolod@dereferenced.org> | 2019-02-18 05:03:26 +0000 |
|---|---|---|
| committer | xenofem <xenofem@xeno.science> | 2020-06-28 02:10:06 -0400 |
| commit | 2c6ec37e6a796d2d7be7be58ac0e3c6c8bbd6a18 (patch) | |
| tree | 114e159337270a4a1d9e6a4fd8cb2d081a329161 /src/components/post_status_form | |
| parent | 391f796cb491478105a617b6554e9334cca1443b (diff) | |
media description support
Diffstat (limited to 'src/components/post_status_form')
| -rw-r--r-- | src/components/post_status_form/post_status_form.js | 3 | ||||
| -rw-r--r-- | src/components/post_status_form/post_status_form.vue | 6 |
2 files changed, 9 insertions, 0 deletions
diff --git a/src/components/post_status_form/post_status_form.js b/src/components/post_status_form/post_status_form.js index 9027566f..df2999f2 100644 --- a/src/components/post_status_form/post_status_form.js +++ b/src/components/post_status_form/post_status_form.js @@ -78,6 +78,7 @@ const PostStatusForm = { nsfw: false, files: [], poll: {}, + mediaDescriptions: {}, visibility: scope, contentType }, @@ -190,6 +191,7 @@ const PostStatusForm = { visibility: newStatus.visibility, sensitive: newStatus.nsfw, media: newStatus.files, + mediaDescriptions: newStatus.mediaDescriptions || {}, store: this.$store, inReplyToStatusId: this.replyTo, contentType: newStatus.contentType, @@ -200,6 +202,7 @@ const PostStatusForm = { status: '', spoilerText: '', files: [], + mediaDescriptions: {}, visibility: newStatus.visibility, contentType: newStatus.contentType, poll: {} diff --git a/src/components/post_status_form/post_status_form.vue b/src/components/post_status_form/post_status_form.vue index e3d8d087..551df948 100644 --- a/src/components/post_status_form/post_status_form.vue +++ b/src/components/post_status_form/post_status_form.vue @@ -266,6 +266,7 @@ :href="file.url" >{{ file.url }}</a> </div> + <input type="text" :placeholder="$t('post_status.media_description')" v-model="newStatus.mediaDescriptions[file.id]"></input> </div> </div> <div @@ -399,6 +400,11 @@ border-bottom-left-radius: 0; border-bottom-right-radius: 0; } + + input { + min-width: 300px; + flex: 1; + } } .status-input-wrapper { |