https://www.brooks.co.jp/assets/js/product/product.js

1/** ci */
2$(document).ready(function(){
3/** お気に入り ****************************************/
4$('#Modal-love-off-login').on('show.bs.modal', function (event) {
5  //モーダルを開いたボタンを取得
6  var button = $(event.relatedTarget);
7  //data-の値取得
8  var shnnmVal = button.data('shnnm');
9  var shncdVal = button.data('shncd');
10  $.post("/product/post_love",{shncdVal},function(data){
11      $(".shnname").html(shnnmVal);
12      let element = document.getElementById(`code${shncdVal}`);
13      element.className = "icon-love-on";
14      let heart = document.getElementById(`heart_toggle${shncdVal}`);
15      heart.dataset.target = '#Modal-love-on-login';
16  });
17});
18
19$('#Modal-love-on-login').on('show.bs.modal', function (event) {
20  //モーダルを開いたボタンを取得
21  var button = $(event.relatedTarget);
22  //data-の値取得
23  var shnnmVal = button.data('shnnm');
24  var shncdVal = button.data('shncd');
25  $.post("/product/delete_love",{shncdVal},function(data){
26      $(".shnname").html(shnnmVal);
27      let element = document.getElementById(`code${shncdVal}`);
28      element.className = "icon-love-off";
29      let heart = document.getElementById(`heart_toggle${shncdVal}`);
30      heart.dataset.target = '#Modal-love-off-login';
31  });
32});
33
34$('#Modal-love-not-login').on('show.bs.modal', function (event) {
35  //モーダルを開いたボタンを取得
36  var button = $(event.relatedTarget);
37  //data-の値取得
38  var shnnmVal = button.data('shnnm');
39  var shncdVal = button.data('shncd');
40  var keywordVal = button.data('keyword');
41  var base_url = location.pathname;
42  var ok_button_url = '/mypage/login?login_back_url='+base_url+'?favorite-id='+shncdVal;
43  if(keywordVal){
44    ok_button_url = ok_button_url+'&KEYWORD='+keywordVal;
45  }
46  $("#btn-area").html("<button type=\"button\" class=\"btn btn-secondary\" data-dismiss=\"modal\">閉じる</button><button type=\"button\" id=\"btn2\" class=\"btn btn-primary\" onclick=\"location.href='"+ok_button_url+"'\">ログインする</button>");
47});
48
49
50$('#Modal-love-yoyaku').on('show.bs.modal', function (event) {
51  //モーダルを開いたボタンを取得
52  var button = $(event.relatedTarget);
53  //data-の値取得
54  var shnnmVal = button.data('shnnm');
55  $(".shnname").html(shnnmVal);
56  });
57
58/** 最近見た商品 ****************************************/
59$(".remove_recently_item").on("click", function(){
60	var parent = $(this).closest('.card_recently_item');
61	parent.css("pointer-events", "none");
62	var shohin_code = parent.attr('recently_item_code');
63	 $.ajax({
64		url: "/product/delete_recently",
65		type: 'POST',
66		data: {'shohin_code':shohin_code}
67	 }).then(
68		function (success) {
69			parent.css('opacity', 1.0).animate({opacity: 0.0 }, 'fast', 'linear', function(){
70				var parent_width = parent.css('width');
71				parent.css('width', parent_width).animate({width: 0 }, 'fast', 'swing', function(){
72					parent.css('display', 'none');
73				});
74			});
75		},
76		function (error) {
77		}
78	 );
79});
80
81
82});