{"version":3,"sources":["webpack:///./src/views/app/applications/Todo.vue?ff87","webpack:///./src/components/TodoApp/TodoListItem.vue?7090","webpack:///src/components/TodoApp/TodoListItem.vue","webpack:///./src/components/TodoApp/TodoListItem.vue?9379","webpack:///./src/components/TodoApp/TodoListItem.vue","webpack:///src/views/app/applications/Todo.vue","webpack:///./src/views/app/applications/Todo.vue?d08a","webpack:///./src/views/app/applications/Todo.vue","webpack:///./src/components/Common/ApplicationMenu.vue?8364","webpack:///src/components/Common/ApplicationMenu.vue","webpack:///./src/components/Common/ApplicationMenu.vue?2d17","webpack:///./src/components/Common/ApplicationMenu.vue","webpack:///./src/views/app/applications/index.vue?31c5","webpack:///./src/views/app/applications/index.vue","webpack:///./src/views/app/applications/Chat.vue?c413","webpack:///./src/components/ChatApp/ContactList.vue?76c1","webpack:///src/components/ChatApp/ContactList.vue","webpack:///./src/components/ChatApp/ContactList.vue?6b4a","webpack:///./src/components/ChatApp/ContactList.vue","webpack:///./src/components/ChatApp/ConversationList.vue?d285","webpack:///src/components/ChatApp/ConversationList.vue","webpack:///./src/components/ChatApp/ConversationList.vue?24b6","webpack:///./src/components/ChatApp/ConversationList.vue","webpack:///./src/components/ChatApp/ConversationDetail.vue?0050","webpack:///src/components/ChatApp/ConversationDetail.vue","webpack:///./src/components/ChatApp/ConversationDetail.vue?5e2e","webpack:///./src/components/ChatApp/ConversationDetail.vue","webpack:///src/views/app/applications/Chat.vue","webpack:///./src/views/app/applications/Chat.vue?a005","webpack:///./src/views/app/applications/Chat.vue","webpack:///./src/views/app/applications/SurveyDetail.vue?2880","webpack:///./src/components/SurveyApp/QuestionBuilder.vue?441d","webpack:///src/components/SurveyApp/QuestionBuilder.vue","webpack:///./src/components/SurveyApp/QuestionBuilder.vue?eb31","webpack:///./src/components/SurveyApp/QuestionBuilder.vue","webpack:///src/views/app/applications/SurveyDetail.vue","webpack:///./src/views/app/applications/SurveyDetail.vue?79a2","webpack:///./src/views/app/applications/SurveyDetail.vue","webpack:///./src/views/app/applications/Survey.vue?3a8c","webpack:///./src/components/SurveyApp/SurveyListItem.vue?dab7","webpack:///src/components/SurveyApp/SurveyListItem.vue","webpack:///./src/components/SurveyApp/SurveyListItem.vue?9da4","webpack:///./src/components/SurveyApp/SurveyListItem.vue","webpack:///src/views/app/applications/Survey.vue","webpack:///./src/views/app/applications/Survey.vue?c2b3","webpack:///./src/views/app/applications/Survey.vue"],"names":["props","methods","toggleItem","event","itemId","$emit","components","vSelect","TodoListItem","ApplicationMenu","data","sort","column","label","sortOptions","search","selectedItems","categories","value","labels","color","statuses","text","newItem","title","category","detail","status","computed","_objectSpread","mapGetters","mapActions","mapMutations","isSelectedAll","length","items","isAnyItemSelected","hideModal","refname","$refs","hide","changeOrderBy","addNewItem","date","Date","addTodoItem","getDay","getMonth","getFullYear","labelColor","selectAll","isToggle","map","x","id","keymap","srcKey","getIndex","arr","prop","i","shiftKey","_this$selectedItems","itemsForToggle","start","end","slice","Math","min","max","push","apply","_toConsumableArray","item","includes","filter","handleContextmenu","vnode","key","onContextCopy","console","log","onContextArchive","onContextDelete","mounted","getTodoItems","isOpen","isMenuOver","addEvents","document","addEventListener","handleDocumentClick","removeEvents","removeEventListener","e","toggle","watch","val","beforeDestroy","selectContact","userId","selectConversation","conversation","otherUser","users","messages","_this","otherUserId","find","currentUser","contacts","conversations","scrollToEnd","setTimeout","container","chatArea","$el","scrollTop","scrollHeight","updated","ContactList","ConversationList","ConversationDetail","tabIndex","message","searchKey","isLoadCurrentConversation","conversationMessages","splice","lastMessageTime","getHours","getMinutes","sendMessage","sender","time","getContacts","getConversations","oldVal","searchContacts","questionTypes","options","draggable","mode","showDetail","question","answers","answerType","changeMode","deleteAnswer","addAnswer","colors","ThemeColors","QuestionBuilder","DoughnutShadowChart","currentSurvey","ageChartData","datasets","borderColor","themeColor1","themeColor2","themeColor3","themeColor4","themeColor5","backgroundColor","themeColor1_10","themeColor2_10","themeColor3_10","themeColor4_10","themeColor5_10","borderWidth","genderChartData","workChartData","codingChartData","addQuestion","questions","getSurveyItems","isLoadSurveys","surveyItems","SurveyListItem","addSurveyItem"],"mappings":"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","file":"assets/js/applications.2fe2ec8d.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"disable-text-selection\"},[_c('b-row',{staticClass:\"app-row survey-app\"},[_c('b-colxx',{attrs:{\"xxs\":\"12\"}},[_c('div',{staticClass:\"mb-2\"},[_c('h1',[_vm._v(_vm._s(_vm.$t('menu.todo')))]),_vm._v(\" \"),_c('div',{staticClass:\"float-sm-right\"},[_c('b-button',{directives:[{name:\"b-modal\",rawName:\"v-b-modal.modalright\",modifiers:{\"modalright\":true}}],staticClass:\"top-right-button\",attrs:{\"variant\":\"primary\",\"size\":\"lg\"}},[_vm._v(_vm._s(_vm.$t('todo.add-new')))]),_vm._v(\" \"),(_vm.isLoad)?_c('b-button-group',[_c('b-dropdown',{staticClass:\"check-button\",attrs:{\"split\":\"\",\"right\":\"\",\"variant\":\"primary\"},on:{\"click\":function($event){return _vm.selectAll(true)}}},[_c('label',{staticClass:\"custom-control custom-checkbox pl-4 mb-0 d-inline-block\",attrs:{\"slot\":\"button-content\"},slot:\"button-content\"},[_c('input',{directives:[{name:\"shortkey\",rawName:\"v-shortkey\",value:({select: ['ctrl','a'], undo: ['ctrl','d']}),expression:\"{select: ['ctrl','a'], undo: ['ctrl','d']}\"}],staticClass:\"custom-control-input\",attrs:{\"type\":\"checkbox\"},domProps:{\"checked\":_vm.isSelectedAll()},on:{\"shortkey\":_vm.keymap}}),_vm._v(\" \"),_c('span',{class:{\n                    'custom-control-label' :true,\n                    'indeterminate' : _vm.isAnyItemSelected()\n                  }})]),_vm._v(\" \"),_c('b-dropdown-item',[_vm._v(_vm._s(_vm.$t('todo.action')))]),_vm._v(\" \"),_c('b-dropdown-item',[_vm._v(_vm._s(_vm.$t('todo.another-action')))])],1)],1):_vm._e(),_vm._v(\" \"),_c('b-modal',{ref:\"modalright\",staticClass:\"modal-right\",attrs:{\"id\":\"modalright\",\"title\":_vm.$t('todo.add-new-title')}},[_c('b-form',[_c('b-form-group',{attrs:{\"label\":_vm.$t('todo.title')}},[_c('b-form-input',{model:{value:(_vm.newItem.title),callback:function ($$v) {_vm.$set(_vm.newItem, \"title\", $$v)},expression:\"newItem.title\"}})],1),_vm._v(\" \"),_c('b-form-group',{attrs:{\"label\":_vm.$t('todo.detail')}},[_c('b-textarea',{attrs:{\"rows\":2,\"max-rows\":2},model:{value:(_vm.newItem.detail),callback:function ($$v) {_vm.$set(_vm.newItem, \"detail\", $$v)},expression:\"newItem.detail\"}})],1),_vm._v(\" \"),_c('b-form-group',{attrs:{\"label\":_vm.$t('todo.category')}},[_c('v-select',{attrs:{\"options\":_vm.categories},model:{value:(_vm.newItem.category),callback:function ($$v) {_vm.$set(_vm.newItem, \"category\", $$v)},expression:\"newItem.category\"}})],1),_vm._v(\" \"),_c('b-form-group',{attrs:{\"label\":_vm.$t('todo.label')}},[_c('v-select',{attrs:{\"options\":_vm.labels},model:{value:(_vm.newItem.label),callback:function ($$v) {_vm.$set(_vm.newItem, \"label\", $$v)},expression:\"newItem.label\"}})],1),_vm._v(\" \"),_c('b-form-group',{attrs:{\"label\":_vm.$t('todo.status')}},[_c('b-form-radio-group',{staticClass:\"pt-2\",attrs:{\"stacked\":\"\",\"options\":_vm.statuses},model:{value:(_vm.newItem.status),callback:function ($$v) {_vm.$set(_vm.newItem, \"status\", $$v)},expression:\"newItem.status\"}})],1)],1),_vm._v(\" \"),_c('template',{slot:\"modal-footer\"},[_c('b-button',{attrs:{\"variant\":\"outline-secondary\"},on:{\"click\":function($event){return _vm.hideModal('modalright')}}},[_vm._v(_vm._s(_vm.$t('todo.cancel')))]),_vm._v(\" \"),_c('b-button',{staticClass:\"mr-1\",attrs:{\"variant\":\"primary\"},on:{\"click\":function($event){return _vm.addNewItem()}}},[_vm._v(_vm._s(_vm.$t('todo.submit')))])],1)],2)],1),_vm._v(\" \"),_c('piaf-breadcrumb')],1),_vm._v(\" \"),_c('div',{staticClass:\"mb-2\"},[_c('b-button',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.displayOptions\",modifiers:{\"displayOptions\":true}}],staticClass:\"pt-0 pl-0 d-inline-block d-md-none\",attrs:{\"variant\":\"empty\"}},[_vm._v(\"\\n          \"+_vm._s(_vm.$t('todo.display-options'))+\" \"),_c('i',{staticClass:\"simple-icon-arrow-down align-middle\"})]),_vm._v(\" \"),_c('b-collapse',{staticClass:\"d-md-block\",attrs:{\"id\":\"displayOptions\"}},[_c('div',{staticClass:\"d-block d-md-inline-block mb-2\"},[_c('b-dropdown',{staticClass:\"mr-1 float-md-left btn-group\",attrs:{\"id\":\"ddown1\",\"text\":((_vm.$t('todo.orderby')) + \" \" + (_vm.sort.label)),\"variant\":\"outline-dark\",\"size\":\"xs\"}},_vm._l((_vm.sortOptions),function(order,index){return _c('b-dropdown-item',{key:(\"order\" + index),on:{\"click\":function($event){return _vm.changeOrderBy(order)}}},[_vm._v(_vm._s(order.label))])}),1),_vm._v(\" \"),_c('div',{staticClass:\"search-sm d-inline-block float-md-left mr-1 align-top\"},[_c('b-input',{attrs:{\"placeholder\":_vm.$t('menu.search')},model:{value:(_vm.search),callback:function ($$v) {_vm.search=$$v},expression:\"search\"}})],1)],1)])],1),_vm._v(\" \"),_c('div',{staticClass:\"separator mb-5\"}),_vm._v(\" \"),(_vm.isLoad)?_c('b-row',{key:\"itemList\"},_vm._l((_vm.items),function(item,index){return _c('b-colxx',{key:(\"item\" + index),attrs:{\"xxs\":\"12\"}},[_c('todo-list-item',{directives:[{name:\"contextmenu\",rawName:\"v-contextmenu:contextmenu\",arg:\"contextmenu\"}],key:item.id,attrs:{\"data\":item,\"selected-items\":_vm.selectedItems},on:{\"toggle-item\":_vm.toggleItem}})],1)}),1):_c('div',{key:\"itemLoading\",staticClass:\"loading\"})],1)],1),_vm._v(\" \"),_c('v-contextmenu',{ref:\"contextmenu\",on:{\"contextmenu\":_vm.handleContextmenu}},[_c('v-contextmenu-item',{on:{\"click\":function($event){return _vm.onContextCopy()}}},[_c('i',{staticClass:\"simple-icon-docs\"}),_vm._v(\" \"),_c('span',[_vm._v(\"Copy\")])]),_vm._v(\" \"),_c('v-contextmenu-item',{on:{\"click\":function($event){return _vm.onContextArchive()}}},[_c('i',{staticClass:\"simple-icon-drawer\"}),_vm._v(\" \"),_c('span',[_vm._v(\"Move to archive\")])]),_vm._v(\" \"),_c('v-contextmenu-item',{on:{\"click\":function($event){return _vm.onContextDelete()}}},[_c('i',{staticClass:\"simple-icon-trash\"}),_vm._v(\" \"),_c('span',[_vm._v(\"Delete\")])])],1),_vm._v(\" \"),_c('application-menu',[_c('vue-perfect-scrollbar',{attrs:{\"settings\":{ suppressScrollX: true, wheelPropagation: false }}},[_c('div',{staticClass:\"p-4\"},[_c('p',{staticClass:\"text-muted text-small mb-3\"},[_vm._v(_vm._s(_vm.$t('todo.status')))]),_vm._v(\" \"),_c('ul',{staticClass:\"list-unstyled mb-4\"},[_c('li',{staticClass:\"nav-item\"},[_c('a',{attrs:{\"href\":\"#\"}},[_c('i',{staticClass:\"simple-icon-reload\"}),_vm._v(_vm._s(_vm.$t('todo.all-tasks'))+\" \"),(_vm.isLoad)?_c('span',{staticClass:\"float-right\"},[_vm._v(_vm._s(_vm.items.length))]):_vm._e()])]),_vm._v(\" \"),_c('li',{staticClass:\"nav-item\"},[_c('a',{attrs:{\"href\":\"#\"}},[_c('i',{staticClass:\"simple-icon-refresh\"}),_vm._v(_vm._s(_vm.$t('todo.pending-tasks'))+\" \"),(_vm.isLoad)?_c('span',{staticClass:\"float-right\"},[_vm._v(_vm._s(_vm.items.filter(function (x) { return x.status === \"PENDING\"; }).length))]):_vm._e()])]),_vm._v(\" \"),_c('li',{staticClass:\"nav-item\"},[_c('a',{attrs:{\"href\":\"#\"}},[_c('i',{staticClass:\"simple-icon-check\"}),_vm._v(_vm._s(_vm.$t('todo.completed-tasks'))+\" \"),(_vm.isLoad)?_c('span',{staticClass:\"float-right\"},[_vm._v(_vm._s(_vm.items.filter(function (x) { return x.status === \"COMPLETED\"; }).length))]):_vm._e()])])]),_vm._v(\" \"),_c('p',{staticClass:\"text-muted text-small mb-1\"},[_vm._v(_vm._s(_vm.$t('todo.categories')))]),_vm._v(\" \"),_c('ul',{staticClass:\"list-unstyled mb-4\"},[_c('b-form-radio-group',{staticClass:\"pt-2\",attrs:{\"stacked\":\"\",\"options\":_vm.categories.map(function (c){return {text:c.label,value:c.value}})}})],1),_vm._v(\" \"),_c('p',{staticClass:\"text-muted text-small mb-3\"},[_vm._v(_vm._s(_vm.$t('todo.labels')))]),_vm._v(\" \"),_c('div',_vm._l((_vm.labels),function(l,index){return _c('p',{key:index,staticClass:\"d-sm-inline-block mb-1\"},[_c('a',{attrs:{\"href\":\"#\"}},[_c('b-badge',{staticClass:\"mb-1 mr-1\",attrs:{\"pill\":\"\",\"variant\":(\"outline-\" + (l.color))}},[_vm._v(_vm._s(l.label))])],1)])}),0)])])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card',{class:{'d-flex mb-3':true,'active' : _vm.selectedItems.includes(_vm.data.id)},attrs:{\"no-body\":\"\"},on:{\"click\":function($event){$event.preventDefault();return _vm.toggleItem($event,_vm.data.id)}}},[_c('div',{staticClass:\"d-flex flex-grow-1 min-width-zero\"},[_c('b-card-body',{staticClass:\"align-self-center d-flex flex-column flex-md-row justify-content-between min-width-zero align-items-md-center pb-2\"},[_c('a',{staticClass:\"list-item-heading mb-0 truncate w-40 w-xs-100 mb-1 mt-1\",attrs:{\"href\":\"#\"},on:{\"click\":function($event){$event.preventDefault();}}},[_c('i',{class:{'heading-icon':true,\n                            'simple-icon-check' :_vm.data.status === 'COMPLETED',\n                            'simple-icon-refresh' : _vm.data.status !== 'COMPLETED'\n                        }}),_vm._v(\" \"),_c('span',{staticClass:\"align-middle d-inline-block\"},[_vm._v(_vm._s(_vm.data.title))])]),_vm._v(\" \"),_c('p',{staticClass:\"mb-1 text-muted text-small w-15 w-xs-100\"},[_vm._v(_vm._s(_vm.data.category))]),_vm._v(\" \"),_c('p',{staticClass:\"mb-1 text-muted text-small w-15 w-xs-100\"},[_vm._v(_vm._s(_vm.data.date))]),_vm._v(\" \"),_c('div',{staticClass:\"w-15 w-xs-100\"},[_c('b-badge',{attrs:{\"variant\":_vm.data.labelColor,\"pill\":\"\"}},[_vm._v(_vm._s(_vm.data.label))])],1)]),_vm._v(\" \"),_c('div',{staticClass:\"custom-control custom-checkbox pl-1 align-self-md-center align-self-start pr-md-2 pt-4\"},[_c('b-form-checkbox',{staticClass:\"itemCheck mb-0\",attrs:{\"checked\":_vm.selectedItems.includes(_vm.data.id)}})],1)],1),_vm._v(\" \"),_c('div',{staticClass:\"card-body pt-1\"},[_c('p',{staticClass:\"mb-0\",domProps:{\"innerHTML\":_vm._s(_vm.data.detail)}})])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <b-card @click.prevent=\"toggleItem($event,data.id)\" :class=\"{'d-flex mb-3':true,'active' : selectedItems.includes(data.id)}\" no-body>\r\n        <div class=\"d-flex flex-grow-1 min-width-zero\">\r\n            <b-card-body class=\"align-self-center d-flex flex-column flex-md-row justify-content-between min-width-zero align-items-md-center pb-2\">\r\n                <a href=\"#\" class=\"list-item-heading mb-0 truncate w-40 w-xs-100  mb-1 mt-1\" @click.prevent=\"\">\r\n                    <i :class=\"{'heading-icon':true,\r\n                                'simple-icon-check' :data.status === 'COMPLETED',\r\n                                'simple-icon-refresh' : data.status !== 'COMPLETED'\r\n                            }\"/>\r\n                    <span class=\"align-middle d-inline-block\">{{data.title}}</span>\r\n                </a>\r\n                <p class=\"mb-1 text-muted text-small w-15 w-xs-100\">{{data.category}}</p>\r\n                <p class=\"mb-1 text-muted text-small w-15 w-xs-100\">{{data.date}}</p>\r\n                <div class=\"w-15 w-xs-100\"><b-badge :variant=\"data.labelColor\" pill>{{data.label}}</b-badge></div>\r\n            </b-card-body>\r\n            <div class=\"custom-control custom-checkbox pl-1 align-self-md-center align-self-start pr-md-2 pt-4\">\r\n                <b-form-checkbox :checked=\"selectedItems.includes(data.id)\" class=\"itemCheck mb-0\"/>\r\n            </div>\r\n        </div>\r\n        <div class=\"card-body pt-1\"><p class=\"mb-0\" v-html=\"data.detail\"></p></div>\r\n    </b-card>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  props: ['data', 'selectedItems'],\r\n  methods: {\r\n    toggleItem (event, itemId) {\r\n      this.$emit('toggle-item', event, itemId)\r\n    }\r\n  }\r\n}\r\n</script>\r\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TodoListItem.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TodoListItem.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TodoListItem.vue?vue&type=template&id=385102b0&\"\nimport script from \"./TodoListItem.vue?vue&type=script&lang=js&\"\nexport * from \"./TodoListItem.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","<template>\r\n  <div class=\"disable-text-selection\">\r\n    <b-row class=\"app-row survey-app\" >\r\n      <b-colxx xxs=\"12\">\r\n        <div class=\"mb-2\">\r\n          <h1>{{ $t('menu.todo') }}</h1>\r\n          <div class=\"float-sm-right\">\r\n            <b-button v-b-modal.modalright variant=\"primary\" size=\"lg\" class=\"top-right-button\">{{ $t('todo.add-new') }}</b-button>\r\n            <b-button-group v-if=\"isLoad\">\r\n              <b-dropdown  split right @click=\"selectAll(true)\" class=\"check-button\" variant=\"primary\">\r\n                  <label class=\"custom-control custom-checkbox pl-4 mb-0 d-inline-block\" slot=\"button-content\">\r\n                    <input class=\"custom-control-input\" type=\"checkbox\"\r\n                    :checked=\"isSelectedAll()\"\r\n                    v-shortkey=\"{select: ['ctrl','a'], undo: ['ctrl','d']}\" @shortkey=\"keymap\"\r\n                    />\r\n                    <span :class=\"{\r\n                      'custom-control-label' :true,\r\n                      'indeterminate' : isAnyItemSelected()\r\n                    }\"/>\r\n                  </label>\r\n                <b-dropdown-item>{{$t('todo.action')}}</b-dropdown-item>\r\n                <b-dropdown-item>{{$t('todo.another-action')}}</b-dropdown-item>\r\n              </b-dropdown>\r\n            </b-button-group>\r\n            <b-modal id=\"modalright\" ref=\"modalright\" :title=\"$t('todo.add-new-title')\" class=\"modal-right\">\r\n                <b-form>\r\n                  <b-form-group :label=\"$t('todo.title')\">\r\n                    <b-form-input v-model=\"newItem.title\"  />\r\n                  </b-form-group>\r\n                  <b-form-group  :label=\"$t('todo.detail')\">\r\n                    <b-textarea  v-model=\"newItem.detail\"  :rows=\"2\" :max-rows=\"2\"/>\r\n                  </b-form-group>\r\n                  <b-form-group :label=\"$t('todo.category')\">\r\n                      <v-select  :options=\"categories\" v-model=\"newItem.category\"/>\r\n                  </b-form-group>\r\n                  <b-form-group :label=\"$t('todo.label')\">\r\n                      <v-select  :options=\"labels\" v-model=\"newItem.label\"/>\r\n                  </b-form-group>\r\n                  <b-form-group :label=\"$t('todo.status')\">\r\n                    <b-form-radio-group stacked class=\"pt-2\" :options=\"statuses\" v-model=\"newItem.status\" />\r\n                  </b-form-group>\r\n                </b-form>\r\n\r\n                  <template slot=\"modal-footer\">\r\n                    <b-button variant=\"outline-secondary\" @click=\"hideModal('modalright')\">{{ $t('todo.cancel') }}</b-button>\r\n                    <b-button variant=\"primary\" @click=\"addNewItem()\" class=\"mr-1\">{{ $t('todo.submit') }}</b-button>\r\n                  </template>\r\n              </b-modal>\r\n\r\n          </div>\r\n          <piaf-breadcrumb/>\r\n        </div>\r\n        <div class=\"mb-2\">\r\n          <b-button variant=\"empty\" class=\"pt-0 pl-0 d-inline-block d-md-none\" v-b-toggle.displayOptions>\r\n            {{ $t('todo.display-options') }} <i class=\"simple-icon-arrow-down align-middle\" />\r\n          </b-button>\r\n          <b-collapse id=\"displayOptions\" class=\"d-md-block\">\r\n            <div class=\"d-block d-md-inline-block mb-2\">\r\n              <b-dropdown id=\"ddown1\" :text=\"`${$t('todo.orderby')} ${sort.label}`\" variant=\"outline-dark\" class=\"mr-1 float-md-left btn-group \" size=\"xs\">\r\n                  <b-dropdown-item v-for=\"(order,index) in sortOptions\" :key=\"`order${index}`\" @click=\"changeOrderBy(order)\" >{{ order.label }}</b-dropdown-item>\r\n              </b-dropdown>\r\n              <div class=\"search-sm d-inline-block float-md-left mr-1 align-top\">\r\n                <b-input :placeholder=\"$t('menu.search')\" v-model=\"search\"/>\r\n              </div>\r\n            </div>\r\n          </b-collapse>\r\n        </div>\r\n        <div class=\"separator mb-5\"/>\r\n\r\n        <b-row v-if=\"isLoad\" key=\"itemList\">\r\n            <b-colxx xxs=\"12\" v-for=\"(item,index) in items\" :key=\"`item${index}`\">\r\n              <todo-list-item\r\n                  :key=\"item.id\"\r\n                  :data=\"item\"\r\n                  :selected-items=\"selectedItems\"\r\n                  @toggle-item=\"toggleItem\"\r\n                  v-contextmenu:contextmenu\r\n                />\r\n            </b-colxx>\r\n        </b-row>\r\n        <div v-else class=\"loading\" key=\"itemLoading\"></div>\r\n      </b-colxx>\r\n    </b-row>\r\n    <v-contextmenu ref=\"contextmenu\" @contextmenu=\"handleContextmenu\">\r\n      <v-contextmenu-item @click=\"onContextCopy()\"><i class=\"simple-icon-docs\" /> <span>Copy</span></v-contextmenu-item>\r\n      <v-contextmenu-item @click=\"onContextArchive()\"><i class=\"simple-icon-drawer\" /> <span>Move to archive</span></v-contextmenu-item>\r\n      <v-contextmenu-item @click=\"onContextDelete()\"><i class=\"simple-icon-trash\" /> <span>Delete</span></v-contextmenu-item>\r\n    </v-contextmenu>\r\n\r\n    <application-menu>\r\n      <vue-perfect-scrollbar :settings=\"{ suppressScrollX: true, wheelPropagation: false }\"  >\r\n        <div class=\"p-4\" >\r\n          <p class=\"text-muted text-small mb-3\">{{$t('todo.status')}}</p>\r\n          <ul class=\"list-unstyled mb-4\">\r\n            <li class=\"nav-item\"><a href=\"#\" >\r\n                 <i class=\"simple-icon-reload\" />{{$t('todo.all-tasks')}} <span class=\"float-right\" v-if=\"isLoad\">{{items.length}}</span>\r\n              </a></li>\r\n            <li class=\"nav-item\"><a href=\"#\" >\r\n                 <i class=\"simple-icon-refresh\" />{{$t('todo.pending-tasks')}} <span class=\"float-right\" v-if=\"isLoad\">{{items.filter(x => x.status === \"PENDING\").length}}</span>\r\n              </a></li>\r\n            <li class=\"nav-item\"><a href=\"#\" >\r\n                 <i class=\"simple-icon-check\" />{{$t('todo.completed-tasks')}} <span class=\"float-right\" v-if=\"isLoad\">{{items.filter(x => x.status === \"COMPLETED\").length}}</span>\r\n              </a></li>\r\n          </ul>\r\n            <p class=\"text-muted text-small mb-1\">{{$t('todo.categories')}}</p>\r\n            <ul class=\"list-unstyled mb-4\">\r\n              <b-form-radio-group stacked class=\"pt-2\" :options=\"categories.map((c)=> {return {text:c.label,value:c.value}})\"  />\r\n            </ul>\r\n             <p class=\"text-muted text-small mb-3\">{{$t('todo.labels')}}</p>\r\n            <div>\r\n              <p class=\"d-sm-inline-block mb-1\" v-for=\"(l,index) in labels\" :key=\"index\">\r\n                <a href=\"#\">\r\n                  <b-badge pill :variant=\"`outline-${l.color}`\" class=\"mb-1 mr-1\">{{l.label}}</b-badge>\r\n                </a>\r\n              </p>\r\n            </div>\r\n        </div>\r\n\r\n      </vue-perfect-scrollbar>\r\n    </application-menu>\r\n  </div>\r\n</template>\r\n<script>\r\nimport { mapGetters, mapMutations, mapActions } from 'vuex'\r\n\r\nimport vSelect from 'vue-select'\r\nimport TodoListItem from '@/components/TodoApp/TodoListItem'\r\nimport ApplicationMenu from '@/components/Common/ApplicationMenu'\r\n\r\nexport default {\r\n  components: {\r\n    vSelect,\r\n    TodoListItem,\r\n    ApplicationMenu\r\n  },\r\n  data () {\r\n    return {\r\n      sort: { column: 'title', label: 'Title' },\r\n      sortOptions: [\r\n        { column: 'title', label: 'Title' },\r\n        { column: 'category', label: 'Category' },\r\n        { column: 'label', label: 'Label' },\r\n        { column: 'status', label: 'Status' }\r\n      ],\r\n      search: '',\r\n      selectedItems: [],\r\n      categories: [\r\n        { label: 'Flexbox', value: 'Flexbox' },\r\n        { label: 'Sass', value: 'Sass' },\r\n        { label: 'Vue', value: 'Vue' },\r\n        { label: 'React', value: 'React' }\r\n      ],\r\n      labels: [\r\n        { label: 'EDUCATION', value: 'EDUCATION', color: 'secondary' },\r\n        { label: 'NEW FRAMEWORK', value: 'NEW FRAMEWORK', color: 'primary' },\r\n        { label: 'PERSONAL', value: 'PERSONAL', color: 'info' }\r\n      ],\r\n      statuses: [\r\n        { text: 'PENDING', value: 'PENDING' },\r\n        { text: 'COMPLETED', value: 'COMPLETED' }\r\n      ],\r\n      newItem: {\r\n        title: '',\r\n        category: '',\r\n        detail: '',\r\n        label: '',\r\n        status: ''\r\n      }\r\n\r\n    }\r\n  },\r\n  computed: {\r\n    ...mapGetters(['isLoad', 'items', 'todoError'])\r\n  },\r\n  methods: {\r\n    ...mapActions(['getTodoItems']),\r\n    ...mapMutations(['addTodoItem']),\r\n    isSelectedAll () {\r\n      return this.selectedItems.length >= this.items.length\r\n    },\r\n    isAnyItemSelected () {\r\n      return this.selectedItems.length > 0 && this.selectedItems.length < this.items.length\r\n    },\r\n    hideModal (refname) {\r\n      this.$refs[refname].hide()\r\n    },\r\n    changeOrderBy (sort) {\r\n      this.sort = sort\r\n    },\r\n    addNewItem () {\r\n      const date = new Date()\r\n      this.addTodoItem({ title: this.newItem.title,\r\n        detail: this.newItem.detail,\r\n        category: this.newItem.category.value,\r\n        label: this.newItem.label.value,\r\n        status: this.newItem.status,\r\n        date: date.getDay() + '.' + date.getMonth() + 1 + '.' + date.getFullYear(),\r\n        labelColor: this.newItem.label.color\r\n      })\r\n      this.newItem = { title: '', category: '', detail: '', label: '', status: '' }\r\n      this.hideModal('modalright')\r\n    },\r\n    selectAll (isToggle) {\r\n      if (this.selectedItems.length >= this.items.length) {\r\n        if (isToggle) { this.selectedItems = [] }\r\n      } else {\r\n        this.selectedItems = this.items.map(x => x.id)\r\n      }\r\n    },\r\n    keymap (event) {\r\n      switch (event.srcKey) {\r\n        case 'select':\r\n          this.selectAll(false)\r\n          break\r\n        case 'undo':\r\n          this.selectedItems = []\r\n          break\r\n      }\r\n    },\r\n    getIndex (value, arr, prop) {\r\n      for (var i = 0; i < arr.length; i++) {\r\n        if (arr[i][prop] === value) {\r\n          return i\r\n        }\r\n      }\r\n      return -1\r\n    },\r\n    toggleItem (event, itemId) {\r\n      if (event.shiftKey && this.selectedItems.length > 0) {\r\n        let itemsForToggle = this.items\r\n        var start = this.getIndex(itemId, itemsForToggle, 'id')\r\n        var end = this.getIndex(this.selectedItems[this.selectedItems.length - 1], itemsForToggle, 'id')\r\n        itemsForToggle = itemsForToggle.slice(Math.min(start, end), Math.max(start, end) + 1)\r\n        this.selectedItems.push(\r\n          ...itemsForToggle.map(item => {\r\n            return item.id\r\n          })\r\n        )\r\n      } else {\r\n        if (this.selectedItems.includes(itemId)) {\r\n          this.selectedItems = this.selectedItems.filter(x => x !== itemId)\r\n        } else { this.selectedItems.push(itemId) }\r\n      }\r\n    },\r\n    handleContextmenu (vnode) {\r\n      if (!this.selectedItems.includes(vnode.key)) {\r\n        this.selectedItems = [vnode.key]\r\n      }\r\n    },\r\n    onContextCopy () {\r\n      console.log('context menu item clicked - Copy Items: ', this.selectedItems)\r\n    },\r\n    onContextArchive () {\r\n      console.log('context menu item clicked - Move to Archive Items: ', this.selectedItems)\r\n    },\r\n    onContextDelete () {\r\n      console.log('context menu item clicked - Delete Items: ', this.selectedItems)\r\n    }\r\n  },\r\n  mounted () {\r\n    this.getTodoItems()\r\n  }\r\n}\r\n</script>\r\n","import mod from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Todo.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Todo.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Todo.vue?vue&type=template&id=7ea2abe1&\"\nimport script from \"./Todo.vue?vue&type=script&lang=js&\"\nexport * from \"./Todo.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:{'app-menu':true, 'shown' : _vm.isOpen},on:{\"mouseenter\":function($event){_vm.isMenuOver=true},\"mouseleave\":function($event){_vm.isMenuOver=false}}},[_vm._t(\"default\"),_vm._v(\" \"),_c('a',{staticClass:\"app-menu-button d-inline-block d-xl-none\",on:{\"click\":function($event){$event.preventDefault();return _vm.toggle.apply(null, arguments)}}},[_c('i',{staticClass:\"simple-icon-refresh\"})])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div :class=\"{'app-menu':true, 'shown' : isOpen}\"  @mouseenter=\"isMenuOver=true\" @mouseleave=\"isMenuOver=false\">\r\n    <slot></slot>\r\n    <a class=\"app-menu-button d-inline-block d-xl-none\" @click.prevent=\"toggle\"><i class=\"simple-icon-refresh\"/></a>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data () {\r\n    return {\r\n      isOpen: false,\r\n      isMenuOver: false\r\n    }\r\n  },\r\n  methods: {\r\n    addEvents () {\r\n      document.addEventListener('click', this.handleDocumentClick)\r\n      document.addEventListener('touchstart', this.handleDocumentClick)\r\n    },\r\n    removeEvents () {\r\n      document.removeEventListener('click', this.handleDocumentClick)\r\n      document.removeEventListener('touchstart', this.handleDocumentClick)\r\n    },\r\n    handleDocumentClick (e) {\r\n      if (!this.isMenuOver) {\r\n        this.toggle()\r\n      }\r\n    },\r\n    toggle () {\r\n      this.isOpen = !this.isOpen\r\n    }\r\n  },\r\n  watch: {\r\n    isOpen (val) {\r\n      if (val) {\r\n        this.addEvents()\r\n      } else {\r\n        this.removeEvents()\r\n      }\r\n    }\r\n  },\r\n  beforeDestroy () {\r\n    this.removeEvents()\r\n  }\r\n}\r\n</script>\r\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ApplicationMenu.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ApplicationMenu.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ApplicationMenu.vue?vue&type=template&id=513301cd&\"\nimport script from \"./ApplicationMenu.vue?vue&type=script&lang=js&\"\nexport * from \"./ApplicationMenu.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('router-view')}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=0a6a13c1&\"\nvar script = {}\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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('b-row',{staticClass:\"app-row\"},[_c('b-colxx',{staticClass:\"chat-app\",attrs:{\"xxs\":\"12\"}},[(_vm.isLoadContacts && _vm.isLoadConversations && _vm.otherUser!=null)?_c('conversation-detail',{key:\"conversation\",attrs:{\"current-user\":_vm.currentUser,\"other-user\":_vm.otherUser,\"messages\":_vm.conversationMessages}}):_c('div',{key:\"conversationLoading\",staticClass:\"loading\"})],1)],1),_vm._v(\" \"),_c('div',{staticClass:\"chat-input-container d-flex justify-content-between align-items-center\"},[_c('b-input',{staticClass:\"flex-grow-1\",attrs:{\"type\":\"text\",\"placeholder\":_vm.$t('chat.saysomething')},nativeOn:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\")){ return null; }return _vm.sendMessage.apply(null, arguments)}},model:{value:(_vm.message),callback:function ($$v) {_vm.message=$$v},expression:\"message\"}}),_vm._v(\" \"),_c('div',[_c('b-button',{staticClass:\"icon-button large ml-1\",attrs:{\"variant\":\"outline-primary\"}},[_c('i',{staticClass:\"simple-icon-paper-clip\"})]),_vm._v(\" \"),_c('b-button',{staticClass:\"icon-button large ml-1\",attrs:{\"variant\":\"primary\"},on:{\"click\":_vm.sendMessage}},[_c('i',{staticClass:\"simple-icon-arrow-right\"})])],1)],1),_vm._v(\" \"),_c('application-menu',[_c('b-tabs',{staticClass:\"pl-0 pr-0 h-100\",attrs:{\"no-fade\":\"\",\"content-class\":\"chat-app-tab-content\",\"nav-class\":\"card-header-tabs ml-0 mr-0\"},model:{value:(_vm.tabIndex),callback:function ($$v) {_vm.tabIndex=$$v},expression:\"tabIndex\"}},[_c('b-tab',{staticClass:\"chat-app-tab-pane\",attrs:{\"title\":_vm.$t('chat.messages'),\"active\":\"\",\"title-item-class\":\"w-50 text-center\",\"no-body\":\"\"}},[_c('div',{staticClass:\"pt-4 pr-4 pl-4 pb-0 mt-2\"}),_vm._v(\" \"),(_vm.isLoadContacts && _vm.isLoadConversations)?_c('conversation-list',{key:\"conversationList\",attrs:{\"current-user\":_vm.currentUser,\"conversations\":_vm.conversations,\"contacts\":_vm.contacts},on:{\"select-conversation\":_vm.selectConversation}}):_c('div',{key:\"conversationListLoading\",staticClass:\"loading\"})],1),_vm._v(\" \"),_c('b-tab',{staticClass:\"chat-app-tab-pane\",attrs:{\"title\":_vm.$t('chat.contacts'),\"title-item-class\":\"w-50 text-center\",\"no-body\":\"\"}},[_c('div',{staticClass:\"pt-4 pr-4 pl-4 pb-0 mt-2\"},[_c('div',{staticClass:\"form-group\"},[_c('b-input',{staticClass:\"rounded\",attrs:{\"type\":\"text\",\"placeholder\":_vm.$t('menu.search')},model:{value:(_vm.searchKey),callback:function ($$v) {_vm.searchKey=$$v},expression:\"searchKey\"}})],1)]),_vm._v(\" \"),(_vm.isLoadContacts)?_c('contact-list',{key:\"contactList\",attrs:{\"data\":_vm.contactsSearchResult},on:{\"select-contact\":_vm.selectContact}}):_c('div',{key:\"contactListLoading\",staticClass:\"loading\"})],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vue-perfect-scrollbar',{attrs:{\"settings\":{ suppressScrollX: true, wheelPropagation: false }}},[_c('div',{staticClass:\"pt-0 pr-4 pl-4 pb-0\"},_vm._l((_vm.data),function(contact,index){return _c('div',{key:(\"contact\" + index),staticClass:\"d-flex flex-row mb-3 border-bottom pb-3\"},[_c('a',{staticClass:\"d-flex\",attrs:{\"href\":\"#\"},on:{\"click\":function($event){$event.preventDefault();return _vm.selectContact(contact.id)}}},[_c('img',{staticClass:\"img-thumbnail border-0 rounded-circle mr-3 list-thumbnail align-self-center xsmall\",attrs:{\"alt\":contact.title,\"src\":contact.img}}),_vm._v(\" \"),_c('div',{staticClass:\"d-flex flex-grow-1 min-width-zero\"},[_c('div',{staticClass:\"pl-0 align-self-center d-flex flex-column flex-lg-row justify-content-between min-width-zero\"},[_c('div',{staticClass:\"min-width-zero\"},[_c('p',{staticClass:\"mb-0 truncate\"},[_vm._v(_vm._s(contact.title))])])])])])])}),0)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <vue-perfect-scrollbar :settings=\"{ suppressScrollX: true, wheelPropagation: false }\"  >\r\n        <div class=\"pt-0 pr-4 pl-4 pb-0\">\r\n            <div class=\"d-flex flex-row mb-3 border-bottom pb-3\" v-for=\"(contact,index) in data\" :key=\"`contact${index}`\">\r\n                <a class=\"d-flex\" href=\"#\" @click.prevent=\"selectContact(contact.id)\">\r\n                <img :alt=\"contact.title\" :src=\"contact.img\" class=\"img-thumbnail border-0 rounded-circle mr-3 list-thumbnail align-self-center xsmall\" />\r\n                <div class=\"d-flex flex-grow-1 min-width-zero\">\r\n                    <div class=\"pl-0 align-self-center d-flex flex-column flex-lg-row justify-content-between min-width-zero\">\r\n                        <div class=\"min-width-zero\">\r\n                            <p class=\" mb-0 truncate\">{{contact.title}}</p>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                </a>\r\n            </div>\r\n        </div>\r\n    </vue-perfect-scrollbar>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  props: ['data'],\r\n  methods: {\r\n    selectContact (userId) {\r\n      this.$emit('select-contact', userId)\r\n    }\r\n  }\r\n}\r\n</script>\r\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ContactList.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ContactList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ContactList.vue?vue&type=template&id=3b8de80a&\"\nimport script from \"./ContactList.vue?vue&type=script&lang=js&\"\nexport * from \"./ContactList.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vue-perfect-scrollbar',{staticClass:\"scroll\",attrs:{\"settings\":{ suppressScrollX: true, wheelPropagation: false }}},[_c('div',{staticClass:\"pt-0 pr-4 pl-4 pb-0\"},_vm._l((_vm.conversations),function(conversation,index){return _c('div',{key:(\"conversation\" + index),staticClass:\"d-flex flex-row mb-1 border-bottom pb-3\"},[_c('a',{staticClass:\"d-flex\",attrs:{\"href\":\"#\"},on:{\"click\":function($event){$event.preventDefault();return _vm.selectConversation(conversation)}}},[_c('img',{staticClass:\"img-thumbnail border-0 rounded-circle mr-3 list-thumbnail align-self-center xsmall\",attrs:{\"alt\":_vm.otherUser(conversation.users).title,\"src\":_vm.otherUser(conversation.users).img}}),_vm._v(\" \"),_c('div',{staticClass:\"d-flex flex-grow-1 min-width-zero\"},[_c('div',{staticClass:\"pl-0 align-self-center d-flex flex-column flex-lg-row justify-content-between min-width-zero\"},[_c('div',{staticClass:\"min-width-zero\"},[_c('p',{staticClass:\"mb-0 truncate\"},[_vm._v(_vm._s(_vm.otherUser(conversation.users).title))]),_vm._v(\" \"),_c('p',{staticClass:\"mb-1 text-muted text-small\"},[_vm._v(_vm._s(conversation.lastMessageTime))])])])])])])}),0)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <vue-perfect-scrollbar\r\n    class=\"scroll\"\r\n    :settings=\"{ suppressScrollX: true, wheelPropagation: false }\"\r\n  >\r\n    <div class=\"pt-0 pr-4 pl-4 pb-0\">\r\n      <div\r\n        class=\"d-flex flex-row mb-1 border-bottom pb-3\"\r\n        v-for=\"(conversation,index) in conversations\"\r\n        :key=\"`conversation${index}`\"\r\n      >\r\n        <a class=\"d-flex\" href=\"#\" @click.prevent=\"selectConversation(conversation)\">\r\n          <img\r\n            :alt=\"otherUser(conversation.users).title\"\r\n            :src=\"otherUser(conversation.users).img\"\r\n            class=\"img-thumbnail border-0 rounded-circle mr-3 list-thumbnail align-self-center xsmall\"\r\n          >\r\n          <div class=\"d-flex flex-grow-1 min-width-zero\">\r\n            <div\r\n              class=\"pl-0 align-self-center d-flex flex-column flex-lg-row justify-content-between min-width-zero\"\r\n            >\r\n              <div class=\"min-width-zero\">\r\n                <p class=\"mb-0 truncate\">{{otherUser(conversation.users).title}}</p>\r\n                <p class=\"mb-1 text-muted text-small\">{{conversation.lastMessageTime}}</p>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </a>\r\n      </div>\r\n    </div>\r\n  </vue-perfect-scrollbar>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  props: ['conversations', 'contacts', 'currentUser'],\r\n  methods: {\r\n    selectConversation (conversation) {\r\n      const otherUser = this.otherUser(conversation.users)\r\n      this.$emit('select-conversation', otherUser, conversation.messages)\r\n    },\r\n    otherUser (users) {\r\n      var otherUserId = users.find(x => x !== this.currentUser.id)\r\n      return this.contacts.find(x => x.id === otherUserId)\r\n    }\r\n  },\r\n  computed: {},\r\n  mounted () {\r\n    this.selectConversation(this.conversations[0])\r\n  }\r\n}\r\n</script>\r\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ConversationList.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ConversationList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ConversationList.vue?vue&type=template&id=4b66dcb6&\"\nimport script from \"./ConversationList.vue?vue&type=script&lang=js&\"\nexport * from \"./ConversationList.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"d-flex flex-row chat-heading\"},[_c('div',{staticClass:\"d-flex\"},[_c('img',{staticClass:\"img-thumbnail border-0 rounded-circle ml-0 mr-4 list-thumbnail align-self-center small\",attrs:{\"alt\":_vm.otherUser.title,\"src\":_vm.otherUser.img}})]),_vm._v(\" \"),_c('div',{staticClass:\"d-flex min-width-zero\"},[_c('div',{staticClass:\"card-body pl-0 align-self-center d-flex flex-column flex-lg-row justify-content-between min-width-zero\"},[_c('div',{staticClass:\"min-width-zero\"},[_c('div',[_c('p',{staticClass:\"list-item-heading mb-1 truncate\"},[_vm._v(_vm._s(_vm.otherUser.title))])]),_vm._v(\" \"),_c('p',{staticClass:\"mb-0 text-muted text-small\"},[_vm._v(_vm._s(_vm.otherUser.date))])])])])]),_vm._v(\" \"),_c('div',{staticClass:\"separator mb-5\"}),_vm._v(\" \"),_c('vue-perfect-scrollbar',{ref:\"chatArea\",staticClass:\"scroll\",attrs:{\"settings\":{ suppressScrollX: true, wheelPropagation: false }}},_vm._l((_vm.messages),function(message,index){return _c('div',{key:(\"message\" + index)},[_c('b-card',{class:{'d-inline-block mb-3' : true, 'float-left':message.sender==_vm.otherUser.id, 'float-right':message.sender==_vm.currentUser.id},attrs:{\"no-body\":\"\"}},[_c('div',{staticClass:\"position-absolute pt-1 pr-2 r-0\"},[_c('span',{staticClass:\"text-extra-small text-muted\"},[_vm._v(_vm._s(message.time))])]),_vm._v(\" \"),_c('b-card-body',[(message.sender==_vm.currentUser.id)?_c('div',{staticClass:\"d-flex flex-row pb-1\"},[_c('img',{staticClass:\"img-thumbnail border-0 rounded-circle mr-3 list-thumbnail align-self-center xsmall\",attrs:{\"alt\":_vm.currentUser.title,\"src\":_vm.currentUser.img}}),_vm._v(\" \"),_c('div',{staticClass:\"d-flex flex-grow-1 min-width-zero\"},[_c('div',{staticClass:\"m-2 pl-0 align-self-center d-flex flex-column flex-lg-row justify-content-between min-width-zero\"},[_c('div',{staticClass:\"min-width-zero\"},[_c('p',{staticClass:\"mb-0 truncate list-item-heading\"},[_vm._v(_vm._s(_vm.currentUser.title))])])])])]):_c('div',{staticClass:\"d-flex flex-row pb-1\"},[_c('img',{staticClass:\"img-thumbnail border-0 rounded-circle mr-3 list-thumbnail align-self-center xsmall\",attrs:{\"alt\":_vm.otherUser.title,\"src\":_vm.otherUser.img}}),_vm._v(\" \"),_c('div',{staticClass:\"d-flex flex-grow-1 min-width-zero\"},[_c('div',{staticClass:\"m-2 pl-0 align-self-center d-flex flex-column flex-lg-row justify-content-between min-width-zero\"},[_c('div',{staticClass:\"min-width-zero\"},[_c('p',{staticClass:\"mb-0 truncate list-item-heading\"},[_vm._v(_vm._s(_vm.otherUser.title))])])])])]),_vm._v(\" \"),_c('div',{staticClass:\"chat-text-left\"},[_c('p',{staticClass:\"mb-0 text-semi-muted\"},[_vm._v(_vm._s(message.text))])])])],1),_vm._v(\" \"),_c('div',{staticClass:\"clearfix\"})],1)}),0)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div class=\"d-flex flex-row chat-heading\">\r\n      <div class=\"d-flex\">\r\n        <img\r\n          :alt=\"otherUser.title\"\r\n          :src=\"otherUser.img\"\r\n          class=\"img-thumbnail border-0 rounded-circle ml-0 mr-4 list-thumbnail align-self-center small\"\r\n        >\r\n      </div>\r\n      <div class=\"d-flex min-width-zero\">\r\n        <div\r\n          class=\"card-body pl-0 align-self-center d-flex flex-column flex-lg-row justify-content-between min-width-zero\"\r\n        >\r\n          <div class=\"min-width-zero\">\r\n            <div>\r\n              <p class=\"list-item-heading mb-1 truncate\">{{otherUser.title}}</p>\r\n            </div>\r\n            <p class=\"mb-0 text-muted text-small\">{{otherUser.date}}</p>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"separator mb-5\"/>\r\n    <vue-perfect-scrollbar\r\n      class=\"scroll\"\r\n      :settings=\"{ suppressScrollX: true, wheelPropagation: false }\"\r\n      ref=\"chatArea\"\r\n    >\r\n      <div v-for=\"(message,index) in messages\" :key=\"`message${index}`\">\r\n        <b-card\r\n          no-body\r\n          :class=\"{'d-inline-block mb-3' : true, 'float-left':message.sender==otherUser.id, 'float-right':message.sender==currentUser.id}\"\r\n        >\r\n          <div class=\"position-absolute pt-1 pr-2 r-0\">\r\n            <span class=\"text-extra-small text-muted\">{{message.time}}</span>\r\n          </div>\r\n          <b-card-body>\r\n            <div class=\"d-flex flex-row pb-1\" v-if=\"message.sender==currentUser.id\">\r\n              <img\r\n                :alt=\"currentUser.title\"\r\n                :src=\"currentUser.img\"\r\n                class=\"img-thumbnail border-0 rounded-circle mr-3 list-thumbnail align-self-center xsmall\"\r\n              >\r\n              <div class=\"d-flex flex-grow-1 min-width-zero\">\r\n                <div\r\n                  class=\"m-2 pl-0 align-self-center d-flex flex-column flex-lg-row justify-content-between min-width-zero\"\r\n                >\r\n                  <div class=\"min-width-zero\">\r\n                    <p class=\"mb-0 truncate list-item-heading\">{{currentUser.title}}</p>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"d-flex flex-row pb-1\" v-else>\r\n              <img\r\n                :alt=\"otherUser.title\"\r\n                :src=\"otherUser.img\"\r\n                class=\"img-thumbnail border-0 rounded-circle mr-3 list-thumbnail align-self-center xsmall\"\r\n              >\r\n              <div class=\"d-flex flex-grow-1 min-width-zero\">\r\n                <div\r\n                  class=\"m-2 pl-0 align-self-center d-flex flex-column flex-lg-row justify-content-between min-width-zero\"\r\n                >\r\n                  <div class=\"min-width-zero\">\r\n                    <p class=\"mb-0 truncate list-item-heading\">{{otherUser.title}}</p>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"chat-text-left\">\r\n              <p class=\"mb-0 text-semi-muted\">{{message.text}}</p>\r\n            </div>\r\n          </b-card-body>\r\n        </b-card>\r\n        <div class=\"clearfix\"/>\r\n      </div>\r\n    </vue-perfect-scrollbar>\r\n  </div>\r\n</template>\r\n<script>\r\nexport default {\r\n  props: ['currentUser', 'otherUser', 'messages'],\r\n  methods: {\r\n    scrollToEnd () {\r\n      setTimeout(() => {\r\n        const container = this.$refs.chatArea.$el\r\n        container.scrollTop = container.scrollHeight\r\n      }, 0)\r\n    }\r\n  },\r\n  mounted () {\r\n    this.scrollToEnd()\r\n  },\r\n  updated () {\r\n    this.scrollToEnd()\r\n  }\r\n}\r\n</script>\r\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ConversationDetail.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ConversationDetail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ConversationDetail.vue?vue&type=template&id=568a7e61&\"\nimport script from \"./ConversationDetail.vue?vue&type=script&lang=js&\"\nexport * from \"./ConversationDetail.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","<template>\r\n<div>\r\n  <b-row class=\"app-row\">\r\n    <b-colxx xxs=\"12\" class=\"chat-app\">\r\n      <conversation-detail v-if=\"isLoadContacts && isLoadConversations && otherUser!=null\" key=\"conversation\"\r\n        :current-user=\"currentUser\"\r\n        :other-user=\"otherUser\"\r\n        :messages=\"conversationMessages\"  />\r\n      <div v-else class=\"loading\" key=\"conversationLoading\"></div>\r\n    </b-colxx>\r\n  </b-row>\r\n  <div class=\"chat-input-container d-flex justify-content-between align-items-center\">\r\n    <b-input class=\"flex-grow-1\" type=\"text\" :placeholder=\"$t('chat.saysomething')\" v-model=\"message\"  @keyup.native.enter=\"sendMessage\" />\r\n    <div>\r\n      <b-button variant=\"outline-primary\" class=\"icon-button large ml-1\">\r\n        <i class=\"simple-icon-paper-clip\" />\r\n      </b-button>\r\n      <b-button variant=\"primary\" class=\"icon-button large ml-1\" @click=\"sendMessage\">\r\n        <i class=\"simple-icon-arrow-right\" />\r\n      </b-button>\r\n    </div>\r\n  </div>\r\n  <application-menu>\r\n      <b-tabs no-fade class=\"pl-0 pr-0 h-100\"  content-class=\"chat-app-tab-content\" nav-class=\"card-header-tabs ml-0 mr-0\" v-model=\"tabIndex\">\r\n          <b-tab :title=\"$t('chat.messages')\" active title-item-class=\"w-50 text-center\" no-body class=\"chat-app-tab-pane\">\r\n            <div class=\"pt-4 pr-4 pl-4 pb-0 mt-2\">\r\n\r\n            </div>\r\n              <conversation-list v-if=\"isLoadContacts && isLoadConversations\" key=\"conversationList\"\r\n              :current-user=\"currentUser\"\r\n              :conversations=\"conversations\"\r\n              :contacts=\"contacts\"\r\n              @select-conversation=\"selectConversation\" />\r\n              <div v-else class=\"loading\" key=\"conversationListLoading\"></div>\r\n          </b-tab>\r\n          <b-tab :title=\"$t('chat.contacts')\" title-item-class=\"w-50 text-center\"  no-body class=\"chat-app-tab-pane\">\r\n            <div class=\"pt-4 pr-4 pl-4 pb-0 mt-2\">\r\n              <div class=\"form-group\">\r\n                <b-input type=\"text\" class=\"rounded\" :placeholder=\"$t('menu.search')\" v-model=\"searchKey\"/>\r\n              </div>\r\n            </div>\r\n              <contact-list v-if=\"isLoadContacts\" key=\"contactList\" :data=\"contactsSearchResult\" @select-contact=\"selectContact\"/>\r\n              <div v-else class=\"loading\" key=\"contactListLoading\"></div>\r\n          </b-tab>\r\n      </b-tabs>\r\n    </application-menu>\r\n  </div>\r\n</template>\r\n<script>\r\nimport { mapGetters, mapActions } from 'vuex'\r\nimport ApplicationMenu from '@/components/Common/ApplicationMenu'\r\nimport ContactList from '@/components/ChatApp/ContactList'\r\nimport ConversationList from '@/components/ChatApp/ConversationList'\r\nimport ConversationDetail from '@/components/ChatApp/ConversationDetail'\r\n\r\nexport default {\r\n  components: {\r\n    ApplicationMenu,\r\n    ContactList,\r\n    ConversationList,\r\n    ConversationDetail\r\n  },\r\n  data () {\r\n    return {\r\n      tabIndex: 0,\r\n      message: '',\r\n      searchKey: '',\r\n      isLoadCurrentConversation: false,\r\n      otherUser: null,\r\n      conversationMessages: null\r\n    }\r\n  },\r\n  computed: {\r\n    ...mapGetters(['currentUser', 'isLoadContacts', 'isLoadConversations', 'error', 'contacts', 'contactsSearchResult', 'conversations'])\r\n  },\r\n  methods: {\r\n    ...mapActions(['getContacts', 'searchContacts', 'getConversations']),\r\n    selectConversation (otherUser, messages) {\r\n      this.otherUser = otherUser\r\n      this.conversationMessages = messages\r\n    },\r\n    selectContact (userId) {\r\n      this.otherUser = this.contacts.find(x => x.id === userId)\r\n      const conversation = this.conversations.find(x => x.users.includes(userId) && x.users.includes(this.currentUser.id))\r\n      if (conversation) {\r\n        console.log('change selected conversation')\r\n        this.conversationMessages = conversation.messages\r\n      } else {\r\n        console.log('create new conversation')\r\n        const date = new Date()\r\n        this.conversations.splice(0, 0, {\r\n          users: [userId, this.currentUser.id],\r\n          messages: [],\r\n          lastMessageTime: date.getHours() + ':' + date.getMinutes()\r\n        })\r\n        this.conversationMessages = []\r\n      }\r\n      this.tabIndex = 0\r\n      this.message = ''\r\n      this.searchKey = ''\r\n    },\r\n    sendMessage () {\r\n      console.log('add message to conversation')\r\n      const date = new Date()\r\n      this.conversationMessages.push({\r\n        sender: this.currentUser.id,\r\n        text: this.message,\r\n        time: date.getHours() + ':' + date.getMinutes()\r\n      })\r\n      this.message = ''\r\n    }\r\n  },\r\n  mounted () {\r\n    this.getContacts({ userId: this.currentUser.id, searchKey: '' })\r\n    this.getConversations(this.currentUser.id)\r\n  },\r\n  watch: {\r\n    searchKey (val, oldVal) {\r\n      this.searchContacts({\r\n        userId: this.currentUser.id,\r\n        searchKey: val\r\n      })\r\n    }\r\n  }\r\n}\r\n</script>\r\n","import mod from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Chat.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Chat.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Chat.vue?vue&type=template&id=24de2070&\"\nimport script from \"./Chat.vue?vue&type=script&lang=js&\"\nexport * from \"./Chat.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"disable-text-selection\"},[_c('b-row',{staticClass:\"app-row survey-app\"},[(_vm.isLoadSurveys)?_c('b-colxx',{key:\"surveyDetail\",attrs:{\"xxs\":\"12\"}},[(_vm.currentSurvey)?_c('h1',[_c('i',{class:{'heading-icon':true,\n                        'simple-icon-check' :_vm.currentSurvey.status === 'COMPLETED',\n                        'simple-icon-refresh' : _vm.currentSurvey.status !== 'COMPLETED'\n                    }}),_vm._v(\" \"),_c('span',{staticClass:\"align-middle d-inline-block pt-1\"},[_vm._v(_vm._s(_vm.currentSurvey.title))])]):_vm._e(),_vm._v(\" \"),_c('div',{staticClass:\"float-sm-right\"},[_c('b-button-group',[_c('b-button',{staticClass:\"flex-grow-1\",attrs:{\"variant\":\"outline-primary\",\"size\":\"lg\"}},[_vm._v(_vm._s(_vm.$t('survey.save')))]),_vm._v(\" \"),_c('b-dropdown',{attrs:{\"right\":\"\",\"variant\":\"outline-primary\",\"toggle-class\":\"pl-4 pr-4\"}},[_c('b-dropdown-item',[_vm._v(_vm._s(_vm.$t('survey.delete')))]),_vm._v(\" \"),_c('b-dropdown-item',[_vm._v(_vm._s(_vm.$t('survey.edit')))])],1)],1)],1),_vm._v(\" \"),_c('piaf-breadcrumb'),_vm._v(\" \"),(_vm.isLoadSurveys)?_c('b-tabs',{key:\"itemList\",attrs:{\"nav-class\":\"separator-tabs ml-0 mb-5\",\"content-class\":\"tab-content\",\"no-fade\":true},model:{value:(_vm.tabIndex),callback:function ($$v) {_vm.tabIndex=$$v},expression:\"tabIndex\"}},[_c('b-tab',{attrs:{\"title\":_vm.$t('survey.details')}},[_c('b-row',[_c('b-colxx',{staticClass:\"mb-4\",attrs:{\"xxs\":\"12\",\"lg\":\"4\"}},[_c('b-card',{staticClass:\"mb-4\",attrs:{\"no-body\":\"\"}},[_c('b-card-body',[_c('p',{staticClass:\"list-item-heading mb-4\"},[_vm._v(_vm._s(_vm.$t('survey.summary')))]),_vm._v(\" \"),_c('p',{staticClass:\"text-muted text-small mb-2\"},[_vm._v(_vm._s(_vm.$t('survey.title')))]),_vm._v(\" \"),_c('p',{staticClass:\"mb-3\"},[_vm._v(_vm._s(_vm.currentSurvey.title))]),_vm._v(\" \"),_c('p',{staticClass:\"text-muted text-small mb-2\"},[_vm._v(_vm._s(_vm.$t('survey.details-lowercase')))]),_vm._v(\" \"),_c('p',{staticClass:\"mb-3\",domProps:{\"innerHTML\":_vm._s(_vm.currentSurvey.detail)}}),_vm._v(\" \"),_c('p',{staticClass:\"text-muted text-small mb-2\"},[_vm._v(_vm._s(_vm.$t('survey.category')))]),_vm._v(\" \"),_c('p',{staticClass:\"mb-3\"},[_vm._v(_vm._s(_vm.currentSurvey.category))]),_vm._v(\" \"),_c('p',{staticClass:\"text-muted text-small mb-2\"},[_vm._v(_vm._s(_vm.$t('survey.label')))]),_vm._v(\" \"),_c('div',[_c('p',{staticClass:\"d-sm-inline-block mb-1\"},[_c('b-badge',{attrs:{\"variant\":_vm.currentSurvey.labelColor,\"pill\":\"\"}},[_vm._v(_vm._s(_vm.currentSurvey.label))])],1),_vm._v(\" \"),_c('p',{staticClass:\"d-sm-inline-block mb-1\"})])])],1)],1),_vm._v(\" \"),_c('b-colxx',{attrs:{\"xxs\":\"12\",\"lg\":\"8\"}},[_c('div',{staticClass:\"sortable-survey\"},[_c('draggable',{staticClass:\"list-unstyled mb-4\",attrs:{\"type\":\"ul\",\"options\":{handle:'.drag'}}},_vm._l((_vm.currentSurvey.questions),function(question,index){return _c('question-builder',{key:(\"question_\" + index),staticClass:\"drag\",attrs:{\"data\":question,\"sort\":index+1}})}),1)],1),_vm._v(\" \"),_c('div',{staticClass:\"text-center\"},[_c('b-button',{staticClass:\"mt-3\",attrs:{\"variant\":\"outline-primary\"},on:{\"click\":_vm.addQuestion}},[_c('i',{staticClass:\"simple-icon-plus btn-group-icon\"}),_vm._v(\" \"+_vm._s(_vm.$t('survey.add-question')))])],1)])],1)],1),_vm._v(\" \"),_c('b-tab',{attrs:{\"title\":_vm.$t('survey.results')}},[_c('b-row',[_c('b-colxx',{attrs:{\"xxs\":\"12\",\"lg\":\"4\"}},[_c('b-card',{staticClass:\"mb-4\",attrs:{\"no-body\":\"\"}},[_c('b-card-body',[_c('p',{staticClass:\"list-item-heading mb-4\"},[_vm._v(_vm._s(_vm.$t('survey.quota')))]),_vm._v(\" \"),_c('div',{staticClass:\"mb-4\"},[_c('p',{staticClass:\"mb-2\"},[_vm._v(\"Gender\")]),_vm._v(\" \"),_c('b-progress',{staticClass:\"mb-3\"},[_c('b-progress-bar',{attrs:{\"value\":60,\"variant\":\"theme-1\"}}),_vm._v(\" \"),_c('b-progress-bar',{attrs:{\"value\":40,\"variant\":\"theme-2\"}})],1),_vm._v(\" \"),_c('table',{staticClass:\"table table-sm table-borderless\"},[_c('tbody',[_c('tr',[_c('td',{staticClass:\"p-0 pb-1 w-10\"},[_c('span',{staticClass:\"log-indicator border-theme-1 align-middle\"})]),_vm._v(\" \"),_c('td',{staticClass:\"p-0 pb-1\"},[_c('span',{staticClass:\"font-weight-medium text-muted text-small\"},[_vm._v(\"105/125 Male\")])])]),_vm._v(\" \"),_c('tr',[_c('td',{staticClass:\"p-0 pb-1 w-10\"},[_c('span',{staticClass:\"log-indicator border-theme-2 align-middle\"})]),_vm._v(\" \"),_c('td',{staticClass:\"p-0 pb-1\"},[_c('span',{staticClass:\"font-weight-medium text-muted text-small\"},[_vm._v(\"90/125 Female\")])])])])])],1),_vm._v(\" \"),_c('div',{staticClass:\"mb-4\"},[_c('p',{staticClass:\"mb-2\"},[_vm._v(\"Education\")]),_vm._v(\" \"),_c('b-progress',{staticClass:\"mb-3\"},[_c('b-progress-bar',{attrs:{\"value\":80,\"variant\":\"theme-1\"}}),_vm._v(\" \"),_c('b-progress-bar',{attrs:{\"value\":20,\"variant\":\"theme-2\"}})],1),_vm._v(\" \"),_c('table',{staticClass:\"table table-sm table-borderless\"},[_c('tbody',[_c('tr',[_c('td',{staticClass:\"p-0 pb-1 w-10\"},[_c('span',{staticClass:\"log-indicator border-theme-1 align-middle\"})]),_vm._v(\" \"),_c('td',{staticClass:\"p-0 pb-1\"},[_c('span',{staticClass:\"font-weight-medium text-muted text-small\"},[_vm._v(\"139/125 College\")])])]),_vm._v(\" \"),_c('tr',[_c('td',{staticClass:\"p-0 pb-1 w-10\"},[_c('span',{staticClass:\"log-indicator border-theme-2 align-middle\"})]),_vm._v(\" \"),_c('td',{staticClass:\"p-0 pb-1\"},[_c('span',{staticClass:\"font-weight-medium text-muted text-small\"},[_vm._v(\"95/125 High School\")])])])])])],1),_vm._v(\" \"),_c('div',{staticClass:\"mb-4\"},[_c('p',{staticClass:\"mb-2\"},[_vm._v(\"Age\")]),_vm._v(\" \"),_c('b-progress',{staticClass:\"mb-3\"},[_c('b-progress-bar',{attrs:{\"value\":35,\"variant\":\"theme-1\"}}),_vm._v(\" \"),_c('b-progress-bar',{attrs:{\"value\":25,\"variant\":\"theme-2\"}}),_vm._v(\" \"),_c('b-progress-bar',{attrs:{\"value\":40,\"variant\":\"theme-3\"}})],1),_vm._v(\" \"),_c('table',{staticClass:\"table table-sm table-borderless\"},[_c('tbody',[_c('tr',[_c('td',{staticClass:\"p-0 pb-1 w-10\"},[_c('span',{staticClass:\"log-indicator border-theme-1 align-middle\"})]),_vm._v(\" \"),_c('td',{staticClass:\"p-0 pb-1\"},[_c('span',{staticClass:\"font-weight-medium text-muted text-small\"},[_vm._v(\"50/75 18-24\")])])]),_vm._v(\" \"),_c('tr',[_c('td',{staticClass:\"p-0 pb-1 w-10\"},[_c('span',{staticClass:\"log-indicator border-theme-2 align-middle\"})]),_vm._v(\" \"),_c('td',{staticClass:\"p-0 pb-1\"},[_c('span',{staticClass:\"font-weight-medium text-muted text-small\"},[_vm._v(\"40/75 24-30\")])])]),_vm._v(\" \"),_c('tr',[_c('td',{staticClass:\"p-0 pb-1 w-10\"},[_c('span',{staticClass:\"log-indicator border-theme-3 align-middle\"})]),_vm._v(\" \"),_c('td',{staticClass:\"p-0 pb-1\"},[_c('span',{staticClass:\"font-weight-medium text-muted text-small\"},[_vm._v(\"60/75 30-40\")])])])])])],1)])],1)],1),_vm._v(\" \"),_c('b-colxx',{attrs:{\"xxs\":\"12\",\"lg\":\"8\"}},[_c('b-card',{staticClass:\"mb-4\",attrs:{\"no-body\":\"\"}},[_c('b-card-body',[_c('h5',{staticClass:\"card-title\"},[_vm._v(\"How old are you?\")]),_vm._v(\" \"),_c('div',{staticClass:\"chart-container\"},[(_vm.tabIndex==1)?_c('doughnut-shadow-chart',{attrs:{\"data\":_vm.ageChartData,\"height\":300}}):_vm._e()],1)])],1),_vm._v(\" \"),_c('b-card',{staticClass:\"mb-4\",attrs:{\"no-body\":\"\"}},[_c('b-card-body',[_c('h5',{staticClass:\"card-title\"},[_vm._v(\"What is your gender?\")]),_vm._v(\" \"),_c('div',{staticClass:\"chart-container\"},[(_vm.tabIndex==1)?_c('doughnut-shadow-chart',{attrs:{\"data\":_vm.genderChartData,\"height\":300}}):_vm._e()],1)])],1),_vm._v(\" \"),_c('b-card',{staticClass:\"mb-4\",attrs:{\"no-body\":\"\"}},[_c('b-card-body',[_c('h5',{staticClass:\"card-title\"},[_vm._v(\"What is your employment status?\")]),_vm._v(\" \"),_c('div',{staticClass:\"chart-container\"},[(_vm.tabIndex==1)?_c('doughnut-shadow-chart',{attrs:{\"data\":_vm.workChartData,\"height\":300}}):_vm._e()],1)])],1),_vm._v(\" \"),_c('b-card',{staticClass:\"mb-4\",attrs:{\"no-body\":\"\"}},[_c('b-card-body',[_c('h5',{staticClass:\"card-title\"},[_vm._v(\"What programming languages do you use?\")]),_vm._v(\" \"),_c('div',{staticClass:\"chart-container\"},[(_vm.tabIndex==1)?_c('doughnut-shadow-chart',{attrs:{\"data\":_vm.codingChartData,\"height\":300}}):_vm._e()],1)])],1)],1)],1)],1)],1):_c('div',{key:\"itemLoading\",staticClass:\"loading\"})],1):_vm._e()],1),_vm._v(\" \"),_c('application-menu',[_c('vue-perfect-scrollbar',{attrs:{\"settings\":{ suppressScrollX: true, wheelPropagation: false }}},[_c('div',{staticClass:\"p-4\"},[_c('p',{staticClass:\"text-muted text-small mb-3\"},[_vm._v(_vm._s(_vm.$t('survey.status')))]),_vm._v(\" \"),_c('ul',{staticClass:\"list-unstyled mb-4\"},[_c('li',{staticClass:\"nav-item\"},[_c('a',{attrs:{\"href\":\"#\"}},[_c('i',{staticClass:\"simple-icon-reload\"}),_vm._v(_vm._s(_vm.$t('survey.all-surveys'))+\" \"),(_vm.isLoadSurveys)?_c('span',{staticClass:\"float-right\"},[_vm._v(_vm._s(_vm.surveyItems.length))]):_vm._e()])]),_vm._v(\" \"),_c('li',{staticClass:\"nav-item\"},[_c('a',{attrs:{\"href\":\"#\"}},[_c('i',{staticClass:\"simple-icon-refresh\"}),_vm._v(_vm._s(_vm.$t('survey.active-surveys'))+\" \"),(_vm.isLoadSurveys)?_c('span',{staticClass:\"float-right\"},[_vm._v(_vm._s(_vm.surveyItems.filter(function (x) { return x.status === \"PENDING\"; }).length))]):_vm._e()])]),_vm._v(\" \"),_c('li',{staticClass:\"nav-item\"},[_c('a',{attrs:{\"href\":\"#\"}},[_c('i',{staticClass:\"simple-icon-check\"}),_vm._v(_vm._s(_vm.$t('survey.completed-surveys'))+\" \"),(_vm.isLoadSurveys)?_c('span',{staticClass:\"float-right\"},[_vm._v(_vm._s(_vm.surveyItems.filter(function (x) { return x.status === \"COMPLETED\"; }).length))]):_vm._e()])])]),_vm._v(\" \"),_c('p',{staticClass:\"text-muted text-small mb-1\"},[_vm._v(_vm._s(_vm.$t('survey.categories')))]),_vm._v(\" \"),_c('ul',{staticClass:\"list-unstyled mb-4\"},[_c('b-form-radio-group',{staticClass:\"pt-2\",attrs:{\"stacked\":\"\",\"options\":_vm.categories.map(function (c){return {text:c.label,value:c.value}})}})],1),_vm._v(\" \"),_c('p',{staticClass:\"text-muted text-small mb-3\"},[_vm._v(_vm._s(_vm.$t('survey.labels')))]),_vm._v(\" \"),_c('div',_vm._l((_vm.labels),function(l,index){return _c('p',{key:index,staticClass:\"d-sm-inline-block mb-1\"},[_c('a',{attrs:{\"href\":\"#\"},on:{\"click\":function($event){$event.preventDefault();}}},[_c('b-badge',{staticClass:\"mb-1 mr-1\",attrs:{\"pill\":\"\",\"variant\":(\"outline-\" + (l.color))}},[_vm._v(_vm._s(l.label))])],1)])}),0)])])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card',{staticClass:\"question d-flex mb-4 edit-quesiton\",attrs:{\"no-body\":\"\"}},[_c('div',{staticClass:\"d-flex flex-grow-1 min-width-zero\"},[_c('div',{staticClass:\"card-body align-self-center d-flex flex-column flex-md-row justify-content-between min-width-zero align-items-md-center\"},[_c('div',{staticClass:\"list-item-heading mb-0 truncate w-80 mb-1 mt-1\"},[_c('span',{staticClass:\"heading-number d-inline-block\"},[_vm._v(_vm._s(_vm.sort))]),_vm._v(_vm._s(_vm.title)+\"\\r\\n            \")])]),_vm._v(\" \"),_c('div',{staticClass:\"custom-control custom-checkbox pl-1 align-self-center pr-4\"},[(_vm.mode=='edit')?_c('b-button',{staticClass:\"icon-button\",attrs:{\"variant\":\"outline-theme-3\"},on:{\"click\":function($event){return _vm.changeMode('preview')}}},[_c('i',{staticClass:\"simple-icon-eye\"})]):_vm._e(),_vm._v(\" \"),(_vm.mode=='preview')?_c('b-button',{staticClass:\"icon-button\",attrs:{\"variant\":\"outline-theme-3\"},on:{\"click\":function($event){return _vm.changeMode('edit')}}},[_c('i',{staticClass:\"simple-icon-pencil\"})]):_vm._e(),_vm._v(\" \"),_c('b-button',{staticClass:\"icon-button rotate-icon-click rotate\",attrs:{\"variant\":\"outline-theme-3\",\"aria-controls\":(\"questionCollapse\" + _vm.sort),\"aria-expanded\":_vm.showDetail ? 'true' : 'false'},on:{\"click\":function($event){_vm.showDetail = !_vm.showDetail}}},[_c('i',{class:{'with-rotate-icon':true,'simple-icon-arrow-down':!_vm.showDetail,'simple-icon-arrow-up':_vm.showDetail}})])],1)]),_vm._v(\" \"),_c('b-collapse',{staticClass:\"question-collapse\",attrs:{\"id\":(\"questionCollapse\" + _vm.sort)},model:{value:(_vm.showDetail),callback:function ($$v) {_vm.showDetail=$$v},expression:\"showDetail\"}},[_c('div',{staticClass:\"card-body pt-0\"},[(_vm.mode=='edit')?_c('div',{key:\"edit\"},[_c('div',{staticClass:\"form-group mb-3\"},[_c('label',[_vm._v(\"Title\")]),_vm._v(\" \"),_c('b-input',{model:{value:(_vm.title),callback:function ($$v) {_vm.title=$$v},expression:\"title\"}})],1),_vm._v(\" \"),_c('div',{staticClass:\"form-group mb-5\"},[_c('label',[_vm._v(\"Question\")]),_vm._v(\" \"),_c('b-input',{model:{value:(_vm.question),callback:function ($$v) {_vm.question=$$v},expression:\"question\"}})],1),_vm._v(\" \"),_c('div',{staticClass:\"separator mb-4\"}),_vm._v(\" \"),_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"d-block\"},[_vm._v(\"Answer Type\")]),_vm._v(\" \"),_c('v-select',{attrs:{\"options\":_vm.questionTypes},scopedSlots:_vm._u([{key:\"option\",fn:function(option){return [_vm._v(\"\\r\\n                            \"+_vm._s(option.label)+\"\\r\\n                        \")]}}],null,false,136478423),model:{value:(_vm.answerType),callback:function ($$v) {_vm.answerType=$$v},expression:\"answerType\"}})],1),_vm._v(\" \"),(_vm.answerType.options)?_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"d-block\"},[_vm._v(\"Answers\")]),_vm._v(\" \"),_c('draggable',{staticClass:\"answers mb-3 sortable\",attrs:{\"type\":\"div\",\"options\":{handle:'.handle'}}},_vm._l((_vm.answers),function(a,index){return _c('div',{key:index,staticClass:\"mb-1 position-relative\"},[_c('b-input',{attrs:{\"value\":a.label}}),_vm._v(\" \"),_c('div',{staticClass:\"input-icons\"},[_c('span',{staticClass:\"badge badge-pill handle pr-0 mr-0\"},[_c('i',{staticClass:\"simple-icon-cursor-move\"})]),_vm._v(\" \"),_c('span',{staticClass:\"badge badge-pill\",on:{\"click\":function($event){return _vm.deleteAnswer(a.value)}}},[_c('i',{staticClass:\"simple-icon-ban\"})])])],1)}),0),_vm._v(\" \"),_c('div',{staticClass:\"text-center\"},[_c('b-button',{staticClass:\"mb-2\",attrs:{\"variant\":\"outline-primary\",\"size\":\"sm\"},on:{\"click\":_vm.addAnswer}},[_c('i',{staticClass:\"simple-icon-plus btn-group-icon\"}),_vm._v(\" Add Answer\")])],1)],1):_vm._e()]):(_vm.mode=='preview')?_c('div',{key:\"preview\"},[_c('label',[_vm._v(_vm._s(_vm.question))]),_vm._v(\" \"),(_vm.answerType.value==0)?_c('b-input',{key:\"text-input-preview\"}):(_vm.answerType.value==1)?_c('v-select',{key:\"single-select-preview\",attrs:{\"options\":_vm.answers}}):(_vm.answerType.value==2)?_c('v-select',{key:\"multiple-select-preview\",attrs:{\"options\":_vm.answers}}):(_vm.answerType.value==3)?_c('b-form-checkbox-group',{key:\"checkbox-preview\",attrs:{\"stacked\":\"\"}},_vm._l((_vm.answers),function(a,index){return _c('b-form-checkbox',{key:(\"ans_\" + index),attrs:{\"value\":a.value}},[_vm._v(_vm._s(a.label))])}),1):(_vm.answerType.value==4)?_c('b-form-radio-group',{key:\"radiobutton-preview\",attrs:{\"stacked\":\"\"}},_vm._l((_vm.answers),function(a,index){return _c('b-form-radio',{key:(\"ans_\" + index),attrs:{\"value\":a.value}},[_vm._v(_vm._s(a.label))])}),1):_vm._e()],1):_vm._e()])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n<b-card class=\"question d-flex mb-4 edit-quesiton\" no-body>\r\n    <div class=\"d-flex flex-grow-1 min-width-zero\" >\r\n        <div class=\"card-body align-self-center d-flex flex-column flex-md-row justify-content-between min-width-zero align-items-md-center\">\r\n            <div class=\"list-item-heading mb-0 truncate w-80 mb-1 mt-1\">\r\n                <span class=\"heading-number d-inline-block\">{{sort}}</span>{{title}}\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"custom-control custom-checkbox pl-1 align-self-center pr-4\">\r\n            <b-button variant=\"outline-theme-3\" class=\"icon-button\" @click=\"changeMode('preview')\"  v-if=\"mode=='edit'\">\r\n                <i class=\"simple-icon-eye\"></i>\r\n            </b-button>\r\n            <b-button variant=\"outline-theme-3\" class=\"icon-button\" @click=\"changeMode('edit')\" v-if=\"mode=='preview'\">\r\n                <i class=\"simple-icon-pencil\"></i>\r\n            </b-button>\r\n\r\n            <b-button variant=\"outline-theme-3\" class=\"icon-button rotate-icon-click rotate\"\r\n                @click=\"showDetail = !showDetail\"\r\n                :aria-controls=\"`questionCollapse${sort}`\"\r\n                :aria-expanded=\"showDetail ? 'true' : 'false'\"\r\n            >\r\n                <i :class=\"{'with-rotate-icon':true,'simple-icon-arrow-down':!showDetail,'simple-icon-arrow-up':showDetail}\"></i>\r\n            </b-button>\r\n        </div>\r\n    </div>\r\n    <b-collapse :id=\"`questionCollapse${sort}`\" class=\"question-collapse\" v-model=\"showDetail\" >\r\n        <div class=\"card-body pt-0\">\r\n            <div v-if=\"mode=='edit'\" key=\"edit\">\r\n                <div class=\"form-group mb-3\">\r\n                    <label>Title</label>\r\n                    <b-input v-model=\"title\"/>\r\n                </div>\r\n                <div class=\"form-group mb-5\">\r\n                    <label>Question</label>\r\n                    <b-input v-model=\"question\"/>\r\n                </div>\r\n\r\n                <div class=\"separator mb-4\"></div>\r\n\r\n                <div class=\"form-group\">\r\n                    <label class=\"d-block\">Answer Type</label>\r\n                    <v-select :options=\"questionTypes\" v-model=\"answerType\">\r\n                        <template slot=\"option\" slot-scope=\"option\">\r\n                            {{ option.label }}\r\n                        </template>\r\n                    </v-select>\r\n                </div>\r\n\r\n                <div class=\"form-group\" v-if=\"answerType.options\">\r\n\r\n                    <label class=\"d-block\">Answers</label>\r\n                    <draggable type=\"div\" class=\"answers mb-3 sortable\" :options=\"{handle:'.handle'}\">\r\n                        <div class=\"mb-1 position-relative\" v-for=\"(a,index) in answers\" :key=\"index\">\r\n                            <b-input :value=\"a.label\"/>\r\n                            <div class=\"input-icons\">\r\n                                <span class=\"badge badge-pill handle pr-0 mr-0\"><i class=\"simple-icon-cursor-move\"/></span>\r\n                                <span class=\"badge badge-pill\" @click=\"deleteAnswer(a.value)\"><i class=\"simple-icon-ban\"/></span>\r\n                            </div>\r\n                        </div>\r\n                    </draggable>\r\n\r\n                    <div class=\"text-center\">\r\n                        <b-button variant=\"outline-primary\" size=\"sm\" class=\"mb-2\" @click=\"addAnswer\"><i class=\"simple-icon-plus btn-group-icon\"/> Add Answer</b-button>\r\n                    </div>\r\n                </div>\r\n\r\n            </div>\r\n            <div  v-else-if=\"mode=='preview'\" key=\"preview\">\r\n                <label>{{question}}</label>\r\n\r\n                <b-input key=\"text-input-preview\" v-if=\"answerType.value==0\"/>\r\n                <v-select :options=\"answers\" key=\"single-select-preview\" v-else-if=\"answerType.value==1\"/>\r\n                <v-select :options=\"answers\" key=\"multiple-select-preview\" v-else-if=\"answerType.value==2\"/>\r\n                <b-form-checkbox-group  stacked key=\"checkbox-preview\" v-else-if=\"answerType.value==3\">\r\n                    <b-form-checkbox :value=\"a.value\" v-for=\"(a,index) in answers\" :key=\"`ans_${index}`\">{{a.label}}</b-form-checkbox>\r\n                </b-form-checkbox-group>\r\n                <b-form-radio-group stacked  key=\"radiobutton-preview\"  v-else-if=\"answerType.value==4\">\r\n                    <b-form-radio  :value=\"a.value\" v-for=\"(a,index) in answers\" :key=\"`ans_${index}`\">{{a.label}}</b-form-radio>\r\n                </b-form-radio-group>\r\n\r\n            </div>\r\n        </div>\r\n    </b-collapse>\r\n</b-card>\r\n</template>\r\n\r\n<script>\r\nimport vSelect from 'vue-select'\r\nimport draggable from 'vuedraggable'\r\n\r\nconst questionTypes = [{ label: 'Text Input', value: 0, options: false },\r\n  { label: 'Single Select', value: 1, options: true },\r\n  { label: 'Multiple Select', value: 2, options: true },\r\n  { label: 'Checkbox', value: 3, options: true },\r\n  { label: 'Radiobutton', value: 4, options: true }]\r\n\r\nexport default {\r\n  props: ['data', 'sort'],\r\n  components: {\r\n    vSelect,\r\n    draggable\r\n  },\r\n  data () {\r\n    return {\r\n      questionTypes,\r\n      mode: 'edit', // edit,\r\n      showDetail: false,\r\n      title: '',\r\n      question: '',\r\n      answers: null,\r\n      answerType: questionTypes[0]\r\n    }\r\n  },\r\n  mounted () {\r\n    this.title = this.data.title\r\n    this.question = this.data.question\r\n    this.answers = this.data.answers\r\n    this.answerType = questionTypes.find(x => x.value === this.data.answerType)\r\n  },\r\n  methods: {\r\n    changeMode (mode) {\r\n      this.mode = mode\r\n      this.showDetail = true\r\n    },\r\n    deleteAnswer (value) {\r\n      this.answers = this.answers.filter(x => x.value !== value)\r\n    },\r\n    addAnswer () {\r\n      this.answers.push({ value: this.answers.length + 1, label: '' })\r\n    }\r\n  },\r\n  watch: {\r\n    showDetail (val) {\r\n      if (!val) {\r\n      }\r\n    }\r\n  }\r\n}\r\n</script>\r\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./QuestionBuilder.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./QuestionBuilder.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./QuestionBuilder.vue?vue&type=template&id=6ee0a2f2&\"\nimport script from \"./QuestionBuilder.vue?vue&type=script&lang=js&\"\nexport * from \"./QuestionBuilder.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","<template>\r\n  <div class=\"disable-text-selection\">\r\n    <b-row class=\"app-row survey-app\" >\r\n      <b-colxx xxs=\"12\" v-if=\"isLoadSurveys\" key=\"surveyDetail\">\r\n          <h1 v-if=\"currentSurvey\" ><i :class=\"{'heading-icon':true,\r\n                          'simple-icon-check' :currentSurvey.status === 'COMPLETED',\r\n                          'simple-icon-refresh' : currentSurvey.status !== 'COMPLETED'\r\n                      }\"/>\r\n            <span class=\"align-middle d-inline-block pt-1\">{{currentSurvey.title}}</span>\r\n          </h1>\r\n          <div class=\"float-sm-right\">\r\n            <b-button-group>\r\n              <b-button variant=\"outline-primary\" size=\"lg\" class=\"flex-grow-1\">{{ $t('survey.save') }}</b-button>\r\n              <b-dropdown   right   variant=\"outline-primary\" toggle-class=\"pl-4 pr-4\">\r\n                <b-dropdown-item>{{$t('survey.delete')}}</b-dropdown-item>\r\n                <b-dropdown-item>{{$t('survey.edit')}}</b-dropdown-item>\r\n              </b-dropdown>\r\n            </b-button-group>\r\n          </div>\r\n          <piaf-breadcrumb/>\r\n          <b-tabs nav-class=\"separator-tabs ml-0 mb-5\" content-class=\"tab-content\" v-model=\"tabIndex\" :no-fade=\"true\"  v-if=\"isLoadSurveys\" key=\"itemList\">\r\n            <b-tab :title=\"$t('survey.details')\" >\r\n              <b-row>\r\n              <b-colxx xxs=\"12\" lg=\"4\" class=\"mb-4\">\r\n                <b-card class=\"mb-4\" no-body>\r\n                    <b-card-body>\r\n                      <p class=\"list-item-heading mb-4\">{{$t('survey.summary')}}</p>\r\n                      <p class=\"text-muted text-small mb-2\">{{$t('survey.title')}}</p>\r\n                      <p class=\"mb-3\">{{currentSurvey.title}}</p>\r\n                      <p class=\"text-muted text-small mb-2\">{{$t('survey.details-lowercase')}}</p>\r\n                      <p class=\"mb-3\" v-html=\"currentSurvey.detail\"/>\r\n                      <p class=\"text-muted text-small mb-2\">{{$t('survey.category')}}</p>\r\n                      <p class=\"mb-3\">{{currentSurvey.category}}</p>\r\n                      <p class=\"text-muted text-small mb-2\">{{$t('survey.label')}}</p>\r\n                      <div>\r\n                        <p class=\"d-sm-inline-block mb-1\">\r\n                          <b-badge :variant=\"currentSurvey.labelColor\" pill>{{currentSurvey.label}}</b-badge>\r\n                        </p>\r\n                        <p class=\"d-sm-inline-block mb-1\" />\r\n                      </div>\r\n                    </b-card-body>\r\n                </b-card>\r\n              </b-colxx>\r\n              <b-colxx xxs=\"12\" lg=\"8\">\r\n                <div class=\"sortable-survey\">\r\n                    <draggable type=\"ul\" class=\"list-unstyled mb-4\" :options=\"{handle:'.drag'}\">\r\n                    <question-builder class=\"drag\" v-for=\"(question,index) in currentSurvey.questions\" :key=\"`question_${index}`\" :data=\"question\" :sort=\"index+1\"/>\r\n                    </draggable>\r\n                </div>\r\n                <div class=\"text-center\">\r\n                      <b-button variant=\"outline-primary\" class=\"mt-3\" @click=\"addQuestion\"><i class=\"simple-icon-plus btn-group-icon\" /> {{$t('survey.add-question')}}</b-button>\r\n                  </div>\r\n              </b-colxx>\r\n              </b-row>\r\n            </b-tab>\r\n            <b-tab :title=\"$t('survey.results')\">\r\n              <b-row>\r\n                <b-colxx xxs=\"12\" lg=\"4\">\r\n                  <b-card class=\"mb-4\" no-body>\r\n                    <b-card-body>\r\n                      <p class=\"list-item-heading mb-4\">{{$t('survey.quota')}}</p>\r\n                      <div class=\"mb-4\">\r\n                          <p class=\"mb-2\">Gender</p>\r\n                          <b-progress class=\"mb-3\" >\r\n                            <b-progress-bar :value=\"60\" variant=\"theme-1\"></b-progress-bar>\r\n                            <b-progress-bar :value=\"40\" variant=\"theme-2\"></b-progress-bar>\r\n                          </b-progress>\r\n\r\n                          <table class=\"table table-sm table-borderless\">\r\n                            <tbody>\r\n                              <tr>\r\n                                <td class=\"p-0 pb-1 w-10\">\r\n                                  <span class=\"log-indicator border-theme-1 align-middle\" />\r\n                                </td>\r\n                                <td class=\"p-0 pb-1\">\r\n                                  <span class=\"font-weight-medium text-muted text-small\">105/125 Male</span>\r\n                                </td>\r\n                              </tr>\r\n                              <tr>\r\n                                <td class=\"p-0 pb-1 w-10\">\r\n                                  <span class=\"log-indicator border-theme-2 align-middle\" />\r\n                                </td>\r\n                                <td class=\"p-0 pb-1\">\r\n                                  <span class=\"font-weight-medium text-muted text-small\">90/125 Female</span>\r\n                                </td>\r\n                              </tr>\r\n                            </tbody>\r\n                          </table>\r\n                        </div>\r\n                        <div class=\"mb-4\">\r\n                          <p class=\"mb-2\">Education</p>\r\n                          <b-progress class=\"mb-3\" >\r\n                            <b-progress-bar :value=\"80\" variant=\"theme-1\"></b-progress-bar>\r\n                            <b-progress-bar :value=\"20\" variant=\"theme-2\"></b-progress-bar>\r\n                          </b-progress>\r\n                          <table class=\"table table-sm table-borderless\">\r\n                            <tbody>\r\n                              <tr>\r\n                                <td class=\"p-0 pb-1 w-10\">\r\n                                  <span class=\"log-indicator border-theme-1 align-middle\" />\r\n                                </td>\r\n                                <td class=\"p-0 pb-1\">\r\n                                  <span class=\"font-weight-medium text-muted text-small\">139/125 College</span>\r\n                                </td>\r\n                              </tr>\r\n                              <tr>\r\n                                <td class=\"p-0 pb-1 w-10\">\r\n                                  <span class=\"log-indicator border-theme-2 align-middle\" />\r\n                                </td>\r\n                                <td class=\"p-0 pb-1\">\r\n                                  <span class=\"font-weight-medium text-muted text-small\">95/125 High School</span>\r\n                                </td>\r\n                              </tr>\r\n                            </tbody>\r\n                          </table>\r\n                        </div>\r\n\r\n                        <div class=\"mb-4\">\r\n                          <p class=\"mb-2\">Age</p>\r\n                          <b-progress class=\"mb-3\" >\r\n                            <b-progress-bar :value=\"35\" variant=\"theme-1\"></b-progress-bar>\r\n                            <b-progress-bar :value=\"25\" variant=\"theme-2\"></b-progress-bar>\r\n                            <b-progress-bar :value=\"40\" variant=\"theme-3\"></b-progress-bar>\r\n                          </b-progress>\r\n                          <table class=\"table table-sm table-borderless\">\r\n                            <tbody>\r\n                              <tr>\r\n                                <td class=\"p-0 pb-1 w-10\">\r\n                                  <span class=\"log-indicator border-theme-1 align-middle\" />\r\n                                </td>\r\n                                <td class=\"p-0 pb-1\">\r\n                                  <span class=\"font-weight-medium text-muted text-small\">50/75 18-24</span>\r\n                                </td>\r\n                              </tr>\r\n                              <tr>\r\n                                <td class=\"p-0 pb-1 w-10\">\r\n                                  <span class=\"log-indicator border-theme-2 align-middle\" />\r\n                                </td>\r\n                                <td class=\"p-0 pb-1\">\r\n                                  <span class=\"font-weight-medium text-muted text-small\">40/75 24-30</span>\r\n                                </td>\r\n                              </tr>\r\n                              <tr>\r\n                                <td class=\"p-0 pb-1 w-10\">\r\n                                  <span class=\"log-indicator border-theme-3 align-middle\" />\r\n                                </td>\r\n                                <td class=\"p-0 pb-1\">\r\n                                  <span class=\"font-weight-medium text-muted text-small\">60/75 30-40</span>\r\n                                </td>\r\n                              </tr>\r\n                            </tbody>\r\n                          </table>\r\n                        </div>\r\n                    </b-card-body>\r\n                  </b-card>\r\n                </b-colxx>\r\n                <b-colxx xxs=\"12\" lg=\"8\">\r\n                  <b-card class=\"mb-4\" no-body>\r\n                    <b-card-body>\r\n                      <h5 class=\"card-title\">How old are you?</h5>\r\n                      <div class=\"chart-container\">\r\n                        <doughnut-shadow-chart v-if=\"tabIndex==1\" :data=\"ageChartData\" :height=\"300\"/>\r\n                      </div>\r\n                    </b-card-body>\r\n                  </b-card>\r\n                  <b-card class=\"mb-4\" no-body>\r\n                    <b-card-body>\r\n                      <h5 class=\"card-title\">What is your gender?</h5>\r\n                      <div class=\"chart-container\">\r\n                        <doughnut-shadow-chart v-if=\"tabIndex==1\" :data=\"genderChartData\" :height=\"300\"/>\r\n                      </div>\r\n                    </b-card-body>\r\n                  </b-card>\r\n                  <b-card class=\"mb-4\" no-body>\r\n                    <b-card-body>\r\n                      <h5 class=\"card-title\">What is your employment status?</h5>\r\n                      <div class=\"chart-container\">\r\n                        <doughnut-shadow-chart v-if=\"tabIndex==1\" :data=\"workChartData\" :height=\"300\"/>\r\n                      </div>\r\n                    </b-card-body>\r\n                  </b-card>\r\n                  <b-card class=\"mb-4\" no-body>\r\n                    <b-card-body>\r\n                      <h5 class=\"card-title\">What programming languages do you use?</h5>\r\n                      <div class=\"chart-container\">\r\n                        <doughnut-shadow-chart v-if=\"tabIndex==1\" :data=\"codingChartData\" :height=\"300\"/>\r\n                      </div>\r\n                    </b-card-body>\r\n                  </b-card>\r\n                </b-colxx>\r\n              </b-row>\r\n            </b-tab>\r\n        </b-tabs>\r\n        <div v-else class=\"loading\" key=\"itemLoading\"></div>\r\n      </b-colxx>\r\n    </b-row>\r\n    <application-menu>\r\n      <vue-perfect-scrollbar :settings=\"{ suppressScrollX: true, wheelPropagation: false }\"  >\r\n        <div class=\"p-4\">\r\n          <p class=\"text-muted text-small mb-3\">{{$t('survey.status')}}</p>\r\n          <ul class=\"list-unstyled mb-4\">\r\n            <li class=\"nav-item\"><a href=\"#\" >\r\n                 <i class=\"simple-icon-reload\" />{{$t('survey.all-surveys')}} <span class=\"float-right\" v-if=\"isLoadSurveys\">{{surveyItems.length}}</span>\r\n              </a></li>\r\n            <li class=\"nav-item\"><a href=\"#\" >\r\n                 <i class=\"simple-icon-refresh\" />{{$t('survey.active-surveys')}} <span class=\"float-right\" v-if=\"isLoadSurveys\">{{surveyItems.filter(x => x.status === \"PENDING\").length}}</span>\r\n              </a></li>\r\n            <li class=\"nav-item\"><a href=\"#\" >\r\n                 <i class=\"simple-icon-check\" />{{$t('survey.completed-surveys')}} <span class=\"float-right\" v-if=\"isLoadSurveys\">{{surveyItems.filter(x => x.status === \"COMPLETED\").length}}</span>\r\n              </a></li>\r\n          </ul>\r\n            <p class=\"text-muted text-small mb-1\">{{$t('survey.categories')}}</p>\r\n            <ul class=\"list-unstyled mb-4\">\r\n              <b-form-radio-group stacked class=\"pt-2\" :options=\"categories.map((c)=> {return {text:c.label,value:c.value}})\"  />\r\n            </ul>\r\n             <p class=\"text-muted text-small mb-3\">{{$t('survey.labels')}}</p>\r\n            <div>\r\n              <p class=\"d-sm-inline-block mb-1\" v-for=\"(l,index) in labels\" :key=\"index\">\r\n                <a href=\"#\" @click.prevent=\"\">\r\n                  <b-badge pill :variant=\"`outline-${l.color}`\" class=\"mb-1 mr-1\">{{l.label}}</b-badge>\r\n                </a>\r\n              </p>\r\n            </div>\r\n        </div>\r\n      </vue-perfect-scrollbar>\r\n    </application-menu>\r\n  </div>\r\n</template>\r\n<script>\r\nimport { mapGetters, mapMutations, mapActions } from 'vuex'\r\nimport DoughnutShadowChart from '@/components/Charts/DoughnutShadow'\r\n\r\nimport draggable from 'vuedraggable'\r\n\r\nimport QuestionBuilder from '@/components/SurveyApp/QuestionBuilder'\r\nimport ApplicationMenu from '@/components/Common/ApplicationMenu'\r\nimport { ThemeColors } from '@/utils'\r\nconst colors = ThemeColors()\r\nexport default {\r\n  components: {\r\n    draggable,\r\n    QuestionBuilder,\r\n    ApplicationMenu,\r\n    DoughnutShadowChart\r\n  },\r\n  data () {\r\n    return {\r\n      categories: [\r\n        { label: 'Development', value: 'Development' },\r\n        { label: 'Workplace', value: 'Workplace' },\r\n        { label: 'Hardware', value: 'Hardware' }\r\n      ],\r\n      labels: [\r\n        { label: 'EDUCATION', value: 'EDUCATION', color: 'secondary' },\r\n        { label: 'NEW FRAMEWORK', value: 'NEW FRAMEWORK', color: 'primary' },\r\n        { label: 'PERSONAL', value: 'PERSONAL', color: 'info' }\r\n      ],\r\n      statuses: [\r\n        { text: 'ACTIVE', value: 'ACTIVE' },\r\n        { text: 'COMPLETED', value: 'COMPLETED' }\r\n      ],\r\n      currentSurvey: null,\r\n      tabIndex: 0,\r\n\r\n      ageChartData: {\r\n        labels: ['12-24', '24-30', '30-40', '40-50', '50-60'],\r\n        datasets: [\r\n          {\r\n            label: '',\r\n            borderColor: [\r\n              colors.themeColor1,\r\n              colors.themeColor2,\r\n              colors.themeColor3,\r\n              colors.themeColor4,\r\n              colors.themeColor5\r\n            ],\r\n            backgroundColor: [\r\n              colors.themeColor1_10,\r\n              colors.themeColor2_10,\r\n              colors.themeColor3_10,\r\n              colors.themeColor4_10,\r\n              colors.themeColor5_10\r\n            ],\r\n            borderWidth: 2,\r\n            data: [15, 25, 20, 30, 14]\r\n          }\r\n        ]\r\n      },\r\n      genderChartData: {\r\n        labels: ['Male', 'Female', 'Other'],\r\n        datasets: [\r\n          {\r\n            label: '',\r\n            borderColor: [\r\n              colors.themeColor1,\r\n              colors.themeColor2,\r\n              colors.themeColor3\r\n            ],\r\n            backgroundColor: [\r\n              colors.themeColor1_10,\r\n              colors.themeColor2_10,\r\n              colors.themeColor3_10\r\n            ],\r\n            borderWidth: 2,\r\n            data: [85, 45, 20]\r\n          }\r\n        ]\r\n      },\r\n      workChartData: {\r\n        labels: [\r\n          'Employed for wages',\r\n          'Self-employed',\r\n          'Looking for work',\r\n          'Retired'\r\n        ],\r\n        datasets: [\r\n          {\r\n            label: '',\r\n            borderColor: [\r\n              colors.themeColor1,\r\n              colors.themeColor2,\r\n              colors.themeColor3,\r\n              colors.themeColor4\r\n            ],\r\n            backgroundColor: [\r\n              colors.themeColor1_10,\r\n              colors.themeColor2_10,\r\n              colors.themeColor3_10,\r\n              colors.themeColor4_10\r\n            ],\r\n            borderWidth: 2,\r\n            data: [15, 25, 20, 8]\r\n          }\r\n        ]\r\n      },\r\n      codingChartData: {\r\n        labels: ['Python', 'JavaScript', 'PHP', 'Java', 'C#'],\r\n        datasets: [\r\n          {\r\n            label: '',\r\n            borderColor: [\r\n              colors.themeColor1,\r\n              colors.themeColor2,\r\n              colors.themeColor3,\r\n              colors.themeColor4,\r\n              colors.themeColor5\r\n            ],\r\n            backgroundColor: [\r\n              colors.themeColor1_10,\r\n              colors.themeColor2_10,\r\n              colors.themeColor3_10,\r\n              colors.themeColor4_10,\r\n              colors.themeColor4_10\r\n            ],\r\n            borderWidth: 2,\r\n            data: [15, 25, 20, 8, 25]\r\n          }\r\n        ]\r\n      }\r\n\r\n    }\r\n  },\r\n  computed: {\r\n    ...mapGetters(['isLoadSurveys', 'surveyItems', 'surveyError'])\r\n  },\r\n  methods: {\r\n    ...mapActions(['getSurveyItems']),\r\n    ...mapMutations(['addSurveyItem']),\r\n    addQuestion () {\r\n      this.currentSurvey.questions.push({\r\n        id: this.currentSurvey.questions.length + 1,\r\n        title: 'New Question',\r\n        question: 'Question',\r\n        answerType: 0,\r\n        answers: [] })\r\n    }\r\n\r\n  },\r\n  mounted () {\r\n    this.getSurveyItems()\r\n  },\r\n  watch: {\r\n    isLoadSurveys (val) {\r\n      if (val === true) {\r\n        this.currentSurvey = this.surveyItems[0]\r\n      }\r\n    }\r\n  }\r\n}\r\n</script>\r\n","import mod from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SurveyDetail.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SurveyDetail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SurveyDetail.vue?vue&type=template&id=1e58cd7b&\"\nimport script from \"./SurveyDetail.vue?vue&type=script&lang=js&\"\nexport * from \"./SurveyDetail.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"disable-text-selection\"},[_c('b-row',{staticClass:\"app-row survey-app\"},[_c('b-colxx',{attrs:{\"xxs\":\"12\"}},[_c('div',{staticClass:\"mb-2\"},[_c('h1',[_vm._v(_vm._s(_vm.$t('menu.survey')))]),_vm._v(\" \"),_c('div',{staticClass:\"float-sm-right\"},[_c('b-button',{directives:[{name:\"b-modal\",rawName:\"v-b-modal.modalright\",modifiers:{\"modalright\":true}}],staticClass:\"top-right-button\",attrs:{\"variant\":\"primary\",\"size\":\"lg\"}},[_vm._v(_vm._s(_vm.$t('survey.add-new')))]),_vm._v(\" \"),(_vm.isLoadSurveys)?_c('b-button-group',[_c('b-dropdown',{staticClass:\"check-button\",attrs:{\"split\":\"\",\"right\":\"\",\"variant\":\"primary\"},on:{\"click\":function($event){return _vm.selectAll(true)}}},[_c('label',{staticClass:\"custom-control custom-checkbox pl-4 mb-0 d-inline-block\",attrs:{\"slot\":\"button-content\"},slot:\"button-content\"},[_c('input',{directives:[{name:\"shortkey\",rawName:\"v-shortkey\",value:({select: ['ctrl','a'], undo: ['ctrl','d']}),expression:\"{select: ['ctrl','a'], undo: ['ctrl','d']}\"}],staticClass:\"custom-control-input\",attrs:{\"type\":\"checkbox\"},domProps:{\"checked\":_vm.isSelectedAll()},on:{\"shortkey\":_vm.keymap}}),_vm._v(\" \"),_c('span',{class:{\n                    'custom-control-label' :true,\n                    'indeterminate' : _vm.isAnyItemSelected()\n                  }})]),_vm._v(\" \"),_c('b-dropdown-item',[_vm._v(_vm._s(_vm.$t('survey.delete')))]),_vm._v(\" \"),_c('b-dropdown-item',[_vm._v(_vm._s(_vm.$t('survey.another-action')))])],1)],1):_vm._e(),_vm._v(\" \"),_c('b-modal',{ref:\"modalright\",staticClass:\"modal-right\",attrs:{\"id\":\"modalright\",\"title\":_vm.$t('survey.add-new-title')}},[_c('b-form',[_c('b-form-group',{attrs:{\"label\":_vm.$t('survey.title')}},[_c('b-form-input',{model:{value:(_vm.newItem.title),callback:function ($$v) {_vm.$set(_vm.newItem, \"title\", $$v)},expression:\"newItem.title\"}})],1),_vm._v(\" \"),_c('b-form-group',{attrs:{\"label\":_vm.$t('todo.detail')}},[_c('b-textarea',{attrs:{\"rows\":2,\"max-rows\":2},model:{value:(_vm.newItem.detail),callback:function ($$v) {_vm.$set(_vm.newItem, \"detail\", $$v)},expression:\"newItem.detail\"}})],1),_vm._v(\" \"),_c('b-form-group',{attrs:{\"label\":_vm.$t('survey.category')}},[_c('v-select',{attrs:{\"options\":_vm.categories},model:{value:(_vm.newItem.category),callback:function ($$v) {_vm.$set(_vm.newItem, \"category\", $$v)},expression:\"newItem.category\"}})],1),_vm._v(\" \"),_c('b-form-group',{attrs:{\"label\":_vm.$t('survey.label')}},[_c('v-select',{attrs:{\"options\":_vm.labels},model:{value:(_vm.newItem.label),callback:function ($$v) {_vm.$set(_vm.newItem, \"label\", $$v)},expression:\"newItem.label\"}})],1),_vm._v(\" \"),_c('b-form-group',{attrs:{\"label\":_vm.$t('survey.status')}},[_c('b-form-radio-group',{staticClass:\"pt-2\",attrs:{\"stacked\":\"\",\"options\":_vm.statuses},model:{value:(_vm.newItem.status),callback:function ($$v) {_vm.$set(_vm.newItem, \"status\", $$v)},expression:\"newItem.status\"}})],1)],1),_vm._v(\" \"),_c('template',{slot:\"modal-footer\"},[_c('b-button',{attrs:{\"variant\":\"outline-secondary\"},on:{\"click\":function($event){return _vm.hideModal('modalright')}}},[_vm._v(_vm._s(_vm.$t('survey.cancel')))]),_vm._v(\" \"),_c('b-button',{staticClass:\"mr-1\",attrs:{\"variant\":\"primary\"},on:{\"click\":function($event){return _vm.addNewItem()}}},[_vm._v(_vm._s(_vm.$t('survey.submit')))])],1)],2)],1),_vm._v(\" \"),_c('piaf-breadcrumb')],1),_vm._v(\" \"),_c('div',{staticClass:\"mb-2\"},[_c('b-button',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.displayOptions\",modifiers:{\"displayOptions\":true}}],staticClass:\"pt-0 pl-0 d-inline-block d-md-none\",attrs:{\"variant\":\"empty\"}},[_vm._v(\"\\n          \"+_vm._s(_vm.$t('survey.display-options'))+\" \"),_c('i',{staticClass:\"simple-icon-arrow-down align-middle\"})]),_vm._v(\" \"),_c('b-collapse',{staticClass:\"d-md-block\",attrs:{\"id\":\"displayOptions\"}},[_c('div',{staticClass:\"d-block d-md-inline-block mb-2\"},[_c('b-dropdown',{staticClass:\"mr-1 float-md-left btn-group\",attrs:{\"id\":\"ddown1\",\"text\":((_vm.$t('survey.orderby')) + \" \" + (_vm.sort.label)),\"variant\":\"outline-dark\",\"size\":\"xs\"}},_vm._l((_vm.sortOptions),function(order,index){return _c('b-dropdown-item',{key:(\"order\" + index),on:{\"click\":function($event){return _vm.changeOrderBy(order)}}},[_vm._v(_vm._s(order.label))])}),1),_vm._v(\" \"),_c('div',{staticClass:\"search-sm d-inline-block float-md-left mr-1 align-top\"},[_c('b-input',{attrs:{\"placeholder\":_vm.$t('menu.search')},model:{value:(_vm.search),callback:function ($$v) {_vm.search=$$v},expression:\"search\"}})],1)],1)])],1),_vm._v(\" \"),_c('div',{staticClass:\"separator mb-5\"}),_vm._v(\" \"),(_vm.isLoadSurveys)?_c('b-row',{key:\"itemList\"},_vm._l((_vm.surveyItems),function(item,index){return _c('b-colxx',{key:(\"item\" + index),attrs:{\"xxs\":\"12\"}},[_c('survey-list-item',{directives:[{name:\"contextmenu\",rawName:\"v-contextmenu:contextmenu\",arg:\"contextmenu\"}],key:item.id,attrs:{\"data\":item,\"selected-items\":_vm.selectedItems},on:{\"toggle-item\":_vm.toggleItem}})],1)}),1):_c('div',{key:\"itemLoading\",staticClass:\"loading\"})],1)],1),_vm._v(\" \"),_c('v-contextmenu',{ref:\"contextmenu\",on:{\"contextmenu\":_vm.handleContextmenu}},[_c('v-contextmenu-item',{on:{\"click\":function($event){return _vm.onContextCopy()}}},[_c('i',{staticClass:\"simple-icon-docs\"}),_vm._v(\" \"),_c('span',[_vm._v(\"Copy\")])]),_vm._v(\" \"),_c('v-contextmenu-item',{on:{\"click\":function($event){return _vm.onContextArchive()}}},[_c('i',{staticClass:\"simple-icon-drawer\"}),_vm._v(\" \"),_c('span',[_vm._v(\"Move to archive\")])]),_vm._v(\" \"),_c('v-contextmenu-item',{on:{\"click\":function($event){return _vm.onContextDelete()}}},[_c('i',{staticClass:\"simple-icon-trash\"}),_vm._v(\" \"),_c('span',[_vm._v(\"Delete\")])])],1),_vm._v(\" \"),_c('application-menu',[_c('vue-perfect-scrollbar',{attrs:{\"settings\":{ suppressScrollX: true, wheelPropagation: false }}},[_c('div',{staticClass:\"p-4\"},[_c('p',{staticClass:\"text-muted text-small mb-3\"},[_vm._v(_vm._s(_vm.$t('survey.status')))]),_vm._v(\" \"),_c('ul',{staticClass:\"list-unstyled mb-4\"},[_c('li',{staticClass:\"nav-item\"},[_c('a',{attrs:{\"href\":\"#\"}},[_c('i',{staticClass:\"simple-icon-reload\"}),_vm._v(_vm._s(_vm.$t('survey.all-surveys'))+\" \"),(_vm.isLoadSurveys)?_c('span',{staticClass:\"float-right\"},[_vm._v(_vm._s(_vm.surveyItems.length))]):_vm._e()])]),_vm._v(\" \"),_c('li',{staticClass:\"nav-item\"},[_c('a',{attrs:{\"href\":\"#\"}},[_c('i',{staticClass:\"simple-icon-refresh\"}),_vm._v(_vm._s(_vm.$t('survey.active-surveys'))+\" \"),(_vm.isLoadSurveys)?_c('span',{staticClass:\"float-right\"},[_vm._v(_vm._s(_vm.surveyItems.filter(function (x) { return x.status === \"PENDING\"; }).length))]):_vm._e()])]),_vm._v(\" \"),_c('li',{staticClass:\"nav-item\"},[_c('a',{attrs:{\"href\":\"#\"}},[_c('i',{staticClass:\"simple-icon-check\"}),_vm._v(_vm._s(_vm.$t('survey.completed-surveys'))+\" \"),(_vm.isLoadSurveys)?_c('span',{staticClass:\"float-right\"},[_vm._v(_vm._s(_vm.surveyItems.filter(function (x) { return x.status === \"COMPLETED\"; }).length))]):_vm._e()])])]),_vm._v(\" \"),_c('p',{staticClass:\"text-muted text-small mb-1\"},[_vm._v(_vm._s(_vm.$t('survey.categories')))]),_vm._v(\" \"),_c('ul',{staticClass:\"list-unstyled mb-4\"},[_c('b-form-radio-group',{staticClass:\"pt-2\",attrs:{\"stacked\":\"\",\"options\":_vm.categories.map(function (c){return {text:c.label,value:c.value}})}})],1),_vm._v(\" \"),_c('p',{staticClass:\"text-muted text-small mb-3\"},[_vm._v(_vm._s(_vm.$t('survey.labels')))]),_vm._v(\" \"),_c('div',_vm._l((_vm.labels),function(l,index){return _c('p',{key:index,staticClass:\"d-sm-inline-block mb-1\"},[_c('a',{attrs:{\"href\":\"#\"}},[_c('b-badge',{staticClass:\"mb-1 mr-1\",attrs:{\"pill\":\"\",\"variant\":(\"outline-\" + (l.color))}},[_vm._v(_vm._s(l.label))])],1)])}),0)])])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card',{class:{'d-flex mb-3':true,'active' : _vm.selectedItems.includes(_vm.data.id)},attrs:{\"no-body\":\"\"},on:{\"click\":function($event){return _vm.toggleItem($event,_vm.data.id)}}},[_c('div',{staticClass:\"d-flex flex-grow-1 min-width-zero\"},[_c('b-card-body',{staticClass:\"align-self-center d-flex flex-column flex-md-row justify-content-between min-width-zero align-items-md-center pb-2\"},[_c('a',{staticClass:\"list-item-heading mb-0 truncate w-40 w-xs-100 mb-1 mt-1\",attrs:{\"href\":(\"/app/applications/survey/\" + (_vm.data.id))}},[_c('i',{class:{'heading-icon':true,\n                            'simple-icon-check' :_vm.data.status === 'COMPLETED',\n                            'simple-icon-refresh' : _vm.data.status !== 'COMPLETED'\n                        }}),_vm._v(\" \"),_c('span',{staticClass:\"align-middle d-inline-block\"},[_vm._v(_vm._s(_vm.data.title))])]),_vm._v(\" \"),_c('p',{staticClass:\"mb-1 text-muted text-small w-15 w-xs-100\"},[_vm._v(_vm._s(_vm.data.category))]),_vm._v(\" \"),_c('p',{staticClass:\"mb-1 text-muted text-small w-15 w-xs-100\"},[_vm._v(_vm._s(_vm.data.date))]),_vm._v(\" \"),_c('div',{staticClass:\"w-15 w-xs-100\"},[_c('b-badge',{attrs:{\"variant\":_vm.data.labelColor,\"pill\":\"\"}},[_vm._v(_vm._s(_vm.data.label))])],1)]),_vm._v(\" \"),_c('div',{staticClass:\"custom-control custom-checkbox pl-1 align-self-center pr-sm-4 pt-sm-4custom-control custom-checkbox pl-1 align-self-md-center align-self-start pr-md-2 pt-4\"},[_c('b-form-checkbox',{staticClass:\"itemCheck mb-0\",attrs:{\"checked\":_vm.selectedItems.includes(_vm.data.id)}})],1)],1),_vm._v(\" \"),_c('div',{staticClass:\"card-body pt-1\"},[_c('p',{staticClass:\"mb-0\",domProps:{\"innerHTML\":_vm._s(_vm.data.detail)}})])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <b-card @click=\"toggleItem($event,data.id)\" :class=\"{'d-flex mb-3':true,'active' : selectedItems.includes(data.id)}\" no-body>\r\n        <div class=\"d-flex flex-grow-1 min-width-zero\">\r\n            <b-card-body class=\"align-self-center d-flex flex-column flex-md-row justify-content-between min-width-zero align-items-md-center pb-2\">\r\n                <a :href=\"`/app/applications/survey/${data.id}`\" class=\"list-item-heading mb-0 truncate w-40 w-xs-100  mb-1 mt-1\" >\r\n                    <i :class=\"{'heading-icon':true,\r\n                                'simple-icon-check' :data.status === 'COMPLETED',\r\n                                'simple-icon-refresh' : data.status !== 'COMPLETED'\r\n                            }\"/>\r\n                    <span class=\"align-middle d-inline-block\">{{data.title}}</span>\r\n                </a>\r\n                <p class=\"mb-1 text-muted text-small w-15 w-xs-100\">{{data.category}}</p>\r\n                <p class=\"mb-1 text-muted text-small w-15 w-xs-100\">{{data.date}}</p>\r\n                <div class=\"w-15 w-xs-100\"><b-badge :variant=\"data.labelColor\" pill>{{data.label}}</b-badge></div>\r\n            </b-card-body>\r\n            <div class=\"custom-control custom-checkbox pl-1 align-self-center pr-sm-4 pt-sm-4custom-control custom-checkbox pl-1 align-self-md-center align-self-start pr-md-2 pt-4\">\r\n                <b-form-checkbox :checked=\"selectedItems.includes(data.id)\" class=\"itemCheck mb-0\"/>\r\n            </div>\r\n        </div>\r\n        <div class=\"card-body pt-1\"><p class=\"mb-0\" v-html=\"data.detail\"></p></div>\r\n    </b-card>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  props: ['data', 'selectedItems'],\r\n  methods: {\r\n    toggleItem (event, itemId) {\r\n      this.$emit('toggle-item', event, itemId)\r\n    }\r\n  }\r\n}\r\n</script>\r\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SurveyListItem.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SurveyListItem.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SurveyListItem.vue?vue&type=template&id=23341ddb&\"\nimport script from \"./SurveyListItem.vue?vue&type=script&lang=js&\"\nexport * from \"./SurveyListItem.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","<template>\r\n  <div class=\"disable-text-selection\">\r\n    <b-row class=\"app-row survey-app\" >\r\n      <b-colxx xxs=\"12\">\r\n        <div class=\"mb-2\">\r\n          <h1>{{ $t('menu.survey') }}</h1>\r\n          <div class=\"float-sm-right\">\r\n            <b-button v-b-modal.modalright variant=\"primary\" size=\"lg\" class=\"top-right-button\">{{ $t('survey.add-new') }}</b-button>\r\n            <b-button-group v-if=\"isLoadSurveys\">\r\n              <b-dropdown  split right @click=\"selectAll(true)\" class=\"check-button\" variant=\"primary\">\r\n                  <label class=\"custom-control custom-checkbox pl-4 mb-0 d-inline-block\" slot=\"button-content\">\r\n                    <input class=\"custom-control-input\" type=\"checkbox\"\r\n                    :checked=\"isSelectedAll()\"\r\n                    v-shortkey=\"{select: ['ctrl','a'], undo: ['ctrl','d']}\" @shortkey=\"keymap\"\r\n                    />\r\n                    <span :class=\"{\r\n                      'custom-control-label' :true,\r\n                      'indeterminate' : isAnyItemSelected()\r\n                    }\"/>\r\n                  </label>\r\n                <b-dropdown-item>{{$t('survey.delete')}}</b-dropdown-item>\r\n                <b-dropdown-item>{{$t('survey.another-action')}}</b-dropdown-item>\r\n              </b-dropdown>\r\n            </b-button-group>\r\n            <b-modal id=\"modalright\" ref=\"modalright\" :title=\"$t('survey.add-new-title')\" class=\"modal-right\">\r\n                <b-form>\r\n                  <b-form-group :label=\"$t('survey.title')\">\r\n                    <b-form-input v-model=\"newItem.title\"  />\r\n                  </b-form-group>\r\n                  <b-form-group  :label=\"$t('todo.detail')\">\r\n                    <b-textarea  v-model=\"newItem.detail\"  :rows=\"2\" :max-rows=\"2\"/>\r\n                  </b-form-group>\r\n                  <b-form-group :label=\"$t('survey.category')\">\r\n                      <v-select  :options=\"categories\" v-model=\"newItem.category\"/>\r\n                  </b-form-group>\r\n                  <b-form-group :label=\"$t('survey.label')\">\r\n                      <v-select  :options=\"labels\" v-model=\"newItem.label\"/>\r\n                  </b-form-group>\r\n                  <b-form-group :label=\"$t('survey.status')\">\r\n                    <b-form-radio-group stacked class=\"pt-2\" :options=\"statuses\" v-model=\"newItem.status\" />\r\n                  </b-form-group>\r\n                </b-form>\r\n\r\n                <template slot=\"modal-footer\">\r\n                  <b-button variant=\"outline-secondary\" @click=\"hideModal('modalright')\">{{ $t('survey.cancel') }}</b-button>\r\n                  <b-button variant=\"primary\" @click=\"addNewItem()\" class=\"mr-1\">{{ $t('survey.submit') }}</b-button>\r\n                </template>\r\n              </b-modal>\r\n\r\n          </div>\r\n          <piaf-breadcrumb/>\r\n        </div>\r\n        <div class=\"mb-2\">\r\n          <b-button variant=\"empty\" class=\"pt-0 pl-0 d-inline-block d-md-none\" v-b-toggle.displayOptions>\r\n            {{ $t('survey.display-options') }} <i class=\"simple-icon-arrow-down align-middle\" />\r\n          </b-button>\r\n          <b-collapse id=\"displayOptions\" class=\"d-md-block\">\r\n            <div class=\"d-block d-md-inline-block mb-2\">\r\n              <b-dropdown id=\"ddown1\" :text=\"`${$t('survey.orderby')} ${sort.label}`\" variant=\"outline-dark\" class=\"mr-1 float-md-left btn-group \" size=\"xs\">\r\n                  <b-dropdown-item v-for=\"(order,index) in sortOptions\" :key=\"`order${index}`\" @click=\"changeOrderBy(order)\" >{{ order.label }}</b-dropdown-item>\r\n              </b-dropdown>\r\n              <div class=\"search-sm d-inline-block float-md-left mr-1 align-top\">\r\n                <b-input :placeholder=\"$t('menu.search')\" v-model=\"search\"/>\r\n              </div>\r\n            </div>\r\n          </b-collapse>\r\n        </div>\r\n        <div class=\"separator mb-5\"/>\r\n\r\n        <b-row v-if=\"isLoadSurveys\" key=\"itemList\">\r\n            <b-colxx xxs=\"12\" v-for=\"(item,index) in surveyItems\" :key=\"`item${index}`\">\r\n              <survey-list-item\r\n                  :key=\"item.id\"\r\n                  :data=\"item\"\r\n                  :selected-items=\"selectedItems\"\r\n                  @toggle-item=\"toggleItem\"\r\n                  v-contextmenu:contextmenu\r\n                />\r\n            </b-colxx>\r\n        </b-row>\r\n        <div v-else class=\"loading\" key=\"itemLoading\"></div>\r\n      </b-colxx>\r\n    </b-row>\r\n    <v-contextmenu ref=\"contextmenu\" @contextmenu=\"handleContextmenu\">\r\n      <v-contextmenu-item @click=\"onContextCopy()\"><i class=\"simple-icon-docs\" /> <span>Copy</span></v-contextmenu-item>\r\n      <v-contextmenu-item @click=\"onContextArchive()\"><i class=\"simple-icon-drawer\" /> <span>Move to archive</span></v-contextmenu-item>\r\n      <v-contextmenu-item @click=\"onContextDelete()\"><i class=\"simple-icon-trash\" /> <span>Delete</span></v-contextmenu-item>\r\n    </v-contextmenu>\r\n\r\n    <application-menu>\r\n      <vue-perfect-scrollbar :settings=\"{ suppressScrollX: true, wheelPropagation: false }\"  >\r\n        <div class=\"p-4\">\r\n          <p class=\"text-muted text-small mb-3\">{{$t('survey.status')}}</p>\r\n          <ul class=\"list-unstyled mb-4\">\r\n            <li class=\"nav-item\"><a href=\"#\" >\r\n                 <i class=\"simple-icon-reload\" />{{$t('survey.all-surveys')}} <span class=\"float-right\" v-if=\"isLoadSurveys\">{{surveyItems.length}}</span>\r\n              </a></li>\r\n            <li class=\"nav-item\"><a href=\"#\" >\r\n                 <i class=\"simple-icon-refresh\" />{{$t('survey.active-surveys')}} <span class=\"float-right\" v-if=\"isLoadSurveys\">{{surveyItems.filter(x => x.status === \"PENDING\").length}}</span>\r\n              </a></li>\r\n            <li class=\"nav-item\"><a href=\"#\" >\r\n                 <i class=\"simple-icon-check\" />{{$t('survey.completed-surveys')}} <span class=\"float-right\" v-if=\"isLoadSurveys\">{{surveyItems.filter(x => x.status === \"COMPLETED\").length}}</span>\r\n              </a></li>\r\n          </ul>\r\n            <p class=\"text-muted text-small mb-1\">{{$t('survey.categories')}}</p>\r\n            <ul class=\"list-unstyled mb-4\">\r\n              <b-form-radio-group stacked class=\"pt-2\" :options=\"categories.map((c)=> {return {text:c.label,value:c.value}})\"  />\r\n            </ul>\r\n             <p class=\"text-muted text-small mb-3\">{{$t('survey.labels')}}</p>\r\n            <div>\r\n              <p class=\"d-sm-inline-block mb-1\" v-for=\"(l,index) in labels\" :key=\"index\">\r\n                <a href=\"#\">\r\n                  <b-badge pill :variant=\"`outline-${l.color}`\" class=\"mb-1 mr-1\">{{l.label}}</b-badge>\r\n                </a>\r\n              </p>\r\n            </div>\r\n        </div>\r\n\r\n      </vue-perfect-scrollbar>\r\n    </application-menu>\r\n  </div>\r\n</template>\r\n<script>\r\nimport { mapGetters, mapMutations, mapActions } from 'vuex'\r\n\r\nimport vSelect from 'vue-select'\r\nimport SurveyListItem from '@/components/SurveyApp/SurveyListItem'\r\nimport ApplicationMenu from '@/components/Common/ApplicationMenu'\r\n\r\nexport default {\r\n  components: {\r\n    vSelect,\r\n    SurveyListItem,\r\n    ApplicationMenu\r\n  },\r\n  data () {\r\n    return {\r\n      sort: { column: 'title', label: 'Title' },\r\n      sortOptions: [\r\n        { column: 'title', label: 'Title' },\r\n        { column: 'category', label: 'Category' },\r\n        { column: 'label', label: 'Label' },\r\n        { column: 'status', label: 'Status' }\r\n      ],\r\n      search: '',\r\n      selectedItems: [],\r\n      categories: [\r\n        { label: 'Development', value: 'Development' },\r\n        { label: 'Workplace', value: 'Workplace' },\r\n        { label: 'Hardware', value: 'Hardware' }\r\n      ],\r\n      labels: [\r\n        { label: 'EDUCATION', value: 'EDUCATION', color: 'secondary' },\r\n        { label: 'NEW FRAMEWORK', value: 'NEW FRAMEWORK', color: 'primary' },\r\n        { label: 'PERSONAL', value: 'PERSONAL', color: 'info' }\r\n      ],\r\n      statuses: [\r\n        { text: 'ACTIVE', value: 'ACTIVE' },\r\n        { text: 'COMPLETED', value: 'COMPLETED' }\r\n      ],\r\n      newItem: {\r\n        title: '',\r\n        category: '',\r\n        detail: '',\r\n        label: '',\r\n        status: ''\r\n      }\r\n\r\n    }\r\n  },\r\n  computed: {\r\n    ...mapGetters(['isLoadSurveys', 'surveyItems', 'surveyError'])\r\n  },\r\n  methods: {\r\n    ...mapActions(['getSurveyItems']),\r\n    ...mapMutations(['addSurveyItem']),\r\n    isSelectedAll () {\r\n      return this.selectedItems.length >= this.surveyItems.length\r\n    },\r\n    isAnyItemSelected () {\r\n      return this.selectedItems.length > 0 && this.selectedItems.length < this.surveyItems.length\r\n    },\r\n    hideModal (refname) {\r\n      this.$refs[refname].hide()\r\n    },\r\n    changeOrderBy (sort) {\r\n      this.sort = sort\r\n    },\r\n    addNewItem () {\r\n      const date = new Date()\r\n      this.addSurveyItem({ title: this.newItem.title,\r\n        category: this.newItem.category.value,\r\n        detail: this.newItem.detail,\r\n        label: this.newItem.label.value,\r\n        status: this.newItem.status,\r\n        date: date.getDay() + '.' + date.getMonth() + 1 + '.' + date.getFullYear(),\r\n        labelColor: this.newItem.label.color,\r\n        questions: []\r\n      })\r\n      this.newItem = { title: '', category: '', detail: '', label: '', status: '' }\r\n      this.hideModal('modalright')\r\n    },\r\n    selectAll (isToggle) {\r\n      if (this.selectedItems.length >= this.surveyItems.length) {\r\n        if (isToggle) { this.selectedItems = [] }\r\n      } else {\r\n        this.selectedItems = this.surveyItems.map(x => x.id)\r\n      }\r\n    },\r\n    keymap (event) {\r\n      switch (event.srcKey) {\r\n        case 'select':\r\n          this.selectAll(false)\r\n          break\r\n        case 'undo':\r\n          this.selectedItems = []\r\n          break\r\n      }\r\n    },\r\n    getIndex (value, arr, prop) {\r\n      for (var i = 0; i < arr.length; i++) {\r\n        if (arr[i][prop] === value) {\r\n          return i\r\n        }\r\n      }\r\n      return -1\r\n    },\r\n    toggleItem (event, itemId) {\r\n      if (event.shiftKey && this.selectedItems.length > 0) {\r\n        let itemsForToggle = this.surveyItems\r\n        var start = this.getIndex(itemId, itemsForToggle, 'id')\r\n        var end = this.getIndex(this.selectedItems[this.selectedItems.length - 1], itemsForToggle, 'id')\r\n        itemsForToggle = itemsForToggle.slice(Math.min(start, end), Math.max(start, end) + 1)\r\n        this.selectedItems.push(\r\n          ...itemsForToggle.map(item => {\r\n            return item.id\r\n          })\r\n        )\r\n      } else {\r\n        if (this.selectedItems.includes(itemId)) {\r\n          this.selectedItems = this.selectedItems.filter(x => x !== itemId)\r\n        } else { this.selectedItems.push(itemId) }\r\n      }\r\n    },\r\n    handleContextmenu (vnode) {\r\n      if (!this.selectedItems.includes(vnode.key)) {\r\n        this.selectedItems = [vnode.key]\r\n      }\r\n    },\r\n    onContextCopy () {\r\n      console.log('context menu item clicked - Copy Items: ', this.selectedItems)\r\n    },\r\n    onContextArchive () {\r\n      console.log('context menu item clicked - Move to Archive Items: ', this.selectedItems)\r\n    },\r\n    onContextDelete () {\r\n      console.log('context menu item clicked - Delete Items: ', this.selectedItems)\r\n    }\r\n  },\r\n  mounted () {\r\n    this.getSurveyItems()\r\n  }\r\n}\r\n</script>\r\n","import mod from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Survey.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Survey.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Survey.vue?vue&type=template&id=1ee94f4c&\"\nimport script from \"./Survey.vue?vue&type=script&lang=js&\"\nexport * from \"./Survey.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"],"sourceRoot":""}