5/5(日) Sweet Candy Music☆ (2024)

'); answer.append($('

').addClass('ticket__modal__body__content__label--introducer_text').text(v.introducer_text)); answer.append($('

').addClass('ticket__modal__body__content__label--introducer_text').addClass('mt20px').text("あなたの回答")); answer.append($('

').addClass('ticket__modal__body__content__label--introducer').text(v.introducer)); answer.append($('

')); answers.append(answer); }); $('#show-modal-answer-list').html(answers); } else { $(".only_introduecer").hide(); } if (ticket.introducer_tell_text != null) { $('.only_introducer_tell_text').show(); $("#show-modal-introducer_tell_text").text(ticket.introducer_tell_text); $("#show-modal-introducer_tell").text(ticket.introducer_tell); } else { $('.only_introducer_tell_text').hide(); } if (ticket.introducer_adress_text != null) { $('.only_introducer_adress_text').show(); $("#show-modal-introducer_adress_text").text(ticket.introducer_adress_text); $("#show-modal-introducer_adress").text(ticket.introducer_adress); } else { $('.only_introducer_adress_text').hide(); } if (ticket.introducer_name_text != null) { $('.only_introducer_name_text').show(); $("#show-modal-introducer_name_text").text(ticket.introducer_name_text); $("#show-modal-introducer_name").text(ticket.introducer_name); } else { $('.only_introducer_name_text').hide(); } $("#ticket-body-slider").slick('slickUnfilter'); if (ticket.event_shop_path != null) { $("#js-ticket-shops-content").addClass("ticket-detail-filter"); $("#js-tab-shop-link").attr("href", ticket.event_shop_path); $("#js-tab-shop").show(); } else { $("#js-ticket-shops-content").removeClass("ticket-detail-filter"); $("#js-tab-shop").hide(); } $("#ticket-body-slider").slick('slickFilter', '.ticket-detail-filter'); if (ticket.is_set_streaming_url == true) { if (ticket.streaming_url.length > 0) { $("#show-modal-streaming_url").html("

"); $("#show-modal-streaming_url").show(); } else { $("#show-modal-streaming_url").html("

