Документация к калькулятору| Документация

В данной документации собрано лишь самое необходимое для адекватного использования калькулятора через скрипты. Использование свойств или методов, которые есть в калькуляторе, но не указаны тут, может кардинально повлиять на его работу. Чаще всего такие свойства или методы помечаются через _ в начале.

Используйте их на свой страх и риск.

О хранении и доступе

Все калькуляторы на странице хранятся в массиве pxpCalculators. Так, например, если на странице 2 калькулятора, то доступ ко второму будет по индексу 1 (считаем от нуля)

                        // получить массив калькуляторов
                        pxpCalculators

                        // получить второй калькулятор в массиве
                        pxpCalculators[1]

Учитывая, что чаще всего на странице 1 калькулятор, то самым распространненым вариантом вызова будет:

                        pxpCalculators[0]

PxpCalc
Модель калькулятора

Основные свойства

materialSelector MaterialSelectorController

описание: Модуль выбора категорий, товаров и атрибутов

пример вызова

                                            pxpCalculators[0].materialSelector

editorSettingsController EditorSettingsController

описание: Модуль выбора размеров редактора (только для редактора интерьеров)

пример вызова

                                            pxpCalculators[0].editorSettingsController

customWorkSelector CalcCustomWorkSelectorController

описание: Модуль выбора опций и их позиций

пример вызова

                                            pxpCalculators[0].customWorkSelector

circulationSelector CirculationSelectorController

описание: Модуль выбора количества товара и страниц

пример вызова

                                            pxpCalculators[0].circulationSelector

totalPriceCalculator CalcTotalPriceViewController

описание: Модуль отображения финальной цены, а так же продолжения заказа

пример вызова

                                            pxpCalculators[0].totalPriceCalculator

isMaterialTypeUpdate boolean

описание: Возвращает информацию об обновлении категорий и товарах

пример вызова

                                            // получить текущее состояние
                                            pxpCalculators[0].isMaterialTypeUpdate() 

                                            // присвоить состояние true
                                            pxpCalculators[0].isMaterialTypeUpdate(true)

isMaterialUpdate boolean

описание: Возвращает информацию об обновлении товаров категории

пример вызова

                                            // получить текущее состояние
                                            pxpCalculators[0].isMaterialUpdate() 

                                            // присвоить состояние true
                                            pxpCalculators[0].isMaterialUpdate(true)

inUpdate boolean
описание

Возвращает информацию об общем обновлении состояния калькулятора. Имеет значение true, если isMaterialTypeUpdate имеет значение true или isMaterialUpdate имеет значение true
пример вызова
```
                                            // получить текущее состояние
                                            pxpCalculators[0].inUpdate()
                                        
```

Основные методы

info void
описание
Расписывает текущее состояние калькулятора в консоли. Содержит в себе:
1. Id калькулятора, например pxpProducCalc_pr2gifts_ad6e6921cb544c059becf00ec4939601
2. Id выбранной категории
3. Id выбранного товара категории
4. Выбранные опции товара и их кратное состояние (название опции, Id опции, выбранные позиции опции, все позиции опции)
пример вызова
```
                                            pxpCalculators[0].info()
                                        
```
примечание

Метод очень полезен для быстрого поиска необходимых данных по категориям, товарам и опциям, вам достаточно взять нужный Id и искать по нему в админке
update void
описание

Обновляет текущее состояние калькулятора

условие выполения

Поле inUpdate является false
пример вызова
```
                                            pxpCalculators[0].update()
                                        
```

О первом запуске

После того как калькулятор загрузился и первый раз получил данные о категории и товаре, происходит следующее:

Калькулятор ищет на странице метод onCompleteLoadPxpCalc.
Если он его находит, то исполняет, передавая первым параметром калькулятор.

Таким образом, если вам необходимо проделать какие-то операции с калькулятором, то лучше всего это делать именно через этот метод.

                        // какой-то калькулятор
                        [$calculator(category:product)$]

О модификации

Прежде чем писать скрипт, который будет использовать возможности калькулятора, убедитесь, что:

Данного функционала нет в платформе.
Данный функционал не будет реализован в ближайшее время.

Также стоит помнить два момента:

Структура и методика работы калькулятора на платформе может обновляться, и нет никакой гарантии, что ваши скрипты будут работать так же, как и раньше.
Если ваш скрипт ломает внутренную логику, то изменять калькулятор для решения этой проблемы не будут.

По любым вопросам вы всегда можете написать на почту a.malyshkov@pixlpark.com

Самый банальный пример итогового скрипта для интеграции

                        
                        <script src="http://demo.pixlpark.ru/api/calc/externalCalc"></script>
                        <script>
                            var container = document.getElementById("container");
                            var params = { materialType: "photos" };
                            var integrated = new PxpCalcManager(container, params);
                        </script>

Калькулятор можно интегрировать на внешний сайт. Для этого необходимо сделать следующее:

Шаг 1

Cоздать на странице контейнер, в котором позже будет находиться калькулятор.

В данном случае это простой контейнер div с Id integratedCalculator. В будущем в нем будет разметка калькулятора.

Шаг 2

Дальше через тег <script> получим необходимый скрипт для иницилизации калькулятора. Для этого нужно от сайта на платформе Pixlpark сделать следующий вид запроса через API:

                            <script src="http://demo.pixlpark.ru/api/calc/externalCalc"></script>

В src скрипта мы имеем:

Домен на платформе Pixlpark http://demo.pixlpark.ru, однако у вас должен быть один из тех, что вы указали в разделе настройки доменов.
Путь /api/calc/externalCalc, который посылает запрос на сервер для получения скрипта для иницилизации калькулятора.

У данного API-запроса также могут быть параметры:

cssLink

описание: Загружает на страницу css файл по указанной ссылке

по-умолчанию: common.css

необходимость: Необязательный параметр

пример использования

                                                <script src="http://demo.pixlpark.ru/api/calc/externalCalc?cssLink=/content/css/cssCalc"></script>

photolabId
описание

Загружает калькулятор от конкретного сайта по указанному Id

по-умолчанию

Берется от указанного домена

необходимость

Необязательный параметр
пример использования
```
                                                <script src="http://demo.pixlpark.ru/api/calc/externalCalc?photolabId=3264"></script>
                                            
```

Шаг 3

После того как скрипт загружен, необходимо иницилизировать калькулятор. Чтобы это сделать, необходимо вызвать функцию PxpCalcManager. Рассмотрим параметры, которые входят в эту функцию:

PxpCalcManager
Модель, содержащая в себе методы для иницилизации калькулятора на странице

Параметры конструктора

element HTMLElement

описание

