{"version":3,"sources":["webpack:///./src/views/Todo/CompletedPage.vue","webpack:///src/views/Todo/CompletedPage.vue","webpack:///./src/views/Todo/CompletedPage.vue?dc3a","webpack:///./src/views/Todo/CompletedPage.vue?434e","webpack:///./src/components/ToDo/TodoList.vue?88f0","webpack:///./src/components/ToDo/TodoList.vue","webpack:///src/components/ToDo/TodoList.vue","webpack:///./src/components/ToDo/TodoList.vue?3dee","webpack:///./src/components/ToDo/TodoList.vue?66e1"],"names":["render","_vm","this","_c","_self","attrs","completeTasks","on","$event","$emit","staticRenderFns","components","TodoList","computed","mapGetters","component","model","value","filter","callback","$$v","expression","_v","visibleTasks","key","staticClass","stopPropagation","task","complete","staticStyle","domProps","_s","getLabelTitle","label","deteleTodo","props","tasks","type","Array","default","mixins","data","mapState","t","Boolean","Object","values","prop","find","item","includes","methods","mapActions","setComplete","setIncomplete","deleteTask","confirm","getLabelColor","id","labels","l","color","title"],"mappings":"8IAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,YAAY,CAACE,MAAM,CAAC,MAAQJ,EAAIK,eAAeC,GAAG,CAAC,YAAY,SAASC,GAAQ,OAAOP,EAAIQ,MAAM,YAAaD,QAEhLE,EAAkB,G,wBCMP,GACfC,WAAA,CACAC,iBAEAC,SAAA,IACAC,eAAA,+BCbqW,I,YCOjWC,EAAY,eACd,EACAf,EACAU,GACA,EACA,KACA,KACA,MAIa,aAAAK,E,2CClBf,W,6JCA+M,W,IAAmC,O,EAAkB,EAAO,MAAG,G,OAAC,SAAY,C,YAAY,W,CAAC,SAAO,CAAE,YAAC,oCAACC,MAAM,CAACC,YAAWC,eAAQC,qBAAmBC,c,eAAiBA,GAAG,MAAC,GAACC,UAAW,GAAQ,QAAIlB,KAAG,IAA8F,MAAMmB,CAAkDjB,MAAM,SAAC,SAAQ,SAAE,GAAC,EAAK,OAAC,GAAQJ,WAAYsB,YAA8CC,EAAG,QAAS,qC,YAAY,yB,CAAsCjB,EAAG,iC,MAAC,C,MAAyB,G,IAAmC,QAAG,EAAEJ,GAAG,gBAAa,Y,OAACsB,QAAY,CAAiBpB,IAAK,EAAC,I,YAAC,qC,GAA6B,CAAkB,eAAW,GAAoC,OAAS,EAAC,wB,CAAkC,SAAQ,C,YAAwBqB,iB,MAAkBC,CAAgE,0BAAC,kBAAIxB,WAAS,oCAACsB,UAAY,8B,GAAwCG,CAAyB,kBAAM,EAAM,kBAAEH,YAAY,gBAAkB,wBAAoC,SAAE,YAAY,gCAAmQA,OAAoDI,SAAW,EAAC,Y,CAAoB,SAAwB,YAAC,mBAACC,YAAS,CAAC,gBAAc7B,SAAwB,CAACE,EAAG,OAAM,uNAACsB,YAAY,wCAAcI,YAAY,CAAC,mBAAuB,cAAa,YAAO,SAAK,CAAwG,YAAU,EAAS,kBAAWJ,S,YAA+C,c,YAASxB,C,gBAAsC,O,aAAW,QAAI,GAAEA,QAAU,GAACA,GAAI8B,EAAG9B,GAAI+B,aAAcC,EAAO,eAAO,mCAAE,OAAK,EAAG,OAAM,CAAER,MAAwDtB,YAAW,6BAACE,MAAM,CAAC,MAAO,mBAAG,YAAI,e,CAA0BG,KAAOkB,WAAiB,4B,KAAC,EAAOzB,MAAIiC,C,YAAgB,2CAAC,WAAE,MAAK,CAAiD,KAAI,IAE1wExB,IAEJ,MAAiBA,Y,+IC0FF,GACfyB,MAAA,CAEAC,MAAA,CACAC,KAAAC,MACAC,YAAA,KAIAC,OAAA,CAAAA,QAEAC,OACA,OACAvB,OAAA,KAIAL,SAAA,IACA6B,eAAA,sBAEAnB,eACA,YAAAL,OAEA,KAAAkB,MAAAlB,OAAAyB,GACAC,QACAC,OAAAC,OAAAH,GACAzB,OAAA6B,GAAA,kBAAAA,GACAC,KAAAC,KAAAC,SAAA,KAAAhC,WANA,KAAAkB,QAYAe,QAAA,IACAC,eAAA,WACAC,YAAA,gBACAC,cAAA,iBACAC,WAAA,eAGArB,WAAAP,GACA6B,QAAA,wCACA,KAAAD,WAAA5B,IAIA8B,cAAAC,GACA,MAAAzB,EAAA,KAAA0B,OAAAX,KAAAY,KAAAF,QAEA,OAAAzB,IAAA4B,MAAA,IAGA7B,cAAA0B,GACA,MAAAzB,EAAA,KAAA0B,OAAAX,KAAAY,KAAAF,QAEA,OAAAzB,IAAA6B,MAAA,MCrJgW,I,wBCQ5V/C,EAAY,eACd,EACA,EACAL,GACA,EACA,KACA,WACA,MAIa,OAAAK,E","file":"js/todo-completed.d69ec79d.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('todo-list',{attrs:{\"tasks\":_vm.completeTasks},on:{\"edit-task\":function($event){return _vm.$emit('edit-task', $event)}}})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <todo-list :tasks=\"completeTasks\" @edit-task=\"$emit('edit-task', $event)\" />\n</template>\n\n<script>\nimport { mapGetters } from \"vuex\";\nimport TodoList from \"../../components/ToDo/TodoList\";\n\nexport default {\n  components: {\n    TodoList,\n  },\n  computed: {\n    ...mapGetters(\"todoApp\", [\"completeTasks\"]),\n  },\n};\n</script>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CompletedPage.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CompletedPage.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./CompletedPage.vue?vue&type=template&id=ae780644\"\nimport script from \"./CompletedPage.vue?vue&type=script&lang=js\"\nexport * from \"./CompletedPage.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TodoList.vue?vue&type=style&index=0&id=27372cfc&prod&lang=scss&scoped=true\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-card',{staticClass:\"min-w-0\"},[_c('v-text-field',{staticClass:\"pa-1 py-2 todo-filter elevation-1\",attrs:{\"placeholder\":\"Hae tehtävää\",\"prepend-inner-icon\":\"mdi-magnify\",\"hide-details\":\"\",\"block\":\"\",\"clearable\":\"\",\"solo\":\"\",\"flat\":\"\"},model:{value:(_vm.filter),callback:function ($$v) {_vm.filter=$$v},expression:\"filter\"}}),_c('v-divider'),(_vm.tasks.length === 0)?_c('div',[_c('div',{staticClass:\"px-1 py-6 text-center\"},[_vm._v(\"Ei tehtäviä!\")])]):_c('v-slide-y-transition',{attrs:{\"group\":\"\",\"tag\":\"div\"}},_vm._l((_vm.visibleTasks),function(task){return _c('div',{key:task._id,staticClass:\"d-flex pa-2 task-item align-center\",on:{\"click\":function($event){return _vm.$emit('edit-task', task)}}},[_c('v-checkbox',{staticClass:\"mt-0 mr-1 pt-0\",attrs:{\"input-value\":task.completed,\"hide-details\":\"\",\"off-icon\":\"mdi-checkbox-blank-circle-outline\",\"on-icon\":\"mdi-checkbox-marked-circle\"},on:{\"click\":function($event){$event.stopPropagation();task.completed ? _vm.setIncomplete(task) : _vm.setComplete(task)}}}),_c('div',{staticClass:\"task-item-content flex-grow-1\",class:{ complete: task.completed }},[_c('div',{staticClass:\"font-weight-bold\",staticStyle:{\"margin-bottom\":\"-1px\"}},[_vm._v(\" \"+_vm._s(task.title)+\" \"),(task.apartment)?_c('span',[_vm._v(\" (\"),_c('span',[_vm._v(_vm._s(task.apartment.address))]),_c('span',[_vm._v(_vm._s(task.apartment.apartmentNumber ? `, ${task.apartment.apartmentNumber}` : \"\"))]),_vm._v(\") \")]):_vm._e()]),_c('div',{staticClass:\"font-weight-light item-content-center\",staticStyle:{\"font-size\":\"13px\",\"white-space\":\"pre-wrap\"},domProps:{\"textContent\":_vm._s(task.subtitle)}}),_c('div',{staticClass:\"error--text\",staticStyle:{\"margin-bottom\":\"-5px\",\"margin-top\":\"5px\"}},[_c('small',[_vm._v(_vm._s(_vm.formatDate(task.dueDate)))])]),_c('div',_vm._l((task.labels),function(label){return _c('v-chip',{key:label,staticClass:\"font-weight-bold mt-1 mr-1\",attrs:{\"color\":_vm.getLabelColor(label),\"outlined\":\"\",\"x-small\":\"\"}},[_vm._v(\" \"+_vm._s(_vm.getLabelTitle(label))+\" \")])}),1)]),_c('div',{staticClass:\"d-flex align-center justify-center ml-1\"},[_c('v-btn',{attrs:{\"icon\":\"\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.deteleTodo(task)}}},[_c('v-icon',[_vm._v(\"mdi-delete\")])],1)],1)],1)}),0)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-card class=\"min-w-0\">\n    <v-text-field\n      v-model=\"filter\"\n      class=\"pa-1 py-2 todo-filter elevation-1\"\n      placeholder=\"Hae tehtävää\"\n      prepend-inner-icon=\"mdi-magnify\"\n      hide-details\n      block\n      clearable\n      solo\n      flat\n    ></v-text-field>\n\n    <v-divider></v-divider>\n\n    <div v-if=\"tasks.length === 0\">\n      <div class=\"px-1 py-6 text-center\">Ei tehtäviä!</div>\n    </div>\n\n    <v-slide-y-transition v-else group tag=\"div\">\n      <div\n        v-for=\"task in visibleTasks\"\n        :key=\"task._id\"\n        class=\"d-flex pa-2 task-item align-center\"\n        @click=\"$emit('edit-task', task)\"\n      >\n        <v-checkbox\n          :input-value=\"task.completed\"\n          class=\"mt-0 mr-1 pt-0\"\n          hide-details\n          off-icon=\"mdi-checkbox-blank-circle-outline\"\n          on-icon=\"mdi-checkbox-marked-circle\"\n          @click.stop=\"task.completed ? setIncomplete(task) : setComplete(task)\"\n        ></v-checkbox>\n\n        <div class=\"task-item-content flex-grow-1\" :class=\"{ complete: task.completed }\">\n          <div class=\"font-weight-bold\" style=\"margin-bottom: -1px\">\n            {{ task.title }}\n            <span v-if=\"task.apartment\">\n              (<span>{{ task.apartment.address }}</span\n              ><span>{{\n                task.apartment.apartmentNumber ? `, ${task.apartment.apartmentNumber}` : \"\"\n              }}</span\n              >)\n            </span>\n          </div>\n\n          <div\n            class=\"font-weight-light item-content-center\"\n            style=\"font-size: 13px; white-space: pre-wrap\"\n            v-text=\"task.subtitle\"\n          ></div>\n\n          <div class=\"error--text\" style=\"margin-bottom: -5px; margin-top: 5px\">\n            <small>{{ formatDate(task.dueDate) }}</small>\n          </div>\n\n          <div>\n            <v-chip\n              v-for=\"label in task.labels\"\n              :key=\"label\"\n              :color=\"getLabelColor(label)\"\n              class=\"font-weight-bold mt-1 mr-1\"\n              outlined\n              x-small\n            >\n              {{ getLabelTitle(label) }}\n            </v-chip>\n          </div>\n        </div>\n\n        <div class=\"d-flex align-center justify-center ml-1\">\n          <v-btn icon @click.stop=\"deteleTodo(task)\">\n            <v-icon>mdi-delete</v-icon>\n          </v-btn>\n        </div>\n      </div>\n    </v-slide-y-transition>\n  </v-card>\n</template>\n\n<script>\nimport { mapState, mapActions } from \"vuex\";\nimport mixins from \"../../mixins/mixins\";\n\n/*\n|---------------------------------------------------------------------\n| ToDo List Component\n|---------------------------------------------------------------------\n|\n| Task lister\n|\n*/\nexport default {\n  props: {\n    // task list\n    tasks: {\n      type: Array,\n      default: () => [],\n    },\n  },\n\n  mixins: [mixins],\n\n  data() {\n    return {\n      filter: \"\",\n    };\n  },\n\n  computed: {\n    ...mapState(\"todoApp\", [\"labels\"]),\n\n    visibleTasks() {\n      if (!this.filter) return this.tasks;\n\n      return this.tasks.filter((t) => {\n        return Boolean(\n          Object.values(t)\n            .filter((prop) => typeof prop === \"string\")\n            .find((item) => item.includes(this.filter))\n        );\n      });\n    },\n  },\n\n  methods: {\n    ...mapActions(\"todoApp\", {\n      setComplete: \"taskCompleted\",\n      setIncomplete: \"taskIncomplete\",\n      deleteTask: \"deleteTask\",\n    }),\n\n    deteleTodo(task) {\n      if (confirm(\"Haluatko varmasti poistaa tehtävän?\")) {\n        this.deleteTask(task);\n      }\n    },\n\n    getLabelColor(id) {\n      const label = this.labels.find((l) => l.id === id);\n\n      return label ? label.color : \"\";\n    },\n\n    getLabelTitle(id) {\n      const label = this.labels.find((l) => l.id === id);\n\n      return label ? label.title : \"\";\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.todo-filter {\n  position: sticky;\n  background-color: var(--v-background-base) !important;\n  z-index: 2;\n  top: 0;\n}\n\n.task-item {\n  cursor: pointer;\n  border-bottom: 1px solid rgba(100, 100, 100, 0.1);\n\n  &:hover {\n    background-color: rgba(209, 209, 209, 0.1);\n  }\n\n  .task-item-content {\n    &.complete {\n      text-decoration: line-through;\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TodoList.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TodoList.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./TodoList.vue?vue&type=template&id=27372cfc&scoped=true\"\nimport script from \"./TodoList.vue?vue&type=script&lang=js\"\nexport * from \"./TodoList.vue?vue&type=script&lang=js\"\nimport style0 from \"./TodoList.vue?vue&type=style&index=0&id=27372cfc&prod&lang=scss&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"27372cfc\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}