wickes-css2 2.103.0-IC-976-pre-commit-lint.5 → 2.103.0-IC-976-pre-commit-lint.8

package/src/js/page/components/saving-shopping-list.js

@@ -1,278 +1,245 @@
-import Handlebars from 'hbsfy/runtime';
-import savedProjectListItem from '../../../components/saved-project-list-item.hbs';
+import Handlebars from "hbsfy/runtime";
+import savedProjectListItem from "../../../components/saved-project-list-item.hbs";
 
-import { appendLoader, showLoader, hideLoader } from '../utils/loader';
-import { paintPagination, addPaginationEvent, removePaginationFocus } from './pagination';
+import {appendLoader, showLoader, hideLoader} from "../utils/loader";
+import {paintPagination, addPaginationEvent, removePaginationFocus} from "./pagination";
 
-Handlebars.registerPartial('checkbox', require('../../../elements/checkbox.hbs'));
+Handlebars.registerPartial('checkbox', require("../../../elements/checkbox.hbs"));
 
 var Wick = window.Wick || {};
 
 Wick.SavingShoppingList = {
-    HIDDEN_CLASS_NAME: 'd-none',
-    NEW_SAVE_INFO_TEXT: 'Saved to new list: ',
-    SAVE_INFO_TEXT: 'Saved to list: ',
-    SELECT_PROJECT_LIST_EVENT: 'selectProjectList',
-    CREATE_PROJECT_LIST_EVENT: 'createProjectList',
-    GET_PROJECT_LISTS_EVENT: 'getProjectLists',
-    modalStates: {
-        projectLists: 'projectLists',
-        projectListProducts: 'projectListProducts',
-    },
-    el: {
-        createNewList: '.create-new-list',
-        createNewListBtn: '.create-new-list__btn',
-        createNewListBtnOpenClass: 'create-new-list__btn--open',
-        createNewListForm: '.create-new-list__form',
-        createNewListToggle: '.create-new-list__action',
-        projectListAddedCheck: '.added-project__list .chb',
-        existingProjectList: '.added-project__list',
-        addedProjectList: '.added-project__projects',
-        addedProjectListLargeClass: 'added-project__projects--large',
-        savedListTextEl: '.saved-new-info',
-        continueShoppingBtn: '.saved-action-link button',
-        modalSavingToShopList: '#modal-saving-to-shop-list',
-        modalContent: '.modal-content.shopping-list',
-        projectListName: '#new-project-list-name',
-        formRow: '.form-row',
-        formRowInfo: '.form-row__error',
-        listName: '.saved-to-list_list-name',
-        savedProducts: '.saved-products',
-        savedProduct: '.saved-product',
-        listError: '.list-error',
-        listErrorText: '.list-error__text',
-        loader: '.modal-content.shopping-list .loader-wrapper',
-        goToButton: '.saved-action-link__go-to',
-        paginationWrapper: '.added-project__pagination',
-        clearBtn: '.btn--clear',
-    },
-    maxAmountMessage: 'Maximum product quantity reached',
-    isMaximumAmountOfShoppingListsReached: null,
-    initialPageNumber: 1,
-    loaderPayload: {
-        wrapper: '.modal-content.shopping-list',
-        hidden: true,
-        modifier: 'shopping-list-loader',
-    },
-    boundEvents: false,
-    changeState(state) {
-        $(Wick.SavingShoppingList.el.modalContent).attr('data-action', state);
-    },
-    toggleAddNewForm() {
-        Wick.SavingShoppingList.hideInputError();
-        Wick.SavingShoppingList.cleanNameField();
-        Wick.SavingShoppingList.toggleCreateBtnState();
-        Wick.SavingShoppingList.toggleLargeProjectList();
-        $(Wick.SavingShoppingList.el.createNewListForm).toggleClass(
-            Wick.SavingShoppingList.HIDDEN_CLASS_NAME
-        );
-    },
-    toggleLargeProjectList() {
-        $(Wick.SavingShoppingList.el.addedProjectList).toggleClass(
-            Wick.SavingShoppingList.el.addedProjectListLargeClass
-        );
-    },
-    toggleCreateBtnState() {
-        $(Wick.SavingShoppingList.el.createNewListBtn).toggleClass(
-            Wick.SavingShoppingList.el.createNewListBtnOpenClass
-        );
-    },
-    removeCreateBtnState() {
-        $(Wick.SavingShoppingList.el.createNewListBtn).removeClass(
-            Wick.SavingShoppingList.el.createNewListBtnOpenClass
-        );
-    },
-    hideAddNewForm() {
-        $(Wick.SavingShoppingList.el.createNewListForm).addClass(
-            Wick.SavingShoppingList.HIDDEN_CLASS_NAME
-        );
-        Wick.SavingShoppingList.removeCreateBtnState();
-    },
-    createNewList(e) {
-        e.preventDefault();
-        const projectListName = $(Wick.SavingShoppingList.el.projectListName).val() || '';
+  HIDDEN_CLASS_NAME: 'd-none',
+  NEW_SAVE_INFO_TEXT: 'Saved to new list: ',
+  SAVE_INFO_TEXT: 'Saved to list: ',
+  SELECT_PROJECT_LIST_EVENT: 'selectProjectList',
+  CREATE_PROJECT_LIST_EVENT: 'createProjectList',
+  GET_PROJECT_LISTS_EVENT: 'getProjectLists',
+  modalStates: {
+    projectLists: 'projectLists',
+    projectListProducts: 'projectListProducts',
+  },
+  el: {
+    createNewList: '.create-new-list',
+    createNewListBtn: '.create-new-list__btn',
+    createNewListBtnOpenClass: 'create-new-list__btn--open',
+    createNewListForm: '.create-new-list__form',
+    createNewListToggle: '.create-new-list__action',
+    projectListAddedCheck: '.added-project__list .chb',
+    existingProjectList: '.added-project__list',
+    addedProjectList: '.added-project__projects',
+    addedProjectListLargeClass: 'added-project__projects--large',
+    savedListTextEl: '.saved-new-info',
+    continueShoppingBtn: '.saved-action-link button',
+    modalSavingToShopList: '#modal-saving-to-shop-list',
+    modalContent: '.modal-content.shopping-list',
+    projectListName: '#new-project-list-name',
+    formRow: '.form-row',
+    formRowInfo: '.form-row__error',
+    listName: '.saved-to-list_list-name',
+    savedProducts: '.saved-products',
+    savedProduct: '.saved-product',
+    listError: '.list-error',
+    listErrorText: '.list-error__text',
+    loader: '.modal-content.shopping-list .loader-wrapper',
+    goToButton: '.saved-action-link__go-to',
+    paginationWrapper: '.added-project__pagination',
+    clearBtn: '.btn--clear',
+  },
+  maxAmountMessage: 'Maximum product quantity reached',
+  isMaximumAmountOfShoppingListsReached: null,
+  initialPageNumber: 1,
+  loaderPayload: {
+    wrapper: '.modal-content.shopping-list',
+    hidden: true,
+    modifier: "shopping-list-loader",
+  },
+  boundEvents: false,
+  changeState(state) {
+    $(Wick.SavingShoppingList.el.modalContent).attr('data-action', state);
+  },
+  toggleAddNewForm() {
+    Wick.SavingShoppingList.hideInputError();
+    Wick.SavingShoppingList.cleanNameField();
+    Wick.SavingShoppingList.toggleCreateBtnState();
+    Wick.SavingShoppingList.toggleLargeProjectList();
+    $(Wick.SavingShoppingList.el.createNewListForm).toggleClass(Wick.SavingShoppingList.HIDDEN_CLASS_NAME);
+  },
+  toggleLargeProjectList() {
+    $(Wick.SavingShoppingList.el.addedProjectList).toggleClass(Wick.SavingShoppingList.el.addedProjectListLargeClass);
+  },
+  toggleCreateBtnState() {
+    $(Wick.SavingShoppingList.el.createNewListBtn)
+      .toggleClass(Wick.SavingShoppingList.el.createNewListBtnOpenClass);
+  },
+  removeCreateBtnState() {
+    $(Wick.SavingShoppingList.el.createNewListBtn)
+      .removeClass(Wick.SavingShoppingList.el.createNewListBtnOpenClass);
+  },
+  hideAddNewForm() {
+    $(Wick.SavingShoppingList.el.createNewListForm).addClass(Wick.SavingShoppingList.HIDDEN_CLASS_NAME);
+    Wick.SavingShoppingList.removeCreateBtnState();
+  },
+  createNewList(e) {
+    e.preventDefault();
+    const projectListName = $(Wick.SavingShoppingList.el.projectListName).val() || '';
 
-        Wick.SavingShoppingList.hideErrors();
-        showLoader();
+    Wick.SavingShoppingList.hideErrors();
+    showLoader();
 
-        return new Promise((resolve, reject) => {
-            const payload = {
-                projectListName: projectListName.trim(),
-            };
-            const eventDetail = { resolve, reject };
-            const event = Wick.SavingShoppingList.createEvent(
-                Wick.SavingShoppingList.CREATE_PROJECT_LIST_EVENT,
-                payload,
-                eventDetail
-            );
-            window.dispatchEvent(event);
-        })
-            .then(Wick.SavingShoppingList.handleListCreation)
-            .catch(Wick.SavingShoppingList.handleListCreationError)
-            .finally(() => {
-                Wick.SavingShoppingList.cleanNameField();
-                Wick.SavingShoppingList.disabledCreateBtn();
-                Wick.SavingShoppingList.checkVisibilityOfClearButton();
-                hideLoader();
-            });
-    },
-    handleListCreation(savedListResponse) {
-        Wick.SavingShoppingList.changeState(
-            Wick.SavingShoppingList.modalStates.projectListProducts
-        );
-        Wick.SavingShoppingList.updateListInfo(Wick.SavingShoppingList.NEW_SAVE_INFO_TEXT);
-        Wick.SavingShoppingList.updateProductList(savedListResponse);
-        Wick.SavingShoppingList.updateProjectLists(savedListResponse);
-        Wick.SavingShoppingList.changeGoToButtonUrl(savedListResponse.currentProjectList);
-    },
-    handleListCreationError(error) {
-        Wick.SavingShoppingList.showInputError(error.message);
+    return new Promise((resolve, reject) => {
+      const payload = {
+        projectListName: projectListName.trim(),
+      }
+      const eventDetail = {resolve, reject};
+      const event = Wick.SavingShoppingList.createEvent(Wick.SavingShoppingList.CREATE_PROJECT_LIST_EVENT, payload, eventDetail);
+      window.dispatchEvent(event);
+    })
+      .then(Wick.SavingShoppingList.handleListCreation)
+      .catch(Wick.SavingShoppingList.handleListCreationError)
+      .finally(() => {
         Wick.SavingShoppingList.cleanNameField();
-    },
-    selectExistingList() {
-        Wick.SavingShoppingList.hideErrors();
-        showLoader();
+        Wick.SavingShoppingList.disabledCreateBtn();
+        Wick.SavingShoppingList.checkVisibilityOfClearButton();
+        hideLoader();
+      });
+  },
+  handleListCreation(savedListResponse) {
+    Wick.SavingShoppingList.changeState(Wick.SavingShoppingList.modalStates.projectListProducts);
+    Wick.SavingShoppingList.updateListInfo(Wick.SavingShoppingList.NEW_SAVE_INFO_TEXT);
+    Wick.SavingShoppingList.updateProductList(savedListResponse);
+    Wick.SavingShoppingList.updateProjectLists(savedListResponse);
+    Wick.SavingShoppingList.changeGoToButtonUrl(savedListResponse.currentProjectList);
+  },
+  handleListCreationError(error) {
+    Wick.SavingShoppingList.showInputError(error.message);
+    Wick.SavingShoppingList.cleanNameField();
+  },
+  selectExistingList() {
+    Wick.SavingShoppingList.hideErrors();
+    showLoader();
 
-        const projectListId = $(this).find('input').attr('id');
+    const projectListId = $(this).find('input').attr('id');
 
-        return new Promise((resolve, reject) => {
-            const payload = {
-                projectListId: projectListId,
-            };
-            const eventDetail = { resolve, reject };
-            const event = Wick.SavingShoppingList.createEvent(
-                Wick.SavingShoppingList.SELECT_PROJECT_LIST_EVENT,
-                payload,
-                eventDetail
-            );
-            window.dispatchEvent(event);
-        })
-            .then(Wick.SavingShoppingList.handleListSelect)
-            .catch(Wick.SavingShoppingList.handleListSelectError)
-            .finally(() => hideLoader());
-    },
-    handleListSelect(selectedListResponse) {
-        Wick.SavingShoppingList.changeState(
-            Wick.SavingShoppingList.modalStates.projectListProducts
-        );
-        Wick.SavingShoppingList.updateListInfo(Wick.SavingShoppingList.SAVE_INFO_TEXT);
-        Wick.SavingShoppingList.updateProductList(selectedListResponse);
-        Wick.SavingShoppingList.changeGoToButtonUrl(selectedListResponse.currentProjectList);
-    },
-    handleListSelectError(error) {
-        Wick.SavingShoppingList.showGlobalListError(error.message);
-        Wick.SavingShoppingList.unselectCheckboxes();
-    },
-    handleGetList(getProjectListResponse) {
-        Wick.SavingShoppingList.paintProjectList(getProjectListResponse.projectLists);
-        Wick.SavingShoppingList.addPagination(getProjectListResponse);
-    },
-    createEvent(eventName, payload, eventDetail) {
-        return new CustomEvent(eventName, {
-            detail: {
-                payload,
-                resolve: eventDetail.resolve,
-                reject: eventDetail.reject,
-            },
-        });
-    },
-    getProjectLists(pageNumber = Wick.SavingShoppingList.initialPageNumber) {
-        Wick.SavingShoppingList.hideErrors();
-        showLoader();
+    return new Promise((resolve, reject) => {
+      const payload = {
+        projectListId: projectListId,
+      };
+      const eventDetail = {resolve, reject};
+      const event = Wick.SavingShoppingList.createEvent(Wick.SavingShoppingList.SELECT_PROJECT_LIST_EVENT, payload, eventDetail);
+      window.dispatchEvent(event);
+    })
+      .then(Wick.SavingShoppingList.handleListSelect)
+      .catch(Wick.SavingShoppingList.handleListSelectError)
+      .finally(() => hideLoader())
+  },
+  handleListSelect(selectedListResponse) {
+    Wick.SavingShoppingList.changeState(Wick.SavingShoppingList.modalStates.projectListProducts);
+    Wick.SavingShoppingList.updateListInfo(Wick.SavingShoppingList.SAVE_INFO_TEXT);
+    Wick.SavingShoppingList.updateProductList(selectedListResponse);
+    Wick.SavingShoppingList.changeGoToButtonUrl(selectedListResponse.currentProjectList);
+  },
+  handleListSelectError(error) {
+    Wick.SavingShoppingList.showGlobalListError(error.message);
+    Wick.SavingShoppingList.unselectCheckboxes();
+  },
+  handleGetList(getProjectListResponse) {
+    Wick.SavingShoppingList.paintProjectList(getProjectListResponse.projectLists);
+    Wick.SavingShoppingList.addPagination(getProjectListResponse);
+  },
+  createEvent(eventName, payload, eventDetail) {
+    return new CustomEvent(eventName, {
+      detail: {
+        payload,
+        resolve: eventDetail.resolve,
+        reject: eventDetail.reject,
+      },
+    });
+  },
+  getProjectLists(pageNumber = Wick.SavingShoppingList.initialPageNumber) {
+    Wick.SavingShoppingList.hideErrors();
+    showLoader();
 
-        return new Promise((resolve, reject) => {
-            const payload = {
-                page: pageNumber,
-            };
-            const eventDetail = { resolve, reject };
-            const event = Wick.SavingShoppingList.createEvent(
-                Wick.SavingShoppingList.GET_PROJECT_LISTS_EVENT,
-                payload,
-                eventDetail
-            );
-            window.dispatchEvent(event);
-        })
-            .then(Wick.SavingShoppingList.handleGetList)
-            .catch(Wick.SavingShoppingList.handleListSelectError)
-            .finally(() => {
-                hideLoader();
-                removePaginationFocus();
-            });
-    },
-    updateProductList(listInfo) {
-        const currentList = listInfo.currentProjectList;
+    return new Promise((resolve, reject) => {
+      const payload = {
+        page: pageNumber,
+      }
+      const eventDetail = {resolve, reject};
+      const event = Wick.SavingShoppingList.createEvent(Wick.SavingShoppingList.GET_PROJECT_LISTS_EVENT, payload, eventDetail);
+      window.dispatchEvent(event);
+    })
+      .then(Wick.SavingShoppingList.handleGetList)
+      .catch(Wick.SavingShoppingList.handleListSelectError)
+      .finally(() => {
+        hideLoader();
+        removePaginationFocus();
+      });
+  },
+  updateProductList(listInfo) {
+    const currentList = listInfo.currentProjectList;
 
-        Wick.SavingShoppingList.updateListName(currentList.name);
-        Wick.SavingShoppingList.paintSavedProducts(currentList.products);
-    },
-    updateListName(name) {
-        $(Wick.SavingShoppingList.el.listName).text(name);
-    },
-    updateListInfo(info) {
-        $(Wick.SavingShoppingList.el.savedListTextEl).text(info);
-    },
-    cleanSavedProducts() {
-        $(Wick.SavingShoppingList.el.savedProducts).empty();
-    },
-    paintSavedProducts(products) {
-        const container = $(Wick.SavingShoppingList.el.savedProducts);
-        const isVatToggleAvailable = Wick.VatToggle.isToggleVatAvailable();
-        Wick.SavingShoppingList.cleanSavedProducts();
+    Wick.SavingShoppingList.updateListName(currentList.name);
+    Wick.SavingShoppingList.paintSavedProducts(currentList.products);
+  },
+  updateListName(name) {
+    $(Wick.SavingShoppingList.el.listName).text(name);
+  },
+  updateListInfo(info) {
+    $(Wick.SavingShoppingList.el.savedListTextEl).text(info);
+  },
+  cleanSavedProducts() {
+    $(Wick.SavingShoppingList.el.savedProducts).empty();
+  },
+  paintSavedProducts(products) {
+    const container = $(Wick.SavingShoppingList.el.savedProducts);
+    const isVatToggleAvailable = Wick.VatToggle.isToggleVatAvailable()
+    Wick.SavingShoppingList.cleanSavedProducts();
 
-        products.forEach((product) => {
-            container.append(
-                Wick.SavingShoppingList.createProductComponent(product, isVatToggleAvailable)
-            );
-        });
-    },
-    updateProjectLists(listInfo) {
-        const maxAmountOfProjects = listInfo.maxAmountOfProjects;
-        const existingListsAmount = listInfo.projectListLength;
-        Wick.SavingShoppingList.isMaximumAmountOfShoppingListsReached =
-            existingListsAmount >= maxAmountOfProjects;
-        Wick.SavingShoppingList.isMaximumAmountOfShoppingListsReached
-            ? Wick.SavingShoppingList.showMaximumReachedError()
-            : Wick.SavingShoppingList.hideMaximumReachedError();
-    },
-    showMaximumReachedError() {
-        $(Wick.SavingShoppingList.el.listError).removeClass(
-            Wick.SavingShoppingList.HIDDEN_CLASS_NAME
-        );
-        $(Wick.SavingShoppingList.el.createNewList).addClass(
-            Wick.SavingShoppingList.HIDDEN_CLASS_NAME
-        );
-    },
-    hideMaximumReachedError() {
-        $(Wick.SavingShoppingList.el.listError).addClass(Wick.SavingShoppingList.HIDDEN_CLASS_NAME);
-        $(Wick.SavingShoppingList.el.createNewList).removeClass(
-            Wick.SavingShoppingList.HIDDEN_CLASS_NAME
-        );
-    },
-    paintProjectList(list) {
-        const container = $(Wick.SavingShoppingList.el.existingProjectList);
-        container.empty();
-        list.forEach((listItem) => {
-            if (listItem.isFull) {
-                listItem.maxAmountMessage = Wick.SavingShoppingList.maxAmountMessage;
-            }
-            Wick.SavingShoppingList.createListItem(listItem);
-        });
-    },
-    addPagination(response) {
-        const payload = {
-            container: Wick.SavingShoppingList.el.paginationWrapper,
-            currentPage: response.currentPage,
-            pagesLength: response.pagesLength,
-        };
+    products.forEach((product) => {
+      container.append(Wick.SavingShoppingList.createProductComponent(product, isVatToggleAvailable))
+    })
+  },
+  updateProjectLists(listInfo) {
+    const maxAmountOfProjects = listInfo.maxAmountOfProjects;
+    const existingListsAmount = listInfo.projectListLength;
+    Wick.SavingShoppingList.isMaximumAmountOfShoppingListsReached = existingListsAmount >= maxAmountOfProjects;
+    Wick.SavingShoppingList.isMaximumAmountOfShoppingListsReached
+      ? Wick.SavingShoppingList.showMaximumReachedError()
+      : Wick.SavingShoppingList.hideMaximumReachedError()
+  },
+  showMaximumReachedError() {
+    $(Wick.SavingShoppingList.el.listError).removeClass(Wick.SavingShoppingList.HIDDEN_CLASS_NAME)
+    $(Wick.SavingShoppingList.el.createNewList).addClass(Wick.SavingShoppingList.HIDDEN_CLASS_NAME)
+  },
+  hideMaximumReachedError() {
+    $(Wick.SavingShoppingList.el.listError).addClass(Wick.SavingShoppingList.HIDDEN_CLASS_NAME)
+    $(Wick.SavingShoppingList.el.createNewList).removeClass(Wick.SavingShoppingList.HIDDEN_CLASS_NAME)
+  },
+  paintProjectList(list) {
+    const container = $(Wick.SavingShoppingList.el.existingProjectList);
+    container.empty();
+    list.forEach((listItem) => {
+      if (listItem.isFull) {
+        listItem.maxAmountMessage = Wick.SavingShoppingList.maxAmountMessage;
+      }
+      Wick.SavingShoppingList.createListItem(listItem);
+    })
+  },
+  addPagination(response) {
+    const payload = {
+      container: Wick.SavingShoppingList.el.paginationWrapper,
+      currentPage: response.currentPage,
+      pagesLength: response.pagesLength
+    }
 
-        paintPagination(payload);
-    },
-    createListItem(listItem) {
-        const container = $(Wick.SavingShoppingList.el.existingProjectList);
-        container.append(savedProjectListItem(listItem));
-    },
-    createProductComponent: function (product, isVatToggleAvailable) {
-        return `
+    paintPagination(payload);
+  },
+  createListItem(listItem) {
+    const container = $(Wick.SavingShoppingList.el.existingProjectList);
+    container.append(savedProjectListItem(listItem));
+  },
+  createProductComponent: function (product, isVatToggleAvailable) {
+    return `
       <div class="col-12 info-container saved-product">
         <div class="saved-content">
           <div class="saving-item-picture">
@@ -299,11 +266,11 @@ Wick.SavingShoppingList = {
           </div>
         </div>
       </div>
-    `;
-    },
-    createProductPrice(product, isVatToggleAvailable) {
-        if (isVatToggleAvailable) {
-            return ` 
+    `
+  },
+  createProductPrice(product, isVatToggleAvailable) {
+    if(isVatToggleAvailable) {
+      return ` 
           <div class="including-vat-inherit">
               <span class="order-item__value">${product.itemTotal}</span>
               <div class="price-vat">Inc.VAT</div>
@@ -312,122 +279,88 @@ Wick.SavingShoppingList = {
               <span class="order-item__value">${product.itemTotalExcVat}</span>
               <div class="price-vat">Exc.VAT</div>
           </div>
-      `;
-        } else {
-            return `<span class="order-item__value">${product.itemTotal}</span>`;
-        }
-    },
-    showInputError(message) {
-        $(Wick.SavingShoppingList.el.formRowInfo).text(message);
-        $(Wick.SavingShoppingList.el.formRow).addClass('form-row_validation-error');
-    },
-    showGlobalListError(message) {
-        $(Wick.SavingShoppingList.el.listError).removeClass(
-            Wick.SavingShoppingList.HIDDEN_CLASS_NAME
-        );
-        $(Wick.SavingShoppingList.el.listErrorText).text(message);
-    },
-    hideInputError() {
-        $(Wick.SavingShoppingList.el.formRow).removeClass('form-row_validation-error');
-    },
-    hideGlobalListError() {
-        $(Wick.SavingShoppingList.el.listError).hasClass(
-            Wick.SavingShoppingList.HIDDEN_CLASS_NAME
-        ) ||
-            $(Wick.SavingShoppingList.el.listError).addClass(
-                Wick.SavingShoppingList.HIDDEN_CLASS_NAME
-            );
-    },
-    resetModalState() {
-        Wick.SavingShoppingList.cleanNameField();
-        Wick.SavingShoppingList.changeState(Wick.SavingShoppingList.modalStates.projectLists);
-        Wick.SavingShoppingList.hideAddNewForm();
-        Wick.SavingShoppingList.hideErrors();
-    },
-    hideErrors() {
-        Wick.SavingShoppingList.hideInputError();
-        Wick.SavingShoppingList.isShoppingListFull() ||
-            Wick.SavingShoppingList.hideGlobalListError();
-    },
-    cleanNameField() {
-        $(Wick.SavingShoppingList.el.projectListName).val('');
-    },
-    unselectCheckboxes() {
-        $(Wick.SavingShoppingList.el.projectListAddedCheck).find('input').prop('checked', false);
-    },
-    changeGoToButtonUrl(currentProjectList) {
-        $(Wick.SavingShoppingList.el.goToButton).attr('href', currentProjectList.link);
-    },
-    isShoppingListFull() {
-        return Wick.SavingShoppingList.isMaximumAmountOfShoppingListsReached;
-    },
-    disabledCreateBtn() {
-        $(Wick.SavingShoppingList.el.createNewListToggle).prop(
-            'disabled',
-            $(Wick.SavingShoppingList.el.projectListName).val().length === 0
-        );
-    },
-    handleCreateInput() {
-        Wick.SavingShoppingList.disabledCreateBtn();
-        Wick.SavingShoppingList.checkVisibilityOfClearButton();
-    },
-    checkVisibilityOfClearButton() {
-        $(Wick.SavingShoppingList.el.clearBtn).toggleClass(
-            'd-block',
-            $(Wick.SavingShoppingList.el.projectListName).val().length > 0
-        );
-    },
-    handleClearEvent() {
-        Wick.SavingShoppingList.disabledCreateBtn();
-        Wick.SavingShoppingList.checkVisibilityOfClearButton();
-        Wick.SavingShoppingList.hideInputError();
-    },
-    bindEvents() {
-        $(Wick.SavingShoppingList.el.createNewListToggle).on(
-            'click',
-            Wick.SavingShoppingList.createNewList
-        );
-        $(Wick.SavingShoppingList.el.projectListName).on(
-            'submit',
-            Wick.SavingShoppingList.createNewList
-        );
-        $(Wick.SavingShoppingList.el.createNewListBtn).on(
-            'click',
-            Wick.SavingShoppingList.toggleAddNewForm
-        );
-        $(Wick.SavingShoppingList.el.continueShoppingBtn).on(
-            'click',
-            Wick.SavingShoppingList.resetModalState
-        );
-        $(Wick.SavingShoppingList.el.modalContent).on(
-            'change',
-            Wick.SavingShoppingList.el.projectListAddedCheck,
-            Wick.SavingShoppingList.selectExistingList
-        );
-        $(Wick.SavingShoppingList.el.modalSavingToShopList).on(
-            'hide.bs.modal',
-            Wick.SavingShoppingList.resetModalState
-        );
-        $(Wick.SavingShoppingList.el.projectListName).on(
-            'input',
-            Wick.SavingShoppingList.handleCreateInput
-        );
-    },
-    init() {
-        if (!$(Wick.SavingShoppingList.el.loader).length) {
-            appendLoader(Wick.SavingShoppingList.loaderPayload);
-        }
+      `
+    } else {
+      return `<span class="order-item__value">${product.itemTotal}</span>`
+    }
+
+  },
+  showInputError(message) {
+    $(Wick.SavingShoppingList.el.formRowInfo).text(message);
+    $(Wick.SavingShoppingList.el.formRow).addClass('form-row_validation-error');
+  },
+  showGlobalListError(message) {
+    $(Wick.SavingShoppingList.el.listError).removeClass(Wick.SavingShoppingList.HIDDEN_CLASS_NAME);
+    $(Wick.SavingShoppingList.el.listErrorText).text(message);
+  },
+  hideInputError() {
+    $(Wick.SavingShoppingList.el.formRow).removeClass('form-row_validation-error')
+  },
+  hideGlobalListError() {
+    $(Wick.SavingShoppingList.el.listError).hasClass(Wick.SavingShoppingList.HIDDEN_CLASS_NAME)
+    || $(Wick.SavingShoppingList.el.listError).addClass(Wick.SavingShoppingList.HIDDEN_CLASS_NAME);
+  },
+  resetModalState() {
+    Wick.SavingShoppingList.cleanNameField();
+    Wick.SavingShoppingList.changeState(Wick.SavingShoppingList.modalStates.projectLists);
+    Wick.SavingShoppingList.hideAddNewForm();
+    Wick.SavingShoppingList.hideErrors();
+  },
+  hideErrors() {
+    Wick.SavingShoppingList.hideInputError();
+    Wick.SavingShoppingList.isShoppingListFull() || Wick.SavingShoppingList.hideGlobalListError();
+  },
+  cleanNameField() {
+    $(Wick.SavingShoppingList.el.projectListName).val('');
+  },
+  unselectCheckboxes() {
+    $(Wick.SavingShoppingList.el.projectListAddedCheck).find('input').prop("checked", false);
+  },
+  changeGoToButtonUrl(currentProjectList) {
+    $(Wick.SavingShoppingList.el.goToButton).attr('href', currentProjectList.link);
+  },
+  isShoppingListFull() {
+    return Wick.SavingShoppingList.isMaximumAmountOfShoppingListsReached;
+  },
+  disabledCreateBtn() {
+    $(Wick.SavingShoppingList.el.createNewListToggle)
+      .prop('disabled', $(Wick.SavingShoppingList.el.projectListName).val().length === 0);
+  },
+  handleCreateInput() {
+    Wick.SavingShoppingList.disabledCreateBtn();
+    Wick.SavingShoppingList.checkVisibilityOfClearButton();
+
+  },
+  checkVisibilityOfClearButton() {
+    $(Wick.SavingShoppingList.el.clearBtn)
+      .toggleClass('d-block', $(Wick.SavingShoppingList.el.projectListName).val().length > 0);
+  },
+  handleClearEvent() {
+    Wick.SavingShoppingList.disabledCreateBtn();
+    Wick.SavingShoppingList.checkVisibilityOfClearButton();
+    Wick.SavingShoppingList.hideInputError();
+  },
+  bindEvents() {
+    $(Wick.SavingShoppingList.el.createNewListToggle).on("click", Wick.SavingShoppingList.createNewList);
+    $(Wick.SavingShoppingList.el.projectListName).on("submit", Wick.SavingShoppingList.createNewList);
+    $(Wick.SavingShoppingList.el.createNewListBtn).on("click", Wick.SavingShoppingList.toggleAddNewForm);
+    $(Wick.SavingShoppingList.el.continueShoppingBtn).on("click", Wick.SavingShoppingList.resetModalState);
+    $(Wick.SavingShoppingList.el.modalContent).on("change", Wick.SavingShoppingList.el.projectListAddedCheck, Wick.SavingShoppingList.selectExistingList);
+    $(Wick.SavingShoppingList.el.modalSavingToShopList).on('hide.bs.modal', Wick.SavingShoppingList.resetModalState);
+    $(Wick.SavingShoppingList.el.projectListName).on('input', Wick.SavingShoppingList.handleCreateInput);
+  },
+  init() {
+    if (!$(Wick.SavingShoppingList.el.loader).length) {
+      appendLoader(Wick.SavingShoppingList.loaderPayload);
+    }
 
-        if (Wick.SavingShoppingList.boundEvents !== true) {
-            Wick.SavingShoppingList.boundEvents = true;
-            Wick.SavingShoppingList.bindEvents();
-        }
+    if (Wick.SavingShoppingList.boundEvents !== true) {
+      Wick.SavingShoppingList.boundEvents = true;
+      Wick.SavingShoppingList.bindEvents();
+    }
 
-        Wick.SavingShoppingList.getProjectLists();
-        addPaginationEvent(
-            Wick.SavingShoppingList.el.paginationWrapper,
-            Wick.SavingShoppingList.getProjectLists
-        );
-        $(document).on('clearInput', Wick.SavingShoppingList.handleClearEvent);
-    },
+    Wick.SavingShoppingList.getProjectLists();
+    addPaginationEvent(Wick.SavingShoppingList.el.paginationWrapper, Wick.SavingShoppingList.getProjectLists);
+    $(document).on('clearInput', Wick.SavingShoppingList.handleClearEvent);
+  }
 };