Mirrors/tachiyomi-website
2
0
Fork 0
mirror of https://github.com/tachiyomiorg/website.git synced 2024-12-21 07:31:58 +01:00
Code Issues Packages Projects Releases Wiki Activity

Show a warning in download if the device is not Android. (#35)

Browse Source
This commit is contained in:
Alessandro Jean 2023-09-08 22:16:22 -03:00 committed by GitHub
parent d6c090ab3d
commit be8086aff4
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 48 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

63
website/src/.vitepress/theme/components/DownloadButtons.vue
View File

@ -1,5 +1,5 @@
<script setup lang="ts"> <script setup lang="ts">
import { computed } from "vue" import { computed, onMounted, ref } from "vue"
import { data as release } from "../data/release.data" import { data as release } from "../data/release.data"
const downloadInformation = computed(() => ({ const downloadInformation = computed(() => ({
@ -14,24 +14,57 @@ const downloadInformation = computed(() => ({
.find((a) => /^tachiyomi-v\d+\.\d+\.\d+.apk/.test(a.name)), .find((a) => /^tachiyomi-v\d+\.\d+\.\d+.apk/.test(a.name)),
}, },
})) }))
const isAndroid = ref(true)
onMounted(() => {
isAndroid.value = !!navigator.userAgent.match(/android/i)
})
</script> </script>
<template> <template>
<div class="download-buttons"> <div>
<a class="download-button primary" :download="downloadInformation.stable.asset?.name" :href="downloadInformation.stable.asset?.browser_download_url"> <div v-if="!isAndroid" class="custom-block danger">
<IconDownload /> <p class="custom-block-title">
<span class="text">Stable</span> Unsupported Operating System
<span class="version">{{ downloadInformation.stable.tagName }}</span> </p>
</a> <p>
<a class="download-button secondary" :download="downloadInformation.preview.asset?.name" :href="downloadInformation.preview.asset?.browser_download_url"> <strong>Tachiyomi</strong> is an <strong>Android app</strong> only.
<IconBugReport /> Use an <strong>Android device</strong> to download and install the app.
<span class="text">Preview</span> </p>
<span class="version">{{ downloadInformation.preview.tagName }}</span> </div>
</a> <div v-if="!isAndroid" class="custom-block warning">
<p class="custom-block-title">
Caution
</p>
<p>
Any app for other operating systems that are not Android and
that calls itself <strong>Tachiyomi</strong> is
<strong>impersonating</strong> the original
<strong>Tachiyomi</strong> app for <strong>Android</strong>
and is not affiliated with the project.
</p>
<blockquote>
For more information, read the
<a href="/docs/faq/general">General FAQ</a>.
</blockquote>
</div>
<div class="download-buttons">
<a class="download-button primary" :download="downloadInformation.stable.asset?.name" :href="downloadInformation.stable.asset?.browser_download_url">
<IconDownload />
<span class="text">Stable</span>
<span class="version">{{ downloadInformation.stable.tagName }}</span>
</a>
<a class="download-button secondary" :download="downloadInformation.preview.asset?.name" :href="downloadInformation.preview.asset?.browser_download_url">
<IconBugReport />
<span class="text">Preview</span>
<span class="version">{{ downloadInformation.preview.tagName }}</span>
</a>
</div>
<span class="version-disclaimer">
Requires <strong>Android 6.0</strong> or higher.
</span>
</div> </div>
<span class="version-disclaimer">
Requires <strong>Android 6.0</strong> or higher.
</span>
</template> </template>
<style lang="stylus"> <style lang="stylus">