{"version":3,"file":"read-more-CjsKk99X.js","sources":["../../../app/frontend/entrypoints/companies/read-more.js"],"sourcesContent":["// 公開している会社一覧情報を取得するAPIのURL(?page=2などでページを指定できる)\nconst API_URL = '/api/companies';\n// `もっと見る`ボタンを押すと会社のリンクが表示される\n// 構造: `.p-company__list > .p-company__list-item > a`\n// 前提: 1ページ目はすでに表示されている。2ページ目以降は`もっと見る`ボタンを押すと表示される\ndocument.addEventListener('DOMContentLoaded', () => {\n  const moreButton = document.querySelector('#js-more-companies');\n  const companyList = document.querySelector('.p-company__list');\n  let page = 1;\n  let loading = false;\n\n  moreButton.addEventListener('click', () => {\n    if (loading) {\n      return;\n    }\n\n    page += 1;\n    loading = true;\n    moreButton.disabled = true;\n    moreButton.textContent = '読み込み中...';\n\n    // APIから会社一覧情報を取得する\n    fetch(`${API_URL}?page=${page}`, {\n      method: 'GET',\n      headers: {\n        'X-CSRF-Token': document.querySelector('meta[name=\"csrf-token\"]').content,\n      },\n      credentials: 'same-origin',\n    })\n      .then((response) => {\n        return response.json();\n      })\n      .then((data) => {\n        // 取得した会社一覧情報をもとに会社のリンクを作成する\n        data.forEach((company) => {\n          const companyListItem = document.createElement('div');\n          companyListItem.classList.add('p-company__list-item');\n          const companyLink = document.createElement('a');\n          companyLink.href = `/companies/${company.id}`;\n          companyLink.textContent = company.name;\n          companyListItem.appendChild(companyLink);\n          companyList.appendChild(companyListItem);\n        });\n\n        // 会社一覧情報がない場合は`もっと見る`ボタンを非表示にする\n        if (data.length === 0) {\n          moreButton.style.display = 'none';\n        }\n\n        // ボタンの状態を戻す\n        loading = false;\n        moreButton.disabled = false;\n        moreButton.textContent = 'もっと見る';\n      })\n      .catch((error) => {\n        console.error(error);\n        // エラーが発生した場合は`もっと見る`ボタンを非表示にする\n        moreButton.style.display = 'none';\n      });\n  });\n});\n"],"names":["API_URL","moreButton","companyList","page","loading","response","data","company","companyListItem","companyLink","error"],"mappings":"AACA,MAAMA,EAAU,iBAIhB,SAAS,iBAAiB,mBAAoB,IAAM,CAClD,MAAMC,EAAa,SAAS,cAAc,oBAAoB,EACxDC,EAAc,SAAS,cAAc,kBAAkB,EAC7D,IAAIC,EAAO,EACPC,EAAU,GAEdH,EAAW,iBAAiB,QAAS,IAAM,CACrCG,IAIJD,GAAQ,EACRC,EAAU,GACVH,EAAW,SAAW,GACtBA,EAAW,YAAc,WAGzB,MAAM,GAAGD,CAAO,SAASG,CAAI,GAAI,CAC/B,OAAQ,MACR,QAAS,CACP,eAAgB,SAAS,cAAc,yBAAyB,EAAE,OACnE,EACD,YAAa,aACnB,CAAK,EACE,KAAME,GACEA,EAAS,MACjB,EACA,KAAMC,GAAS,CAEdA,EAAK,QAASC,GAAY,CACxB,MAAMC,EAAkB,SAAS,cAAc,KAAK,EACpDA,EAAgB,UAAU,IAAI,sBAAsB,EACpD,MAAMC,EAAc,SAAS,cAAc,GAAG,EAC9CA,EAAY,KAAO,cAAcF,EAAQ,EAAE,GAC3CE,EAAY,YAAcF,EAAQ,KAClCC,EAAgB,YAAYC,CAAW,EACvCP,EAAY,YAAYM,CAAe,CACjD,CAAS,EAGGF,EAAK,SAAW,IAClBL,EAAW,MAAM,QAAU,QAI7BG,EAAU,GACVH,EAAW,SAAW,GACtBA,EAAW,YAAc,OACjC,CAAO,EACA,MAAOS,GAAU,CAChB,QAAQ,MAAMA,CAAK,EAEnBT,EAAW,MAAM,QAAU,MACnC,CAAO,EACP,CAAG,CACH,CAAC"}