enhance(client): ロールをより簡単に付与できるように

This commit is contained in:
syuilo
2023-02-11 12:55:22 +09:00
parent abc1bdf218
commit 040f9927dd
3 changed files with 28 additions and 0 deletions

View File

@ -24,6 +24,7 @@
<p>{{ $ts.followers }}</p><span>{{ user.followersCount }}</span>
</div>
</div>
<button class="menu _button" @click="showMenu"><i class="ti ti-dots"></i></button>
<MkFollowButton v-if="$i && user.id != $i.id" class="koudoku-button" :user="user" mini/>
</div>
<div v-else>
@ -40,6 +41,7 @@ import * as misskey from 'misskey-js';
import MkFollowButton from '@/components/MkFollowButton.vue';
import { userPage } from '@/filters/user';
import * as os from '@/os';
import { getUserMenu } from '@/scripts/get-user-menu';
const props = defineProps<{
showing: boolean;
@ -58,6 +60,10 @@ let user = $ref<misskey.entities.UserDetailed | null>(null);
let top = $ref(0);
let left = $ref(0);
function showMenu(ev: MouseEvent) {
os.popupMenu(getUserMenu(user), ev.currentTarget ?? ev.target);
}
onMounted(() => {
if (typeof props.q === 'object') {
user = props.q;
@ -174,6 +180,13 @@ onMounted(() => {
}
}
> .menu {
position: absolute;
top: 8px;
right: 42px;
padding: 8px;
}
> .koudoku-button {
position: absolute;
top: 8px;