https://akb48group-eizo.jp/app/pages/senkyo/select.8ad7b9e8bc44a455f434.js

1webpackJsonp([71],{"/PuY":function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=a("zczG"),i=a("y99S"),s=!1;var c=function(t){s||a("FL2W")},n=a("VU/8")(r.a,i.a,!1,c,"data-v-2cc4bcbd",null);n.options.__file="pages/senkyo/select.vue",e.default=n.exports},FL2W:function(t,e,a){var r=a("d+ri");"string"==typeof r&&(r=[[t.i,r,""]]),r.locals&&(t.exports=r.locals);a("rjj0")("2611afd1",r,!1,{sourceMap:!1})},"d+ri":function(t,e,a){(t.exports=a("FZ+f")(!1)).push([t.i,".field[data-v-2cc4bcbd]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@media screen and (max-width:640px){.field[data-v-2cc4bcbd]{display:block}}fieldset[data-v-2cc4bcbd]{display:inline;margin-top:15px;padding:14px;border:1px solid #fff;border-radius:4px;height:150px}@media screen and (max-width:640px){fieldset[data-v-2cc4bcbd]{display:block;height:130px;margin:0 auto;margin-top:15px}}fieldset+fieldset[data-v-2cc4bcbd]{margin-left:15px;height:150px}@media screen and (max-width:640px){fieldset+fieldset[data-v-2cc4bcbd]{margin:0 auto}}.election-title[data-v-2cc4bcbd]{margin-top:6px;font-size:1.4rem;font-weight:700;line-height:1.6rem;word-break:keep-all;word-wrap:break-word}.filtering-message[data-v-2cc4bcbd]{font-size:1.1rem;word-break:keep-all;word-wrap:break-word}.select-area[data-v-2cc4bcbd]{text-align:left}.select-area .select-item[data-v-2cc4bcbd]{display:block;width:100%}.select-area .select-item+.select-item[data-v-2cc4bcbd]{margin-left:0;margin-top:12px}.select-area .select_category[data-v-2cc4bcbd]{font-size:1.2rem;width:250px}@media screen and (max-width:640px){.select-area .select_category[data-v-2cc4bcbd]{font-size:1rem;width:250px}}.select-area .select_sub_category[data-v-2cc4bcbd]{font-size:1.2rem;width:100%}@media screen and (max-width:640px){.select-area .select_sub_category[data-v-2cc4bcbd]{font-size:1rem}}.result-area[data-v-2cc4bcbd],.search-area[data-v-2cc4bcbd]{margin-top:12px}.search-area[data-v-2cc4bcbd]{text-align:center;width:100%}.result-area[data-v-2cc4bcbd]{display:inline-block;max-width:100%}.set-candidate[data-v-2cc4bcbd],.set-sub-category[data-v-2cc4bcbd]{display:block;margin-top:12px;text-align:left;font-size:1.2rem;height:100%;color:#ececec;background-color:hsla(0,0%,93%,.2);border:1px solid #fff;border-radius:6px;padding:calc(.375em - 1px) calc(.625em - 1px);word-break:keep-all;word-wrap:break-word;white-space:pre-wrap}@media screen and (max-width:640px){.set-candidate[data-v-2cc4bcbd],.set-sub-category[data-v-2cc4bcbd]{width:100%}}@media screen and (max-width:640px){.set-candidate[data-v-2cc4bcbd]{font-size:1rem}}.is_image[data-v-2cc4bcbd]{text-align:center}.next-button[data-v-2cc4bcbd],.return-button[data-v-2cc4bcbd],.search-button[data-v-2cc4bcbd]{display:block;margin:28px auto 0}.loading-text[data-v-2cc4bcbd]{text-align:center}@media screen and (max-width:640px){.loading-text[data-v-2cc4bcbd]{margin-top:15px}}.candidate[data-v-2cc4bcbd]{display:inline-block;margin:8px;max-width:200px}@media screen and (max-width:640px){.candidate[data-v-2cc4bcbd]{width:44%}}.candidate_img[data-v-2cc4bcbd]{display:block;margin:0 auto;width:180px}@media screen and (max-width:640px){.candidate_img[data-v-2cc4bcbd]{margin-top:10px;margin-bottom:10px}}.candidate_img img[data-v-2cc4bcbd]{width:100%}",""])},y99S:function(t,e,a){"use strict";var r=function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",[a("div",{staticClass:"container"},[a("section",{staticClass:"main-frame"},[a("nav",{staticClass:"breadcrumb",attrs:{"aria-label":"breadcrumbs"}},[a("ul",[a("li",[a("nuxt-link",{attrs:{to:"/home"}},[t._v("ホーム")])],1),a("li",[a("nuxt-link",{attrs:{to:{path:"/senkyo/",query:{id:t.$route.query.id}}}},[t._v("投票企画")])],1),t._m(0)])]),t.loaded?a("div",[a("h2",{staticClass:"election-title"},[t._v(t._s(t.election.title))]),a("div",{staticClass:"field"},[a("fieldset",{staticClass:"field"},[a("div",{staticClass:"select-area"},[a("p",{staticClass:"filtering-message"},[t._v("絞り込み")]),a("div",{staticClass:"select-item"},[a("select",{directives:[{name:"model",rawName:"v-model",value:t.category,expression:"category"}],staticClass:"select_category",attrs:{name:"category"},on:{change:[function(e){var a=Array.prototype.filter.call(e.target.options,function(t){return t.selected}).map(function(t){return"_value"in t?t._value:t.value});t.category=e.target.multiple?a:a[0]},t.select_category]}},t._l(t.categories,function(e){return a("option",{domProps:{value:e}},[t._v(t._s(e))])}))]),t.$route.query.sub_category?a("div",{staticClass:"select-item"},[a("select",{directives:[{name:"model",rawName:"v-model",value:t.sub_category,expression:"sub_category"}],staticClass:"select_sub_category",attrs:{name:"sub_category"},on:{change:[function(e){var a=Array.prototype.filter.call(e.target.options,function(t){return t.selected}).map(function(t){return"_value"in t?t._value:t.value});t.sub_category=e.target.multiple?a:a[0]},t.select_sub_category]}},[a("option"),t._l(t.sub_categories,function(e){return a("option",{domProps:{value:e}},[t._v(t._s(e))])}),a("optgroup",{attrs:{label:""}}

1)],2)]):t._e()])]),a("fieldset",{staticClass:"field"},[a("div",{staticClass:"search-area"},[a("form",{attrs:{onsubmit:"return false"},on:{keyup:function(e){return"button"in e||!t._k(e.keyCode,"enter",13,e.key,"Enter")?t.search(e):null}}},[a("div",{staticClass:"control has-icons-left"},[a("input",{directives:[{name:"model",rawName:"v-model",value:t.keyword,expression:"keyword"}],staticClass:"input",attrs:{type:"text",name:"keyword",maxlength:"100",placeholder:"フリーワードで絞り込み"},domProps:{value:t.keyword},on:{input:function(e){e.target.composing||(t.keyword=e.target.value)}}}),t._m(1)])]),a("a",{staticClass:"button is-rounded search-button",on:{click:t.search}},[t._v("検索")])])])]),a("hr"),a("div",{staticClass:"result-area"},[t.searching?a("div",{staticClass:"loading-text"},[a("p",[t._v("読み込み中...")])]):t.candidates.length>0&&1==t.is_image?a("ul",t._l(t.candidates,function(e){return a("li",{staticClass:"candidate"},[a("nuxt-link",{staticClass:"set-candidate is_image",attrs:{to:{path:"/senkyo/confirm/",query:{id:t.$route.query.id,candidate_id:e.candidate_id,candidate_name:e.name,category:t.$route.query.category,sub_category:t.$route.query.sub_category,keyword:t.$route.query.keyword,image:e.image}}}},[e.image?a("img",{staticClass:"candidate_img",attrs:{src:e.image}}):a("img",{staticClass:"candidate_img",attrs:{src:"/img/noimage.png"}}),t._v(t._s(e.name))])],1)})):t.candidates.length>0&&0==t.is_image?a("ul",t._l(t.candidates,function(e){return a("li",[a("nuxt-link",{staticClass:"set-candidate",attrs:{to:{path:"/senkyo/confirm/",query:{id:t.$route.query.id,candidate_id:e.candidate_id,candidate_name:e.name,category:t.$route.query.category,sub_category:t.$route.query.sub_category,keyword:t.$route.query.keyword}}}},[t._v(t._s(e.name))])],1)})):t._e(),0===t.candidates.length&&t.sub_categories.length>0&&!t.$route.query.keyword?a("ul",t._l(t.sub_categories,function(e){return a("li",[a("p",{staticClass:"set-sub-category",on:{click:function(a){t.set_sub_category(e)}}},[t._v(t._s(e))])])})):t._e(),t.searching||0!==t.candidates.length||0!==t.sub_categories.length?t._e():a("ul",[a("p",[t._v("検索結果は0件です")])])]),a("nuxt-link",{staticClass:"button is-rounded return-button",attrs:{to:{path:"/senkyo/",query:{id:t.$route.query.id}}}},[t._v("戻る")])],1):a("div",{staticClass:"loading-text"},[a("p",[t._v("読み込み中...")])])])])])};r._withStripped=!0;var i={render:r,staticRenderFns:[function(){var t=this.$createElement,e=this._self._c||t;return e("li",{staticClass:"is-active"},[e("a",[this._v("候補選択")])])},function(){var t=this.$createElement,e=this._self._c||t;return e("span",{staticClass:"icon is-small is-left"},[e("i",{staticClass:"fa fa-search"})])}]};e.a=i},zczG:function(t,e,a){"use strict";var r=a("Xxa5"),i=a.n(r),s=a("//Fk"),c=a.n(s),n=a("exGp"),o=a.n(n);e.a={head:{title:"候補者選択 | AKB48グループ映像倉庫",meta:[{hid:"description",name:"description",content:"AKB48グループ映像倉庫の候補者選択ページです。 AKB48グループ映像倉庫はAKB48グループ専用の月額定額制動画配信サービス。コンサート動画、テレビ番組、ドキュメンタリー映画、AKB48・SKE48・NMB48・HTK48・NGT48・STU48などの日々の活動を記録した「活動記録動画」を一挙に集めました。"},{hid:"og:title",name:"og:title",content:"候補者選択 | AKB48グループ映像倉庫"},{hid:"og:description",name:"og:description",content:"AKB48グループ映像倉庫の候補者選択ページです。 AKB48グループ映像倉庫はAKB48グループ専用の月額定額制動画配信サービス。コンサート動画、テレビ番組、ドキュメンタリー映画、AKB48・SKE48・NMB48・HTK48・NGT48・STU48などの日々の活動を記録した「活動記録動画」を一挙に集めました。"}]},middleware:"auth",data:function(){return{election:null,categories:[],sub_categories:[],candidates:[],category:"",sub_category:"",keyword:"",loaded:!1,searching:!0,is_image:!1}},mounted:function(){var t=o()(i.a.mark(function t(){var e=this;return i.a.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:this.$axios.get("/elections/"+this.$route.query.id).then(function(t){var a=t.data;return e.election=a,e.$axios.get("/my/votes/"+e.$route.query.id)}).then(function(t){return t.data.election_id===e.election.election_id?(e.$router.push({path:"/senkyo/votes/",query:{id:e.$route.query.id}}),c.a.resolve()):"accepting"!=e.election.status?(e.$store.dispatch("setError","投票期間外です"),c.a.reject()):e.$store.state.authUser&&!e.$store.state.authUser.is_active?(e.$router.push({path:"/my/payment"}),c.a.resolve()):e.loadQuery()}).then(function(){e.loaded=!0}).catch(function(){e.$router.push({path:"/home"})});case 1:case"end":return t.stop()}},t,this)}));return function(){return t.apply(this,arguments)}}(),methods:{back:function(){var t=o()(i.a.mark(function t(){return i.a.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:this.$router.back();case 1:case"end":return t.stop()}},t,this)}));return function(){return t.apply(this,arguments)}}(),loadQuery:function(){var t=o()(i.a.mark(function t(){var e,a;return i.a.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,this.$axios.get("/elections/"+this.$route.query.id+"/categories");case 2:return e=t.sent,a=e.data,this.categories=a.items,this.$route.query.keyword?this.keyword=this.$route.query.keyword:(this.category=this.$route.query.category,this.sub_category=this.$route.query.sub_category,this.$route.query.category||(this.category=this.categories[0],this.sub_category="")),this.reloadData(),t.abrupt("return",c.a.resolve());case 8:case"end":return t.stop()}},t,this)}));return function(){return t.apply(this,arguments)}}(),select_category:function(){var t=o()(i.a.mark(function t(){return i.a.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:this.sub_categories=[],this.candidates=[],this.sub_category="",this.keyword="",this.reloadData();case 5:case"end":return t.stop()}},t,this)}));return function(){return t.apply(this,arguments)}}(),set_sub_category:function(){var t=o()(i.a.mark(function t(e){return i.a.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:this.sub_category=e,this.keyword="",this.reloadData();case 3:case"end":return t.stop()}},t,this)}));return function(e){return t.apply(this,arguments)}}(),select_sub_category:function(){var t=o()(i.a.mark(function t(){return i.a.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:this.candidates=[],this.keyword="",this.reloadData();case 3:case"end":return t.stop()}},t,this)}));return function(){return t.apply(this,arguments)}}(),search:function(){var t=o()(i.a.mark(function t(){return i.a.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:if(""!==this.keyword){t.next=2;break}return t.abrupt("return");case 2:this.sub_categories=[],this.candidates=[],this.category="",this.sub_category="",this.reloadData();case 7:case"end":return t.stop()}},t,this)}));return function(){return t.apply(this,arguments)}}(),reloadData:function(){var t=o()(i.a.mark(function t(){var e,a,r,s;return i.a.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:if(this.searching=!0,!(this.keyword||this.category&&this.sub_category)){t.next=8;break}return t.next=4,this.$axios.get("/elections/"+this.$route.query.id+"/candidates",{params:{category:this.category,sub_category:this.sub_category,keyword:this.keyword}});case 4:e=t.sent,a=e.data,this.candidates=a.items,this.is_image=a.is_image;case 8:if(!this.category){t.next=14;break}return t.next=11,this.$axios.get("/elections/"+this.$route.query.id+"/categories",{params:{category:this.category}});case 11:r=t.sent,s=r.data,this.sub_categories=s.items;case 14:this.searching=!1,this.$router.push({path:"/senkyo/select/",query:{id:this.$route.query.id,category:this.category,sub_category:this.sub_category,keyword:this.keyword}});case 16:case"end":return t.stop()}},t,this)}));return function(){return t.apply(this,arguments)}}()}}}});