mirror/wakapi
1
0
Fork 0
mirror of https://github.com/muety/wakapi.git synced 2023-08-10 21:12:56 +03:00
Code Issues Projects Releases Wiki Activity

feat(settings): add btn to toggle add project btn

Browse Source
This commit is contained in:
Diptesh Choudhuri
2023-01-25 05:00:31 +00:00
parent 3be80896bb
commit 974e4c39fa
4 changed files with 72 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

91
static/assets/js/components/settings.js
View File

@ -1,42 +1,51 @@
PetiteVue.createApp({
//$delimiters: ['${', '}'], // https://github.com/vuejs/petite-vue/pull/100
activeTab: defaultTab,
selectedTimezone: userTimeZone,
vibrantColorsEnabled: JSON.parse(localStorage.getItem('wakapi_vibrant_colors') || false),
get tzOptions() {
return [defaultTzOption, ...tzs.sort().map(tz => ({ value: tz, text: tz }))]
},
updateTab() {
this.activeTab = window.location.hash.slice(1) || defaultTab
},
isActive(tab) {
return this.activeTab === tab
},
confirmRegenerate() {
if (confirm('Are you sure?')) {
document.querySelector('#form-regenerate-summaries').submit()
}
},
confirmWakatimeImport() {
if (confirm('Are you sure? The import can not be undone.')) {
document.querySelector('#form-import-wakatime').submit()
}
},
confirmClearData() {
if (confirm('Are you sure? This can not be undone!')) {
document.querySelector('#form-clear-data').submit()
}
},
confirmDeleteAccount() {
if (confirm('Are you sure? This can not be undone!')) {
document.querySelector('#form-delete-user').submit()
}
},
onToggleVibrantColors() {
localStorage.setItem('wakapi_vibrant_colors', this.vibrantColorsEnabled)
},
mounted() {
this.updateTab()
window.addEventListener('hashchange', () => this.updateTab())
}
}).mount('#settings-page')
//$delimiters: ['${', '}'], // https://github.com/vuejs/petite-vue/pull/100
activeTab: defaultTab,
selectedTimezone: userTimeZone,
vibrantColorsEnabled: JSON.parse(
localStorage.getItem("wakapi_vibrant_colors"),
),
labels: {},
get tzOptions() {
return [
defaultTzOption,
...tzs.sort().map((tz) => ({ value: tz, text: tz })),
];
},
updateTab() {
this.activeTab = window.location.hash.slice(1) || defaultTab;
},
isActive(tab) {
return this.activeTab === tab;
},
confirmRegenerate() {
if (confirm("Are you sure?")) {
document.querySelector("#form-regenerate-summaries").submit();
}
},
confirmWakatimeImport() {
if (confirm("Are you sure? The import can not be undone.")) {
document.querySelector("#form-import-wakatime").submit();
}
},
confirmClearData() {
if (confirm("Are you sure? This can not be undone!")) {
document.querySelector("#form-clear-data").submit();
}
},
confirmDeleteAccount() {
if (confirm("Are you sure? This can not be undone!")) {
document.querySelector("#form-delete-user").submit();
}
},
onToggleVibrantColors() {
localStorage.setItem("wakapi_vibrant_colors", this.vibrantColorsEnabled);
},
showProjectAddButton(index) {
this.labels[index] = true;
},
mounted() {
this.updateTab();
window.addEventListener("hashchange", () => this.updateTab());
},
}).mount("#settings-page");