"); $("#show-modal-streaming_url").show(); } }else{ $("#show-modal-streaming_url").html(""); $("#show-modal-streaming_url").hide(); } $("#qrimage-area").html(""); if (ticket.admission){ $("#qrimage-admissioned").show(); }else{ $("#qrimage-admissioned").hide(); } if (ticket.is_albirex){ let dateLength = $('[id^="show-modal-date-"]').length; let firstDate = $("#show-modal-date-0").text(); let lastDate = $("#show-modal-date-" + (dateLength - 1)).text(); $("#show-modal-date-0").html("開催日：" + firstDate + "〜
" + lastDate); $('[id^="show-modal-date-"]').each(function() { let id = $(this).attr("id"); if (id !== "show-modal-date-0") { $(this).hide(); } }); $('[id^="show-modal-time-"]').hide(); } $('#ticket-body-slider').slick('slickGoTo', 0); changeTabbtnStatus(0); $.when(animateTicketDetail()).done(function(){ setTimeout(function(){ setQRZoomIconPos(ticket.admission); }, 510); });}function updateTicketAdmission(ticket, id) { if (ticket.can_admission && !ticket.is_stream_only) { if (ticket.admission) { $("#admission_request-button").removeClass("button-admission"); $("#admission_request-button").addClass("button-admitted"); $("#admission_request-button").html("入場済み"); $("#admission_request-button").unbind('click').on('click', function(){ $("#show-modal").modal('hide'); showAdmissionCompleteModal(); }); } else { $("#admission_request-button").removeClass("button-admitted"); $("#admission_request-button").addClass("button-admission"); $("#admission_request-button").html("入場受付"); $("#admission_request-button").unbind('click').on('click', function(){ $("#show-modal").modal('hide'); showAdmissionRequestModal(ticket, function(){ if (ticket.is_sub_ticket) { showTicket(id, ticket.id); } else { showTicket(ticket.id); } }); }); } $("#admission_request-button").show(); } else { $("#admission_request-button").hide(); }}function updatePrevNext(ticket){ const prev_id = ticket.is_sub_ticket ? (ticket.sub_prev || ticket.prev) : (ticket.prev || ticket.sub_prev); const next_id = ticket.is_sub_ticket ? (ticket.sub_next || ticket.next) : (ticket.next || ticket.sub_next); if (hasPrevNext(ticket)){ $(".ticket__modal__body__content").each(function(){ $(this).addClass("ticket__modal__body__content--with-nav"); }) $(".ticket__modal__body__content__border").each(function(){ $(this).addClass("ticket__modal__body__content__border--with-nav"); }) $("#navigate-prev").show(); $("#navigate-next").show(); if (prev_id != null){ $("#navigate-prev").removeClass("ticket__modal__navigate__btn--disable"); $("#navigate-prev").attr('ticket-id', prev_id); }else{ $("#navigate-prev").addClass("ticket__modal__navigate__btn--disable"); $("#navigate-prev").attr('ticket-id', null); } if (next_id != null){ $("#navigate-next").removeClass("ticket__modal__navigate__btn--disable"); $("#navigate-next").attr('ticket-id', next_id); }else{ $("#navigate-next").addClass("ticket__modal__navigate__btn--disable"); $("#navigate-next").attr('ticket-id', null); } }else{ $(".ticket__modal__body__content").each(function(){ $(this).removeClass("ticket__modal__body__content--with-nav"); }) $(".ticket__modal__body__content__border").each(function(){ $(this).removeClass("ticket__modal__body__content__border--with-nav"); }) $("#navigate-prev").hide(); $("#navigate-next").hide(); }}function animateTicketDetail() { $('#ticket-body-slider').removeClass('fade-show'); $('#ticket-body-slider').addClass('fade-hide'); $('.ticket__modal__header__shadow').removeClass('fade-show'); $('.ticket__modal__header__shadow').addClass('fade-hide'); $("#show-modal-image").removeClass('fade-show'); $("#show-modal-image").addClass('fade-hide-photo'); $('.ticket__modal__footer').removeClass('fade-show'); $('.ticket__modal__footer').addClass('fade-hide'); $('.ticket__modal__header__time__circle').removeClass('fade-show'); $('.ticket__modal__header__time__circle').addClass('fade-hide-timer'); $('.ticket__modal__close').removeClass('fade-show'); $('.ticket__modal__close').addClass('fade-hide-timer'); setTimeout(function(){ $('#ticket-body-slider').addClass('fade-show'); $('#ticket-body-slider').removeClass('fade-hide'); $('.ticket__modal__header__shadow').addClass('fade-show'); $('.ticket__modal__header__shadow').removeClass('fade-hide'); $("#show-modal-image").addClass('fade-show'); $("#show-modal-image").removeClass('fade-hide-photo'); $('.ticket__modal__footer').addClass('fade-show'); $('.ticket__modal__footer').removeClass('fade-hide'); $('.ticket__modal__header__time__circle').addClass('fade-show'); $('.ticket__modal__header__time__circle').removeClass('fade-hide-timer'); $('.ticket__modal__close').addClass('fade-show'); $('.ticket__modal__close').removeClass('fade-hide-timer'); }, 500);}var timeInterval = null;var closeDate = null;function showTimeCircle(ticket_disp_msec){ if (timeInterval){ clearInterval(timeInterval); } $(".ticket__modal__header__time__circle__label").text("--:--"); if (ticket_disp_msec > 0){ // countdown closeDate = new Date(); closeDate.setSeconds(closeDate.getSeconds() + (ticket_disp_msec / 1000)); timeInterval = setInterval(updateCloseTimer, 1000); $('#circle-faceopen-logo').show(); }else{ // current timeInterval = setInterval(updateCurrentTimer, 1000); $('#circle-faceopen-logo').hide(); }}function updateCloseTimer(){ var today = new Date();//今の日時 var t = Math.round((closeDate.getTime() - today.getTime()) / 1000); var h = ("0" + Math.floor((t / 3600 | 0 ))).slice(-2); var m = ("0" + (t % 3600 / 60 | 0)).slice(-2); var s = ("0" + Math.round(t % 60)).slice(-2); if((h <= 0) && (m <= 0) && (s <= 0)){ clearInterval(timeInterval); $("#show-modal").modal('hide'); if($('#lightbox').is(':visible')){ $('#lightboxOverlay').trigger('click'); } }else{ if(h > 0){ $(".ticket__modal__header__time__circle__label").text(h + ":" + m + ":" + s); } else{ $(".ticket__modal__header__time__circle__label").text(m + ":" + s); } }}function updateCurrentTimer(){ var today = new Date();//今の日時 var h = ("0" + today.getHours()).slice(-2); var m = ("0" + today.getMinutes()).slice(-2); $(".ticket__modal__header__time__circle__label").text(h + ":" + m);}$(document).on('ready page:load', function(){ $('#ticket-body-slider').slick({ adaptiveHeight: false, arrows: false, infinite: false, rows: 1, }); $('#ticket-body-slider').on('beforeChange', function(event, slick, current, next){ changeTabbtnStatus(next); }); $('.ticket__modal__footer__tabbtn__container').on('click', function(){ var tabIndex = $('.ticket__modal__footer__tabbtn__container').index(this); // 自身より前の非表示タブの個数 var hiddenTabsCount = $('.ticket__modal__footer__tabbtn__container').filter(function(i) { return i < tabIndex && $(this).is(':hidden'); }).length; var slickIndex = tabIndex - hiddenTabsCount; $('#ticket-body-slider').slick('slickGoTo', slickIndex); }); $("#ticket__modal__body__content__qrcode__zoom__image").on('click', function(){ $('.ticket__modal__body__content__qrcode__image').trigger('click'); }); $("#navigate-prev").on('click', function(){ if ($(this).attr("ticket-id") != null){ const ids = $(this).attr("ticket-id").split(":"); showTicket(ids[0], ids.length > 1 ? ids[1] : null); } return false; }); $("#navigate-next").on('click', function(){ if ($(this).attr("ticket-id") != null){ const ids = $(this).attr("ticket-id").split(":"); showTicket(ids[0], ids.length > 1 ? ids[1] : null); } return false; }); $('#show-modal').on('hide.bs.modal', function () { if (timeInterval){ clearInterval(timeInterval); } });});function updateResaleStatus(ticket){ $("#resales_request-button").unbind('click').on('click', function(){ if ($("#resales_request-button").attr('disabled') == 'disabled') { return false; } $('#show-modal').unbind('hidden.bs.modal').one('hidden.bs.modal', function () { showResalesRequestModal(ticket.id, ticket.volume, ticket.resale_system_fee); }); $("#show-modal").modal('hide'); }); if (ticket.already_resales_request) { setCancelResalesButton(ticket.id); } else { let resales_msg = "" switch (ticket.can_not_resales_reason) { case "term_issue": resales_msg = "

