diff --git a/src/components/ListItems/BooleanSlider.vue b/src/components/ListItems/BooleanSlider.vue index 5d6501b..050cc90 100644 --- a/src/components/ListItems/BooleanSlider.vue +++ b/src/components/ListItems/BooleanSlider.vue @@ -37,8 +37,7 @@ export default { }, methods: { emitSliderChange() { - this.$emit('update:modelValue', this.isChecked); // Emit for v-model binding - console.log("toggling"); + this.$emit('update:modelValue', this.isChecked); // Emit for v-model bindingS }, toggleSlider() { this.isChecked = !this.isChecked; diff --git a/src/components/ListItems/ListElement.vue b/src/components/ListItems/ListElement.vue index 262c6c1..a84e130 100644 --- a/src/components/ListItems/ListElement.vue +++ b/src/components/ListItems/ListElement.vue @@ -67,6 +67,7 @@ import TimeInput from './TimeInput.vue'; import MinuteInput from './MinuteInput.vue'; import { createList } from '../../api.js'; import './ListElement.css'; +import { getTodayDate } from '../../date.js'; export default { name: 'ListElement', @@ -83,6 +84,10 @@ export default { multiplayer: { type: Boolean, required: false + }, + initialDate: { + type: String, + required: false, } }, data() { @@ -125,6 +130,11 @@ export default { immediate: true, deep: true, // Watch deeply for changes in array content },*/ + initialDate(){ + if(this.listName!='Backburner'){ + + } + } }, created() { this.loadInitialData(); @@ -251,7 +261,7 @@ export default { return { textString: text || '', scheduledCheckbox: false, - scheduledDate: null, + scheduledDate: this.initialDate, scheduledTime: null, taskTimeEstimate: 0, recurringTask: false, @@ -266,7 +276,7 @@ export default { //Will be replaced eventually textString: text, scheduledCheckbox: this.scheduledCheckbox, - scheduledDate: this.scheduledDate, + scheduledDate: this.initialDate, scheduledTime: this.scheduledTime, taskTimeEstimate: this.taskTimeEstimate, recurringTask: false, diff --git a/src/date.js b/src/date.js index e2de85e..c142ab6 100644 --- a/src/date.js +++ b/src/date.js @@ -8,5 +8,31 @@ export function getTodayDate() { return `${year}-${month}-${day}`; // Format: YYYY-MM-DD } - + export function incrementDate(dateString) { + let date; + + // Check if dateString is null or undefined, use current date if so + if (!dateString) { + date = new Date(this.getCurrentDate()); // Convert the current date string to a Date object + } else { + date = new Date(dateString); // Convert the provided dateString to a Date object + } + + date.setDate(date.getDate() + 1); // Increment the date by 1 + return date.toISOString().split('T')[0]; // Return the incremented date as a string in YYYY-MM-DD format + } + + export function decrementDate(dateString) { + let date; + + // Check if dateString is null or undefined, use current date if so + if (!dateString) { + date = new Date(this.getCurrentDate()); // Convert the current date string to a Date object + } else { + date = new Date(dateString); // Convert the provided dateString to a Date object + } + + date.setDate(date.getDate() - 1); // Increment the date by 1 + return date.toISOString().split('T')[0]; // Return the incremented date as a string in YYYY-MM-DD format + } \ No newline at end of file diff --git a/src/router/generalRoutes.js b/src/router/generalRoutes.js index e5990ef..eac7434 100644 --- a/src/router/generalRoutes.js +++ b/src/router/generalRoutes.js @@ -1,16 +1,10 @@ // src/router/routes/generalRoutes.js -import AboutMe from '@/views/AboutMe.vue'; import Learn from '@/views/Learn.vue'; import Type from '@/views/Type.vue'; import Lists from '@/views/Lists.vue'; import Settings from '@/views/Settings.vue'; export default [ - { - path: '/about-me', - name: 'AboutMe', - component: AboutMe - }, { path: '/learn', name: 'Learn', diff --git a/src/views/Dashboard.vue b/src/views/Dashboard.vue index 8d84961..eaffcb9 100644 --- a/src/views/Dashboard.vue +++ b/src/views/Dashboard.vue @@ -7,15 +7,16 @@
<<
- -
>>
+ +
>>
- +
@@ -31,6 +32,7 @@ import DailyCalendar from '@/components/CalendarComponents/DailyCalendar.vue'; import DateInput from '@/components/ListItems/DateInput.vue'; import './cssViews/Dashboard.css'; import MultiplayerToggle from '@/components/DashboardComponents/MultiplayerToggle.vue'; +import { getTodayDate, incrementDate, decrementDate } from '../date.js' export default { name: 'DashboardWorld', @@ -45,7 +47,7 @@ export default { colors: colors, dailyList: [], backburner: [], - currentDate: 0, + currentDate: getTodayDate(), isChecked: false, }; }, @@ -63,10 +65,12 @@ export default { this.itemsArray[this.selectedItemIndex].scheduledDate = date; }, decrementDay() { - console.log("0"); + this.currentDate = decrementDate(this.currentDate); + console.log(this.currentDate); }, incrementDay() { - + this.currentDate = incrementDate(this.currentDate); + console.log(this.currentDate); }, onEventClicked({ event, listType, index }) { console.log(`Event clicked:`, event);