✨ : add a vue component to display user badge

gaia-app · Aug 9, 2019 · 0cfe94f · 0cfe94f
1 parent 862652c
commit 0cfe94f
Showing 1 changed file with 24 additions and 0 deletions.
diff --git a/src/main/resources/templates/vue_templates/user-badge.vue b/src/main/resources/templates/vue_templates/user-badge.vue
@@ -0,0 +1,24 @@
+<template id="user-badge-template">
+    <span class="user_badge" :class="cssClass">
+        <a href="#">{{user.username}}</a>
+        <i v-if="user.admin" class="fas fa-user-shield"></i>
+    </span>
+</template>
+
+<script>
+    Vue.component('user-badge', {
+        template: '#user-badge-template',
+        props: ['user', 'cssClass'],
+    });
+</script>
+
+<style scoped>
+    .user_badge a {
+        color: #3273dc !important;
+        text-decoration: none !important;
+    }
+
+    .user_badge .fa-user-shield {
+        color: #ff9900;
+    }
+</style>