{"version":3,"sources":["webpack:///src/components/EditQuestionnaireClients.vue","webpack:///./src/components/EditQuestionnaireClients.vue?9038","webpack:///./src/components/EditQuestionnaireClients.vue","webpack:///./src/components/EditQuestionnaireClients.vue?3ea7","webpack:///./src/components/EditQuestionnaireClients.vue?f031"],"names":["name","props","data","input","assignedClients","institutionId","customToolbar","activetab","listSize","selectedAssignedClients","selectedUnassignedClients","clientsMap","mounted","watch","clients","handler","deep","computed","unassignedClients","methods","getInstitutionClients","_context","listName","_this2","buildMembership","users","moveRight","moveLeft"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0Ee;EACfA;EACAC;EACAC;IACA;MACAC;QACAC;QACAC;MACA;MACAC;MACAC;MACAC;MACAC;MACAC;MACAC;IACA;EACA;EACAC;IACA;EACA;EACAC;IACAC;MACAC;QACA;MACA;MACAC;IACA;EACA;EACAC;IACAb;MACA;IACA;IACAc;MAAA;MACA;MACA;MACA;QACA;UACAA;QACA;MACA;MAEA;IACA;EACA;EACAC;IACAC;MAAA;QAAA;QAAA;UAAA;YAAA;cAAA;gBAAA,MACA;kBAAAC;kBAAA;gBAAA;gBAAA;cAAA;gBACA;kBACA;oBAAA;sBAAArB;sBAAAsB;oBAAA;kBAAA;kBACA;oBACA;sBACAC;oBACA;kBACA;gBACA;kBACA;kBACA;gBAAA;cACA;cAAA;gBAAA;YAAA;UAAA;QAAA;MAAA;MAAA;QAAA;MAAA;MAAA;IAAA;IAEAC;MACA;QAAAC;MAAA;IACA;IACAC;MAAA;MACA;MACA;MACA;MACA;IACA;IACAC;MAAA;MACA,+DACA;QAAA;MAAA,CACA;MACA;MACA;MACA;IACA;EACA;AACA,CAAC,E;;;;;;;;;;;;ACvJD;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA,eAAe,uBAAuB;AACtC,iBAAiB,0CAA0C,eAAe,EAAE;AAC5E,mBAAmB,qCAAqC,gBAAgB,EAAE;AAC1E,uBAAuB,iCAAiC;AACxD,qBAAqB,yBAAyB;AAC9C;AACA;AACA;AACA;AACA,8BAA8B,gBAAgB;AAC9C,eAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uBAAuB;AACvB;AACA,kCAAkC,gBAAgB;AAClD;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA,2BAA2B;AAC3B;AACA;AACA;AACA,2BAA2B;AAC3B;AACA;AACA;AACA,uBAAuB;AACvB,qBAAqB;AACrB,mBAAmB;AACnB;AACA,yCAAyC,qBAAqB,YAAY,EAAE;AAC5E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mBAAmB;AACnB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS,4CAA4C,eAAe,EAAE;AACtE;AACA;AACA;AACA,aAAa,2CAA2C,oBAAoB,EAAE;AAC9E;AACA,yBAAyB,uBAAuB;AAChD;AACA;AACA;AACA;AACA,yBAAyB,uBAAuB;AAChD,mBAAmB;AACnB,4BAA4B,0CAA0C;AACtE;AACA;AACA,yBAAyB,uBAAuB;AAChD;AACA;AACA;AACA;AACA,yBAAyB,sBAAsB;AAC/C,mBAAmB;AACnB,4BAA4B,yCAAyC;AACrE;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB,2CAA2C,eAAe,EAAE;AAC7E,mBAAmB,qCAAqC,gBAAgB,EAAE;AAC1E;AACA,qBAAqB,yBAAyB;AAC9C;AACA;AACA;AACA;AACA,8BAA8B,gBAAgB;AAC9C,eAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uBAAuB;AACvB;AACA,kCAAkC,gBAAgB;AAClD;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA,2BAA2B;AAC3B;AACA;AACA;AACA,2BAA2B;AAC3B;AACA;AACA;AACA,uBAAuB;AACvB,qBAAqB;AACrB,mBAAmB;AACnB;AACA;AACA,sCAAsC,SAAS,eAAe,EAAE;AAChE;AACA;AACA;AACA;AACA;AACA;AACA,yBAAyB,qBAAqB,YAAY,EAAE;AAC5D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,wBAAwB,iCAAiC;AACzD;AACA;AACA;AACA;AACA;AACA,wBAAwB,wBAAwB;AAChD,SAAS;AACT;AACA;AACA;AACA,GAAG;AACH;AACA;;;;;;;;;;;;;;AClNA;AAAA;AAAA;AAAA;AAAuG;AAC3B;AACL;;;AAGvE;AAC0F;AAC1F,gBAAgB,2GAAU;AAC1B,EAAE,8FAAM;AACR,EAAE,mGAAM;AACR,EAAE,4GAAe;AACjB;AACA;AACA;AACA;;AAEA;;AAEA;AACA,IAAI,KAAU,EAAE,YAiBf;AACD;AACe,gF;;;;;;;;;;;;ACtCf;AAAA;AAAA,wCAAqS,CAAgB,yVAAG,EAAC,C;;;;;;;;;;;;ACAzT;AAAA;AAAA;AAAA;AAAA;AAAA","file":"9.d9f83a138050827a981d.js","sourcesContent":["<template>\n  <div>\n    <div class=\"level\">\n      <div class=\"level-left\" style=\"width: 45%\">\n        <div class=\"field\" style=\"width: 100%\">\n          <label class=\"label is-size-7\">Users</label>\n          <div class=\"control\">\n            <div class=\"select is-multiple\" style=\"width: 100%\">\n              <select\n                id=\"lstUnassignedClients\"\n                multiple\n                v-model=\"selectedUnassignedClients\"\n                :size=\"listSize\"\n                style=\"width: 100%\"\n              >\n                <option v-for=\"id in unassignedClients\" :value=\"id\" :key=\"id\">\n                  {{ clientsMap.get(id) ? clientsMap.get(id).name : null }} ({{ clientsMap.get(id) ? clientsMap.get(id).email : null }})\n                </option>\n              </select>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <div class=\"level-center\" style=\"width: 10%\">\n        <div id=\"buttonblock\" class=\"has-text-centered\">\n          <div class=\"block\">\n            <a v-on:click=\"moveRight\" class=\"button is-accent is-outlined\">\n              <i class=\"fas fa-caret-right fa-2x\"></i>\n            </a>\n          </div>\n          <div class=\"block\">\n            <a v-on:click=\"moveLeft\" class=\"button is-accent is-outlined\">\n              <i class=\"fas fa-caret-left fa-2x\"></i>\n            </a>\n          </div>\n        </div>\n      </div>\n\n      <div class=\"level-right\" style=\"width: 45%\">\n        <div class=\"field\" style=\"width: 100%\">\n          <label class=\"label is-size-7\">\n            Allowed to Complete Questionnaire\n            <span class=\"has-text-warning\" style=\"padding-left: 3px\">*</span>\n          </label>\n          <div class=\"control\">\n            <div class=\"select is-multiple\" style=\"width: 100%\">\n              <select\n                id=\"lstSendToUsers\"\n                multiple\n                v-model=\"selectedAssignedClients\"\n                :size=\"listSize\"\n                style=\"width: 100%\"\n              >\n                <option v-if=\"input.assignedClients.length === 0\" disabled>\n                  Select one or more clients\n                </option>\n                <option\n                  v-for=\"id in input.assignedClients\"\n                  :value=\"id\"\n                  :key=\"id\"\n                >\n                  {{ clientsMap.get(id) ? clientsMap.get(id).name : null }} ({{ clientsMap.get(id) ? clientsMap.get(id).email : null }})\n                </option>\n              </select>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'questionnaireClients',\n  props: ['institutionId', 'clients', 'selectedClients'],\n  data: function () {\n    return {\n      input: {\n        assignedClients: [],\n        institutionId: 0\n      },\n      customToolbar: [['bold', 'italic', 'underline']],\n      activetab: 0,\n      listSize: 7,\n      selectedAssignedClients: [],\n      selectedUnassignedClients: [],\n      clientsMap: new Map()\n    }\n  },\n  mounted () {\n    this.getInstitutionClients()\n  },\n  watch: {\n    clients: {\n      handler: function (val, oldVal) {\n        this.getInstitutionClients()\n      },\n      deep: true\n    }\n  },\n  computed: {\n    assignedClients () {\n      return [...this.input.assignedClients.keys()]\n    },\n    unassignedClients () {\n      if (!this.clientsMap || this.clientsMap.size === 0) return\n      let unassignedClients = []\n      this.clientsMap.forEach(entry => {\n        if (!this.input.assignedClients.includes(entry.id)) {\n          unassignedClients.push(entry.id)\n        }\n      })\n\n      return unassignedClients\n    }\n  },\n  methods: {\n    async getInstitutionClients () {\n      if (!this.clients || this.clients.length === 0) return\n      try {\n        this.clientsMap = new Map(this.clients.map((i) => [i.id, { ...i, name: i.firstName + ' ' + i.lastName, listName: i.firstName + ' ' + i.lastName }]))\n        if (this.clientsMap && this.clientsMap.size > 0 && this.selectedClients) {\n          this.selectedClients.forEach(u => {\n            this.input.assignedClients.push(u.clientId)\n          })\n        }\n      } catch (_) {\n        // console.log('error')\n        // console.log(error)\n      }\n    },\n    buildMembership () {\n      return { users: this.input.assignedClients }\n    },\n    moveRight (event) {\n      this.input.assignedClients.push(...this.selectedUnassignedClients)\n      this.input.assignedClients = this.input.assignedClients.sort()\n      this.selectedUnassignedClients = []\n      this.$emit('invitationsUpdated', this.buildMembership())\n    },\n    moveLeft (event) {\n      this.input.assignedClients = this.input.assignedClients.filter(\n        (x) => !this.selectedAssignedClients.includes(x)\n      )\n      this.input.assignedClients = this.input.assignedClients.sort()\n      this.selectedAssignedClients = []\n      this.$emit('invitationsUpdated', this.buildMembership())\n    }\n  }\n}\n</script>\n","var render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", [\n    _c(\"div\", { staticClass: \"level\" }, [\n      _c(\"div\", { staticClass: \"level-left\", staticStyle: { width: \"45%\" } }, [\n        _c(\"div\", { staticClass: \"field\", staticStyle: { width: \"100%\" } }, [\n          _c(\"label\", { staticClass: \"label is-size-7\" }, [_vm._v(\"Users\")]),\n          _c(\"div\", { staticClass: \"control\" }, [\n            _c(\n              \"div\",\n              {\n                staticClass: \"select is-multiple\",\n                staticStyle: { width: \"100%\" },\n              },\n              [\n                _c(\n                  \"select\",\n                  {\n                    directives: [\n                      {\n                        name: \"model\",\n                        rawName: \"v-model\",\n                        value: _vm.selectedUnassignedClients,\n                        expression: \"selectedUnassignedClients\",\n                      },\n                    ],\n                    staticStyle: { width: \"100%\" },\n                    attrs: {\n                      id: \"lstUnassignedClients\",\n                      multiple: \"\",\n                      size: _vm.listSize,\n                    },\n                    on: {\n                      change: function ($event) {\n                        var $$selectedVal = Array.prototype.filter\n                          .call($event.target.options, function (o) {\n                            return o.selected\n                          })\n                          .map(function (o) {\n                            var val = \"_value\" in o ? o._value : o.value\n                            return val\n                          })\n                        _vm.selectedUnassignedClients = $event.target.multiple\n                          ? $$selectedVal\n                          : $$selectedVal[0]\n                      },\n                    },\n                  },\n                  _vm._l(_vm.unassignedClients, function (id) {\n                    return _c(\"option\", { key: id, domProps: { value: id } }, [\n                      _vm._v(\n                        \" \" +\n                          _vm._s(\n                            _vm.clientsMap.get(id)\n                              ? _vm.clientsMap.get(id).name\n                              : null\n                          ) +\n                          \" (\" +\n                          _vm._s(\n                            _vm.clientsMap.get(id)\n                              ? _vm.clientsMap.get(id).email\n                              : null\n                          ) +\n                          \") \"\n                      ),\n                    ])\n                  }),\n                  0\n                ),\n              ]\n            ),\n          ]),\n        ]),\n      ]),\n      _c(\n        \"div\",\n        { staticClass: \"level-center\", staticStyle: { width: \"10%\" } },\n        [\n          _c(\n            \"div\",\n            { staticClass: \"has-text-centered\", attrs: { id: \"buttonblock\" } },\n            [\n              _c(\"div\", { staticClass: \"block\" }, [\n                _c(\n                  \"a\",\n                  {\n                    staticClass: \"button is-accent is-outlined\",\n                    on: { click: _vm.moveRight },\n                  },\n                  [_c(\"i\", { staticClass: \"fas fa-caret-right fa-2x\" })]\n                ),\n              ]),\n              _c(\"div\", { staticClass: \"block\" }, [\n                _c(\n                  \"a\",\n                  {\n                    staticClass: \"button is-accent is-outlined\",\n                    on: { click: _vm.moveLeft },\n                  },\n                  [_c(\"i\", { staticClass: \"fas fa-caret-left fa-2x\" })]\n                ),\n              ]),\n            ]\n          ),\n        ]\n      ),\n      _c(\"div\", { staticClass: \"level-right\", staticStyle: { width: \"45%\" } }, [\n        _c(\"div\", { staticClass: \"field\", staticStyle: { width: \"100%\" } }, [\n          _vm._m(0),\n          _c(\"div\", { staticClass: \"control\" }, [\n            _c(\n              \"div\",\n              {\n                staticClass: \"select is-multiple\",\n                staticStyle: { width: \"100%\" },\n              },\n              [\n                _c(\n                  \"select\",\n                  {\n                    directives: [\n                      {\n                        name: \"model\",\n                        rawName: \"v-model\",\n                        value: _vm.selectedAssignedClients,\n                        expression: \"selectedAssignedClients\",\n                      },\n                    ],\n                    staticStyle: { width: \"100%\" },\n                    attrs: {\n                      id: \"lstSendToUsers\",\n                      multiple: \"\",\n                      size: _vm.listSize,\n                    },\n                    on: {\n                      change: function ($event) {\n                        var $$selectedVal = Array.prototype.filter\n                          .call($event.target.options, function (o) {\n                            return o.selected\n                          })\n                          .map(function (o) {\n                            var val = \"_value\" in o ? o._value : o.value\n                            return val\n                          })\n                        _vm.selectedAssignedClients = $event.target.multiple\n                          ? $$selectedVal\n                          : $$selectedVal[0]\n                      },\n                    },\n                  },\n                  [\n                    _vm.input.assignedClients.length === 0\n                      ? _c(\"option\", { attrs: { disabled: \"\" } }, [\n                          _vm._v(\" Select one or more clients \"),\n                        ])\n                      : _vm._e(),\n                    _vm._l(_vm.input.assignedClients, function (id) {\n                      return _c(\n                        \"option\",\n                        { key: id, domProps: { value: id } },\n                        [\n                          _vm._v(\n                            \" \" +\n                              _vm._s(\n                                _vm.clientsMap.get(id)\n                                  ? _vm.clientsMap.get(id).name\n                                  : null\n                              ) +\n                              \" (\" +\n                              _vm._s(\n                                _vm.clientsMap.get(id)\n                                  ? _vm.clientsMap.get(id).email\n                                  : null\n                              ) +\n                              \") \"\n                          ),\n                        ]\n                      )\n                    }),\n                  ],\n                  2\n                ),\n              ]\n            ),\n          ]),\n        ]),\n      ]),\n    ]),\n  ])\n}\nvar staticRenderFns = [\n  function () {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"label\", { staticClass: \"label is-size-7\" }, [\n      _vm._v(\" Allowed to Complete Questionnaire \"),\n      _c(\n        \"span\",\n        {\n          staticClass: \"has-text-warning\",\n          staticStyle: { \"padding-left\": \"3px\" },\n        },\n        [_vm._v(\"*\")]\n      ),\n    ])\n  },\n]\nrender._withStripped = true\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./EditQuestionnaireClients.vue?vue&type=template&id=57c48cbf&\"\nimport script from \"./EditQuestionnaireClients.vue?vue&type=script&lang=js&\"\nexport * from \"./EditQuestionnaireClients.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\n/* hot reload */\nif (module.hot) {\n  var api = require(\"/home/vsts/work/1/s/ui/node_modules/vue-hot-reload-api/dist/index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('57c48cbf')) {\n      api.createRecord('57c48cbf', component.options)\n    } else {\n      api.reload('57c48cbf', component.options)\n    }\n    module.hot.accept(\"./EditQuestionnaireClients.vue?vue&type=template&id=57c48cbf&\", function () {\n      api.rerender('57c48cbf', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/EditQuestionnaireClients.vue\"\nexport default component.exports","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EditQuestionnaireClients.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EditQuestionnaireClients.vue?vue&type=script&lang=js&\"","export * from \"-!../../node_modules/cache-loader/dist/cjs.js?{\\\"cacheDirectory\\\":\\\"node_modules/.cache/vue-loader\\\",\\\"cacheIdentifier\\\":\\\"0a38ad29-vue-loader-template\\\"}!../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EditQuestionnaireClients.vue?vue&type=template&id=57c48cbf&\""],"sourceRoot":""}