fixed projectList actions, fixes #113

fixed home action buttons
fixed paid checkbox save

package.json

@@ -1,6 +1,6 @@
 {
   "name": "ProjectInvoice",
-  "version": "2.1.5",
+  "version": "2.1.6",
   "private": true,
   "scripts": {
     "serve": "vue-cli-service serve",

public/static/invoice.appcache

@@ -1,6 +1,6 @@
 CACHE MANIFEST
 
-# v2.1.5
+# v2.1.6
 
 #files_start
 css/app.79ef9d59.css

src/components/Footer.vue

@@ -1,5 +1,5 @@
 <template>
-  <footer><small class="small">v2.1.5</small></footer>
+  <footer><small class="small">v2.1.6</small></footer>
 </template>
 
 <script>

src/components/ProjectList.vue

@@ -14,7 +14,7 @@
 
         <template v-if="col==='paid'">
 
-          <label v-on:click.stop class="checkbox"><input v-model="project.paid" data-change="onPaidChange()" type="checkbox" /><span></span></label>
+          <label v-on:click.stop class="checkbox"><input v-model="project.paid" v-on:change="onPaidChange" type="checkbox" /><span></span></label>
 
         </template>
         <template v-else-if="col==='invoiceNr'">
@@ -27,8 +27,8 @@
           <currency :value="project[col]" />
         </template>
         <template v-else-if="col==='actions'">
-          <button v-if="project.invoices.length===0" v-on:click="onAddInvoice(project)"><span class="hide-low">Add invoice</span><span class="icon-file icon-add-round hide-high"></span></button>
-          <button v-else-if="project.overdue" v-on:click="onAddReminder(project)"><span class="hide-low">Add reminder</span><span class="icon-file icon-add-round hide-high"></span></button>
+          <button v-on:click.stop v-if="project.invoices.length===0" v-on:click="onAddInvoice(project)"><span class="hide-low">Add invoice</span><span class="icon-file icon-add-round hide-high"></span></button>
+          <button v-on:click.stop v-else-if="project.overdue" v-on:click="onAddReminder(project)"><span class="hide-low">Add reminder</span><span class="icon-file icon-add-round hide-high"></span></button>
         </template>
         <template v-else>
           <router-link cdlass="small" :to="project.uri">{{project[col]}}</router-link>
@@ -55,6 +55,7 @@
 <script>
 import Currency from '@/components/Currency'
 import Date from '@/components/Date'
+import {save} from '@/formState'
 export default {
   name: 'ProjectList'
   ,props: {
@@ -103,14 +104,22 @@ export default {
       this.projects.sort((a,b)=>a[key]>b[key]?gt:lt)
     }
     ,onAddReminder(project){
-      console.log('onAddReminder',project); // todo: remove log
+      this.addInvoice(project)
     }
     ,onAddInvoice(project){
-      console.log('onAddInvoice',project); // todo: remove log
+      this.addInvoice(project)
     }
     ,onRowClick(project){
       this.$router.push(project.uri)
     }
+    ,onPaidChange(){
+      save()
+    }
+    ,addInvoice(project){
+      project.addInvoice()
+      save()
+      this.$router.push(project.uri)
+    }
     ,getTotalValue(property){
       let returnValue = ''
       if (this.projects&&this.projects.length) {

src/model/project.js

@@ -91,6 +91,16 @@ const proto = {
     this.lines.push({amount:0, hours:0, vat})
   },
 
+  addInvoice(){
+    const {invoices} = this
+    invoices.push(createInvoice({
+      date: moment().format('YYYY-MM-DD'),
+      type: invoices.length===0?'invoice':'reminder', // todo: from const
+      interest: false,
+      exhortation: false
+    }))
+  },
+
   get vatMax(){
     return Math.max(...this.lines.map(line=>line.vat))
   },

src/views/Project.vue

@@ -171,14 +171,7 @@ export default {
       confirm('Delete this project?') && this.client.deleteProject(project) && (save(),this.$router.push(this.client.uri))
     }
     ,onAddInvoice(){
-      const {project} = this
-      const {invoices} = project
-      invoices.push(createInvoice({
-        date: moment().format('YYYY-MM-DD'),
-        type: invoices.length===0?'invoice':'reminder', // todo: from const
-        interest: false,
-        exhortation: false
-      }))
+      this.project.addInvoice()
       save()
     }
     ,onRemoveInvoice(invoice){