++ hoursweeky_plannedtowork, endwork_estimate, totalphases , actualphase

src/components/CDate/CDate.ts

@@ -10,9 +10,11 @@ import { date } from 'quasar'
 
 export default class CDate extends Vue {
   @Prop() public mydate!: Date
-  @Prop({ required: false }) public label: string
+  @Prop({ required: false, default: '' }) public label: string
   @Prop({ required: false, default: '' }) public data_class!: string
   @Prop({ required: false, default: false }) public readonly!: boolean
+  @Prop({ required: false, default: false }) public disable!: boolean
+  @Prop({ required: false, default: '' }) public color!: string
 
   public mystyleicon: string = 'font-size: 1.5rem;'
 

src/components/CDate/CDate.vue

@@ -1,5 +1,5 @@
 <template>
-    <q-input :class="data_class" :readonly="readonly" :disable="readonly" debounce="1000" dense :value="getdatestring" stack-label :label="label" @input="changedate">
+    <q-input :class="data_class" :bg-color="color" :readonly="readonly" :disable="disable" debounce="1000" dense :value="getdatestring" stack-label :label="label" @input="changedate">
         <template v-slot:append>
             <q-icon name="event" class="cursor-pointer" :style="mystyleicon">
                 <q-popup-proxy v-if="!readonly" ref="datePicker">

src/components/projects/SingleProject/SingleProject.ts

@@ -68,14 +68,23 @@ export default class SingleProject extends Vue {
   @Watch('itemproject.begin_development') public valueChangedbegin_development() {
     this.watchupdate('begin_development')
   }
+  @Watch('itemproject.hoursweeky_plannedtowork') public valueChangedhoursweeky_plannedtowork() {
+    this.watchupdate('hoursweeky_plannedtowork')
+  }
   @Watch('itemproject.begin_test') public valueChangedbegin_test() {
     this.watchupdate('begin_test')
   }
+  @Watch('itemproject.actualphase') public valueChangedactualphase() {
+    this.watchupdate('actualphase')
+  }
+  @Watch('itemproject.totalphases') public valueChangedtotalphases() {
+    this.watchupdate('totalphases')
+  }
   @Watch('itemproject.progressCalc') public valueChanged6() {
     console.log('itemproject.progressCalc')
     this.updateClasses()
 
-    console.log('this.percentageProgress', this.percentageProgress, 'this.itemproject.progressCalc', this.itemproject.progressCalc)
+    // console.log('this.percentageProgress', this.percentageProgress, 'this.itemproject.progressCalc', this.itemproject.progressCalc)
     this.watchupdate('progressCalc')
   }
 

src/components/todos/SingleTodo/SingleTodo.ts

@@ -70,8 +70,7 @@ export default class SingleTodo extends Vue {
     console.log('itemtodo.hoursplanned', this.itemtodo.hoursplanned)
     this.watchupdate('hoursplanned')
   }
-  // ++TODO: FIX! STATUSTODO WILL NOT UPDATE IF I DON'T PUT { immediate: true } parameter. ! WHY???
-  @Watch('itemtodo.statustodo', {immediate: true}) public valueChangedstatus() {
+  @Watch('itemtodo.statustodo') public valueChangedstatus() {
     console.log('itemtodo.statustodo', this.itemtodo.statustodo)
     this.watchupdate('statustodo')
   }