| 1 |
- {"remainingRequest":"C:\\Vue\\node_modules\\babel-loader\\lib\\index.js!C:\\Vue\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Vue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Vue\\src\\views\\Tasks.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Vue\\src\\views\\Tasks.vue","mtime":1607780399759},{"path":"C:\\Vue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Vue\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"C:\\Vue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Vue\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["import \"core-js/modules/es6.array.filter\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport TaskList from \"@/components/TaskList\";\nimport AddTask from \"@/components/AddTask\";\nexport default {\n name: \"app\",\n data: function data() {\n return {\n tasks: [{\n id: 1,\n title: \"not completed not important\",\n completed: false,\n important: false\n }, {\n id: 2,\n title: \"not completed important\",\n completed: false,\n important: true\n }, {\n id: 3,\n title: \"completed not important\",\n completed: true,\n important: false\n }],\n filter: \"all\"\n };\n },\n computed: {\n filteredTasks: function filteredTasks() {\n if (this.filter === \"all\") {\n return this.tasks;\n }\n\n if (this.filter === \"completed\") {\n return this.tasks.filter(function (t) {\n return t.completed;\n });\n }\n\n if (this.filter === \"not-completed\") {\n return this.tasks.filter(function (t) {\n return !t.completed;\n });\n }\n\n if (this.filter === \"not-important\") {\n return this.tasks.filter(function (t) {\n return !t.important;\n });\n }\n\n if (this.filter === \"important\") {\n return this.tasks.filter(function (t) {\n return t.important;\n });\n }\n }\n },\n methods: {\n removeTask: function removeTask(id) {\n this.tasks = this.tasks.filter(function (t) {\n return t.id !== id;\n });\n },\n addTask: function addTask(task) {\n this.tasks.push(task);\n }\n },\n components: {\n TaskList: TaskList,\n AddTask: AddTask\n }\n};",{"version":3,"sources":["Tasks.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,OAAA,QAAA,MAAA,uBAAA;AACA,OAAA,OAAA,MAAA,sBAAA;AAEA,eAAA;AACA,EAAA,IAAA,EAAA,KADA;AAEA,EAAA,IAFA,kBAEA;AACA,WAAA;AACA,MAAA,KAAA,EAAA,CACA;AAEA,QAAA,EAAA,EAAA,CAFA;AAGA,QAAA,KAAA,EAAA,6BAHA;AAIA,QAAA,SAAA,EAAA,KAJA;AAKA,QAAA,SAAA,EAAA;AALA,OADA,EAQA;AAEA,QAAA,EAAA,EAAA,CAFA;AAGA,QAAA,KAAA,EAAA,yBAHA;AAIA,QAAA,SAAA,EAAA,KAJA;AAKA,QAAA,SAAA,EAAA;AALA,OARA,EAeA;AAEA,QAAA,EAAA,EAAA,CAFA;AAGA,QAAA,KAAA,EAAA,yBAHA;AAIA,QAAA,SAAA,EAAA,IAJA;AAKA,QAAA,SAAA,EAAA;AALA,OAfA,CADA;AA0BA,MAAA,MAAA,EAAA;AA1BA,KAAA;AA4BA,GA/BA;AAiCA,EAAA,QAAA,EAAA;AACA,IAAA,aADA,2BACA;AACA,UAAA,KAAA,MAAA,KAAA,KAAA,EAAA;AACA,eAAA,KAAA,KAAA;AACA;;AAEA,UAAA,KAAA,MAAA,KAAA,WAAA,EAAA;AACA,eAAA,KAAA,KAAA,CAAA,MAAA,CAAA,UAAA,CAAA;AAAA,iBAAA,CAAA,CAAA,SAAA;AAAA,SAAA,CAAA;AACA;;AAEA,UAAA,KAAA,MAAA,KAAA,eAAA,EAAA;AACA,eAAA,KAAA,KAAA,CAAA,MAAA,CAAA,UAAA,CAAA;AAAA,iBAAA,CAAA,CAAA,CAAA,SAAA;AAAA,SAAA,CAAA;AACA;;AAEA,UAAA,KAAA,MAAA,KAAA,eAAA,EAAA;AACA,eAAA,KAAA,KAAA,CAAA,MAAA,CAAA,UAAA,CAAA;AAAA,iBAAA,CAAA,CAAA,CAAA,SAAA;AAAA,SAAA,CAAA;AACA;;AAEA,UAAA,KAAA,MAAA,KAAA,WAAA,EAAA;AACA,eAAA,KAAA,KAAA,CAAA,MAAA,CAAA,UAAA,CAAA;AAAA,iBAAA,CAAA,CAAA,SAAA;AAAA,SAAA,CAAA;AACA;AACA;AArBA,GAjCA;AA0DA,EAAA,OAAA,EAAA;AACA,IAAA,UADA,sBACA,EADA,EACA;AACA,WAAA,KAAA,GAAA,KAAA,KAAA,CAAA,MAAA,CAAA,UAAA,CAAA;AAAA,eAAA,CAAA,CAAA,EAAA,KAAA,EAAA;AAAA,OAAA,CAAA;AACA,KAHA;AAIA,IAAA,OAJA,mBAIA,IAJA,EAIA;AACA,WAAA,KAAA,CAAA,IAAA,CAAA,IAAA;AACA;AANA,GA1DA;AAkEA,EAAA,UAAA,EAAA;AACA,IAAA,QAAA,EAAA,QADA;AAEA,IAAA,OAAA,EAAA;AAFA;AAlEA,CAAA","sourcesContent":["<template>\n <div>\n <h2>Tasks application</h2>\n <router-link to=\"/\" class=\"btn btn-primary\">Back</router-link>\n <hr />\n <AddTask @add-task=\"addTask\" />\n <select class=\"form-select\" v-model=\"filter\">\n <option value=\"all\">All</option>\n <option value=\"completed\">Completed</option>\n <option value=\"not-completed\">Not Completed</option>\n <option value=\"important\">Important</option>\n <option value=\"not-important\">Not Important</option>\n </select>\n\n <hr />\n\n <TaskList\n v-if=\"filteredTasks.length\"\n v-bind:tasks=\"filteredTasks\"\n @remove-task=\"removeTask\"\n />\n <p v-else>No tasks!</p>\n </div>\n</template>\n\n<script>\nimport TaskList from \"@/components/TaskList\";\nimport AddTask from \"@/components/AddTask\";\n\nexport default {\n name: \"app\",\n data() {\n return {\n tasks: [\n {\n \n id: 1,\n title: \"not completed not important\",\n completed: false,\n important: false,\n },\n {\n \n id: 2,\n title: \"not completed important\",\n completed: false,\n important: true,\n },\n {\n \n id: 3,\n title: \"completed not important\",\n completed: true,\n important: false,\n },\n ],\n\n\n filter: \"all\",\n };\n },\n\n computed: {\n filteredTasks() {\n if (this.filter === \"all\") {\n return this.tasks;\n }\n\n if (this.filter === \"completed\") {\n return this.tasks.filter((t) => t.completed);\n }\n\n if (this.filter === \"not-completed\") {\n return this.tasks.filter((t) => !t.completed);\n }\n\n if (this.filter === \"not-important\") {\n return this.tasks.filter((t) => !t.important);\n }\n\n if (this.filter === \"important\") {\n return this.tasks.filter((t) => t.important);\n }\n },\n },\n\n \n methods: {\n removeTask(id) {\n this.tasks = this.tasks.filter((t) => t.id !== id);\n },\n addTask(task) {\n this.tasks.push(task);\n },\n },\n components: {\n TaskList,\n AddTask,\n\n },\n};\n</script>\n\n\n"],"sourceRoot":"src/views"}]}
|