Merge branch 'post-button-labels' into 'develop'

Add labels to post buttons

See merge request pleroma/pleroma-fe!323

2 files changed, 12 insertions, 3 deletions

diff --git a/src/components/status/status.js b/src/components/status/status.js
index a6c49f7c..45f5ccac 100644
--- a/src/components/status/status.js
+++ b/src/components/status/status.js
@@ -282,6 +282,11 @@ const Status = {
         }
       }
     }
+  },
+  filters: {
+    capitalize: function (str) {
+      return str.charAt(0).toUpperCase() + str.slice(1)
+    }
   }
 }
 
diff --git a/src/components/status/status.vue b/src/components/status/status.vue
index 123b0cc2..bfe96d33 100644
--- a/src/components/status/status.vue
+++ b/src/components/status/status.vue
@@ -58,11 +58,15 @@
                 <timeago :since="status.created_at" :auto-update="60"></timeago>
               </router-link>
               <div class="visibility-icon" v-if="status.visibility">
-                <i :class="visibilityIcon(status.visibility)"></i>
+                <i :class="visibilityIcon(status.visibility)" :title="status.visibility | capitalize"></i>
               </div>
-              <a :href="status.external_url" target="_blank" v-if="!status.is_local" class="source_url"><i class="icon-link-ext-alt"></i></a>
+              <a :href="status.external_url" target="_blank" v-if="!status.is_local" class="source_url" title="Source">
+                <i class="icon-link-ext-alt"></i>
+              </a>
               <template v-if="expandable">
-                <a href="#" @click.prevent="toggleExpanded"><i class="icon-plus-squared"></i></a>
+                <a href="#" @click.prevent="toggleExpanded" title="Expand">
+                  <i class="icon-plus-squared"></i>
+                </a>
               </template>
               <a href="#" @click.prevent="toggleMute" v-if="unmuted"><i class="icon-eye-off"></i></a>
             </div>