{"version":3,"sources":["webpack:///./src/pages/manage-topbanner.page.vue?ed68","webpack:///./node_modules/core-js/internals/create-html.js","webpack:///./src/services/top_banner.js","webpack:///./node_modules/core-js/modules/es.string.link.js","webpack:///./node_modules/core-js/internals/string-html-forced.js","webpack:///./src/pages/manage-topbanner.page.vue?b7b1","webpack:///src/pages/manage-topbanner.page.vue","webpack:///./src/pages/manage-topbanner.page.vue?c713","webpack:///./src/pages/manage-topbanner.page.vue"],"names":["uncurryThis","requireObjectCoercible","toString","quot","replace","module","exports","string","tag","attribute","value","S","p1","getTop_banners","http","get","API_VERSION_1_PREFIX","response","addBanner","formData","post","data","deleteBanner","bannerId","delete","$","createHTML","target","proto","forced","forcedStringHTMLMethod","link","url","this","fails","METHOD_NAME","test","toLowerCase","split","length","top_banners","showSaveSection","newBanner","pc_banner_url","mobile_banner_url","files","pc","mobile","loading","mounted","computed","mapGetters","userRole","account","methods","alert","selectFile","deviceType","handleFileChange","event","onSubmitForm","payload","UtilNotify","message","console","deleteProject","banner_id","component","_vm","_h","$createElement","_c","_self","staticClass","_e","on","$event","_v","attrs","ref","staticStyle","_s","name","directives","rawName","expression","domProps","composing","$set","$t","_l","banner","index","key","id","smartphone_banner_url","staticRenderFns"],"mappings":"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","file":"js/chunk-955d9e34.831200b7.js","sourcesContent":["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!./manage-topbanner.page.vue?vue&type=style&index=0&id=2f6f88e8&lang=scss&scoped=true&\"","var uncurryThis = require('../internals/function-uncurry-this');\nvar requireObjectCoercible = require('../internals/require-object-coercible');\nvar toString = require('../internals/to-string');\n\nvar quot = /\"/g;\nvar replace = uncurryThis(''.replace);\n\n// `CreateHTML` abstract operation\n// https://tc39.es/ecma262/#sec-createhtml\nmodule.exports = function (string, tag, attribute, value) {\n  var S = toString(requireObjectCoercible(string));\n  var p1 = '<' + tag;\n  if (attribute !== '') p1 += ' ' + attribute + '=\"' + replace(toString(value), quot, '&quot;') + '\"';\n  return p1 + '>' + S + '</' + tag + '>';\n};\n","import http from './axios';\nimport { API_VERSION_1_PREFIX } from '@/env';\n//-------+---------+---------+---------+---------+---------+---------+---------E\n// バックエンド mint-nft-backend DB テーブル top_banner からクリエイター情報を取得\n// する。結果は一レコード一オブジェクトの配列。\nexport const getTop_banners = async () => {\n  try {\n    const response = await http.get(`${API_VERSION_1_PREFIX}/top_banner`\n      // 2024/04/04現在、抽出条件なし、テーブル top_banner の全レコード取得。\n      // , {\n      //   params: {\n      //     id: objectAboutTopBanner?.id,\n      //   }\n      // }\n    );\n    if (!response) throw 'No content found';\n    return response;\n  } catch (err) {\n    return [];\n  } // End of try {...} catch (...) {...}\n}; // End of export const getTop_banners = async (objectAboutTopBanner) => {...}\nexport const addBanner = async (formData) => {\n  const data = await http.post(`${API_VERSION_1_PREFIX}/top_banner`, formData);\n  return data;\n};\n\nexport const deleteBanner = async (bannerId) => {\n  const data = await http.delete(`${API_VERSION_1_PREFIX}/top_banner/${bannerId}`);\n  return data;\n};\n","'use strict';\nvar $ = require('../internals/export');\nvar createHTML = require('../internals/create-html');\nvar forcedStringHTMLMethod = require('../internals/string-html-forced');\n\n// `String.prototype.link` method\n// https://tc39.es/ecma262/#sec-string.prototype.link\n$({ target: 'String', proto: true, forced: forcedStringHTMLMethod('link') }, {\n  link: function link(url) {\n    return createHTML(this, 'a', 'href', url);\n  }\n});\n","var fails = require('../internals/fails');\n\n// check the existence of a method, lowercase\n// of a tag and escaping quotes in arguments\nmodule.exports = function (METHOD_NAME) {\n  return fails(function () {\n    var test = ''[METHOD_NAME]('\"');\n    return test !== test.toLowerCase() || test.split('\"').length > 3;\n  });\n};\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.userRole === 'admin')?_c('div',{staticClass:\"create-project-page pb-8\"},[(!_vm.showSaveSection)?_c('button',{staticClass:\"bg-primary add-section hover:opacity-60 text-white font-medium h-8 flex px-4 rounded-md text-xl\",on:{\"click\":function($event){_vm.showSaveSection = true}}},[_vm._v(\"追加\")]):_vm._e(),(_vm.showSaveSection)?_c('div',{staticClass:\"save-section margin\"},[_c('div',{attrs:{\"id\":\"app\"}},[_c('div',[_c('label',[_vm._v(\"PC Banner: \"),_c('button',{on:{\"click\":function($event){return _vm.selectFile('pc')}}},[_vm._v(\"選択\")]),_c('input',{ref:\"pcFile\",staticStyle:{\"display\":\"none\"},attrs:{\"type\":\"file\"},on:{\"change\":function($event){return _vm.handleFileChange('pc', $event)}}}),(_vm.files.pc)?_c('span',[_vm._v(_vm._s(_vm.files.pc.name))]):_vm._e()])]),_c('div',[_c('label',[_vm._v(\"Mobile Banner: \"),_c('button',{on:{\"click\":function($event){return _vm.selectFile('mobile')}}},[_vm._v(\"選択\")]),_c('input',{ref:\"mobileFile\",staticStyle:{\"display\":\"none\"},attrs:{\"type\":\"file\"},on:{\"change\":function($event){return _vm.handleFileChange('mobile', $event)}}}),(_vm.files.mobile)?_c('span',[_vm._v(_vm._s(_vm.files.mobile.name))]):_vm._e()])])]),_c('div',[_c('label',[_vm._v(\"Link: \"),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.newBanner.link),expression:\"newBanner.link\"}],staticClass:\"link-input\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.newBanner.link)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.newBanner, \"link\", $event.target.value)}}})])]),_c('div',{staticClass:\"w-full py-8\"},[_c('button',{staticClass:\"bg-primary margin text-white hover:opacity-60 text-2xl font-semibold py-2 px-12 rounded-xl\",attrs:{\"type\":\"submit\",\"disabled\":_vm.loading},on:{\"click\":_vm.onSubmitForm}},[_vm._v(\" \"+_vm._s(_vm.$t('PROJECT_SAVE_BTN'))+\" \")])])]):_vm._e(),_vm._l((_vm.top_banners),function(banner,index){return _c('div',{key:banner.id,staticClass:\"banner\"},[_c('section',[_c('h2',[_vm._v(_vm._s('【バナー' + (index + 1) + '】'))]),_c('p',[_vm._v(\"PC Banner URL: \"),_c('a',{attrs:{\"href\":banner.pc_banner_url}},[_vm._v(_vm._s(banner.pc_banner_url))])]),_c('p',[_vm._v(\"Mobile Banner URL: \"),_c('a',{attrs:{\"href\":banner.smartphone_banner_url}},[_vm._v(_vm._s(banner.smartphone_banner_url))])]),_c('p',[_vm._v(\"リンク：\"),_c('a',{attrs:{\"href\":banner.link}},[_vm._v(_vm._s(banner.link))])]),_c('button',{on:{\"click\":function($event){return _vm.deleteProject(banner.id)}}},[_vm._v(\"削除\")])])])})],2):_c('div',{staticClass:\"mt-20 text-2xl font-bold text-center\"},[_vm._v(\" \"+_vm._s(_vm.$t('PROJECT_INVALID_ROLE_NOTIFICATION'))+\" \")])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div v-if=\"userRole === 'admin'\" class=\"create-project-page pb-8\">\n      <button v-if=\"!showSaveSection\" class=\"bg-primary add-section hover:opacity-60 text-white font-medium h-8 flex px-4 rounded-md text-xl\"\n      @click=\"showSaveSection = true\">追加</button>\n      <div v-if=\"showSaveSection\" class=\"save-section margin\">\n        <div id=\"app\">\n          <div>\n            <label>PC Banner:\n              <button @click=\"selectFile('pc')\">選択</button>\n              <input type=\"file\" ref=\"pcFile\" @change=\"handleFileChange('pc', $event)\" style=\"display: none;\">\n              <span v-if=\"files.pc\">{{ files.pc.name }}</span>\n            </label>\n          </div>\n          <div>\n            <label>Mobile Banner:\n              <button @click=\"selectFile('mobile')\">選択</button>\n              <input type=\"file\" ref=\"mobileFile\" @change=\"handleFileChange('mobile', $event)\" style=\"display: none;\">\n              <span v-if=\"files.mobile\">{{ files.mobile.name }}</span>\n            </label>\n          </div>\n        </div>\n        <div>\n          <label>Link: <input type=\"text\" v-model=\"newBanner.link\" class=\"link-input\"></label>\n        </div>\n        <div class=\"w-full py-8\">\n          <button class=\"bg-primary margin text-white hover:opacity-60 text-2xl font-semibold py-2 px-12 rounded-xl\"\n          type=\"submit\" :disabled=\"loading\" @click=\"onSubmitForm\">\n            {{ $t('PROJECT_SAVE_BTN') }}\n          </button>\n        </div>\n      </div>\n      <div v-for=\"(banner, index) in top_banners\" :key=\"banner.id\" class=\"banner\">\n        <section>\n          <h2>{{ '【バナー' + (index + 1) + '】' }}</h2>\n          <p>PC Banner URL: <a :href=\"banner.pc_banner_url\">{{ banner.pc_banner_url }}</a></p>\n          <p>Mobile Banner URL: <a :href=\"banner.smartphone_banner_url\">{{ banner.smartphone_banner_url }}</a></p>\n          <p>リンク：<a :href=\"banner.link\">{{ banner.link }}</a></p>\n          <button @click=\"deleteProject(banner.id)\">削除</button>\n        </section>\n      </div>\n    </div>\n    <div v-else class=\"mt-20 text-2xl font-bold text-center\">\n      {{ $t('PROJECT_INVALID_ROLE_NOTIFICATION') }}\n    </div>\n  </div>\n</template>\n\n<script>\nimport { getTop_banners,addBanner,deleteBanner } from '@/services/top_banner';\nimport { mapGetters } from 'vuex';\nimport UtilNotify from '@/utils/notify.util';\nexport default {\n  data() {\n    return {\n      top_banners: [],\n      showSaveSection: false,\n      newBanner: {\n        pc_banner_url: '',\n        mobile_banner_url: '',\n        link: ''\n      },\n      files: {\n        pc: null,\n        mobile: null\n      },\n      loading: false,\n      bannerId:null,\n    };\n  },\n  async mounted() {\n    await this.getTop_banners();\n  },\n  computed: {\n    ...mapGetters({\n    userRole: 'wallet/loggedUserRole',\n    account: 'wallet/account',\n    }),\n  },\n  methods: {\n    async getTop_banners() {\n      try {\n        this.top_banners = await getTop_banners();\n      } catch(error) {\n        alert(error);\n      }\n    },\n    selectFile(deviceType) {\n        this.$refs[`${deviceType}File`].click();\n    },\n    handleFileChange(deviceType, event) {\n        this.files[deviceType] = event.target.files[0];\n    },\n    async onSubmitForm() {\n      if (this.loading) return;\n      this.loading = true;\n\n      const payload = new FormData();\n      // ファイルとその他のフォームデータを追加\n      \n      payload.append('banner', this.files.pc);\n      payload.append('thumbnail', this.files.mobile);\n      payload.append('link', this.newBanner.link); \n\n      try {\n        const data = await addBanner(payload); \n        this.loading = false;\n        if (data) {\n            await this.getTop_banners(); // バナー一覧を再取得\n            this.showSaveSection = false; // 保存セクションを閉じる\n            UtilNotify.success(this.$notify, { message: '保存が成功しました' });\n        }\n      } catch (error) {\n          this.loading = false;\n          console.error(error);\n          UtilNotify.error(this.$notify, error);\n      }\n    },\n    async deleteProject(banner_id) {\n      try {\n        this.loading = true;\n        await deleteBanner(banner_id);\n        await this.getTop_banners(); // バナー一覧を再取得\n        UtilNotify.success(this.$notify, { message: '削除しました' });\n      } catch (error) {\n        UtilNotify.error(this.$notify, error);\n      } finally {\n        this.loading = false;\n      }\n    },\n  }\n}\n</script>\n\n<style\n  lang=\"scss\"\n  scoped\n>\n.flex-start-align {\n  display: flex;\n  align-items: center; /* 垂直方向の中央揃えを保持 */\n  justify-content: flex-start; /* 水平方向に左寄せ */\n}\n.bg-section-bg {\n  display: flex;\n  justify-content: center; /* 中央寄せに */\n  align-items: center; /* 垂直中央寄せに */\n}\n\nbutton {\n  position: relative; /* 絶対位置指定がされていないことを確認 */\n  margin-top: 20px; /* 必要に応じて調整 */\n}\nbody {\n  color: #FFFFFF; /* テキストの色を白に変更 */\n  background-color: #5D2555; /* 背景色を濃い紫に設定 */\n  font-family: 'Arial', sans-serif; /* フォントスタイル */\n}\n\ninput, button, select {\n  color: #333; /* テキスト色を暗い色に */\n  background-color: #F5F5F5; /* 背景色を明るい灰色に */\n  border: none; /* ボーダーを非表示に */\n  padding: 10px 15px; /* パディングを調整 */\n  border-radius: 4px; /* 角を丸く */\n}\n\ninput::placeholder {\n  color: #999; /* プレースホルダーの色を暗めの灰色に */\n}\n\nbutton {\n  color: white;\n  background-color: #9C27B0; /* ボタンの背景色を明るい紫に */\n  font-weight: bold;\n  cursor: pointer; /* カーソルをポインターに */\n  transition: background-color 0.3s; /* 背景色の変化を滑らかに */\n}\n\nbutton:hover {\n  background-color: #AB47BC; /* ホバー時の背景色を変更 */\n  opacity: 0.9;\n}\n\na {\n  color: #FFD700; /* リンクの色をゴールドに */\n  text-decoration: none; /* 下線を消す */\n}\n\na:hover {\n  text-decoration: underline; /* ホバー時に下線を表示 */\n}\n\n.banner {\n  background-color: #673AB7; /* バナーの背景色を紫に */\n  color: #FFFFFF; /* バナーのテキスト色を白に */\n  padding: 15px;\n  margin-bottom: 20px; /* バナー間のマージン */\n  border-radius: 8px; /* 角を丸くする */\n}\n.margin{\n  margin-bottom:20px;\n  margin-left:10px;\n}\n.add-section {\n  padding-bottom: 35px;\n  margin-bottom:20px;\n  margin-left:10px;\n}\n\n</style>","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!./manage-topbanner.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!./manage-topbanner.page.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./manage-topbanner.page.vue?vue&type=template&id=2f6f88e8&scoped=true&\"\nimport script from \"./manage-topbanner.page.vue?vue&type=script&lang=js&\"\nexport * from \"./manage-topbanner.page.vue?vue&type=script&lang=js&\"\nimport style0 from \"./manage-topbanner.page.vue?vue&type=style&index=0&id=2f6f88e8&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  \"2f6f88e8\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}