{"version":3,"sources":["webpack:///./src/views/pipelineOk.vue?8bc3","webpack:///./src/views/pipelineOk.vue?2042","webpack:///src/views/pipelineOk.vue","webpack:///./src/views/pipelineOk.vue?c615","webpack:///./src/views/pipelineOk.vue?ef02"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","on","onListReorder","_l","list","listIndex","key","statuses","_v","_s","$event","onTaskDragStart","onTaskDrop","task","Task_ID","class","getPriorityClass","Task_Subject","employeesMap","Task_Assigned_Employee_ID","staticRenderFns","component"],"mappings":"mHAAA,yBAAuhB,EAAG,G,kECA1hB,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,MAAM,CAAC,GAAK,WAAW,CAACF,EAAG,eAAe,CAACG,YAAY,mBAAmBD,MAAM,CAAC,UAAY,aAAa,iBAAiB,WAAW,CAACF,EAAG,aAAa,CAACG,YAAY,iBAAiBD,MAAM,CAAC,mBAAmB,aAAa,OAAS,eAAeE,GAAG,CAAC,QAAUR,EAAIS,gBAAgBT,EAAIU,GAAIV,EAAS,OAAE,SAASW,EAAKC,GAAW,OAAOR,EAAG,MAAM,CAACS,IAAIb,EAAIc,SAASF,GAAWL,YAAY,QAAQ,CAACH,EAAG,MAAM,CAACG,YAAY,kCAAkC,CAACP,EAAIe,GAAGf,EAAIgB,GAAGhB,EAAIc,SAASF,OAAeR,EAAG,eAAe,CAACG,YAAY,kBAAkBD,MAAM,CAAC,iBAAiB,WAAW,CAACF,EAAG,aAAa,CAACG,YAAY,iBAAiBD,MAAM,CAAC,KAAOK,EAAK,MAAQ,cAAcH,GAAG,CAAC,aAAa,SAASS,GAAQ,OAAOjB,EAAIkB,gBAAgBD,IAAS,QAAU,SAASA,GAAQ,OAAOjB,EAAImB,WAAWF,IAAS,IAAM,SAASA,GAAQ,OAAOjB,EAAImB,WAAWF,MAAWjB,EAAIU,GAAG,GAAO,SAASU,GAAM,OAAOhB,EAAG,MAAM,CAACS,IAAIO,EAAKC,QAAQd,YAAY,8DAA8D,CAACH,EAAG,MAAM,CAACkB,MAAM,CAAC,gBAAiBtB,EAAIuB,iBAAiBH,MAAShB,EAAG,MAAM,CAACG,YAAY,gBAAgB,CAACP,EAAIe,GAAGf,EAAIgB,GAAGI,EAAKI,iBAAiBpB,EAAG,MAAM,CAACG,YAAY,iBAAiB,CAACP,EAAIe,GAAGf,EAAIgB,GAAGhB,EAAIyB,aAAaL,EAAKM,oCAAmC,IAAI,IAAI,MAAK,IAAI,IAAI,IAC10CC,EAAkB,G,wBCoDtB,yEAEA,IACE,QAAW,EACX,0BAA6B,EAC7B,cAAiB,EACjB,aAAgB,aAChB,gBAAmB,sBACnB,cAAiB,sBACjB,YAAe,YACf,cAAiB,EACjB,gBAAmB,IACnB,eAAkB,IAGpB,IACE,GAAM,EACN,KAAQ,cACV,CACE,GAAM,EACN,KAAQ,oBAGV,GACE,WAAF,CACI,aAAJ,kBACI,WAAJ,iBAEE,KALF,WAMI,IAAJ,KAEI,EAAJ,qBACM,EAAN,gBAGI,IAAJ,KAMI,OAJA,EAAJ,qBACM,EAAN,2BAAQ,OAAR,yBAGA,CACM,SAAN,EACM,MAAN,EACM,aAAN,IAGE,QAAF,CACI,cADJ,SACA,GACM,IAAN,sCACM,KAAN,4BAEM,IAAN,yCACM,KAAN,gCAEI,gBARJ,SAQA,GACM,EAAN,kCAEI,WAXJ,SAWA,GACM,EAAN,+BACM,EAAN,uCAEI,iBAfJ,SAeA,GACM,MAAN,uCCpH6e,I,wBCQzeC,EAAY,eACd,EACA7B,EACA4B,GACA,EACA,KACA,KACA,MAIa,aAAAC,E","file":"js/display-data298.841d4224.js","sourcesContent":["import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/vue-cli-plugin-quasar/lib/loader.auto-import.js?kebab!../../node_modules/cache-loader/dist/cjs.js??ref--0-1!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./pipelineOk.vue?vue&type=style&index=0&lang=css&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/vue-cli-plugin-quasar/lib/loader.auto-import.js?kebab!../../node_modules/cache-loader/dist/cjs.js??ref--0-1!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./pipelineOk.vue?vue&type=style&index=0&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"kanban\"}},[_c('DxScrollView',{staticClass:\"scrollable-board\",attrs:{\"direction\":\"horizontal\",\"show-scrollbar\":\"always\"}},[_c('DxSortable',{staticClass:\"sortable-lists\",attrs:{\"item-orientation\":\"horizontal\",\"handle\":\".list-title\"},on:{\"reorder\":_vm.onListReorder}},_vm._l((_vm.lists),function(list,listIndex){return _c('div',{key:_vm.statuses[listIndex],staticClass:\"list\"},[_c('div',{staticClass:\"list-title dx-theme-text-color\"},[_vm._v(_vm._s(_vm.statuses[listIndex]))]),_c('DxScrollView',{staticClass:\"scrollable-list\",attrs:{\"show-scrollbar\":\"always\"}},[_c('DxSortable',{staticClass:\"sortable-cards\",attrs:{\"data\":list,\"group\":\"tasksGroup\"},on:{\"drag-start\":function($event){return _vm.onTaskDragStart($event)},\"reorder\":function($event){return _vm.onTaskDrop($event)},\"add\":function($event){return _vm.onTaskDrop($event)}}},_vm._l((list),function(task){return _c('div',{key:task.Task_ID,staticClass:\"card dx-card dx-theme-text-color dx-theme-background-color\"},[_c('div',{class:['card-priority', _vm.getPriorityClass(task)]}),_c('div',{staticClass:\"card-subject\"},[_vm._v(_vm._s(task.Task_Subject))]),_c('div',{staticClass:\"card-assignee\"},[_vm._v(_vm._s(_vm.employeesMap[task.Task_Assigned_Employee_ID]))])])}),0)],1)],1)}),0)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n   <div id=\"kanban\">\r\n      <DxScrollView\r\n        class=\"scrollable-board\"\r\n        direction=\"horizontal\"\r\n        show-scrollbar=\"always\"\r\n      >\r\n        <DxSortable\r\n          class=\"sortable-lists\"\r\n          item-orientation=\"horizontal\"\r\n          handle=\".list-title\"\r\n          @reorder=\"onListReorder\"\r\n        >\r\n          <div\r\n            v-for=\"(list, listIndex) in lists\"\r\n            :key=\"statuses[listIndex]\"\r\n            class=\"list\"\r\n          >\r\n            <div class=\"list-title dx-theme-text-color\">{{ statuses[listIndex] }}</div>\r\n            <DxScrollView\r\n              class=\"scrollable-list\"\r\n              show-scrollbar=\"always\"\r\n            >\r\n              <DxSortable\r\n                :data=\"list\"\r\n                class=\"sortable-cards\"\r\n                group=\"tasksGroup\"\r\n                @drag-start=\"onTaskDragStart($event)\"\r\n                @reorder=\"onTaskDrop($event)\"\r\n                @add=\"onTaskDrop($event)\"\r\n              >\r\n                <div\r\n                  v-for=\"task in list\"\r\n                  :key=\"task.Task_ID\"\r\n                  class=\"card dx-card dx-theme-text-color dx-theme-background-color\"\r\n                >\r\n                  <div :class=\"['card-priority', getPriorityClass(task)]\"/>\r\n                  <div class=\"card-subject\">{{ task.Task_Subject }}</div>\r\n                  <div class=\"card-assignee\">{{ employeesMap[task.Task_Assigned_Employee_ID] }}</div>\r\n                </div>\r\n              </DxSortable>\r\n            </DxScrollView>\r\n          </div>\r\n        </DxSortable>\r\n      </DxScrollView>\r\n    </div>\r\n  </template>\r\n\r\n  <script>\r\n  //import { tasks, employees } from './data.js';\r\n  import { DxScrollView } from 'devextreme-vue/scroll-view';\r\n  import { DxSortable } from 'devextreme-vue/sortable';\r\n  \r\n  const statuses = ['Not Started', 'Need Assistance', 'In Progress', 'Deferred', 'Completed'];\r\n\r\n  const tasks = [{\r\n  'Task_ID': 1,\r\n  'Task_Assigned_Employee_ID': 1,\r\n  'Task_Owner_ID': 1,\r\n  'Task_Subject': 'Plans 2015',\r\n  'Task_Start_Date': '2015-01-01T00:00:00',\r\n  'Task_Due_Date': '2015-04-01T00:00:00',\r\n  'Task_Status': 'Completed',\r\n  'Task_Priority': 4,\r\n  'Task_Completion': 100,\r\n  'Task_Parent_ID': 0\r\n}];\r\n\r\nconst employees = [{\r\n  'ID': 1,\r\n  'Name': 'John Heart'\r\n}, {\r\n  'ID': 2,\r\n  'Name': 'Samantha Bright'\r\n}];\r\n  \r\n  export default {\r\n    components: {\r\n      DxScrollView,\r\n      DxSortable\r\n    },\r\n    data() {\r\n      const employeesMap = {};\r\n  \r\n      employees.forEach(employee => {\r\n        employeesMap[employee.ID] = employee.Name;\r\n      });\r\n  \r\n      const lists = [];\r\n  \r\n      statuses.forEach(status => {\r\n        lists.push(tasks.filter(task => task.Task_Status === status));\r\n      });\r\n  \r\n      return {\r\n        statuses,\r\n        lists,\r\n        employeesMap\r\n      };\r\n    },\r\n    methods: {\r\n      onListReorder(e) {\r\n        const list = this.lists.splice(e.fromIndex, 1)[0];\r\n        this.lists.splice(e.toIndex, 0, list);\r\n  \r\n        const status = this.statuses.splice(e.fromIndex, 1)[0];\r\n        this.statuses.splice(e.toIndex, 0, status);\r\n      },\r\n      onTaskDragStart(e) {\r\n        e.itemData = e.fromData[e.fromIndex];\r\n      },\r\n      onTaskDrop(e) {\r\n        e.fromData.splice(e.fromIndex, 1);\r\n        e.toData.splice(e.toIndex, 0, e.itemData);\r\n      },\r\n      getPriorityClass(task) {\r\n        return `priority-${task.Task_Priority}`;\r\n      }\r\n    }\r\n  };\r\n  \r\n</script>\r\n  \r\n  <style>\r\n  #kanban {\r\n      white-space: nowrap;\r\n  }\r\n  \r\n  .list {\r\n      border-radius: 8px;\r\n      margin: 5px;\r\n      background-color: rgba(192, 192, 192, 0.4);\r\n      display: inline-block;\r\n      vertical-align: top;\r\n      white-space: normal;\r\n  }\r\n  \r\n  .list-title {\r\n      font-size: 16px;\r\n      padding: 10px;\r\n      padding-left: 30px;\r\n      margin-bottom: -10px;\r\n      font-weight: bold;\r\n      cursor: pointer;\r\n  }\r\n  \r\n  .scrollable-list {\r\n      height: 400px;\r\n      width: 260px;\r\n  }\r\n  \r\n  .sortable-cards {\r\n      min-height: 380px\r\n  }\r\n  \r\n  .card {\r\n      position: relative;\r\n      background-color: white;\r\n      box-sizing: border-box;\r\n      width: 230px;\r\n      padding: 10px 20px;\r\n      margin: 10px;\r\n      cursor: pointer;\r\n  }\r\n  \r\n  .card-subject {\r\n      padding-bottom: 10px;\r\n  }\r\n  \r\n  .card-assignee {\r\n      opacity: 0.6;\r\n  }\r\n  \r\n  .card-priority {\r\n      position: absolute;\r\n      top: 10px;\r\n      bottom: 10px;\r\n      left: 5px;\r\n      width: 5px;\r\n      border-radius: 2px;\r\n      background: #86C285;\r\n  }\r\n  \r\n  .priority-1 {\r\n      background: #ADADAD;\r\n  }\r\n  \r\n  .priority-2 {\r\n      background: #86C285;\r\n  }\r\n  \r\n  .priority-3 {\r\n      background: #EDC578;\r\n  }\r\n  \r\n  .priority-4 {\r\n      background: #EF7D59;\r\n  }\r\n  \r\n  .dx-sortable {\r\n      display: block;\r\n  }\r\n  </style>\r\n  ","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/vue-cli-plugin-quasar/lib/loader.transform-quasar-imports.js!../../node_modules/vue-cli-plugin-quasar/lib/loader.auto-import.js?kebab!../../node_modules/cache-loader/dist/cjs.js??ref--0-1!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./pipelineOk.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/vue-cli-plugin-quasar/lib/loader.transform-quasar-imports.js!../../node_modules/vue-cli-plugin-quasar/lib/loader.auto-import.js?kebab!../../node_modules/cache-loader/dist/cjs.js??ref--0-1!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./pipelineOk.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./pipelineOk.vue?vue&type=template&id=2fe712e8&\"\nimport script from \"./pipelineOk.vue?vue&type=script&lang=js&\"\nexport * from \"./pipelineOk.vue?vue&type=script&lang=js&\"\nimport style0 from \"./pipelineOk.vue?vue&type=style&index=0&lang=css&\"\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"],"sourceRoot":""}