Product Admin UI<\/title>\r\n <style>\r\n .site-box-body textarea {\r\n font-family: inherit;\r\n font-size: 14px;\r\n }\r\n .award {\r\n font-size: 20px;\r\n cursor: pointer;\r\n margin: 0 3px;\r\n opacity: 0.4;\r\n transition: opacity 0.2s;\r\n }\r\n .award.active {\r\n opacity: 1;\r\n }\r\n .product-section table th,\r\n .product-section table td {\r\n padding: 12px 8px;\r\n font-size: 15px;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<div style=\"display:flex; justify-content:space-between; align-items:center; margin-bottom:20px;\">\r\n <div>\r\n <button id=\"productTabBtn\" onclick=\"showTab('product-tab')\" style=\"padding:10px 20px; margin-right:10px; background:#2563eb; color:white; border:none; border-radius:5px; cursor:pointer;\">\r\n \ud83d\udd0e Search Products\r\n <\/button>\r\n <button id=\"adminTabBtn\" onclick=\"showTab('admin-tab')\" style=\"padding:10px 20px; background:#e0e7ff; color:#000; border:none; border-radius:5px; cursor:pointer;\">\r\n \u2699\ufe0f Site Manager\r\n <\/button>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div id=\"product-tab\" style=\"display:block;\">\r\n <div style=\"background:#f9fafe; padding:30px; border-radius:10px;\">\r\n <h2 style=\"font-size:24px; margin-bottom:20px;\">Product Search Form<\/h2>\r\n <div style=\"background:#fff; border-radius:8px; padding:20px; box-shadow:0 1px 3px rgba(0,0,0,0.1); margin-bottom:30px;\">\r\n <label>Website<\/label><br \/>\r\n <select id=\"websiteSelect\" onchange=\"loadMerchantSettings()\" style=\"width:100%; padding:10px; margin-bottom:10px;\"><\/select>\r\n <label>Sort By<\/label><br \/>\r\n <select style=\"width:100%; padding:10px; margin-bottom:10px;\">\r\n <option value=\"relevance\">Relevance<\/option>\r\n <option value=\"price_low_high\">Price: Low to High<\/option>\r\n <option value=\"price_high_low\">Price: High to Low<\/option>\r\n <option value=\"highest_discount\">Highest Discount<\/option>\r\n <\/select>\r\n <label>Limit<\/label><br \/>\r\n <div style=\"display:flex; gap:10px; margin-bottom:10px;\">\r\n <select onchange=\"document.getElementById('limitInput').value = this.value\" style=\"flex:1; padding:10px;\">\r\n <option>10<\/option>\r\n <option>25<\/option>\r\n <option>50<\/option>\r\n <option>75<\/option>\r\n <option selected>100<\/option>\r\n <\/select>\r\n <input id=\"limitInput\" type=\"text\" value=\"100\" style=\"flex:1; padding:10px;\" \/>\r\n <\/div>\r\n <label>Has Image<\/label><br \/>\r\n <select style=\"width:100%; padding:10px; margin-bottom:10px;\">\r\n <option value=\"yes\">yes<\/option>\r\n <option value=\"no\">no<\/option>\r\n <\/select>\r\n <label>Exclude Duplicates<\/label><br \/>\r\n <input type=\"text\" value=\"barcode|image|name\" style=\"width:100%; padding:10px; margin-bottom:10px;\" \/>\r\n <div style=\"display:flex; gap:10px;\">\r\n <div style=\"flex:1;\">\r\n <label>Product Name<\/label><br \/>\r\n <select style=\"width:100%; padding:10px; margin-bottom:10px;\">\r\n <option value=\"matches\">matches<\/option>\r\n <option value=\"contains\">contains<\/option>\r\n <option value=\"equals\">equals<\/option>\r\n <\/select>\r\n <\/div>\r\n <div style=\"flex:2;\">\r\n <label style=\"visibility:hidden\">.<\/label><br \/>\r\n <input type=\"text\" placeholder=\"e.g. sutteflaske\" style=\"width:100%; padding:10px; margin-bottom:10px;\" \/>\r\n <\/div>\r\n <\/div>\r\n <button style=\"background:#2563eb; color:#fff; border:none; padding:10px 20px; border-radius:5px; cursor:pointer;\">Search<\/button>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<div id=\"admin-tab\" style=\"display:none; background:#f9fafe; padding:30px; border-radius:10px;\">\r\n <h2 style=\"font-size:24px; margin-bottom:20px;\">Site Manager<\/h2>\r\n <div style=\"background:#fff; border-radius:8px; padding:20px; box-shadow:0 1px 3px rgba(0,0,0,0.1); margin-bottom:20px;\">\r\n <label>V\u00e6lg Website<\/label><br \/>\r\n <select id=\"siteSelect\" style=\"width:100%; padding:10px; margin-bottom:10px;\"><\/select>\r\n <label>Merchant IDs (kommasepareret)<\/label><br \/>\r\n <textarea id=\"merchantInput\" style=\"width:100%; padding:10px; height:80px; margin-bottom:10px;\"><\/textarea>\r\n <label>Network IDs (kommasepareret)<\/label><br \/>\r\n <textarea id=\"networkInput\" style=\"width:100%; padding:10px; height:60px; margin-bottom:10px;\"><\/textarea>\r\n <button onclick=\"saveSiteData()\" style=\"background:#10b981; color:#fff; border:none; padding:10px 20px; border-radius:5px; cursor:pointer;\">Gem data<\/button>\r\n <\/div>\r\n<div style=\"background:#fff; border-radius:8px; padding:20px; box-shadow:0 1px 3px rgba(0,0,0,0.1); margin-bottom:20px;\">\r\n <div style=\"background:#fff; border-radius:8px; padding:20px; box-shadow:0 1px 3px rgba(0,0,0,0.1); margin-bottom:30px;\">\r\n <h3 style=\"margin-bottom:15px;\">\ud83d\udd11 <strong>API & Keyword<\/strong><\/h3>\r\n\r\n <label style=\"font-weight:500;\">Datafeedr API Access ID<\/label><br \/>\r\n <input type=\"password\" id=\"apiAccessId\" style=\"width:100%; padding:10px; margin-bottom:15px; background:#e7f0fd; border:1px solid #ccc; border-radius:5px;\" placeholder=\"Inds\u00e6t din API Access ID\" \/>\r\n\r\n <label style=\"font-weight:500;\">Datafeedr API Key<\/label><br \/>\r\n <input type=\"password\" id=\"apiKey\" style=\"width:100%; padding:10px; margin-bottom:15px; background:#f9f9f9; border:1px solid #ccc; border-radius:5px;\" placeholder=\"Inds\u00e6t din API-n\u00f8gle her\" \/>\r\n\r\n <label style=\"font-weight:500;\">Standard S\u00f8geord<\/label><br \/>\r\n <input type=\"text\" id=\"defaultKeyword\" style=\"width:100%; padding:10px; margin-bottom:20px; background:#f9f9f9; border:1px solid #ccc; border-radius:5px;\" placeholder=\"f.eks. bleer, barnevogne\" \/>\r\n\r\n <button onclick=\"saveAPISettings()\" style=\"background:#10b981; color:white; border:none; padding:10px 20px; border-radius:5px; cursor:pointer;\">\ud83d\udcbe Gem API-data<\/button>\r\n<\/div>\r\n\r\n\r\n\r\n <h3 style=\"margin-top:30px;\">Gemte Websites<\/h3>\r\n <div style=\"margin-bottom:20px;\">\r\n <input type=\"text\" id=\"newSiteName\" placeholder=\"Nyt site-navn\" style=\"padding:8px; width:70%; border:1px solid #ccc; border-radius:5px;\" \/>\r\n <button onclick=\"addNewSite()\" style=\"padding:8px 12px; background:#10b981; color:white; border:none; border-radius:5px; margin-left:10px; cursor:pointer;\">\u2795 Tilf\u00f8j nyt site<\/button>\r\n <\/div>\r\n <div id=\"siteList\"><\/div>\r\n<\/div>\r\n\r\n<script>\r\nlet sites = JSON.parse(localStorage.getItem(\"sites\")) || [\r\n \"Babysupply\", \"Friluftguiden.dk\", \"Gadgetglamour.dk\", \"K\u00f8kkentrends\",\r\n \"Sygeideer.dk\", \"Trentjek.dk\", \"Velv\u00e6re365\", \"Bedste Valg DK\",\r\n \"Bedstiltdyrene.dk\", \"Bolighushave.dk\", \"B\u00e4staval.se\"\r\n];\r\n<script>\r\n function showTab(tabId) {\r\n const productTab = document.getElementById(\"product-tab\");\r\n const adminTab = document.getElementById(\"admin-tab\");\r\n\r\n const productBtn = document.getElementById(\"productTabBtn\");\r\n const adminBtn = document.getElementById(\"adminTabBtn\");\r\n\r\n if (tabId === \"product-tab\") {\r\n productTab.style.display = \"block\";\r\n adminTab.style.display = \"none\";\r\n\r\n productBtn.style.background = \"#2563eb\";\r\n productBtn.style.color = \"#fff\";\r\n\r\n adminBtn.style.background = \"#e0e7ff\";\r\n adminBtn.style.color = \"#000\";\r\n } else {\r\n productTab.style.display = \"none\";\r\n adminTab.style.display = \"block\";\r\n\r\n productBtn.style.background = \"#e0e7ff\";\r\n productBtn.style.color = \"#000\";\r\n\r\n adminBtn.style.background = \"#2563eb\";\r\n adminBtn.style.color = \"#fff\";\r\n }\r\n }\r\n\r\n \/\/ Vis produktfanen som standard og s\u00e6t knap-styling\r\n document.addEventListener(\"DOMContentLoaded\", function () {\r\n showTab(\"product-tab\");\r\n });\r\n<\/script>\r\n\r\n\r\n\r\nwindow.onload = () => {\r\n \/\/ Hent gemt API-n\u00f8gle og keyword og inds\u00e6t i felter\r\n document.getElementById(\"apiKey\").value = localStorage.getItem(\"datafeedr_api_key\") || \"\";\r\n document.getElementById(\"defaultKeyword\").value = localStorage.getItem(\"default_keyword\") || \"\";\r\n\r\n const select = document.getElementById(\"siteSelect\");\r\n const websiteSelect = document.getElementById(\"websiteSelect\");\r\n\r\n sites.forEach(site => {\r\n const option1 = document.createElement(\"option\");\r\n option1.value = site;\r\n option1.textContent = site;\r\n select.appendChild(option1);\r\n\r\n const option2 = document.createElement(\"option\");\r\n option2.value = site;\r\n option2.textContent = site;\r\n websiteSelect.appendChild(option2);\r\n });\r\n\r\n renderSiteList();\r\n};\r\n\r\n\r\n \/\/ Hent dynamisk liste fra localStorage, ellers brug fallback\r\n let sites = JSON.parse(localStorage.getItem(\"site_list\")) || [];\r\n\r\n \/\/ Ryd dropdowns f\u00f8rst\r\n select.innerHTML = \"\";\r\n websiteSelect.innerHTML = \"\";\r\n\r\n \/\/ Tilf\u00f8j sites til begge dropdowns\r\n sites.forEach(site => {\r\n const option1 = document.createElement(\"option\");\r\n option1.value = site;\r\n option1.textContent = site;\r\n select.appendChild(option1);\r\n\r\n const option2 = document.createElement(\"option\");\r\n option2.value = site;\r\n option2.textContent = site;\r\n websiteSelect.appendChild(option2);\r\n });\r\n\r\n \/\/ Vis gemte bokse\r\n renderSiteList();\r\n};\r\n\r\n\r\nfunction saveSiteData() {\r\n const site = document.getElementById(\"siteSelect\").value;\r\n const merchant = document.getElementById(\"merchantInput\").value;\r\n const network = document.getElementById(\"networkInput\").value;\r\n localStorage.setItem(`site_${site}_merchant`, merchant);\r\n localStorage.setItem(`site_${site}_network`, network);\r\n document.getElementById(\"merchantInput\").value = \"\";\r\n document.getElementById(\"networkInput\").value = \"\";\r\n renderSiteList();\r\n}\r\n\r\nfunction saveAPISettings() {\r\n const key = document.getElementById(\"apiKey\").value;\r\n const keyword = document.getElementById(\"defaultKeyword\").value;\r\n localStorage.setItem(\"datafeedr_api_key\", key);\r\n localStorage.setItem(\"default_keyword\", keyword);\r\n alert(\"API-data gemt!\");\r\n}\r\n\r\n\r\nfunction renderSiteList() {\r\n const container = document.getElementById(\"siteList\");\r\n container.innerHTML = \"\";\r\n sites.forEach(site => {\r\n const merchant = localStorage.getItem(`site_${site}_merchant`) || \"\";\r\n const network = localStorage.getItem(`site_${site}_network`) || \"\";\r\n if (!merchant && !network) return;\r\n let merchantCount = 0;\r\n try {\r\n const matches = merchant.match(\/s:\\d+:\"\\d+\"\/g);\r\n merchantCount = matches ? matches.length : 0;\r\n } catch {\r\n merchantCount = 0;\r\n }\r\n const networkCount = network.split(\",\").filter(x => x.trim() !== \"\").length;\r\n const box = document.createElement(\"div\");\r\n box.className = \"site-box\";\r\n box.style = \"background:#fff; border-radius:8px; padding:15px; margin:10px 0; box-shadow:0 1px 3px rgba(0,0,0,0.1); position:relative;\";\r\n box.innerHTML = `\r\n <div style=\"display:flex; justify-content:space-between; align-items:center;\">\r\n <div>\r\n <strong>${site}<\/strong>\r\n <span style=\"background:#10b981; color:white; padding:2px 8px; border-radius:12px; font-size:12px; margin-left:10px;\">Active<\/span><br \/>\r\n <small>Merchants: ${merchantCount} configured<\/small><br \/>\r\n <small>Networks: ${networkCount} configured<\/small>\r\n <\/div>\r\n <div>\r\n <button onclick=\"toggleBox(this)\" style=\"background:#e2e8f0; border:none; padding:4px 8px; border-radius:5px; cursor:pointer;\">\u270f\ufe0f<\/button>\r\n <button onclick=\"deleteSite('${site}')\" style=\"background:#f87171; color:#fff; border:none; padding:4px 8px; border-radius:5px; cursor:pointer;\">\ud83d\uddd1<\/button>\r\n <\/div>\r\n <\/div>\r\n <div class=\"site-box-body\" style=\"display:none; margin-top:15px;\">\r\n <label>Merchant IDs:<\/label><br \/>\r\n <textarea onchange=\"localStorage.setItem('site_${site}_merchant', this.value)\" style=\"width:100%; padding:8px; height:60px;\">${merchant}<\/textarea><br \/>\r\n <label>Network IDs:<\/label><br \/>\r\n <textarea onchange=\"localStorage.setItem('site_${site}_network', this.value)\" style=\"width:100%; padding:8px; height:60px;\">${network}<\/textarea>\r\n <\/div>\r\n `;\r\n container.appendChild(box);\r\n });\r\n}\r\n\r\nfunction toggleBox(btn) {\r\n const box = btn.closest(\".site-box\").querySelector(\".site-box-body\");\r\n box.style.display = box.style.display === \"none\" || box.style.display === \"\" ? \"block\" : \"none\";\r\n}\r\n\r\nfunction deleteSite(site) {\r\n localStorage.removeItem(`site_${site}_merchant`);\r\n localStorage.removeItem(`site_${site}_network`);\r\n renderSiteList();\r\n}\r\n\r\nfunction exportCSV() {\r\n const rows = document.querySelectorAll(\"#productList tr\");\r\n let csvContent = \"Produktnavn,Forhandler,Bedst i Test,Bedst til Prisen,Bedste K\u00f8b\\n\";\r\n rows.forEach(row => {\r\n const checked = row.querySelector(\".product-check\")?.checked;\r\n if (!checked) return;\r\n const name = row.querySelector(\"td:nth-child(2) div\").innerText.split('\\n')[0];\r\n const merchant = row.querySelector(\"td:nth-child(5)\").innerText.split('\\n')[0];\r\n const awards = row.querySelectorAll(\".award\");\r\n const bestInTest = awards[0].classList.contains(\"active\") ? \"\u2705\" : \"\";\r\n const bestValue = awards[1].classList.contains(\"active\") ? \"\u2705\" : \"\";\r\n const bestBuy = awards[2].classList.contains(\"active\") ? \"\u2705\" : \"\";\r\n csvContent += `${name},${merchant},${bestInTest},${bestValue},${bestBuy}\\n`;\r\n });\r\n const blob = new Blob([csvContent], { type: 'text\/csv;charset=utf-8;' });\r\n const url = URL.createObjectURL(blob);\r\n const link = document.createElement(\"a\");\r\n link.setAttribute(\"href\", url);\r\n link.setAttribute(\"download\", \"vinder_produkter.csv\");\r\n link.style.visibility = 'hidden';\r\n document.body.appendChild(link);\r\n link.click();\r\n document.body.removeChild(link);\r\n}\r\nfunction addNewSite() {\r\n const newSiteName = document.getElementById(\"newSiteName\").value.trim();\r\n\r\n if (!newSiteName) {\r\n alert(\"Skriv et navn p\u00e5 det nye site.\");\r\n return;\r\n }\r\n\r\n if (sites.includes(newSiteName)) {\r\n alert(\"Dette site findes allerede.\");\r\n return;\r\n }\r\n\r\n sites.push(newSiteName);\r\n localStorage.setItem(\"sites\", JSON.stringify(sites));\r\n document.getElementById(\"newSiteName\").value = \"\";\r\n\r\n const siteSelect = document.getElementById(\"siteSelect\");\r\n const websiteSelect = document.getElementById(\"websiteSelect\");\r\n\r\n const opt1 = document.createElement(\"option\");\r\n opt1.value = newSiteName;\r\n opt1.textContent = newSiteName;\r\n siteSelect.appendChild(opt1);\r\n\r\n const opt2 = document.createElement(\"option\");\r\n opt2.value = newSiteName;\r\n opt2.textContent = newSiteName;\r\n websiteSelect.appendChild(opt2);\r\n\r\n renderSiteList();\r\n}\r\n\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Product Admin UI \ud83d\udd0e Search Products \u2699\ufe0f Site Manager Product Search Form Website Sort By RelevancePrice: Low to HighPrice: High to LowHighest Discount Limit 10255075100 Has Image yesno Exclude Duplicates Product Name matchescontainsequals . Search Site Manager V\u00e6lg Website Merchant IDs (kommasepareret) Network IDs (kommasepareret) Gem data \ud83d\udd11 API & Keyword Datafeedr API Access ID […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_surecart_dashboard_logo_width":"180px","_surecart_dashboard_show_logo":true,"_surecart_dashboard_navigation_orders":true,"_surecart_dashboard_navigation_invoices":true,"_surecart_dashboard_navigation_subscriptions":true,"_surecart_dashboard_navigation_downloads":true,"_surecart_dashboard_navigation_billing":true,"_surecart_dashboard_navigation_account":true,"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-3676","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/webaffiliatemanager.com\/da\/wp-json\/wp\/v2\/pages\/3676","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webaffiliatemanager.com\/da\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/webaffiliatemanager.com\/da\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/webaffiliatemanager.com\/da\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webaffiliatemanager.com\/da\/wp-json\/wp\/v2\/comments?post=3676"}],"version-history":[{"count":99,"href":"https:\/\/webaffiliatemanager.com\/da\/wp-json\/wp\/v2\/pages\/3676\/revisions"}],"predecessor-version":[{"id":3800,"href":"https:\/\/webaffiliatemanager.com\/da\/wp-json\/wp\/v2\/pages\/3676\/revisions\/3800"}],"wp:attachment":[{"href":"https:\/\/webaffiliatemanager.com\/da\/wp-json\/wp\/v2\/media?parent=3676"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n Product Admin UI<\/title>\r\n <style>\r\n .site-box-body textarea {\r\n font-family: inherit;\r\n font-size: 14px;\r\n }\r\n .award {\r\n font-size: 20px;\r\n cursor: pointer;\r\n margin: 0 3px;\r\n opacity: 0.4;\r\n transition: opacity 0.2s;\r\n }\r\n .award.active {\r\n opacity: 1;\r\n }\r\n .product-section table th,\r\n .product-section table td {\r\n padding: 12px 8px;\r\n font-size: 15px;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<div style=\"display:flex; justify-content:space-between; align-items:center; margin-bottom:20px;\">\r\n <div>\r\n <button id=\"productTabBtn\" onclick=\"showTab('product-tab')\" style=\"padding:10px 20px; margin-right:10px; background:#2563eb; color:white; border:none; border-radius:5px; cursor:pointer;\">\r\n \ud83d\udd0e Search Products\r\n <\/button>\r\n <button id=\"adminTabBtn\" onclick=\"showTab('admin-tab')\" style=\"padding:10px 20px; background:#e0e7ff; color:#000; border:none; border-radius:5px; cursor:pointer;\">\r\n \u2699\ufe0f Site Manager\r\n <\/button>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div id=\"product-tab\" style=\"display:block;\">\r\n <div style=\"background:#f9fafe; padding:30px; border-radius:10px;\">\r\n <h2 style=\"font-size:24px; margin-bottom:20px;\">Product Search Form<\/h2>\r\n <div style=\"background:#fff; border-radius:8px; padding:20px; box-shadow:0 1px 3px rgba(0,0,0,0.1); margin-bottom:30px;\">\r\n <label>Website<\/label><br \/>\r\n <select id=\"websiteSelect\" onchange=\"loadMerchantSettings()\" style=\"width:100%; padding:10px; margin-bottom:10px;\"><\/select>\r\n <label>Sort By<\/label><br \/>\r\n <select style=\"width:100%; padding:10px; margin-bottom:10px;\">\r\n <option value=\"relevance\">Relevance<\/option>\r\n <option value=\"price_low_high\">Price: Low to High<\/option>\r\n <option value=\"price_high_low\">Price: High to Low<\/option>\r\n <option value=\"highest_discount\">Highest Discount<\/option>\r\n <\/select>\r\n <label>Limit<\/label><br \/>\r\n <div style=\"display:flex; gap:10px; margin-bottom:10px;\">\r\n <select onchange=\"document.getElementById('limitInput').value = this.value\" style=\"flex:1; padding:10px;\">\r\n <option>10<\/option>\r\n <option>25<\/option>\r\n <option>50<\/option>\r\n <option>75<\/option>\r\n <option selected>100<\/option>\r\n <\/select>\r\n <input id=\"limitInput\" type=\"text\" value=\"100\" style=\"flex:1; padding:10px;\" \/>\r\n <\/div>\r\n <label>Has Image<\/label><br \/>\r\n <select style=\"width:100%; padding:10px; margin-bottom:10px;\">\r\n <option value=\"yes\">yes<\/option>\r\n <option value=\"no\">no<\/option>\r\n <\/select>\r\n <label>Exclude Duplicates<\/label><br \/>\r\n <input type=\"text\" value=\"barcode|image|name\" style=\"width:100%; padding:10px; margin-bottom:10px;\" \/>\r\n <div style=\"display:flex; gap:10px;\">\r\n <div style=\"flex:1;\">\r\n <label>Product Name<\/label><br \/>\r\n <select style=\"width:100%; padding:10px; margin-bottom:10px;\">\r\n <option value=\"matches\">matches<\/option>\r\n <option value=\"contains\">contains<\/option>\r\n <option value=\"equals\">equals<\/option>\r\n <\/select>\r\n <\/div>\r\n <div style=\"flex:2;\">\r\n <label style=\"visibility:hidden\">.<\/label><br \/>\r\n <input type=\"text\" placeholder=\"e.g. sutteflaske\" style=\"width:100%; padding:10px; margin-bottom:10px;\" \/>\r\n <\/div>\r\n <\/div>\r\n <button style=\"background:#2563eb; color:#fff; border:none; padding:10px 20px; border-radius:5px; cursor:pointer;\">Search<\/button>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<div id=\"admin-tab\" style=\"display:none; background:#f9fafe; padding:30px; border-radius:10px;\">\r\n <h2 style=\"font-size:24px; margin-bottom:20px;\">Site Manager<\/h2>\r\n <div style=\"background:#fff; border-radius:8px; padding:20px; box-shadow:0 1px 3px rgba(0,0,0,0.1); margin-bottom:20px;\">\r\n <label>V\u00e6lg Website<\/label><br \/>\r\n <select id=\"siteSelect\" style=\"width:100%; padding:10px; margin-bottom:10px;\"><\/select>\r\n <label>Merchant IDs (kommasepareret)<\/label><br \/>\r\n <textarea id=\"merchantInput\" style=\"width:100%; padding:10px; height:80px; margin-bottom:10px;\"><\/textarea>\r\n <label>Network IDs (kommasepareret)<\/label><br \/>\r\n <textarea id=\"networkInput\" style=\"width:100%; padding:10px; height:60px; margin-bottom:10px;\"><\/textarea>\r\n <button onclick=\"saveSiteData()\" style=\"background:#10b981; color:#fff; border:none; padding:10px 20px; border-radius:5px; cursor:pointer;\">Gem data<\/button>\r\n <\/div>\r\n<div style=\"background:#fff; border-radius:8px; padding:20px; box-shadow:0 1px 3px rgba(0,0,0,0.1); margin-bottom:20px;\">\r\n <div style=\"background:#fff; border-radius:8px; padding:20px; box-shadow:0 1px 3px rgba(0,0,0,0.1); margin-bottom:30px;\">\r\n <h3 style=\"margin-bottom:15px;\">\ud83d\udd11 <strong>API & Keyword<\/strong><\/h3>\r\n\r\n <label style=\"font-weight:500;\">Datafeedr API Access ID<\/label><br \/>\r\n <input type=\"password\" id=\"apiAccessId\" style=\"width:100%; padding:10px; margin-bottom:15px; background:#e7f0fd; border:1px solid #ccc; border-radius:5px;\" placeholder=\"Inds\u00e6t din API Access ID\" \/>\r\n\r\n <label style=\"font-weight:500;\">Datafeedr API Key<\/label><br \/>\r\n <input type=\"password\" id=\"apiKey\" style=\"width:100%; padding:10px; margin-bottom:15px; background:#f9f9f9; border:1px solid #ccc; border-radius:5px;\" placeholder=\"Inds\u00e6t din API-n\u00f8gle her\" \/>\r\n\r\n <label style=\"font-weight:500;\">Standard S\u00f8geord<\/label><br \/>\r\n <input type=\"text\" id=\"defaultKeyword\" style=\"width:100%; padding:10px; margin-bottom:20px; background:#f9f9f9; border:1px solid #ccc; border-radius:5px;\" placeholder=\"f.eks. bleer, barnevogne\" \/>\r\n\r\n <button onclick=\"saveAPISettings()\" style=\"background:#10b981; color:white; border:none; padding:10px 20px; border-radius:5px; cursor:pointer;\">\ud83d\udcbe Gem API-data<\/button>\r\n<\/div>\r\n\r\n\r\n\r\n <h3 style=\"margin-top:30px;\">Gemte Websites<\/h3>\r\n <div style=\"margin-bottom:20px;\">\r\n <input type=\"text\" id=\"newSiteName\" placeholder=\"Nyt site-navn\" style=\"padding:8px; width:70%; border:1px solid #ccc; border-radius:5px;\" \/>\r\n <button onclick=\"addNewSite()\" style=\"padding:8px 12px; background:#10b981; color:white; border:none; border-radius:5px; margin-left:10px; cursor:pointer;\">\u2795 Tilf\u00f8j nyt site<\/button>\r\n <\/div>\r\n <div id=\"siteList\"><\/div>\r\n<\/div>\r\n\r\n<script>\r\nlet sites = JSON.parse(localStorage.getItem(\"sites\")) || [\r\n \"Babysupply\", \"Friluftguiden.dk\", \"Gadgetglamour.dk\", \"K\u00f8kkentrends\",\r\n \"Sygeideer.dk\", \"Trentjek.dk\", \"Velv\u00e6re365\", \"Bedste Valg DK\",\r\n \"Bedstiltdyrene.dk\", \"Bolighushave.dk\", \"B\u00e4staval.se\"\r\n];\r\n<script>\r\n function showTab(tabId) {\r\n const productTab = document.getElementById(\"product-tab\");\r\n const adminTab = document.getElementById(\"admin-tab\");\r\n\r\n const productBtn = document.getElementById(\"productTabBtn\");\r\n const adminBtn = document.getElementById(\"adminTabBtn\");\r\n\r\n if (tabId === \"product-tab\") {\r\n productTab.style.display = \"block\";\r\n adminTab.style.display = \"none\";\r\n\r\n productBtn.style.background = \"#2563eb\";\r\n productBtn.style.color = \"#fff\";\r\n\r\n adminBtn.style.background = \"#e0e7ff\";\r\n adminBtn.style.color = \"#000\";\r\n } else {\r\n productTab.style.display = \"none\";\r\n adminTab.style.display = \"block\";\r\n\r\n productBtn.style.background = \"#e0e7ff\";\r\n productBtn.style.color = \"#000\";\r\n\r\n adminBtn.style.background = \"#2563eb\";\r\n adminBtn.style.color = \"#fff\";\r\n }\r\n }\r\n\r\n \/\/ Vis produktfanen som standard og s\u00e6t knap-styling\r\n document.addEventListener(\"DOMContentLoaded\", function () {\r\n showTab(\"product-tab\");\r\n });\r\n<\/script>\r\n\r\n\r\n\r\nwindow.onload = () => {\r\n \/\/ Hent gemt API-n\u00f8gle og keyword og inds\u00e6t i felter\r\n document.getElementById(\"apiKey\").value = localStorage.getItem(\"datafeedr_api_key\") || \"\";\r\n document.getElementById(\"defaultKeyword\").value = localStorage.getItem(\"default_keyword\") || \"\";\r\n\r\n const select = document.getElementById(\"siteSelect\");\r\n const websiteSelect = document.getElementById(\"websiteSelect\");\r\n\r\n sites.forEach(site => {\r\n const option1 = document.createElement(\"option\");\r\n option1.value = site;\r\n option1.textContent = site;\r\n select.appendChild(option1);\r\n\r\n const option2 = document.createElement(\"option\");\r\n option2.value = site;\r\n option2.textContent = site;\r\n websiteSelect.appendChild(option2);\r\n });\r\n\r\n renderSiteList();\r\n};\r\n\r\n\r\n \/\/ Hent dynamisk liste fra localStorage, ellers brug fallback\r\n let sites = JSON.parse(localStorage.getItem(\"site_list\")) || [];\r\n\r\n \/\/ Ryd dropdowns f\u00f8rst\r\n select.innerHTML = \"\";\r\n websiteSelect.innerHTML = \"\";\r\n\r\n \/\/ Tilf\u00f8j sites til begge dropdowns\r\n sites.forEach(site => {\r\n const option1 = document.createElement(\"option\");\r\n option1.value = site;\r\n option1.textContent = site;\r\n select.appendChild(option1);\r\n\r\n const option2 = document.createElement(\"option\");\r\n option2.value = site;\r\n option2.textContent = site;\r\n websiteSelect.appendChild(option2);\r\n });\r\n\r\n \/\/ Vis gemte bokse\r\n renderSiteList();\r\n};\r\n\r\n\r\nfunction saveSiteData() {\r\n const site = document.getElementById(\"siteSelect\").value;\r\n const merchant = document.getElementById(\"merchantInput\").value;\r\n const network = document.getElementById(\"networkInput\").value;\r\n localStorage.setItem(`site_${site}_merchant`, merchant);\r\n localStorage.setItem(`site_${site}_network`, network);\r\n document.getElementById(\"merchantInput\").value = \"\";\r\n document.getElementById(\"networkInput\").value = \"\";\r\n renderSiteList();\r\n}\r\n\r\nfunction saveAPISettings() {\r\n const key = document.getElementById(\"apiKey\").value;\r\n const keyword = document.getElementById(\"defaultKeyword\").value;\r\n localStorage.setItem(\"datafeedr_api_key\", key);\r\n localStorage.setItem(\"default_keyword\", keyword);\r\n alert(\"API-data gemt!\");\r\n}\r\n\r\n\r\nfunction renderSiteList() {\r\n const container = document.getElementById(\"siteList\");\r\n container.innerHTML = \"\";\r\n sites.forEach(site => {\r\n const merchant = localStorage.getItem(`site_${site}_merchant`) || \"\";\r\n const network = localStorage.getItem(`site_${site}_network`) || \"\";\r\n if (!merchant && !network) return;\r\n let merchantCount = 0;\r\n try {\r\n const matches = merchant.match(\/s:\\d+:\"\\d+\"\/g);\r\n merchantCount = matches ? matches.length : 0;\r\n } catch {\r\n merchantCount = 0;\r\n }\r\n const networkCount = network.split(\",\").filter(x => x.trim() !== \"\").length;\r\n const box = document.createElement(\"div\");\r\n box.className = \"site-box\";\r\n box.style = \"background:#fff; border-radius:8px; padding:15px; margin:10px 0; box-shadow:0 1px 3px rgba(0,0,0,0.1); position:relative;\";\r\n box.innerHTML = `\r\n <div style=\"display:flex; justify-content:space-between; align-items:center;\">\r\n <div>\r\n <strong>${site}<\/strong>\r\n <span style=\"background:#10b981; color:white; padding:2px 8px; border-radius:12px; font-size:12px; margin-left:10px;\">Active<\/span><br \/>\r\n <small>Merchants: ${merchantCount} configured<\/small><br \/>\r\n <small>Networks: ${networkCount} configured<\/small>\r\n <\/div>\r\n <div>\r\n <button onclick=\"toggleBox(this)\" style=\"background:#e2e8f0; border:none; padding:4px 8px; border-radius:5px; cursor:pointer;\">\u270f\ufe0f<\/button>\r\n <button onclick=\"deleteSite('${site}')\" style=\"background:#f87171; color:#fff; border:none; padding:4px 8px; border-radius:5px; cursor:pointer;\">\ud83d\uddd1<\/button>\r\n <\/div>\r\n <\/div>\r\n <div class=\"site-box-body\" style=\"display:none; margin-top:15px;\">\r\n <label>Merchant IDs:<\/label><br \/>\r\n <textarea onchange=\"localStorage.setItem('site_${site}_merchant', this.value)\" style=\"width:100%; padding:8px; height:60px;\">${merchant}<\/textarea><br \/>\r\n <label>Network IDs:<\/label><br \/>\r\n <textarea onchange=\"localStorage.setItem('site_${site}_network', this.value)\" style=\"width:100%; padding:8px; height:60px;\">${network}<\/textarea>\r\n <\/div>\r\n `;\r\n container.appendChild(box);\r\n });\r\n}\r\n\r\nfunction toggleBox(btn) {\r\n const box = btn.closest(\".site-box\").querySelector(\".site-box-body\");\r\n box.style.display = box.style.display === \"none\" || box.style.display === \"\" ? \"block\" : \"none\";\r\n}\r\n\r\nfunction deleteSite(site) {\r\n localStorage.removeItem(`site_${site}_merchant`);\r\n localStorage.removeItem(`site_${site}_network`);\r\n renderSiteList();\r\n}\r\n\r\nfunction exportCSV() {\r\n const rows = document.querySelectorAll(\"#productList tr\");\r\n let csvContent = \"Produktnavn,Forhandler,Bedst i Test,Bedst til Prisen,Bedste K\u00f8b\\n\";\r\n rows.forEach(row => {\r\n const checked = row.querySelector(\".product-check\")?.checked;\r\n if (!checked) return;\r\n const name = row.querySelector(\"td:nth-child(2) div\").innerText.split('\\n')[0];\r\n const merchant = row.querySelector(\"td:nth-child(5)\").innerText.split('\\n')[0];\r\n const awards = row.querySelectorAll(\".award\");\r\n const bestInTest = awards[0].classList.contains(\"active\") ? \"\u2705\" : \"\";\r\n const bestValue = awards[1].classList.contains(\"active\") ? \"\u2705\" : \"\";\r\n const bestBuy = awards[2].classList.contains(\"active\") ? \"\u2705\" : \"\";\r\n csvContent += `${name},${merchant},${bestInTest},${bestValue},${bestBuy}\\n`;\r\n });\r\n const blob = new Blob([csvContent], { type: 'text\/csv;charset=utf-8;' });\r\n const url = URL.createObjectURL(blob);\r\n const link = document.createElement(\"a\");\r\n link.setAttribute(\"href\", url);\r\n link.setAttribute(\"download\", \"vinder_produkter.csv\");\r\n link.style.visibility = 'hidden';\r\n document.body.appendChild(link);\r\n link.click();\r\n document.body.removeChild(link);\r\n}\r\nfunction addNewSite() {\r\n const newSiteName = document.getElementById(\"newSiteName\").value.trim();\r\n\r\n if (!newSiteName) {\r\n alert(\"Skriv et navn p\u00e5 det nye site.\");\r\n return;\r\n }\r\n\r\n if (sites.includes(newSiteName)) {\r\n alert(\"Dette site findes allerede.\");\r\n return;\r\n }\r\n\r\n sites.push(newSiteName);\r\n localStorage.setItem(\"sites\", JSON.stringify(sites));\r\n document.getElementById(\"newSiteName\").value = \"\";\r\n\r\n const siteSelect = document.getElementById(\"siteSelect\");\r\n const websiteSelect = document.getElementById(\"websiteSelect\");\r\n\r\n const opt1 = document.createElement(\"option\");\r\n opt1.value = newSiteName;\r\n opt1.textContent = newSiteName;\r\n siteSelect.appendChild(opt1);\r\n\r\n const opt2 = document.createElement(\"option\");\r\n opt2.value = newSiteName;\r\n opt2.textContent = newSiteName;\r\n websiteSelect.appendChild(opt2);\r\n\r\n renderSiteList();\r\n}\r\n\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Product Admin UI \ud83d\udd0e Search Products \u2699\ufe0f Site Manager Product Search Form Website Sort By RelevancePrice: Low to HighPrice: High to LowHighest Discount Limit 10255075100 Has Image yesno Exclude Duplicates Product Name matchescontainsequals . Search Site Manager V\u00e6lg Website Merchant IDs (kommasepareret) Network IDs (kommasepareret) Gem data \ud83d\udd11 API & Keyword Datafeedr API Access ID […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_surecart_dashboard_logo_width":"180px","_surecart_dashboard_show_logo":true,"_surecart_dashboard_navigation_orders":true,"_surecart_dashboard_navigation_invoices":true,"_surecart_dashboard_navigation_subscriptions":true,"_surecart_dashboard_navigation_downloads":true,"_surecart_dashboard_navigation_billing":true,"_surecart_dashboard_navigation_account":true,"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-3676","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/webaffiliatemanager.com\/da\/wp-json\/wp\/v2\/pages\/3676","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webaffiliatemanager.com\/da\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/webaffiliatemanager.com\/da\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/webaffiliatemanager.com\/da\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webaffiliatemanager.com\/da\/wp-json\/wp\/v2\/comments?post=3676"}],"version-history":[{"count":99,"href":"https:\/\/webaffiliatemanager.com\/da\/wp-json\/wp\/v2\/pages\/3676\/revisions"}],"predecessor-version":[{"id":3800,"href":"https:\/\/webaffiliatemanager.com\/da\/wp-json\/wp\/v2\/pages\/3676\/revisions\/3800"}],"wp:attachment":[{"href":"https:\/\/webaffiliatemanager.com\/da\/wp-json\/wp\/v2\/media?parent=3676"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}