購入から180日以上経過しているため

リセール手続きを行うことができません。

"; break; case "payment_method_issue": resales_msg = "

コンビニ決済で購入されたチケットは

リセール対象ではありません。

"; break; case "setting_issue": resales_msg = "

このチケットは

リセール対象ではありません。

"; break; case "divide_issue": resales_msg = "

チケットを分配している為

リセール手続を行うことができません。

"; break; case "sub_ticket_issue": resales_msg = "

分配で受け取ったチケットは

リセール手続を行うことができません。

"; break; default: resales_msg = "

リセールに出すことで

キャンセル待ちしているユーザーに

定価でチケットを譲渡することができます。

" } $("#resales-request-desc").show(); $("#resales-request-desc").html(resales_msg); $("#resales-cancel-desc").hide(); $("#resales_request-button").show(); $("#resales_cancel-button").hide(); if (ticket.expire_resales_period || !ticket.can_resales) { $("#resales_request-button").text("リセールする"); $("#resales_request-button").attr("disabled", true); } else { $("#resales_request-button").text("リセールする"); $("#resales_request-button").attr("disabled", false); } }}// 分配ボタンを作成する関数function createDivideButton(ticket,index) { // 1. ボタンの状態を取得 const button_state = ticket.divide_button_state_array[index]; // 2. ボタンの状態に応じて、ボタンを作成 if (button_state == "create") { return $('').addClass('divide-request-button-background btn divide-button-default divide-create-button button-effect divide-request-create').text("分配する"); } else if (button_state == "cancel") { return $('').addClass('divide-request-button-background btn divide-button-default divide-cancel-button button-effect divide-request-cancel ').text('分配取消'); } else if (button_state == "assigned") { return $('').addClass('divide-request-button-background btn divide-button-default divide-disable-button button-effect ').attr('disabled', true).text('分配済み'); }}// リスト項目を作成する関数function createListItem(ticket, index) { const $button = createDivideButton(ticket, index); const $listItem = $('

