Team:SEU-Nanjing-China/static/js/16-a46681e4-chunk-js

(window["webpackJsonpseu-igem2019"]=window["webpackJsonpseu-igem2019"]||[]).push([[16],{118:function(e,t,a){"use strict";a.r(t);var n=a(25),i=a.n(n),o=a(32),r=a(8),s=a(9),c=a(13),l=a(14),d=a(15),h=a(0),u=a.n(h),m=a(43),g=a.n(m),p=a(46),M=(a(230),a(76)),v=a(355),f=a(139),y=function(e){function t(){var e,a;Object(r.a)(this,t);for(var n=arguments.length,i=new Array(n),o=0;o<n;o++)i[o]=arguments[o];return(a=Object(c.a)(this,(e=Object(l.a)(t)).call.apply(e,[this].concat(i)))).state={rating:void 0,ratingBtnActive:[!1,!1,!1],textFieldValue:"",commentSent:!1},a.onSubmit=function(){if(!a.state.commentSent&&!(a.state.textFieldValue.length<4)){var e=a.state.textFieldValue;a.setState({textFieldValue:"",commentSent:!0}),p.a.commentDoc(a.props.pagePath,e)}},a.onTextFieldChange=function(e,t){!t||t.length<=500?a.setState({textFieldValue:t||""}):a.setState({textFieldValue:a.state.textFieldValue})},a}return Object(d.a)(t,e),Object(s.a)(t,[{key:"onHover",value:function(e){var t=[!1,!1,!1];t[e]=!0,this.setState({ratingBtnActive:t})}},{key:"onLeave",value:function(){var e=[!1,!1,!1];"undefined"!==typeof this.state.rating&&(e[this.state.rating]=!0),this.setState({ratingBtnActive:e})}},{key:"onClick",value:function(e){var t=this.state.rating,a=[!1,!1,!1];a[e]=!0,this.setState({rating:e,ratingBtnActive:a}),t!==e&&this.onRatingChange(e)}},{key:"onRatingChange",value:function(e){p.a.ratingDoc(this.props.pagePath,e)}},{key:"render",value:function(){var e=this;return u.a.createElement("div",{className:"doc-rating-cmt-container"},u.a.createElement("div",{className:"doc-rating-container"},u.a.createElement("div",{className:"doc-rating"},["EmojiDisappointed","EmojiNeutral","Emoji2"].map(function(t,a){return u.a.createElement("div",{key:a},u.a.createElement("div",{className:"doc-rating-btn "+(e.state.ratingBtnActive[a]?"doc-rating-btn-active":"doc-rating-btn-inactive"),onMouseOver:function(){return e.onHover(a)},onMouseLeave:function(){return e.onLeave()},onTouchStart:function(){return e.onHover(a)},onTouchEnd:function(){return e.onLeave()},onClick:function(){return e.onClick(a)}},u.a.createElement(M.a,{iconName:t})))})),u.a.createElement("div",{className:"doc-rating-hint"},"undefined"===typeof this.state.rating?"How about this article?":0===this.state.rating?this.props.author?"\u201c"+this.props.author+" must be punished for this unacceptable failure!\u201d, said Boss.":"Sorry, we will try to improve":1===this.state.rating?"We will continue to improve":"Thank you~")),u.a.createElement("div",{className:"doc-cmt-container"},u.a.createElement(v.a,{multiline:!0,resizable:!1,placeholder:"We value and appreciate receiving your feedback. It will not be made public.",rows:7,value:this.state.textFieldValue,onChange:this.onTextFieldChange}),u.a.createElement("div",{className:"doc-cmt-submit-container"},this.state.commentSent&&u.a.createElement("span",null,u.a.createElement(M.a,{iconName:"CheckMark",style:{color:"green"}}),"Thanks for your feedback. \xa0"),u.a.createElement(f.a,{text:"Send",onClick:this.onSubmit}))))}}]),t}(u.a.Component),b=a(351),E=a(349),k=a(360),N=a(149),C=a(309),j=a(233),T=a(358),S=a(311),L=a(144),I=a(27),w=(a(232),{twitter:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgPHBhdGggZmlsbD0iIzAwNzhENCIgZD0iTTI0IDQuNTU3Yy0uODgzLjM5Mi0xLjgzMi42NTYtMi44MjguNzc1IDEuMDE3LS42MDkgMS43OTgtMS41NzQgMi4xNjUtMi43MjQtLjk1MS41NjQtMi4wMDUuOTc0LTMuMTI3IDEuMTk1LS44OTctLjk1Ny0yLjE3OC0xLjU1NS0zLjU5NC0xLjU1NS0zLjE3OSAwLTUuNTE1IDIuOTY2LTQuNzk3IDYuMDQ1LTQuMDkxLS4yMDUtNy43MTktMi4xNjUtMTAuMTQ4LTUuMTQ0LTEuMjkgMi4yMTMtLjY2OSA1LjEwOCAxLjUyMyA2LjU3NC0uODA2LS4wMjYtMS41NjYtLjI0Ny0yLjIyOS0uNjE2LS4wNTQgMi4yODEgMS41ODEgNC40MTUgMy45NDkgNC44OS0uNjkzLjE4OC0xLjQ1Mi4yMzItMi4yMjQuMDg0LjYyNiAxLjk1NiAyLjQ0NCAzLjM3OSA0LjYgMy40MTktMi4wNyAxLjYyMy00LjY3OCAyLjM0OC03LjI5IDIuMDQgMi4xNzkgMS4zOTcgNC43NjggMi4yMTIgNy41NDggMi4yMTIgOS4xNDIgMCAxNC4zMDctNy43MjEgMTMuOTk1LTE0LjY0Ni45NjItLjY5NSAxLjc5Ny0xLjU2MiAyLjQ1Ny0yLjU0OXoiLz4KPC9zdmc+",facebook:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjMDE3OEQ0IiBkPSJNMjIuNjc1IDBoLTIxLjM1Yy0uNzMyIDAtMS4zMjUuNTkzLTEuMzI1IDEuMzI1djIxLjM1MWMwIC43MzEuNTkzIDEuMzI0IDEuMzI1IDEuMzI0aDExLjQ5NXYtOS4yOTRoLTMuMTI4di0zLjYyMmgzLjEyOHYtMi42NzFjMC0zLjEgMS44OTMtNC43ODggNC42NTktNC43ODggMS4zMjUgMCAyLjQ2My4wOTkgMi43OTUuMTQzdjMuMjRsLTEuOTE4LjAwMWMtMS41MDQgMC0xLjc5NS43MTUtMS43OTUgMS43NjN2Mi4zMTNoMy41ODdsLS40NjcgMy42MjJoLTMuMTJ2OS4yOTNoNi4xMTZjLjczIDAgMS4zMjMtLjU5MyAxLjMyMy0xLjMyNXYtMjEuMzVjMC0uNzMyLS41OTMtMS4zMjUtMS4zMjUtMS4zMjV6Ii8+PC9zdmc+",linkedin:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjMDE3OEQ0IiBkPSJNMTkgMGgtMTRjLTIuNzYxIDAtNSAyLjIzOS01IDV2MTRjMCAyLjc2MSAyLjIzOSA1IDUgNWgxNGMyLjc2MiAwIDUtMi4yMzkgNS01di0xNGMwLTIuNzYxLTIuMjM4LTUtNS01em0tMTEgMTloLTN2LTExaDN2MTF6bS0xLjUtMTIuMjY4Yy0uOTY2IDAtMS43NS0uNzktMS43NS0xLjc2NHMuNzg0LTEuNzY0IDEuNzUtMS43NjQgMS43NS43OSAxLjc1IDEuNzY0LS43ODMgMS43NjQtMS43NSAxLjc2NHptMTMuNSAxMi4yNjhoLTN2LTUuNjA0YzAtMy4zNjgtNC0zLjExMy00IDB2NS42MDRoLTN2LTExaDN2MS43NjVjMS4zOTYtMi41ODYgNy0yLjc3NyA3IDIuNDc2djYuNzU5eiIvPjwvc3ZnPg==",qq:"data:image/svg+xml,%3Csvg width='130px' height='130px' viewBox='0 0 130 130' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='translate(-35 -35)'%3E%3Cpath fill='%230178D4' d=' M 57.72 73.97 C 59.96 54.48 77.41 38.26 96.98 37.27 C 109.87 36.33 122.97 41.80 131.49 51.49 C 138.27 58.97 141.91 68.91 142.40 78.93 C 143.64 83.12 145.21 87.24 145.30 91.69 C 150.02 97.58 153.94 104.29 155.24 111.84 C 156.56 118.85 157.26 126.91 153.11 133.13 C 150.68 136.83 145.83 137.19 141.93 136.06 C 145.66 139.09 148.49 143.96 147.04 148.87 C 145.47 155.22 139.10 158.72 133.27 160.40 C 123.70 162.85 113.04 162.47 104.18 157.81 C 101.86 156.46 98.83 155.76 96.40 157.25 C 87.42 162.33 76.44 162.93 66.56 160.50 C 60.31 158.79 53.39 154.89 52.24 147.91 C 51.19 142.59 54.84 137.96 58.96 135.11 C 55.36 136.90 50.69 137.51 47.55 134.47 C 42.88 129.50 42.88 121.97 43.63 115.60 C 44.53 106.76 48.51 98.54 54.17 91.79 C 54.42 85.64 57.58 80.13 57.72 73.97 M 90.43 44.65 C 77.22 48.14 66.58 59.61 64.18 73.07 C 63.42 76.75 63.98 80.72 62.23 84.17 C 60.72 87.15 60.89 90.51 60.69 93.74 C 59.33 95.99 57.35 97.78 55.89 99.96 C 51.45 106.37 49.50 114.29 49.55 122.02 C 49.84 125.06 49.95 128.93 53.01 130.58 C 56.16 130.05 58.27 125.24 61.65 127.08 C 63.70 129.58 65.42 132.36 66.95 135.19 C 67.97 137.99 64.94 138.97 63.08 140.12 C 60.86 141.36 58.45 143.20 58.41 146.00 C 58.38 149.03 60.99 151.21 63.44 152.53 C 70.50 156.08 78.90 156.29 86.50 154.59 C 90.05 153.92 92.91 151.58 96.16 150.21 C 99.34 150.37 102.95 149.43 105.73 151.40 C 112.55 155.77 121.11 156.31 128.91 154.96 C 133.23 154.01 138.05 152.49 140.53 148.52 C 142.07 145.52 140.13 142.09 137.35 140.68 C 135.62 139.20 132.26 138.80 132.37 135.99 C 133.77 132.67 135.82 129.53 138.23 126.85 C 141.65 125.30 143.47 130.80 146.87 130.40 C 149.55 128.55 149.68 124.95 149.97 122.01 C 149.97 114.38 148.13 106.55 143.75 100.21 C 142.30 97.96 140.29 96.12 138.90 93.84 C 138.58 90.96 139.00 87.92 137.79 85.20 C 134.94 79.90 136.45 73.56 134.04 68.08 C 128.50 50.46 108.22 39.43 90.43 44.65 Z' /%3E%3C/g%3E%3C/svg%3E"}),x=function(e){function t(){var e,a;Object(r.a)(this,t);for(var n=arguments.length,i=new Array(n),o=0;o<n;o++)i[o]=arguments[o];return(a=Object(c.a)(this,(e=Object(l.a)(t)).call.apply(e,[this].concat(i)))).$settingBtn=void 0,a.getShimmerElements=function(){return u.a.createElement("div",{style:{display:"flex"}},u.a.createElement(C.a,{shimmerElements:[{type:j.a.circle,height:32},{type:j.a.gap,width:16,height:32}]}),u.a.createElement(C.a,{flexWrap:!0,shimmerElements:[{type:j.a.line,width:252,height:12},{type:j.a.gap,width:252,height:10},{type:j.a.line,width:252,height:10}]}))},a}return Object(d.a)(t,e),Object(s.a)(t,[{key:"render",value:function(){var e,t=this,a=this.props,n=a.navs,i=a.editors,o=void 0===i?[]:i,r=a.timestamp,s=a.switchSettingCallout;switch(o.length){case 0:e=[u.a.createElement("span",{key:1,className:"editor-name"},"Someone")];break;case 1:e=[u.a.createElement(S.a,{key:1,className:"editor-name",onClick:function(){I.a.navTo("/Team",o[0].hash)}},o[0].name)];break;case 2:e=[u.a.createElement(S.a,{key:1,className:"editor-name",onClick:function(){I.a.navTo("/Team",o[0].hash)}},o[0].name),u.a.createElement("span",{key:2},"\xa0and\xa0"),u.a.createElement(S.a,{key:3,className:"editor-name",onClick:function(){I.a.navTo("/Team",o[1].hash)}},o[1].name)];break;case 3:e=[u.a.createElement(S.a,{key:1,className:"editor-name",onClick:function(){I.a.navTo("/Team",o[0].hash)}},o[0].name),u.a.createElement("span",{key:2},",\xa0"),u.a.createElement(S.a,{key:3,className:"editor-name",onClick:function(){I.a.navTo("/Team",o[1].hash)}},o[1].name),u.a.createElement("span",{key:4},"\xa0and\xa0"),u.a.createElement(S.a,{key:5,className:"editor-name",onClick:function(){I.a.navTo("/Team",o[2].hash)}},o[2].name)];break;default:e=[u.a.createElement(S.a,{key:1,className:"editor-name",onClick:function(){I.a.navTo("/Team",o[0].hash)}},o[0].name),u.a.createElement("span",{key:2},"\xa0and\xa0"),u.a.createElement("span",{key:3,className:"editor-name"},o.length-1," others")]}e.push(u.a.createElement("span",{key:e.length+1}," edited this page"));var c={};return 0===o.length?c.activityIcon=u.a.createElement(L.a,{iconName:"Edit",style:{fontSize:"26px",width:"32px",height:"32px"}}):c.activityPersonas=o.map(function(e){return{text:e.name,imageInitials:e.nameAbbr,imageUrl:e.avatar}}),u.a.createElement(u.a.Fragment,null,u.a.createElement("div",{id:"doc-infobar-bcs"},u.a.createElement("div",{className:"Breadcrumb-fixmargin"},u.a.createElement(E.a,{items:n.map(function(e){return{text:e.text,key:e.text,onClick:function(){I.a.navTo(e.path)}}})})),u.a.createElement("div",null),u.a.createElement("div",null,u.a.createElement(k.a,{iconProps:{iconName:"Share"},text:"Share",menuProps:{items:["Twitter","Facebook","LinkedIn","QQ"].map(function(e){return{key:e,text:e,iconProps:{imageProps:{width:16,height:16,src:w[e.toLowerCase()]}}}}),onItemClick:this.onClickShare},className:"doc-infobar-share"})),u.a.createElement("div",{className:"doc-infobar-settings",ref:function(e){return t.$settingBtn=e}},u.a.createElement(N.a,{iconProps:{iconName:"Settings"},onClick:s}))),u.a.createElement("div",{id:"doc-infobar-activity"},u.a.createElement(T.a,{customElementsGroup:this.getShimmerElements(),width:300,isDataLoaded:!!this.props.editors},u.a.createElement(b.a,Object.assign({activityDescription:e,timeStamp:r},c)))))}},{key:"onClickShare",value:function(e,t){if(t){var a=document.title,n=window.location.href,i="";switch(t.text){case"Twitter":i="https://twitter.com/intent/tweet?text=".concat(a,"&url=").concat(n);break;case"Facebook":i="https://www.facebook.com/sharer/sharer.php?u=".concat(n);break;case"LinkedIn":i="http://www.linkedin.com/shareArticle?mini=true&ro=true&title=".concat(a,"&url=").concat(n,"&source=").concat(n,"&armin=armin");break;case"QQ":i="http://connect.qq.com/widget/shareqq/index.html?url=".concat(n,"&title=").concat(a,"}&source=").concat(a)}var o=window.open();o.opener=null,o.location.href=i}}}]),t}(u.a.Component),A=a(359),D=a(350),O=a(24),z=(a(234),a(63)),B=a(23),F=Object.keys(z.b).map(function(e){return{key:e,text:z.b[e]}}),$=function(e){function t(){var e,a;Object(r.a)(this,t);for(var n=arguments.length,i=new Array(n),o=0;o<n;o++)i[o]=arguments[o];return(a=Object(c.a)(this,(e=Object(l.a)(t)).call.apply(e,[this].concat(i)))).onTranslateToggleChange=function(e,t){var n={enableTranslate:!!t,lang:a.props.lang};B.a.translation=n,B.a.emit("translation",n)},a.onTranslateDropdownChange=function(e,t,n){var i={enableTranslate:a.props.enableTranslate,lang:t.key+""};B.a.translation=i,B.a.emit("translation",i)},a.switchDarkMode=function(e,t){B.a.darkMode=!!t,B.a.emit("darkMode",!!t)},a}return Object(d.a)(t,e),Object(s.a)(t,[{key:"render",value:function(){return u.a.createElement(u.a.Fragment,null,u.a.createElement(A.a,{inlineLabel:!0,label:u.a.createElement(u.a.Fragment,null,u.a.createElement(M.a,{iconName:"Light"}),u.a.createElement("span",null,"\xa0Dark Mode")),onText:"On",offText:"Off",checked:this.props.darkMode,onChange:this.switchDarkMode,className:"doc-setting-tg"}),this.props.translatable&&u.a.createElement(u.a.Fragment,null,u.a.createElement(A.a,{inlineLabel:!0,label:u.a.createElement(u.a.Fragment,null,u.a.createElement(M.a,{iconName:"Translate"}),u.a.createElement("span",null,"\xa0Translation")),onText:"On",offText:"Off",checked:this.props.enableTranslate,onChange:this.onTranslateToggleChange,className:"doc-setting-tg"}),u.a.createElement(D.a,{selectedKey:this.props.lang,options:F,responsiveMode:O.a.large,className:"doc-setting-dd",onChange:this.onTranslateDropdownChange})))}}]),t}(u.a.Component),U=(a(236),a(3)),H=function(e){function t(){var e,a;Object(r.a)(this,t);for(var n=arguments.length,i=new Array(n),o=0;o<n;o++)i[o]=arguments[o];return(a=Object(c.a)(this,(e=Object(l.a)(t)).call.apply(e,[this].concat(i)))).$indicator=void 0,a.$indicatorSlider=void 0,a.onScroll=function(){var e=!0;return function t(){if(e){e=!1,setTimeout(function(){e=!0,a.mounted&&t()},50);var n=a.props.headings;if(n&&0!==n.length){var i=a.getPosition(),o=i.nth,r=i.progress;a.$indicator.style.top=4.33*o+.5+"em",a.$indicatorSlider.style.top=.5*r+"em"}}}}(),a.mounted=!1,a}return Object(d.a)(t,e),Object(s.a)(t,[{key:"getPosition",value:function(){for(var e=this.props.headings,t=document.documentElement.clientHeight/2,a=0,n=0;a<e.length&&a+1!==e.length&&!(e[a+1].ref.getBoundingClientRect().top>=t);)a++;a+1!==e.length&&(n=2*(t-e[a].ref.getBoundingClientRect().top)/(e[a+1].ref.getBoundingClientRect().top-e[a].ref.getBoundingClientRect().top)-1);return 0===a&&n<0&&(n=0),{nth:a,progress:n}}},{key:"componentDidMount",value:function(){this.mounted=!0,B.a.on("scroll",this.onScroll),this.onScroll()}},{key:"componentDidUpdate",value:function(){this.onScroll()}},{key:"componentWillUnmount",value:function(){this.mounted=!1,B.a.removeListener("scroll",this.onScroll)}},{key:"resolveText",value:function(e){return/^[0-9]+\. /.test(e)?{label:e.split(".")[0],text:e.replace(/^[0-9]+\. /,"")}:/^[A-Z]+\. /.test(e)?{label:e.split(".")[0],text:e.replace(/^[IVX]+\. /,"")}:{label:e.charAt(0),text:e.substring(1)}}},{key:"onClickNav",value:function(e){var t=this.props.headings;t&&(e>=t.length||t[e].ref.scrollIntoView({behavior:"smooth",block:"center"}))}},{key:"render",value:function(){var e=this,t={background:this.props.darkMode?"#201F1E":"#EDEBE9",shimmer:this.props.darkMode?"#201F1E":"#EDEBE9",shimmerWave:this.props.darkMode?"#605e5c":"#FAF9F8"};return u.a.createElement(u.a.Fragment,null,u.a.createElement("div",{id:"doc-aside-setting"},u.a.createElement($,{darkMode:this.props.darkMode,translatable:this.props.translatable,enableTranslate:this.props.enableTranslate,lang:this.props.lang})),u.a.createElement("div",{id:"doc-nav"},!this.props.headings&&Object(U.g)(1,8).map(function(e){return u.a.createElement(T.a,{key:e,shimmerColors:t})}),this.props.headings&&u.a.createElement(u.a.Fragment,null,0!==this.props.headings.length&&u.a.createElement("div",{className:"doc-nav-indicator",ref:function(t){return e.$indicator=t}},u.a.createElement("div",{ref:function(t){return e.$indicatorSlider=t}})),this.props.headings.map(function(t,a){var n=e.resolveText(t.text);return u.a.createElement("div",{className:"doc-nav-item",onMouseDown:function(){return e.onClickNav(a)},onTouchStart:function(){return e.onClickNav(a)},key:a},u.a.createElement("div",null,n.label),u.a.createElement("div",null,n.text.length>45?function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:45,a=e.split(" "),n=a.length,i=a[0];t-=a[0].length;for(var o=1;o<n;++o){var r=a[o];if(!(t-1-r.length>=0))return i+="...";t-=r.length+1,i+=" "+r}return i}(n.text):n.text))}))))}}]),t}(u.a.Component);var P=a(142),Y=a(312),Q=a(171),R=(a(237),a(7));a.d(t,"default",function(){return V});var V=function(e){function t(){var e,a;Object(r.a)(this,t);for(var n=arguments.length,i=new Array(n),o=0;o<n;o++)i[o]=arguments[o];return(a=Object(c.a)(this,(e=Object(l.a)(t)).call.apply(e,[this].concat(i)))).$docPageBody=void 0,a.$doc1Bg=void 0,a.$doc3Bg=void 0,a.$settingBtn=void 0,a.$docLoadedAni=void 0,a.$docLoadedAniitem=void 0,a.$docArticle=void 0,a.animationState=R.b.Initial,a.state={title:"",hasAside:!1,hasInfobar:!1,hasRating:!1,translatable:!0,pageLocation:void 0,editors:void 0,lastModified:void 0,headings:void 0,translationMsgBar:{show:!1,state:"translating"},content:"",darkMode:B.a.darkMode,showSettingCallout:!1,enableTranslate:B.a.translation.enableTranslate,lang:B.a.translation.lang},a.resolveHeadings=function(){for(var e=[],t=document.querySelectorAll(".doc-page-h2>span"),n=0;n<t.length;++n){var i=t[n];e.push({text:i.innerText,ref:i})}a.setState({headings:e})},a.isHeaderFixed=!1,a.onHeaderFixed=function(e){a.isHeaderFixed=e,a.state.hasInfobar||"doc-article"===a.doc3bgAt&&(a.doc3bgAt="doc-3-bg",a.$docArticle.classList.remove("show-doc-3-bg"),a.$doc3Bg.classList.add("show-doc-3-bg"))},a.doc3bgAt="doc-article",a.onScroll=function(){if(!a.isHeaderFixed){if("doc-article"===a.doc3bgAt)return;a.doc3bgAt="doc-article",a.$doc3Bg.classList.remove("show-doc-3-bg"),a.$docArticle.classList.add("show-doc-3-bg")}a.$docArticle.getBoundingClientRect().top<a.props.$header.$header.getBoundingClientRect().bottom?"doc-article"===a.doc3bgAt&&(a.doc3bgAt="doc-3-bg",a.$docArticle.classList.remove("show-doc-3-bg"),a.$doc3Bg.classList.add("show-doc-3-bg")):"doc-3-bg"===a.doc3bgAt&&(a.doc3bgAt="doc-article",a.$doc3Bg.classList.remove("show-doc-3-bg"),a.$docArticle.classList.add("show-doc-3-bg"))},a.onDarkMode=function(e){return a.setState({darkMode:e})},a.onTranslation=function(e){var t=e.enableTranslate,n=e.lang;a.setState({translationMsgBar:{show:t,state:"translating"}}),a.setState({enableTranslate:t,lang:n},function(){a.resolveHeadings()})},a.switchCallout=function(){return a.setState({showSettingCallout:!a.state.showSettingCallout})},a.onTranslationBackToIdle=function(e){a.resolveHeadings(),a.setState({translationMsgBar:{show:!0,state:e?"success":"error"}})},a}return Object(d.a)(t,e),Object(s.a)(t,[{key:"setContent",value:function(e){var t=this;document.title=e.title?e.title+" - SEU-Nanjing-China - iGEM 2019":"SEU-Nanjing-China - iGEM 2019",this.setState(e,function(){t.resolveHeadings(),t.handleHash(I.a.hash),setTimeout(function(){B.a.emit("scroll")},1e3),I.a.on("hashDidUpdate",t.handleHash)})}},{key:"handleHash",value:function(e){if(!(e.length<=1||"#"!==e.charAt(0))){var t=document.getElementById("anchor-"+e.substring(1));t&&t.scrollIntoView({behavior:"smooth",block:"center"})}}},{key:"enter",value:function(){var e=Object(o.a)(i.a.mark(function e(){return i.a.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(this.animationState===R.b.Initial){e.next=2;break}return e.abrupt("return");case 2:return this.animationState=R.b.Entering,B.a.emit("scroll"),this.setState({hasAside:!1,hasInfobar:!1,hasRating:!1}),this.$docLoadedAniitem.style.transform="scale(1)",this.$docLoadedAniitem.style.opacity="1",e.next=9,Object(U.b)(800);case 9:return this.$doc1Bg.style.opacity="1",this.$docPageBody.style.opacity="1",this.$docLoadedAni.style.opacity="0",this.setState({hasAside:!0,hasInfobar:!0,hasRating:!1}),e.next=15,Object(U.b)(600);case 15:return this.$docLoadedAni.style.display="none",e.next=18,Object(U.b)(600);case 18:this.animationState=R.b.Entered;case 19:case"end":return e.stop()}},e,this)}));return function(){return e.apply(this,arguments)}}()},{key:"exit",value:function(){var e=Object(o.a)(i.a.mark(function e(){return i.a.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return I.a.removeListener("hashDidUpdate",this.handleHash),this.$doc1Bg.style.opacity="0",this.$doc1Bg.style.transform="translate3d(0, 48px, 0)",this.$docArticle.style.opacity="0",this.$docArticle.style.transform="translate3d(0, 48px, 0)",e.next=7,Object(U.b)(600);case 7:window.scrollTo({top:0});case 8:case"end":return e.stop()}},e,this)}));return function(){return e.apply(this,arguments)}}()},{key:"refresh",value:function(){B.a.translation={enableTranslate:!1,lang:Object(z.a)()},B.a.emit("translation",B.a.translation),this.onTranslation(B.a.translation),window.scrollTo({top:0,behavior:"smooth"}),this.setState({hasAside:!0,hasInfobar:!0,hasRating:!1,translatable:!0,content:"",pageLocation:void 0,editors:void 0,lastModified:void 0,headings:void 0})}},{key:"componentDidMount",value:function(){this.refresh(),z.c.on("backToIdle",this.onTranslationBackToIdle),B.a.on("headerFixed",this.onHeaderFixed),B.a.on("scroll",this.onScroll),B.a.on("darkMode",this.onDarkMode),B.a.on("translation",this.onTranslation)}},{key:"componentWillUnmount",value:function(){z.c.removeListener("backToIdle",this.onTranslationBackToIdle),B.a.removeListener("headerFixed",this.onHeaderFixed),B.a.removeListener("darkMode",this.onDarkMode),B.a.removeListener("translation",this.onTranslation),B.a.removeListener("scroll",this.onScroll)}},{key:"render",value:function(){var e=this,t=this.props.$fixedBelowHeader,a=this.state.darkMode?"darktheme-doc":"lighttheme-doc",n=this.state.hasAside?"doc-has-aside":"doc-no-aside",i=this.state.hasInfobar?"doc-has-infobar":"doc-no-infobar",o={background:this.state.darkMode?"#3B3A39":"#FFFFFF",shimmer:this.state.darkMode?"#3B3A39":"#FFFFFF"},r=u.a.createElement(u.a.Fragment,null,u.a.createElement("div",{id:"doc-loaded-ani",ref:function(t){return e.$docLoadedAni=t},className:a},u.a.createElement("div",null,u.a.createElement("div",{id:"doc-loaded-aniitem",ref:function(t){return e.$docLoadedAniitem=t}}))),u.a.createElement("div",{id:"doc-1-bg",className:a,ref:function(t){return e.$doc1Bg=t}},u.a.createElement("aside",{id:"doc-aside-container"},u.a.createElement("div",{id:"doc-aside-leftspace"}),u.a.createElement("div",{id:"doc-aside"},u.a.createElement(H,{darkMode:this.state.darkMode,translatable:this.state.translatable,enableTranslate:this.state.enableTranslate,lang:this.state.lang,headings:this.state.headings})),u.a.createElement("div",{id:"doc-aside-rightspace"})),u.a.createElement("div",{id:"doc-2-bg",className:n},u.a.createElement("div",{id:"doc-infobar"},u.a.createElement(x,{navs:this.state.pageLocation||[{text:"Home",path:"/"},{text:"...",path:"/"}],editors:this.state.editors,timestamp:this.state.lastModified,switchSettingCallout:this.switchCallout,ref:function(t){return e.$settingBtn=t&&t.$settingBtn}}),u.a.createElement(P.a,{gapSpace:0,target:this.$settingBtn,onDismiss:function(){e.setState({showSettingCallout:!1})},setInitialFocus:!0,hidden:!this.state.showSettingCallout},u.a.createElement("div",{className:"doc-setting-callout-inner"},u.a.createElement($,{darkMode:this.state.darkMode,translatable:this.state.translatable,enableTranslate:this.state.enableTranslate,lang:this.state.lang})))),u.a.createElement("div",{id:"doc-3-bg",ref:function(t){return e.$doc3Bg=t}}))));return u.a.createElement("div",{id:"doc-page-body",ref:function(t){return e.$docPageBody=t},className:a+" "+n+" "+i},g.a.createPortal(r,t),u.a.createElement("article",{id:"doc-article",ref:function(t){return e.$docArticle=t},className:"show-doc-3-bg"},this.state.translationMsgBar.show&&u.a.createElement(Y.a,{messageBarType:"error"===this.state.translationMsgBar.state?Q.a.error:Q.a.info,isMultiline:!1,onDismiss:function(){e.setState({translationMsgBar:{show:!1,state:"translating"}})},dismissButtonAriaLabel:"Close"},"translating"===this.state.translationMsgBar.state?"The translation service is running.":"success"===this.state.translationMsgBar.state?"The translation is automatically generated by machine and is for informational purposes only.":"There was an error with the translation service."),""===this.state.content?u.a.createElement(u.a.Fragment,null,u.a.createElement(T.a,{width:"80%",shimmerElements:[{type:j.a.line,height:24}],shimmerColors:o}),Object(U.g)(1,8).map(function(e){return u.a.createElement(T.a,{key:e,width:"95%",shimmerColors:o})})):this.state.content,this.state.hasRating&&this.state.pageLocation&&u.a.createElement(y,{pagePath:this.state.pageLocation[this.state.pageLocation.length-1].path,author:this.state.editors&&this.state.editors[0]&&this.state.editors[0].name}),u.a.createElement("div",{style:{height:this.state.hasInfobar?"calc(107px + 1.071em)":"0"}})))}}]),t}(u.a.Component)},230:function(e,t,a){},232:function(e,t,a){},234:function(e,t,a){},236:function(e,t,a){},237:function(e,t,a){}}]); //# sourceMappingURL=../16-a46681e4-chunk.js.map?action=raw&ctype=text/javascript