therwi/sunkkoma
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Use more clear explanation in the scope notice, make sure the hide button doesn't overlap with text in notice.

Browse source
This commit is contained in:
eugenijm 2019-05-07 22:32:47 +03:00
parent 4af343374a
commit a89010843d
7 changed files with 30 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/components/mobile_post_status_modal/mobile_post_status_modal.js
View file

@ -12,8 +12,7 @@ const MobilePostStatusModal = {
scrollingDown: false,
inputActive: false,
oldScrollPos: 0,
amountScrolled: 0,
visibility: this.$store.state.users.currentUser.default_scope
amountScrolled: 0
}
},
created () {
@ -33,9 +32,6 @@ const MobilePostStatusModal = {
}
},
methods: {
onScopeChange (visibility) {
this.visibility = visibility
},
openPostForm () {
this.postFormOpen = true
this.hidden = true

2
src/components/mobile_post_status_modal/mobile_post_status_modal.vue
View file

@ -7,7 +7,7 @@
>
<div class="post-form-modal-panel panel" @click.stop="">
<div class="panel-heading">{{$t('post_status.new_status')}}</div>
<PostStatusForm class="panel-body" @posted="closePostForm" @onScopeChange="onScopeChange" />
<PostStatusForm class="panel-body" @posted="closePostForm" />
</div>
</div>
<button

1
src/components/post_status_form/post_status_form.js
View file

@ -341,7 +341,6 @@ const PostStatusForm = {
},
changeVis (visibility) {
this.newStatus.visibility = visibility
this.$emit('onScopeChange', visibility)
},
dismissScopeNotice () {
this.$store.dispatch('setOption', { name: 'hideScopeNotice', value: true })

12
src/components/post_status_form/post_status_form.vue
View file

@ -9,21 +9,21 @@
class="visibility-notice">
<router-link :to="{ name: 'user-settings' }">{{ $t('post_status.account_not_locked_warning_link') }}</router-link>
</i18n>
<p v-if="!hideScopeNotice && newStatus.visibility === 'public'" class="visibility-notice">
<p v-if="!hideScopeNotice && newStatus.visibility === 'public'" class="visibility-notice notice-dismissible">
<span>{{ $t('post_status.scope_notice.public') }}</span>
<a v-on:click.prevent="dismissScopeNotice()" style="float: right" class="button-icon">
<a v-on:click.prevent="dismissScopeNotice()" class="button-icon dismiss">
<i class='icon-cancel'></i>
</a>
</p>
<p v-else-if="!hideScopeNotice && newStatus.visibility === 'unlisted'" class="visibility-notice">
<p v-else-if="!hideScopeNotice && newStatus.visibility === 'unlisted'" class="visibility-notice notice-dismissible">
<span>{{ $t('post_status.scope_notice.unlisted') }}</span>
<a v-on:click.prevent="dismissScopeNotice()" style="float: right" class="button-icon">
<a v-on:click.prevent="dismissScopeNotice()" class="button-icon dismiss">
<i class='icon-cancel'></i>
</a>
</p>
<p v-else-if="!hideScopeNotice && newStatus.visibility === 'private'" class="visibility-notice">
<p v-else-if="!hideScopeNotice && newStatus.visibility === 'private' && $store.state.users.currentUser.locked" class="visibility-notice notice-dismissible">
<span>{{ $t('post_status.scope_notice.private') }}</span>
<a v-on:click.prevent="dismissScopeNotice()" style="float: right" class="button-icon">
<a v-on:click.prevent="dismissScopeNotice()" class="button-icon dismiss">
<i class='icon-cancel'></i>
</a>
</p>