{"version":3,"sources":["webpack:///./src/components/jobs/Create/JobDetailsCard.vue","webpack:///./src/components/dropdown/VeeBranchesDropdown.vue","webpack:///./src/components/dropdown/VeeBranchesDropdown.vue?f3ad","webpack:///./src/components/jobs/Create/JobDetailsCard.vue?7fee"],"names":["class","type","id","aria-describedby","aria-label","ref","key","modalKey","company","companyId","handleCreatedCol","handleFormSubmit","validation-schema","validationSchema","placeholder","name","JobData","isEditingTemplate","city","handleSelectVenue","client-id","defaultValue","country","entrance","address","invoice","postal","area","field","dresscode","size","clearable","dresscodes","label","value","rows","details","canEditPmAndCompany","handlePMChange","disabled","initialValue","COLid","handleCreateNewCol","$can","handleSelectJobBooker","props","Boolean","default","isUsingTemplate","components","CHDropdown","PreferredVenuesDropdown","SearchJobBookerDropdown","CountriesDropdown","ColsDropdown","CreateNewColModal","ErrorMessage","Field","Form","projectManager","venueId","bookerId","modal","branchesSelectErrorLabelIsShown","shape","required","computed","currentUser","this","selectedCompany","populateFieldsForBookers","length","fetchDresscodes","watch","fetchCompanyCols","clearCols","fetchSingleVenue","then","venueData","handlePopulateAddressRelatedFields","methods","document","getElementById","show","company_id","branches","primaryBranch","find","branch","pivot","is_primary","Promise","resolve","data","Object","keys","forEach","undefined","$refs","PMDropdown","setData","searchBookerDropdown","setDataById","prefferedVenuesDropdown","setValue","resetField","zip","province","countriesDropdown","title","handleMultiDropdownClear","hide","isValid","validationResult","setJobData","assign","createJob","reject","job_details_form","validate","Error","render"],"mappings":"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","file":"js/chunk-2d0a2cfd.568d70a7.js","sourcesContent":["<template>\n  <div class=\"row\">\n    <CreateNewColModal\n      ref=\"createNewColModal\"\n      :key=\"modalKey\"\n      :company=\"companyId\"\n      @success=\"handleCreatedCol\"\n    ></CreateNewColModal>\n    <div class=\"col-12\">\n      <div class=\"card\">\n        <div class=\"card-header border-0 pt-5 px-6\">\n          <h3 class=\"card-title align-items-start flex-column\">\n            <span class=\"card-label fw-bolder fs-3 mb-1\">Job Details</span>\n\n            <span class=\"text-muted mt-1 fw-bold fs-7\"\n              >Specify a job's details</span\n            >\n          </h3>\n        </div>\n        <div class=\"card-body py-3 px-0 mt-2\">\n          <Form\n            @submit=\"handleFormSubmit\"\n            id=\"JobDetailsCardForm\"\n            ref=\"job_details_form\"\n            class=\"form\"\n            :validation-schema=\"validationSchema\"\n          >\n            <div class=\"row mb-4 ms-3 me-3\">\n              <div class=\"col-6 mt-4\">\n                <label class=\"required fs-6 fw-bold mb-2\">Name</label>\n                <Field\n                  type=\"text\"\n                  class=\"form-control form-control-solid\"\n                  placeholder=\"Give your job a name\"\n                  name=\"name\"\n                  v-model=\"JobData.name\"\n                />\n                <div class=\"fv-plugins-message-container\">\n                  <div class=\"fv-help-block\">\n                    <ErrorMessage v-if=\"!isEditingTemplate\" name=\"name\" />\n                  </div>\n                </div>\n              </div>\n              <div class=\"col-6 mt-4\">\n                <label class=\"required fs-6 fw-bold mb-2\">City</label>\n                <Field\n                  type=\"text\"\n                  class=\"form-control form-control-solid\"\n                  placeholder=\"Enter city\"\n                  name=\"city\"\n                  v-model=\"JobData.city\"\n                />\n                <div class=\"fv-plugins-message-container\">\n                  <div class=\"fv-help-block\">\n                    <ErrorMessage v-if=\"!isEditingTemplate\" name=\"city\" />\n                  </div>\n                </div>\n              </div>\n              <div class=\"col-6 mt-4\">\n                <label class=\"fs-6 fw-bold mb-2\">Venue</label>\n                <PreferredVenuesDropdown\n                  ref=\"prefferedVenuesDropdown\"\n                  @selected-venue=\"handleSelectVenue\"\n                  :client-id=\"companyId\"\n                />\n                <div class=\"fv-plugins-message-container\">\n                  <div class=\"fv-help-block\">\n                    <ErrorMessage\n                      v-if=\"!isEditingTemplate\"\n                      name=\"country_dropdown\"\n                    />\n                  </div>\n                </div>\n              </div>\n              <div class=\"col-6 mt-4\">\n                <label class=\"fs-6 fw-bold mb-2\">Country</label>\n                <CountriesDropdown\n                  ref=\"countriesDropdown\"\n                  :defaultValue=\"JobData.country\"\n                  :name=\"'country_dropdown'\"\n                  @change=\"\n                    id => {\n                      JobData.country = id;\n                    }\n                  \"\n                ></CountriesDropdown>\n                <div class=\"fv-plugins-message-container\">\n                  <div class=\"fv-help-block\">\n                    <ErrorMessage\n                      v-if=\"!isEditingTemplate\"\n                      name=\"country_dropdown\"\n                    />\n                  </div>\n                </div>\n              </div>\n              <div class=\"col-6 mt-4\">\n                <label class=\"fs-6 fw-bold mb-2\">Entrance</label>\n                <Field\n                  type=\"text\"\n                  class=\"form-control form-control-solid\"\n                  placeholder=\"Enter entrance\"\n                  name=\"entrance\"\n                  v-model=\"JobData.entrance\"\n                />\n                <div class=\"fv-plugins-message-container\">\n                  <div class=\"fv-help-block\">\n                    <ErrorMessage v-if=\"!isEditingTemplate\" name=\"entrance\" />\n                  </div>\n                </div>\n              </div>\n\n              <div class=\"col-6 mt-4\">\n                <label class=\"required fs-6 fw-bold mb-2\">Address</label>\n                <Field\n                  type=\"text\"\n                  class=\"form-control form-control-solid\"\n                  placeholder=\"Enter address\"\n                  name=\"address\"\n                  v-model=\"JobData.address\"\n                />\n                <div class=\"fv-plugins-message-container\">\n                  <div class=\"fv-help-block\">\n                    <ErrorMessage v-if=\"!isEditingTemplate\" name=\"address\" />\n                  </div>\n                </div>\n              </div>\n              <div class=\"col-6 mt-4\">\n                <label class=\"fs-6 fw-bold mb-2\">Invoice ref.</label>\n                <Field\n                  type=\"text\"\n                  class=\"form-control form-control-solid\"\n                  placeholder=\"Enter invoice reference\"\n                  name=\"invoice\"\n                  v-model=\"JobData.invoice\"\n                />\n                <div class=\"fv-plugins-message-container\">\n                  <div class=\"fv-help-block\">\n                    <ErrorMessage v-if=\"!isEditingTemplate\" name=\"invoice\" />\n                  </div>\n                </div>\n              </div>\n              <div class=\"col-6 mt-4\">\n                <label class=\"fs-6 fw-bold mb-2\">Postal code</label>\n                <Field\n                  type=\"text\"\n                  class=\"form-control form-control-solid\"\n                  placeholder=\"Enter postal code\"\n                  name=\"postal\"\n                  v-model=\"JobData.postal\"\n                />\n                <div class=\"fv-plugins-message-container\">\n                  <div class=\"fv-help-block\">\n                    <ErrorMessage v-if=\"!isEditingTemplate\" name=\"postal\" />\n                  </div>\n                </div>\n              </div>\n              <div class=\"col-6 mt-4\">\n                <label class=\"fs-6 fw-bold mb-2\">Area/District</label>\n                <Field\n                  type=\"text\"\n                  class=\"form-control form-control-solid\"\n                  placeholder=\"Enter area/district\"\n                  name=\"area\"\n                  v-model=\"JobData.area\"\n                />\n                <div class=\"fv-plugins-message-container\">\n                  <div class=\"fv-help-block\">\n                    <ErrorMessage v-if=\"!isEditingTemplate\" name=\"area\" />\n                  </div>\n                </div>\n              </div>\n              <div class=\"col-6 mt-4\">\n                <div class=\"w-100 d-flex flex-column\">\n                  <label class=\"fs-6 fw-bold mb-2\">Job Dresscode</label>\n                  <Field v-slot=\"{ field }\" name=\"dresscode\">\n                    <el-select\n                      v-model=\"JobData.dresscode\"\n                      v-bind=\"field\"\n                      class=\"w-100\"\n                      placeholder=\"Select job dresscode\"\n                      size=\"large\"\n                      clearable\n                    >\n                      <el-option\n                        v-for=\"dresscode in dresscodes\"\n                        :key=\"dresscode.id\"\n                        :label=\"dresscode.name\"\n                        :value=\"dresscode.id\"\n                      >\n                      </el-option>\n                    </el-select>\n                  </Field>\n                  <div class=\"fv-plugins-message-container\">\n                    <div class=\"fv-help-block\">\n                      <ErrorMessage name=\"dresscode\"/>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n            <div class=\"row mb-4 ms-3 me-3\">\n              <div class=\"col-12\">\n                <label class=\"fs-6 fw-bold mb-2\">Overral job description</label>\n                <textarea\n                  class=\"form-control form-control-solid\"\n                  placeholder=\"Please give us as many details for the job as you can\"\n                  rows=\"4\"\n                  v-model=\"JobData.details\"\n                ></textarea>\n              </div>\n            </div>\n            <div class=\"row mb-4 ms-3 me-3\">\n              <div class=\"col-12\" v-if=\"!canEditPmAndCompany\">\n                <label class=\"fs-6 fw-bold mb-2\"\n                  >Select a crew handler</label\n                >\n                <CHDropdown\n                  ref=\"PMDropdown\"\n                  @change=\"handlePMChange\"\n                ></CHDropdown>\n              </div>\n              <div\n                class=\"col-12\"\n                :class=\"canEditPmAndCompany ? '' : 'mt-4'\"\n                v-if=\"!isEditingTemplate\"\n              >\n                <div class=\"row\">\n                  <div v-if=\"JobData.company != ''\" class=\"col-6\">\n                    <label class=\"fs-6 fw-bold mb-2\"\n                      >Your onsite contact for the Wanted crew</label\n                    >\n                    <ColsDropdown\n                      :disabled=\"!companyId\"\n                      @change_col=\"\n                        id => {\n                          JobData.COLid = id;\n                        }\n                      \"\n                      :initialValue=\"JobData.COLid\"\n                      @clear=\"JobData.COLid = ''\"\n                      @create_new_col=\"handleCreateNewCol\"\n                    ></ColsDropdown>\n                  </div>\n                  <div :class=\"JobData.company == '' ? 'col-12' : 'col-6'\">\n                    <label class=\"fs-6 fw-bold mb-2\">Upload files</label>\n                    <input\n                      type=\"file\"\n                      class=\"form-control\"\n                      id=\"fileUpload\"\n                      aria-describedby=\"fileUploadField\"\n                      aria-label=\"Upload\"\n                    />\n                  </div>\n                </div>\n              </div>\n              <div\n                class=\"col-12 mt-4\"\n                v-if=\"$can('can_select_job_booker', 'all')\"\n              >\n                <div class=\"col-12 col-md-6\">\n                  <label class=\"fs-6 fw-bold mb-2\"\n                    >Select a Booker for the job</label\n                  >\n                  <SearchJobBookerDropdown\n                    ref=\"searchBookerDropdown\"\n                    @cleared=\"handleSelectJobBooker(null)\"\n                    @value-change=\"handleSelectJobBooker\"\n                  />\n                </div>\n              </div>\n            </div>\n          </Form>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"js\">\nimport { defineComponent, nextTick } from \"vue\";\nimport { ErrorMessage, Field, Form } from \"vee-validate\";\nimport * as Yup from \"yup\";\nimport CountriesDropdown from \"@/components/dropdown/CountriesDropdown.vue\";\nimport BranchesDropdown from \"@/components/dropdown/VeeBranchesDropdown.vue\";\nimport ColsDropdown from \"@/components/dropdown/ColsDropdown.vue\";\nimport CreateNewColModal from \"@/components/jobs/Create/Misc/CreateNewColModal.vue\";\nimport { Modal } from \"bootstrap\";\nimport {mapActions, mapGetters} from \"vuex\";\nimport SearchJobBookerDropdown from \"@/components/dropdown/SearchJobBookerDropdown.vue\";\nimport PreferredVenuesDropdown from \"@/components/jobs/Misc/PreferredVenuesDropdown.vue\";\nimport dresscodes from \"@/store/modules/Dresscodes\";\nimport CHDropdown from \"@/components/dropdown/CrewHandlersDropdown.vue\";\n\nexport default defineComponent({\n  name: \"job-details-card\",\n  props: {\n    isEditingTemplate: {\n      type: Boolean,\n      default: false\n    },\n    isUsingTemplate: {\n      type: Boolean,\n      default: false\n    }\n  },\n  components: {\n    CHDropdown,\n    PreferredVenuesDropdown,\n    SearchJobBookerDropdown,\n    CountriesDropdown,\n    ColsDropdown,\n    CreateNewColModal,\n    ErrorMessage,\n    Field,\n    Form\n  },\n  data() {\n    return {\n      JobData: {\n        name: \"\",\n        country: \"\",\n        city: \"\",\n        entrance: \"\",\n        invoice: \"\",\n        address: \"\",\n        details: \"\",\n        projectManager: \"\",\n        postal: \"\",\n        COLid: \"\",\n        area: \"\",\n        venueId: \"\",\n        bookerId: \"\",\n        dresscode: \"\"\n      },\n      modal: null,\n      modalKey: 0,\n      branchesSelectErrorLabelIsShown: false,\n      validationSchema: Yup.object().shape({\n        name: Yup.string()\n          .required()\n          .label(\"Name\"),\n        city: Yup.string()\n          .required()\n          .label(\"City\"),\n        address: Yup.string()\n          .required()\n          .label(\"Address\"),\n      })\n    };\n  },\n  computed: {\n    dresscodes() {\n      return dresscodes\n    },\n    ...mapGetters('JobCreateModule', ['shifts', \"selectedCompany\"]),\n    ...mapGetters(\"ListsModule\", [\"venues\", \"countries\", \"dresscodes\"]),\n    ...mapGetters({currentUser : \"currentUser\" }),\n    canEditPmAndCompany() {\n      if(this.$can(\"job_create_can_edit_company\", \"all\") || this.$can(\"job_create_can_edit_pm\", \"all\")) {\n        return false;\n      } else {\n        return true;\n      }\n    },\n    companyId() {\n      return this.selectedCompany;\n    },\n    venueId() {\n      return this.JobData.venueId;\n    }\n  },\n  mounted() {\n    if(this.canEditPmAndCompany) {\n      this.populateFieldsForBookers();\n    }\n    if(this.dresscodes.length == 0) {\n      this.fetchDresscodes();\n    }\n  },\n  watch: {\n    companyId() {\n      if (this.companyId) {\n        this.fetchCompanyCols(this.companyId)\n      } else {\n        this.clearCols();\n      }\n    },\n    venueId() {\n      if(this.JobData.venueId) {\n        if (this.isUsingTemplate) {\n          return;\n        }\n        this.fetchSingleVenue(this.JobData.venueId).then(venueData => {\n          this.handlePopulateAddressRelatedFields(\n            venueData\n          );\n        });\n      }\n    }\n  },\n  methods: {\n    ...mapActions(\"PriceEstimationModule\", ['setClientID', \"setBranchesID\"]),\n    ...mapActions(\"JobCreateModule\", [\"createJob\", \"setJobData\"]),\n    ...mapActions(\"ListsModule\", [\"fetchCompanyCols\", \"clearCols\", \"fetchSingleVenue\", \"fetchDresscodes\"]),\n    handleClear() {\n      this.clearCols();\n      this.JobData.COLid = \"\";\n    },\n    handleSelectVenue(venueId) {\n      this.JobData.venueId = venueId;\n    },\n    async handleCreateNewCol() {\n      this.modalKey++;\n      await nextTick();\n      this.modal = new Modal(document.getElementById('create_new_col_modal'));\n      this.modal.show();\n    },\n    populateFieldsForBookers() {\n      if(this.$can(\"view_only_own_company_jobs\")) {\n        this.JobData.company = this.currentUser.company_id;\n        if(this.currentUser.branches.length > 0) {\n          const primaryBranch = this.currentUser.branches.find(branch => branch.pivot.is_primary == 1);\n          this.JobData.branches = [primaryBranch.id];\n        }\n      }\n    },\n    getTemplateData() {\n      return new Promise((resolve) => {\n        resolve(this.JobData);\n      });\n    },\n    populateFieldsFromTemplate(data) {\n      Object.keys(data).forEach((key) => {\n        if(key in this.JobData) {\n          this.JobData[key] = data[key];\n          if(\"projectManager\" === key) {\n            if(this.$refs.PMDropdown !== undefined) {\n              this.$refs.PMDropdown.setData(data[key]);\n            }\n          }\n          if(\"bookerId\" === key) {\n            if(this.$refs.searchBookerDropdown !== undefined) {\n              this.$refs.searchBookerDropdown.setDataById(data[key]);\n            }\n          }\n        }\n      })\n      if(!data.venueId) {\n        this.$refs.prefferedVenuesDropdown.resetField();\n      } else {\n        this.$refs.prefferedVenuesDropdown.setValue(data.venueId);\n      }\n    },\n    handlePopulateAddressRelatedFields(venueData) {\n      if(venueData){\n        this.JobData.city = venueData.city;\n        this.JobData.country = venueData.country ? venueData.country.id : null;\n        this.JobData.entrance = venueData.entrance;\n        this.JobData.address = venueData.address;\n        this.JobData.postal = venueData.zip;\n        this.JobData.area = venueData.province;\n        this.$refs.countriesDropdown.value = venueData.country ? venueData.country.title : null;\n      } else {\n        this.handleMultiDropdownClear();\n      }\n    },\n    handlePMChange(data) {\n      this.JobData.projectManager = data;\n    },\n    async handleCreatedCol(data) {\n      await this.fetchCompanyCols(this.companyId);\n      this.JobData.COLid = data.id;\n      this.modal.hide();\n    },\n    handleSelectJobBooker(value) {\n      this.JobData.bookerId = value;\n    },\n    handleMultiDropdownClear() {\n      this.JobData.city = \"\";\n      this.JobData.country = \"\";\n      this.JobData.entrance = \"\";\n      this.JobData.address = \"\";\n      this.JobData.postal = \"\";\n      this.JobData.area = \"\";\n      this.branchesSelectErrorLabelIsShown = true;\n    },\n    handleFormSubmit() {\n      this.validationSchema.isValid(this.JobData).then(validationResult => {\n        if (validationResult) {\n          this.setJobData(Object.assign({}, this.JobData))\n          this.createJob();\n          this.branchesSelectErrorLabelIsShown = false;\n        }\n      });\n    },\n    getDataForTemplate() {\n      return new Promise((resolve) => {\n          resolve(this.JobData);\n      });\n    },\n    validateInputs() {\n    return new Promise((resolve, reject) => {\n      this.$refs.job_details_form.validate();\n      this.validationSchema.isValid(this.JobData).then(validationResult => {\n        if (validationResult) {\n          resolve(this.JobData);\n        }else {\n          reject(new Error('Invalid job details'));\n        }\n        })\n      });\n    }\n  }\n});\n</script>\n","<template>\n  <div>\n    <el-select\n      name=\"branches\"\n      v-model=\"inputValue\"\n      filterable\n      clearable\n      size=\"large\"\n      multiple\n      @clear=\"$emit('clear')\"\n      placeholder=\"Select branches\"\n      class=\"w-100\"\n      @remove-tag=\"removeTag\"\n    >\n      <el-option\n        @click=\"updateValue(item.id)\"\n        v-for=\"item in branches\"\n        :key=\"item.id\"\n        :label=\"item.name\"\n        :value=\"item.id\"\n      >\n      </el-option>\n    </el-select>\n  </div>\n</template>\n\n<script>\nimport { useField } from \"vee-validate\";\nimport store from \"@/store/index\";\nimport { computed } from \"vue\";\nimport { mapActions } from \"vuex\";\n\nexport default {\n  props: {\n    initialValue: {\n      type: [Number, String, Array]\n    },\n    name: {\n      type: String,\n      required: true\n    }\n  },\n  methods:{\n    ...mapActions(\"ListsModule\", [\"fetchBranches\"])\n  },\n  mounted() {\n    this.fetchBranches();\n  },\n  watch: {\n    initialValue() {\n      this.inputValue = this.initialValue;\n    }\n  },\n  setup(props, { emit }) {\n    const branches = computed(() => store.getters[\"ListsModule/branches\"]);\n    const {\n      value: inputValue,\n      errorMessage,\n      handleBlur,\n      handleChange,\n      meta\n    } = useField(props.name, undefined, {\n      initialValue: props.initialValue\n    });\n    const updateValue = () => {\n      emit(\"input_event\", inputValue.value);\n    };\n    const removeTag = (id) => {\n      for(const i in inputValue.value) {\n        if(inputValue.value[i] == id) {\n          delete inputValue.value[i];\n        }\n      }\n      emit(\"input_event\", inputValue.value);\n    };\n    return {\n      updateValue,\n      removeTag,\n      handleChange,\n      handleBlur,\n      errorMessage,\n      inputValue,\n      meta,\n      branches\n    };\n  }\n};\n</script>\n","import { render } from \"./VeeBranchesDropdown.vue?vue&type=template&id=0a10c06f\"\nimport script from \"./VeeBranchesDropdown.vue?vue&type=script&lang=js\"\nexport * from \"./VeeBranchesDropdown.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/codebuild/output/src1803551405/src/wci-front/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import { render } from \"./JobDetailsCard.vue?vue&type=template&id=db36ec4a\"\nimport script from \"./JobDetailsCard.vue?vue&type=script&lang=js\"\nexport * from \"./JobDetailsCard.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/codebuild/output/src1803551405/src/wci-front/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__"],"sourceRoot":""}