mirror of
https://github.com/PeWu/topola-viewer.git
synced 2026-03-11 10:03:47 +00:00
2 lines
19 KiB
JavaScript
2 lines
19 KiB
JavaScript
(window.webpackJsonp=window.webpackJsonp||[]).push([[0],{225:function(e){e.exports={"menu.load_from_url":"Otw\xf3rz URL","menu.load_from_file":"Otw\xf3rz plik","menu.print":"Drukuj","menu.download":"Pobierz","menu.pdf_file":"Plik PDF","menu.png_file":"Plik PNG","menu.svg_file":"Plik SVG","menu.github":"\u0179r\xf3d\u0142a na GitHub","intro.title":"Topola Genealogy","intro.description":"Topola Genealogy pozwala przegl\u0105da\u0107 drzewo genealogiczne w interaktywny spos\xf3b.","intro.instructions":"Kliknij OTW\xd3RZ URL lub OTW\xd3RZ PLIK, aby za\u0142adowa\u0107 plik GEDCOM. Wi\u0119kszo\u015b\u0107 program\xf3w genealogicznych posiada funkcj\u0119 eksportu do pliku GEDCOM.","intro.examples":"Poni\u017cej jest kilka przyk\u0142ad\xf3w znalezionych w Internecie:","intro.from":"\u017ar\xf3d\u0142o:","intro.privacy":"Prywatno\u015b\u0107","intro.privacy_note":'U\u017cywaj\u0105c funkcji "Otw\xf3rz plik", Twoje dane nie s\u0105 nigdzie wysy\u0142ane i pozostaj\u0105 na Twoim komputerze. U\u017cywaj\u0105c funkcji "Otw\xf3rz URL", dane z podanego adresu przesy\u0142ane s\u0105 przez us\u0142ug\u0119 {link} w celu umo\u017cliwienia za\u0142adowania danych z innej domeny (CORS).',"load_from_url.title":"Otw\xf3rz z adresu URL","load_from_url.comment":"Dane z podanego adresu URL zostan\u0105 za\u0142adowane poprzez us\u0142ug\u0119 {link} w celu unikni\u0119cia problem\xf3w z CORS.","load_from_url.cancel":"Anuluj","load_from_url.load":"Otw\xf3rz"}},226:function(e,t){},263:function(e,t,n){e.exports=n(464)},275:function(e,t){},281:function(e,t){},458:function(e,t,n){},464:function(e,t,n){"use strict";n.r(t);var a=n(147),r=n(223),o=n(224),i=n(0),l=n(62),c=n(225),s=n(15),u=n(31),d=n(32),m=n(35),f=n(33),h=n(34),p=n(40),g=n(17),v=n(228),E=n.n(v),w=n(144),y=n(67);function b(){var e=g.select("#chart").node().parentElement;e.scrollLeft=-g.event.transform.x,e.scrollTop=-g.event.transform.y}function O(){var e=g.select("#chart").node().parentElement,t=e.scrollLeft+e.clientWidth/2,n=e.scrollTop+e.clientHeight/2;g.select(e).call(g.zoom().translateTo,t,n)}var k=function(e){function t(){var e,n;Object(u.a)(this,t);for(var a=arguments.length,r=new Array(a),o=0;o<a;o++)r[o]=arguments[o];return(n=Object(m.a)(this,(e=Object(f.a)(t)).call.apply(e,[this].concat(r)))).chart=void 0,n}return Object(h.a)(t,e),Object(d.a)(t,[{key:"renderChart",value:function(){var e=this,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{initialRender:!1};t.initialRender&&(g.select("#chart").node().innerHTML="",this.chart=Object(y.createChart)({json:this.props.data,chartType:y.HourglassChart,renderer:y.DetailedRenderer,svgSelector:"#chart",indiCallback:function(t){return e.props.onSelection(t)},animate:!0,updateSvgSize:!1,locale:this.context.intl.locale}));var n=this.chart.render({startIndi:this.props.selection.id,baseGeneration:this.props.selection.generation}),a=g.select("#chart"),r=a.node().parentElement;g.select(r).on("scroll",O).call(g.zoom().scaleExtent([1,1]).translateExtent([[0,0],n.size]).on("zoom",b));var o,i,l=r.clientWidth/2-n.origin[0],c=r.clientHeight/2-n.origin[1],s=g.max([0,(r.clientWidth-n.size[0])/2]),u=g.max([0,(r.clientHeight-n.size[1])/2]),d=a.transition().delay(200).duration(500);(t.initialRender?a:d).attr("transform","translate(".concat(s,", ").concat(u,")")).attr("width",n.size[0]).attr("height",n.size[1]),t.initialRender?(r.scrollLeft=-l,r.scrollTop=-c):d.tween("scrollLeft",(i=-l,function(){var e=g.interpolateNumber(r.scrollLeft,i);return function(t){r.scrollLeft=e(t)}})).tween("scrollTop",(o=-c,function(){var e=g.interpolateNumber(r.scrollTop,o);return function(t){r.scrollTop=e(t)}}))}},{key:"componentDidMount",value:function(){this.renderChart({initialRender:!0})}},{key:"componentDidUpdate",value:function(e){this.renderChart({initialRender:this.props.data!==e.data})}},{key:"render",value:function(){return i.createElement("div",{id:"svgContainer"},i.createElement("svg",{id:"chart"}))}},{key:"getSvgContents",value:function(){var e=document.getElementById("chart").cloneNode(!0);return e.removeAttribute("transform"),(new XMLSerializer).serializeToString(e)}},{key:"print",value:function(){var e=this,t=document.createElement("iframe");t.style.position="absolute",t.style.top="-1000px",t.style.left="-1000px",t.onload=function(){t.contentDocument.open(),t.contentDocument.write(e.getSvgContents()),t.contentDocument.close(),setTimeout(function(){t.contentWindow.focus(),t.contentWindow.print(),t.parentNode.removeChild(t)},500)},document.body.appendChild(t)}},{key:"downloadSvg",value:function(){var e=new Blob([this.getSvgContents()],{type:"image/svg+xml"});Object(w.saveAs)(e,"topola.svg")}},{key:"drawOnCanvas",value:function(){var e=document.createElement("canvas"),t=document.getElementById("chart");e.width=2*t.getBBox().width,e.height=2*t.getBBox().height;var n=new Blob([this.getSvgContents()],{type:"image/svg+xml"}),a=new Image;return a.src=URL.createObjectURL(n),new Promise(function(t){a.onload=function(){var n=e.getContext("2d"),r=n.fillStyle;n.fillStyle="white",n.fillRect(0,0,e.width,e.height),n.fillStyle=r,n.drawImage(a,0,0,e.width,e.height),t(e)}})}},{key:"downloadPng",value:function(){var e=function(e){e&&Object(w.saveAs)(e,"topola.png")};this.drawOnCanvas().then(function(t){return t.toBlob(e,"image/png")})}},{key:"downloadPdf",value:function(){this.drawOnCanvas().then(function(e){var t=new E.a({orientation:e.width>e.height?"l":"p",unit:"pt",format:[e.width,e.height]});t.addImage(e,"PNG",0,0,e.width,e.height,"NONE"),t.save("topola.pdf")})}}]),t}(i.PureComponent);function j(e,t){var n=[],a=e.tree.find(function(e){return"DATE"===e.tag});a&&a.data&&n.push(a.data);var r=e.tree.find(function(e){return"PLAC"===e.tag});return r&&r.data&&n.push(r.data),e.tree.filter(function(e){return"NOTE"===e.tag}).forEach(function(e){n.push(i.createElement("i",null,e.data))}),n.length?i.createElement(i.Fragment,null,i.createElement("div",{className:"ui sub header"},t),i.createElement("span",null,n.map(function(e){return i.createElement(i.Fragment,null,e,i.createElement("br",null))}))):null}function C(e,t){var n=[];return e.data&&n.push(e.data),e.tree.filter(function(e){return"NOTE"===e.tag}).forEach(function(e){n.push(i.createElement("i",null,e.data))}),n.length?i.createElement(i.Fragment,null,i.createElement("div",{className:"ui sub header"},t),i.createElement("span",null,n.map(function(e){return i.createElement(i.Fragment,null,e,i.createElement("br",null))}))):null}function R(e,t){return i.createElement("h2",{className:"ui header"},e.data.split("/").filter(function(e){return!!e}).map(function(e){return i.createElement(i.Fragment,null,e,i.createElement("br",null))}))}function S(e,t,n){return t.flatMap(function(t){return e.filter(function(e){return e.tag===t}).map(function(e){return n(e,t)})}).filter(function(e){return null!==e}).map(function(e){return i.createElement("div",{className:"ui segment"},e)})}k.contextTypes={intl:s.d};var z=["NAME"],D=["BIRT","BAPM","CHR","DEAT","BURI"],M=["TITL","OCCU","WWW","EMAIL"],P=function(e){function t(){return Object(u.a)(this,t),Object(m.a)(this,Object(f.a)(t).apply(this,arguments))}return Object(h.a)(t,e),Object(d.a)(t,[{key:"render",value:function(){var e=this.props.gedcom.indis[this.props.indi].tree;return i.createElement("div",{className:"ui segments",id:"details"},S(e,z,R),S(e,D,j),S(e,M,C))}}]),t}(i.Component),_=n(140);function L(e){return e.substring(1,e.length-1)}function U(e){var t=e.find(function(e){return"HEAD"===e.tag}),n={},a={};return e.forEach(function(e){"INDI"===e.tag?n[L(e.pointer)]=e:"FAM"===e.tag&&(a[L(e.pointer)]=e)}),{head:t,indis:n,fams:a}}function T(e,t){if(!e.children)return e;var n=e.children.sort(function(e){var t=new Map;return e.indis.forEach(function(e){t[e.id]=e}),function(e,n){var a,r,o=(a=e)<(r=n)?-1:a>r?1:0,i=t[e],l=t[n],c=i&&i.birth,s=l&&l.birth,u=c&&(c.date||c.dateRange&&c.dateRange.from),d=s&&(s.date||s.dateRange&&s.dateRange.from);return u&&u.year&&d&&d.year?u.year!==d.year?u.year-d.year:u.month&&d.month?u.month!==d.month?u.month-d.month:u.day&&d.day&&u.day!==d.day?u.month-d.month:o:o:o}}(t));return Object.assign({},e,{children:n})}function x(e){var t=e.fams.map(function(t){return T(t,e)});return Object.assign({},e,{fams:t})}function N(e){if(!e.imageUrl||e.imageUrl.startsWith("http"))return e;var t=Object.assign({},e);return delete t.imageUrl,t}function I(e){var t=e.indis.map(N);return Object.assign({},e,{indis:t})}function F(e,t,n){return{id:t||e.indis[0].id,generation:n||0}}function A(e,t){var n=function(e){var t=Object(_.parse)(e),n=Object(y.gedcomEntriesToJson)(t);if(!n||!n.indis||!n.indis.length||!n.fams||!n.fams.length)throw new Error("Failed to read GEDCOM file");return{chartData:I(x(n)),gedcom:U(t)}}(e),a=JSON.stringify(n);try{sessionStorage.setItem(t,a)}catch(r){console.warn("Failed to store data in session storage: "+r)}return n}function G(e,t){try{return Promise.resolve(function(e,t){var n=sessionStorage.getItem(e);if(n)return JSON.parse(n);if(!t)throw new Error("Error loading data. Please upload your file again.");return A(t,e)}(e,t))}catch(n){return Promise.reject(new Error("Failed to read GEDCOM file"))}}var W=n(480),H=n(473);function B(e){return i.createElement(H.a,{to:{pathname:"/view",search:p.stringify({url:e.url})}},e.text)}function J(){return i.createElement(W.a,{className:"intro"},i.createElement(W.a.Content,null,i.createElement(W.a.Header,null,i.createElement(s.a,{id:"intro.title",defaultMessage:"Topola Genealogy Viewer"}))),i.createElement(W.a.Content,null,i.createElement("p",null,i.createElement(s.a,{id:"intro.description",defaultMessage:"Topola Genealogy is a genealogy tree viewer that lets you browse the structure of the family."})),i.createElement("p",null,i.createElement(s.a,{id:"intro.instructions",defaultMessage:"Use the LOAD FROM URL or LOAD FROM FILE buttons above to load a GEDCOM file. You can export a GEDCOM file from most of the existing genealogy programs and web sites."})),i.createElement("p",null,i.createElement(s.a,{id:"intro.examples",defaultMessage:"Here are some examples from the web that you can view:"})),i.createElement("ul",null,i.createElement("li",null,i.createElement(B,{url:"http://genpol.com/module-Downloads-prep_hand_out-lid-32.html",text:"Karol Wojty\u0142a"})," ","(",i.createElement(s.a,{id:"intro.from",defaultMessage:"from"})," ",i.createElement("a",{href:"http://genpol.com/module-Downloads-display-lid-32.html"},"GENPOL"),")"),i.createElement("li",null,i.createElement(B,{url:"https://webtreeprint.com/tp_downloader.php?path=famous_gedcoms/shakespeare.ged",text:"Shakespeare"})," ","(",i.createElement(s.a,{id:"intro.from",defaultMessage:"from"})," ",i.createElement("a",{href:"https://webtreeprint.com/tp_famous_gedcoms.php"},"webtreeprint.com"),")"),i.createElement("li",null,i.createElement(B,{url:"http://genealogyoflife.com/tng/gedcom/HarryPotter.ged",text:"Harry Potter"})," ","(",i.createElement(s.a,{id:"intro.from",defaultMessage:"from"})," ",i.createElement("a",{href:"http://famousfamilytrees.blogspot.com/"},"Famous Family Trees"),")")),i.createElement("p",null,i.createElement("b",null,i.createElement(s.a,{id:"intro.privacy",defaultMessage:"Privacy"})),":",i.createElement(s.a,{id:"intro.privacy_note",defaultMessage:'When using the "load from file" option, this site does not send your data anywhere and files loaded from disk do not leave your computer. When using "load from URL", data is passed through the {link} service to deal with an issue with cross-site file loading in the browser (CORS).',values:{link:i.createElement("a",{href:"https://cors-anywhere.herokuapp.com/"},"cors-anywhere")}}))))}var V=n(481),K=n(476),q=n(489),Z=n(487),X=n(485),Y=n(234),Q=n.n(Y),$=n(478),ee=n(484),te=n(222),ne=n(477),ae=n(475),re=n(482),oe=n(483),ie=n(479),le=function(e){function t(){var e,n;Object(u.a)(this,t);for(var a=arguments.length,r=new Array(a),o=0;o<a;o++)r[o]=arguments[o];return(n=Object(m.a)(this,(e=Object(f.a)(t)).call.apply(e,[this].concat(r)))).state={loadUrlDialogOpen:!1},n.inputRef=void 0,n}return Object(h.a)(t,e),Object(d.a)(t,[{key:"handleUpload",value:function(e){var t=this,n=e.target.files;if(n&&n.length){var a=new FileReader;a.onload=function(e){var n=e.target.result,a=Q()(n);t.props.history.push({pathname:"/view",search:p.stringify({file:a}),state:{data:n}})},a.readAsText(n[0])}}},{key:"handleLoadFromUrl",value:function(){var e=this;this.setState(Object.assign({},this.state,{loadUrlDialogOpen:!0}),function(){return e.inputRef.focus()})}},{key:"handleClose",value:function(){this.setState(Object.assign({},this.state,{loadUrlDialogOpen:!1}))}},{key:"handleLoad",value:function(){this.setState(Object.assign({},this.state,{loadUrlDialogOpen:!1})),this.state.url&&this.props.history.push({pathname:"/view",search:p.stringify({url:this.state.url})})}},{key:"handleUrlChange",value:function(e){this.setState(Object.assign({},this.state,{url:e.target.value}))}},{key:"render",value:function(){var e=this,t=i.createElement($.a,{open:this.state.loadUrlDialogOpen,onClose:function(){return e.handleClose()},centered:!1},i.createElement(ee.a,null,i.createElement(te.a,{name:"cloud download"}),i.createElement(s.a,{id:"load_from_url.title",defaultMessage:"Load from URL",children:function(e){return e}})),i.createElement($.a.Content,null,i.createElement(ne.a,{onSubmit:function(){return e.handleLoad()}},i.createElement(ae.a,{placeholder:"https://",fluid:!0,onChange:function(t){return e.handleUrlChange(t)},ref:function(t){return e.inputRef=t}}),i.createElement("p",null,i.createElement(s.a,{id:"load_from_url.comment",defaultMessage:"Data from the URL will be loaded through {link} to avoid CORS issues.",values:{link:i.createElement("a",{href:"https://cors-anywhere.herokuapp.com/"},"cors-anywhere.herokuapp.com")}})))),i.createElement($.a.Actions,null,i.createElement(re.a,{secondary:!0,onClick:function(){return e.handleClose()}},i.createElement(s.a,{id:"load_from_url.cancel",defaultMessage:"Cancel"})),i.createElement(re.a,{primary:!0,onClick:function(){return e.handleLoad()}},i.createElement(s.a,{id:"load_from_url.load",defaultMessage:"Load"})))),n=this.props.showingChart?i.createElement(i.Fragment,null,i.createElement(oe.a.Item,{as:"a",onClick:function(){return e.props.onPrint()}},i.createElement(te.a,{name:"print"}),i.createElement(s.a,{id:"menu.print",defaultMessage:"Print"})),i.createElement(ie.a,{trigger:i.createElement("div",null,i.createElement(te.a,{name:"download"}),i.createElement(s.a,{id:"menu.download",defaultMessage:"Download"})),className:"item"},i.createElement(ie.a.Menu,null,i.createElement(ie.a.Item,{onClick:function(){return e.props.onDownloadPdf()}},i.createElement(s.a,{id:"menu.pdf_file",defaultMessage:"PDF file"})),i.createElement(ie.a.Item,{onClick:function(){return e.props.onDownloadPng()}},i.createElement(s.a,{id:"menu.png_file",defaultMessage:"PNG file"})),i.createElement(ie.a.Item,{onClick:function(){return e.props.onDownloadSvg()}},i.createElement(s.a,{id:"menu.svg_file",defaultMessage:"SVG file"}))))):null;return i.createElement(oe.a,{attached:"top",inverted:!0,color:"blue",size:"large"},i.createElement(H.a,{to:"/"},i.createElement(oe.a.Item,null,i.createElement("b",null,"Topola Genealogy"))),i.createElement(oe.a.Item,{as:"a",onClick:function(){return e.handleLoadFromUrl()}},i.createElement(te.a,{name:"cloud download"}),i.createElement(s.a,{id:"menu.load_from_url",defaultMessage:"Load from URL"})),i.createElement("input",{className:"hidden",type:"file",accept:".ged",id:"fileInput",onChange:function(t){return e.handleUpload(t)}}),i.createElement("label",{htmlFor:"fileInput"},i.createElement(oe.a.Item,{as:"a"},i.createElement(te.a,{name:"folder open"}),i.createElement(s.a,{id:"menu.load_from_file",defaultMessage:"Load from file"}))),n,i.createElement(oe.a.Item,{as:"a",href:"https://github.com/PeWu/topola-viewer",position:"right"},i.createElement(s.a,{id:"menu.github",defaultMessage:"Source on GitHub"})),t)}}]),t}(i.Component);function ce(e){return i.createElement(V.a,{negative:!0,className:"error"},i.createElement(V.a.Header,null,"Failed to load file"),i.createElement("p",null,e.message))}var se=function(e){function t(){var e,n;Object(u.a)(this,t);for(var a=arguments.length,r=new Array(a),o=0;o<a;o++)r[o]=arguments[o];return(n=Object(m.a)(this,(e=Object(f.a)(t)).call.apply(e,[this].concat(r)))).state={loading:!1},n.chartRef=null,n.onSelection=function(e){var t=n.props.location,a=p.parse(t.search);a.indi=e.id,a.gen=String(e.generation),t.search=p.stringify(a),n.props.history.push(t)},n.renderMainArea=function(){return n.state.data&&n.state.selection?i.createElement("div",{id:"content"},i.createElement(k,{data:n.state.data.chartData,onSelection:n.onSelection,selection:n.state.selection,ref:function(e){return n.chartRef=e}}),n.state.showSidePanel?i.createElement("div",{id:"sidePanel"},i.createElement(P,{gedcom:n.state.data.gedcom,indi:n.state.selection.id})):null):n.state.error?i.createElement(ce,{message:n.state.error}):i.createElement(K.a,{active:!0,size:"large"})},n}return Object(h.a)(t,e),Object(d.a)(t,[{key:"isNewData",value:function(e,t){return!(!e||e===this.state.hash)||!(!t||this.state.url===t)}},{key:"componentDidMount",value:function(){this.componentDidUpdate()}},{key:"componentDidUpdate",value:function(){var e=this;if("/view"===this.props.location.pathname){var t=this.props.location.state&&this.props.location.state.data,n=p.parse(this.props.location.search),a=function(e){var t=n[e];return"string"===typeof t?t:void 0},r=a("url"),o=a("indi"),i=Number(a("gen")),l=isNaN(i)?void 0:i,c=a("file"),s="false"!==a("handleCors"),u="true"===a("sidePanel");if(r||c){if(this.isNewData(c,r)){(c?G(c,t):function(e,t){var n=sessionStorage.getItem(e);if(n)return Promise.resolve(JSON.parse(n));var a=t?"https://cors-anywhere.herokuapp.com/"+e:e;return window.fetch(a).then(function(e){return 200!==e.status?Promise.reject(new Error(e.statusText)):e.text()}).then(function(t){return A(t,e)})}(r,s)).then(function(t){e.setState(Object.assign({},e.state,{data:t,hash:c,selection:F(t.chartData,o,l),error:void 0,loading:!1,url:r,showSidePanel:u}))},function(t){e.setState(Object.assign({},e.state,{error:t.message,loading:!1}))}),this.setState(Object.assign({},this.state,{data:void 0,selection:void 0,hash:c,error:void 0,loading:!0,url:r}))}else if(this.state.data&&this.state.selection){var d=F(this.state.data.chartData,o,l);this.state.selection.id===d.id&&this.state.selection.generation===d.generation||this.setState(Object.assign({},this.state,{selection:d}))}}else this.props.history.replace({pathname:"/"})}}},{key:"render",value:function(){var e=this;return i.createElement(i.Fragment,null,i.createElement(q.a,{render:function(t){return i.createElement(le,Object.assign({},t,{showingChart:!("/view"!==e.props.history.location.pathname||!e.state.data||!e.state.selection),onPrint:function(){return e.chartRef&&e.chartRef.print()},onDownloadPdf:function(){return e.chartRef&&e.chartRef.downloadPdf()},onDownloadPng:function(){return e.chartRef&&e.chartRef.downloadPng()},onDownloadSvg:function(){return e.chartRef&&e.chartRef.downloadSvg()}}))}}),i.createElement(Z.a,null,i.createElement(q.a,{exact:!0,path:"/",component:J}),i.createElement(q.a,{exact:!0,path:"/view",render:this.renderMainArea}),i.createElement(X.a,{to:"/"})))}}]),t}(i.Component),ue=n(252),de=n(486);n(458),n(460),n(463);Object(s.c)([].concat(Object(a.a)(r),Object(a.a)(o)));var me={pl:c},fe=navigator.language&&navigator.language.split(/[-_]/)[0],he=Object(ue.detect)();he&&"ie"===he.name?l.render(i.createElement("p",null,"Topola Genealogy Viewer does not support Internet Explorer. Please try a different browser."),document.querySelector("#root")):l.render(i.createElement(s.b,{locale:fe,messages:me[fe]},i.createElement(de.a,null,i.createElement(q.a,{component:se}))),document.querySelector("#root"))}},[[263,2,1]]]);
|
|
//# sourceMappingURL=main.f9024f3c.chunk.js.map
|