Пробовал править стили в медиа-запросах, но там чёрт ногу сломит – на каждый элемент стили править нужно.
Хорошо бы иметь в арсенале такой счётчик, который можно было бы засунуть в обёртку определённого размера, задать этому счётчку width: 100%, и он бы респонсился под обёртку.
Learn more: https://nextjs.org/docs/getting-started/react-essentialswpcf7mailsent event.detail.contactFormId откуда передаётся?wpcf7mailsent.
Cоздал 3D игру
нужен код, который удалял бы платформу
class Charts {
constructor(csrfToken, data = null) {
this.csrfToken = csrfToken;
this.data = data;
}
createChart(xData, yData, legend, typeOfChart) {
const context = document.querySelector('#report').getContext('2d'),
chart = new Chart (context, {
type: typeOfChart,
data: {
labels: xData,
datasets: [{
label: legend,
data: yData
}]
}
});
return chart;
}
requestToServer ( { url, transaction, newItem, subNewItem, date, type } ) {
return new Promise((resolve, reject) => {
fetch(url, {
method: 'POST',
headers: {
'Content-Type': 'application/json;charset=utf-8',
'X-CSRF-TOKEN': this.csrfToken
},
body: JSON.stringify({
"transaction": transaction, "newItem": newItem, "subNewItem": subNewItem, "date": date, "type": type
})
}).then((response)=> {
resolve(responce);
}).catch((err) => {
reject(err);
})
});
}
sendData() {
const btn = document.forms[0]['generate'],
_this = this;
return new Promise((resolve, reject) => {
// Зачем это здесь???
btn.addEventListener('click', () => {
_this.requestToServer(
{
url: url,
date: [
result[1],
result[2]
],
transaction: result[3],
newItem: result[4],
subNewItem: result[5],
type: result[0]
}
).then((res) => {
resolve(res);
}).catch((err){
reject(err);
});
});
// Откуда это и зачем - не знаем.
// И должно быть не здесь
/**
this.createChart(
this.data.date, this.data.sum, 'bla-bla-bla', this.data.type
);
*/
})
}
}
const test = new Charts(csrfToken, data);
// Цепочку выполнени строите сами
test.sendData().then((res) => {
console.log(res);
});
Подгрузка файла происходит и какой код статуса файла?