Display visibility if available.

2 files changed, 13 insertions, 0 deletions

diff --git a/src/components/status/status.js b/src/components/status/status.js
index 73f4a7aa..c93d81ff 100644
--- a/src/components/status/status.js
+++ b/src/components/status/status.js
@@ -104,6 +104,18 @@ const Status = {
     StillImage
   },
   methods: {
+    visibilityIcon(visibility) {
+      switch(visibility) {
+      case "private":
+        return "icon-lock"
+      case "unlisted":
+        return "icon-lock-open-alt"
+      case "direct":
+        return "icon-mail-alt"
+      default:
+        return "icon-globe"
+      }
+    },
     linkClicked ({target}) {
       if (target.tagName === 'SPAN') {
         target = target.parentNode
diff --git a/src/components/status/status.vue b/src/components/status/status.vue
index 7902cde0..ace141cd 100644
--- a/src/components/status/status.vue
+++ b/src/components/status/status.vue
@@ -55,6 +55,7 @@
               <router-link class="timeago" :to="{ name: 'conversation', params: { id: status.id } }">
                 <timeago :since="status.created_at" :auto-update="60"></timeago>
               </router-link>
+              <span v-if="status.visibility"><i :class="visibilityIcon(status.visibility)"></i> </span>
               <a :href="status.external_url" target="_blank" v-if="!status.is_local" class="source_url"><i class="icon-link-ext"></i></a>
               <template v-if="expandable">
                 <a href="#" @click.prevent="toggleExpanded"><i class="icon-plus-squared"></i></a>