https://gearrecoverynetwork.org/static/js/31.ce77096f.chunk.js

1(this.webpackJsonpclient=this.webpackJsonpclient||[]).push([[31],{774:function(e,a,t){"use strict";t.r(a);var n=t(36),r=t(26),l=t(70),c=t(0),o=t.n(c),i=t(373),s=t(481),m=t(189),u=t(190),d=t(42),g=t(193),E=t(459),b=t(71),p=t.n(b),h=t(191),f=t(741),v=t(270),w=t(274),C=t(273),T=t(271),O=t(272),N=t(760),j=t(236),S=t(164),y=t(181),k=t(740),x=t(738),G=t(184),I=t(478),A=t(480),$=t(479),B=t(476),D=t(700);function J(){var e=Object(l.a)(["\n  mutation generateTagSet(\n    $number: Int!\n    $testing: Boolean!\n    $colors: [TagColor]!\n  ) {\n    generateTagSet(number: $number, testing: $testing, colors: $colors) {\n      id\n      n\n      createdAt\n      colors\n      startTag\n    }\n  }\n"]);return J=function(){return e},e}var L=["YELLOW","WHITE","ORANGE","TAN","PINK","LIME"],P=p()(J()),z=function(e){var a=e.open,t=e.onClose,r=Object(c.useState)(JSON.parse(JSON.stringify(L))),l=Object(n.a)(r,2),i=l[0],s=l[1],m=Object(c.useState)(!1),g=Object(n.a)(m,2),E=g[0],b=g[1],p=Object(c.useState)(100),h=Object(n.a)(p,2),f=h[0],v=h[1],w=function(e){return function(a){var t;t=a.target.checked?[].concat(Object(j.a)(i),[e]):Object(j.a)(i.filter((function(a){return a!==e}))),s(t)}};return o.a.createElement(y.a,{open:a,onClose:t},o.a.createElement(G.a,null,"Generate Tags"),o.a.createElement(x.a,null,"Once new tags have been generated you will have access to zipped CSV files in the Downloads area."),o.a.createElement(x.a,null,o.a.createElement(d.a,{variant:"body2"},"Number of Tags (per color)"),o.a.createElement(A.a,{row:!0},o.a.createElement(B.a,{type:"number",value:f,onChange:function(e){return v(e.target.value)}})),o.a.createElement("br",null),o.a.createElement(A.a,{row:!0},o.a.createElement($.a,{control:o.a.createElement(D.a,{checked:E,onChange:function(e){return b(e.target.checked)},color:"primary"}),label:"Test Tags"})),o.a.createElement("br",null),o.a.createElement(A.a,{row:!0},L.map((function(e){return o.a.createElement($.a,{key:e,control:o.a.createElement(I.a,{checked:-1!==i.indexOf(e),onChange:w(e),color:"primary"}),label:e})})))),o.a.createElement(k.a,null,o.a.createElement(u.a,{onClick:t},"Cancel"),o.a.createElement(S.a,{mutation:P,variables:{number:parseInt(f),testing:E,colors:i}},(function(e,a){var n=a.loading,r=a.error;return r&&alert("Error generating - "+r.toString()),o.a.createElement(u.a,{disabled:n,variant:"contained",color:"primary",onClick:function(){return e().then(t)}},"Generate ",f*i.length," Tags")}))))};function W(){var e=Object(l.a)(["\n  {\n    tagSets {\n      id\n      n\n      startTag\n      colors\n      createdAt\n      testing\n      download\n    }\n    currentProject {\n      id\n      lastTagGenerated {\n        id\n      }\n    }\n  }\n"]);return W=function(){return e},e}var M=p()(W()),R=Object(g.a)((function(e){return{card:Object(r.a)({maxWidth:560,margin:"10px 0"},e.breakpoints.down("sm"),{width:"100vw",margin:0,borderRadius:0,boxShadow:"none"}),tableCell:{padding:"4px 22px 4px 22px"},tagsTableCell:{padding:"4px 24px 4px 24px",whiteSpace:"nowrap"},root:Object(r.a)({padding:e.spacing(3)},e.breakpoints.down("sm"),{padding:0})}}));a.default=Object(E.a)(M,{options:{pollInterval:1e4}})((function(e){var a=e.data,t=a.loading,r=a.error,l=a.tagSets,g=a.currentProject,E=a.refetch,b=R(),p=Object(c.useState)(!1),j=Object(n.a)(p,2),S=j[0],y=j[1];return t?o.a.createElement(h.a,{size:20}):r?o.a.createElement("div",null,r.toString()):o.a.createElement("div",{className:b.root},o.a.createElement(i.a,{className:b.card},o.a.createElement(m.a,null,o.a.createElement(d.a,{gutterBottom:!0,variant:"h5",component:"h2"},"Tags"),o.a.createElement(d.a,{gutterBottom:!0,component:"p"},"Identifiers are generated and tracked by the application to avoid problems with duplicates or color mismatches. As more tags are needed, tag id's and qr-code contents can be generated here as CSV files that can be provided to the"," ",o.a.createElement("a",{href:"http://www.growers-inc.com/contact/"},"printer"),"."),o.a.createElement(d.a,{gutterBottom:!0,component:"p"},"It is crucial to accurately track what has been distributed. Please avoid using this interface unless you have been trained on how to do so."),o.a.createElement(d.a,{style:{marginTop:20},variant:"body1"},g.lastTagGenerated?g.lastTagGenerated.id:0," ","of 99,999 tags generated"),o.a.createElement(f.a,{variant:"determinate",value:g.lastTagGenerated?g.lastTagGenerated.id/99999*100:0})),o.a.createElement(s.a,null,o.a.createElement(u.a,{variant:"text",color:"primary",onClick:function(){return y(!0)}},"Generate More Tags"))),o.a.createElement(i.a,{className:b.card},o.a.createElement(m.a,null,o.a.createElement(d.a,{gutterBottom:!0,variant:"h5",component:"h2"},"Downloads"),o.a.createElement(v.a,{className:b.table},o.a.createElement(T.a,null,o.a.createElement(O.a,null,o.a.createElement(C.a,{className:b.tableCell},"Generated"),o.a.createElement(C.a,{align:"center",className:b.tagsTableCell},"Tags"),o.a.createElement(C.a,{align:"center",className:b.tableCell},"Colors"),o.a.createElement(C.a,{align:"center",className:b.tableCell},"Testing"),o.a.createElement(C.a,{align:"center",className:b.tableCell},"Download"))),o.a.createElement(w.a,null,l.map((function(e){return o.a.createElement(O.a,{key:e.id},o.a.createElement(C.a,{align:"center",className:b.tableCell},new Date(e.createdAt).toLocaleDateString("en-US")),o.a.createElement(C.a,{align:"center",className:b.tagsTableCell}

1,e.startTag,"-",e.startTag+e.n-1),o.a.createElement(C.a,{align:"center",className:b.tableCell},e.colors.length),o.a.createElement(C.a,{align:"center",className:b.tableCell},e.testing?"yes":"no"),o.a.createElement(C.a,{align:"center",className:b.tableCell},o.a.createElement(u.a,null,o.a.createElement(N.a,{size:16,color:"grey",onClick:function(){return window.open(e.download)}}))))})))))),o.a.createElement(z,{open:S,onClose:function(){return E()&&y(!1)}}))}))}}]);
2//# sourceMappingURL=31.ce77096f.chunk.js.map