ryujinx-archive/Ryujinx-Website
2
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

ga: Add a download event to Google Analytics

Browse source
This commit is contained in:
jduncanator 2020-04-03 10:07:53 +11:00
parent 0a453cfed9
commit 590ea16137
3 changed files with 113 additions and 113 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
src/components/DownloadButton.vue Normal file
View file

@ -0,0 +1,33 @@
<template>
<v-tooltip top>
<template v-slot:activator="{ on }">
<v-btn
v-on="on"
class="mx-2"
dark
:color="`ryu_${color}`"
target="_blank"
rel="noopener"
:loading="loading"
:href="href"
@click.once="click"
>
<v-icon class="mx-5">fab fa-{{ platform }}</v-icon>
</v-btn>
</template>
<span>{{ version }}</span>
</v-tooltip>
</template>
<script>
export default {
props: {
platform: String,
color: String,
loading: Boolean,
href: String,
version: String,
click: Function
}
}
</script>

4
src/main.js
View file

@ -3,6 +3,7 @@ import 'vuetify/dist/vuetify.min.css'
import '~/external/fontawesome/css/fontawesome-all.css' import '~/external/fontawesome/css/fontawesome-all.css'
import DefaultLayout from '~/layouts/Default.vue' import DefaultLayout from '~/layouts/Default.vue'
import SEO from '~/components/SEO.vue' import SEO from '~/components/SEO.vue'
import DownloadButton from '~/components/DownloadButton.vue'
export default function (Vue, { appOptions, head }) { export default function (Vue, { appOptions, head }) {
// First inject custom CSS needed // First inject custom CSS needed
@ -55,4 +56,7 @@ export default function (Vue, { appOptions, head }) {
// Set the SEO component // Set the SEO component
Vue.component('SEO', SEO) Vue.component('SEO', SEO)
// Generic Components
Vue.component('DownloadButton', DownloadButton)
} }

147
src/pages/Download.vue
View file

@ -19,58 +19,36 @@
</v-col> </v-col>
<v-col cols="12" md="6"> <v-col cols="12" md="6">
<p class="mt-4 title">Automatically compiled builds</p> <p class="mt-4 title">Automatically compiled builds</p>
<v-tooltip top>
<template v-slot:activator="{ on }"> <DownloadButton
<v-btn color="orange"
v-on="on" platform="windows"
class="mx-2" :version="version"
dark
color="ryu_orange"
target="_blank"
rel="noopener"
:loading="isLoading"
:href="`${downloadURL}-win_x64.zip`" :href="`${downloadURL}-win_x64.zip`"
> :click="trackDownload"
<v-icon class="mx-5">fab fa-windows</v-icon>
</v-btn>
</template>
<span>{{ version }}</span>
</v-tooltip>
<v-tooltip top>
<template v-slot:activator="{ on }">
<v-btn
v-on="on"
class="mx-2"
dark
color="ryu_orange"
target="_blank"
rel="noopener"
:loading="isLoading" :loading="isLoading"
/>
<DownloadButton
color="orange"
platform="linux"
:version="version"
:href="`${downloadURL}-linux_x64.tar.gz`" :href="`${downloadURL}-linux_x64.tar.gz`"
> :click="trackDownload"
<v-icon class="mx-5">fab fa-linux</v-icon>
</v-btn>
</template>
<span>{{ version }}</span>
</v-tooltip>
<v-tooltip top>
<template v-slot:activator="{ on }">
<v-btn
v-on="on"
class="mx-2"
dark
color="ryu_orange"
target="_blank"
rel="noopener"
:loading="isLoading" :loading="isLoading"
/>
<DownloadButton
color="orange"
platform="apple"
:version="version"
:href="`${downloadURL}-osx_x64.zip`" :href="`${downloadURL}-osx_x64.zip`"
> :click="trackDownload"
<v-icon class="mx-5">fab fa-apple</v-icon> :loading="isLoading"
</v-btn> />
</template>
<span>{{ version }}</span>
</v-tooltip>
<br /> <br />
<v-btn <v-btn
text text
class="my-2" class="my-2"
@ -83,6 +61,7 @@
src="https://ci.appveyor.com/api/projects/status/ssg4jwu6ve3k594s?svg=true" src="https://ci.appveyor.com/api/projects/status/ssg4jwu6ve3k594s?svg=true"
/> />
</v-btn> </v-btn>
<p class="mt-4 title"> <p class="mt-4 title">
Profiled builds Profiled builds
<br /> <br />
@ -90,59 +69,35 @@
class="caption" class="caption"
>(If you're not a developer, these builds aren't for you.)</span> >(If you're not a developer, these builds aren't for you.)</span>
</p> </p>
<div class="text-center"> <div class="text-center">
<div v-if="showProfiledBuilds"> <div v-if="showProfiledBuilds">
<v-tooltip top> <DownloadButton
<template v-slot:activator="{ on }"> color="blue"
<v-btn platform="windows"
v-on="on" :version="version"
class="mx-2"
dark
color="ryu_blue"
target="_blank"
rel="noopener"
:loading="isLoading"
:href="`${downloadURL_profiled}-win_x64.zip`" :href="`${downloadURL_profiled}-win_x64.zip`"
> :click="trackDownload"
<v-icon class="mx-5">fab fa-windows</v-icon>
</v-btn>
</template>
<span>{{ this.version }}</span>
</v-tooltip>
<v-tooltip top>
<template v-slot:activator="{ on }">
<v-btn
v-on="on"
class="mx-2"
dark
color="ryu_blue"
target="_blank"
rel="noopener"
:loading="isLoading" :loading="isLoading"
/>
<DownloadButton
color="blue"
platform="linux"
:version="version"
:href="`${downloadURL_profiled}-linux_x64.tar.gz`" :href="`${downloadURL_profiled}-linux_x64.tar.gz`"
> :click="trackDownload"
<v-icon class="mx-5">fab fa-linux</v-icon>
</v-btn>
</template>
<span>{{ this.version }}</span>
</v-tooltip>
<v-tooltip top>
<template v-slot:activator="{ on }">
<v-btn
v-on="on"
class="mx-2"
dark
color="ryu_blue"
target="_blank"
rel="noopener"
:loading="isLoading" :loading="isLoading"
/>
<DownloadButton
color="blue"
platform="apple"
:version="version"
:href="`${downloadURL_profiled}-osx_x64.zip`" :href="`${downloadURL_profiled}-osx_x64.zip`"
> :click="trackDownload"
<v-icon class="mx-5">fab fa-apple</v-icon> :loading="isLoading"
</v-btn> />
</template>
<span>{{ this.version }}</span>
</v-tooltip>
</div> </div>
<div v-else> <div v-else>
<v-btn <v-btn
@ -208,6 +163,14 @@ export default {
this.downloadURL_profiled = `https://ci.appveyor.com/api/buildjobs/${jobIdProfiled}/artifacts/ryujinx-profiled-${this.version}`; this.downloadURL_profiled = `https://ci.appveyor.com/api/buildjobs/${jobIdProfiled}/artifacts/ryujinx-profiled-${this.version}`;
this.isLoading = false; this.isLoading = false;
},
trackDownload() {
this.$ga.event({
eventCategory: 'release',
eventAction: 'download',
eventLabel: this.version
});
} }
}, },