JSFiddle - React, Tailwind, and code Playground

by Yakov

HTML

<head>
  <script src="https://unpkg.com/vue"></script>
</head>

<body>


  <div id="app">
    <p>{{ message }}</p>
  </div>

</body>

CSS

body {
  background: #1D1E22;
  color: #ddca7e;
  font-family: Monaco, MonoSpace;
  font-size: 15px;
  font-weight: 400;
}

JavaScript

console.clear();
String.prototype.hashCode = function () {
    var hash = 0,
        i, chr;
    if (this.length === 0) return hash;
    for (i = 0; i < this.length; i++) {
        chr = this.charCodeAt(i);
        hash = ((hash << 5) - hash) + chr;
        hash |= 0; // Convert to 32bit integer
    }
    return hash;
};

data = {
    "page_id": "abcdfe01234567890", // Номер страницы для корзины
    "data": {
        "original": { // Группа (original или analog)
            "ADRIAUTO": { // Бренд (производитель)
                "030211": { // Артикул
                    "offers": [ // Массив предложений
                        {
                            "id": "2", // Номер товара для корзины
                            "price": 300, // Цена. может быть 0 но не null
                            "quantity": "2", // Количество на складе. не null
                            "multiplication_factor": "0", // Кратность заказа. не null
                            "delivery_time": null, // Время доставки. null - Неизвестно. 0 - в наличии
                            "reliability": 0, // Вероятность поставки. не null
                            "delivery_time_max": 0 // Максимальное время доставки
                        },
                        {
                            "id": "3", // Номер товара для корзины
                            "price": 150, // Цена. может быть 0 но не null
                            "quantity": "1", // Количество на складе. не null
                            "multiplication_factor": "0", // Кратность заказа. не null
                            "delivery_time": null, // Время доставки. null - Неизвестно. 0 - в наличии
                            "reliability": 0, // Вероятность поставки. не null
                            "delivery_time_max": 0 // Максимальное время доставки
                        }
                    ],
                    "description": "Трос ручника" // Название / Описание детали
                },
               ...