{"id":248,"date":"2022-08-26T10:46:08","date_gmt":"2022-08-26T03:46:08","guid":{"rendered":"http:\/\/localhost:9999\/?page_id=248"},"modified":"2022-09-19T11:49:59","modified_gmt":"2022-09-19T04:49:59","slug":"customer-experience","status":"publish","type":"page","link":"https:\/\/unifam.com\/en\/customer-experience","title":{"rendered":"Customer Experience"},"content":{"rendered":"<div id=\"page-wrapper\">\n    <section class=\"header-page music-orange\">\n        <img decoding=\"async\" src=\"https:\/\/unifam.com\/wp-content\/uploads\/2022\/09\/51add78810aa53b4fced1d600819112d.jpg\" class=\"img-100\" alt=\"\">\n    <\/section>\n\n    <section class=\"pb-80\">\n        <div class=\"container\">\n\n            <div class=\"w-100 pb-100\">\n\n                <div class=\"w-100 mb-40 aligncenter\">\n                    <h1 class=\"f-blue mb-40 bold\">Customer Experience<\/h1>\n                    <div class=\"scroll-off\">\n                        <span class=\"scroll-overlay\"><\/span>\n                        <span class=\"scroll-overlay\"><\/span>\n                        <div class=\"scroll-on\">\n                        <\/div>\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <script type=\"text\/javascript\">\n\n        $(window).load(function () {\n\n            function convertToSlug(Text) {\n                return Text\n                    .toLowerCase()\n                    .replace(\/ \/g, '-')\n                    .replace(\/[^\\w-]+\/g, '')\n                    ;\n            }\n\n            $('#pagination').on('click', 'a', function (e) {\n                e.preventDefault();\n                var pageno = $(this).attr('data-ci-pagination-page');\n                var cat_id = $('.is-checked').attr('data-filter');\n                if (pageno != undefined) {\n                    loadPagination(pageno, cat_id);\n                }\n                \/\/\n            });\n\n            \/\/ Load pagination\n            function loadPagination(pagno, cat_id) {\n                $.ajax({\n                    url: 'https:\/\/unitedfamilyfood.co.id\/customer-experience\/loadRecord\/' + pagno + '\/' + cat_id,\n                    type: 'get',\n                    dataType: 'json',\n                    success: function (response) {\n                        $('#pagination').html(response.pagination);\n                        createcontent(response.result);\n                    }\n                });\n            }\n\n            \/\/ Create table list\n            function createcontent(result) {\n\n                $('#content').empty();\n                var url_upload = \"https:\/\/unitedfamilyfood.co.id\/uploads\/content\/\";\n                var lang = \"indonesian\"\n                var current_url = \"https:\/\/unitedfamilyfood.co.id\/customer-experience\"\n\n                for (index in result) {\n\n                    var id = result[index].id;\n                    var cat_id = result[index].customer_experience_category_id;\n                    var cat_name = (lang === 'indonesian') ? result[index].category_name_in : result[index].category_name_en;\n                    var image = result[index].image;\n                    var title = (lang === 'indonesian') ? result[index].title_in : result[index].title_en;\n                    var short_desc = (lang === 'indonesian') ? result[index].short_desc_in : result[index].short_desc_en;\n                    var url = current_url + '\/' + convertToSlug(title) + '-' + id;\n\n\n                    console.log(result[index]);\n\n                    var html = \"\";\n                    html += \"<div class='element-ar col-3 transition \" + cat_id + \"'>\";\n                    html += \"<div class='item-b'>\";\n                    html += \"<a href='\" + url + \"'>\";\n                    html += \"<div class='item-b-thumb-wrap'>\";\n                    html += \"<div class='item-b-thumb bg' style='background:url(\" + url_upload + image + \")'><\/div>\";\n                    html += \"<\/div>\";\n                    html += \"<\/a>\";\n                    html += \"<div class='w-100 p-25 bu'>\";\n                    html += \"<a href='#filter=\" + cat_id + \"' class='bold mb-10 w-100'><h5 class='f-blue-soft'>\" + cat_name + \"<\/h5><\/a>\";\n                    html += \"<a href='\" + url + \"' class='w-100'><h3 class='bold'>\" + title + \"<\/h3><\/a>\";\n                    html += \"<div class='w-100 ptb-15'>\";\n                    html += \"<h6>\" + short_desc + \"<\/h6>\";\n                    html += \"<\/div>\";\n                    html += \"<\/div>\";\n                    html += \"<a href='\" + url + \"' class='btn-link'>Lihat Selengkapnya<\/a>\";\n                    html += \"<\/div>\";\n                    html += \"<\/div>\";\n\n\n                    $('#content').append(html);\n\n                    matchHeight.init();\n                    equal_height();\n\n                }\n            }\n\n\n            var getUrlParameter = function getUrlParameter(sParam) {\n                var sPageURL = window.location.search.substring(1),\n                    sURLVariables = sPageURL.split('#'),\n                    sParameterName,\n                    i;\n                console.log(sURLVariables);\n\n                for (i = 0; i < sURLVariables.length; i++) {\n                    sParameterName = sURLVariables[i].split('=');\n\n                    if (sParameterName[0] === sParam) {\n                        return sParameterName[1] === undefined ? true : decodeURIComponent(sParameterName[1]);\n                    }\n                }\n            };\n\n\n            \/\/ filter functions\n            var filterFns = {\n                \/\/ show if number is greater than 50\n                numberGreaterThan50: function () {\n                    var number = $(this).find('.number').text();\n                    return parseInt(number, 10) > 50;\n                },\n                \/\/ show if name ends with -ium\n                ium: function () {\n                    var name = $(this).find('.name').text();\n                    return name.match(\/ium$\/);\n                }\n            };\n\n            function getHashFilter() {\n                \/\/ get filter=filterName\n                var matches = location.hash.match(\/filter=([^&]+)\/i);\n                var hashFilter = matches && matches[1];\n                return hashFilter && decodeURIComponent(hashFilter);\n            }\n\n            \/\/ init Isotope\n            var $grid = $('.grid');\n\n            \/\/ bind filter button click\n            var $filterButtonGroup = $('.filter-button-group');\n            $filterButtonGroup.on('click', 'button', function () {\n                var filterAttr = $(this).attr('data-filter');\n                \/\/ set filter in hash\n                location.hash = 'filter=' + encodeURIComponent(filterAttr);\n            });\n\n            var isIsotopeInit = false;\n\n            function onHashchange() {\n                var hashFilter = getHashFilter();\n                if (!hashFilter && isIsotopeInit) {\n                    return;\n                }\n                isIsotopeInit = true;\n                \/\/ filter isotope\n                $grid.isotope({\n                    itemSelector: '.element-ar',\n                    layoutMode: 'masonry',\n                    \/\/ use filterFns\n                    filter: filterFns[hashFilter] || hashFilter\n                });\n                \/\/ set selected class on button\n                if (hashFilter) {\n                    $filterButtonGroup.find('.is-checked').removeClass('is-checked');\n                    $filterButtonGroup.find('[data-filter=\"' + hashFilter + '\"]').addClass('is-checked');\n                    loadPagination(0, hashFilter);\n                } else {\n                    loadPagination(0, '*');\n                }\n            }\n\n            $(window).on('hashchange', onHashchange);\n\n            \/\/ trigger event handler to init Isotope\n            onHashchange();\n\n        });\n    <\/script>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Customer Experience<\/p>","protected":false},"author":1,"featured_media":344,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-large-header","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-248","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Customer Experience | United Family Food<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/unifam.com\/en\/customer-experience\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Customer Experience | United Family Food\" \/>\n<meta property=\"og:description\" content=\"Pengalaman Konsumen\" \/>\n<meta property=\"og:url\" content=\"https:\/\/unifam.com\/en\/customer-experience\/\" \/>\n<meta property=\"og:site_name\" content=\"United Family Food\" \/>\n<meta property=\"article:modified_time\" content=\"2022-09-19T04:49:59+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/unifam.com\/wp-content\/uploads\/2022\/09\/51add78810aa53b4fced1d600819112d.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1440\" \/>\n\t<meta property=\"og:image:height\" content=\"570\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/unifam.com\/customer-experience\",\"url\":\"https:\/\/unifam.com\/customer-experience\",\"name\":\"Customer Experience | United Family Food\",\"isPartOf\":{\"@id\":\"https:\/\/unifam.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/unifam.com\/customer-experience#primaryimage\"},\"image\":{\"@id\":\"https:\/\/unifam.com\/customer-experience#primaryimage\"},\"thumbnailUrl\":\"https:\/\/unifam.com\/wp-content\/uploads\/2022\/09\/51add78810aa53b4fced1d600819112d.jpg\",\"datePublished\":\"2022-08-26T03:46:08+00:00\",\"dateModified\":\"2022-09-19T04:49:59+00:00\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/unifam.com\/customer-experience\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/unifam.com\/customer-experience#primaryimage\",\"url\":\"https:\/\/unifam.com\/wp-content\/uploads\/2022\/09\/51add78810aa53b4fced1d600819112d.jpg\",\"contentUrl\":\"https:\/\/unifam.com\/wp-content\/uploads\/2022\/09\/51add78810aa53b4fced1d600819112d.jpg\",\"width\":1440,\"height\":570},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/unifam.com\/#website\",\"url\":\"https:\/\/unifam.com\/\",\"name\":\"United Family Food\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/unifam.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Customer Experience | United Family Food","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/unifam.com\/en\/customer-experience\/","og_locale":"en_US","og_type":"article","og_title":"Customer Experience | United Family Food","og_description":"Pengalaman Konsumen","og_url":"https:\/\/unifam.com\/en\/customer-experience\/","og_site_name":"United Family Food","article_modified_time":"2022-09-19T04:49:59+00:00","og_image":[{"width":1440,"height":570,"url":"https:\/\/unifam.com\/wp-content\/uploads\/2022\/09\/51add78810aa53b4fced1d600819112d.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/unifam.com\/customer-experience","url":"https:\/\/unifam.com\/customer-experience","name":"Customer Experience | United Family Food","isPartOf":{"@id":"https:\/\/unifam.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/unifam.com\/customer-experience#primaryimage"},"image":{"@id":"https:\/\/unifam.com\/customer-experience#primaryimage"},"thumbnailUrl":"https:\/\/unifam.com\/wp-content\/uploads\/2022\/09\/51add78810aa53b4fced1d600819112d.jpg","datePublished":"2022-08-26T03:46:08+00:00","dateModified":"2022-09-19T04:49:59+00:00","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/unifam.com\/customer-experience"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/unifam.com\/customer-experience#primaryimage","url":"https:\/\/unifam.com\/wp-content\/uploads\/2022\/09\/51add78810aa53b4fced1d600819112d.jpg","contentUrl":"https:\/\/unifam.com\/wp-content\/uploads\/2022\/09\/51add78810aa53b4fced1d600819112d.jpg","width":1440,"height":570},{"@type":"WebSite","@id":"https:\/\/unifam.com\/#website","url":"https:\/\/unifam.com\/","name":"United Family Food","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/unifam.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/unifam.com\/en\/wp-json\/wp\/v2\/pages\/248","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/unifam.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/unifam.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/unifam.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/unifam.com\/en\/wp-json\/wp\/v2\/comments?post=248"}],"version-history":[{"count":20,"href":"https:\/\/unifam.com\/en\/wp-json\/wp\/v2\/pages\/248\/revisions"}],"predecessor-version":[{"id":368,"href":"https:\/\/unifam.com\/en\/wp-json\/wp\/v2\/pages\/248\/revisions\/368"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/unifam.com\/en\/wp-json\/wp\/v2\/media\/344"}],"wp:attachment":[{"href":"https:\/\/unifam.com\/en\/wp-json\/wp\/v2\/media?parent=248"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}