- todo: added priority, expired, pos fields.

- todo: delete item.
- sorted by fields.

src/components/todos/todo/index.ts

@@ -0,0 +1 @@
+export {default as Todo} from './todo.vue'

src/components/todos/todo/todo.scss

@@ -0,0 +1,3 @@
+.mycard {
+  visibility: hidden;
+}

src/components/todos/todo/todo.ts

@@ -0,0 +1,191 @@
+import Vue from 'vue'
+import { Component, Watch } from 'vue-property-decorator'
+
+import { SingleTodo } from '@components'
+import { ITodo } from '@src/model'
+
+require('./todo.scss')
+
+import { rescodes } from '../../../store/Modules/rescodes'
+
+import { UserStore } from '@modules'
+
+import _ from 'lodash'
+
+@Component({
+  components: { SingleTodo }
+})
+export default class Todo extends Vue {
+  $q: any
+
+  filter: boolean = false
+  title: string = ''
+  todo: string = ''
+  todos_arr: any[] = [{}]
+
+
+  created() {
+    this.loadCat()
+  }
+
+  showlistaTodos(nomelista = '') {
+
+    // console.log('todos_arr: ')
+    this.todos_arr.forEach((todo, key) => {
+      console.log('Todo n"' + key + ': ' + todo)
+    })
+  }
+
+  loadCat() {
+    this.updatetable()
+  }
+
+  initcat() {
+
+    const mydateexp = new Date().setDate((new Date()).getDate() + 1)
+
+    const objtodo: ITodo = {
+      userId: UserStore.state.userId,
+      descr: '',
+      pos: -1,
+      priority: rescodes.Todos.PRIORITY_NORMAL,
+      completed: false,
+      created_at: new Date(),
+      modify_at: new Date(),
+      expiring_at: mydateexp
+    }
+    return objtodo
+
+  }
+
+  getLastPos() {
+    let max = 0
+    this.todos_arr.forEach(myobj => {
+      if (myobj.pos > max)
+        max = myobj.pos
+    })
+
+    return max + 1
+
+  }
+
+  async insertTodo() {
+
+    const objtodo = this.initcat()
+
+    let myid = 0
+    objtodo.descr = this.todo
+    objtodo.pos = this.getLastPos()
+
+    // Add to Indexdb
+    await this.$db.todos.add(objtodo
+    ).then(() => {
+      this.updatetable()
+    }).catch(err => {
+      console.log('Errore: ' + err.message)
+    })
+
+    // objtodo.id = myid
+
+    // Add into the memory
+    // this.todos_loc.push(objtodo)
+
+    // empty the field
+    this.todo = ''
+  }
+
+  deleteitem(id) {
+    // console.log('deleteitem: KEY = ', id)
+
+    let myobjtrov = null
+    this.todos_arr.forEach(myobj => {
+      if (myobj.id === id)
+        myobjtrov = myobj
+    })
+
+    if (myobjtrov !== null) {
+      // Delete item
+      this.$db.todos
+        .where('id').equals(id)
+        .delete()
+        .then(() => {
+          this.updatetable()
+        })
+    }
+  }
+
+  async updatetable() {
+    await this.filtertodos()
+  }
+
+  async filtertodos() {
+
+    if (this.filter) {
+      // #Todo If need to filter the output database ...
+      await this.$db.todos
+        .where('userId').equals(UserStore.state.userId)
+        .toArray()
+        .then((response) => {
+          Promise.all(response.map(key => key))
+            .then((ristodos) => {
+              this.todos_arr = ristodos
+            })
+        })
+    } else {
+
+      // this.$db.dispatch('todosSetSort', { sort: 'pos' } )
+
+      let coll = this.$db.todos
+
+      await this.$db.todos
+        .where('userId').equals(UserStore.state.userId)
+        // .sortBy('descr')
+
+        .toArray().then(ristodos => {
+          this.todos_arr = ristodos
+        })
+
+
+      let reverse = []
+      reverse['completed'] = true
+      reverse['priority'] = true
+      reverse['pos'] = true
+      console.log(reverse)
+
+      this.todos_arr = _.orderBy(this.todos_arr, ['completed', 'priority', 'pos'], ['asc', 'desc', 'asc'])
+    }
+    return []
+  }
+
+  /*
+  await db.transaction('rw', [db.friends], async () => {
+  const friend = await db.friends.get(1);
+  ++friend.age;
+  await db.friends.put(friend);
+  });
+   */
+
+  updateitem(myobj) {
+    console.log('updateitem')
+    this.modify(myobj)
+  }
+
+
+  async modify(myobj) {
+    await this.$db.transaction('rw', [this.$db.todos], async () => {
+      const miorec = await this.$db.todos.get(myobj.id)
+
+      miorec.modify_at = new Date()
+      miorec.completed = myobj.completed
+      miorec.expiring_at = myobj.expiring_at
+      miorec.priority = myobj.priority
+
+      await this.$db.todos.put(miorec)
+
+      this.updatetable()
+    })
+
+  }
+
+
+}

src/components/todos/todo/todo.vue

@@ -0,0 +1,20 @@
+<template>
+    <q-page>
+        <div class="panel">
+            <p class="caption"></p>
+
+            <q-input v-model="todo" inverted float-label="Inserisci il Todo"
+                     :after="[{icon: 'arrow_forward', content: true, handler () {}}]"
+                     v-on:keyup.enter="insertTodo"/>
+
+            <SingleTodo @event="deleteitem" @eventupdate="updateitem" :itemtodo='mytodo' v-for="mytodo of todos_arr" :key="mytodo.id">
+
+            </SingleTodo>
+
+        </div>
+    </q-page>
+
+
+</template>
+<script lang="ts" src="./todo.ts">
+</script>