{"version":3,"file":"CpContact-6124e300.js","sources":["../../../app/javascript/pages/candidate/CpContact.vue"],"sourcesContent":["<template>\n  <div class=\"pageContents\">\n    <div class=\"modBox\">\n      <h2 class=\"mb-4\">縺雁撫縺�粋繧上○繝輔か繝ｼ繝�<br />�域ｳ穂ｺｺ縺ｮ縺雁ｮ｢讒伜髄縺托ｼ俄€�</h2>\n      <p style=\"text-align: right;\">\n        縺皮嶌隲�ｄ雉�侭隲区ｱゅ↓縺､縺�※縺ｯ縺薙■繧峨°繧峨♀蝠丞粋繧上○縺上□縺輔＞縲�<br />\n        蠕後⊇縺ｩ蠑顔､ｾ諡�ｽ楢€�ｈ繧翫＃騾｣邨｡縺�◆縺励∪縺吶€�\n      </p>\n      <form\n        action=\"https://go.se-navi.jp/l/1064102/2024-12-25/2b6x8db\"\n        method=\"POST\"\n      >\n        <div class=\"modFormList__wrapper\">\n          <dl class=\"modFormList modFormList--line\">\n            <dt class=\"modFormList__title\">\n              豌丞錐<span class=\"modFormList__title__required\">蠢���</span>\n            </dt>\n            <dd class=\"modFormList__cont\">\n              <ul class=\"modFormList__cont__listName\">\n                <li>\n                  <input\n                    id=\"LastName\"\n                    v-model=\"data.lastName\"\n                    name=\"lastname\"\n                    class=\"modFormInput\"\n                    :class=\"[\n                      !data.lastName && data.lastNameError\n                        ? 'modFormInput--error'\n                        : '',\n                    ]\"\n                    type=\"text\"\n                    placeholder=\"萓具ｼ臥伐荳ｭ\"\n                    maxlength=\"40\"\n                  />\n                  <p\n                    v-if=\"!data.lastName && data.lastNameError\"\n                    class=\"modFormError\"\n                  >\n                    蜈･蜉帙＠縺ｦ縺上□縺輔＞\n                  </p>\n                </li>\n                <li>\n                  <input\n                    id=\"FirstName\"\n                    v-model=\"data.firstName\"\n                    name=\"firstname\"\n                    class=\"modFormInput\"\n                    :class=\"[\n                      !data.firstName && data.firstNameError\n                        ? 'modFormInput--error'\n                        : '',\n                    ]\"\n                    type=\"text\"\n                    placeholder=\"萓具ｼ牙､ｪ驛蚕"\n                    maxlength=\"40\"\n                  />\n                  <p\n                    v-if=\"!data.firstName && data.firstNameError\"\n                    class=\"modFormError\"\n                  >\n                    蜈･蜉帙＠縺ｦ縺上□縺輔＞\n                  </p>\n                </li>\n              </ul>\n            </dd>\n            <dt class=\"modFormList__title\">\n              繝輔Μ繧ｬ繝�<span class=\"modFormList__title__required\">蠢���</span>\n            </dt>\n            <dd class=\"modFormList__cont\">\n              <ul class=\"modFormList__cont__listName\">\n                <li>\n                  <input\n                    id=\"furigana_lastname\"\n                    v-model=\"data.furiganaLastName\"\n                    name=\"furigana_lastname\"\n                    class=\"modFormInput\"\n                    :class=\"[\n                      !data.furiganaLastName && data.furiganaLastNameError\n                        ? 'modFormInput--error'\n                        : '',\n                    ]\"\n                    type=\"text\"\n                    placeholder=\"萓具ｼ峨ち繝翫き\"\n                    maxlength=\"40\"\n                  />\n                  <p\n                    v-if=\"!data.furiganaLastName && data.furiganaLastNameError\"\n                    class=\"modFormError\"\n                  >\n                    蜈･蜉帙＠縺ｦ縺上□縺輔＞\n                  </p>\n                </li>\n                <li>\n                  <input\n                    id=\"furigana_firstname\"\n                    v-model=\"data.furiganaFirstName\"\n                    name=\"furigana_firstname\"\n                    class=\"modFormInput\"\n                    :class=\"[\n                      !data.furiganaFirstName && data.furiganaFirstNameError\n                        ? 'modFormInput--error'\n                        : '',\n                    ]\"\n                    type=\"text\"\n                    placeholder=\"萓具ｼ峨ち繝ｭ繧ｦ\"\n                    maxlength=\"40\"\n                  />\n                  <p\n                    v-if=\"\n                      !data.furiganaFirstName && data.furiganaFirstNameError\n                    \"\n                    class=\"modFormError\"\n                  >\n                    蜈･蜉帙＠縺ｦ縺上□縺輔＞\n                  </p>\n                </li>\n              </ul>\n            </dd>\n            <dt class=\"modFormList__title\">\n              遉ｾ蜷�<span class=\"modFormList__title__required\">蠢���</span>\n            </dt>\n            <dd class=\"modFormList__cont\">\n              <input\n                id=\"Company\"\n                v-model=\"data.nameCo\"\n                name=\"name_co\"\n                class=\"modFormInput\"\n                :class=\"[\n                  !data.nameCo && data.nameCoError ? 'modFormInput--error' : '',\n                ]\"\n                type=\"text\"\n                placeholder=\"萓具ｼ峨い繧､繝�繝輔ぃ繧ｯ繝医Μ繝ｼ譬ｪ蠑丈ｼ夂､ｾ\"\n              />\n              <p v-if=\"!data.nameCo && data.nameCoError\" class=\"modFormError\">\n                蜈･蜉帙＠縺ｦ縺上□縺輔＞\n              </p>\n            </dd>\n            <dt class=\"modFormList__title\">\n              驛ｨ鄂ｲ蜷�<span class=\"modFormList__title__required\">蠢���</span>\n            </dt>\n            <dd class=\"modFormList__cont\">\n              <input\n                id=\"Department\"\n                v-model=\"data.department\"\n                name=\"department\"\n                class=\"modFormInput\"\n                :class=\"[\n                  !data.department && data.departmentError\n                    ? 'modFormInput--error'\n                    : '',\n                ]\"\n                type=\"text\"\n                placeholder=\"萓具ｼ我ｺｺ莠矩Κ\"\n              />\n              <p\n                v-if=\"!data.department && data.departmentError\"\n                class=\"modFormError\"\n              >\n                蜈･蜉帙＠縺ｦ縺上□縺輔＞\n              </p>\n            </dd>\n            <dt class=\"modFormList__title\">\n              繝｡繝ｼ繝ｫ繧｢繝峨Ξ繧ｹ<span class=\"modFormList__title__required\"\n                >蠢���</span\n              >\n            </dt>\n            <dd class=\"modFormList__cont\">\n              <input\n                id=\"Email\"\n                v-model=\"data.email\"\n                name=\"email\"\n                class=\"modFormInput\"\n                :class=\"[\n                  !data.email && data.emailError ? 'modFormInput--error' : '',\n                ]\"\n                type=\"email\"\n                placeholder=\"萓具ｼ永nfo@aim-factory.com\"\n                maxlength=\"60\"\n              />\n              <p v-if=\"!data.email && data.emailError\" class=\"modFormError\">\n                蜈･蜉帙＠縺ｦ縺上□縺輔＞\n              </p>\n            </dd>\n            <dt class=\"modFormList__title\">\n              髮ｻ隧ｱ逡ｪ蜿ｷ<span class=\"modFormList__title__required\">蠢���</span>\n            </dt>\n            <dd class=\"modFormList__cont\">\n              <input\n                id=\"Phone\"\n                v-model=\"data.tel\"\n                name=\"tel\"\n                class=\"modFormInput modFormInput--small\"\n                :class=\"[\n                  !data.tel && data.telError ? 'modFormInput--error' : '',\n                ]\"\n                type=\"text\"\n                placeholder=\"萓具ｼ�03-0000-0000\"\n              />\n              <p v-if=\"!data.tel && data.telError\" class=\"modFormError\">\n                蜈･蜉帙＠縺ｦ縺上□縺輔＞\n              </p>\n            </dd>\n            <dt class=\"modFormList__title\">\n              縺雁撫縺�粋繧上○鬆�岼<span class=\"modFormList__title__required\"\n                >蠢���</span\n              >\n            </dt>\n            <dd class=\"modFormList__cont\">\n              <div\n                class=\"modFormSelect\"\n                :class=\"[\n                  !data.about && data.aboutError ? 'modFormInput--error' : '',\n                ]\"\n              >\n                <select id=\"about\" v-model=\"data.about\" name=\"about\">\n                  <option value=\"no_set\" disabled selected>驕ｸ謚槭☆繧�</option>\n                  <option\n                    v-for=\"type in contact_types\"\n                    :key=\"type.code\"\n                    :value=\"type.name\"\n                  >\n                    {{ type.name }}\n                  </option>\n                </select>\n              </div>\n              <p v-if=\"!data.about && data.aboutError\" class=\"modFormError\">\n                蜈･蜉帙＠縺ｦ縺上□縺輔＞\n              </p>\n            </dd>\n            <dt class=\"modFormList__title\">\n              縺雁撫縺�粋繧上○蜀�ｮｹ<span class=\"modFormList__title__required\"\n                >蠢���</span\n              >\n            </dt>\n            <dd class=\"modFormList__cont\">\n              <textarea\n                id=\"Comments\"\n                v-model=\"data.message\"\n                name=\"message\"\n                class=\"modFormTextarea\"\n                :class=\"[\n                  !data.message && data.messageError\n                    ? 'modFormTextarea--error'\n                    : '',\n                ]\"\n                placeholder=\"萓具ｼ峨♀蝠丞粋繧上○蜀�ｮｹ繧定ｨ倩ｼ峨＠縺ｦ縺上□縺輔＞\"\n              ></textarea>\n              <p v-if=\"!data.message && data.messageError\" class=\"modFormError\">\n                蜈･蜉帙＠縺ｦ縺上□縺輔＞\n              </p>\n            </dd>\n          </dl>\n        </div>\n        <div class=\"modFormBottom\">\n          <p class=\"modFormBottom__text\">\n            <!-- TODO: No.13 蜷��繝ｼ繧ｸ縺ｮ驕ｷ遘ｻ蜈� -->\n            繧｢繧､繝�繝輔ぃ繧ｯ繝医Μ繝ｼ�育､ｾ蜀�SE霆｢閨ｷ繝翫ン�峨∈縺ｮ縺皮匳骭ｲ縺翫ｈ縺ｳ<a\n              href=\"/terms\"\n              target=\"_blank\"\n              rel=\"noopener\"\n              >縺泌茜逕ｨ縺ｫ髢｢縺吶ｋ蛻ｩ逕ｨ隕冗ｴ�</a\n            >縺ｨ<a\n              href=\"https://www.aim-factory.com/privacy\"\n              target=\"_blank\"\n              rel=\"noopener\"\n              >蛟倶ｺｺ諠��ｱ縺ｮ蜿悶ｊ謇ｱ縺�</a\n            >縺ｫ縺､縺�※縺ｫ<br\n              class=\"modBpPc\"\n            />蜷梧э縺励◆縺�∴縺ｧ莉･荳九�騾∽ｿ｡繝懊ち繝ｳ繧偵け繝ｪ繝�け縺励※縺上□縺輔＞縲�\n          </p>\n          <button\n            type=\"submit\"\n            class=\"w-285x align-items-center justify-content-center d-flex h-48x btn btn-primary size-14 mx-auto mt-4\"\n            :disabled=\"data.error\"\n          >\n            <span>隕冗ｴ�↓蜷梧э縺励※騾∽ｿ｡縺吶ｋ</span>\n          </button>\n        </div>\n      </form>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { reactive, onMounted } from \"vue\";\nimport { useRouter } from \"vue-router\";\nconst router = useRouter();\n\nconst contact_types = [\n  { code: \"recruitment_consultation\", name: \"莠ｺ譚先治逕ｨ縺ｫ縺､縺�※逶ｸ隲�＠縺溘＞窶欺" },\n  { code: \"service_overview\", name: \"繧ｵ繝ｼ繝薙せ讎りｦ∬ｳ�侭縺梧ｬｲ縺励＞窶欺" },\n  { code: \"others\", name: \"縺昴�莉問€欺" },\n];\n\nconst param = reactive({\n  windowWidth: 0,\n});\n\nonMounted(() => {\n  param.windowWidth = window.innerWidth;\n  window.addEventListener(\"resize\", resizeWindow);\n\n  // change縺�縺ｨ繝輔か繝ｼ繧ｫ繧ｹ縺悟､悶ｌ縺ｪ縺�→逋ｺ轣ｫ縺励↑縺�ｯｾ遲暴n  const lastname = document.querySelector(\"#LastName\")!;\n  lastname.addEventListener(\"input\", () => {\n    checkValue(data.lastName, \"lastName\");\n  });\n  const firstname = document.querySelector(\"#FirstName\")!;\n  firstname.addEventListener(\"input\", () => {\n    checkValue(data.firstName, \"firstName\");\n  });\n  const furigana_lastname = document.querySelector(\"#furigana_lastname\")!;\n  furigana_lastname.addEventListener(\"input\", () => {\n    checkValue(data.furiganaLastName, \"furiganaLastName\");\n  });\n  const furigana_firstname = document.querySelector(\"#furigana_firstname\")!;\n  furigana_firstname.addEventListener(\"input\", () => {\n    checkValue(data.furiganaFirstName, \"furiganaFirstName\");\n  });\n  const email = document.querySelector(\"#Email\")!;\n  email.addEventListener(\"input\", () => {\n    checkValue(data.email, \"email\");\n  });\n  const about = document.querySelector(\"#about\")!;\n  about.addEventListener(\"change\", () => {\n    checkValue(data.about, \"about\");\n  });\n  const nameCo = document.querySelector(\"#Company\")!;\n  nameCo.addEventListener(\"input\", () => {\n    checkValue(data.nameCo, \"name_co\");\n  });\n  const department = document.querySelector(\"#Department\")!;\n  department.addEventListener(\"input\", () => {\n    checkValue(data.department, \"department\");\n  });\n  const tel = document.querySelector(\"#Phone\")!;\n  tel.addEventListener(\"input\", () => {\n    checkValue(data.nameCo, \"tel\");\n  });\n  const message = document.querySelector(\"#Comments\")!;\n  message.addEventListener(\"input\", () => {\n    checkValue(data.message, \"message\");\n  });\n});\n\nconst resizeWindow = () => {\n  param.windowWidth = window.innerWidth;\n};\n\nlet lastName: string = \"\";\nlet firstName: string = \"\";\nlet furiganaLastName: string = \"\";\nlet furiganaFirstName: string = \"\";\nlet email: string = \"\";\nlet about: string = \"\";\nlet message: string = \"\";\nlet nameCo: string = \"\";\nlet department: string = \"\";\nlet tel: string = \"\";\n// 蛟､縺ｮ縺ゅｋ縺ｪ縺励□縺代〒繧ｨ繝ｩ繝ｼ蛻､螳壹☆繧九→繝壹�繧ｸ陦ｨ遉ｺ譎ゅ↓繧りｵ､蟄励〒繧ｨ繝ｩ繝ｼ譁�ｨ€縺悟�繧九�縺ｧ\n// 繧ｨ繝ｩ繝ｼ繝輔Λ繧ｰ繧貞€句挨縺ｫ逕ｨ諢上☆繧欺nlet lastNameError: boolean = false;\nlet firstNameError: boolean = false;\nlet furiganaLastNameError: boolean = false;\nlet furiganaFirstNameError: boolean = false;\nlet departmentError: boolean = false;\nlet telError: boolean = false;\nlet emailError: boolean = false;\nlet aboutError: boolean = false;\nlet messageError: boolean = false;\nlet nameCoError: boolean = false;\nlet error: boolean = true;\n\nconst data = reactive({\n  lastName,\n  firstName,\n  furiganaLastName,\n  furiganaFirstName,\n  email,\n  about,\n  message,\n  nameCo,\n  department,\n  tel,\n  lastNameError,\n  firstNameError,\n  furiganaFirstNameError,\n  furiganaLastNameError,\n  emailError,\n  aboutError,\n  messageError,\n  nameCoError,\n  departmentError,\n  telError,\n  error,\n});\n\nconst checkValue = (value, type: string) => {\n  if (!value) {\n    switch (type) {\n      case \"lastName\":\n        data.lastNameError = true;\n        break;\n      case \"firstName\":\n        data.firstNameError = true;\n        break;\n      case \"furiganaLastName\":\n        data.furiganaLastNameError = true;\n        break;\n      case \"furiganaFirstName\":\n        data.furiganaFirstNameError = true;\n        break;\n      case \"email\":\n        data.emailError = true;\n        break;\n      case \"name_co\":\n        data.nameCoError = true;\n        break;\n      case \"message\":\n        data.messageError = true;\n        break;\n      case \"department\":\n        data.departmentError = true;\n        break;\n      case \"tel\":\n        data.telError = true;\n        break;\n      case \"about\":\n        data.aboutError = true;\n        break;\n    }\n  }\n  if (\n    data.lastName &&\n    data.firstName &&\n    data.furiganaLastName &&\n    data.furiganaFirstName &&\n    data.email &&\n    data.nameCo &&\n    data.message &&\n    data.department &&\n    data.tel &&\n    data.about\n  ) {\n    data.error = false;\n  } else {\n    data.error = true;\n  }\n};\n</script>\n\n<style lang=\"scss\">\n@import url(\"@/assets/stylesheets/pages/contact.scss\");\n</style>\n"],"names":["useRouter","contact_types","param","reactive","onMounted","resizeWindow","checkValue","data","value","type"],"mappings":"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"}