{"version":3,"sources":["webpack:///./src/pages/search-result.page.vue?2ef7","webpack:///src/pages/search-result.page.vue","webpack:///./src/pages/search-result.page.vue?3ba3","webpack:///./src/pages/search-result.page.vue","webpack:///./src/pages/search-result.page.vue?04d2"],"names":["name","components","CardList","data","id","loading","creators","page","metaInfo","title","computed","mapState","locale","object_category","string_for_search","list","mounted","methods","mapActions","fetchMarketplace","setHierarchy","onPageChange","fetchNewPage","strArrayHierarchy","offset","PICTURE_PER_PAGE","limit","search","hierarchy","emptyMessage","goToLinkPlace","component","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","staticStyle","_v","_s","$t","category_display","on","staticRenderFns"],"mappings":"mHAAA,I,kFCwDe,GACbA,KAAMA,qBAENC,WAAYA,CAAdC,cAEEC,KALF,WAMI,MAAO,CACLC,GAANA,sBACMC,WACAC,SAAUA,GACVC,KAANA,IAIEC,SAAUA,CACRC,MAAOA,2CAgBTC,SAAUA,eACZC,aAEIC,OAAJA,YAAM,OAAN,iCAEIC,gBAAJA,YAAM,OAAN,oCAEIC,kBAAJA,YAAM,OAAN,sCAEIC,KAAJA,YAAM,OAAN,kCAOEC,QA/CF,WA+CA,gLASEC,QAASA,2BACXC,aAEIC,iBAAJA,mCAEIC,aAAJA,4BALA,IASIC,aATJ,SASAd,GAAA,2JACA,SADA,SAEA,kBAFA,8CAOIe,aAhBJ,SAgBAf,GAAA,mKAOAgB,EAFA,wCAKAA,gBACA,gCACA,wCAGA,aACAC,EAAAC,UAhBA,SAiBA,oBACAC,UACAF,SACAG,2BACAC,cArBA,OAuBA,aAvBA,8CA6BIC,aA7CJ,WA8CM,MAAN,mBAEA,6CAIA,4FAMIC,cA1DJ,gBChH4V,I,wBCQxVC,EAAY,YACd,GHTW,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,UAAU,CAACE,YAAY,6CAA6C,CAACF,EAAG,SAAS,CAACG,MAAM,CAAC,SAAWP,EAAI3B,UAAU,CAAC+B,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,0CAA0CE,YAAY,CAAC,MAAQ,WAAW,CAACJ,EAAG,MAAM,CAACE,YAAY,+BAA+B,CAACN,EAAIS,GAAG,IAAIT,EAAIU,GAAGV,EAAIW,GAAG,kBAAkB,SAASP,EAAG,MAAM,CAACE,YAAY,2EAA2EE,YAAY,CAAC,MAAQ,WAAW,CAACR,EAAIS,GAAG,SAAST,EAAIU,GAAGV,EAAInB,gBAAgB+B,kBAAkB,UAAWZ,EAAIU,GAAGV,EAAIlB,mBAAmB,QAASsB,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAACF,EAAG,WAAW,CAACG,MAAM,CAAC,KAAOP,EAAIjB,KAAK,QAAUiB,EAAIH,gBAAgBgB,GAAG,CAAC,aAAeb,EAAIX,iBAAiB,QAAQ,KACvyB,IGUpByB,EAEA,KACA,WACA,MAIa,UAAAf,E,oECnBf","file":"js/chunk-0ba28d1e.93b91404.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{staticClass:\"custom-background pb-12 overflow-x-hidden\"},[_c('a-spin',{attrs:{\"spinning\":_vm.loading}},[_c('div',[_c('div',{staticClass:\"pl-4 mx-auto w-full z-30 relative mt-10\",staticStyle:{\"width\":\"1240px\"}},[_c('div',{staticClass:\"title custom-title text-2xl\"},[_vm._v(\" \"+_vm._s(_vm.$t('RESULT_SEARCH'))+\" \")])]),_c('div',{staticClass:\"pl-8 mx-auto w-full z-30 relative mb-7\\n              text-black text-xl\",staticStyle:{\"width\":\"1240px\"}},[_vm._v(\" カテゴリ：\"+_vm._s(_vm.object_category.category_display)+\"   検索：\\\"\"+_vm._s(_vm.string_for_search)+\"\\\" \")]),_c('div',{staticClass:\"mx-auto width-1140\"},[_c('CardList',{attrs:{\"data\":_vm.list,\"message\":_vm.emptyMessage()},on:{\"onPageChange\":_vm.onPageChange}})],1)])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <section class=\"custom-background pb-12 overflow-x-hidden\">\n    <a-spin :spinning=\"loading\">\n      <div>\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <!-- 「検索結果」ページタイトル -->\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <div style=\"width: 1240px\"\n              class=\"pl-4 mx-auto w-full z-30 relative mt-10\"\n        >\n          <div class=\"title custom-title text-2xl\">\n            {{ $t('RESULT_SEARCH') }}\n          </div>\n        </div>\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <!-- ↓ 選択カテゴリと検索文字列とNFT一覧 ↓ -->\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <!-- 選択カテゴリと検索文字列 -->\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <div style=\"width: 1240px\" class=\"pl-8 mx-auto w-full z-30 relative mb-7\n                text-black text-xl\"\n        >\n            カテゴリ：{{ object_category.category_display }} &emsp;\n            検索：\"{{ string_for_search }}\"\n        </div>\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <!-- ↓ NFT一覧 ↓ -->\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <div\n          class=\"mx-auto width-1140\"\n        >\n          <CardList\n            @onPageChange=\"onPageChange\"\n            :data=\"list\"\n            :message=\"emptyMessage()\"\n          ></CardList>\n        </div>\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <!-- ↑ NFT一覧 ↑ -->\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <!-- ↑ 選択カテゴリと検索文字列とNFT一覧 ↑ -->\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n      </div>\n      </a-spin>\n  </section>\n</template>\n<!-- ====+=========+=========+=========+=========+=========+=========+====== -->\n<script>\n// １ページに表示する画像数。\nimport { PICTURE_PER_PAGE }     from '@/constants/common.constant';\n// NFT一覧表示用。\nimport CardList                 from '@/components/nft/CardList/index.vue';\nimport { mapActions, mapState } from 'vuex';\n// ======+=========+=========+=========+=========+=========+=========+=========E\nexport default {\n  name: 'page-search-result',\n  // ====+=========+=========+=========+=========+=========+=========+=========E\n  components: { CardList },\n  // ====+=========+=========+=========+=========+=========+=========+=========E\n  data() {\n    return {\n      id      : this.$route.params.id,\n      loading : false,\n      creators: []   ,\n      page    :  1   ,\n    }; // End of return {...}\n  }, // End of data() {...}\n  // ====+=========+=========+=========+=========+=========+=========+=========E\n  metaInfo: {\n    title: 'BCG・GameFi 専門のNFT1次販売ローンチパッド - Zaif INO',\n    // meta: [\n    //     {\n    //         vmid: \"description\",\n    //         property: \"description\",\n    //         content:\n    //             \"ブロックチェーンゲーム・GameFi専門のNFT1次販売ローンチパッドのZaif INO。事前審査制導入で取り扱いNFTのクオリティを担保し、パブリックチェーンで海外プロジェクトの取り扱いも行います。\",\n    //     },\n    //     {\n    //         property: \"og:title\",\n    //         content: \"BCG・GameFi 専門のNFT1次販売ローンチパッド - Zaif INO\",\n    //         vmid: \"og:title\",\n    //     },\n    // ],\n  }, // End of metaInfo: {...}\n  // ====+=========+=========+=========+=========+=========+=========+=========E\n  computed: {\n    ...mapState({\n      // store にセットした、言語モード（日本語／英語）。\n      locale: (state) => state?.setting.locale,\n      // store にセットした、ヘッダのカテゴリコンボボックスの選択値。\n      object_category  : (state) => state.extractcondition.object_category  ,\n      // store にセットした、ヘッダの検索テキストボックスの値。\n      string_for_search: (state) => state.extractcondition.string_for_search, \n      // store にセットした、マーケットプレイスのＮＦＴ情報。\n      list: (state) => state.marketplace.marketplaceList,\n      // パンくずリストをヘッダに書くためのコード。現在未使用。\n      // hierarchy: (state) => state.hierarchy.hierarchy,\n      // name_en  : (state) => state.hierarchy.name_en,\n    }), // End of ...mapState({...})\n  }, // End of computed: {...}\n  // ====+=========+=========+=========+=========+=========+=========+=========E\n  async mounted() {\n    // await this.fetchNewPage(1);\n    // パンくずリストをヘッダに書くためのコード。現在未使用。\n    // this.setHierarchy({hierarchy: this.edition.hierarchy,\n    //                      name_en: this.edition.name_en,\n    //                      name_ja: this.edition.name_ja,\n    // });\n  }, // End of  async mounted() {...}\n  // ====+=========+=========+=========+=========+=========+=========+=========E\n  methods: {\n    ...mapActions({\n      // マーケットプレイスのＮＦＴ情報を store に取得。\n      fetchMarketplace: 'marketplace/fetchMarketplaceList',\n      // パンくずリストをヘッダに書くためのコード。現在未使用。\n      setHierarchy: 'hierarchy/setHierarchy',\n    }), // ...mapActions({...})\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    // ページが切り替わったら実行。\n    async onPageChange(page) {\n      this.page = page;\n      await this.fetchNewPage(page);\n    },\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    // バックエンド mint-nft-backend DB テーブル projects から\n    // レコード情報（オブジェクト）を一ページ分 12 個取得。store に反映。\n    async fetchNewPage(page) {\n      // alert(`*** START: fetchNewPage: search-result.page.vue ***`);\n      // ヘッダのカテゴリコンボボックスの選択肢から、hierarchy の配列を文字列化\n      // したものを算出。\n      let strArrayHierarchy;\n      if (this.object_category.category_id == 0) {\n        // カテゴリコンボボックスで「全て」が選択されている。\n        strArrayHierarchy = undefined\n      } else {\n        // カテゴリコンボボックスで「全て」以外が選択されている。\n        strArrayHierarchy = JSON.stringify([\n          this.object_category.category_name,\n          this.object_category.category_name + '\\\\%',\n        ])\n      } // End of if (this.category_id == 0) {...} else {...}\n      this.loading = true;\n      const offset = PICTURE_PER_PAGE * (page - 1);\n      await this.fetchMarketplace({\n        limit    : PICTURE_PER_PAGE,\n        offset   : offset,\n        search   : this.string_for_search,\n        hierarchy: strArrayHierarchy,\n      }); // End of await this.fetchMarketplace({...})\n      this.loading = false;\n      // alert(`*** END  : fetchNewPage: search-result.page.vue ***`);\n    }, // End of async fetchNewPage(page) {...}\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    // 検索の結果、対象ＮＦＴが無かった場合のメッセージ。\n    // 日本語モードと英語モードで異なる。\n    emptyMessage() {\n        if (this.locale === 'ja') {\n            // 日本語モード。\n            return '検索条件に一致するNFTは見つかりませんでした。' +\n                    '条件を変更して再度検索してください。'\n        } else {\n            // 英語モード。\n            return 'I can\\'t find any NFTs which meet the criteria. ' +\n                  'Plese change the condition and try again.'\n        } // End of if (localse === 'ja') {...} else {...}\n    }, // End of emptyMessage() {...}\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    // this.edition.link の URL を開く。一番上の画面をクリックしたときの処理。\n    goToLinkPlace() {\n      // window.open(this.edition.link, '_blank');\n    },\n  }, // End of methods: {...}\n}; // End of export default {...}\n</script>\n<!-- ====+=========+=========+=========+=========+=========+=========+====== -->\n<style\n  scoped\n  lang=\"scss\"\n>\n.custom-background {\n    background-color: white; /* ここで好きな色を指定 */\n} \n\n.width-1140 {\n  @apply px-2;\n  @screen md {\n    @apply px-4;\n  }\n  @screen xl {\n    width: 1140px;\n    @apply px-0;\n  }\n}\n\n.text-top {\n  @apply text-2xl;\n  @screen xxs {\n    @apply text-3xl;\n  }\n  @screen md {\n    @apply text-base;\n  }\n}\n  /* タイトル用の基本スタイル */\n  .title {\n  display: block;\n  font-size: 24px; /* フォントサイズを大きく */\n  font-weight: bold; /* フォントを太字に */\n  /* color: #FFFFFF; テキストカラー 白 */\n  color: #000000; /* テキストカラー 黒 */\n  margin-bottom: 10px; /* 下余白 */\n  padding: 10px 0; /* 上下パディング */\n}\n\n/* 特定のセクション用のカスタムスタイル */\n.custom-title {\n  border-radius: 8px; /* 角の丸み */\n  text-align: left; /* テキストを中央揃えに */\n}\n::v-deep .ant-breadcrumb {\n  span {\n    .ant-breadcrumb-link {\n      @apply text-white;\n      @apply font-medium;\n    }\n  }\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../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!./search-result.page.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../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!./search-result.page.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./search-result.page.vue?vue&type=template&id=56526b0c&scoped=true&\"\nimport script from \"./search-result.page.vue?vue&type=script&lang=js&\"\nexport * from \"./search-result.page.vue?vue&type=script&lang=js&\"\nimport style0 from \"./search-result.page.vue?vue&type=style&index=0&id=56526b0c&scoped=true&lang=scss&\"\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  \"56526b0c\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./search-result.page.vue?vue&type=style&index=0&id=56526b0c&scoped=true&lang=scss&\""],"sourceRoot":""}