usbharu
/
misskey
mirror of https://github.com/misskey-dev/misskey.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

iphone flip

This commit is contained in:
tamaina 2025-08-25 22:55:56 +09:00
parent b5d7ded9e6
commit 530ffb3ede
1 changed files with 17 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
packages/frontend/src/pages/qr.show.vue
View File

@ -17,10 +17,10 @@ SPDX-License-Identifier: AGPL-3.0-only
'--MI_SPACER-max': '14px', '--MI_SPACER-max': '14px',
'cursor': canShare ? 'pointer' : 'default', 'cursor': canShare ? 'pointer' : 'default',
}" }"
@click="share"
> >
<div <div
:class="$style.qrOuter" :class="$style.qrOuter"
@click="share"
> >
<div ref="qrCodeEl" v-flip :class="$style.qrInner"></div> <div ref="qrCodeEl" v-flip :class="$style.qrInner"></div>
</div> </div>
@ -31,7 +31,8 @@ SPDX-License-Identifier: AGPL-3.0-only
<div v-flip :class="$style.name"><MkCondensedLine :minScale="2 / 3">{{ userName($i) }}</MkCondensedLine></div> <div v-flip :class="$style.name"><MkCondensedLine :minScale="2 / 3">{{ userName($i) }}</MkCondensedLine></div>
</div> </div>
</div> </div>
<img v-flip :class="$style.logo" :src="misskeysvg" alt="Misskey Logo"/> <img v-if="deviceMotionPermissionNeeded" v-flip :class="$style.logo" :src="misskeysvg" alt="Misskey Logo" @click="requestDeviceMotion" />
<img v-else v-flip :class="$style.logo" :src="misskeysvg" alt="Misskey Logo" />
</div> </div>
</div> </div>
</div> </div>
@ -150,6 +151,8 @@ onUnmounted(() => {
//#region flip //#region flip
const THRESHOLD = -3; const THRESHOLD = -3;
// @ts-ignore
const deviceMotionPermissionNeeded = window.DeviceMotionEvent && typeof window.DeviceMotionEvent.requestPermission === 'function';
const flipEls: Set<Element> = new Set(); const flipEls: Set<Element> = new Set();
const flip = ref(false); const flip = ref(false);
@ -164,6 +167,18 @@ watch(flip, (newState) => {
}); });
}); });
function requestDeviceMotion() {
if (!deviceMotionPermissionNeeded) return;
// @ts-ignore
window.DeviceMotionEvent.requestPermission()
.then((response: string) => {
if (response === 'granted') {
window.addEventListener('deviceorientation', handleOrientationChange);
}
})
.catch(console.error);
}
onMounted(() => { onMounted(() => {
window.addEventListener('deviceorientation', handleOrientationChange); window.addEventListener('deviceorientation', handleOrientationChange);
}); });