Mastodon/Whalebird-desktop-client-mac-linux-windows
1
0
Fork 0
mirror of https://github.com/h3poteto/whalebird-desktop synced 2024-12-23 15:37:59 +01:00
Code Issues Releases Wiki Activity

refs #28 Validate and count toot text

Browse Source
This commit is contained in:
AkiraFukushima 2018-03-13 10:52:28 +09:00
parent 9a05ac9152
commit 4ab318a7f7
1 changed files with 12 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/renderer/components/TimelineSpace/NewTootModal.vue
View File

@ -10,6 +10,7 @@
</div>
</el-form>
<span slot="footer" class="dialog-footer">
<span class="text-count">{{ 500 - tootForm.body.length }}</span>
<el-button @click="close">Cancel</el-button>
<el-button type="primary" @click="toot">Toot</el-button>
</span>
@ -46,6 +47,12 @@ export default {
this.$store.commit('TimelineSpace/changeNewTootModal', false)
},
toot () {
if (this.tootForm.body.length <= 0 || this.tootForm.body.length >= 500) {
return this.$message({
message: 'Toot length should be 1 to 500',
type: 'error'
})
}
this.$store.dispatch('TimelineSpace/postToot', this.tootForm.body)
.then(() => {
this.tootForm.body = ''
@ -104,6 +111,11 @@ export default {
.el-dialog__footer {
background-color: #f2f6fc;
.text-count {
padding-right: 24px;
color: #909399;
}
}
}
</style>