ter-localization-cli/dist/client/static/js/3.1ec93ab7.chunk.js

Quick and powerful library for localization for react / react native application

(window.webpackJsonp=window.webpackJsonp||[]).push([[3],{238:function(e,t){},244:function(e,t,n){"use strict";n.r(t);var a=n(22),r=n.n(a),c=n(21),o=n(39),u=n(11),l=n(12),i=n(15),s=n(13),d=n(40),p=n(14),f=n(1),g=n.n(f),m=n(6),h=n(212),v=n.n(h),y=function(e){return Object.keys(e)},b=function(){var e=Object(o.a)(r.a.mark(function e(t){var n,a,c,o;return r.a.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return n=t.group,a=t.key,c=t.language,o=t.word,e.next=3,fetch("/api/word",{body:JSON.stringify({group:n,key:a,language:c,word:o}),method:"PUT",headers:{"content-type":"application/json"}});case 3:case"end":return e.stop()}},e)}));return function(t){return e.apply(this,arguments)}}(),k={key:{maxWidth:200,wordWrap:"break-word"},groupHeader:{backgroundColor:"#20a8d8",color:"white",textAlign:"center"}},O=function(e){function t(e){var n;return Object(u.a)(this,t),(n=Object(i.a)(this,Object(s.a)(t).call(this,e))).toggle=n.toggle.bind(Object(d.a)(n)),n.state={isOpen:!1},n}return Object(p.a)(t,e),Object(l.a)(t,[{key:"toggle",value:function(){this.setState({isOpen:!this.state.isOpen})}},{key:"render",value:function(){var e=this.props.data,t=y(e),n=function(e){return y(e).reduce(function(t,n){var a=e[n];return a&&Object.keys(a).map(function(e){t.every(function(t){return t!==e})&&t.push(e)}),t},[])}(e);return g.a.createElement(m.m,{striped:!0,hover:!0},g.a.createElement("thead",null,g.a.createElement("tr",null,g.a.createElement("th",null,"#"),t.map(function(e){return g.a.createElement("th",{key:e},e)}))),g.a.createElement("tbody",null,n.map(function(n){return g.a.createElement(g.a.Fragment,{key:n},g.a.createElement("tr",null,g.a.createElement("th",{scope:"row",colSpan:t.length+1,style:k.groupHeader},n)),function(e,t){return y(e).reduce(function(n,a){var r=e[a];return r&&Object.keys(r[t]).map(function(e){n.every(function(t){return t!==e})&&n.push(e)}),n},[])}(e,n).map(function(a){return g.a.createElement("tr",{key:a},g.a.createElement("th",{scope:"row",style:k.key},a),t.map(function(t){return g.a.createElement("td",{key:t},g.a.createElement(m.i,{defaultValue:e[t][n][a],onBlur:function(e){return b({word:e.target.value,group:n,language:t,key:a})}}))}))}))})))}}]),t}(f.Component),E=n(41),j=function(e){function t(e){var n;return Object(u.a)(this,t),(n=Object(i.a)(this,Object(s.a)(t).call(this,e))).toggle=n.toggle.bind(Object(d.a)(n)),n.state={data:{},loading:0,loaded:!1},n}return Object(p.a)(t,e),Object(l.a)(t,[{key:"componentDidMount",value:function(){this.getWordData(),this.listenSocket()}},{key:"getWordData",value:function(){var e=Object(o.a)(r.a.mark(function e(){var t,n;return r.a.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return this.setState(function(e){return Object(c.a)({},e,{loading:e.loading+1})}),e.next=3,E.a.word.get();case 3:t=e.sent,n=t.data,this.setState(function(e){return Object(c.a)({},e,{loading:e.loading-1,data:n,loaded:!0})});case 6:case"end":return e.stop()}},e,this)}));return function(){return e.apply(this,arguments)}}()},{key:"listenSocket",value:function(){var e=this,t=this.state.endpoint;v()(t).on("CHANGE_WORD",function(t){e.getWordData()})}},{key:"toggle",value:function(){this.setState({isOpen:!this.state.isOpen})}},{key:"render",value:function(){var e=this.state,t=e.loading,n=e.loaded,a=e.data;return g.a.createElement("div",{className:"animated fadeIn"},g.a.createElement(m.l,null,g.a.createElement(m.f,null,g.a.createElement(m.b,null,g.a.createElement(m.e,null,g.a.createElement("i",{className:"fa fa-language"})," Translation"),g.a.createElement(m.c,null,t>0&&g.a.createElement("div",null,"Loading"),0==t&&!n&&g.a.createElement("div",null,"Preparing"),0==t&&n&&a&&g.a.createElement(O,{data:a}),0==t&&n&&!a&&g.a.createElement("div",null,"Not loaded"))))))}}]),t}(f.Component);t.default=j}}]);
//# sourceMappingURL=3.1ec93ab7.chunk.js.map