|
|
@@ -212,3 +212,81 @@ function oneGoodDescription(data, parentEl) {
|
|
|
}
|
|
|
|
|
|
|
|
|
+function myOrder(parentEl) {
|
|
|
+ getGQL(gqlUrl) (
|
|
|
+ `query yourOrders {
|
|
|
+ OrderFind(query: "[{}]") {
|
|
|
+ _id
|
|
|
+ total
|
|
|
+ orderGoods {
|
|
|
+ count
|
|
|
+ good {
|
|
|
+ name
|
|
|
+ price
|
|
|
+ images {
|
|
|
+ url
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ owner {
|
|
|
+ login
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ `
|
|
|
+ ).then((res) => {
|
|
|
+
|
|
|
+ parentEl.innerHTML = "";
|
|
|
+ parentEl.style = "justify-content: spase-around; ";
|
|
|
+
|
|
|
+ var array = res.data.OrderFind;
|
|
|
+ for(let i = 0; i < array.length; i++) {
|
|
|
+ var oneOrder = array[i].orderGoods;
|
|
|
+ let icon = document.createElement("div");
|
|
|
+
|
|
|
+ for(let j = 0; j < oneOrder.length; j++) {
|
|
|
+
|
|
|
+ if(oneOrder[j].good !== null) {
|
|
|
+ debugger
|
|
|
+ icon.style = "margin: 30px; border: 2px solid black; padding:30px"
|
|
|
+ parentEl.appendChild(icon);
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ let goodInner = document.createElement("div");
|
|
|
+ goodInner.style = "width: 250px; height: 200px;"
|
|
|
+ icon.appendChild(goodInner);
|
|
|
+
|
|
|
+
|
|
|
+ let goodImg = document.createElement("img");
|
|
|
+ goodImg.setAttribute("src", `http://shop-roles.asmer.fs.a-level.com.ua/${oneOrder[j].good.images[0].url}`);
|
|
|
+ goodImg.style = "width: 70px; height: 70px;"
|
|
|
+ goodInner.appendChild(goodImg);
|
|
|
+
|
|
|
+ let goodName = document.createElement("h4");
|
|
|
+ goodName.innerText = oneOrder[j].good.name;
|
|
|
+ goodInner.appendChild(goodName);
|
|
|
+
|
|
|
+ let goodCount = document.createElement("span");
|
|
|
+ goodCount.innerText = `${oneOrder[j].count} шт `;
|
|
|
+ goodInner.appendChild(goodCount)
|
|
|
+
|
|
|
+ let goodPrice = document.createElement("span");
|
|
|
+ goodPrice.innerText = `${oneOrder[j].good.price} грн`;
|
|
|
+ goodInner.appendChild(goodPrice);
|
|
|
+ console.log(oneOrder)
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ let totalOrder = document.createElement("h3");
|
|
|
+ totalOrder.innerText = `${array[i].total} грн`;
|
|
|
+ icon.appendChild(totalOrder);
|
|
|
+
|
|
|
+ }
|
|
|
+ console.log(array);
|
|
|
+ });
|
|
|
+
|
|
|
+}
|
|
|
+const orders = document.getElementById("orders");
|
|
|
+orders.onclick = () => myOrder(goodsDiv)
|
