Show role on admin menu

sakura-tel · Jan 2, 2023 · ed80968 · ed80968
1 parent 4a9c814
commit ed80968
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 9 deletions.
diff --git a/src/client/app/admin/views/index.vue b/src/client/app/admin/views/index.vue
@@ -15,7 +15,10 @@
 			</div>
 			<div class="me">
 				<img class="avatar" :src="i.avatarUrl" alt="avatar"/>
-				<p class="name"><mk-user-name :user="i"/></p>
+				<div class="info">
+					<div class="name"><mk-user-name :user="$store.state.i"/></div>
+					<span class="role">{{ $store.getters.role }}</span>
+				</div>
 			</div>
 			<ul>
 				<li><router-link to="/dashboard" active-class="active"><fa icon="home" fixed-width/>{{ $t('dashboard') }}</router-link></li>
@@ -214,14 +217,25 @@ export default Vue.extend({
 				border-radius 100%
 				vertical-align middle
 
-			> .name
-				margin 0 16px
-				padding 0
-				color #fff
-				overflow hidden
-				text-overflow ellipsis
-				white-space nowrap
-				font-size 15px
+			> .info
+				> .name
+					margin 0 16px
+					padding 0
+					color #fff
+					overflow hidden
+					text-overflow ellipsis
+					white-space nowrap
+					font-size 15px
+				> .role
+					margin 0 16px
+					padding 3px
+					border-radius 3px
+					font-size 12px
+					color #fff
+					background-color rgba(255, 255, 255, 0.1)
+					overflow hidden
+					text-overflow ellipsis
+					white-space nowrap
 
 		> .back-to-misskey
 			margin 16px 16px 0 16px

diff --git a/src/client/app/store.ts b/src/client/app/store.ts
@@ -109,6 +109,8 @@ export default (os: MiOS) => new Vuex.Store({
 
 		isAdmin: state => state.i && state.i.isAdmin,
 
+		role: state => state.i?.isAdmin ? 'Admin' : state.i?.isModerator ? 'Moderator' : null,
+
 		home: state => state.settings.homeProfiles[state.device.homeProfile],
 
 		mobileHome: state => state.settings.mobileHomeProfiles[state.device.mobileHomeProfile],