{"version":3,"sources":["webpack:///./src/views/Tasks.vue","webpack:///./src/views/Tasks.vue?c6ce"],"names":["class","href","aria-label","clients","label","ref","items","tasks","task","key","id","name","description","completed","aria-hidden","datetime","Date","length","components","GravyImageDropdownMenu","Switch","mounted","this","$store","commit","computed","getters","getClients","products","getProducts","getTasks","__exports__","render"],"mappings":"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","file":"js/about.bdbc533c.js","sourcesContent":["<template>\r\n  <div>\r\n    <gravy-image-dropdown-menu v-if=\"clients\" label=\"Select a Client\" ref=\"clientChildRef\" :items=\"clients\" />\r\n    <gravy-image-dropdown-menu class=\"mt-5\" v-if=\"clients\" label=\"Select a Product\" ref=\"clientChildRef\" :items=\"clients\" />\r\n\r\n<!--    <Suspense>-->\r\n      <div class=\"hidden sm:block\">\r\n        <div class=\"mt-5 mx-auto px-4 sm:px-6 lg:px-8\">\r\n          <div class=\"flex flex-col mt-2\">\r\n            <div class=\"align-middle min-w-full overflow-x-auto shadow overflow-hidden sm:rounded-lg\">\r\n              <h1 class=\"my-3 p-4 text-xl\">Tasks</h1>\r\n              <table v-if=\"tasks\" class=\"min-w-full divide-y divide-gray-200\">\r\n                <thead>\r\n                <tr>\r\n                  <th class=\"px-6 py-3 bg-gray-50 text-left text-xs font-medium text-gray-500 uppercase tracking-wider\">\r\n                    Tasks\r\n                  </th>\r\n                  <th class=\"px-6 py-3 bg-gray-50 text-right text-xs font-medium text-gray-500 uppercase tracking-wider\">\r\n                    Description\r\n                  </th>\r\n                  <th class=\"hidden px-6 py-3 bg-gray-50 text-left text-xs font-medium text-gray-500 uppercase tracking-wider md:block\">\r\n                    Status\r\n                  </th>\r\n                  <th class=\"px-6 py-3 bg-gray-50 text-right text-xs font-medium text-gray-500 uppercase tracking-wider\">\r\n                    Date\r\n                  </th>\r\n                </tr>\r\n                </thead>\r\n                <tbody class=\"bg-white divide-y divide-gray-200\">\r\n                <tr v-for=\"task in tasks\" :key=\"task.id\" class=\"bg-white\">\r\n                  <td class=\"max-w-0  px-6 py-4 whitespace-nowrap text-sm text-gray-900\">\r\n                    <div class=\"flex\">\r\n                      <a href=\"#\" class=\"group inline-flex space-x-2 truncate text-sm\">\r\n                        <!--                      <CashIcon class=\"flex-shrink-0 h-5 w-5 text-gray-400 group-hover:text-gray-500\" aria-hidden=\"true\" />-->\r\n                        <p class=\"text-gray-500 truncate group-hover:text-gray-900\">\r\n                          {{ task.name }}\r\n                        </p>\r\n                      </a>\r\n                    </div>\r\n                  </td>\r\n                  <td class=\"px-6 py-4 text-right whitespace-nowrap text-sm text-gray-500\">\r\n                    <!--                  <span class=\"text-gray-900 font-medium\">{{ transaction.amount }} </span>-->\r\n                    {{ task.description }}\r\n                  </td>\r\n                  <td class=\"hidden px-6 py-4 whitespace-nowrap text-sm text-gray-500 md:block\">\r\n                    <Switch @click.prevent=\"task.completed = !task.completed\" v-model=\"task.completed\" :class=\"[task.completed ? 'bg-brand-primary' : 'bg-gray-200', 'relative inline-flex flex-shrink-0 h-6 w-11 border-2 border-transparent rounded-full cursor-pointer transition-colors ease-in-out duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500']\">\r\n                      <span class=\"sr-only\">Use setting</span>\r\n                      <span aria-hidden=\"true\" :class=\"[task.completed ? 'translate-x-5' : 'translate-x-0', 'pointer-events-none inline-block h-5 w-5 rounded-full bg-white shadow transform ring-0 transition ease-in-out duration-200']\" />\r\n                    </Switch>\r\n                    <span class=\"' items-center px-2.5 my-auto rounded-full text-lg font-medium capitalize'\" v-html=\"task.completed ? 'Completed' : 'Incomplete'\">\r\n\r\n                  </span>\r\n                  </td>\r\n                  <td class=\"px-6 py-4 text-right whitespace-nowrap text-sm text-gray-500\">\r\n                    <time :datetime=\"new Date()\">{{ new Date()  }}</time>\r\n                  </td>\r\n                </tr>\r\n                </tbody>\r\n              </table>\r\n              <!-- Pagination -->\r\n              <nav class=\"bg-white px-4 py-3 flex items-center justify-between border-t border-gray-200 sm:px-6\" aria-label=\"Pagination\">\r\n                <div class=\"hidden sm:block\">\r\n                  <p class=\"text-sm text-gray-700\">\r\n                    Showing\r\n                    {{ ' ' }}\r\n                    <span class=\"font-medium\">1</span>\r\n                    {{ ' ' }}\r\n                    to\r\n                    {{ ' ' }}\r\n                    <span class=\"font-medium\">10</span>\r\n                    {{ ' ' }}\r\n                    of\r\n                    {{ ' ' }}\r\n                    <span class=\"font-medium\" v-if=\"tasks\"> {{ tasks.length }}</span>\r\n                    {{ ' ' }}\r\n                    results\r\n                  </p>\r\n                </div>\r\n                <div class=\"flex-1 flex justify-between sm:justify-end\">\r\n                  <a href=\"#\" class=\"relative inline-flex items-center px-4 py-2 border border-gray-300 text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50\">\r\n                    Previous\r\n                  </a>\r\n                  <a href=\"#\" class=\"ml-3 relative inline-flex items-center px-4 py-2 border border-gray-300 text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50\">\r\n                    Next\r\n                  </a>\r\n                </div>\r\n              </nav>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n<!--    </Suspense>-->\r\n\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport GravyImageDropdownMenu from \"@/components/GravyImageDropdownMenu\";\r\n\r\nimport { Switch } from '@headlessui/vue'\r\nexport default {\r\n  name: \"Tasks\",\r\n  components: {GravyImageDropdownMenu, Switch},\r\n  mounted() {\r\n    this.$store.commit('getClients')\r\n    this.$store.commit('getProducts')\r\n    this.$store.commit('getTasks')\r\n  },\r\n  computed: {\r\n    clients() {\r\n      return this.$store.getters.getClients\r\n    },\r\n    products() {\r\n      return this.$store.getters.getProducts\r\n    },\r\n    tasks() {\r\n      return this.$store.getters.getTasks\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n\r\n</style>","import { render } from \"./Tasks.vue?vue&type=template&id=eb2402b6&scoped=true\"\nimport script from \"./Tasks.vue?vue&type=script&lang=js\"\nexport * from \"./Tasks.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/home/runner/work/whisk/whisk/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-eb2402b6\"]])\n\nexport default __exports__"],"sourceRoot":""}