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

theme fetch fix, startup progress messages, hot rebuild timer, disabled multiline linting rule because annoying

Browse source
This commit is contained in:
Nikita Krupin 2022-03-31 01:20:00 -04:00
parent 0a7eb3e6cb
commit 38d552a7ac
5 changed files with 21 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
NUXT/.eslintrc.js
View file

@ -15,7 +15,10 @@ module.exports = {
],
plugins: ["vue"],
rules: {
// "max-len": "off",
// "vue/max-attributes-per-line": "off",
"vue/multi-word-component-names": 0,
"prettier/prettier": "off",
"no-console": process.env.NODE_ENV === "production" ? "warn" : "off",
"no-debugger": process.env.NODE_ENV === "production" ? "warn" : "off",
// 'prettier/prettier': ['error', { semi: false }],

31
NUXT/pages/index.vue
View file

@ -9,6 +9,7 @@
/>
<div style="height: 5rem" />
<v-progress-linear rounded height="8" indeterminate color="primary" />
<div class="pt-2">{{ progressMsg }}...</div>
</center>
</template>
@ -17,6 +18,7 @@ export default {
layout: "empty",
data: () => ({
progressMsg: "Theming",
themeFetched: false,
}),
@ -31,35 +33,32 @@ export default {
// Set timeout is required for $vuetify.theme... dont ask me why -Front
const theming = new Promise((resolve) =>
setTimeout(() => {
const dark = localStorage.getItem("darkTheme");
let bg = null;
let pr = null;
if (dark !== null) {
bg = dark
? localStorage.getItem("backgroundDark")
: localStorage.getItem("backgroundLight");
pr = dark
? localStorage.getItem("primaryDark")
: localStorage.getItem("primaryLight");
this.$vuetify.theme.dark = dark === "true";
if (pr !== null) this.$vuetify.theme.currentTheme.primary = pr;
if (bg !== null) this.$vuetify.theme.currentTheme.background = bg;
}
this.$vuetify.theme.dark = JSON.parse(localStorage.getItem("darkTheme")) === true;
if (localStorage.getItem("primaryDark") != null)
this.$vuetify.theme.themes.dark.primary = localStorage.getItem("primaryDark");
if (localStorage.getItem("primaryLight") != null)
this.$vuetify.theme.themes.light.primary = localStorage.getItem("primaryLight");
if (localStorage.getItem("backgroundDark") != null)
this.$vuetify.theme.themes.dark.background = localStorage.getItem("backgroundDark");
if (localStorage.getItem("backgroundLight") != null)
this.$vuetify.theme.themes.light.background = localStorage.getItem("backgroundLight");
this.themeFetched = true;
this.$vuetube.navigationBar.setTheme(
this.$vuetify.theme.currentTheme.background,
!dark
!this.$vuetify.theme.dark
);
this.$vuetube.statusBar.setTheme(
this.$vuetify.theme.currentTheme.background,
dark
this.$vuetify.theme.dark
);
resolve();
}, 0)
);
await theming;
this.progressMsg = "Fetching the API";
await this.$youtube.getAPI();
this.progressMsg = "Navigating Home";
this.$router.push(`/${localStorage.getItem("startPage") || "home"}`);
},
};

1
NUXT/pages/mods/theme.vue
View file

@ -177,7 +177,6 @@ export default {
this.$vuetify.theme.dark
? localStorage.setItem("primaryDark", value)
: localStorage.setItem("primaryLight", value);
console.log(value);
let tempD = this.experimentalDark;
let tempL = this.experimentalLight;
this.$nextTick(() => {

4
NUXT/plugins/vuetube.js
View file

@ -56,11 +56,11 @@ const module = {
async setBackground(color) {
return await StatusBar.setBackgroundColor({ color });
},
setTheme(color, dark) {
StatusBar.setBackgroundColor({ color });
async setTheme(color, dark) {
dark
? StatusBar.setStyle({ style: Style.Dark })
: StatusBar.setStyle({ style: Style.Light });
StatusBar.setBackgroundColor({ color });
},
},

2
scripts/hot.sh
View file

@ -9,7 +9,7 @@ function hot {
while true; do
b=`ls -lahR $* | grep -v 'node_modules'`
# to avoid confusing myself with nested-if - it is a "short form" of doing a=$b; eval $script if $a != $b.
[[ $a != $b ]] && a=$b && eval $script;
[[ $a != $b ]] && a=$b && eval time $script;
sleep .5;
done
fi