sim1222/misskey
1
0
Fork 0
mirror of https://github.com/sim1222/misskey.git synced 2025-07-09 12:19:58 +09:00
Code Issues Projects Releases Wiki Activity

enhance(client): make possible to hide ads

Browse Source 
Resolve #9590
Resolve #8996
This commit is contained in:
syuilo
2023-01-16 11:21:04 +09:00
parent 60d9bb0218
commit fe0bb21b37
6 changed files with 51 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
packages/frontend/src/components/global/MkAd.vue
View File

@ -1,5 +1,5 @@
<template>
<div v-if="chosen" :class="$style.root">
<div v-if="chosen && !shouldHide" :class="$style.root">
<div v-if="!showMenu" :class="[$style.main, $style['form_' + chosen.place]]">
<a :href="chosen.url" target="_blank" :class="$style.link">
<img :src="chosen.imageUrl" :class="$style.img">
@ -11,6 +11,7 @@
<div>Ads by {{ host }}</div>
<!--<MkButton class="button" primary>{{ $ts._ad.like }}</MkButton>-->
<MkButton v-if="chosen.ratio !== 0" :class="$style.menuButton" @click="reduceFrequency">{{ $ts._ad.reduceFrequencyOfThisAd }}</MkButton>
<MkButton v-if="$i && $i.policies.canHideAds" :class="$style.menuButton" @click="hide">{{ $ts._ad.hide }}</MkButton>
<button class="_textButton" @click="toggleMenu">{{ $ts._ad.back }}</button>
</div>
</div>
@ -25,6 +26,7 @@ import { host } from '@/config';
import MkButton from '@/components/MkButton.vue';
import { defaultStore } from '@/store';
import * as os from '@/os';
import { $i } from '@/account';
type Ad = (typeof instance)['ads'][number];
@ -81,6 +83,7 @@ const choseAd = (): Ad | null => {
};
const chosen = ref(choseAd());
let shouldHide = $ref(chosen.value && $i && $i.policies.canHideAds && defaultStore.state.hiddenAds.includes(chosen.value.id));
function reduceFrequency(): void {
if (chosen.value == null) return;
@ -90,6 +93,13 @@ function reduceFrequency(): void {
chosen.value = choseAd();
showMenu.value = false;
}
function hide() {
if (chosen.value == null) return;
defaultStore.push('hiddenAds', chosen.value.id);
os.success();
shouldHide = true;
}
</script>
<style lang="scss" module>