diff options
| author | おさむのひと <46447427+samunohito@users.noreply.github.com> | 2023-11-30 08:15:13 +0900 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-11-30 08:15:13 +0900 |
| commit | 413f7bfb44e885c82ba49fc098b620831830d0c5 (patch) | |
| tree | 00b51ac3e8eaf26fac3eea24aa8f2f204aae7b6e /packages/frontend/src/pages/flash | |
| parent | enhance(frontend): Shareページでの投稿完了時にpostMessageを発火... (diff) | |
| download | sharkey-413f7bfb44e885c82ba49fc098b620831830d0c5.tar.gz sharkey-413f7bfb44e885c82ba49fc098b620831830d0c5.tar.bz2 sharkey-413f7bfb44e885c82ba49fc098b620831830d0c5.zip | |
Fix: navigator.share未サポートの場合は共有ボタンを非表示にする（＋URLのコピーボタンを設置） (#12506)
* navigator.share未サポートの場合は共有ボタンを非表示にする
* fix CHANGELOG.md
* ライセンス表示追加
* URLのコピーボタンを設置
Diffstat (limited to 'packages/frontend/src/pages/flash')
| -rw-r--r-- | packages/frontend/src/pages/flash/flash.vue | 10 |
1 files changed, 9 insertions, 1 deletions
diff --git a/packages/frontend/src/pages/flash/flash.vue b/packages/frontend/src/pages/flash/flash.vue index ebf117ffbf..4755eb5062 100644 --- a/packages/frontend/src/pages/flash/flash.vue +++ b/packages/frontend/src/pages/flash/flash.vue @@ -18,7 +18,8 @@ SPDX-License-Identifier: AGPL-3.0-only <MkButton v-if="flash.isLiked" v-tooltip="i18n.ts.unlike" asLike class="button" rounded primary @click="unlike()"><i class="ti ti-heart"></i><span v-if="flash.likedCount > 0" style="margin-left: 6px;">{{ flash.likedCount }}</span></MkButton> <MkButton v-else v-tooltip="i18n.ts.like" asLike class="button" rounded @click="like()"><i class="ti ti-heart"></i><span v-if="flash.likedCount > 0" style="margin-left: 6px;">{{ flash.likedCount }}</span></MkButton> <MkButton v-tooltip="i18n.ts.shareWithNote" class="button" rounded @click="shareWithNote"><i class="ti ti-repeat ti-fw"></i></MkButton> - <MkButton v-tooltip="i18n.ts.share" class="button" rounded @click="share"><i class="ti ti-share ti-fw"></i></MkButton> + <MkButton v-tooltip="i18n.ts.copyLink" class="button" rounded @click="copyLink"><i class="ti ti-link ti-fw"></i></MkButton> + <MkButton v-if="isSupportShare()" v-tooltip="i18n.ts.share" class="button" rounded @click="share"><i class="ti ti-share ti-fw"></i></MkButton> </div> </div> <div v-else :class="$style.ready"> @@ -70,6 +71,8 @@ import MkFolder from '@/components/MkFolder.vue'; import MkCode from '@/components/MkCode.vue'; import { defaultStore } from '@/store.js'; import { $i } from '@/account.js'; +import { isSupportShare } from '@/scripts/navigator.js'; +import copyToClipboard from '@/scripts/copy-to-clipboard.js'; const props = defineProps<{ id: string; @@ -89,6 +92,11 @@ function fetchFlash() { }); } +function copyLink() { + copyToClipboard(`${url}/play/${flash.id}`); + os.success(); +} + function share() { navigator.share({ title: flash.title, |