\n ${post.caption.length > 40 ? `${post.caption.substring(0, 40)}...` : post.caption}\n
\n | 子選択 | \n画像 | \n商品名 | \n
|---|
保有UGC数以下の数字を設定してください。
\");\n $(`.ugc_optimization_submit`).addClass('pointer-events-none bg-gray-500 ');\n $(`.ugc_optimization_submit`).addClass('pointer-events-none bg-gray-500 ');\n } else if (current_display_num > Number(each_rank_max_ugc_count_list[idx])) {\n // alert(\"NG!!\");\n $(`.ugc_optimization__input--display_${idx}`).val('');\n $(`.ugc_optimization__input--display_${idx}`).before(\"保有UGC数以下の数字を設定してください。
\");\n $(`.ugc_optimization_submit`).addClass('pointer-events-none bg-gray-500 ');\n } else {\n $(`.ugc_optimization__input--display_${idx}`).removeClass('pointer-events-none, bg-gray-500');\n }\n }\n });\n\n $('#display_prioritized_ugc_flag').change(function () {\n let prioritized_ugc_flag = 0;\n let ugc_group_id = $('#ugc_optimization_group_select option:selected').attr('data-group_id');\n let device_type = $('.ugc_optimization__device_type.opacity-50').data('device'); // 0:pc 1: phone\n\n $('.ugc_optimization__device_type').hasClass('opacity-50');\n\n if ($('#display_prioritized_ugc_flag').prop('checked')) {\n prioritized_ugc_flag = 1;\n } else {\n prioritized_ugc_flag = 0;\n }\n $.ajax({\n url: '/update_is_displayed_prioritized_ugc',\n type: 'POST',\n data: {\n ugc_group_id: ugc_group_id,\n prioritized_ugc_flag: prioritized_ugc_flag,\n device_type: device_type,\n },\n dataType: 'json',\n })\n .done(function (data) {\n // ¥ 改行を残してそれ以外の不要な空白を削除する\n alert(`設定を変更しました。`.replace(/[ \\t]/g, ''));\n })\n .fail(function (jqXHR, textStatus, errorThrown) {})\n .always(function () {\n location.reload();\n });\n });\n\n // 関連商品の連携をしてから表示させる日数を変更する処理(DB更新)\n $('#ugc_optimization_prioritized_position').change(function () {\n let ugc_prioritized_position = $('#ugc_optimization_prioritized_position option:selected').val();\n let ugc_group_id = $('#ugc_optimization_group_select option:selected').attr('data-group_id');\n if (ajax_save_ugc_display_num((alarm_flag = false)) == false) {\n location.reload();\n return;\n }\n\n $.ajax({\n url: '/update_ugc_prioritized_position',\n type: 'POST',\n data: {\n ugc_group_id: ugc_group_id,\n ugc_prioritized_position: ugc_prioritized_position,\n },\n dataType: 'json',\n })\n .done(function (data) {\n // ¥ 改行を残してそれ以外の不要な空白を削除する\n alert('設定を変更しました。');\n })\n .fail(function (jqXHR, textStatus, errorThrown) {\n alert(\n `設定の変更に失敗しました。\n 再度お試しください。問題が継続する場合、弊社カスタマーサクセスまでご連絡ください。\n `.replace(/[ \\t]/g, '')\n );\n })\n .always(function () {\n location.reload();\n });\n });\n\n // 関連商品の連携をしてから表示させる日数を変更する(dbに保存する前)前の日数を取得\n let ugc_previous_prioritized_period = $('#ugc_optimization_prioritized_ugc_select option:selected').val() || '';\n\n // 関連商品の連携をしてから表示させる日数を変更する処理(DB更新)\n $('#ugc_optimization_prioritized_ugc_select').change(function () {\n let ugc_prioritized_period = $('#ugc_optimization_prioritized_ugc_select option:selected').val();\n let ugc_group_id = $('#ugc_optimization_group_select option:selected').attr('data-group_id');\n\n // - SABCの順に選択されたグループのugc設定表示数を保存する\n let ugc_display_num_list = [];\n\n for (let idx = 0; idx < $('.ugc_optimization__input--display').length; idx++) {\n const element = $('.ugc_optimization__input--display')[idx];\n\n if (Number($(element).val()) > Number($(`.opt_ugc_count_${idx}`).text())) {\n alert('保有UGC数を超えた数を入力しています。修正をお願いします。');\n return false;\n }\n\n ugc_display_num_list.push($(element).val());\n }\n\n let selected_group_el = $('#ugc_optimization_group_select option:selected');\n\n // ¥ 各ランクごとの保有UGC数を取得する\n let ugc_display_max_num_list = [];\n $.each($('.ugc_optimization__input--display'), function (idx, el) {\n ugc_display_max_num_list.push($(el).attr('max'));\n });\n\n $.ajax({\n url: '/update_ugc_prioritized_period',\n type: 'POST',\n data: {\n ugc_group_id: ugc_group_id,\n ugc_prioritized_period: ugc_prioritized_period,\n ugc_previous_prioritized_period: ugc_previous_prioritized_period,\n },\n dataType: 'json',\n })\n .done(function (data) {\n alert('関連商品の連携をしてから表示させる日数を変更しました。');\n location.reload();\n })\n .fail(function (jqXHR, textStatus, errorThrown) {\n alert(\n `関連商品の連携をしてから表示させる日数の変更に失敗しました。\n 再度お試しください。問題が継続する場合、弊社カスタマーサクセスまでご連絡ください。\n `.replace(/[ \\t]/g, '')\n );\n });\n });\n\n const ajax_save_ugc_display_num = function (alert_flag = true) {\n // - SABCの順に選択されたグループのugc設定表示数を保存する\n let ugc_display_num_list = [];\n\n for (let idx = 0; idx < $('.ugc_optimization__input--display').length; idx++) {\n const element = $('.ugc_optimization__input--display')[idx];\n\n if (Number($(element).val()) > Number($(`.opt_ugc_count_${idx}`).text())) {\n alert('保有UGC数を超えた数を入力しています。修正をお願いします。');\n return false;\n }\n\n ugc_display_num_list.push($(element).val());\n }\n\n let selected_group_el = $('#ugc_optimization_group_select option:selected');\n\n // ¥ 各ランクごとの保有UGC数を取得する\n let ugc_display_max_num_list = [];\n $.each($('.ugc_optimization__input--display'), function (idx, el) {\n ugc_display_max_num_list.push($(el).attr('max'));\n });\n\n $.ajax({\n type: 'POST',\n url: DOMAIN + '/save_ugc_display_num',\n data: {\n selected_group_id: selected_group_el.data('group_id'),\n selected_group_name: selected_group_el.data('group_name'),\n ugc_display_num_list: ugc_display_num_list,\n ugc_display_max_num_list: ugc_display_max_num_list,\n selected_device_type: $('#ugc_optimization_device_val').val(),\n\n // ugc_fixed_display_num_list: ugc_fixed_display_num_list,\n },\n dataType: 'json',\n success: function (response) {\n alert_flag ? alert('設定を更新しました。') : '';\n location.reload();\n },\n error: function (jqXHR, textStatus, errorThrown) {\n // error code here\n },\n });\n };\n\n // * 最適化設定を更新ボタンをクリック - SABCの順に選択されたグループのugc設定表示数や固定表示数をDBに保存する\n $('#ugc_optimization__submit')\n .off('click')\n .on('click', function () {\n if (group_ugc_item_actual_total_count === -99) {\n alert('UGCグループを選択してください。');\n } else {\n ajax_save_ugc_display_num();\n }\n }); // $('#ugc_optimization__submit')\n }\n}); // end of document.addEventListener(\"turbolinks:load\", function () {\n","document.addEventListener(\"turbolinks:load\", function () {\n const DOMAIN = $('#pl_domain').val();\n const isSpecialURL = window.location.href.includes(`${DOMAIN}/ugc_report`) || \n window.location.href == `${DOMAIN}` || \n window.location.href == `${DOMAIN}/`;\n\n // トグルボタンのクリックイベント\n $('#darkmode_toggle').on(\"change\", function() {\n if (isSpecialURL) {\n if ($('html').hasClass('dark')) {\n document.cookie = \"dark_mode=disabled\"; // Set cookie\n } else {\n document.cookie = \"dark_mode=enabled\"; // Set cookie\n }\n location.reload();\n } else {\n $('html').toggleClass('dark');\n\n if ($('html').hasClass('dark')) {\n $('html').attr('data-theme', 'dark');\n document.cookie = \"dark_mode=enabled\"; // Set cookie\n } else {\n $('html').attr('data-theme', 'light');\n document.cookie = \"dark_mode=disabled\"; // Set cookie\n }\n }\n });\n});","document.addEventListener('turbolinks:load', function () {\n\n const DOMAIN = $('#pl_domain').val();\n\n $('.chat_bot_slideup_btn').on('click', function () {\n $.when($(this).parent().parent().children('.chat_bot_slide_flag').slideUp()).done($(this).fadeOut(0), $(this).parent().children('.chat_bot_slidedown_btn').fadeIn(0));\n });\n\n $('.chat_bot_slidedown_btn').on('click', function () {\n $.when($(this).parent().parent().children('.chat_bot_slide_flag').slideDown()).done($(this).fadeOut(0), $(this).parent().children('.chat_bot_slideup_btn').fadeIn(0));\n });\n\n // ------------------------------------------------------------------------------------------------\n // チャットボットレポート\n // ------------------------------------------------------------------------------------------------\n function chat_bot_update_url() {\n const chat_id = $('#chat_selects option:selected').val();\n const chat_option_id = $('#chat_option_selects option:selected').val();\n const gf = $('#chat_graph_pattern_select_input').val();\n const device = $('.chat_device_select').data('device');\n const start_day = $('#chat_report_start_day').val();\n const end_day = $('#chat_report_end_day').val();\n\n let url = new URL(window.location.href);\n let params = url.searchParams;\n\n if (chat_id !== 'none' && chat_id !== null && chat_id !== undefined) {\n params.set('chat_id', chat_id);\n } else {\n params.delete('chat_id');\n }\n\n if (chat_option_id !== 'none' && chat_option_id !== null && chat_option_id !== undefined) {\n params.set('chat_option_id', chat_option_id);\n } else {\n params.delete('chat_option_id');\n }\n\n if (gf) {\n params.set('gf', gf);\n } else {\n params.delete('gf');\n }\n\n if (device == \"0\" || device == \"1\" || device == \"2\") {\n params.set('device', device);\n } else {\n params.delete('device');\n }\n\n if (gf === '12') {\n params.delete('start_day');\n params.delete('end_day');\n } else { // このelseブロックを追加\n if (start_day) {\n params.set('start_day', start_day);\n } else {\n params.delete('start_day');\n params.delete('end_day');\n }\n\n if (end_day) {\n params.set('end_day', end_day);\n } else {\n params.delete('start_day');\n params.delete('end_day');\n }\n }\n\n url.search = params.toString();\n location.href = url.toString();\n }\n\n // #################################################################\n // チャットボット,チャットボットメニューの選択\n // #################################################################\n $('#chat_selects, #chat_option_selects').on('change', function () {\n chat_bot_update_url();\n });\n\n // #################################################################\n // 日毎、月毎のグラフ切り替え\n // #################################################################\n $('.chat_graph_pattern_select_day, .chat_graph_pattern_select_month').on('click', function () {\n const gf_value = $(this).data('gf');\n $('#chat_graph_pattern_select_input').val(gf_value);\n chat_bot_update_url();\n });\n\n // #################################################################\n // デバイスごとのグラフ切り替え\n // #################################################################\n $('.chat_device_select_all, .chat_device_select_pc, .chat_device_select_phone').on('click', function () {\n const device = $(this).data('device');\n $('.chat_device_select').data(\"device\", device);\n chat_bot_update_url();\n });\n\n // #################################################################\n // 範囲選択によるグラフ切り替え\n // #################################################################\n $('#chat_report_start_day, #chat_report_end_day').on('change', function () {\n chat_bot_update_url();\n });\n\n // #################################################################\n // 表の年月切り替え\n // #################################################################\n $('#ua_chat_month_selects').on('change', function () {\n let chat_id = $('#chat_selects option:selected').val();\n let month = $('#ua_chat_month_selects option:selected').val();\n let url = new URL(window.location.href);\n\n if (month != '') {\n if (url.searchParams.has('m')) {\n // 値が \"0\"か\"1\" なら \"2\" に更新する\n let new_value = month;\n // パラメーターの値を更新する\n url.searchParams.set('m', new_value);\n } else {\n // パラメーターにdeviceがない場合\n // 新しいパラメーターを追加する\n url.searchParams.append('m', month);\n }\n\n // 更新されたURLにリダイレクトする\n location.href = url.toString();\n } else {\n // monthが空文字の時は指定したURLにリダイレクトする\n // location.href = 'ugc_analysis';\n }\n });\n\n // #################################################################\n // チャットボットのログデータのみの削除\n // #################################################################\n $('.delete_chat_bot_log_data').on('click', function () {\n if (!confirm('本当に削除を実行しますか？')) {\n return;\n }\n const chat_id = $('#chat_selects option:selected').val();\n\n $.ajax({\n url: '/c/delete_chat_log',\n type: 'POST',\n data: {\n chat_id: chat_id,\n },\n dataType: 'json',\n }).done(function (data) {\n if (data.ret == '0') {\n location.reload();\n }\n });\n });\n\n // #################################################################\n // チャットボットのログデータと関連するデータ全ての削除\n // #################################################################\n $('.delete_chat_bot_log_data_and_related_data').on('click', function () {\n if (!confirm('本当に完全削除を実行しますか？')) {\n return;\n }\n const chat_id = $('#chat_selects option:selected').val();\n\n $.ajax({\n url: '/c/delete_chat_log_and_related_data',\n type: 'POST',\n data: {\n chat_id: chat_id,\n },\n dataType: 'json',\n }).done(function (data) {\n if (data.ret == '0') {\n location.href = '/c/index';\n }\n });\n });\n\n // #################################################################\n // チャットボットのレポートのcsv出力\n // #################################################################\n $('#download_chat_csv').on('click', function () {\n const chat_id = $('#chat_selects option:selected').val();\n const month = $('#ua_chat_month_selects option:selected').val();\n const device = $('.chat_device_select').data('device');\n\n let href = '/download_chat_csv';\n\n href += `?chat_id=${chat_id}`;\n href += `&m=${month}`;\n href += `&device=${device}`;\n location.href = href;\n });\n\n // ------------------------------------------------------------------------------------------------\n // チャットボット設定\n // ------------------------------------------------------------------------------------------------\n // #################################################################\n // チャットボットの選択と新規登録\n // #################################################################\n $('#chat_bot_select_box').on('change', function () {\n let chat_id = $('#chat_bot_select_box option:selected').val();\n\n if (chat_id == 'new') {\n $('.chat_bot_set_wrapper').css('display', 'block');\n $('.chat_bot_edit_name_setting_wrapper').css('display', 'none');\n $('.chat_bot_url_setting_wrapper').css('display', 'none');\n $('.chat_bot_excluded_url_setting_wrapper').css('display', 'none');\n $('.chat_bot_delete_setting_wrapper').css('display', 'none');\n $('.chat_bot_detail_custom_setting_wrapper').css('display', 'none');\n $('.chat_bot_pc_design_custom_setting_wrapper').css('display', 'none');\n $('.chat_bot_sp_design_custom_setting_wrapper').css('display', 'none');\n $('.chat_bot_report_jump_btn').css('display', 'none');\n $('.chat_bot_show_valid_setting_wrapper').css('display', 'none');\n $('.chat_bot_preview_setting_wrapper').css('display', 'none');\n $('.chat_bot_preview_url_list_wrapper').css('display', 'none');\n $('.chat_bot_img_upload_wrapper').css('display', 'none');\n $('.chat_bot_icon_upload_wrapper').css('display', 'none');\n $('.chat_bot_img_url_setting_wrapper').css('display', 'none');\n $('.chat_bot_sp_show_valid_setting_wrapper').css('display', 'none');\n $('.chat_bot_title_img_upload_wrapper').css('display', 'none');\n } else {\n location.href = `/chat_bot_setting/index?chat_id=${chat_id}`;\n }\n });\n\n\n // #################################################################\n // チャットボットの新規登録\n // #################################################################\n $('#chat_bot_set').on('click', function () {\n let chat_bot_input_val = $('#chat_bot_input').val();\n if (!chat_bot_input_val) {\n alert('チャットボット名を入力してください。');\n return;\n }\n $('#chat_bot_set').css('pointer-events', 'none');\n $.ajax({\n url: DOMAIN + '/create_chat_bot',\n type: 'POST',\n data: {\n name: chat_bot_input_val,\n },\n dataType: 'json',\n }).done(function (data) {\n location.href = `/chat_bot_setting/index?chat_id=${data.chat.id}`;\n });\n });\n\n // #################################################################\n // チャットボットの名前変更\n // #################################################################\n $('#chat_bot_edit_name_submit').on('click', function () {\n let chat_id = $('#chat_bot_select_box option:selected').val();\n let new_chat_bot_name = $('.chat_bot_edit_name_input').val();\n if (!new_chat_bot_name) {\n alert('チャットボット名を入力してください。');\n return;\n }\n $.ajax({\n url: '/update_chat_bot_name',\n type: 'POST',\n data: {\n chat_id: chat_id,\n name: new_chat_bot_name,\n },\n dataType: 'json',\n }).done(function (data) {\n if (data.ret == 0) {\n location.reload();\n }\n });\n });\n\n // #################################################################\n // チャットボットのPC公開設定\n // #################################################################\n $('.chat_bot_show_valid_select_box').on('change', function (event) {\n let chat_id = $('#chat_bot_select_box option:selected').val();\n let show_valid = $('.chat_bot_show_valid_select_box:checked').val();\n\n $.ajax({\n url: '/save_chat_bot_show_valid',\n type: 'POST',\n data: {\n chat_id: chat_id,\n show_valid: show_valid\n },\n dataType: 'json',\n }).done(function (data) {\n if (data.ret == '0') {\n location.reload();\n }\n });\n });\n\n // #################################################################\n // チャットボットのSP公開設定\n // #################################################################\n $('.chat_bot_sp_show_valid_select_box').on('change', function (event) {\n let chat_id = $('#chat_bot_select_box option:selected').val();\n let show_valid = $('.chat_bot_sp_show_valid_select_box:checked').val();\n\n $.ajax({\n url: '/save_chat_bot_show_valid_sp',\n type: 'POST',\n data: {\n chat_id: chat_id,\n show_valid: show_valid\n },\n dataType: 'json',\n }).done(function (data) {\n if (data.ret == '0') {\n location.reload();\n }\n });\n });\n\n // #################################################################\n // チャットボットの表示URL登録\n // #################################################################\n $('#chat_bot_url_add_input').on('click', function () {\n $(this)\n .parents('table')\n .append(\n `0%
\n25%
\n50%
\n75%
\n100%
\n![\"\"](\"${s3_base_url}/ig_hashtag_media/pictures/${post.my_post_media_order_file_name}\")
`;\n } else if (post.media_type === 'MANUAL_OWN_POST' && post.my_post_media_order_media_type === 'VIDEO') {\n mediaContent = ``;\n } else {\n mediaContent = `![\"\"](\"${s3_base_url}/ig_hashtag_media/pictures/${post_type_name}_ac${account_id}_${post.media_id}_${created_at}.jpg\")
`;\n }\n return mediaContent;\n }\n\n $('.related_non_deletable_sns_post_delete_submit_btn')\n .off()\n .on('click', function (event) {\n let sns_post_id = $(this).data('sns_post_id');\n $.ajax({\n url: '/delete_non_deletable_sns_post',\n type: 'POST',\n data: {\n sns_post_id: sns_post_id,\n },\n dataType: 'json',\n }).done(function (data) {\n location.reload();\n });\n });\n});\n","document.addEventListener('turbolinks:load', function () {\n\n $('.staff_slideup_btn, .parent_slideup_btn').on('click', function () {\n $.when($(this).parent().parent().children('.staff_slide_flag, .parent_slide_flag').slideUp()).done($(this).fadeOut(0), $(this).parent().children('.staff_slidedown_btn, .parent_slidedown_btn').fadeIn(0));\n });\n\n $('.staff_slidedown_btn, .parent_slidedown_btn').on('click', function () {\n $.when($(this).parent().parent().children('.staff_slide_flag, .parent_slide_flag').slideDown()).done($(this).fadeOut(0), $(this).parent().children('.staff_slideup_btn, .parent_slideup_btn').fadeIn(0));\n });\n\n $('#create_staff_submit_btn').on('click', function () {\n let staff_name = $('#staff_name').val();\n let staff_ugc_name = $('#staff_ugc_name').val();\n let staff_login_id = $('#staff_login_id').val();\n let staff_login_password = $('#staff_login_password').val();\n let staff_group_name = $('#staff_group_name').val();\n let staff_remark = $('#staff_remark').val();\n\n if (!staff_name &&\n !staff_ugc_name &&\n !staff_login_id &&\n !staff_login_password) {\n alert(\"必須箇所を入力してください。\");\n return;\n }\n\n $.ajax({\n url: '/create_staff',\n type: 'POST',\n data: {\n staff_name: staff_name,\n staff_ugc_name: staff_ugc_name,\n staff_login_id: staff_login_id,\n staff_login_password: staff_login_password,\n staff_group_name: staff_group_name,\n staff_remark: staff_remark,\n },\n dataType: 'json',\n }).done(function (data) {\n if (data.ret == '0') {\n location.reload();\n }\n });\n });\n\n $('.staff_edit').on('click', function () {\n let staff_id = $(this).data(\"id\");\n let staff_name = $(this).data(\"name\");\n let staff_ugc_name = $(this).data(\"ugc_name\");\n let staff_login_id = $(this).data(\"staff_login_id\");\n let staff_login_password = $(this).data(\"staff_login_password\");\n let staff_group_name = $(this).data(\"group_name\");\n let staff_remark = $(this).data(\"remarks\");\n\n $(\"#staff_edit_id\").val(staff_id);\n $(\"#staff_edit_name\").val(staff_name);\n $(\"#staff_edit_ugc_name\").val(staff_ugc_name);\n $(\"#staff_edit_login_id\").val(staff_login_id);\n $(\"#staff_edit_login_password\").val(staff_login_password);\n $(\"#staff_edit_group_name\").val(staff_group_name);\n $(\"#staff_edit_remark\").val(staff_remark);\n });\n\n $('#update_staff_submit_btn').on('click', function () {\n let staff_id = $('#staff_edit_id').val();\n let staff_name = $('#staff_edit_name').val();\n let staff_ugc_name = $('#staff_edit_ugc_name').val();\n let staff_login_id = $('#staff_edit_login_id').val();\n let staff_login_password = $('#staff_edit_login_password').val();\n let staff_group_name = $('#staff_edit_group_name').val();\n let staff_remark = $('#staff_edit_remark').val();\n\n if (!staff_name &&\n !staff_ugc_name &&\n !staff_login_id &&\n !staff_login_password) {\n alert(\"必須箇所を入力してください。\");\n return;\n }\n\n $.ajax({\n url: '/update_staff',\n type: 'POST',\n data: {\n staff_id: staff_id,\n staff_name: staff_name,\n staff_ugc_name: staff_ugc_name,\n staff_login_id: staff_login_id,\n staff_login_password: staff_login_password,\n staff_group_name: staff_group_name,\n staff_remark: staff_remark,\n },\n dataType: 'json',\n }).done(function (data) {\n if (data.ret == '0') {\n location.reload();\n }\n });\n });\n\n $('.staff_active, .staff_non_active').on('click', function () {\n let staff_id = $(this).data(\"id\");\n let staff_is_active = $(this).data(\"is_active\");\n\n $.ajax({\n url: '/update_staff_active',\n type: 'POST',\n data: {\n staff_id: staff_id,\n staff_is_active: staff_is_active\n },\n dataType: 'json',\n }).done(function (data) {\n if (data.ret == '0') {\n location.reload();\n }\n });\n });\n\n $('.staff_list_select_box').on('change', function () {\n let staff_id = $('.staff_list_select_box option:selected').val();\n\n window.location.href = window.location.pathname + '?staff_id=' + encodeURIComponent(staff_id);\n });\n\n let firstChecked = false;\n\n $('.staff_media_check').on('change', function() {\n if ($(this).is(':checked') && !firstChecked) {\n let caption = $(this).data('caption');\n $('#staff_post_submit').attr('data-caption', caption); // attrメソッドで属性を設定\n firstChecked = true;\n }\n\n // すべてのチェックボックスが未チェックの場合、フラグをリセット\n if (!$('.staff_media_check:checked').length) {\n firstChecked = false;\n $('#staff_post_submit').attr('data-caption', ''); // データキャプションをクリア\n }\n });\n\n $('.staff_post_submit').on('click', function () {\n let staff_id = $('.staff_list_select_box option:selected').val();\n let s3_staff_img_url = [];\n let caption = $(this).data('caption');\n\n $('.staff_media_check:checked').each(function () {\n s3_staff_img_url.push($(this).data(\"url\"));\n });\n if (s3_staff_img_url.length == 0) {\n alert('画像を選択してください。');\n return;\n }\n\n $.ajax({\n url: '/create_staff_posts',\n type: 'POST',\n data: {\n staff_id: staff_id,\n img_urls: s3_staff_img_url,\n caption: caption\n },\n dataType: 'json',\n }).done(function (data) {\n if (data.ret == '0') {\n alert('登録が完了しました。左メニューの手動投稿管理でご確認ください。');\n location.reload();\n }\n });\n });\n\n // #########################################################################\n // staffログイン画面\n $('#staff_login').on('click', function () {\n\n let company_login_id = $('#company_login_id').val();\n let staff_login_id = $('#staff_login_id').val();\n let staff_login_password = $('#staff_login_password').val();\n\n if (!staff_login_id || !staff_login_password) {\n return;\n }\n\n $.ajax({\n url: '/staff_manage/create_staff_session',\n type: 'GET',\n data: {\n company_login_id: company_login_id,\n staff_login_id: staff_login_id,\n staff_login_password: staff_login_password,\n },\n dataType: 'json',\n })\n .done(function (data) {\n if (data.ret == 2) {\n location.href = '/staff_manage/index';\n } else {\n alert('ログインIDまたはパスワードが違います');\n location.reload();\n }\n });\n });\n\n $('#file-upload').on('change', function() {\n let files = $(this)[0].files;\n if (files.length > 0) {\n \n $(\".staff_media_caption\").css(\"display\", \"block\");\n \n // 選択されたファイルの名前を表示する\n $.each(files, function(index, file) {\n console.log('選択されたファイル:', file.name);\n });\n }\n });\n\n $('#staff_media_upload_form').on('submit', function(e) {\n e.preventDefault(); // フォームのデフォルト送信処理を阻止\n\n let formData = new FormData(this); // フォームデータを取得\n let caption = $('.staff_media_caption').val(); // テキストエリアの値を取得\n formData.append('caption', caption); // テキストエリアの値をFormDataに追加\n\n let files = $('#file-upload')[0].files;\n let isValid = true;\n let errorMessage = '';\n\n for (let i = 0; i < files.length; i++) {\n let file = files[i];\n if (file.type.match('image.*') && file.size > 1 * 1024 * 1024) {\n isValid = false;\n errorMessage += '画像ファイルは1MB以下である必要があります。\\n';\n } else if (file.type.match('video.*') && file.size > 5 * 1024 * 1024) {\n isValid = false;\n errorMessage += '動画ファイルは5MB以下である必要があります。\\n';\n }\n }\n\n if (!isValid) {\n alert(errorMessage);\n return;\n }\n\n $.ajax({\n url: '/staff_manage/upload_staff_media',\n type: 'POST',\n data: formData,\n processData: false, // jQueryがデータを処理しないように指定\n contentType: false, // jQueryがcontentTypeを設定しないように指定\n success: function(data) {\n console.log('Upload successful!');\n location.reload();\n },\n error: function(xhr, status, error) {\n console.error('Upload failed:', error);\n // ここにエラー時の処理を記述\n }\n });\n });\n\n $('.staff_logout').on('click', function () {\n $.ajax({\n url: '/staff_manage/staff_logout',\n type: 'GET',\n data: {},\n dataType: 'json',\n })\n .done(function (data) {\n location.reload();\n });\n });\n\n $('.display_sns_post_caption').on('click', function () {\n\n let sns_post_caption = $(this).data(\"caption\");\n sns_post_caption = sns_post_caption.replace(/\\n/g, '