AnddAjax = function() {
this.initialize = function() {
this.xhr = new XMLHttpRequest();
};
this.post = function(url, data, success = function() {}, fail = function() {}) {
this.xhr.onreadystatechange = function () {
if (this.readyState == XMLHttpRequest.DONE) {
if (this.status == 200) {
success(this);
} else {
fail(this);
}
}
};
this.xhr.open("POST", url);
this.xhr.setRequestHeader("Content-Type", "application/json");
this.xhr.send(JSON.stringify(data));
};
this.getJSON = function(url, success = function() {}, fail = function() {}) {
this.xhr.onreadystatechange = function () {
if (this.readyState == XMLHttpRequest.DONE) {
if (this.status == 200) {
success(JSON.parse(this.responseText));
} else {
fail(this);
}
}
};
this.xhr.open("GET", url);
this.xhr.send();
};
this.initialize();
};
var anddAjax = new AnddAjax();
CartAttributes = function() {
this.initialize = function() {
this.min_delivery_date = "2025-03-07";
this.max_delivery_date = "2025-03-24";
};
this.updateMinDate = function() {
let ua = navigator.userAgent.toLowerCase();
let delivery_date_element = document.getElementById("delivery-date");
let delivery_time_element = document.getElementById("delivery-time");
let delivery_date_element_next_engine = document.getElementById("delivery-date-next-engine");
let delivery_time_element_next_engine = document.getElementById("delivery-time-next-engine");
let delivery_date_element_openlogi = document.getElementById("delivery-date-openlogi");
let delivery_time_element_openlogi = document.getElementById("delivery-time-openlogi");
let delivery_type_element = document.getElementById("delivery-type");
let min_delivery_date = this.min_delivery_date;
let max_delivery_date = this.max_delivery_date;
if (delivery_date_element) {
delivery_date_element.setAttribute('min', min_delivery_date);
delivery_date_element.setAttribute('max', max_delivery_date);
let event_name = 'change';
if (ua.indexOf('iphone') > 0 && ua.indexOf('safari') > 0 && ua.indexOf('iphone os 13') < 0) {
// ios14以降で不具合が発生したためこちらの対応を入れる
// ios safariかつios13以外のバージョンの時だけ
// ios13でテストができず挙動が不明だが、まだ結構利用されてるみたいなので、この処理は例外とする
event_name = 'blur';
}
delivery_date_element.addEventListener(event_name, function() {
if (this.value != "" && this.value > max_delivery_date) {
alert("最大で設定可能な配送希望日は、" + max_delivery_date + "です。");
this.value = max_delivery_date;
}
if (this.value != "" && this.value < min_delivery_date) {
alert("最短で設定可能な配送希望日は、" + min_delivery_date + "です。");
this.value = min_delivery_date;
}
let attributes = {"配送希望日" : this.value}
anddAjax.post('/cart/update.js', {attributes: attributes});
});
delivery_date_element.addEventListener('touchstart', function () {
if (document.getElementById("delivery-date-boolean-true")) {
if (this.value == "") {
if (document.getElementById("delivery-date-boolean-true").checked) {
this.value = min_delivery_date;
if (delivery_date_element_next_engine) {
delivery_date_element_next_engine.value = min_delivery_date.replace(/-/g, "/");
}
if (delivery_date_element_openlogi) {
delivery_date_element_openlogi.value = min_delivery_date;
}
}
}
} else {
if (this.value == "") {
this.value = min_delivery_date;
if (delivery_date_element_next_engine) {
delivery_date_element_next_engine.value = min_delivery_date.replace(/-/g, "/");
}
if (delivery_date_element_openlogi) {
delivery_date_element_openlogi.value = min_delivery_date;
}
}
}
});
}
if (delivery_time_element) {
delivery_time_element.addEventListener('change', function() {
let attributes = {"配送時間帯" : this.value};
let replaced_value = this.value.replace(/～/g, "-");
anddAjax.post('/cart/update.js', {attributes: attributes});
});
}
if (delivery_type_element) {
delivery_type_element.addEventListener('change', function() {
anddAjax.post('/cart/update.js', {attributes: {"置き配の利用" : this.value}});
});
}
};
/***
* 配送希望日が期限切れかどうかをチェックし、期限切れなら削除する.
*/
this.removeExpiredAttributes = function () {
let delivery_type_element = document.getElementById("delivery-type");
let delivery_date_element_next_engine = document.getElementById("delivery-date-next-engine");
let delivery_time_element_next_engine = document.getElementById("delivery-time-next-engine");
let delivery_date_element_openlogi = document.getElementById("delivery-date-openlogi");
let delivery_time_element_openlogi = document.getElementById("delivery-time-openlogi");
let min_delivery_date = this.min_delivery_date;
let max_delivery_date = this.max_delivery_date;
anddAjax.getJSON('/cart.js', function(d){
// 配送希望日の期限切れとは関係ないが、cart.jsを叩いたついでに置き配設定をセットする.
const product_delivery_dates = "[]";
const jsonString = product_delivery_dates.replace(/"/g, '"');
const parseData = JSON.parse(jsonString); if(parseData?.length) {
console.log("exsists product delivery dates");
return }
console.log("from old ui")
function convertDateFormat(dateStr) {
// 正規表現を使用して年、月、日を抽出
if(dateStr === "指定なし" || dateStr === "") return;
const match = dateStr?.match(/^(\d{4})年(\d{2})月(\d{2})日$/);
console.log({match})
// マッチしない場合はnullを返すか、エラー処理を行う
if (!!match === false) {
return dateStr;
}
const [, year, month, day] = match;
return `${year}-${month}-${day}`;
}
if (d.attributes["配送希望日"] !== "" && convertDateFormat(d.attributes["配送希望日"]) > max_delivery_date) {
if(d.attributes["配送希望日"] === "指定なし") return;
resetCartAttributes();
console.log("リセット")
}
if (d.attributes["配送希望日"] != "" && convertDateFormat(d.attributes["配送希望日"]) < min_delivery_date) {
if(d.attributes["配送希望日"] === "指定なし") return;
resetCartAttributes();
console.log("リセット")
}
});
};
this.initialize();
}
function resetCartAttributes() {
let delivery_date_element = document.getElementById("delivery-date");
let delivery_time_element = document.getElementById("delivery-time");
let delivery_date_element_next_engine = document.getElementById("delivery-date-next-engine");
let delivery_time_element_next_engine = document.getElementById("delivery-time-next-engine");
let delivery_date_element_openlogi = document.getElementById("delivery-date-openlogi");
let delivery_time_element_openlogi = document.getElementById("delivery-time-openlogi");
let delivery_date_boolean_false = document.getElementById("delivery-date-boolean-false");
let delivery_type_element = document.getElementById("delivery-type");
anddAjax.post('/cart/update.js', {
attributes: {
"配送日の指定" : "",
"配送希望日" : "",
"配送時間帯" : "",
"置き配の利用" : "",
"delivery_date" : "",
"delivery_time" : "",
"unattended_delivery_location" : "",
"openlogi_delivery_date" : "",
"openlogi_delivery_time_slot" : ""
}
});
if (delivery_date_element) {
delivery_date_element.value = "";
delivery_date_element.disabled = true;
};
if (delivery_time_element) {delivery_time_element.value = "指定なし";};
if (delivery_type_element) {delivery_type_element.value = "指定なし";};
if (delivery_date_boolean_false) {delivery_date_boolean_false.checked = true;};
if (delivery_date_element_next_engine) {delivery_date_element_next_engine.value = ""};
if (delivery_time_element_next_engine) {delivery_time_element_next_engine.value = "指定なし";};
if (delivery_date_element_openlogi) {delivery_date_element_openlogi.value = ""};
if (delivery_time_element_openlogi) {delivery_time_element_openlogi.value = "指定なし";};
};
function executeCartAttributes() {
let cartAttributes = new CartAttributes();
cartAttributes.updateMinDate();
cartAttributes.removeExpiredAttributes();
let elems = document.getElementsByClassName('cart-attributes-delivery-datetime');
for(let i = 0; i < elems.length; i ++) {
elems[i].style.display = '';
}
};
function appendDeliveryType() {
let appendHtml = ''
+ ''
+ ''
+ '
'
+ ''
+ '※配送業者によって、正しく配置されない可能性がございます。ご理解の上ご指定ください。
';
let appendNode = document.createElement('div');
appendNode.innerHTML = appendHtml;
let elems = document.getElementsByClassName('cart-attributes-delivery-datetime');
if (elems.length > 0) {
let last_element = elems[elems.length - 1];
last_element.parentNode.insertBefore(appendNode, last_element.nextSibling);
}
};
function appendNextEngineInputs() {
let appendHtml = ''
+ ''
+ ''
+ '
'
let appendNode = document.createElement('div');
appendNode.innerHTML = appendHtml;
let elems = document.getElementsByClassName('cart-attributes-delivery-datetime');
if (elems.length > 0) {
let last_element = elems[elems.length - 1];
last_element.parentNode.insertBefore(appendNode, last_element.nextSibling);
}
};
function appendOpenlogiInputs() {
let appendHtml = ''
+ '
'
+ '
'
+ '
'
+ '- 倉庫/配送会社の都合により、指定日時は変更されることがあります
'
+ '- 海外や沖縄・離島宛の出庫には反映されません
'
+ '
'
+ '