![](\"/htdocs/images/loading.gif?v=1.0\")
Lagrer');\n\n let productId = $('div#products_modal input#product_id').val();\n\n let formData = new FormData();\n formData.append('product_id', productId);\n\n if($('div#products_modal select[name=\"select_consuming_location\"]').val()) {\n let consumingLocation = $('div#products_modal select[name=\"select_consuming_location\"]').children(\"option:selected\").val();\n formData.append('consuming_location', consumingLocation);\n }\n\n //Checkbox - Choose if product should be visible in shop\n if ($('div#products_modal input#select_visibility').is(\":checked\"))\n {\n formData.append('product_visible', '1');\n } else {\n formData.append('product_visible', '0');\n }\n\n $('div#products_modal select[name^=\"product_category_select\"]').each(function () {\n if($(this).is(\":visible\")) {\n formData.append('product_category_select[]', $(this).children(\"option:selected\").val());\n }\n });\n\n $('div#products_modal input[name^=\"production_open_from\"]').each(function () {\n formData.append('production_open_from[]', $(this).val());\n });\n\n $('div#products_modal input[name^=\"production_open_to\"]').each(function () {\n formData.append('production_open_to[]', $(this).val());\n });\n\n if ($('div#form_group_sale_time_table').length) {\n $('div#products_modal input[name^=\"sale_open_from\"]').each(function () {\n formData.append('sale_open_from[]', $(this).val());\n });\n\n $('div#products_modal input[name^=\"sale_open_to\"]').each(function () {\n formData.append('sale_open_to[]', $(this).val());\n });\n }\n\n formData.append('description', $('div#products_modal textarea[name^=\"description\"]').val());\n formData.append('email_recipients', $('div#products_modal textarea[name^=\"email_recipients\"]').val());\n\n const secondsFromHours = Number($('div#products_modal input[name^=\"production_time_hours\"]').val()) * 3600;\n const secondsFromMinutes = Number($('div#products_modal input[name^=\"production_time_minutes\"]').val()) * 60;\n const productionTimeInSeconds = secondsFromHours + secondsFromMinutes;\n formData.append('production_time', `${productionTimeInSeconds}`);\n\n const earliestDeliveryTime = `${$('div#products_modal select[name^=\"earliest_delivery_time_hour\"]').val()}:${$('div#products_modal select[name^=\"earliest_delivery_time_minute\"]').val()}`;\n const timeFormatRegex = /^([01]\\d|2[0-3]):[0-5]\\d$/;\n formData.append('earliest_delivery_time', timeFormatRegex.test(earliestDeliveryTime) ? earliestDeliveryTime : '');\n\n formData.append('produce_before_earliest_delivery_time', $('div#products_modal input[name^=\"produce_before_earliest_delivery_time\"]').is(':checked') ? '1' : '0');\n\n saveProduct(formData); \n });\n\n //Remove a category\n $(document).on('click', 'div#products_modal .remove-category-button', function () {\n $(this).parent().parent().hide();\n });\n\n\n //Add a new category to a product\n $(document).on('click', 'div#products_modal button#add_new_category_product', function () {\n\n $.ajax({\n type: 'GET',\n url: ajaxPathGetProductCategorySelectListAndRemoveButtonHtml,\n data: {},\n dataType: 'json'\n }).success(function (data) {\n $('div#product_category_select_list_wrapper').append(data.html);\n\n }).error(function (data) {\n modalTitle = 'Det oppstod en feil!';\n modalMessage = $.parseJSON(data.responseText).errors;\n modalAlertType = 'error';\n\n displayInfoMessageModal(modalParentElementInDOM, modalTitle, modalMessage, modalButtonText, modalAlertType);\n });\n });\n\n // Product search on enter\n $(document).on('keyup', 'form#add_products_form input#product_search_input, ' +\n 'form#add_product_to_customer_group_form input#product_search_input', function (e) {\n let searchResult = $('div#product_search_result');\n if ($(this).val().length < 2) {\n searchResult.empty();\n return;\n }\n\n if (e.keyCode === 38) { //key UP\n scrollListKeyUp();\n }\n else if (e.keyCode === 40) { //key DOWN\n scrollListKeyDown()\n\n }\n else if (e.keyCode === 13) { //key ENTER\n e.preventDefault();\n if (elementSelected != null) {\n setSelectedProduct(elementSelected);\n }\n return false;\n }\n\n else {\n let searchString = $(this).val();\n productSearch(searchString)\n }\n\n\n return false;\n });\n\n\n // Product search on click\n $(document).on('click', 'form#add_products_form button#product_search_button, ' +\n 'form#add_product_to_customer_group_form button#product_search_button', function () {\n if ($(this).hasClass('no-result')) {\n return;\n }\n\n let searchString = $('form#add_products_form input#product_search_input').val();\n\n if (searchString.length > 1) {\n productSearch(searchString);\n }\n });\n\n\n $(document).on('click', 'form#add_products_form li.list-group-item:not(.selected-product), ' +\n 'form#add_product_to_customer_group_form li.list-group-item:not(.selected-product)', function () {\n let productItem = $(this);\n setSelectedProduct(productItem);\n });\n\n $(document).on('click', 'form#add_products_form li.list-group-item span.close,' +\n 'form#add_product_to_customer_group_form li.list-group-item span.close', function () {\n let hiddenProductId = '';\n if ($('form#add_products_form').length) {\n hiddenProductId = $('form#add_products_form input#product_id');\n }\n else if ($('form#add_product_to_customer_group_form').length) {\n hiddenProductId = $('form#add_product_to_customer_group_form input#product_id');\n }\n\n if (hiddenProductId !== '' && hiddenProductId.length) {\n hiddenProductId.remove();\n }\n let newSearch = printSearchWrapper();\n $('div#product_search_wrapper').html(newSearch);\n });\n\n $(document).on('mouseup', 'div#wrap', function (e) {\n let searchResult = $('div#product_search_result');\n let inputField = $('input#product_search_input');\n\n if(!searchResult.is(e.target) && !inputField.is(e.target) && searchResult.has(e.target).length === 0) {\n searchResult.empty();\n }\n });\n\n /*\n Display belonging panel\n */\n $(document).on('click', 'div#products_modal_container button.accordion', function() {\n displayAccordionContent($(this));\n });\n\n function saveProduct(formData) {\n if (ajaxLockActive === true) {\n return;\n }\n\n ajaxLockActive = true;\n $.ajax({\n type: 'POST',\n url: ajaxPathSaveProductModalContent,\n data: formData,\n processData: false,\n contentType: false,\n dataType: 'json'\n }).success(function (data) {\n //Remove loading gif\n $('button#save_product_modal').html('Lagre');\n\n\n let prependBeforeId = $('div#product_category_select_list_wrapper');\n let message = 'Varen ble lagret';\n let type = 'success';\n let parent = $('div#products_modal');\n prependToAlert(prependBeforeId, message, type, '', parent);\n\n $('div#products_modal').scrollTop(0);\n\n $(document).on('change', 'div#products_modal .modal-body', function () {\n if($('div#product_category_select_list_wrapper div#message').length) {\n $('div#product_category_select_list_wrapper div#message').remove();\n }\n });\n\n $(document).on('click', 'div#products_modal .remove-category-button, div#products_modal button#add_new_category_product', function () {\n if($('div#product_category_select_list_wrapper div#message').length) {\n $('div#product_category_select_list_wrapper div#message').remove();\n }\n });\n }).error(function (data) {\n modalTitle = 'Det oppstod en feil!';\n modalMessage = $.parseJSON(data.responseText).errors;\n modalAlertType = 'error';\n\n displayInfoMessageModal(modalParentElementInDOM, modalTitle, modalMessage, modalButtonText, modalAlertType);\n }).always(function () { \n ajaxLockActive = false;\n });\n }\n\n function productSearch(searchString) {\n if (ajaxLockActive === true) {\n return;\n }\n //If 0 -> search in all products in frontline\n //If 1 -> search in products already added in fline\n let flineCategoryProducts = 0;\n\n if ($('form#add_product_to_customer_group_form').length) {\n flineCategoryProducts = 1;\n }\n\n ajaxLockActive = true;\n\n $.ajax({\n type: 'GET',\n url: ajaxPathGetSearchResult,\n data: {\n search_string: searchString,\n fline_category_products: flineCategoryProducts\n },\n dataType: 'json'\n }).success(function (data) {\n let searchResult = data.search_result;\n\n if ($('form#add_products_form').length) {\n $('form#add_products_form div#product_search_result').html(searchResult);\n }\n else if ($('form#add_product_to_customer_group_form').length) {\n $('form#add_product_to_customer_group_form div#product_search_result').html(searchResult);\n }\n\n }).error(function (data) {\n modalTitle = 'Det oppstod en feil!';\n modalMessage = $.parseJSON(data.responseText).errors;\n modalAlertType = 'error';\n\n displayInfoMessageModal(modalParentElementInDOM, modalTitle, modalMessage, modalButtonText, modalAlertType);\n }).always(function () {\n ajaxLockActive = false;\n });\n }\n\n function printSearchWrapper() {\n return '' +\n '' +\n '' +\n '' +\n '';\n }\n\n function scrollListKeyDown() {\n let liElements = $('div#product_search_result li.list-group-item');\n\n if(elementSelected && liElements.length) {\n elementSelected.removeClass('selected');\n let next = elementSelected.next();\n if(next.length > 0) {\n elementSelected = next.addClass('selected');\n } else {\n elementSelected = liElements.eq(0).addClass('selected');\n }\n } else {\n if (!(liElements.eq(0).hasClass('no-result'))) {\n elementSelected = liElements.eq(0).addClass('selected');\n }\n }\n }\n\n function scrollListKeyUp() {\n let liElements = $('div#product_search_result li.list-group-item');\n\n if(elementSelected && liElements.length) {\n elementSelected.removeClass('selected');\n let next = elementSelected.prev();\n if(next.length > 0) {\n elementSelected = next.addClass('selected');\n } else {\n elementSelected = liElements.last().addClass('selected');\n }\n } else {\n if (!(liElements.eq(0).hasClass('no-result'))) {\n elementSelected = liElements.last().addClass('selected');\n }\n }\n }\n\n function setSelectedProduct(productItem) {\n if (productItem.length && !productItem.hasClass('no-result')) {\n let selectedItemHtml = ' Lagrer');\n\n let productCategoryType = $('form#product_category_form input[name=product_category_type]').val();\n let productCategoryName = $('form#product_category_form input#name').val();\n let productCategoryDescription = $('form#product_category_form textarea#description').val();\n let productCategoryListOrder = $('form#product_category_form input[name=product_category_list_order]').val();\n let productCategoryParentId = $('form#product_category_form input[name=product_category_parent_product_category_id]').val();\n\n let formData = new FormData();\n\n if($('form#product_category_form input#product_category_id').val()) {\n let productCategoryId = $('form#product_category_form input#product_category_id').val();\n formData.append('product_category_id', productCategoryId);\n }\n\n if($('form#product_category_form select[name=\"select_consuming_location\"]').val()) {\n let consumingLocation = $('form#product_category_form select[name=\"select_consuming_location\"]').children(\"option:selected\").val();\n formData.append('consuming_location', consumingLocation);\n }\n\n formData.append('product_category_type', productCategoryType);\n formData.append('product_category_name', productCategoryName);\n formData.append('product_category_description', productCategoryDescription);\n formData.append('product_category_list_order', productCategoryListOrder);\n formData.append('product_category_parent_product_category_id', productCategoryParentId);\n\n //Checkbox - Choose if product category should be visible in shop\n if ($('form#product_category_form input#select_visibility').is(\":checked\"))\n {\n formData.append('product_category_visible', '1');\n } else {\n formData.append('product_category_visible', '0');\n }\n\n $('form#product_category_form input[name^=\"production_open_from\"]').each(function () {\n formData.append('production_open_from[]', $(this).val());\n });\n\n $('form#product_category_form input[name^=\"production_open_to\"]').each(function () {\n formData.append('production_open_to[]', $(this).val());\n });\n\n if ($('div#form_group_sale_time_table').length) {\n $('form#product_category_form input[name^=\"sale_open_from\"]').each(function () {\n formData.append('sale_open_from[]', $(this).val());\n });\n\n $('form#product_category_form input[name^=\"sale_open_to\"]').each(function () {\n formData.append('sale_open_to[]', $(this).val());\n });\n }\n\n ajaxLockActive = true;\n\n $.ajax({\n type: 'POST',\n url: ajaxPathSaveProductCategoryContent,\n data: formData,\n processData: false,\n contentType: false,\n dataType: 'json'\n }).success(function (data) {\n //remove loading-gif\n $('button#save_product_category').html('Lagre');\n\n // Update list of ProductCategories\n refreshProductCategoryList();\n\n let removeInputs = true;\n if ($('input[name=\"product_category_id\"]').val() * 1 > 0) {\n removeInputs = false;\n }\n\n // Insert success message\n displayAlertMessage('Lagret!', 'Trykk her for å lagre ny ' + itemName, 'success', removeInputs);\n $(window).scrollTop(0);\n\n }).error(function (data) {\n modalTitle = 'Det oppstod en feil!';\n modalMessage = $.parseJSON(data.responseText).errors;\n modalAlertType = 'error';\n\n displayInfoMessageModal(modalParentElementInDOM, modalTitle, modalMessage, modalButtonText, modalAlertType);\n }).always(function() {\n ajaxLockActive = false;\n });\n });\n\n \n /**\n * Deactivate or activate product category\n */\n $(document).on('click', 'form#product_category_form button#change_product_category_status', function() {\n if (ajaxLockActive) {\n return;\n }\n\n if ($(this).val() != 0 && $(this).val() != 1) {\n return;\n }\n\n if($(this).val() == 0) {\n if (!confirm('Vil du deaktivere denne kategorien? Den vil ikke lengre bli vist på forsiden til webshoppen.')) {\n return;\n }\n }\n\n let productCategoryId = $(this).attr('product_category_id');\n ajaxLockActive = true;\n $.ajax({\n type: 'POST',\n url: ajaxPath,\n data: {\n action: 'change_product_category_status',\n product_category_id: productCategoryId,\n status: $(this).val()\n }\n }).done(function(response) {\n // Validate response\n var success = true;\n if (response.status === undefined) {\n success = false;\n } else if (response.status.toUpperCase() !== 'OK') {\n success = false;\n }\n\n if (success) {\n // Success\n var removeInputs = true;\n\n // Insert success message\n displayAlertMessage('Lagret!', 'Trykk her for å lagre ny ' + itemName, 'success', removeInputs);\n\n // Update list of ProductCategories\n refreshProductCategoryList();\n } else {\n displayAlertMessage('Kunne ikke lagre!', response.error_message, 'danger', false);\n }\n ajaxLockActive = false;\n }, 'json');\n });\n\n /*\n * Fetch prefilled form to edit a ProductCategory\n */\n $(document).on('click', 'a.product_category_list_item', function(event) {\n //Verify that product_category_id is valid\n if (isNaN($(this).attr('product_category_id'))) {\n alert('Kunne ikke hente for endring, ugyldig ID');\n }\n\n //Fetch form with prefilled data for selected ProductCategory\n $.post(ajaxPath, {action: 'get_form', product_category_id: $(this).attr('product_category_id')}, function(response) {\n if (response.status.toUpperCase() === 'OK') {\n //Success, replace form\n $('form#product_category_form').replaceWith(response.html);\n } else {\n //Error, show error message\n displayAlertMessage('Kunne ikke lagre!', response.error_message, 'danger', false)\n }\n }, 'json');\n return false;\n });\n\n /*\n Display belonging panel\n */\n $(document).on('click', 'form#product_category_form button.accordion', function() {\n displayAccordionContent($(this));\n });\n\n /*\n * Search if enter key in the search field\n */\n $('input#product_category_search_input').keyup(function(e) {\n var key = e.which;\n var searchInput = $('input#product_category_search_input');\n\n // Refresh list if enter was pressed or the search field is empty\n if (key === 13 || searchInput.val() === '') {\n refreshProductCategoryListSearch();\n }\n });\n\n /*\n * Search if search button was clicked\n */\n $('button#product_category_search_button').click(function() {\n refreshProductCategoryListSearch();\n });\n\n /*\n * Refresh list of ProductCategorys after search\n */\n function refreshProductCategoryListSearch() {\n let displayDeactivated = false;\n if ($('div#product_category_list_wrapper input#display_deactivated').is(\":checked\"))\n {\n displayDeactivated = true;\n }\n\n $.ajax({\n type: 'POST',\n url: ajaxPath,\n data: {\n action: 'get_product_category_list',\n product_category_type: $('input[name=\"product_category_type\"]').val(), \n search_text: $('input#product_category_search_input').val(),\n display_deactivated: displayDeactivated\n }\n }).done(function(response) {\n if (response.status.toUpperCase() === 'OK') {\n //Success, replace list with new list\n $('div#product_category_list_wrapper div.list-group').replaceWith(response.html);\n } else {\n alert(response.error_message);\n }\n }, 'json');\n }\n\n function refreshProductCategoryList() {\n let displayDeactivated = false;\n if ($('div#product_category_list_wrapper input#display_deactivated').is(\":checked\"))\n {\n displayDeactivated = true;\n }\n $.ajax({\n type: 'GET',\n url: ajaxPathUpdateProductCategoryList,\n data: {\n product_category_type: $('input[name=\"product_category_type\"]').val(),\n display_deactivated: displayDeactivated\n },\n dataType: 'json'\n }).success(function (data) {\n $('div#product_category_list_wrapper div.list-group').replaceWith(data.html);\n\n if(data.html === '') {\n location.reload();\n }\n\n }).error(function (data) {\n modalTitle = 'Det oppstod en feil!';\n modalMessage = $.parseJSON(data.responseText).errors;\n modalAlertType = 'error';\n\n displayInfoMessageModal(modalParentElementInDOM, modalTitle, modalMessage, modalButtonText, modalAlertType);\n });\n }\n\n\n\n /*\n * Display html message\n *\n * If legend exist in form, the message is appended after legend\n * If legend does not exist in form, the message is appended after fieldset\n * \n * @param String headerText\n * @param String message\n * @param String type\n * @param bool removeInputs If true all input fields will be removed from form\n */\n function displayAlertMessage(headerText, message, type, removeInputs) {\n // Remove any existing alert message\n removeAlertMessage();\n\n // Build html\n var HTMLMessage = '' + message + '
' +\n '