Display additional scope description above the status form for mobile users.

src/components/mobile_post_status_modal/mobile_post_status_modal.js

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

src/components/mobile_post_status_modal/mobile_post_status_modal.vue

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

src/components/post_status_form/post_status_form.js

@@ -338,6 +338,7 @@ const PostStatusForm = {
     },
     changeVis (visibility) {
       this.newStatus.visibility = visibility
+      this.$emit('onScopeChange', visibility)
     }
   }
 }