1 line
13 KiB
JavaScript
1 line
13 KiB
JavaScript
|
(self.webpackChunkfrontend=self.webpackChunkfrontend||[]).push([[947],{764:(n,e,a)=>{"use strict";a.d(e,{Z:()=>s});var t=a(7294),r=a.n(t),l=a(9655);const s=function(){return r().createElement(r().Fragment,null,r().createElement("div",{className:"sidebar"},r().createElement("ul",null,r().createElement("li",null,r().createElement(l.OL,{to:"/"},r().createElement("i",{className:"fa fa-chart-bar"})," Dashboard")),r().createElement("li",null,r().createElement(l.OL,{to:"/booklist"},r().createElement("i",{className:"fas fa-book"})," Boekenlijst")))))}},6645:(n,e,a)=>{"use strict";a.r(e),a.d(e,{default:()=>v});var t=a(7294),r=a.n(t),l=a(3379),s=a.n(l),o=a(7795),i=a.n(o),d=a(569),p=a.n(d),c=a(3565),b=a.n(c),m=a(9216),g=a.n(m),j=a(4589),u=a.n(j),h=a(6514),x={};x.styleTagTransform=u(),x.setAttributes=b(),x.insert=p().bind(null,"head"),x.domAPI=i(),x.insertStyleElement=g(),s()(h.Z,x),h.Z&&h.Z.locals&&h.Z.locals;var f=a(381),T=a(764);const k=a(9755);k.DataTable=a(991),f.locale("nl");const E=function(){const n=(n,e,a)=>{0!==e&&!0===a?k("#DataTable").DataTable().column(n).search("(^"+e+"$)",!0,!1).draw():k("#DataTable").DataTable().column(n).search(e).draw()};return k(".author").on("change",(function(){n(1,this.value,!1)})),k(".genre").on("change",(function(){n(2,this.value,!1)})),k(".country").on("change",(function(){n(3,this.value,!1)})),r().createElement(r().Fragment,null,r().createElement("div",{className:"search-bar"},r().createElement("input",{type:"text",onChange:e=>n(0,e.target.value,!1),name:"search",id:"search",placeholder:"Zoeken..."})),r().createElement("div",{className:"filters"},r().createElement("select",{className:"author"},r().createElement("option",{value:""},"Filter op Schrijver")),r().createElement("select",{className:"genre"},r().createElement("option",{value:""},"Filter op Genre")),r().createElement("select",{className:"country"},r().createElement("option",{value:""},"Filter op Land"))))},y=a(9755);y.DataTable=a(991),f.locale("nl");const v=function(){var[n,e]=(0,t.useState)([]);const l=(n,e,a)=>{if(console.log(e,a),e&&!n.find("option:contains('"+a+"')").length){var t=new Option(e,e);t.innerHTML=a,n[0].appendChild(t)}};return(0,t.useEffect)((()=>{document.title="Boekenlijst - Reading Analytics System",a.e(225).then(a.bind(a,3225)).then((n=>n.getAllBooks().then((n=>{e(n),setTimeout((()=>{y("#DataTable").DataTable({language:{url:"https://cdn.datatables.net/plug-ins/9dcbecd42ad/i18n/Dutch.json"},dom:'rt<"bottom"pl><"clear">',order:[]})}),1e3)}))))}),[]),r().createElement(r().Fragment,null,r().createElement(T.Z,null),r().createElement("div",{className:"content"},r().createElement(E,null),r().createElement("div",{className:"DataTable_Container"},r().createElement("table",{id:"DataTable",className:"showHead table responsive nowrap",width:"100%"},r().createElement("thead",null,r().createElement("tr",null,r().createElement("th",null,"Boek"),r().createElement("th",null,"Schrijver"),r().createElement("th",null,"Genre"),r().createElement("th",null,"Land"),r().createElement("th",null,"Aantal pagina's"),r().createElement("th",null,"Gelezen op"),r().createElement("th",null,"Beoordeling"))),r().createElement("tbody",null,n.map(((n,e)=>{var a=n.country_code.toLowerCase(),t=(n=>{const e=n.toUpperCase().split("").map((n=>127397+n.charCodeAt()));return String.fromCodePoint(...e)})(n.country_code),s=n.country,o=t+" "+n.country;return l(y(".genre"),n.genre,n.genre),l(y(".country"),s,o),l(y(".author"),n.author,n.author),r().createElement("tr",{key:n.id},r().createElement("td",null,n.name),r().createElement("td",null,n.author),r().createElement("td",null,n.genre),r().createElement("td",null,r().createElement("img",{src:`https://flagcdn.com/20x15/${a}.png`})," ",n.country),r().createElement("td",null,n.pages),r().createElement("td",null,f(n.readed).format("MMMM YYYY")),r().createElement("td",null,r().createElement("i",{class:"fas fa-star"}),n.rating))})))))))}},6514:(n,e,a)=>{"use strict";a.d(e,{Z:()=>o});var t=a(8081),r=a.n(t),l=a(3645),s=a.n(l)()(r());s.push([n.id,".dataTable-top td{\n vertical-align: top;\n}\n\n.dataTable-top td{\n
|