mirror of https://github.com/VueTubeApp/VueTube
100 lines
2.8 KiB
Vue
100 lines
2.8 KiB
Vue
<template>
|
|
<div style="padding: 2em;">
|
|
<v-icon x-large color="primary" style="padding-bottom: 0.25em;">mdi-cellphone-arrow-down</v-icon>
|
|
|
|
<div v-if="status == 'checking'">
|
|
<h1>{{ lang.checking }}</h1>
|
|
<div>{{ lang.installed }}: {{ installedVersion }}</div>
|
|
<center>
|
|
<v-progress-circular indeterminate color="primary" size="75" style="padding-top: 10em;" />
|
|
</center>
|
|
</div>
|
|
|
|
<div v-if="status == 'latest'">
|
|
<h1>{{ lang.noupdate }}</h1>
|
|
<p>{{ lang.noupdatemessage }}</p>
|
|
<div class="bottom">
|
|
<v-btn rounded color="primary" @click="$router.go(-1)">{{ lang.okay }}</v-btn>
|
|
</div>
|
|
</div>
|
|
|
|
<div v-if="status == 'available'">
|
|
<h1>{{ lang.available }}</h1>
|
|
<div>{{ lang.installed }}: {{ installedVersion }}</div>
|
|
<div>{{ lang.latest }}: {{ latestVersion.tag_name }}</div>
|
|
<div style="margin-top: 3em; color: #999;"><b>Changelog</b></div>
|
|
<p style="white-space: pre-line; color: #999;">{{ latestVersion.body.trim() }}</p>
|
|
<p></p>
|
|
<div class="bottom">
|
|
<v-btn rounded @click="$router.go(-1)">{{ lang.later }}</v-btn>
|
|
<v-btn rounded color="primary" @click="update()">{{ lang.update }}</v-btn>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</template>
|
|
|
|
<style scoped>
|
|
.bottom {
|
|
position: absolute;
|
|
bottom: 0;
|
|
right: 0;
|
|
padding: 2em;
|
|
}
|
|
</style>
|
|
|
|
<script>
|
|
import { Device } from "@capacitor/device";
|
|
|
|
export default {
|
|
layout: "empty",
|
|
data() {
|
|
return {
|
|
installedVersion: process.env.appVersion,
|
|
latestVersion: "",
|
|
lang: {},
|
|
status: "checking"
|
|
};
|
|
},
|
|
async mounted() {
|
|
//--- Setup Lang Pack ---//
|
|
this.lang = this.$lang("mods").updates;
|
|
|
|
//--- Get Latest Version ---//
|
|
const releases = await this.$vuetube.releases;
|
|
this.latestVersion = releases[0];
|
|
|
|
//--- Wait like 2 seconds because if people don't see loading, they think it didn't refresh properly ---//
|
|
if (!this.$route.query.nowait) await require("~/plugins/utils").delay(2000);
|
|
|
|
//--- Kick Off Update Notice ---//
|
|
if (this.latestVersion.tag_name != this.installedVersion) {
|
|
this.status = "available";
|
|
} else {
|
|
this.status = "latest";
|
|
}
|
|
},
|
|
|
|
methods: {
|
|
async update() {
|
|
const device = await Device.getInfo();
|
|
const platform = device.platform;
|
|
|
|
let downloads = new Array();
|
|
for (const i in this.latestVersion.assets) {
|
|
const asset = this.latestVersion.assets[i];
|
|
downloads.push(asset.browser_download_url);
|
|
}
|
|
console.log(downloads)
|
|
|
|
if (platform == "ios") {
|
|
window.open(downloads.filter(m => m.includes('.ipa'))[0], '_blank');
|
|
} else {
|
|
window.open(downloads.filter(m => m.includes('.apk'))[0], '_blank');
|
|
}
|
|
|
|
}
|
|
}
|
|
};
|
|
</script>
|