etc/VueTube
0
0
Fork 0
mirror of https://github.com/VueTubeApp/VueTube synced 2024-11-22 11:15:14 +00:00
Code Issues Projects Releases Wiki Activity

chore: lint mods/update.vue and theme button text, fixes #490

Browse source
This commit is contained in:
Nikita Krupin 2022-08-20 17:23:31 -04:00
parent 7c262bbdf9
commit 3830193df3
1 changed files with 70 additions and 37 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

107
NUXT/pages/mods/updates.vue
View file

@ -1,12 +1,22 @@
<template>
<div style="padding: 2em;">
<v-icon x-large color="primary" style="padding-bottom: 0.25em;">mdi-cellphone-arrow-down</v-icon>
<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 }}: {{ version.substring(0, 7) || "Unknown" }} {{ release }}</div>
<div>
{{ lang.installed }}: {{ version.substring(0, 7) || "Unknown" }}
{{ release }}
</div>
<center>
<v-progress-circular indeterminate color="primary" size="75" style="padding-top: 10em;" />
<v-progress-circular
indeterminate
style="padding-top: 10em"
color="primary"
size="75"
/>
</center>
</div>
@ -15,46 +25,60 @@
<p>{{ lang.noupdatemessage }}</p>
<div class="bottom">
<v-btn rounded @click="getLatest">{{ lang.refresh }}</v-btn>
<v-btn rounded color="primary" @click="$router.go(-1)">{{ lang.okay }}</v-btn>
<v-btn rounded color="primary" @click="$router.go(-1)">
{{ lang.okay }}
</v-btn>
</div>
</div>
<div v-if="status == 'available'">
<h1 v-if="!downloading">{{ lang.available }}</h1>
<h1 v-if="downloading">{{ lang.updating }}</h1>
<div>{{ lang.installed }}: {{ version.substring(0, 7) || "Unknown" }} {{ release }}</div>
<div>
{{ lang.installed }}: {{ version.substring(0, 7) || "Unknown" }}
{{ release }}
</div>
<div>{{ lang.latest }}: {{ latestVersion.tag_name }}</div>
<div style="margin-top: 1em; color: #999;">
<div>{{ lang.published }}: {{ new Date(update.created_at).toLocaleString() }}</div>
<div>{{ lang.size }}: {{ require("~/plugins/utils").humanFileSize(update.size) }}</div>
<div style="margin-top: 1em; color: #999">
<div>
{{ lang.published }}:
{{ new Date(update.created_at).toLocaleString() }}
</div>
<div>
{{ lang.size }}:
{{ require("~/plugins/utils").humanFileSize(update.size) }}
</div>
<div>{{ lang.users }}: {{ update.download_count }}</div>
</div>
<div style="margin-top: 1em; color: #999"><b>Changelog</b></div>
<p style="white-space: pre-line; color: #999">
{{ latestVersion.body.trim() }}
</p>
<div style="margin-top: 1em; color: #999;"><b>Changelog</b></div>
<p style="white-space: pre-line; color: #999;">{{ latestVersion.body.trim() }}</p>
<v-progress-linear
v-if="downloading"
style="position: absolute; top: 0; width: 100%; left: 0"
color="primary"
indeterminate
/>
<v-progress-linear indeterminate color="primary" v-if="downloading" style="position: absolute; top: 0; width: 100%; left: 0;" />
<div class="bottom" v-if="!downloading">
<div v-if="!downloading" class="bottom">
<v-btn rounded @click="$router.go(-1)">{{ lang.later }}</v-btn>
<v-btn rounded color="primary" @click="install()">{{ lang.update }}</v-btn>
<v-btn
rounded
color="primary"
:dark="!$vuetify.theme.dark"
@click="install()"
>
{{ 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";
@ -78,7 +102,6 @@ export default {
},
methods: {
async getUpdate() {
const device = await Device.getInfo();
const platform = device.platform;
@ -92,29 +115,29 @@ export default {
//--- Pick String For Platform From Above Array ---//
if (platform == "ios") {
this.update = downloads.filter(m => m.includes('.ipa'))[0];
this.update = downloads.filter((m) => m.includes(".ipa"))[0];
} else {
this.update = downloads.filter(m => m.includes('.apk'))[0];
this.update = downloads.filter((m) => m.includes(".apk"))[0];
}
//--- Set Update As Full Data ---//
for (const i in this.latestVersion.assets) {
const asset = this.latestVersion.assets[i];
if (asset.browser_download_url == this.update) {
return this.update = asset;
return (this.update = asset);
}
}
},
async getLatest() {
//--- Get Latest Version ---//
//--- Get Latest Version ---//
this.status = "checking";
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);
if (!this.$route.query.nowait)
await require("~/plugins/utils").delay(2000);
//--- Get Proper File ---//
this.getUpdate();
@ -129,10 +152,20 @@ export default {
async install() {
this.downloading = true;
await this.$update(this.update.browser_download_url).catch(() => { this.downloading = false; });
await this.$update(this.update.browser_download_url).catch(() => {
this.downloading = false;
});
//window.open(this.update.browser_download_url, '_blank');
}
}
},
},
};
</script>
<style scoped>
.bottom {
position: absolute;
padding: 2em;
bottom: 0;
right: 0;
}
</style>