You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

864 lines
47 KiB

1 year ago
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8" />
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <title>Digital Catalog</title>
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8. <link rel="shortcut icon" type="image/x-icon" href="/prod/favicon.ico">
  9. <meta name="mobile-web-app-capable" content="yes">
  10. <meta name="apple-mobile-web-app-capable" content="yes">
  11. <link rel="apple-touch-icon" href="/prod/launcer-icon.png">
  12. <meta name="apple-mobile-web-app-title" content="PS FoodBook">
  13. <link href="/prod/Content/bootstrap.css?v=3.2.0" rel="stylesheet"/>
  14. <link href="/prod/Content/bootstrap-treeview.css?v=3.2.0" rel="stylesheet"/>
  15. <link href="/prod/Content/flexslider.css?v=3.2.0" rel="stylesheet"/>
  16. <link href="/prod/Content/flags/flag-icon.min.css?v=3.2.0" rel="stylesheet"/>
  17. <link href="/prod/Content/jquery.fancybox.min.css?v=3.2.0" rel="stylesheet"/>
  18. <link href="/prod/Content/site.css?v=3.2.0" rel="stylesheet"/>
  19. <script src="/prod/Scripts/modernizr-2.8.3.js?v=3.2.0"></script>
  20. <script src="/prod/Scripts/jquery-2.1.1.js?v=3.2.0"></script>
  21. <script src="/prod/Scripts/bootstrap.placeholder.min.js?v=3.2.0"></script>
  22. <script src="/prod/Scripts/jquery.lazyload.min.js?v=3.2.0"></script>
  23. <script src="/prod/Scripts/bootstrap.ListShowMoreLess.js?v=3.2.0"></script>
  24. <script src="/prod/Scripts/jquery.flexslider-min.js?v=3.2.0"></script>
  25. <script src="/prod/Scripts/bootstrap-treeview.js?v=3.2.0"></script>
  26. <script src="/prod/Scripts/bootstrap.listfilter.js?v=3.2.0"></script>
  27. <script src="/prod/Scripts/jquery.fancybox.min.js?v=3.2.0"></script>
  28. <script src="/prod/Scripts/bootstrap.js?v=3.2.0"></script>
  29. <script src="/prod/Scripts/Site.js?v=3.2.0"></script>
  30. <script src="https://cdn.psinfoodservice.com/kendo/2019.1.220/js/kendo.all.min.js"></script>
  31. <script src="https://cdn.psinfoodservice.com/kendo/2019.1.220/js/kendo.aspnetmvc.min.js"></script>
  32. <script src="https://cdn.psinfoodservice.com/kendo/2019.1.220/js/cultures/kendo.culture.nl-NL.min.js"></script>
  33. <link href="https://cdn.psinfoodservice.com/kendo/2019.1.220/styles/kendo.rtl.min.css" rel="stylesheet" />
  34. <link href="https://cdn.psinfoodservice.com/kendo/2019.1.220/styles/kendo.bootstrap-v4.min.css" rel="stylesheet" />
  35. <link href="https://cdn.psinfoodservice.com/fontawesome/5.0.8/web-fonts-with-css/css/fontawesome-all.min.css" rel="stylesheet" />
  36. <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  37. <!--[if lt IE 9]>
  38. <script src="~/Scripts/html5shiv.min.js"></script>
  39. <script src="~/Scripts/respond.min.js"></script>
  40. <![endif]-->
  41. <!-- Exception in styling for a specific Digital Catalog The defaults are set in site.css-->
  42. <style>
  43. a.mainLg:hover {
  44. text-decoration: none !important;
  45. }
  46. </style>
  47. <!-- custom banner style -->
  48. </head>
  49. <body>
  50. <nav class="navbar navbar-fixed-top navbar-default" role="navigation">
  51. <div class="container">
  52. <!-- Brand and toggle get grouped for better mobile display -->
  53. <div class="navbar-header">
  54. <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
  55. <span class="sr-only">Toggle navigation</span>
  56. <span class="icon-bar"></span>
  57. <span class="icon-bar"></span>
  58. <span class="icon-bar"></span>
  59. </button>
  60. <a class="navbar-brand visible-xs-inline" href="/prod/dc">Home</a>
  61. <a class="navbar-brand hidden-xs mainLg " href="/prod/dc">
  62. <div class="divMn">
  63. <img alt="logo" class="logo hidden-xs" style="height: 40px;" src="/prod/content/logo/ps_logo.png" />
  64. <span>
  65. FoodBook | PS in foodservice
  66. <span> - </span>NL </span>
  67. </div>
  68. </a>
  69. </div>
  70. <!-- Collect the nav links, forms, and other content for toggling -->
  71. <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
  72. <ul class="nav navbar-nav navbar-right">
  73. <li class="dropdown language">
  74. <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
  75. <span class="flag-icon flag-icon-nl flag-icon-menu"></span><span class="caret"></span>
  76. </a>
  77. <ul class="dropdown-menu" role="menu">
  78. <li><a href="/prod/Account/ChangeCulture?culture=en-US&amp;redirectUrl=%2Fprod%2Fdc"><span class="flag-icon flag-icon-en flag-icon-menu"> </span></a></li>
  79. <li><a href="/prod/Account/ChangeCulture?culture=nl-NL&amp;redirectUrl=%2Fprod%2Fdc"><span class="flag-icon flag-icon-nl flag-icon-menu"> </span></a></li>
  80. <li><a href="/prod/Account/ChangeCulture?culture=fr-FR&amp;redirectUrl=%2Fprod%2Fdc"><span class="flag-icon flag-icon-fr flag-icon-menu"> </span></a></li>
  81. <li><a href="/prod/Account/ChangeCulture?culture=de-DE&amp;redirectUrl=%2Fprod%2Fdc"><span class="flag-icon flag-icon-de flag-icon-menu"> </span></a></li>
  82. </ul>
  83. </li>
  84. </ul>
  85. <ul class="nav navbar-nav navbar-right" >
  86. <li><a href="/prod/Account/Login">Login</a></li>
  87. <li><a href="/prod/Account/Register">Registreren</a></li>
  88. </ul> <ul class="nav navbar-nav navbar-right">
  89. <li><a href="https://www.psinfoodservice.nl/contact/contact" target="_blank">Contact</a></li>
  90. </ul>
  91. <ul class="nav navbar-nav navbar-right">
  92. <li class="dropdown">
  93. <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
  94. <span>Selecteer FoodBook</span>
  95. <span class="caret"></span>
  96. </a>
  97. <ul class="dropdown-menu" role="menu">
  98. <li><a href="/prod/dc/be">FoodBook - BE</a></li>
  99. </ul>
  100. </li>
  101. </ul> </div>
  102. <!-- /.navbar-collapse -->
  103. </div>
  104. <!-- /.container-fluid -->
  105. </nav>
  106. <div class="banner hidden-xs">
  107. &nbsp;
  108. </div>
  109. <div class="container body-content">
  110. <!--[if lt IE 9]>
  111. <div class="alert alert-warning">
  112. Deze site wordt mogelijk niet goed weergegeven in IE 8 of lager.
  113. </div>
  114. <![endif]-->
  115. <script type="text/javascript">
  116. function ToggleMenu() {
  117. if ($('#filtersContainer').hasClass('hidden-xs')) {
  118. $('#filtersContainer').removeClass('hidden-xs');
  119. } else {
  120. $('#filtersContainer').addClass('hidden-xs');
  121. }
  122. }
  123. </script>
  124. <div class="row">
  125. <div class="col-xs-12 hidden-sm hidden-md hidden-lg">
  126. <button class="btn btn-default" onclick="ToggleMenu();return false;" style="margin: 10px 0 10px 0;" id="filterMobileButton">
  127. <span class="glyphicon glyphicon-filter" aria-hidden="true"></span>
  128. Filters
  129. </button>
  130. </div>
  131. </div>
  132. <div class="row">
  133. <div class="col-sm-4 hidden-xs" id="filtersContainer">
  134. <script src="/prod/Scripts/barcoder.min.js"></script>
  135. <style>
  136. .k-window-titlebar {
  137. color: #FFFFFF !important;
  138. font-size: 120% !important;
  139. background-color: #009ee0 !important;
  140. }
  141. </style>
  142. <form id="filterForm" role="form" method="POST">
  143. <input id="hiddenCollapseFilterId" name="SelectedFilterOptions.collapseFilterId" type="hidden" value="filterkeywordPanelBody" />
  144. <input id="SelectedFilterOptions_FreeText" name="SelectedFilterOptions.FreeText" type="hidden" value="8710654160037" />
  145. <input id="SelectedFilterOptions_ProductGroupId" name="SelectedFilterOptions.ProductGroupId" type="hidden" value="" />
  146. <input id="SelectedFilterOptions_BrandId" name="SelectedFilterOptions.BrandId" type="hidden" value="" />
  147. <input id="SelectedFilterOptions_GrossierId" name="SelectedFilterOptions.GrossierId" type="hidden" value="" />
  148. <select class="hidden" id="SelectedFilterOptions_FreeFromAllergenIds" multiple="multiple" name="SelectedFilterOptions.FreeFromAllergenIds"><option value="7">rogge</option>
  149. <option value="27">gerst</option>
  150. <option value="28">haver</option>
  151. <option value="29">spelt</option>
  152. <option value="12">schaaldieren</option>
  153. <option value="3">ei</option>
  154. <option value="11">vis</option>
  155. <option value="17">pinda&#39;s</option>
  156. <option value="32">hazelnoten</option>
  157. <option value="33">walnoten</option>
  158. <option value="34">cashewnoten</option>
  159. <option value="35">pecannoten</option>
  160. <option value="36">paranoten</option>
  161. <option value="37">pistachenoten</option>
  162. <option value="38">macadamianoten</option>
  163. <option value="21">selderij</option>
  164. <option value="24">mosterd</option>
  165. <option value="22">sesam</option>
  166. <option value="19">sulfiet (E220 - E228)</option>
  167. <option value="23">lupine</option>
  168. <option value="26">weekdieren</option>
  169. </select>
  170. <select class="hidden" id="SelectedFilterOptions_ContainsAllergenIds" multiple="multiple" name="SelectedFilterOptions.ContainsAllergenIds"><option value="5">glutenbevattende granen</option>
  171. <option value="6">tarwe</option>
  172. <option value="4">soja</option>
  173. <option value="1">melk</option>
  174. <option value="16">noten</option>
  175. <option value="31">amandelen</option>
  176. </select>
  177. <select class="hidden" id="SelectedFilterOptions_QualityMarkIds" multiple="multiple" name="SelectedFilterOptions.QualityMarkIds"></select>
  178. <select class="hidden" id="SelectedFilterOptions_CharacteristicIds" multiple="multiple" name="SelectedFilterOptions.CharacteristicIds"><option value="4">Vrij van glutamaat</option>
  179. <option value="7">Vrij van kip en gevogelte</option>
  180. <option value="14">Vrij van rundvlees</option>
  181. <option value="20">Vrij van varkensvlees</option>
  182. </select>
  183. <div class="panel-group" id="filterAccordion" role="tablist" aria-multiselectable="false">
  184. <!-- Filter op keywords -->
  185. <div class="panel panel-default">
  186. <div class="panel-heading" role="tab" id="filterkeywordPanel">
  187. <h4 class="panel-title">
  188. <a class="collapsed" data-toggle="collapse" data-parent="#filterAccordion" href="#filterkeywordPanelBody"
  189. aria-expanded="false" aria-controls="filterkeywordPanelBody">EAN of artikelnummer</a>
  190. </h4>
  191. </div>
  192. <div id="filterkeywordPanelBody" class="panel-collapse collapse" role="tabpanel"
  193. aria-labelledby="filterkeywordPanel">
  194. <div class="panel-body">
  195. <!--EAN-->
  196. <div class="input-group">
  197. <input class="form-control" id="SelectedFilterOptions_Ean" name="SelectedFilterOptions.Ean" placeholder="EAN-nummer" type="text" value="" />
  198. <span class="input-group-btn">
  199. <span id="btnSubmitGtinSearch" class="btn btn-default">Filter</span>
  200. </span>
  201. </div>
  202. <!--Producentnummer-->
  203. <div class="input-group">
  204. <input class="form-control" id="SelectedFilterOptions_ProducerNumber" name="SelectedFilterOptions.ProducerNumber" placeholder="Artikelnummer producent" type="text" value="" />
  205. <span class="input-group-btn">
  206. <input type="submit" class="btn btn-default" value="Filter" />
  207. </span>
  208. </div>
  209. <!-- Artikelnummer Grossier -->
  210. <div class="input-group">
  211. <input class="form-control" id="SelectedFilterOptions_GrossierNumber" name="SelectedFilterOptions.GrossierNumber" placeholder="Groothandelnummer" type="text" value="" />
  212. <!-- todo: aanpassen naar naam van catalog!-->
  213. <div class="input-group-btn">
  214. <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
  215. <span>Groothandel</span>
  216. <span class="caret"> </span>
  217. </button>
  218. <ul class="dropdown-menu" role="menu">
  219. <li>
  220. <a href="#" onclick="addFilterPS('SelectedFilterOptions_GrossierId', 18978, true)">Advion BV</a>
  221. </li>
  222. <li>
  223. <a href="#" onclick="addFilterPS('SelectedFilterOptions_GrossierId', 12006, true)">Bakeplus Holding b.v.</a>
  224. </li>
  225. <li>
  226. <a href="#" onclick="addFilterPS('SelectedFilterOptions_GrossierId', 4189, true)">Bidfood (Deli XL)</a>
  227. </li>
  228. <li>
  229. <a href="#" onclick="addFilterPS('SelectedFilterOptions_GrossierId', 13465, true)">Booijmans Foodimpuls</a>
  230. </li>
  231. <li>
  232. <a href="#" onclick="addFilterPS('SelectedFilterOptions_GrossierId', 11960, true)">Boonstra Verswaren</a>
  233. </li>
  234. <li>
  235. <a href="#" onclick="addFilterPS('SelectedFilterOptions_GrossierId', 7183, true)">Brugel groothandel</a>
  236. </li>
  237. <li>
  238. <a href="#" onclick="addFilterPS('SelectedFilterOptions_GrossierId', 8997, true)">Bunzl</a>
  239. </li>
  240. <li>
  241. <a href="#" onclick="addFilterPS('SelectedFilterOptions_GrossierId', 13458, true)">Chefs Culinar Nederland</a>
  242. </li>
  243. <li>
  244. <a href="#" onclick="addFilterPS('SelectedFilterOptions_GrossierId', 7241, true)">De Kweker</a>
  245. </li>
  246. <li>
  247. <a href="#" onclick="addFilterPS('SelectedFilterOptions_GrossierId', 13501, true)">Deelen Verswaren BV</a>
  248. </li>
  249. <li>
  250. <a href="#" onclick="addFilterPS('SelectedFilterOptions_GrossierId', 10897, true)">DG Grootverbruik</a>
  251. </li>
  252. <li>
  253. <a href="#" onclick="addFilterPS('SelectedFilterOptions_GrossierId', 10720, true)">Dijkgraaf Reinders</a>
  254. </li>
  255. <li>
  256. <a href="#" onclick="addFilterPS('SelectedFilterOptions_GrossierId', 12865, true)">Food Focus</a>
  257. </li>
  258. <li>
  259. <a href="#" onclick="addFilterPS('SelectedFilterOptions_GrossierId', 6581, true)">Gepu</a>
  260. </li>
  261. <li>
  262. <a href="#" onclick="addFilterPS('SelectedFilterOptions_GrossierId', 7081, true)">Haarsma Foodimpuls</a>
  263. </li>
  264. <li>
  265. <a href="#" onclick="addFilterPS('SelectedFilterOptions_GrossierId', 19008, true)">Holland Food Service | Lekker Verantwoord</a>
  266. </li>
  267. <li>
  268. <a href="#" onclick="addFilterPS('SelectedFilterOptions_GrossierId', 6086, true)">Holland Food Service bv</a>
  269. </li>
  270. <li>
  271. <a href="#" onclick="addFilterPS('SelectedFilterOptions_GrossierId', 6828, true)">Horesca At&#233;</a>
  272. </li>
  273. <li>
  274. <a href="#" onclick="addFilterPS('SelectedFilterOptions_GrossierId', 6415, true)">Horesca Lieferink | Locatie Twello</a>
  275. </li>
  276. <li>
  277. <a href="#" onclick="addFilterPS('SelectedFilterOptions_GrossierId', 11112, true)">Horesca Lieferink | Locatie Zeist</a>
  278. </li>
  279. <li>
  280. <a href="#" onclick="addFilterPS('SelectedFilterOptions_GrossierId', 6390, true)">Horesca Meppel</a>
  281. </li>
  282. <li>
  283. <a href="#" onclick="addFilterPS('SelectedFilterOptions_GrossierId', 12561, true)">Horesca Smulders Horeca Grootverbruik bv</a>
  284. </li>
  285. <li>
  286. <a href="#" onclick="addFilterPS('SelectedFilterOptions_GrossierId', 9526, true)">Huuskes Versproducten</a>
  287. </li>
  288. <li>
  289. <a href="#" onclick="addFilterPS('SelectedFilterOptions_GrossierId', 18825, true)">IJsExpress</a>
  290. </li>
  291. <li>
  292. <a href="#" onclick="addFilterPS('SelectedFilterOptions_GrossierId', 14535, true)">Krijt Moester</a>
  293. </li>
  294. <li>
  295. <a href="#" onclick="addFilterPS('SelectedFilterOptions_GrossierId', 11297, true)">Langerak de Jong</a>
  296. </li>
  297. <li>
  298. <a href="#" onclick="addFilterPS('SelectedFilterOptions_GrossierId', 11280, true)">Makro</a>
  299. </li>
  300. <li>
  301. <a href="#" onclick="addFilterPS('SelectedFilterOptions_GrossierId', 3983, true)">Sligro Food Group Nederland BV</a>
  302. </li>
  303. <li>
  304. <a href="#" onclick="addFilterPS('SelectedFilterOptions_GrossierId', 18133, true)">Telesuper</a>
  305. </li>
  306. <li>
  307. <a href="#" onclick="addFilterPS('SelectedFilterOptions_GrossierId', 8535, true)">Totaalvers</a>
  308. </li>
  309. <li>
  310. <a href="#" onclick="addFilterPS('SelectedFilterOptions_GrossierId', 12121, true)">Van Altena groothandel</a>
  311. </li>
  312. <li>
  313. <a href="#" onclick="addFilterPS('SelectedFilterOptions_GrossierId', 12197, true)">Van de Ven Groothandel</a>
  314. </li>
  315. <li>
  316. <a href="#" onclick="addFilterPS('SelectedFilterOptions_GrossierId', 11432, true)">VAV groep</a>
  317. </li>
  318. <li>
  319. <a href="#" onclick="addFilterPS('SelectedFilterOptions_GrossierId', 16327, true)">Verscentrum Nederland</a>
  320. </li>
  321. <li>
  322. <a href="#" onclick="addFilterPS('SelectedFilterOptions_GrossierId', 4617, true)">VHC Actifood bv</a>
  323. </li>
  324. <li>
  325. <a href="#" onclick="addFilterPS('SelectedFilterOptions_GrossierId', 6358, true)">Zegro Centrum Rotterdam bv</a>
  326. </li>
  327. <li>
  328. <a href="#" onclick="addFilterPS('SelectedFilterOptions_GrossierId', 12276, true)">Zuivelgroothandel Kroon</a>
  329. </li>
  330. <li>
  331. <a href="#" onclick="addFilterPS('SelectedFilterOptions_GrossierId', 12147, true)">Palveco | Palv&#233; versgroep</a>
  332. </li>
  333. <li>
  334. <a href="#" onclick="addFilterPS('SelectedFilterOptions_GrossierId', 12460, true)">Versalert</a>
  335. </li>
  336. <li>
  337. <a href="#" onclick="addFilterPS('SelectedFilterOptions_GrossierId', 9576, true)">Jelco BV | Palv&#233; versgroep</a>
  338. </li>
  339. <li>
  340. <a href="#" onclick="addFilterPS('SelectedFilterOptions_GrossierId', 13251, true)">Volfood Versgroothandel</a>
  341. </li>
  342. <li>
  343. <a href="#" onclick="addFilterPS('SelectedFilterOptions_GrossierId', 6356, true)">Veldboer Eenhoorn</a>
  344. </li>
  345. </ul>
  346. </div>
  347. </div>
  348. </div>
  349. </div>
  350. </div>
  351. <!-- Filter op productgroepen -->
  352. <div class="panel panel-default">
  353. <div class="panel-heading" role="tab" id="filterGroupPanel">
  354. <h4 class="panel-title">
  355. <a data-toggle="collapse" data-parent="#filterAccordion" href="#filterGroupPanelBody"
  356. aria-expanded="false" aria-controls="filterGroupPanelBody">
  357. Productgroepen
  358. </a>
  359. </h4>
  360. </div>
  361. <div id="filterGroupPanelBody" class="panel-collapse collapse" role="tabpanel"
  362. aria-labelledby="filterGroupPanel">
  363. <div class="panel-body">
  364. <div class="k-widget k-treeview k-reset" id="TreeViewTest"><ul class="k-group"><li class="k-item k-first k-last" data-expanded="true" data-id="64"><div class="k-top k-bot"><span class="k-icon k-i-collapse"></span><span class="k-in">Brood en banket</span></div><ul class="k-group"><li class="k-item k-last" data-expanded="true" data-id="131"><div class="k-top k-bot"><span class="k-icon k-i-collapse"></span><span class="k-in">Cake en koek</span></div><ul class="k-group"><li class="k-item k-last" data-id="317"><div class="k-top k-bot"><span class="k-in">Grote koeken</span></div></li></ul></li></ul></li></ul></div><script>
  365. kendo.syncReady(function(){jQuery("#TreeViewTest").kendoTreeView({"select":onSelect});});
  366. </script>
  367. </div>
  368. </div>
  369. </div>
  370. <!-- Filter op brands -->
  371. <div class="panel panel-default">
  372. <div class="panel-heading" role="tab" id="filterBrandsPanel">
  373. <h4 class="panel-title">
  374. <a class="collapsed" data-toggle="collapse" data-parent="#filterAccordion" href="#filterBrandsPanelBody"
  375. aria-expanded="false" aria-controls="filterBrandsPanelBody">Merken</a>
  376. </h4>
  377. </div>
  378. <div id="filterBrandsPanelBody" class="panel-collapse collapse" role="tabpanel" aria-labelledby="filterBrandsPanel">
  379. <div class="panel-body">
  380. <div class="list-group-item">
  381. <input id="PS_brands" name="PS_brands" style="width:100%;" type="text" /><script>
  382. kendo.syncReady(function(){jQuery("#PS_brands").kendoComboBox({"change":selectPSbrand,"dataSource":{"transport":{"read":{"url":"/prod/dc/nl/12345/ps/FilterBrands","data":function() { return kendo.ui.ComboBox.requestData(jQuery("#PS_brands")); }},"prefix":""},"serverFiltering":true,"filter":[],"schema":{"errors":"Errors"}},"dataTextField":"Name","filter":"contains","noDataTemplate":"Geen resultaten","minLength":2,"autoBind":true,"dataValueField":"Id","placeholder":"Zoek op merknaam"});});
  383. </script>
  384. </div>
  385. <div class="showmoreless list-group-item">
  386. <span>1 merk</span>
  387. </div>
  388. </div>
  389. </div>
  390. </div>
  391. <!-- Filter op allergens free from -->
  392. <div class="panel panel-default">
  393. <div class="panel-heading" role="tab" id="filterAllergenFreeFromPanel">
  394. <h4 class="panel-title">
  395. <a class="collapsed" data-toggle="collapse" data-parent="#filterAccordion" href="#filterAllergenFreeFromPanelBody"
  396. aria-expanded="false" aria-controls="filterAllergenFreeFromPanelBody">
  397. Allergenen (bevat niet)
  398. </a>
  399. </h4>
  400. </div>
  401. <div id="filterAllergenFreeFromPanelBody" class="panel-collapse collapse" role="tabpanel"
  402. aria-labelledby="filterAllergenFreeFromPanel">
  403. <div class="panel-body">
  404. <div class="list-group" id="allergenFreefromUnsortedList">
  405. <a class="list-group-item" href="#" onclick="addArrayFilter('SelectedFilterOptions_FreeFromAllergenIds', 7)">
  406. <span>rogge</span>
  407. </a>
  408. <a class="list-group-item" href="#" onclick="addArrayFilter('SelectedFilterOptions_FreeFromAllergenIds', 27)">
  409. <span>gerst</span>
  410. </a>
  411. <a class="list-group-item" href="#" onclick="addArrayFilter('SelectedFilterOptions_FreeFromAllergenIds', 28)">
  412. <span>haver</span>
  413. </a>
  414. <a class="list-group-item" href="#" onclick="addArrayFilter('SelectedFilterOptions_FreeFromAllergenIds', 29)">
  415. <span>spelt</span>
  416. </a>
  417. <a class="list-group-item" href="#" onclick="addArrayFilter('SelectedFilterOptions_FreeFromAllergenIds', 12)">
  418. <span>schaaldieren</span>
  419. </a>
  420. <a class="list-group-item" href="#" onclick="addArrayFilter('SelectedFilterOptions_FreeFromAllergenIds', 3)">
  421. <span>ei</span>
  422. </a>
  423. <a class="list-group-item" href="#" onclick="addArrayFilter('SelectedFilterOptions_FreeFromAllergenIds', 11)">
  424. <span>vis</span>
  425. </a>
  426. <a class="list-group-item" href="#" onclick="addArrayFilter('SelectedFilterOptions_FreeFromAllergenIds', 17)">
  427. <span>pinda&#39;s</span>
  428. </a>
  429. <a class="list-group-item" href="#" onclick="addArrayFilter('SelectedFilterOptions_FreeFromAllergenIds', 32)">
  430. <span>hazelnoten</span>
  431. </a>
  432. <a class="list-group-item" href="#" onclick="addArrayFilter('SelectedFilterOptions_FreeFromAllergenIds', 33)">
  433. <span>walnoten</span>
  434. </a>
  435. <a class="list-group-item" href="#" onclick="addArrayFilter('SelectedFilterOptions_FreeFromAllergenIds', 34)">
  436. <span>cashewnoten</span>
  437. </a>
  438. <a class="list-group-item" href="#" onclick="addArrayFilter('SelectedFilterOptions_FreeFromAllergenIds', 35)">
  439. <span>pecannoten</span>
  440. </a>
  441. <a class="list-group-item" href="#" onclick="addArrayFilter('SelectedFilterOptions_FreeFromAllergenIds', 36)">
  442. <span>paranoten</span>
  443. </a>
  444. <a class="list-group-item" href="#" onclick="addArrayFilter('SelectedFilterOptions_FreeFromAllergenIds', 37)">
  445. <span>pistachenoten</span>
  446. </a>
  447. <a class="list-group-item" href="#" onclick="addArrayFilter('SelectedFilterOptions_FreeFromAllergenIds', 38)">
  448. <span>macadamianoten</span>
  449. </a>
  450. <a class="list-group-item" href="#" onclick="addArrayFilter('SelectedFilterOptions_FreeFromAllergenIds', 21)">
  451. <span>selderij</span>
  452. </a>
  453. <a class="list-group-item" href="#" onclick="addArrayFilter('SelectedFilterOptions_FreeFromAllergenIds', 24)">
  454. <span>mosterd</span>
  455. </a>
  456. <a class="list-group-item" href="#" onclick="addArrayFilter('SelectedFilterOptions_FreeFromAllergenIds', 22)">
  457. <span>sesam</span>
  458. </a>
  459. <a class="list-group-item" href="#" onclick="addArrayFilter('SelectedFilterOptions_FreeFromAllergenIds', 19)">
  460. <span>sulfiet (E220 - E228)</span>
  461. </a>
  462. <a class="list-group-item" href="#" onclick="addArrayFilter('SelectedFilterOptions_FreeFromAllergenIds', 23)">
  463. <span>lupine</span>
  464. </a>
  465. <a class="list-group-item" href="#" onclick="addArrayFilter('SelectedFilterOptions_FreeFromAllergenIds', 26)">
  466. <span>weekdieren</span>
  467. </a>
  468. </div>
  469. </div>
  470. </div>
  471. </div>
  472. <!-- Filter op allergens contains -->
  473. <div class="panel panel-default">
  474. <div class="panel-heading" role="tab" id="filterAllergenContainPanel">
  475. <h4 class="panel-title">
  476. <a class="collapsed" data-toggle="collapse" data-parent="#filterAccordion" href="#filterAllergenContainPanelBody"
  477. aria-expanded="false" aria-controls="filterAllergenContainPanelBody">
  478. Allergenen (bevat)
  479. </a>
  480. </h4>
  481. </div>
  482. <div id="filterAllergenContainPanelBody" class="panel-collapse collapse" role="tabpanel" aria-labelledby="filterAllergenContainPanel">
  483. <div class="panel-body">
  484. <div class="list-group" id="allergenContainUnsortedList">
  485. <a class="list-group-item" href="#" onclick="addArrayFilter('SelectedFilterOptions_ContainsAllergenIds', 5)">
  486. <span>glutenbevattende granen</span>
  487. </a>
  488. <a class="list-group-item" href="#" onclick="addArrayFilter('SelectedFilterOptions_ContainsAllergenIds', 6)">
  489. <span>tarwe</span>
  490. </a>
  491. <a class="list-group-item" href="#" onclick="addArrayFilter('SelectedFilterOptions_ContainsAllergenIds', 4)">
  492. <span>soja</span>
  493. </a>
  494. <a class="list-group-item" href="#" onclick="addArrayFilter('SelectedFilterOptions_ContainsAllergenIds', 1)">
  495. <span>melk</span>
  496. </a>
  497. <a class="list-group-item" href="#" onclick="addArrayFilter('SelectedFilterOptions_ContainsAllergenIds', 16)">
  498. <span>noten</span>
  499. </a>
  500. <a class="list-group-item" href="#" onclick="addArrayFilter('SelectedFilterOptions_ContainsAllergenIds', 31)">
  501. <span>amandelen</span>
  502. </a>
  503. </div>
  504. </div>
  505. </div>
  506. </div>
  507. <!-- Filter op qualitymarks -->
  508. <div class="panel panel-default">
  509. <div class="panel-heading" role="tab" id="filterQualityMarksPanel">
  510. <h4 class="panel-title">
  511. <a class="collapsed" data-toggle="collapse" data-parent="#filterAccordion" href="#filterQualityMarksPanelBody"
  512. aria-expanded="false" aria-controls="filterQualityMarksPanelBody">Keurmerken</a>
  513. </h4>
  514. </div>
  515. <div id="filterQualityMarksPanelBody" class="panel-collapse collapse" role="tabpanel"
  516. aria-labelledby="filterQualityMarksPanel">
  517. <div class="panel-body">
  518. <div class="list-group" id="qualitymarkUnsortedList">
  519. <span class="lblNoFilters"><i>Geen filters beschikbaar</i></span>
  520. </div>
  521. </div>
  522. </div>
  523. </div>
  524. <!-- Filter op kenmerken-->
  525. <div class="panel panel-default">
  526. <div class="panel-heading" role="tab" id="filterCharacteristicsPanel">
  527. <h4 class="panel-title">
  528. <a class="collapsed" data-toggle="collapse" data-parent="#filterAccordion" href="#filterCharacteristicsPanelBody"
  529. aria-expanded="false" aria-controls="filterCharacteristicsPanelBody">Kenmerken</a>
  530. </h4>
  531. </div>
  532. <div id="filterCharacteristicsPanelBody" class="panel-collapse collapse" role="tabpanel"
  533. aria-labelledby="filterCharacteristicsPanel">
  534. <div class="panel-body">
  535. <div class="list-group" id="characteristicUnsortedList">
  536. <a class="list-group-item" href="#" onclick="addArrayFilter('SelectedFilterOptions_CharacteristicIds', 4)">
  537. <span>Vrij van glutamaat</span>
  538. </a>
  539. <a class="list-group-item" href="#" onclick="addArrayFilter('SelectedFilterOptions_CharacteristicIds', 7)">
  540. <span>Vrij van kip en gevogelte</span>
  541. </a>
  542. <a class="list-group-item" href="#" onclick="addArrayFilter('SelectedFilterOptions_CharacteristicIds', 14)">
  543. <span>Vrij van rundvlees</span>
  544. </a>
  545. <a class="list-group-item" href="#" onclick="addArrayFilter('SelectedFilterOptions_CharacteristicIds', 20)">
  546. <span>Vrij van varkensvlees</span>
  547. </a>
  548. </div>
  549. </div>
  550. </div>
  551. </div>
  552. </div>
  553. <!--end panel group-->
  554. <!--
  555. <button type="submit" class="btn btn-default">Filteren</button>
  556. -->
  557. </form>
  558. <div data-role="dialog" id="dialog"></div><script>
  559. kendo.syncReady(function(){jQuery("#dialog").kendoDialog({"title":"Zoekopdracht niet valide","visible":false,"width":460});});
  560. </script>
  561. <script language="javascript" type="text/javascript">
  562. $(document).ready(function () {
  563. var showMoreOptions = {
  564. max: '5',
  565. moreText: 'toon alle ([COUNT])',
  566. lessText: 'toon minder'
  567. };
  568. $('#allergenFreefromUnsortedList').ListShowMoreLess(showMoreOptions);
  569. $('#qualitymarkUnsortedList').ListShowMoreLess(showMoreOptions);
  570. $('#allergenContainUnsortedList').ListShowMoreLess(showMoreOptions);
  571. $('#characteristicUnsortedList').ListShowMoreLess(showMoreOptions);
  572. });
  573. function onSelect(e) {
  574. addFilterPS('SelectedFilterOptions_ProductGroupId', this.dataItem(e.node).id);
  575. }
  576. function selectPSbrand(e) {
  577. if (this.value()>0)
  578. addFilterPS('SelectedFilterOptions_BrandId', this.value());
  579. }
  580. // GTIN VALIDATION
  581. $('#btnSubmitGtinSearch').click(function () {
  582. validateGtin($("#SelectedFilterOptions_Ean").val());
  583. });
  584. //$("#btnSubmitArtNrSearch").click(function () {
  585. // validateGtin($("#SelectedFilterOptions_Ean").val());
  586. //});
  587. function centerKendoWindow(e) {
  588. this.center();
  589. }
  590. function validateGtin(submittedEan) {
  591. if (submittedEan == "") {
  592. $('#filterForm').submit();
  593. }
  594. else {
  595. validator = new Barcoder(); var validation1 = validator.validate(jQuery.trim(submittedEan));
  596. //console.log('%s is valid: %s and has guessed type: %s', submittedEan, validation1.isValid, validation1.possibleType);
  597. if (validation1.isValid) {
  598. //console.log("VALID");
  599. $('#filterForm').submit();
  600. }
  601. else {
  602. //console.log("Je hebt een invalide EAN getoond");
  603. var warning = "<p style='padding: 10px;'>Je hebt gezocht op EAN nummer <strong>" + submittedEan + "</strong>, dit is echter geen valide EAN</p>";
  604. $('#dialog').data("kendoDialog").content(warning);
  605. $('#dialog').data("kendoDialog").open();
  606. }
  607. }
  608. }
  609. </script>
  610. </div>
  611. <div class="col-sm-4 hidden-xs hidden" id="resultListLeft">
  612. <ul class="media-list productresult">
  613. <li class="media" onclick="loadDetailPage('/prod/dc/nl/12345/ps/ProductDetailPartial/6682'); return false;" title="Super appelkoeken">
  614. <div class="media-left thumb text-center media-middle">
  615. <div>
  616. <img class="media-object assetimage" alt="media" src="https://permalink.psinfoodservice.com/prod/image/123492/05c5cd27-5def-41a1-808d-9a01eabc6c1e?w=60&amp;h=60" />
  617. </div>
  618. </div>
  619. <div class="media-body media-middle">
  620. <h4 class="media-heading">
  621. Super appelkoeken
  622. </h4>
  623. <p class="list-group-item-text">
  624. <small>de Molen&#39;s Banket</small><br />
  625. <small>EAN:&nbsp;8710654160037, 8710654000586</small>
  626. </p>
  627. </div>
  628. </li>
  629. </ul>
  630. <div>
  631. </div>
  632. </div>
  633. <div class="col-sm-8 col-xs-12">
  634. <div id="searchandfilterContainer">
  635. <form id="searchForm" method="POST">
  636. <div class="input-group">
  637. <input id="searchInput" type="text" class="form-control" placeholder="Zoek op productnaam, merk, trefwoord of EAN. "
  638. value="8710654160037">
  639. <span class="input-group-btn">
  640. <button class="btn btn-success" type="submit">Zoek</button>
  641. <button class="btn btn-warning" onclick="location.href='/prod/dc';return false;">Reset alle filters</button>
  642. </span>
  643. </div>
  644. </form>
  645. <div style="margin-bottom: 10px;" id="filterSummaryContainer">
  646. <div class="bs-callout bs-callout-warning" id="filterSummary">
  647. <a href="#" class="label label-default" onclick="removeFilterPS('SelectedFilterOptions_FreeText'); removeFilterPS('SelectedFilterOptions_Ean')">
  648. Zoeken op: 8710654160037
  649. <span class="glyphicon glyphicon-remove-circle" />
  650. </a>
  651. </div>
  652. </div>
  653. </div>
  654. <div id="resultList" class="hidden">
  655. <ul class="media-list productresult">
  656. <li class="media" onclick="loadDetailPage('/prod/dc/nl/12345/ps/ProductDetailPartial/6682'); return false;" title="Super appelkoeken">
  657. <div class="media-left thumb text-center media-middle">
  658. <div>
  659. <img class="media-object assetimage" alt="media" src="https://permalink.psinfoodservice.com/prod/image/123492/05c5cd27-5def-41a1-808d-9a01eabc6c1e?w=250&amp;h=250" />
  660. </div>
  661. </div>
  662. <div class="media-body media-middle">
  663. <h4 class="media-heading">
  664. Super appelkoeken
  665. </h4>
  666. <p class="list-group-item-text">
  667. <small>de Molen&#39;s Banket</small><br />
  668. <small>
  669. EAN:&nbsp;8710654160037, 8710654000586
  670. <span>(100 gram)</span>
  671. </small>
  672. </p>
  673. </div>
  674. </li>
  675. </ul>
  676. <div>
  677. </div>
  678. </div>
  679. <div class="hidden" id="resultDetail">
  680. <h2>Oeps! Je zoekopdracht leverde geen producten op.</h2>
  681. <p>Het kan zijn dat het product dat je zoekt wel in de database van PS in foodservice zit, maar niet gevonden kan worden met deze zoekopdracht. Het product wel vinden? Controleer eerst dit:</p>
  682. <ul>
  683. <li>Gebruik <b>één</b> productnaam of merk in je zoekopdracht. Hoe korter hoe beter!</li>
  684. <li>Staat er per ongeluk nog <b>een filter</b> aan die het zoeken beperkt?</li>
  685. <li>Gebruik <b>geen komma’s</b> in je zoekopdracht.</li>
  686. <li>Gebruik (een deel van) de <b>exacte</b> naam (zoals de producent hem communiceert) van het product/merk. Houd het zo <b>kort</b> mogelijk!</li>
  687. <li>Wil je zoeken met <b>een nummer</b>? Bijvoorbeeld van een EAN, artikelnummer fabrikant of grossier? Gebruik het veld onder het filter links.</li>
  688. </ul>
  689. <p>
  690. Nog steeds geen resultaat? Of zou je willen dat een producent ook zijn productinformatie in het FoodBook laat plaatsen? Dat horen we graag! Vul <a href="https://docs.google.com/forms/d/18zms043oZ_cSXtLG76UIJlAeqfZ4VlduCp14iW0zVEQ/viewform" target="_blank">dit formulier</a> in, dan gaan wij ermee aan de slag!
  691. </p>
  692. <button class="btn btn-default" type="button" onclick="showResultPage(); return false;">
  693. Terug
  694. </button>
  695. </div>
  696. </div>
  697. </div>
  698. <div class="modal fade" id="myModal" data-backdrop="static" data-keyboard="false">
  699. <div style="width: 100%; background-color: transparent; text-align: center;margin-top:16%;">
  700. <div style="background: #000000; opacity: 0.75; filter: alpha(opacity=75); width: 600px; border-radius: 5px; position: relative; float: left; top: 50%; left: 50%; transform: translate(-50%, -50%); ">
  701. <br />
  702. <span style="color: #FFFFFF; font-weight: normal; font-size: 160%; ">Even geduld a.u.b...</span><br /><br />
  703. <img src="/prod/Content/images/ps_loading_eclipse_blue.gif" width="50" alt="loading_animation" />
  704. <br /><br />
  705. </div>
  706. </div>
  707. </div>
  708. <hr />
  709. <span id="showSurvey" class="fbBtn hidden-xs" style="display: none;" >
  710. Feedback
  711. </span>
  712. <div data-role="dialog" id="FoodbookSurveyModal"></div><script>
  713. kendo.syncReady(function(){jQuery("#FoodbookSurveyModal").kendoDialog({"title":"PS Foodbook - feedback","visible":false,"width":640,"content":"\u003ciframe class=\u0027gFormIframe\u0027 src=\u0027https://docs.google.com/forms/d/e/1FAIpQLSdw9av52vBurb-u4vcg5338NhXVMcjEv8mYF7ZiWcT2xW2Ozg/viewform?embedded=true\u0027 style=\u0027overflow-y: hidden;\u0027 width=\u0027600\u0027 height=\u00271080\u0027 frameborder=\u00270\u0027 marginheight=\u002720\u0027 marginwidth=\u00270\u0027\u003e\u003c/iframe\u003e"});});
  714. </script>
  715. <footer class="foott">
  716. <p>
  717. <span class="footer">
  718. &copy; 2019 -
  719. <a href="/prod/Account/ResetCurrentSession?returnUrl=https%3A%2F%2Ffoodbook.psinfoodservice.com%2Fprod%2Fdc">PS Foodbook</a>
  720. powered by <a target="_blank" href="https://www.psinfoodservice.nl/">PS in foodservice</a>
  721. - <a href="https://permalink.psinfoodservice.com/prod/documents/standards/Privacyverklaring.pdf" target="_blank">Privacy verklaring</a>
  722. - <a href="https://permalink.psinfoodservice.com/prod/documents/standards/Disclaimer.pdf" target="_blank">Disclaimer</a>
  723. - 3.2.0 - prod
  724. </span>
  725. </p>
  726. </footer>
  727. </div>
  728. <script src="/prod/Scripts/Site.js?v=3.2.0"></script>
  729. <script>
  730. (function (i, s, o, g, r, a, m) {
  731. i['GoogleAnalyticsObject'] = r;
  732. i[r] = i[r] || function () {
  733. (i[r].q = i[r].q || []).push(arguments)
  734. }, i[r].l = 1 * new Date();
  735. a = s.createElement(o),
  736. m = s.getElementsByTagName(o)[0];
  737. a.async = 1;
  738. a.src = g;
  739. m.parentNode.insertBefore(a, m)
  740. })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
  741. ga('create', 'UA-58848830-1', 'auto');
  742. ga('send', 'pageview');
  743. </script>
  744. <!--
  745. Start Cookie
  746. https://cookieconsent.insites.com/
  747. -->
  748. <link rel="stylesheet" type="text/css" href="/prod/Content/cookieconsent.min.css" />
  749. <script src="/prod/Scripts/cookieconsent.min.js"></script>
  750. <script>
  751. window.addEventListener("load", function(){
  752. window.cookieconsent.initialise({
  753. "palette": {
  754. "popup": {
  755. "background": "#009ee0",
  756. "text": "#ffffff"
  757. },
  758. "button": {
  759. "background": "#fff",
  760. "text": "#009ee0"
  761. }
  762. },
  763. "content": {
  764. "message": "Deze website gebruikt cookies.",
  765. "dismiss": "Begrepen",
  766. "link": "Meer informatie",
  767. "href": "https://www.psinfoodservice.nl/informatie/uitleg-cookies"
  768. }
  769. })});
  770. </script>
  771. <!--End cookie-->
  772. </body>
  773. </html>