{"version":3,"sources":["webpack:///./src/views/group-views/Group.vue?3198","webpack:///./src/views/group-views/Group.vue?d038","webpack:///src/views/group-views/Group.vue","webpack:///./src/views/group-views/Group.vue?3fa6","webpack:///./src/views/group-views/Group.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","isNewGroup","attrs","staticStyle","model","value","callback","$$v","isActive","expression","formGroup","$set","_l","item","index","key","getName","domProps","id","name","on","circleChanged","title","isGroupReplacement","isStandIn","day","dayIdx","$event","remove","filterEmployee","regionEmployee","number","add","_e","goBack","hasError","loading","submit","staticRenderFns","props","groupId","type","String","default","data","employees","regions","regionFilter","groupNumbers","computed","groupState","filteredCircles","circles","filteredEmployees","allEmployees","sortedEmployees","console","log","compare","result","methods","dateFormat","$router","go","employee","component"],"mappings":"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","file":"js/chunk-3bec8ba3.e6e9fac1.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Group.vue?vue&type=style&index=0&id=67072382&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"replacementmonthlystatistics__report__view\"},[_c('div',{staticClass:\"reports__subheader\"}),_c('div',{staticClass:\"box is-primary\"},[_c('h2',{staticClass:\"title is-3\"},[_vm._v(\" \"+_vm._s(_vm.isNewGroup ? \"Opret Ny Grupper\" : \"Redigér Gruppe\")+\" \")]),_c('section',{staticClass:\"personal-info\"},[_c('b-field',{staticClass:\"column\",attrs:{\"label\":\"Er gruppen aktiv\"}},[_c('div',{staticClass:\"fake-control\",staticStyle:{\"width\":\"200px\"}},[_c('b-switch',{attrs:{\"type\":\"is-primary\",\"size\":\"is-medium\"},model:{value:(_vm.isActive),callback:function ($$v) {_vm.isActive=$$v},expression:\"isActive\"}},[_vm._v(_vm._s(!_vm.isActive ? 'Nej' : 'Ja'))])],1)])],1),_c('section',{staticClass:\"personal-info\"},[_c('div',{staticClass:\"columns\"},[_c('b-field',{staticClass:\"column\",attrs:{\"label\":\"Navn\"}},[_c('b-input',{model:{value:(_vm.formGroup.title),callback:function ($$v) {_vm.$set(_vm.formGroup, \"title\", $$v)},expression:\"formGroup.title\"}})],1)],1),_c('div',{staticClass:\"columns\"},[_c('b-field',{staticClass:\"column\",attrs:{\"label\":\"Hverdage\"}},[_c('b-input',{model:{value:(_vm.formGroup.atWorkWeekDays),callback:function ($$v) {_vm.$set(_vm.formGroup, \"atWorkWeekDays\", $$v)},expression:\"formGroup.atWorkWeekDays\"}})],1),_c('b-field',{staticClass:\"column\",attrs:{\"label\":\"Lørdage\"}},[_c('b-input',{model:{value:(_vm.formGroup.atWorkWeekSaturday),callback:function ($$v) {_vm.$set(_vm.formGroup, \"atWorkWeekSaturday\", $$v)},expression:\"formGroup.atWorkWeekSaturday\"}})],1),_c('b-field',{staticClass:\"column\",attrs:{\"label\":\"Søndage\"}},[_c('b-input',{model:{value:(_vm.formGroup.atWorkWeekSunday),callback:function ($$v) {_vm.$set(_vm.formGroup, \"atWorkWeekSunday\", $$v)},expression:\"formGroup.atWorkWeekSunday\"}})],1)],1),_c('div',{staticClass:\"columns\"},[_c('b-field',{staticClass:\"column\",attrs:{\"label\":\"Helligdag Hverdage\"}},[_c('b-input',{model:{value:(_vm.formGroup.atWorkHolidayWeekdays),callback:function ($$v) {_vm.$set(_vm.formGroup, \"atWorkHolidayWeekdays\", $$v)},expression:\"formGroup.atWorkHolidayWeekdays\"}})],1),_c('b-field',{staticClass:\"column\",attrs:{\"label\":\"Helligdag Weekend\"}},[_c('b-input',{model:{value:(_vm.formGroup.atWorkHolidayWeekend),callback:function ($$v) {_vm.$set(_vm.formGroup, \"atWorkHolidayWeekend\", $$v)},expression:\"formGroup.atWorkHolidayWeekend\"}})],1)],1)]),_c('section',[_c('h2',{staticClass:\"title is-3\"},[_vm._v(\"Ins. i gruppen\")]),_vm._l((_vm.formGroup.employees),function(item,index){return _c('div',{key:index},[_c('div',{staticClass:\"columns\"},[_c('b-field',{staticClass:\"column\",attrs:{\"label\":\"Navn\"}},[_c('span',{staticStyle:{\"font-weight\":\"bold\",\"float\":\"left\"}},[_vm._v(_vm._s(_vm.getName(item)))])]),_c('b-field',{staticClass:\"column\",attrs:{\"label\":\"Hverdagsgruppe\"}},[_c('b-select',{attrs:{\"expanded\":\"\"},model:{value:(item.weekDayGroupId),callback:function ($$v) {_vm.$set(item, \"weekDayGroupId\", $$v)},expression:\"item.weekDayGroupId\"}},_vm._l((_vm.groupNumbers),function(item,index){return _c('option',{key:index,domProps:{\"value\":item.id}},[_vm._v(\" \"+_vm._s(item.name)+\" \")])}),0)],1),_c('b-field',{staticClass:\"column\",attrs:{\"label\":\"Weekendsgruppe\"}},[_c('b-select',{attrs:{\"expanded\":\"\"},model:{value:(item.weekendGroupId),callback:function ($$v) {_vm.$set(item, \"weekendGroupId\", $$v)},expression:\"item.weekendGroupId\"}},_vm._l((_vm.groupNumbers),function(item,index){return _c('option',{key:index,domProps:{\"value\":item.id}},[_vm._v(\" \"+_vm._s(item.name)+\" \")])}),0)],1),_c('b-field',{staticClass:\"column\",attrs:{\"label\":\"Kreds\"}},[_c('b-select',{attrs:{\"expanded\":\"\"},on:{\"input\":_vm.circleChanged},model:{value:(item.circleId),callback:function ($$v) {_vm.$set(item, \"circleId\", $$v)},expression:\"item.circleId\"}},_vm._l((_vm.filteredCircles),function(item,index){return _c('option',{key:index,domProps:{\"value\":item.id}},[_vm._v(\" \"+_vm._s(item.title)+\" \")])}),0)],1)],1),_c('div',{staticClass:\"columns\"},[_c('b-field',{staticClass:\"column\",attrs:{\"label\":\"Række gølge\"}},[_c('b-input',{model:{value:(item.orderNumber),callback:function ($$v) {_vm.$set(item, \"orderNumber\", $$v)},expression:\"item.orderNumber\"}})],1),_c('b-field',{staticClass:\"column\",attrs:{\"label\":\"Gruppe afløser\"}},[_c('div',{staticClass:\"fake-control\",staticStyle:{\"width\":\"200px\"}},[_c('b-switch',{attrs:{\"type\":\"is-primary\",\"size\":\"is-medium\"},model:{value:(item.isGroupReplacement),callback:function ($$v) {_vm.$set(item, \"isGroupReplacement\", $$v)},expression:\"item.isGroupReplacement\"}},[_vm._v(_vm._s(item.isGroupReplacement ? 'Ja' : 'Nej'))])],1)]),_c('b-field',{staticClass:\"column\",attrs:{\"label\":\"Bagvagt\"}},[_c('div',{staticClass:\"fake-control\",staticStyle:{\"width\":\"200px\"}},[_c('b-switch',{attrs:{\"type\":\"is-primary\",\"size\":\"is-medium\"},model:{value:(item.isStandIn),callback:function ($$v) {_vm.$set(item, \"isStandIn\", $$v)},expression:\"item.isStandIn\"}},[_vm._v(_vm._s(item.isStandIn ? 'Ja' : 'Nej'))])],1)]),_c('b-field',{staticClass:\"column\",attrs:{\"label\":\"Tilgængelig\",\"width\":\"400\"}},_vm._l((item.weekdays),function(day,dayIdx){return _c('div',{key:dayIdx},[_c('b-field',{staticClass:\"column is-2\",attrs:{\"label\":day.name}},[_c('b-checkbox',{attrs:{\"type\":\"checkbox\"},model:{value:(day.isChecked),callback:function ($$v) {_vm.$set(day, \"isChecked\", $$v)},expression:\"day.isChecked\"}})],1)],1)}),0),_c('b-field',{staticClass:\"column\",attrs:{\"label\":\"Handling\"}},[_c('b-button',{attrs:{\"expanded\":\"\"},on:{\"click\":function($event){return _vm.remove(item)}}},[_vm._v(\" Fjern \")])],1)],1)])}),_c('div',{staticClass:\"columns\"},[_c('div',{staticClass:\"column\"},[_c('b-select',{attrs:{\"expanded\":\"\"},on:{\"input\":_vm.filterEmployee},model:{value:(_vm.regionEmployee),callback:function ($$v) {_vm.regionEmployee=$$v},expression:\"regionEmployee\"}},_vm._l((_vm.filteredEmployees),function(item,index){return _c('option',{key:index,domProps:{\"value\":item}},[_vm._v(\" \"+_vm._s(item.number)+\" - \"+_vm._s(item.name)+\" \")])}),0)],1),_c('div',{staticClass:\"column is-3\"},[(_vm.regionEmployee)?_c('b-button',{attrs:{\"expanded\":\"\"},on:{\"click\":_vm.add}},[_vm._v(\" Tilføj ins. til gruppen \")]):_vm._e()],1)])],2),_c('div',{staticClass:\"columns\"},[_c('div',{staticClass:\"column\"}),_c('div',{staticClass:\"column is-3\"},[_c('b-button',{attrs:{\"type\":\"is-outline\",\"expanded\":\"\"},on:{\"click\":_vm.goBack}},[_vm._v(\" Afbryd \")])],1),(_vm.hasEditRights)?_c('div',{staticClass:\"column is-3\"},[_c('b-button',{attrs:{\"type\":{'is-primary': !_vm.hasError, 'is-danger': _vm.hasError},\"loading\":_vm.loading && !_vm.hasError,\"expanded\":\"\"},on:{\"click\":_vm.submit}},[_vm._v(\" \"+_vm._s(_vm.isNewGroup ? \"Opret Gruppe\" : \"Gem Ændringer\")+\" \")])],1):_vm._e()])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"replacementmonthlystatistics__report__view\">    \r\n    <div class=\"reports__subheader\">\r\n\r\n    </div>\r\n    <div class=\"box is-primary\">\r\n      <h2 class=\"title is-3\">\r\n        {{ isNewGroup ? \"Opret Ny Grupper\" : \"Redigér Gruppe\" }}\r\n      </h2>\r\n\r\n      <section class=\"personal-info\">        \r\n        <b-field label=\"Er gruppen aktiv\"\r\n                class=\"column\">\r\n          <div class=\"fake-control\" style=\"width: 200px\">\r\n            <b-switch v-model=\"isActive\"\r\n                      type=\"is-primary\"\r\n                      size=\"is-medium\">{{!isActive ? 'Nej' : 'Ja'}}</b-switch>\r\n          </div>\r\n        </b-field>\r\n      </section>\r\n      <!-- Personal info -->\r\n      <section class=\"personal-info\">\r\n        <div class=\"columns\">\r\n          <b-field label=\"Navn\"\r\n                   class=\"column\">\r\n            <b-input v-model=\"formGroup.title\" />\r\n          </b-field>\r\n        </div>\r\n\r\n        <div class=\"columns\">\r\n          <b-field label=\"Hverdage\"\r\n                   class=\"column\">\r\n            <b-input v-model=\"formGroup.atWorkWeekDays\" />\r\n          </b-field>\r\n          <b-field label=\"Lørdage\"\r\n                   class=\"column\">\r\n            <b-input v-model=\"formGroup.atWorkWeekSaturday\" />\r\n          </b-field>\r\n          <b-field label=\"Søndage\"\r\n                   class=\"column\">\r\n            <b-input v-model=\"formGroup.atWorkWeekSunday\" />\r\n          </b-field>\r\n        </div>\r\n        \r\n        <div class=\"columns\">\r\n          <b-field label=\"Helligdag Hverdage\"\r\n                   class=\"column\">\r\n            <b-input v-model=\"formGroup.atWorkHolidayWeekdays\" />\r\n          </b-field>\r\n          <b-field label=\"Helligdag Weekend\"\r\n                   class=\"column\">\r\n            <b-input v-model=\"formGroup.atWorkHolidayWeekend\" />\r\n          </b-field>\r\n        </div>\r\n      </section>\r\n\r\n      <section>          \r\n        <h2 class=\"title is-3\">Ins. i gruppen</h2>\r\n        <div v-for=\"(item, index) in formGroup.employees\" :key=\"index\">\r\n          <div class=\"columns\">\r\n            <b-field label=\"Navn\"\r\n                    class=\"column\">\r\n              <span style=\"font-weight: bold; float:left;\">{{ getName(item) }}</span>\r\n            </b-field>\r\n            \r\n            <b-field label=\"Hverdagsgruppe\"\r\n                    class=\"column\">\r\n              <b-select v-model=\"item.weekDayGroupId\" expanded>\r\n                <option v-for=\"(item, index) in groupNumbers\" :key=\"index\" :value=\"item.id\">\r\n                  {{ item.name }}\r\n                </option>\r\n              </b-select> \r\n            </b-field>\r\n            <b-field label=\"Weekendsgruppe\"\r\n                    class=\"column\">\r\n              <b-select v-model=\"item.weekendGroupId\" expanded>\r\n                <option v-for=\"(item, index) in groupNumbers\" :key=\"index\" :value=\"item.id\">\r\n                  {{ item.name }}\r\n                </option>\r\n              </b-select> \r\n            </b-field>\r\n            <b-field label=\"Kreds\"\r\n                    class=\"column\">\r\n              <b-select v-model=\"item.circleId\" expanded @input=\"circleChanged\">\r\n                <option v-for=\"(item, index) in filteredCircles\" :key=\"index\" :value=\"item.id\">\r\n                  {{ item.title }}\r\n                </option>\r\n              </b-select> \r\n            </b-field>\r\n          </div>\r\n          \r\n          <div class=\"columns\">\r\n            <b-field label=\"Række gølge\"\r\n                    class=\"column\">\r\n              <b-input v-model=\"item.orderNumber\" />\r\n            </b-field>\r\n            <b-field label=\"Gruppe afløser\"\r\n                    class=\"column\">\r\n              <div class=\"fake-control\" style=\"width: 200px\">\r\n                <b-switch v-model=\"item.isGroupReplacement\"\r\n                          type=\"is-primary\"\r\n                          size=\"is-medium\">{{item.isGroupReplacement ? 'Ja' : 'Nej'}}</b-switch>\r\n              </div>\r\n            </b-field>\r\n            <b-field label=\"Bagvagt\" class=\"column\">\r\n              <div class=\"fake-control\" style=\"width: 200px\">\r\n                <b-switch v-model=\"item.isStandIn\"\r\n                          type=\"is-primary\"\r\n                          size=\"is-medium\">{{item.isStandIn ? 'Ja' : 'Nej'}}</b-switch>\r\n              </div>\r\n            </b-field>\r\n            \r\n            <b-field label=\"Tilgængelig\" class=\"column\" width=\"400\">\r\n              <div v-for=\"(day, dayIdx) in item.weekdays\" :key=\"dayIdx\">\r\n                <b-field :label=\"day.name\" class=\"column is-2\">\r\n                  <b-checkbox v-model=\"day.isChecked\" type=\"checkbox\"></b-checkbox>\r\n                </b-field>\r\n              </div>\r\n            </b-field>\r\n            <b-field label=\"Handling\"\r\n                    class=\"column\">\r\n              <b-button @click=\"remove(item)\"\r\n                        expanded>\r\n                Fjern\r\n              </b-button>\r\n            </b-field>\r\n          </div>\r\n        </div>\r\n            \r\n        <div class=\"columns\">\r\n          <div class=\"column\">\r\n                    \r\n              <b-select v-model=\"regionEmployee\" expanded @input=\"filterEmployee\">\r\n                <option v-for=\"(item, index) in filteredEmployees\" :key=\"index\" :value=\"item\">\r\n                  {{ item.number }} - {{ item.name }}\r\n                </option>\r\n              </b-select>  \r\n            </div>\r\n            \r\n          <div class=\"column is-3\">\r\n            <b-button @click=\"add\"\r\n                      v-if=\"regionEmployee\"\r\n                      expanded>\r\n              Tilføj ins. til gruppen\r\n            </b-button>\r\n            \r\n          </div>\r\n        </div>\r\n      </section>\r\n\r\n      <!-- Buttons -->\r\n      <div class=\"columns\">\r\n        <div class=\"column\"></div>\r\n        <div class=\"column is-3\">\r\n          <b-button type=\"is-outline\"\r\n                    @click=\"goBack\"\r\n                    expanded>\r\n            Afbryd\r\n          </b-button>\r\n        </div>\r\n        <div class=\"column is-3\" v-if=\"hasEditRights\">\r\n          <b-button :type=\"{'is-primary': !hasError, 'is-danger': hasError}\"\r\n                    @click=\"submit\"\r\n                    :loading=\"loading && !hasError\"\r\n                    expanded>\r\n            {{ isNewGroup ? \"Opret Gruppe\" : \"Gem Ændringer\" }}\r\n          </b-button>\r\n\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapActions, mapGetters } from \"vuex\";\r\nimport ApiState from \"../../enums/APISTATE\";\r\nimport moment, { ISO_8601 } from 'moment';\r\n\r\nexport default {\r\n  name: \"groups-view\",\r\n  props: {\r\n    groupId: {\r\n      type: String,\r\n      default: null,\r\n    },\r\n  },\r\n  data: () => ({ \r\n      formGroup: {\r\n        employees: []\r\n      },\r\n      regions: [\r\n        { value: 'syd', text: 'syd' },\r\n        { value: 'nord', text: 'nord' },\r\n        { value: 'begge', text: 'begge' }\r\n      ],\r\n      regionFilter: \"syd\",\r\n      regionEmployee: null,\r\n      groupNumbers: [{id: 0, name: '0'},{id: 1, name: '1'},{id: 2, name: '2'},{id: 3, name: '3'},{id: 4, name: '4'},{id: 5, name: '5'},{id: 6, name: '6'},{id: 7, name: '7'},{id: 8, name: '8'}],\r\n      isActive: true\r\n  }),\r\n  async mounted() {\r\n\r\n    await this.getAllEmployees();\r\n    await this.loadCircles();\r\n\r\n    if(this.groupId){\r\n      await this.init(this.groupId);\r\n    } else {\r\n      this.formGroup = {\r\n        employeeId: this.currentUser.id,\r\n        title: 'Ny gruppe',\r\n        atWorkWeekDays: 1,\r\n        atWorkWeekSaturday: 1,\r\n        atWorkWeekSunday: 1,\r\n        atWorkHolidayWeekdays: 1,\r\n        atWorkHolidayWeekend: 1,\r\n        employees: []\r\n      };\r\n      if(this.isAdmin) {\r\n        return;\r\n      }\r\n\r\n      this.formGroup.employees.push({\r\n        employeeId: this.currentUser.id,\r\n        employeeName: this.currentUser.name,\r\n        groupId: this.groupId ? this.groupId : \"00000000-0000-0000-0000-000000000000\",\r\n        groupName: \"\",\r\n        circleId: this.circles.find(o => o.title === \"Kreds 0\") ? this.circles.find(o => o.title === \"Kreds 0\").id : this.circles[0].id,\r\n        hasEditRights: true,\r\n        region: \"\",\r\n        weekDayGroupId: 0,\r\n        weekendGroupId: 0,\r\n        number: 0,\r\n        _LatestUpdate: new Date(),\r\n        _UpdateTag: this.currentUser.id,\r\n        _UpdatedBy: this.currentUser.id,\r\n        _UpdatedByName: \"system\",\r\n        weekdays: this.allEmployees.find(o => o.id === this.currentUser.id).weekdays\r\n      });\r\n    } \r\n  },\r\n  computed: {\r\n    ...mapGetters(\"groupStore\", [\"groupState\", \"group\",\"usersForGroupApiState\",\"usersForGroup\"]),\r\n    ...mapGetters(\"employees\", [\"allEmployees\", \"allEmployeeApiState\"]),\r\n    ...mapGetters(\"circles\", [\"circles\", \"circleApiState\"]),\r\n    ...mapGetters([\"currentUser\", \"isAdmin\", \"hasEditRights\"]),\r\n     loading() {\r\n      return this.groupState !== ApiState.LOADED && this.usersForGroupApiState !== ApiState.LOADED && this.allEmployeeApiState !== ApiState.LOADED;\r\n    },\r\n    hasError() {\r\n      return this.groupState === ApiState.ERROR;\r\n    },\r\n    isNewGroup() {\r\n        return !this.groupId;\r\n    },\r\n    filteredCircles(){\r\n      if(this.circles) {\r\n        return this.circles\r\n          .filter((o) => o.title.toLowerCase().includes('kreds'));\r\n          //.filter(o => o.title.toLowerCase().includes('kreds') === false);\r\n      }\r\n\r\n      return this.circles;\r\n    },\r\n    filteredEmployees(){\r\n      if(this.allEmployees) {\r\n        return this.allEmployees\r\n          .filter((o) => o.circleId);\r\n      }\r\n\r\n      return this.allEmployees;\r\n    },\r\n    sortedEmployees() {\r\n      console.log(\"sortedEmployees\");\r\n      if(this.formGroup.employees) {\r\n        var compare = (a, b) => {\r\n          if(a.orderNumber < b.orderNumber) {                \r\n            return -1;\r\n          }\r\n\r\n          if(a.orderNumber > b.orderNumber) {        \r\n            return 1;\r\n          }\r\n\r\n          return 0;\r\n        }\r\n\r\n        let result = this.formGroup.employees.filter(o => o).sort(compare);\r\n        if(result) {\r\n          return result;\r\n        }\r\n      }\r\n      return this.formGroup.employees;\r\n    }\r\n  },\r\n  methods: {\r\n    ...mapActions(\"groupStore\", [\"getGroupById\", \"getUsersGorGroup\", \"updateGroup\",\"createGroup\"]),\r\n    ...mapActions(\"circles\", [\"loadCircles\", ]),\r\n    ...mapActions(\"employees\", [\"getAllEmployees\"]),\r\n    dateFormat(arg) {\r\n        return moment(arg).format('YYYY-MM-DD');\r\n    },\r\n    goBack() {\r\n      this.$router.go(-1);\r\n    },\r\n    filterEmployee(employee) {\r\n      this.regionEmployee = employee;\r\n    },\r\n    circleChanged(circle) {\r\n    },\r\n    getName(arg){\r\n      if(arg.number) {\r\n        return `${arg.employeeName} - ${arg.number}`;\r\n      }\r\n        return `${arg.employeeName}`;\r\n    },\r\n    async init(groupId) {\r\n      await this.getGroupById(groupId);\r\n      await this.getUsersGorGroup(groupId);\r\n      this.formGroup = { ...this.group };\r\n      this.formGroup.employees = this.usersForGroup;\r\n\r\n      if(this.formGroup.employees) {\r\n        this.formGroup.employees = this.formGroup.employees.sort(this.compare);\r\n      }\r\n\r\n      this.isActive = this.formGroup.isRemoved !== true;\r\n    },\r\n    async remove(arg) {\r\n      if(arg) {\r\n        this.formGroup.employees = this.formGroup.employees.filter(o => o.employeeId !== arg.employeeId); \r\n      }\r\n    },\r\n    async add() {\r\n      if(this.formGroup.employees.find(o => o.employeeId === this.regionEmployee.id)){\r\n        return;\r\n      }\r\n\r\n      this.formGroup.employees.push({\r\n          employeeId: this.regionEmployee.id,\r\n          employeeName: this.regionEmployee.name,\r\n          groupId: this.groupId ? this.groupId : \"00000000-0000-0000-0000-000000000000\",\r\n          circleId: this.regionEmployee.circleId,\r\n          groupName: \"5\",\r\n          hasEditRights: false,\r\n          region: \"nord\",\r\n          weekDayGroupId: 0,\r\n          weekendGroupId: 0,\r\n          number: this.regionEmployee.number,\r\n          _LatestUpdate: new Date(),\r\n          _UpdateTag: this.regionEmployee.id,\r\n          _UpdatedBy: this.currentUser.id,\r\n          _UpdatedByName: this.currentUser.name,\r\n        weekdays: this.allEmployees.find(o => o.id === this.regionEmployee.id).weekdays\r\n      });\r\n      console.log(this.formGroup.employees);\r\n      this.regionEmployee = null;\r\n    },\r\n    async submit() {\r\n      this.formGroup.isRemoved = this.isActive === false;\r\n      if (this.isNewGroup) {\r\n        this.formGroup.employeeId = this.currentUser.id;\r\n        if(this.formGroup.employees.length === 0) {          \r\n          this.formGroup.employees.push({\r\n              employeeId: this.currentUser.id,\r\n              employeeName: \"\",\r\n              groupId: this.groupId ? this.groupId : \"00000000-0000-0000-0000-000000000000\",\r\n              groupName: \"\",\r\n              circleId: \"00000000-0000-0000-0000-000000000000\",\r\n              hasEditRights: true,\r\n              region: \"\",\r\n              weekDayGroupId: 0,\r\n              weekendGroupId: 0,\r\n              number: 0,\r\n              _LatestUpdate: new Date(),\r\n              _UpdateTag: this.currentUser.id,\r\n              _UpdatedBy: this.currentUser.id,\r\n              _UpdatedByName: \"system\",\r\n              weekdays: this.allEmployees.find(o => o.id === this.currentUser.id).weekdays\r\n          });\r\n        }\r\n\r\n        await this.createGroup(this.formGroup);\r\n      } else {\r\n        await this.updateGroup(this.formGroup);\r\n        if(this.formGroup.employees) {\r\n          this.formGroup.employees = this.formGroup.employees.sort(this.compare);\r\n        }\r\n      }\r\n\r\n      if (this.groupState !== ApiState.ERROR) {\r\n        await this.init(this.group.id);\r\n        if(this.isNewGroup) {          \r\n          let path = `/configuration-user/my-groups/${this.group.id}/group`;\r\n\r\n          if(this.isAdmin) {\r\n            path = `/configuration/groups/${this.group.id}/group`;\r\n          }\r\n          this.$buefy.dialog.alert({\r\n            title: \"Success\",\r\n            message: `Gruppe ${this.isNewGroup ? \"oprettet\" : \"opdateret\"}`,\r\n            type: \"is-success\",\r\n            canCancel: false,\r\n            onConfirm: () => this.$router.push(path),\r\n          });\r\n        } else {          \r\n          this.$buefy.dialog.alert({\r\n            title: \"Success\",\r\n            message: `Gruppe ${this.isNewGroup ? \"oprettet\" : \"opdateret\"}`,\r\n            type: \"is-success\",\r\n            canCancel: false,\r\n          });\r\n        }\r\n      } else {\r\n        this.$buefy.dialog.alert({\r\n          title: \"Fejl\",\r\n          message: \"Kunne ikke oprette gruppe\",\r\n          type: \"is-danger\",\r\n        });\r\n      }\r\n    },\r\n    compare(a, b) {    \r\n        if(a.weekDayGroupId < b.weekDayGroupId) {                \r\n          return -1;\r\n        }\r\n\r\n        if(a.weekDayGroupId > b.weekDayGroupId) {        \r\n          return 1;\r\n        }\r\n\r\n        if(a.isGroupReplacement) {\r\n          return 1;\r\n        }\r\n\r\n        if(b.isGroupReplacement) {\r\n          return -1;\r\n        }\r\n\r\n        if(a.orderNumber < b.orderNumber) {                \r\n          return -1;\r\n        }\r\n\r\n        if(a.orderNumber > b.orderNumber) {        \r\n          return 1;\r\n        }\r\n\r\n        return 0;\r\n    }\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.users-view {\r\n  .register-user {\r\n    cursor: pointer;\r\n    width: 100%;\r\n  }\r\n}\r\n\r\n.table td {\r\n  text-align: left !important;\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Group.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Group.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Group.vue?vue&type=template&id=67072382&scoped=true&\"\nimport script from \"./Group.vue?vue&type=script&lang=js&\"\nexport * from \"./Group.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Group.vue?vue&type=style&index=0&id=67072382&lang=scss&scoped=true&\"\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  \"67072382\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}