'); // Tiget予約席の場合は、座席情報を表示する、そうでない場合はnumとprefixを表示する if(ticket.is_reservation_seat){ $listItem.append($('

').addClass('divide__body__content__label--bold').text(ticket.reservation_seat_hash[index])); }else{ $listItem.append($('

').addClass('divide__body__content__label--bold').text(ticket.formatted_receipt_nums[index])); } $listItem.append($button.attr('data-button-index', index)); return $listItem;}// 分配ボタンのクリックイベントをバインドする関数function bindCreateButtonClick(ticket) { $(".divide-request-create").unbind('click').on('click', function () { const buttonIndex = $(this).data('button-index'); $('#show-modal').unbind('hidden.bs.modal').one('hidden.bs.modal', function () { showDivideCreateRequestModal(ticket.id, buttonIndex); }); $("#show-modal").modal('hide'); });}// キャンセルボタンのクリックイベントをバインドする関数function bindDeleteButtonClick(ticket, divide_edit_url_hash) { $(".divide-request-cancel").unbind('click').on('click', function () { const buttonIndex = $(this).data('button-index'); $('#show-modal').unbind('hidden.bs.modal').one('hidden.bs.modal', function () { showDivideDeleteRequestModal(ticket.divide_id_index_to_num_hash[buttonIndex], ticket.id,buttonIndex, divide_edit_url_hash[buttonIndex]); }); $("#show-modal").modal('hide'); });}// 分配ステータスを更新する関数function updateDivideStatus(ticket) { // 1. 分配モーダルのメッセージを変更 let divide_msg = "" switch (ticket.can_not_divide_for_reason) { case "can_not_divide": divide_msg = "

このチケットは

分配対象ではありません。

"; break; case "alredy_resale": divide_msg = "

現在のチケットがリセールに出てる為

分配手続きを行うことができません。

"; break; case "sub_ticket": divide_msg = "

分配で受け取ったチケットは

再分配することができません。

"; break; default: divide_msg = "

購入したチケットを同行者へ

分配することができます。

" } $("#divide-request-desc").show(); $("#divide-request-desc").html(divide_msg); $("#resales-cancel-desc").hide(); if (!ticket.is_sub_ticket){ // 2. `