Контейнер, в который будет заружен калькулятор
params ParamsModel

описание

Набор параметров для настройки иницилизации калькулятора

ParamsModel
Набор параметров для настройки иницилизации калькулятора

Поля

materialType string или number

описание

Id или UrlName категории (можно найти в настройках категории)

необходимость

Обязательный параметр
origin string

описание

Оригинальный домен, на который будет переходить пользователь для оформления заказа

по-умолчанию

Домен от которого загружается скрипт для иницилизации (если брать пример выше - то http://demo.pixlpark.ru)

необходимость

Необязательный параметр
apiUrl string

описание

Домен для API запросов (загрузка данных по категориям, товарам, расчет цен и т.п.)

по-умолчанию

Параметр origin

необходимость

Необязательный параметр
material string или number

описание

Id или UrlName товара (можно найти в настройках товара)

по-умолчанию

null

необходимость

Необязательный параметр
config string

описание

Имя конфигурации, задается в настройках калькулятора

по-умолчанию

default

необходимость

Необязательный параметр
languageId number

описание

Id языка сайта

по-умолчанию

Id главного языка сайта из параметра origin

необходимость

Необязательный параметр
isMobile boolean

описание

Возвращает мобильная версия калькулятора или нет

по-умолчанию

false

необходимость

Необязательный параметр
additionalQueryParams Словарь { string: string }

описание

Собственные параметры, которые уйдут в строку запроса при переходе из калькулятора

по-умолчанию

null

необходимость

Необязательный параметр

примечание

Данный параметр нужен для того, чтобы если вы нажимаете на кнопку заказать на внешнем калькуляторе, ссылка, ведущая на следующую страницу, содержала эти параметры как часть запроса

Пример иницилизации калькулятора, у которого:

materialType имеет UrlName 'photos'
выбран товар с Id 123456
выбран язык с Id 789456
additionalQueryParams содержит два параметра

                                 <script>
                                    // контейнер для калькулятора
                                    var container = document.getElementById("integratedCalculator"); 

                                    // параметры для иницилизации
                                    var params = { 
                                        materialType: 'photos',
                                        material: 123456,
                                        languageId: 789456,
                                        additionalQueryParams: {
                                            'id_calc_tmp': '45',
                                            'isExternal': 'true'
                                        }
                                    };

                                    // иницилизация
                                    var integratedCalc = new PxpCalcManager(container, params);                                    
                                 </script>

Получить данный модуль можно через вызов в калькуляторе materialSelector

                        pxpCalculators[0].materialSelector

MaterialSelectorController
Модель модуля по работе с категориями, товарами и атрибутами

Основные свойства

materialTypes массив MaterialType

описание: Все доступные категории для вызова из калькулятора

пример вызова

                                        pxpCalculators[0].materialSelector.materialTypes()

materialType MaterialType или null

описание: Выбранная категория

пример вызова

                                        pxpCalculators[0].materialSelector.materialType()

materialTypeId number или null

описание: Id выбранной категории

пример вызова

                                        pxpCalculators[0].materialSelector.materialTypeId()

materials массив Material

описание: Все доступные товары категории для вызова из калькулятора

пример вызова

                                        pxpCalculators[0].materialSelector.materials()

material Material или null

описание: Модель выбранного в калькуляторе товара категории

пример вызова

                                        pxpCalculators[0].materialSelector.material()

materialId number или null

описание: Id выбранного в калькуляторе товара категории

пример вызова

                                        pxpCalculators[0].materialSelector.materialId()

haveAttrs boolean

описание: Возвращает есть ли доступные атрибуты

пример вызова

                                        pxpCalculators[0].materialSelector.haveAttrs()

attributesTree MaterialTypeAttributesTree или null

описание: Возвращает дерево атрибутов

пример вызова

                                        pxpCalculators[0].materialSelector.attributesTree()

attributes массив MaterialTypeAttribute

описание: Возвращает все доступные атрибуты для вызова из калькулятора

пример вызова

                                        pxpCalculators[0].materialSelector.attributes()

MaterialType
Модель категории. Содержит в себе данные по атрибутам, входящих в нее

Основные свойства

id number

описание: Id категории

пример вызова

                                        pxpCalculators[0].materialSelector.materialTypes()[0].id

title string

описание: Название категории

пример вызова

                                        pxpCalculators[0].materialSelector.materialTypes()[0].title

name string
описание

Возвращает название из категории для калькулятора, однако если оно пустое, то берется название из редактора
пример вызова
```
                                        pxpCalculators[0].materialSelector.materialTypes()[0].name
                                    
```
description string или null
описание

Если у категории есть описание, то это оно. Если у категории пустое описание и она доступна для выбора в модальном окне, то берется шаблон текста из ресурсного файла по типу редактора
пример вызова
```
                                        pxpCalculators[0].materialSelector.materialTypes()[0].description
                                    
```

calcHelper string

описание: Подсказка для калькулятора (задается в настройках категории)

пример вызова

                                        pxpCalculators[0].materialSelector.materialTypes()[0].calcHelper

urlName string

описание: Имя категории для ссылки

пример вызова

                                        pxpCalculators[0].materialSelector.materialTypes()[0].urlName

attributes массив MaterialTypeAttribute

описание: Возвращает все атрибуты категории

пример вызова

                                        pxpCalculators[0].materialSelector.materialTypes()[0].attributes

hiddenAttributes массив string
описание

Возвращает Id скрытых атрибутов категории (список можно менять на странице настройки калькулятора)
пример вызова
```
                                        pxpCalculators[0].materialSelector.materialTypes()[0].hiddenAttributes
                                    
```

isSelected boolean

описание: Возвращает выбрана категория или нет

пример вызова

                                        pxpCalculators[0].materialSelector.materialTypes()[0].isSelected()

Основные методы

select void

описание: При вызове этого метода категория становится выбранной в калькуляторе и происходит общее обновление состояния калькулятора

пример вызова

                                        // выбор второй категории в массиве категорий
                                        pxpCalculators[0].materialSelector.materialTypes()[1].select()

Material
Модель товара

Основные свойства

id number

описание: Id товара

пример вызова

                                        pxpCalculators[0].materialSelector.materials()[0].id

title string

описание: Название товара

пример вызова

                                        pxpCalculators[0].materialSelector.materials()[0].title

description string

описание: Описание товара для калькулятора

пример вызова

                                        pxpCalculators[0].materialSelector.materials()[0].description

urlName string

описание: Имя товара для ссылки

пример вызова

                                        pxpCalculators[0].materialSelector.materials()[0].urlName

attributes Словарь { string: string }
описание

Словарь, где ключ - уникальный Id атрибута, а значение - название атрибута
пример вызова
```
                                        pxpCalculators[0].materialSelector.materials()[0].attributes
                                    
```

isSelected boolean

описание: Возвращает выбран товар или нет

пример вызова

                                        pxpCalculators[0].materialSelector.materials()[0].isSelected()

Основные методы

select void

описание: При вызове этого метода товар становится выбранным в калькуляторе и происходит обновление состояния калькулятора

пример вызова

                                        // выбор второго товара в массиве товаров
                                        pxpCalculators[0].materialSelector.materials()[1].select()

Любое некорректное общение с атрибутами может повлечь неправильную работу калькулятора. Будьте очень осторожны, внося скриптами какие-либо изменения в работу данных моделей.

Стоит отметить, что для большинства задач вам будет достаточно использования дерева атрибутов MaterialTypeAttributesTree.

MaterialTypeAttributesTree
Модель дерева атрибутов. Отвечает за всю логику выбора атрибутов, хранит в себе данные о текущих выбранных вершинах дерева и позволяет менять их выбор

Основные свойства

selectedAttributesValues массив MaterialTypeAttributeValue
описание

Выбранные значения атрибутов
пример вызова
```
                                        pxpCalculators[0].materialSelector.attributesTree().selectedAttributesValues()
                                    
```
подсказка

Так же стоит помнить, что selectedAttributesValues - наблюдаемое свойство, и на него можно сделать subscribe для учета изменения значений атрибутов. Подробнее тут: Explicitly subscribing to observables

Основные методы

getRoot MaterialTypeAttributesTreeLeaf или null

описание: Получить корень дерева атрибутов

пример вызова

                                        pxpCalculators[0].materialSelector.attributesTree().getRoot()

MaterialTypeAttributesTreeLeaf
Модель вершины дерева атрибутов. Содержит в себе прямую ссылку на предыдущую вершину дерева, товар, который привязан к этой вершине и методы для получения более подробных данных о вершине

Основные свойства

index number

описание: Номер вершины на вершине-родителе (порядковый номер отображения)

пример вызова

                                        pxpCalculators[0].materialSelector.attributesTree().selectedAttributesValues()[0].index

leafName string

описание: Отображаемое имя веришны (имя значения атрибута)

пример вызова

                                        pxpCalculators[0].materialSelector.attributesTree().selectedAttributesValues()[0].leafName

attributeValue MaterialTypeAttributeValue

описание: Значение атрибута, которое прикреплено к данной вершине

пример вызова

                                        pxpCalculators[0].materialSelector.attributesTree().selectedAttributesValues()[0].attributeValue

material Material или null

описание: Товар, который прикрелен к данной вершине

пример вызова

                                        pxpCalculators[0].materialSelector.attributesTree().selectedAttributesValues()[0].material

branches Словарь { string: MaterialTypeAttributesTreeLeaf } или null

описание: Словарь, где ключ - имя вершины, а ключ - вершина

пример вызова

                                        pxpCalculators[0].materialSelector.attributesTree().selectedAttributesValues()[0].branches

selectedLeaf MaterialTypeAttributesTreeLeaf или null

описание: Выбранная вершина на текущем уровне дерева

пример вызова

                                        pxpCalculators[0].materialSelector.attributesTree().selectedAttributesValues()[0].selectedLeaf()

selectedLeafIndex number

описание: Индекс выбранной вершины на текущем уровне дерева

пример вызова

                                        pxpCalculators[0].materialSelector.attributesTree().selectedAttributesValues()[0].selectedLeafIndex()

Основные методы

getBranchesLeafs массив MaterialTypeAttributesTreeLeaf

описание: Возвращает все вершины, которые можно выбрать от этой вершины

пример вызова

                                        pxpCalculators[0].materialSelector.attributesTree().selectedAttributesValues()[0].getBranchesLeafs()

select void
описание

Выбрать эту вершину. При выборе вершине автоматически выбирается товар, который к ней привязан и вершины, которые идут далее по дереву от выбранной
пример вызова
```
                                        pxpCalculators[0].materialSelector.attributesTree().selectedAttributesValues()[0].select()
                                    
```

selectLeaf void

описание: Выбрать вершину на текущем уровне дерева по имени

пример вызова

                                        pxpCalculators[0].materialSelector.attributesTree().selectedAttributesValues()[0].selectLeaf("leaf2")

MaterialTypeAttribute
Модель атрибута категории. Содержит в себе список значений атрибута

Основные свойства

id string

описание: Id атрибута

пример вызова

                                        pxpCalculators[0].materialSelector.attributes()[0].id

title string

описание: Название атрибута

пример вызова

                                        pxpCalculators[0].materialSelector.attributes()[0].title

cssClass string

описание: Класс для атрибута

пример вызова

                                        pxpCalculators[0].materialSelector.attributes()[0].cssClass

isHidden boolean

описание: Возвращает скрыт ли атрибут

пример вызова

                                        pxpCalculators[0].materialSelector.attributes()[0].isHidden

values массив MaterialTypeAttributeValue

описание: Все значения атрибута

пример вызова

                                        pxpCalculators[0].materialSelector.attributes()[0].values

jsFunction string или null

описание: Название функции или ее текст. При выборе атрибута - исполняется

пример вызова

                                        pxpCalculators[0].materialSelector.attributes()[0].jsFunction()

MaterialTypeAttributeValue
Модель значения атрибута категории

Основные свойства

attribute MaterialTypeAttribute

описание: Атрибут, в котором находится данное значение (проще говоря атрибут-родитель)

пример вызова

                                        pxpCalculators[0].materialSelector.attributes()[0].values[0].attribute

title string

описание: Название значения атрибута

пример вызова

                                        pxpCalculators[0].materialSelector.attributes()[0].values[0].title

description string

описание: Описание значения атрибута

пример вызова

                                        pxpCalculators[0].materialSelector.attributes()[0].values[0].description

calcHelper string

описание: Описания значения атрибута для калькулятора

пример вызова

                                        pxpCalculators[0].materialSelector.attributes()[0].values[0].calcHelper

jsFunction string или null

описание: Название функции или ее текст. При выборе значения атрибута - исполняется

пример вызова

                                        pxpCalculators[0].materialSelector.attributes()[0].values[0].jsFunction()

Получить данный модуль можно через вызов в калькуляторе editorSettingsController

                        pxpCalculators[0].editorSettingsController

EditorSettingsController
Модель модуля редакторов товара. Он хранит в себе данные о редакторе для выбранного товара, его параметры и выбранные размеры. На данный момент модуль поддерживает только редакторы интерьера, дизайна и проверки макетов

Основные свойства

isAvailable boolean

описание: Возвращает доступен ли модуль

пример вызова

                                        pxpCalculators[0].editorSettingsController.isAvailable()

editorState CalcEditorState или null

описание: Текущее состояние настроек для редактора

пример вызова

                                        pxpCalculators[0].editorSettingsController.editorState()

isEditEditorSizesAvailable boolean

описание: Возвращает доступен ли выбор произвольных размеров настроек для редактора

пример вызова

                                        pxpCalculators[0].editorSettingsController.isEditEditorSizesAvailable()

Для каждого редактора есть своя модель настроек. Соответственно, когда вы через модуль получаете editorState, сделайте проверку на то, какой редактор настроек у этого товара. Сделать это можно через проверку свойства editorType в editorState

                    // Например, вам нужно получить состояние настроек для редактора только если это редактор проверки макетов
                    var editorState = pxpCalculators[0].editorSettingsController.editorState();

                    // проверим, что editorState не null и что оно подходит под наши требования
                    if (editorState != null && editorState.editorType === 7) {
                        // ваш код
                    }

CalcCanvasEditorState
Модель настроек для редактора интерьеров

Основные свойства

editorType number

описание: Индекс редактора

значение: 9

пример вызова

                                        pxpCalculators[0].editorSettingsController.editorState().editorType

canvasEditorInfo EditorSizeInfo или null

описание: Текущее состояние настроек размеров для редактора интерьеров

пример вызова

                                        pxpCalculators[0].editorSettingsController.editorState().canvasEditorInfo

CalcGiftEditorState
Модель настроек для редактора сувениров

Основные свойства

editorType number

описание: Индекс редактора

значение: 8

пример вызова

                                        pxpCalculators[0].editorSettingsController.editorState().editorType

giftEditorInfo EditorSizeInfo или null

описание: Текущее состояние настроек размеров для редактора сувениров

пример вызова

                                        pxpCalculators[0].editorSettingsController.editorState().giftEditorInfo

CalcMockupEditorState
Модель настроек для редактора проверки макетов

Основные свойства

editorType number

описание: Индекс редактора

значение: 7

пример вызова

                                        pxpCalculators[0].editorSettingsController.editorState().editorType

coverInfo EditorSizeInfo или null

описание: Текущее состояние настроек размеров обложек для редактора проверки макетов

пример вызова

                                        pxpCalculators[0].editorSettingsController.editorState().coverInfo

pageInfo EditorSizeInfo или null
описание

Текущее состояние настроек размеров разворотов для редактора проверки макетов
пример вызова
```
                                        pxpCalculators[0].editorSettingsController.editorState().pageInfo
                                    
```

flyleafInfo EditorSizeInfo или null

описание: Текущее состояние настроек размеров форзацев для редактора проверки макетов

пример вызова

                                        pxpCalculators[0].editorSettingsController.editorState().flyleafInfo

В примерах получения данных для EditorSizeInfo я буду использовать укороченную запись, но для понятности предположим, что переменная eSizeInfo, откуда достаются данные, это свойство coverInfo для настроек редактора проверки макетов:

                        var eSizeInfo = pxpCalculators[0].editorSettingsController.editorState().coverInfo;

EditorSizeInfo
Модель настроек размеров. Содержит в себе размеры для редакторов, которые могут быть использованы в дальнейшем оформлении заказов. Так же тут могут быть установлены собственные размеры, если у товара настроены произвольные размеры

Основные свойства

editorSizes массив ISizeModel

описание: Итоговый массив размеров. Размер массива напрямую зависит от количества страниц

пример вызова

                                        eSizeInfo.editorSizes

пример результата

                                        [
                                            {
                                                Width: 297, 
                                                Height: 100
                                            }
                                        ]

title string

описание: Название

пример вызова

                                        eSizeInfo.title

isVisible boolean

описание: Возвращает отображаются ли данные настройки в калькуляторе

пример вызова

                                        eSizeInfo.isVisible

isArbitrarySizeAvailable boolean
описание

Возвращает доступны ли произвольные размеры для данных настроек
пример вызова
```
                                        eSizeInfo.isArbitrarySizeAvailable
                                    
```

minEditorWidth number

описание: Минимальная ширина редактора

пример вызова

                                        eSizeInfo.minEditorWidth

maxEditorWidth number

описание: Максимальная ширина редактора

пример вызова

                                        eSizeInfo.maxEditorWidth

defaultEditorWidth number

описание: Ширина редактора по умолчанию

пример вызова

                                        eSizeInfo.defaultEditorWidth()

inputEditorWidth number или string
описание

Свойство для указания ширины редактора
пример вызова
```
                                        // устанавливаем ширину 150
                                        eSizeInfo.inputEditorWidth(150)
                                    
```
примечание

Указывая данные самостоятельно не забудьте после этого провалидировать их методом validateInputData, иначе selectedEditorWidth не обновится!

selectedEditorWidth number

описание: Итоговая выбранная ширина редактора

пример вызова

                                        eSizeInfo.selectedEditorWidth()

minEditorHeight number

описание: Минимальная высота редактора

пример вызова

                                        eSizeInfo.minEditorHeight

maxEditorHeight number

описание: Максимальная высота редактора

пример вызова

                                        eSizeInfo.maxEditorWidth

defaultEditorHeight number

описание: Высота редактора по умолчанию

пример вызова

                                        eSizeInfo.defaultEditorHeight()

inputEditorHeight number или string
описание

Свойство для указания высоты редактора
пример вызова
```
                                        // устанавливаем высоту 150
                                        eSizeInfo.inputEditorHeight(150)
                                    
```
примечание

Указывая данные самостоятельно не забудьте после этого провалидировать их методом validateInputData, иначе selectedEditorHeight не обновится!

selectedEditorHeight number

описание: Выбранная высота редактора

пример вызова

                                        eSizeInfo.selectedEditorHeight()

measureTitle number

описание: Название размерности

пример вызова

                                        eSizeInfo.measureTitle()

isPagesCountVisible string
описание

Возвращает доступен ли выбор количества страниц для данных настроек
пример вызова
```
                                        eSizeInfo.title
                                    
```

minPagesCount number или null

описание: Минимальное количество страниц

пример вызова

                                        eSizeInfo.minPagesCount

maxPagesCount number или null

описание: Максимальное количество страниц

пример вызова

                                        eSizeInfo.maxPagesCount

inputPagesCount number или string
описание

Свойство для указания количества страниц
пример вызова
```
                                        
                                        // устанавливаем количество страниц 30
                                        eSizeInfo.inputPagesCount(30)
                                    
```
примечание

Указывая данные самостоятельно не забудьте после этого провалидировать их методом validatePagesInputData, иначе selectedPagesCount не обновится!

selectedPagesCount number

описание: Выбранное количество страниц

пример вызова

                                        eSizeInfo.selectedPagesCount()

pagesMeasureTitle number

описание: Название количества страниц

пример вызова

                                        eSizeInfo.pagesMeasureTitle()

Основные методы

validateInputData void

описание: Обновление и валидирование данных из inputEditorWidth и inputEditorHeight

пример вызова

                                        eSizeInfo.validateInputData()

validatePagesInputData void

описание: Обновление и валидирование данных из inputPagesCount

пример вызова

                                        eSizeInfo.validatePagesInputData()

Получить данный модуль можно через вызов в калькуляторе customWorkSelector

                        pxpCalculators[0].customWorkSelector

CalcCustomWorkSelectorController
Модель модуля опций. Хранит в себе всю информацю о состоянии опций, переменных опций, позиций опций, выбранных в позициях произвольных размеров и файлов

Основные свойства

works массив CalcCustomWorkState

описание: Массив всех опций

пример вызова

                                        pxpCalculators[0].customWorkSelector.works()

availableWorks массив CalcCustomWorkState

описание: Массив всех доступных для выбора опций

пример вызова

                                        pxpCalculators[0].customWorkSelector.availableWorks()

worksDictionary Словарь { number: CalcCustomWorkState }

описание: Словарь опций, где ключ - Id опции, а значение - опция

пример вызова

                                        // получаем словарь опций
                                        var wDict = pxpCalculators[0].customWorkSelector.worksDictionary();

                                        // получаем опцию с Id 123456
                                        var work = wDict[123456];

itemsDictionary { number: CalcCustomWorkItemState }

описание: Словарь позиции опции, где ключ - Id позиции опции, а значение - позиции

пример вызова

                                        // получаем словарь всех позиций
                                        var iDict = pxpCalculators[0].customWorkSelector.itemsDictionary();

                                        // получаем позицию с Id 123456
                                        var item = iDict[123456];

finalState массив ICustomWorkOutputState

описание: Текущее финальное состояние опций в калькуляторе

пример вызова

                                        pxpCalculators[0].customWorkSelector.finalState()

пример итогового состояния

                                        [
                                            {
                                                WorkId: 729251,
                                                Items: [
                                                    {
                                                        ItemId: 2789540,
                                                        Quantity: 1
                                                    }
                                                ]
                                            },
                                            {
                                                WorkId: 527204,
                                                Items: [
                                                    {
                                                        ItemId: 1937970,
                                                        Quantity: 10
                                                    }
                                                ]
                                            }
                                        ]

Основные методы

loadState void

описание: Загрузка предзаданного состояния выбора опций

параметры функции: массив ICustomWorkOutputState

пример вызова

                                        // получаем состояние для загрузки из первого калькулятора
                                        var stateToLoad = pxpCalculators[0].customWorkSelector.finalState();

                                        // загружаем его во второй калькулятор
                                        pxpCalculators[1].customWorkSelector.loadState(stateToLoad);

примечание: Состояние можно предварительно сохранить на странице и через скрипт загружать его в нужный калькулятор, если вам требуется настройка на нужные данные при загрузке старницы

CalcCustomWorkState
Модель опции. Хранит в себе информацию про опцию, переменные и ее позиции

Основные свойства

variablesController CalcVariablesController или null

описание: Контроллер переменных (подробнее в разделе "Переменные")

пример вызова

                                        pxpCalculators[0].customWorkSelector.works()[0].variablesController

workId number

описание: Id опции

пример вызова

                                        pxpCalculators[0].customWorkSelector.works()[0].workId

title string

описание: Название опции

пример вызова

                                        pxpCalculators[0].customWorkSelector.works()[0].title

description string

описание: Описание опции для калькулятора

пример вызова

                                        pxpCalculators[0].customWorkSelector.works()[0].description

isAvailable boolean

описание: Возвращает доступна опция для выбора в калькуляторе или нет

пример вызова

                                        pxpCalculators[0].customWorkSelector.works()[0].isAvailable()

isRequired boolean

описание: Возвращает опция обязательна или нет

пример вызова

                                        pxpCalculators[0].customWorkSelector.works()[0].isRequired

isCheckbox boolean

описание: Возвращает множественный ли выбор позиций в опции или нет

пример вызова

                                        pxpCalculators[0].customWorkSelector.works()[0].isCheckbox

isHidden boolean

описание: Возвращает опция скрыта или нет

пример вызова

                                        pxpCalculators[0].customWorkSelector.works()[0].isHidden()

items массив CalcCustomWorkItemState

описание: Все включенные позиции опции

пример вызова

                                        pxpCalculators[0].customWorkSelector.works()[0].items()

itemsAvailable массив CalcCustomWorkItemState

описание: Все доступные для выбора в калькуляторе позиции опции

пример вызова

                                        pxpCalculators[0].customWorkSelector.works()[0].itemsAvailable()

selectedItems массив CalcCustomWorkItemState

описание: Выбранные позиции опции

пример вызова

                                        pxpCalculators[0].customWorkSelector.works()[0].selectedItems()

selectedItemIds массив number

описание: Выбранные Id позиций опции

пример вызова

                                        pxpCalculators[0].customWorkSelector.works()[0].selectedItemIds()

Основные методы

validate boolean

описание: Возвращает валидны данные в опции или нет

пример вызова

                                        pxpCalculators[0].customWorkSelector.works()[0].validate()

price number

описание: Возвращает текущую цену опции

пример вызова

                                        pxpCalculators[0].customWorkSelector.works()[0].price()

CalcCustomWorkItemState
Модель позиции опции

Основные свойства

itemId number

описание: Id позиции опции

пример вызова

                                        pxpCalculators[0].customWorkSelector.works()[0].items()[0].itemId()

title string

описание: Название позиции опции

пример вызова

                                        pxpCalculators[0].customWorkSelector.works()[0].items()[0].title

description string

описание: Описание позиции опции

пример вызова

                                        pxpCalculators[0].customWorkSelector.works()[0].items()[0].description

work CalcCustomWorkState

описание: Опция родитель

пример вызова

                                        pxpCalculators[0].customWorkSelector.works()[0].items()[0].work

asInfo CalcCustomWorkItemArbitrarySizeState или null

описание: Модель с информацией о произвольных размерах позиции опции

пример вызова

                                        pxpCalculators[0].customWorkSelector.works()[0].items()[0].asInfo

totalPrice number

описание: Итоговая цена позиции опции

пример вызова

                                        pxpCalculators[0].customWorkSelector.works()[0].items()[0].totalPrice()

price number

описание: Цена позиции опции без дополнительных стоимостей и процентов

пример вызова

                                        pxpCalculators[0].customWorkSelector.works()[0].items()[0].price()

additionalPrice number

описание: Дополнительная цена позиции опции

пример вызова

                                        pxpCalculators[0].customWorkSelector.works()[0].items()[0].additionalPrice()

isAvailable boolean

описание: Возвращает доступна позиция опции для выбора или нет

пример вызова

                                        pxpCalculators[0].customWorkSelector.works()[0].items()[0].isAvailable()

isSelected boolean

описание: Возвращает выбрана позиция опции или нет

пример вызова

                                        pxpCalculators[0].customWorkSelector.works()[0].items()[0].isSelected()

quantity number

описание: Количество позиции опции

пример вызова

                                        pxpCalculators[0].customWorkSelector.works()[0].items()[0].quantity()

totalPriceString string

описание: Форматированая итоговая цена позиции опции (отдается в HTML)

пример вызова

                                        pxpCalculators[0].customWorkSelector.works()[0].items()[0].quantity()

пример результата

                                        0,00 руб.

CalcCustomWorkItemArbitrarySizeState
Модель произвольных размеров позиции опции. Содержит в себе данные по фиксированным размерам, диапазону размеров, расчету по формуле, расчету по тексту и страничному расчету

Основные свойства

finalState IArbitrarySizeOutputData

описание: Итоговое состояние произвольных размеров позиции опции

пример вызова

                                        pxpCalculators[0].customWorkSelector.works()[0].items()[0].asInfo.finalState()

пример результата

О финальных состояниях

Финальные состояния опций и позиций используются для расчетных данных, продолжения заказа и для метода loadState в модуле опций. Ниже указаны модели финальных состояний со всеми возможными полями. Как уже было описано выше, получить финальное состояние опций можно через команду ниже:

                        var finalCustomWorksState = pxpCalculators[0].customWorkSelector.finalState()

ICustomWorkOutputState
Модель финального состояния опции

Поля

WorkId number или null

описание

Id опции
Items массив ICustomWorkItemOutputState или null

описание

Массив финальных состояний всех выбранных позиций в опции

ICustomWorkItemOutputState
Модель финального состояния позиции опции

Поля

ItemId number или null

описание

Id позиции опции
Quantity number или null

описание

Количество позиции опции
UserTemplateId number или null или undefined

описание

Id пользовательского шаблона
Size IArbitrarySizeOutputData или null или undefined

описание

Модель финального состояния произвольных размеров позиции опции
Variables массив IVariableDTO или null или undefined

описание

Массив финальных состояний переменных (подробнее в разделе "Переменные")
Files массив number или null или undefined

описание

Массив Id выбранных файлов

IArbitrarySizeOutputData
Модель финального состояния произвольных размеров позиции опции

Основные свойства

Width number или undefined

описание

Итоговая ширина
Height number или undefined

описание

Итоговая высота
Text string или undefined

описание

Итоговый текст

Принцип работы модуля переменных в том, что он существует отдельно для каждой опции, поскольку в каждой опции может быть свой набор переменных. Получить данный модуль можно через обращение к variablesController в нужной для вас опции.

                        var variablesCtrl = pxpCalculators[0].customWorkSelector.works()[0].variablesController

В примерах далее будет использоваться обращение к модулю через переменную variablesCtrl для укорочения записи:

CalcVariablesController
Модель модуля переменных. Хранит в себе информацию о доступных переменных для опции и методы их поиска

Основные свойства

availableVariables массив CalcVariableState

описание: Массив всех доступных переменных для опции

пример вызова

                                        variablesCtrl.availableVariables()

variablesExists boolean

описание: Возвращает есть ли переменные или нет для данной опции

пример вызова

                                        variablesCtrl.variablesExists()

Основные методы

getVariableByUniqueName CalcVariableState или null

описание: Возвращает переменную по ее имени

параметры функции: Уникальное имя переменной в виде строки

пример вызова

                                        // получить переменную с именем mass
                                        variablesCtrl.getVariableByUniqueName('mass')

CalcVariableState
Модель переменной

Основные свойства

uniqueName string

описание: Уникальное имя переменной

пример вызова

                                        variablesCtrl.availableVariables()[0].uniqueName

title string

описание: Название переменной

пример вызова

                                        variablesCtrl.availableVariables()[0].title

measurement string

описание: Размерность переменой

пример вызова

                                        variablesCtrl.availableVariables()[0].measurement

inputValue number
описание

Свойство для указания значения в переменную
пример вызова
```
                                        // присвоение переменной значения 150
                                        variablesCtrl.availableVariables()[0].inputValue(150)
                                    
```
примечание

Указывая данные самостоятельно не забудьте после этого провалидировать их методом validateInputData, иначе selectedValue не обновится!

selectedValue number

описание: Выбранное значение в переменной

пример вызова

                                        variablesCtrl.availableVariables()[0].selectedValue()

isVisible boolean

описание: Возвращает отображается переменная или нет

пример вызова

                                        variablesCtrl.availableVariables()[0].isVisible()

Основные методы

validateInputData void

описание: Обновление и валидирование данных из inputValue

пример вызова

                                        variablesCtrl.availableVariables()[0].validateInputData()

О финальных состояниях

Финальное состояния переменной используется в модели ICustomWorkItemOutputState (подробнее о ней написано в разделе «Опции и позиции»). Ниже расписаны все возможные поля в модели финального состояния переменной.

IVariableDTO
Модель финального состояния переменной:

Поля

UniqueName string

описание

Уникальное имя переменной
Value number

описание

Выбранное значение в переменной

Пример финального состояния переменной

                        {
                            UniqueName: 'mass',
                            Value: 10                                
                        }

Получить данный модуль можно через вызов в калькуляторе circulationSelector

                        pxpCalculators[0].circulationSelector

CirculationSelectorController
Модель модуля по работе с тиражами, многостраничным расчетом, поверхностями и учетом фотографий

Основные свойства

options массив CirculationOption

описание: Массив моделей тиражности

пример вызова

                                        pxpCalculators[0].circulationSelector.options()

option CirculationOption или null

описание: Выбранная модель тиражности

пример вызова

                                        pxpCalculators[0].circulationSelector.option()

isFixedOption boolean
описание

Возвращает являются ли текущие модели тиражности с выбором количества через предварительно заданные тиражи
пример вызова
```
                                        pxpCalculators[0].circulationSelector.isFixedOption()
                                    
```
isFloatOption boolean
описание

Возвращает являются ли текущие модели тиражности с выбором количества через ввод тиража вручную
пример вызова
```
                                        pxpCalculators[0].circulationSelector.isFloatOption()
                                    
```

floatQuantity number

описание: Текущее выбранное количество товара

пример вызова

                                        pxpCalculators[0].circulationSelector.floatQuantity()

complexOption CirculationComplex или null

описание: Модуль для выбора количества страниц

пример вызова

                                        pxpCalculators[0].circulationSelector.complexOption()

isComplexProduct boolean

описание: Возвращает есть ли возможность выбора количества страниц

пример вызова

                                        pxpCalculators[0].circulationSelector.isComplexProduct()

surfacesSettings CirculationSurfacesSettings или null

описание: Блок работы с поверхностями товара

пример вызова

                                        pxpCalculators[0].circulationSelector.surfacesSettings()

isSurfacesSettingsAvailable boolean

описание: Возвращает есть ли возможность работы с поверхностями товара

пример вызова

                                        pxpCalculators[0].circulationSelector.isSurfacesSettingsAvailable()

photosSettings CirculationPhotosSettings или null
описание

Блок работы с учетом фотографий
пример вызова
```
                                        pxpCalculators[0].circulationSelector.photosSettings()
                                    
```
примечание

Данный блок работает только для товара с редактором дизайнов

isPhotosSettingsAvailable boolean

описание: Возвращает есть ли возможность работы с учетом фотографий

пример вызова

                                        pxpCalculators[0].circulationSelector.isPhotosSettingsAvailable()

CirculationOptionFixed
Модель тиражности с выбором количества через предварительно заданный тираж

Основные свойства

quantity number

описание: Предзаданное количество

пример вызова

                                        pxpCalculators[0].circulationSelector.option().quantity()

isSelected boolean

описание: Возвращает выбран тираж или нет

пример вызова

                                        pxpCalculators[0].circulationSelector.option().isSelected()

Основные методы

select void

описание: Метод выбора тиража

пример вызова

                                        // выбор 4-го тиража из массива тиражей
                                        pxpCalculators[0].circulationSelector.options()[3].select()

CirculationOptionFloat
Модель тиражности с выбором количества через ввод тиража вручную

Основные свойства

min number

описание: Минимальное возможное количество

пример вызова

                                        pxpCalculators[0].circulationSelector.option().min

max number

описание: Максимальное возможное количество

пример вызова

                                        pxpCalculators[0].circulationSelector.option().max

quantity number

описание: Выбранное количество

пример вызова

                                        pxpCalculators[0].circulationSelector.option().quantity()

isSelected boolean

описание: Возвращает выбран тираж или нет

пример вызова

                                        pxpCalculators[0].circulationSelector.option().isSelected()

Если вам требуется выбрать тираж через ввод значения, тогда это требуется сделать следующим образом:

                        // устанавливаем количество 15
                        pxpCalculators[0].circulationSelector.floatQuantity(15);

                        // калькулятор сам проведет все проверки и положит в итоговый option() необходимый тираж
                        // данный способ работает только для выбора тиражности через ввод числа

CirculationComplex
Модель блока многостраничности

Основные свойства

partsQuantity number

описание: Итоговое количество страниц

пример вызова

                                        pxpCalculators[0].circulationSelector.complexOption().partsQuantity()

itemPartsMinimum number

описание: Минимальное количество страниц

пример вызова

                                        pxpCalculators[0].circulationSelector.complexOption().itemPartsMinimum

itemPartsMaximum number

описание: Максимально количество страниц

пример вызова

                                        pxpCalculators[0].circulationSelector.complexOption().itemPartsMaximum

itemPartsGrowStep number

описание: Шаг страниц

пример вызова

                                        pxpCalculators[0].circulationSelector.complexOption().itemPartsGrowStep

Основные методы

setDisplayPartsQuantity void

описание: Ввод количества страниц. Если указанное число не будет удолетворять ограничениям, то оно будет заменено на валидное

параметры функции: Число

пример вызова

                                        // устанавливаем количество страниц 15
                                        pxpCalculators[0].circulationSelector.complexOption().displayPartsQuantity(15)

CirculationSurfacesSettings
Модель блока поверхностей товара

Основные свойства

surfaces массив CirculationSurfacesSettingsSurface

описание: Все поверхности товара

пример вызова

                                        pxpCalculators[0].circulationSelector.surfacesSettings().surfaces()

selectedSurfacesZonesPrices массив number или null

описание: Итоговые цены выбранных зон поверхностей

пример вызова

                                        pxpCalculators[0].circulationSelector.surfacesSettings().selectedSurfacesZonesPrices()

CirculationSurfacesSettingsSurface
Модель поверхности товара

Основные свойства

index number

описание: Индекс поверхности (в порядке как в настройках товара)

пример вызова

                                        pxpCalculators[0].circulationSelector.surfacesSettings().surfaces()[0].index

title string

описание: Название поверхности

пример вызова

                                        pxpCalculators[0].circulationSelector.surfacesSettings().surfaces()[0].title

zones массив CirculationSurfacesSettingsSurfaceZone

описание: Зоны поверхности товара

пример вызова

                                        pxpCalculators[0].circulationSelector.surfacesSettings().surfaces()[0].zones()

selectedZone CirculationSurfacesSettingsSurfaceZone или null

описание: Выбранная зона поверхности товара

пример вызова

                                        pxpCalculators[0].circulationSelector.surfacesSettings().surfaces()[0].selectedZone()

CirculationSurfacesSettingsSurfaceZone
Модель зоны поверхности товара

Основные свойства

index number

описание: Индекс зоны поверхности (в порядке как в настройках товара)

пример вызова

                                        pxpCalculators[0].circulationSelector.surfacesSettings().surfaces()[0].selectedZone().index

title string

описание: Название зоны поверхности

пример вызова

                                        pxpCalculators[0].circulationSelector.surfacesSettings().surfaces()[0].selectedZone().title

price number

описание: Стоимость зоны поверхности

пример вызова

                                        pxpCalculators[0].circulationSelector.surfacesSettings().surfaces()[0].selectedZone().price

surface CirculationSurfacesSettingsSurface

описание: Поверхность, к которой относится зона

пример вызова

                                        pxpCalculators[0].circulationSelector.surfacesSettings().surfaces()[0].selectedZone().surface

isSelected boolean

описание: Возвращает выбрана ли эта зона поверхности

пример вызова

                                        pxpCalculators[0].circulationSelector.surfacesSettings().surfaces()[0].selectedZone().isSelected()

Основные методы

select void

описание: Задание этой зоны поверхности как выбранной

пример вызова

                                        // выбираем третью зону из массива зон поверхности
                                        pxpCalculators[0].circulationSelector.surfacesSettings().surfaces()[0].zones()[2].select()

CirculationPhotosSettings
Модель блока учета фотографий

Основные свойства

minimumPhotosCount number

описание: Минимальное число фотографий

пример вызова

                                        pxpCalculators[0].circulationSelector.photosSettings().minimumPhotosCount

additionalPhotosCountToMinimum number

описание: Добавочное количество фотографий за каждую дополнительную страницу

пример вызова

                                        pxpCalculators[0].circulationSelector.photosSettings().additionalPhotosCountToMinimum

pricePerPhoto number

описание: Цена за фотографию

пример вызова

                                        pxpCalculators[0].circulationSelector.photosSettings().pricePerPhoto

totalMinimumPhotosCount number

описание: Общее число минимального количества фотографий

пример вызова

                                        pxpCalculators[0].circulationSelector.photosSettings().totalMinimumPhotosCount()

photosQuantity number

описание: Текущее количество фотографий

пример вызова

                                        pxpCalculators[0].circulationSelector.photosSettings().photosQuantity()

Получить данный модуль можно через вызов в калькуляторе totalPriceCalculator

                        pxpCalculators[0].totalPriceCalculator

CalcTotalPriceViewController
Модель ценовой панели. На ней отображаются итоговые цены, кнопки для заказа товара и предупреждения в случае невалидных данных

Основные свойства

totalPrice number

описание: Итоговая цена

пример вызова

                                        pxpCalculators[0].totalPriceCalculator.totalPrice()

totalPriceWithoutDiscounts number

описание: Итоговая цена без скидки

пример вызова

                                        pxpCalculators[0].totalPriceCalculator.totalPriceWithoutDiscounts()

totalProductPriceWithoutCustomWorks number

описание: Итоговая цена товара без скидки и опций

пример вызова

                                        pxpCalculators[0].totalPriceCalculator.totalProductPriceWithoutCustomWorks()

totalProductCustomWorksPrice number

описание: Итоговая стоимость опций без скидки

пример вызова

                                        pxpCalculators[0].totalPriceCalculator.totalProductCustomWorksPrice()

totalPriceFormatted string

описание: Текстовый вид итоговой цены (отдается в HTML)

пример вызова

                                        pxpCalculators[0].totalPriceCalculator.totalPriceFormatted()

пример результата

                                        Итого: 10,00 руб.

visible boolean

описание: Возвращает отображается ценовая панель или нет

пример вызова

                                        pxpCalculators[0].totalPriceCalculator.visible()

isTotalPriceLoading boolean

описание: Возвращает цена обновляется или нет

пример вызова

                                        pxpCalculators[0].totalPriceCalculator.isTotalPriceLoading()

continueOrderClickIsEnabled boolean

описание: Возвращает кнопка "Продолжить заказ" доступна или нет

пример вызова

                                        pxpCalculators[0].totalPriceCalculator.continueOrderClickIsEnabled()

addToCartEnabled boolean

описание: Возвращает кнопка "Добавить в корзину" доступна или нет

пример вызова

                                        pxpCalculators[0].totalPriceCalculator.addToCartEnabled()

Основные методы

show void

описание: Показать модуль ценовой панели

пример вызова

                                        pxpCalculators[0].totalPriceCalculator.show()

hide void

описание: Скрыть модуль ценовой панели

пример вызова

                                        pxpCalculators[0].totalPriceCalculator.hide()

refreshPrice void
описание

Метод для обновления цены

условие выполнения

Обновление калькулятора в данный момент не происходит, и не было ошибок с загрузкой состояния
пример вызова
```
                                        pxpCalculators[0].totalPriceCalculator.refreshPrice()
                                    
```

continueOrderClick void

описание: Метод для активации события "Продолжение заказа"

пример вызова

                                        pxpCalculators[0].totalPriceCalculator.continueOrderClick()

addToCartClick void

описание: Метод для активации события "Добавить в корзину"

пример вызова

                                        pxpCalculators[0].totalPriceCalculator.addToCartClick()

Узнайте больше о платформе Pixlpark

Документация к калькулятору

Общее

Интеграция

Категории и товары

Размеры редактора

Опции и позиции

Переменные

Тиражи

Ценовая панель

О хранении и доступе

PxpCalc Модель калькулятора

Основные свойства

materialSelector MaterialSelectorController

editorSettingsController EditorSettingsController

customWorkSelector CalcCustomWorkSelectorController

circulationSelector CirculationSelectorController

totalPriceCalculator CalcTotalPriceViewController

isMaterialTypeUpdate boolean

isMaterialUpdate boolean

inUpdate boolean

Основные методы

info void

update void

О первом запуске

О модификации

Самый банальный пример итогового скрипта для интеграции

Шаг 1

Шаг 2

cssLink

photolabId

Шаг 3

PxpCalcManager Модель, содержащая в себе методы для иницилизации калькулятора на странице

Параметры конструктора

element HTMLElement

params ParamsModel

ParamsModel Набор параметров для настройки иницилизации калькулятора

Поля

materialType string или number

origin string

apiUrl string

material string или number

config string

languageId number

isMobile boolean

additionalQueryParams Словарь { string: string }

MaterialSelectorController Модель модуля по работе с категориями, товарами и атрибутами

Основные свойства

materialTypes массив MaterialType

materialType MaterialType или null

materialTypeId number или null

materials массив Material

material Material или null

materialId number или null

haveAttrs boolean

attributesTree MaterialTypeAttributesTree или null

attributes массив MaterialTypeAttribute

MaterialType Модель категории. Содержит в себе данные по атрибутам, входящих в нее

Основные свойства

id number

title string

name string

description string или null

calcHelper string

urlName string

attributes массив MaterialTypeAttribute

hiddenAttributes массив string

isSelected boolean

Основные методы

select void

Material Модель товара

Основные свойства

id number

title string

description string

urlName string

attributes Словарь { string: string }

isSelected boolean

Основные методы

select void

PxpCalc
Модель калькулятора

PxpCalcManager
Модель, содержащая в себе методы для иницилизации калькулятора на странице

ParamsModel
Набор параметров для настройки иницилизации калькулятора

MaterialSelectorController
Модель модуля по работе с категориями, товарами и атрибутами

MaterialType
Модель категории. Содержит в себе данные по атрибутам, входящих в нее

Material
Модель товара

MaterialTypeAttribute
Модель атрибута категории. Содержит в себе список значений атрибута

MaterialTypeAttributeValue
Модель значения атрибута категории

CalcCanvasEditorState
Модель настроек для редактора интерьеров

CalcGiftEditorState
Модель настроек для редактора сувениров

CalcMockupEditorState
Модель настроек для редактора проверки макетов