`要素を作成し、`
• `要素を追加 const $list = $('
  '); $.each(ticket.formatted_receipt_nums, function (index) { const $listItem = createListItem(ticket, index); $list.append($listItem); }); // 3. `
  `要素に`
  • `要素を追加し、`#show-modal-numbers`に挿入 $('#show-modal-divide-ticket').html($list); // 4. 作成ボタンのイベントを設定 bindCreateButtonClick(ticket); //can_not_divide_for_reasonがnilでない場合は、分配ボタンを押せないようにする const $createButton = $(".divide-request-create"); if (ticket.can_not_divide_for_reason !== null) { $createButton.prop("disabled", true).css("opacity", 0.5); } // 5. キャンセルボタンのイベントを設定 const divide_edit_url_hash = ticket.divide_num_index_to_edit_url_hash; bindDeleteButtonClick(ticket, divide_edit_url_hash); $("#divide-notes").show(); }else{ $('#show-modal-divide-ticket').html(""); $("#divide-notes").hide(); }}function setCancelResalesButton(ticket_id){ $("#resales_request-button").hide(); $("#resales_cancel-button").show(); $('#resales_cancel-button').unbind('click').on('click', function(){ $('#show-modal').unbind('hidden.bs.modal').one('hidden.bs.modal', function () { showResalesCancelModal(ticket_id); }); $("#show-modal").modal('hide'); }); $("#resales-request-desc").hide(); $("#resales-cancel-desc").show();}function showFaceopenImage(){ $("#faceopen-face-image").show(); $("#faceopen-image-alert").show();}function hideFaceopenImage(){ $("#faceopen-face-image").hide(); $("#faceopen-image-alert").hide();}function hasPrevNext(ticket){ return true && (ticket.prev != null || ticket.next != null || ticket.sub_prev != null || ticket.sub_next != null);}function setModalOpen(ticket){ if (hasPrevNext(ticket)){ $('body').addClass('modal-open'); }}function calcTicketModalHeight(ticket){ var windowHeight = window.innerHeight; if (ticket == null){ if ($('#navigate-prev').is(':visible') || $('#navigate-next').is(':visible')) { windowHeight = windowHeight - 25; } } else { if (hasPrevNext(ticket)){ windowHeight = windowHeight - 25; } } var contentHeight = windowHeight - 160; if (window.innerWidth > 768){ $('.ticket__modal__body__content').height(480); $('.slick-list').height(480); $('.ticket__modal__body__content__border--with-nav').height(420); $('.ticket__modal__body__content__border').height(420); $('.ticket__modal__body__content__scroller').height(360); $('.ticket__modal__body__content__scroller--topmargin').height(300); } else if (contentHeight > 360){ $('.ticket__modal__body__content').height(contentHeight); $('.slick-list').height(contentHeight); $('.ticket__modal__body__content__border--with-nav').height(windowHeight - 190); $('.ticket__modal__body__content__border').height(windowHeight - 220); }}function setQRZoomIconPos(is_admission){ var zoom_icon = $("#ticket__modal__body__content__qrcode__zoom__image"); var zoom_icon_none = $('.ticket__modal__body__content__qrcode__zoom__image--none'); if (is_admission){ zoom_icon.removeAttr("style"); zoom_icon.hide(); zoom_icon_none.show(); } else { zoom_icon.css("left", ($('.ticket__modal__body__content__border').width() / 2) + ($('#qrimage-area').width() / 2)); zoom_icon.show(); zoom_icon_none.hide(); }}function dispSeatInfoStr(seat_type_str){ let disp_str = ""; if (seat_type_str != null && seat_type_str != "-") { disp_str = escapeWithoutNewLine(seat_type_str); } return disp_str;}// タブボタン制御function changeTabbtnStatus(index) { // slick上のindexから表示されているタブボタンを取得 var targetTab = $('.ticket__modal__footer__tabbtn__container').filter(function(i) { return $(this).is(':visible'); })[index]; if (targetTab == null) {targetTab = $('.ticket__modal__footer__tabbtn__container').eq(0)} $('.ticket__modal__footer__tabbtn__container').addClass('ticket__modal__footer__tabbtn--inactive'); $('.ticket__modal__footer__tabbtn__container').removeClass('ticket__modal__footer__tabbtn--active'); $(targetTab).addClass('ticket__modal__footer__tabbtn--active'); $(targetTab).removeClass('ticket__modal__footer__tabbtn--inactive');}

    ×

    リセール待ちする

    リセール待ちすると、チケットを購入した方が再販売をした場合に、メールでリセール通知を受け取ることができます。

    リセール待ちする

    キャンセル

    ×

    リセール待ちしました

    チケットを購入した方が再販売をした場合、メールでリセール通知が届くようになりました。

    閉じる